@charset "UTF-8"; @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css"); * {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}

main .meetingId {padding: 0; width: 0; height: 0; opacity: 0; position: absolute;}

html, body {
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    font-size: 10px;
    color: #0c1426;
}

ul, li {
    list-style: none;
}

a {
    color: #0c1426;
    text-decoration: none;
    display: block;
}

img {
    width: 100%;
    height: auto;
}

button {
    background: none;
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    cursor: pointer;
}

.mo {
    display: none;
}

.wrap {
    overflow: hidden;
}

.inner {
    width: 98rem;
    margin: 0 auto;
}

input:not([type=checkbox], [type=radio]), textarea {
    padding: 1.1rem 1.2rem;
    border: .1rem solid #e0e5ef;
    border-radius: .6rem;
    font-size: 1.5rem;
    letter-spacing: -0.3px;
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    width: 100%;
}

input::placeholder {
    color: #9da2ac;
}

textarea {
    resize: none;
}

select {
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/select-arrow.png) no-repeat #fff calc(100% - .8rem) 50%/1.6rem;
    cursor: pointer;
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: -0.3px;
    border-radius: .6rem;
    border: .1rem solid #9da2ac;
    min-width: 8.8rem;
    padding: 1.1rem 1rem;
}

.red {
    font-size: inherit;
    color: #dc1010;
    margin-left: 0.4rem;
    position: relative;
    top: 0.2rem;
}

.btn {
    border-radius: .6rem;
    padding: 1rem .8rem;
    white-space: nowrap;
}

.btn-gray {
    color: #62666e;
    background: #e0e5ef;
}

.btn-blue {
    color: #fff;
    background: #1275d8;
}

.btn-dkgray {
    color: #fff;
    background: #62666e;
}

.btn-white {
    color: #62666e;
    border: .1rem solid #e0e5ef;
}

.btn-dkblue {
    background: #183472;
    color: #fff;
}

.btn-dkblue:disabled {
    background: #bbc2d1;
    color: #fff;
    cursor: auto;
}

.btn-orange {
    color: #fff;
    background: #ec6f0f;
}

.btn-black {
    color: #fff;
    background: #000;
}

.btn-transform {
    color: #fff;
    background: transparent;
    border: .1rem solid rgba(255, 255, 255, .24);
}

.btn-line {
    border: .1rem solid #1275d8;
    color: #1275d8;
    background: #fff;
}

.btn-dkline {
    border: .1rem solid #183472;
    color: #183472;
}

.note-list > li {
    display: flex;
    align-items: center;
}

.note-list > li::before {
    content: '※';
    margin-right: 0.4rem;
    align-self: flex-start;
}

.note-list .text {
    width: 100%;
}

.dot-list > li {
    display: flex;
    align-items: center;
}

.dot-list > li::before {
    content: '·';
    margin-right: 0.4rem;
    align-self: flex-start;
}

.dot-list .text {
    width: 100%;
}

.input-label {
    display: block;
}

.input-label + .input-label {
    margin-top: 2.4rem;
}

.input-label > .tit {
    font-size: 1.6rem;
    letter-spacing: -0.32px;
    margin-bottom: .8rem;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.pop-bg {
    position: fixed; left: 0; top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 55;
    display: none;
}

.pop {
    width: 40rem;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 56;
    border-radius: 1.2rem;
    overflow: hidden;
    display: none;
}

.pop-bg.on, .pop.on {
    display: block;
}

.pop-header {
    width: 100%;
    background: #ecf5fe;
    padding: 1.2rem 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pop-header .pop-tit {
    font-size: 1.8rem;
    letter-spacing: -0.36px;
    font-weight: bold;
}

.pop-close {
    width: 2.8rem;
    height: 2.8rem;
    background: url(../images/pop-close.png) no-repeat center;
    background-size: cover;
}

.pop-cont {
    padding: 2rem 2rem 0;
}

.pop-cont .letter-content {font-size: 1.4rem; letter-spacing: -.28px; line-height: 2.4rem; margin-bottom: 3.2rem;}

.pop-cont .input-label > .tit + .ck-label {
    margin-top: 1.6rem;
}

.pop-cont .ck-label {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
}

.pop-cont .ck-label::after {
    width: 1.8rem;
    height: 1.8rem;
    background: url(../images/arrow-gray-bold.png) no-repeat center;
    background-size: cover;
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.pop-cont .ck-label input {
    display: none;
}

.pop-cont .ck-label + .ck-label {
    margin-top: 1.6rem;
}

.pop-cont .ck-label .tit {
    font-size: 1.5rem;
    letter-spacing: -0.3px;
    display: flex;
    align-items: center;
}

.pop-cont .ck-label .tit::before {
    content: '';
    width: 1.8rem;
    height: 1.8rem;
    background: url(../images/ck.png) no-repeat center;
    background-size: cover;
    margin-right: 1.2rem;
}

.pop-cont .ck-label input:checked + .tit::before {
    background: url(../images/ck-on.png) no-repeat center;
    background-size: cover;
}

.pop-cont .ck-label .c {
    color: #1275d8;
}

.pop-cont .fix-btns {
    margin-top: 2.8rem;
    display: flex;
    align-items: center;
    width: calc(100% + 4rem);
    position: relative;
    left: -2rem;
}

.pop-cont .fix-btns button {
    width: 100%;
    padding: 1rem;
    font-size: 1.5rem;
    letter-spacing: -0.3px;
    border-radius: 0;
}

.pop-cont .pass-icon {
    display: block;
    margin: 0 auto 1.6rem;
    width: 5.2rem;
}

.pop-cont .pass-tit {
    font-size: 2rem;
    letter-spacing: -0.4px;
    margin-bottom: 1.6rem;
    text-align: center;
    font-weight: bold;
}

.pop-cont .pass-tit .c {
    color: #ff3a4a;
}

.pop-cont .pass-info .note-list {
    margin: 1.2rem 0 2.4rem;
    font-size: 1.2rem;
    letter-spacing: -0.24px;
    color: #62666e;
}

.pop-cont .text-wrap .tit {
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: -0.32px;
    margin-bottom: 1.2rem;
}

.pop-cont .text-wrap .dot-list {
    font-size: 1.4rem;
    letter-spacing: -0.28px;
    color: #62666e;
}

.pop-cont .text-wrap .dot-list li + li {
    margin-top: .8rem;
}

.pop-cont .pop-close {
    position: absolute;
    top: 0.6rem;
    right: 0.6rem;
}

.pop-cont .tit {
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    letter-spacing: -0.32px;
}

.pop-cont .txt {
    font-size: 1.4rem;
    letter-spacing: -0.28px;
    margin: 1.2rem auto 0;
    line-height: 2.4rem;
    text-align: center;
    color: #5c6371;
    width: 65%;
    word-break: keep-all;
}

.my-info-pop .pop-cont .tit {
    font-size: 1.8rem;
    letter-spacing: -0.36px;
}

.pop-cont .txt .c {
    color: #ec6f0f;
    font-weight: bold;
}

.my-info-pop .stock-num {
    text-align: center;
    font-size: 1.4rem;
    letter-spacing: -0.28px;
    font-weight: 500;
    margin: 1.2rem auto;
}

.my-info-pop .stock-num .num {
    color: #62666e;
    font-weight: normal;
}

.my-info-pop .stock-info-list .info-item {
    text-align: center;
}

.my-info-pop .stock-info-list .info-item:not(:last-child) {
    background: #f4f6f8;
    width: calc(50% - .5rem);
}

.my-info-pop .stock-info-list .info-item:last-child {
    width: 100%;
}

.vote-info-pop .vote-info-box {
    padding: 2.4rem;
    border-radius: 1.2rem;
    background: #f4f6f8;
    text-align: center;
}

.vote-info-pop .vote-info-box .num {
    font-size: 1.8rem;
    letter-spacing: -0.36px;
    margin-bottom: 0.8rem;
    font-weight: 500;
    color: #1275d8;
}

.vote-info-pop .vote-info-box .tit {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    font-weight: bold;
    margin-bottom: 1.2rem;
}

.vote-info-pop .vote-info-box .date {
    font-size: 1.5rem;
    letter-spacing: -0.3px;
    color: #868c97;
}

.vote-info-pop .vote-detail {
    padding-right: 0.6rem;
    font-size: 1.5rem;
    letter-spacing: -0.3px;
    line-height: 2.6rem;
    margin-top: 2rem;
    height: 42rem;
    overflow: auto;
    word-break: keep-all;
}

.vote-detail::-webkit-scrollbar {
    width: .8rem;
}

.vote-detail::-webkit-scrollbar-thumb {
    height: 1rem;
    background: #e0e5ef;
    border-radius: 60rem;
}

.vote-detail::-webkit-scrollbar-track {
    background: transparent
}

.vote-commission-pop {background: #e7f3f3 !important;}
.vote-commission-pop .tit {
    line-height: 2.6rem;
}

.vote-commission-pop .vote-commission {
    border-top: .1rem solid #e0e5ef;
    margin-top: 1.2rem;
    padding-top: 1.6rem;
}

.vote-commission-pop .list li {
    display: flex;
    align-items: center; flex-flow: row wrap;
}
.vote-commission-pop .list li .tit {font-size: 1.4rem; font-weight: 500; letter-spacing: -.28px; margin: 1.6rem 0 .8rem;}

.vote-commission-pop .list li + li {
    margin-top: .4rem;
}

.vote-commission-pop .list label {
    display: flex;
    align-items: center;
}

.vote-commission-pop .list label input {
    width: 2.4rem;
    height: 2.4rem;
}

.vote-commission-pop .list label .tit {
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: -0.32px;
    margin: 0 0 0 .8rem;
}
.vote-commission-pop .list li .download {margin-top: .4rem;}

.vote-commission-pop .list input[type=text] {
    margin-right: 0.8rem;
    font-size: 1.4rem;
    padding: .8rem 1rem;
}
.vote-commission-pop .download {
    width: 100%; padding: .8rem; border-radius: .6rem; border: .1rem solid #1275d8; background: #fff; color: #1275d8;
     letter-spacing: -0.28px; font-size: 1.4rem;
        white-space: nowrap;
        display: flex;
        align-content: center;
        justify-content: center;
}


.vote-commission-pop .download::after {
    content: '';
    width: 1.6rem;
    height: 1.6rem;
    background: url(../images/download-blue-icon.png) no-repeat center;
    background-size: cover;
}

.vote-commission-pop .vote-commission .txt {
    margin: 0 0 1.2rem;
    font-size: 1.3rem;
    letter-spacing: -0.26px;
    line-height: 2rem;
    text-align: left;
    width: 100%;
}

/* 연결페이지 */
.link-page {
    margin-bottom: 12rem;
    max-width: 98rem;
    margin: 0 auto;
}

.stockholder {
    border-radius: .6rem;
    padding: .7rem 1.7rem;
    background: #10b87a;
    font-weight: 500;
    font-size: 1.5rem;
    letter-spacing: -0.3px;
    color: #fff;
    display: block;
    margin: 0 3.8rem 0 7rem;
    white-space: nowrap;
}

.login-header .logo {width: 18rem;}

.bn-wrap {
    width: 100%;
    border-radius: 2.4rem;
    margin: 6rem auto 2.8rem;
    position: relative;
}

.bn-wrap .txt-wrap {
    position: absolute;
    left: 4.8rem;
    top: 4rem;
    width: calc(100% - 8rem);
    word-break: keep-all;
    width: 48rem;
}

.bn-wrap .txt {
    color: #fff;
    font-size: 1.6rem;
    letter-spacing: -0.32px;
    line-height: 2.6rem;
    font-weight: 500;
}

.bn-wrap .big {
    font-size: 2.8rem;
    font-weight: bold;
    letter-spacing: -0.56px;
    margin-bottom: 1.6rem;
}

.bn-wrap .sm {
    font-size: 1.4rem;
    letter-spacing: -0.28px;
    line-height: 2.5rem;
    color: #f6c9a7;
}

.bn-wrap .event-txt { margin: 3.7rem 0 4.5rem; padding: 1.4rem; border-radius: 80rem; background: linear-gradient(to right, #0b408e, #b21961, #460612); position: relative; }
.bn-wrap .event-txt .text { margin-left: 13.6rem; color: #fff; font-size: 1.5rem; letter-spacing: -.3px; line-height: 2.6rem; font-weight: 500; display: flex; align-items: center; gap: 1.6rem; }
.bn-wrap .event-txt .text::before { content: ''; width: 11.4rem; min-width: 11.4rem; height: 11.4rem; background: url(../images/event-txt.png) no-repeat center; background-size: cover; position: absolute; top: 50%; left: 2rem; transform: translateY(-50%); }
.bn-wrap .event-txt .text .c { color: #fbff92; font-weight: bold; }

.link-page .login-box {
    width: 100%;
    border-radius: 1.2rem;
    padding: 3.6rem 2rem;
    box-shadow: .4rem .4rem 2.4rem 0 rgba(0, 0, 0, .12);
    text-align: center;
}
.link-page .login-box + .login-box {margin-top: 2.8rem; margin-bottom: 12rem;}

.link-page .login-box .tit {
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: -0.48px;
    margin-bottom: 1.2rem;
}

.link-page .login-box .txt {
    font-size: 1.7rem; font-weight: bold;
    letter-spacing: -0.34px; line-height: 2.8rem;
    color: #000;
}

.link-page .login-box.regist .txt { margin-top: 3rem; }
.link-page .login-box.login .txt { margin-bottom: 3rem; color: #62666e; font-weight: 500; }

.link-page .vote-title { font-size: 2rem; font-weight: bold; margin-bottom: 2rem; letter-spacing: -.54px;}

.link-page .login-box .login-btns {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    justify-content: center;
}

.link-page .login-box .login-btns a {
    width: 6rem;
    height: 6rem;
}

.signup-container {
    text-align: right;
    margin: 1.6rem 1.2rem 11rem;
    text-align: center;
}
.signup-notice {
    display: block;
    font-size: 1.4rem;
    color: #888;
    line-height: 1.4;
}

@media (max-width: 1024px) {
    header {height: 6.4rem;}
    .signup-notice { font-size: 1.2rem; }
}

header {
    height: 8rem !important;
    position: relative;
    z-index: 2;
}

header .inner {
    display: flex;
    align-items: center;
    padding: 1.6rem 0;
}

.header-login {
    border-bottom: .2rem solid #ebebeb; background: transparent !important;
}

.header-login .back {
    width: 2.8rem;
    height: 2.8rem;
    background: url(../images/back.png) no-repeat center;
    background-size: cover;
}

.header-login .logo {
    width: 14.4rem;
    margin: 0 auto;
}

.header.no-btn .header-prev {display: none;}
.header.no-btn .logo {position: static; left: inherit; top: inherit; transform: inherit;}
.header .header-prev {width: 3.6rem; height: 3.6rem; background: url(../images/sub-prev-white.png) no-repeat center; background-size: cover;}
.header-coupon .header-prev {background: url(../images/sub-prev-black.png) no-repeat center; background-size: cover;}

main .inner {
    padding: 4.7rem 0;
}

.sub-page > .title-wrap {
    text-align: center;
    margin-bottom: 2.8rem;
}

.sub-page > .title-wrap .tit {
    font-size: 2.8rem;
    font-weight: bold;
    letter-spacing: -0.56px;
    margin-bottom: 1.2rem;
}

.sub-page > .title-wrap .sub-tit {
    font-size: 1.6rem;
    letter-spacing: -0.32px;
}

.float-btn {
    position: fixed;
    bottom: 6rem;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 60rem;
    border: .2rem solid #e0e5ef;
    padding: 1rem 1.4rem;
    font-size: 1.6rem;
    letter-spacing: -0.32px;
    color: #555;
    width: 14.8rem;
}

/* 로그인 */
.login-page {
    max-width: 68rem;
    margin: 0 auto;
}

.login-page.w {
    max-width: 40rem;
}

.login-page .login-options {
    display: flex;
    gap: 1.2rem;
}

.login-page .login-options li {
    width: 100%;
    text-align: center;
}

.login-page .login-options a {
    width: 100%;
    padding: 3.2rem 1rem;;
    border-radius: 1.6rem;
    border: .2rem solid #e0e5ef;
}

.login-page .login-options li:nth-child(1) a {
    background: url(../images/login-img1.png) no-repeat center calc(100% - 2.4rem);
    background-size: 6rem;
}

.login-page .login-options li:nth-child(2) a {
    background: url(../images/login-img2.png) no-repeat center calc(100% - 2.4rem);
    background-size: 6rem;
}
.login-page .login-options li:nth-child(3) a {
    background: url(../images/login-img3.png) no-repeat center calc(100% - 2.4rem);
    background-size: 6rem;
}

.login-page .login-options li:nth-child(1) a:hover {
    background: #183472 url(../images/login-img1-hover.png) no-repeat center calc(100% - 2.4rem);
    border: .2rem solid #183472;
    background-size: 6rem;
}

.login-page .login-options li:nth-child(2) a:hover {
    background: #000 url(../images/login-img2-hover.png) no-repeat center calc(100% - 2.4rem);
    border: .2rem solid #000;
    background-size: 6rem;
}
.login-page .login-options li:nth-child(3) a:hover {
    background: #f9e000 url(../images/login-img3-hover.png) no-repeat center calc(100% - 2.4rem);
    border: .2rem solid #f9e000;
    background-size: 6rem;
}
.login-page .login-options li:nth-child(3) a:hover .tit {color: #0c1426;}
.login-page .login-options li:nth-child(3) a:hover .txt {color: #62666e;}

.login-page .login-options .tit {
    font-size: 1.8rem;
    letter-spacing: -0.36px;
    margin-bottom: .8rem;
    font-weight: bold;
}

.login-page .login-options .tit img {
    width: 4rem;
    vertical-align: middle;
    margin-right: 0.2rem;
}

.login-page .login-options .txt {
    font-size: 1.4rem;
    letter-spacing: -0.28px;
    color: #62666e;
    margin-bottom: 10rem;
}

.login-page .login-options li a:hover .tit, .login-page .login-options li a:hover .txt {
    color: #fff;
}

.state-list {
    display: flex;
    justify-content: space-between;
    width: 20.8rem;
    margin: 0 auto 8rem;
    position: relative;
    gap: 0;
}

.state-list::after {
    content: '';
    width: 100%;
    height: 0.1rem;
    background: #e0e5ef;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

.state-list li {
    position: relative;
    top: 1.2rem; z-index: 2;
}

.state-list li:nth-child(1) {
    left: -2.5rem;
}

.state-list li:nth-child(3) {
    right: -2.5rem;
}

.state-list .num {
    font-size: 1.4rem;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background: #9da2ac;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #Fff;
    margin: 0 auto .8rem;
}

.state-list .txt {
    font-size: 1.4rem;
    letter-spacing: -0.28px;
    font-weight: 500;
    color: #9da2ac;
}

.state-list .cur .num {
    background: #1275d8;
}

.state-list .cur .txt {
    color: #1275d8;
}

.state-list .succ .num {
    text-indent: -99999px;
    background: url(../images/state-ck.png) no-repeat center;
    background-size: cover;
}

.state-list .cur:last-child .num {
    text-indent: -99999px;
    background: url(../images/state-ck-on.png) no-repeat center;
    background-size: cover;
}

.login-page.w .login-step .step > .title-wrap {
    border-bottom: .1rem solid #0c1426;
}

.login-step .step + .step {
    margin-top: 4rem;
}

.login-step .step .title-wrap {
    margin-bottom: 1.6rem;
}

.login-step .step .title-wrap .tit {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 1.2rem;
}

.login-step .step .title-wrap .sub-tit {
    font-size: 1.4rem;
    letter-spacing: -0.28px;
    color: #62666e;
}

.login-step .step:not(:first-child) .title-wrap + .input-label {
    margin-top: 1.6rem;
    border-top: .1rem solid #0c1426;
    padding: 2.4rem;
}

.login-step .step .name-input {
    width: 34.8rem;
}

.tel-flex {
    display: flex;
    gap: .4rem;
}

.tel-flex + .cert {
    margin-top: 1.2rem;
}

.tel-flex .btn {
    font-size: 1.5rem;
    letter-spacing: -0.3px;
    width: 6.8rem;
    min-width: 6.8rem;
}

.tel-flex .btn:disabled {
    background: #f4f6f8;
    color: #9da2ac;
    border: .1rem solid #e0e5ef;
}

.cert-note {
    margin-top: 1rem;
    font-size: 1.4rem;
    letter-spacing: -0.28px;
    color: #dc1010;
    display: flex;
    align-items: center;
}

.cert-note::before {
    content: '';
    margin-right: .6rem;
    width: 2rem;
    height: 2rem;
    background: url(../images/cert-icon.png) no-repeat center;
    background-size: cover;
}

.privacy-ck {
    padding: 6rem 4rem;
    width: calc(100% + 8rem);
    left: -4rem;
    background: #f4f6f8;
    position: relative;
}
.privacy-ck * {position: relative; z-index: 2;}

.privacy-ck::before, .privacy-ck::after {
    content: '';
    width: calc(100% + 50rem);
    height: 100%;
    background: #f4f6f8;
    position: absolute;
    top: 0;
}

.privacy-ck::before {
    left: -150%;
}

.privacy-ck::after {
    right: -150%;
}

.privacy-ck .input-label {
    display: flex;
    gap: 1.2rem;
    flex-flow: row wrap;
    padding: 0 1.2rem;
    position: relative;
}

.privacy-ck .input-label:not(.total)::after {
    content: '';
    width: 1.8rem;
    height: 1.8rem;
    background: url(../images/arrow-gray-bold.png) no-repeat center;
    background-size: cover;
    position: absolute;
    right: 0;
}

.privacy-ck .input-label.total {
    border: .1rem solid #e0e5ef !important;
    border-radius: .8rem;
    padding: 1.3rem 1.2rem !important;
    background: #fff;
}

.privacy-ck .input-label.total .tit {
    font-weight: 500;
}

.privacy-ck .input-label.total.ck {
    border-color: #1275d8;
    background: #1275d8;
}

.privacy-ck .input-label.total.ck .tit {
    color: #fff;
}

.privacy-ck .input-label .c {
    color: #1275d8;
    font-weight: 500;
    margin-left: 0.4rem;
}

.privacy-ck .input-label .c-black {
    color: #0c1426;
    font-weight: 500;
    margin-left: 0.4rem;
}

.privacy-ck .input-label > input[type=checkbox] {
    display: none;
}

.privacy-ck .input-label .tit {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    font-weight: normal;
}

.privacy-ck .input-label input + .tit::before {
    content: '';
    width: 1.8rem;
    height: 1.8rem;
    background: url(../images/ck.png) no-repeat center;
    background-size: cover;
    margin-right: 1.2rem;
}

.privacy-ck .input-label input:checked + .tit::before {
    background: url(../images/ck-on.png) no-repeat center;
    background-size: cover;
}

.privacy-ck .input-label.total input:checked + .tit::before {
    background: url(../images/ck-white.png) no-repeat center;
    background-size: cover;
}

.privacy-ck .input-label .alarm {
    width: 100%;
    display: flex;
    gap: .8rem;
    margin-left: 2.6rem;
}

.privacy-ck .input-label .alarm li {
    display: flex;
    align-items: center;
    gap: .6rem;
    font-size: 1.4rem;
    letter-spacing: -0.28px;
    color: #62666e;
}

.privacy-ck .input-label .alarm li + li {
    margin-left: 2rem;
}

.privacy-ck .input-label .alarm input {
    width: 1.8rem;
    height: 1.8rem;
}

.privacy-ck + .btn-wrap {
    margin: 2.8rem 0 0;
}

.login-step .btn-wrap {
    display: flex;
    gap: 1.2rem;
}

.login-step .btn-wrap button {
    border-radius: 60rem;
    padding: 1.1rem;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: -0.3px;
}

.login-step .btn-wrap .f1 {
    flex: 1;
}

.login-step .btn-wrap .f2 {
    flex: 1;
}

.login-step .success-msg {
    text-align: center;
    width: 100%;
    background: #f4f6f8;
    border-radius: 1.2rem; padding: 2.8rem 0;
}
.login-step .success-msg img {width: 11rem; height: 11rem; display: block; margin: 0 auto 2.6rem;}

.login-step .success-msg .text { line-height: 2.8rem; font-weight: 500; font-size: 1.5rem; letter-spacing: -0.3px; line-height: 2.2rem; margin-bottom: 2.8rem; }
.login-step .success-msg .text .mg { margin-top: 1rem; }

.login-step .success-msg .c {
    font-size: 2rem;
    letter-spacing: -0.4px;
    margin-bottom: 1.2rem;
    color: #1275d8;
    font-weight: bold;
}

.login-step .success-msg .txt {
    font-size: 1.5rem;
    letter-spacing: -0.3px;
    line-height: 2.2rem;
    margin-bottom: 2.8rem;
    font-weight: 500;
}

.login-step .success-msg .img {
    width: 11rem;
    height: 11rem;
    margin: 2.8rem auto;
}

.login-step .success-step .btn-wrap {
    width: 30rem;
    margin: 2.8rem auto 0;
}

/* 로그인 후 */
.header-main {
    border-bottom: .1rem solid rgba(255, 255, 255, .2); background: none !important; height: 8rem;
    position: relative;
}

.header-main .inner {
    justify-content: space-between;
}

.header-main .logo {
    width: 22.6rem;
    position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
}

.header-main .btn {
    padding: .6rem .8rem;
    border-radius: .4rem;
    font-size: 1.4rem;
    letter-spacing: -0.28px;
}

.header-main .btn + .btn {
    margin-left: .4rem;
}

.header-main + main {
    background: #edf2f8;
}

.header-main + main .inner {
    padding-bottom: 0;
}

.header-main.header-coupon {
    border-bottom: #fff .2rem solid;
}

.header-main.header-coupon + main {
    background: #fff;
}

.header-main.header-coupon .btn-transform {
    border-color: rgba(12, 20, 38, .24);
    color: #0c1426;
}
.header-main .menu-wrap {position: absolute; left: 100%; top: 0;}

.top-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.div_table {background: rgb(233,239,246);}

.main-bg {
    height: 36rem;
    background: url(../images/bg1.png) no-repeat center;
    background-size: cover;
}

.coupon-bg {
    height: 46rem;
    background: url(../images/gift2.png), linear-gradient(to right, #faeac6, #fdf4d8);
    background-repeat: no-repeat;
    background-position: calc(50% + 40rem) 100%, center;
    background-size: 17rem auto, cover;
}

.coupon-bg .txt-wrap {
    position: absolute;
    left: 50%;
    top: 65%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.coupon-bg .txt-wrap .tit {
    font-size: 4rem;
    letter-spacing: -0.8px;
    margin-bottom: 2rem;
    font-weight: bold;
    color: #ec6f0f;
}

.coupon-bg .txt-wrap .txt {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    line-height: 4.4rem;
    color: #5c6371;
    min-width: 52rem;
}

.coupon-bg .txt-wrap .txt .c {
    color: #0c1426;
    font-weight: bold;
}

.greeting {
    font-size: 1.8rem;
    margin-bottom: 3.4rem;
    letter-spacing: -0.36px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    position: relative;
    z-index: 2;
}

.greeting .icon {
    width: 3.2rem;
    height: 3.4rem;
    margin-right: .8rem;
    vertical-align: middle;
    display: inline-block;
    background: url(../images/greeting.png) no-repeat center;
    background-size: cover;
}

.main-cont {
    display: flex;
    gap: 1.6rem;
    position: relative;
    z-index: 2;
    margin-bottom: 3.6rem;
}

.main-cont .main-bn {
    width: 60%;
}

.main-cont .vote-container {
    width: 40%; position: relative;
}

.main-cont .vote-container .container-control {
    position: absolute; top: -3rem; right: 0;
    display: flex; gap: .8rem;
}
.main-cont .vote-container .container-control button {
    display: block; width: 2.2rem; height: 2.2rem; border-radius: 50%;
}
.main-cont .vote-container .container-control .prev {background: url(../images/slick-prev.png) no-repeat center; background-size: cover;}
.main-cont .vote-container .container-control .next {background: url(../images/slick-next.png) no-repeat center; background-size: cover;}
.main-cont .vote-container .container-control .slide-page {color: #9da2ac; font-size: 1.4rem; font-weight: 500; display: flex; gap: .4rem; align-items: center;}
.vote-slick .slick-slide {margin: 0 4px; }
.vote-slick .slick-list {margin: 0 -4px;}
.main-cont .vote-container .container-control .cur {color: #fff;}
.slick-slide:nth-child(even) .vote-box {background: #123fa4;}

.main-bn {
    position: relative;
}

.main-bn img:not(.logo) {
    object-fit: cover;
    height: 36.5rem;
    border-radius: 1.2rem;
    object-position: top left;
}

.main-bn .txt {
    position: absolute;
    top: 3.2rem;
    left: 3.2rem;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    line-height: 3.4rem;
    color: #fff;
    font-weight: bold;
}

.main-bn .txt .c {
    color: #72f1ff;
}

.main-bn .logo {
    position: absolute;
    right: 2.8rem;
    bottom: 2.4rem;
    width: 9rem;
}

.main-vote-list {
    margin-top: 1.8rem;
}

.main-vote-list .swiper-slide + .swiper-slide {
    margin-top: 1.6rem;
}

.vote-box {
    padding: 2.4rem 2rem;
    height: 100%;
    background: #1275d8;
    border-radius: .8rem;
}

.vote-box .title-wrap {
    padding-bottom: 1.2rem;
    margin-bottom: 1.6rem;
    border-bottom: .1rem solid rgba(255, 255, 255, .12);
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vote-box .title-wrap .tit {
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: -0.4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vote-box .title-wrap .date {
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ec6f0f;
    padding: .3rem 1rem;
    border-radius: 60rem;
    white-space: nowrap;
}

.vote-box .title-wrap .date .d {
    background: #ec6f0f;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.8rem;
}
.vote-slick, .slick-list, .slick-track, .slick-slide, .slick-slide > div {height: 100%;}
.vote-box .title-wrap.no-item {border-bottom: 0; padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; height: 100%;}
.vote-box .title-wrap.no-item .tit {text-align: center;}

.vote-box .vote-info {
    font-size: 1.6rem;
    letter-spacing: -0.32px;
    /* display: flex; */
    gap: 3.6rem;
    justify-content: center;
    align-items: center;
}

.vote-box .vote-info li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
}

.vote-box .vote-info li + li {
    margin-top: 1.6rem;
}

.vote-box .vote-info .tit {
    color: rgba(255, 255, 255, .6);
}

.vote-box .vote-info .cont {
    color: #fff;
    font-weight: 500;
}

.vote-box.pos-t {
    margin-bottom: 6rem;
}
.vote-box.pos-t.t {top: 1.5rem;}

.vote-box.pos-t .vote-info {
    display: flex;
    align-items: center;
}

.vote-box.pos-t .vote-info li {
    margin-top: 0;
}

.section-tit {font-size: 1.8rem; font-weight: bold; letter-spacing: -.36px; margin-bottom: 1.2rem;}
.vote-list .vote-tab-list {display: flex;}
.vote-list .vote-tab-list li {width: 100%;}
.vote-list .vote-tab-list button {width: 100%; padding: 1.6rem; font-size: 1.8rem; letter-spacing: -.36px; color: #fff; font-weight: bold; background: #9da2ac;}
.vote-list .vote-tab-list .active button {background: #1275d8;}

.vote-cont-wrap {padding: 4rem 2.4rem 3.2rem;}
.vote-tab-cont {display: none;}
.vote-tab-cont.active {display: block;}

.vote-tab-cont .btn-wrap {display: flex; gap: 1rem; margin-top: 4.8rem; width: 36.4rem;}
.vote-tab-cont .btn-wrap .btn {width: 100%; padding: 1.2rem; font-size: 1.4rem; letter-spacing: -.3px; font-weight: 500;}

.vote-list {
    margin-bottom: 8rem; overflow: hidden;
    border-radius: 1.2rem;
    border: .1rem solid #e0e5ef;
    background: #fff;
}

.vote-list .stock {margin-bottom: 1.6rem; display: flex; gap: .8rem; align-items: center; justify-content: center;}
.vote-list .stock-label {
    width: 13rem; text-align: center;
    padding: 1rem 1.4rem;
    font-size: 1.5rem;
    letter-spacing: -0.3px;
    border: .1rem solid #ec6f0f;
    font-weight: 500;
    color: #ec6f0f;
    border-radius: 60rem;
}

.vote-list .stock-value {
    font-size: 3rem;
    letter-spacing: -0.6px;
    color: #ec6f0f;
    font-weight: bold;
    text-align: center;
}

.stock-info-list {
    display: flex;
    gap: .4rem;
    margin: 1.6rem auto;
    flex-flow: row wrap;
    justify-content: center;
}

.info-item {
    font-size: 1.4rem;
    letter-spacing: -0.28px;
    padding: .8rem;
    border-radius: .6rem;
    border: .1rem solid #e0e5ef;
}

.info-item:last-child {
    text-align: center;
}

.info-item span {
    margin-left: 1.2rem;
    font-weight: 500;
}

.info-item .c-blue {
    color: #1275d8;
}

.info-item .c-orange {
    color: #ec6f0f;
}

.vote-list .my-stock .txt {
    font-size: 1.6rem;
    letter-spacing: -0.32px;
    line-height: 2.8rem;
    word-break: keep-all;
    text-align: center;
}

.vote-list .my-stock .txt .c {
    font-weight: bold;
}

.vote-list .my-stock .txt .sm {
    margin-top: .8rem;
    font-size: 1.3rem;
    letter-spacing: -0.26px;
    line-height: 2.2rem;
    color: #868c97;
}

.divider {
    width: calc(100% + 4.8rem);
    position: relative;
    left: -2.4rem;
    height: .4rem;
    background: #f4f6f8;
    margin: 2rem 0;
}

.vote-item-wrap .commission {
    margin-bottom: 2.4rem;
    border-radius: .8rem;
    padding: 2rem 2.4rem;
    border: .1rem solid #cce9eb;
    background: #e7f3f3;
}

.vote-item-wrap .commission .input-wrap {
    display: flex;
    gap: .8rem;
    margin-bottom: 1.2rem;
    align-items: flex-end;
}

.vote-item-wrap .commission .input-wrap .tit {
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacingL -.32px; color: #183472;
}

.vote-item-wrap .commission .input-wrap .txt {
    font-size: 1.3rem;
    letter-spacing: -.26px;
    color: #62666e;
}

.vote-list .commission-list .download {
    display: flex;
    gap: .2rem;
    font-size: 1.4rem;
    letter-spacing: -0.28px;
    color: #1275d8;
    border: .1rem solid #1275d8;
    padding: .8rem 1rem;
    border-radius: .6rem;
    background: #fff;
    white-space: nowrap;
    margin-left: 0.4rem;
}

.vote-list .commission-list .download::after {
    content: '';
    width: 1.6rem;
    height: 1.6rem;
    background: url(../images/download-blue-icon.png) no-repeat center;
    background-size: cover;
}

.vote-list .commission-list input:not([type=checkbox], [type=radio]) {
    padding: .8rem 1.2rem;
}

.vote-list .commission-list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.2rem;
}

.vote-list .commission-list li {
    display: flex;
    align-items: center;
}

.vote-list .commission-list li p {
    white-space: nowrap;
    font-size: 1.4rem;
    letter-spacing: -.28px;
    color: #0c1426;
    font-weight: 500;
    margin-right: .8rem;
}

.vote-list .commission-list li:not(:last-child)::after {
    content: '';
    width: 0.1rem;
    height: 3.2rem;
    background: #c6e0e2;
    margin: 0 1.6rem;
}

.vote-list .commission-list li input + input {
    margin-left: .4rem;
}

.vote-list .commission-list li p + input {
    width: 12rem;
}

.vote-list .vote-item-wrap .total {
    font-size: 1.4rem;
    letter-spacing: -0.28px;
    color: #868c97;
}

.vote-list .vote-item-wrap .total .c {
    font-weight: 500;
    color: #0c1426;
}

.vote-item-list-top {
    margin-bottom: 1.2rem;
}
.vote-item-list-top {}
.vote-item-list-top .vote-controller {width: 42rem; margin: 0 auto 2.8rem; display: flex; gap: 5.2rem; align-items: center; padding: 1.2rem 2.6rem; border-radius: 1.2rem; box-shadow: .4rem .4rem 1.2rem 0 rgba(0,0,0,.08); border: .1rem solid #e0e5ef; justify-content: center;}
.vote-item-list-top .vote-controller label {font-size: 1.4rem; letter-spacing: -.28px;  gap: .8rem; display: flex; align-items: center; font-weight: 500;}
.vote-item-list-top .vote-controller label.on {font-weight: bold;}
.vote-item-list-top .vote-controller input {width: 2rem; height: 2rem;}

.vote-list .vote-item-list {
    display: flex;
    flex-flow: row wrap;
    gap: 1.6rem;
}

.vote-list .vote-item-list > li {
    width: calc(33% - .8rem);
    padding: 1.6rem;
    border-radius: .8rem;
    background: #f1f5f9;
}
.vote-list .vote-item-list > li.no-item {background: #fff; font-size: 1.4rem; letter-spacing: -.28px; color: #868c97; width: 100%; text-align:center;}

.vote-list .vote-item-list .top-wrap {
    width: calc(100% + 3.2rem);
    left: -1.6rem;
    border-bottom: .1rem solid #e0e5ef;
    padding: 0 1.6rem .8rem;
    margin-bottom: 1.6rem;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.vote-list .vote-item-list .top-wrap .num {
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: -0.28px;
}

.vote-list .vote-item-list .top-wrap .date {
    font-size: 1.4rem;
    letter-spacing: -0.28px;
    color: #62666e;
}

.vote-list .vote-item-list > li > .tit {
    font-size: 1.8rem;
    letter-spacing: -0.36px;
    margin-bottom: 1.6rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.vote-list .vote-item-list > li .sm {font-size: 1.2rem;}

.vote-list .vote-item-list .vote-info {
    margin-bottom: 1.6rem;
}

.vote-list .vote-item-list .vote-info li {
    font-size: 1.4rem;
    letter-spacing: -0.28px;
    display: flex;
    justify-content: space-between;
}

.vote-list .vote-item-list .vote-info li + li {
    margin-top: 1.2rem;
}

.vote-list .vote-item-list .vote-info .tit {
    color: #868c97;
}

.vote-list .vote-item-list .vote-info .cont {
    font-weight: 500;
    display: flex;
    align-items: center;
}

.vote-list .vote-item-list .vote-info li:nth-child(1) .cont {
    color: #62666e;
}

.vote-list .vote-item-list .vote-info li:nth-child(2) .cont {
    color: #ec6f0f;
}

.vote-list .vote-item-list .vote-status {
    display: flex;
    gap: .4rem;
    align-items: center;
}

.vote-list .vote-item-list .vote-status button {
    width: 100%;
}

.vote-list .vote-item-list .vote-status .cont {
    display: flex; justify-content: center;
    gap: .2rem;
    color: #62666e;
    font-size: 1.4rem;
    letter-spacing: -0.28px;
    border: .1rem solid #e0e5ef;
    border-radius: .6rem;
    background: #fff;
    padding: .8rem .7rem;
    white-space: nowrap;
}

.vote-list .vote-item-list .vote-status .cont.on {
    color: #fff;
}

.vote-list .vote-item-list .vote-status .cont.st1 {
    color: #1275d8;
}

.vote-list .vote-item-list .vote-status .cont.st2.on {
    background: #0aa26a;
    border-color: #0aa26a;
}

.vote-list .vote-item-list .vote-status .cont.st3.on {
    background: #c93212;
    border-color: #c93212;
}

.vote-list .vote-item-list .vote-status .cont.st4.on {
    background: #7a4cbf;
    border-color: #7a4cbf;
}

.vote-list .vote-item-list .vote-status .cont::before {
    content: '';
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 0.4rem;
}

.vote-list .vote-item-list .vote-status .cont.st2::before {
    background: url(../images/n-ck.png) no-repeat center;
    background-size: cover;
}

.vote-list .vote-item-list .vote-status .cont.st2.on::before {
    background: url(../images/active-ck.png) no-repeat center;
    background-size: cover;
}

.vote-list .vote-item-list .vote-status .cont.st3::before {
    background: url(../images/n-disagree.png) no-repeat center;
    background-size: cover;
}

.vote-list .vote-item-list .vote-status .cont.st3.on::before {
    background: url(../images/active-disagree.png) no-repeat center;
    background-size: cover;
}

.vote-list .vote-item-list .vote-status .cont.st4::before {
    background: url(../images/n-abstention.png) no-repeat center;
    background-size: cover;
}

.vote-list .vote-item-list .vote-status .cont.st4.on::before {
    background: url(../images/active-abstention.png) no-repeat center;
    background-size: cover;
}

.vote-list .vote-item-list .vote-status .btn {
    padding: .8rem .6rem;
    letter-spacing: -0.28px;
    font-size: 1.4rem;
}

.vote-list .vote-item-list .vote-status .btn.on {
    background: #1275d8;
    border-color: #1275d8;
    color: #fff;
}

.vote-list .vote-item-list .vote-status .btn-dkgray {
    background: #868c97;
}

.vote-list .btn-wrap {
    margin: 2.8rem auto;
    text-align: center;
}

.vote-list .btn-wrap .voteCancel {
    display: none;
    margin: 0 auto;
}

.vote-list .btn-wrap .none {
    display: none;
}
.voted-btn {
    margin: 2.8rem auto;
    text-align: center;
}
.voted-btn .btn {
    width: 18rem;
    font-size: 1.6rem;
    letter-spacing: -0.32px;
    padding: 1rem;
    border-radius: 60rem;
    font-weight: 500;
    text-align: center;
}

.voted-btn .btn-dkline {
    display: none;
    margin: 0 auto;
}
.vote-doc {
    display: flex;
    gap: 1.6rem;
    margin-bottom: 4.8rem;
}

.vote-doc .btn-doc {
    padding: 1.6rem 3.6rem;
    width: 100%;
    border-radius: 1.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vote-doc .btn-doc .tit {
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: -0.36px;
    color: #fff;
}

.vote-doc .btn-doc img {
    width: 4.8rem;
}

.vote-doc .doc1 {
    background: url(../images/doc1-bg.png) no-repeat center;
    background-size: cover;
}

.vote-doc .doc2 {
    background: url(../images/doc2-bg.png) no-repeat center;
    background-size: cover;
}

.vote-doc .doc3 {
    background: url(../images/doc3-bg.png) no-repeat center;
    background-size: cover;
}

.event-bn {
    width: calc(100% + 8rem);
    position: relative;
    left: -4rem;
    padding: 3.2rem 20%;
    top: 6rem;
    background: url(../images/ballvic.png), linear-gradient(to right, #f5db9a, #f6e6b3);
    background-repeat: no-repeat;
    background-position: 70% center;
    background-size: auto 100%, cover;
    position: relative;
}

.event-bn::before, .event-bn::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.event-bn::before {
    left: -100%;
    background-color: #f5db9a;
}

.event-bn::after {
    right: -100%;
    background: #f6e6b3;
}

.event-bn .txt {
    font-size: 2rem;
    letter-spacing: -0.4px;
    line-height: 3.2rem;
    margin-bottom: 2rem;
}

.event-bn .txt .c {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    font-weight: bold;
    color: #ec6f0f;
}

.event-bn .shortcut img {
    width: 11.4rem;
    vertical-align: bottom;
}

.event-bn .shortcut .btn-black {
    display: inline-block;
    padding: 1rem 2rem;
    border-radius: 60rem;
    font-size: 1.4rem;
    letter-spacing: -0.28px;
    margin-left: 1.6rem;
}

footer {
    width: 100%;
    background: #485164;
    padding: 3.6rem 0;
}

footer .inner {
    position: relative;
}

footer .logo {
    width: 14.8rem;
    margin-bottom: 2.8rem;
}

footer .company-info {
    display: flex;
    gap: 2rem;
}

footer .company-info p {
    font-size: 1.5rem;
    letter-spacing: -0.3px;
    color: #bbc2d1;
    line-height: 2rem;
}

footer .more-info {
    margin-top: 2rem;
    color: #bbc2d1;
}

footer .more-info li {
    word-break: keep-all;
    display: flex;
    align-items: center;
    gap: 2rem;
}

footer .more-info li + li {
    margin-top: .8rem;
}

footer .more-info li .tit {
    font-size: 1.5rem;
    letter-spacing: -0.3px;
    font-weight: 500;
}

footer .more-info li .txt {
    font-size: 1.4rem;
    letter-spacing: -0.28px;
    font-weight: 300;
}

footer .sns-list {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
}

footer .sns-list li + li {
    margin-left: 1.2rem;
}

footer .sns-list a {
    width: 2.8rem;
}

.business-tit-wrap {
    margin-bottom: 5rem;
    text-align: center;
    position: relative;
    z-index: 2;
    color: #fff;
}

.business-tit-wrap .num {
    font-size: 1.8rem;
    margin-bottom: 2rem;
    letter-spacing: -0.36px;
    font-weight: 500;
}

.business-tit-wrap .tit {
    font-size: 3.2rem;
    margin-bottom: 3.6rem;
    letter-spacing: -0.64px;
    font-weight: bold;
}

.business-tit-wrap .sub {
    font-size: 1.5rem;
    line-height: 2.5rem;
    letter-spacing: -0.3px;
    color: #bbc2d1;
}

.business-tit-wrap .tit.mb + .sub {
    margin-bottom: 6rem;
}

.pos-t {
    position: relative;
    z-index: 2;
}

.business-tit-wrap + .my-stock {
    margin-bottom: 6rem;
    border-radius: .8rem;
    font-size: 2rem;
    letter-spacing: -0.4px;
    padding: 2.2rem;
    background: #fff url(../images/stock.png) no-repeat calc(50% - 14%) 50% / 3.2rem;
    width: 100%;
    text-align: center;
    font-weight: bold;
}

.business-tit-wrap + .my-stock .c {
    color: #ec6f0f;
}

.agenda-box {
    margin-bottom: 4.8rem;
}

.agenda-box > .tit {
    font-size: 2.2rem;
    letter-spacing: -0.44px;
    font-weight: bold;
    margin-bottom: 1.6rem;
}

.agenda-box .info-txt {
    font-size: 1.6rem;
    letter-spacing: -0.32px;
    line-height: 2.6rem;
    border-radius: 1.2rem;
    padding: 2.4rem;
    border: .1rem solid #e0e5ef;
    background: #e8eff6;
    white-space: pre-wrap;
}

.agenda-input-box {
    border-radius: 2.4rem;
    border: .2rem solid #e0e5ef;
    padding: 3.6rem 3.2rem;
    background: #fff;
}

.agenda-input-box .agenda-ck {
    display: flex;
    gap: 2.8rem;
}

.agenda-input-box .agenda-ck .radio-list, .agenda-input-box .agenda-ck > .input-label {
    flex: 1;
}

.agenda-input-box .radio-list li + li {
    margin-top: 0.8rem;
}

.agenda-input-box .radio-list li {
    padding: 1.6rem 2rem;
    border-radius: .8rem;
    background: #f4f6f8;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: space-between;
}

.agenda-input-box .radio-list .input-label {
    display: flex;
    gap: .8rem;
    align-items: center;
    white-space: nowrap;
}

.agenda-input-box .radio-list .input-label input {
    width: 2.4rem;
    height: 2.4rem;
}

.agenda-input-box .radio-list .input-label .tit {
    font-size: 1.6rem;
    letter-spacing: -0.6px;
    font-weight: 500;
    justify-content: center;
    margin-bottom: 0;
}

.agenda-input-box .radio-list .download-btn {
    padding: .8rem;
    font-size: 1.4rem;
    letter-spacing: -0.28px;
    color: #868c97;
    border-radius: .6rem;
    border: .1rem solid #e0e5ef;
    background: #fff;
    width: 11rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.agenda-input-box .radio-list .download-btn::after {
    content: '';
    width: 1.6rem;
    height: 1.6rem;
    background: url(../images/download-icon.png) no-repeat center;
    background-size: cover;
}

.agenda-input-box .input-label .flex {
    display: flex;
    gap: 1.2rem;
}

.agenda-input-box .input-label .flex .download-btn {
    padding: 1.2rem .8rem;
    display: flex;
    gap: .2rem;
    font-size: 1.4rem;
    letter-spacing: -0.28px;
    color: #fff;
    background: #868c97;
    align-items: center;
}

.agenda-input-box .input-label .flex .download-btn::after {
    content: '';
    width: 1.6rem;
    height: 1.6rem;
    background: url(../images/download-white-icon.png) no-repeat center;
    background-size: cover;
}

.agenda-input-box .input-label .flex + .txt {
    margin-top: 1rem;
    letter-spacing: 0.26px;
    font-size: 1.3rem;
    line-height: 2rem;
    color: #868c97;
    margin-right: 8.5rem;
    word-break: keep-all;
}

.agenda-input-box > .input-label > .tit {
    justify-content: center;
    margin-bottom: 1.6rem;
}

.agenda-input-box .input-label .ck-flex {
    display: flex;
    gap: .8rem;
    margin-bottom: 2.8rem;
    justify-content: center;
}

.agenda-input-box .input-label .ck-flex .ck-wrap {
    border-radius: .8rem;
    border: .1rem solid #e0e5ef;
    width: 100%;
    padding: 1.2rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 16rem;
}

.agenda-input-box .input-label .ck-flex .ck-wrap input {
    display: none;
}

.agenda-input-box .input-label .ck-flex .ck-wrap .tit {
    font-size: 1.6rem;
    letter-spacing: -0.32px;
    color: #62666e;
    display: flex;
    align-items: center;
    gap: .4rem;
    font-weight: 500;
}

.agenda-input-box .input-label .ck-flex .ck-wrap .tit::before {
    content: '';
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}

.agenda-input-box .input-label .ck-flex .ck-wrap:nth-child(1) .tit::before {
    background: url(../images/n-ck.png) no-repeat center;
    background-size: cover;
}

.agenda-input-box .input-label .ck-flex .ck-wrap:nth-child(2) .tit::before {
    background: url(../images/n-disagree.png) no-repeat center;
    background-size: cover;
}

.agenda-input-box .input-label .ck-flex .ck-wrap:nth-child(3) .tit::before {
    background: url(../images/n-abstention.png) no-repeat center;
    background-size: cover;
}

.agenda-input-box .input-label .ck-flex .ck-wrap:nth-child(1) input:checked + .tit::before {
    background: url(../images/o-ck.png) no-repeat center;
    background-size: cover;
}

.agenda-input-box .input-label .ck-flex .ck-wrap:nth-child(2) input:checked + .tit::before {
    background: url(../images/o-disagree.png) no-repeat center;
    background-size: cover;
}

.agenda-input-box .input-label .ck-flex .ck-wrap:nth-child(3) input:checked + .tit::before {
    background: url(../images/o-abstention.png) no-repeat center;
    background-size: cover;
}

.agenda-input-box .input-label .ck-flex .ck-wrap:nth-child(1) input:checked + .tit {
    color: #0aa26a;
}

.agenda-input-box .input-label .ck-flex .ck-wrap:nth-child(2) input:checked + .tit {
    color: #c93212;
}

.agenda-input-box .input-label .ck-flex .ck-wrap:nth-child(3) input:checked + .tit {
    color: #7a4cbf;
}

.agenda-input-box .input-label .ck-flex .ck-wrap.on:nth-child(1) {
    border-color: #0aa26a;
    background: #eefbf6;
}

.agenda-input-box .input-label .ck-flex .ck-wrap.on:nth-child(2) {
    border-color: #c93212;
    background: #fff7f5;
}

.agenda-input-box .input-label .ck-flex .ck-wrap.on:nth-child(3) {
    border-color: #7a4cbf;
    background: #f5f1fc;
}

.agenda-input-box .btn-dkblue {
    font-size: 1.6rem;
    border-radius: 60rem;
    letter-spacing: -0.32px;
    padding: 1rem;
    margin: 0 auto;
    width: 14.8rem;
    display: block;
    font-weight: 500;
}

.succ-list-wrap {margin-bottom: 8rem;}
.succ-list-wrap .title-wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.succ-list-wrap .title-wrap .tit {
    font-size: 2.2rem;
    letter-spacing: -0.44px;
    font-weight: bold;
}

.succ-list-wrap .title-wrap .total {
    font-size: 1.4rem;
    letter-spacing: -0.28px;
    border-radius: .6rem;
    padding: .5rem 1rem;
    background: #9da2ac;
    color: #fff;
    display: block;
}

.succ-list-wrap .title-wrap .total.ck {
    /*background: #183472;*/
}

.succ-list-wrap .title-wrap .total input {
    display: none;
}
.succ-list-wrap .title-wrap .btn-wrap {display: flex; gap: .4rem;}
.succ-list-wrap .title-wrap button {padding: .6rem .9rem; border-radius: .6rem; font-size: 1.4rem; letter-spacing: -.28px;}
.succ-list-wrap .title-wrap .btn-wrap .total,
.succ-list-wrap .title-wrap .btn-wrap .btn-dkblue {padding: .6rem .9rem; border-radius: .6rem; font-size: 1.4rem; letter-spacing: -.28px; margin: 0; width: auto;}

.succ-list-wrap table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-top: .1rem solid #09193d;
}

.succ-list-wrap table col:nth-child(1) {
    width: 8%;
}

.succ-list-wrap table col:nth-child(2) {
    width: 25%;
}

.succ-list-wrap table col:nth-child(3) {
    width: 12%;
}

.succ-list-wrap table col:nth-child(4) {
    width: 12%;
}

.succ-list-wrap table col:nth-child(5) {
    width: 16%;
}

.succ-list-wrap table col:nth-child(6) {
    width: 10%;
}
.succ-list-wrap table col:nth-child(7) {
    width: 27%;
}


.succ-list-wrap2 table col:nth-child(1) {
    width: 25%;
}

.succ-list-wrap2 table col:nth-child(2) {
    width: 12%;
}

.succ-list-wrap2 table col:nth-child(3) {
    width: 12%;
}

.succ-list-wrap2 table col:nth-child(4) {
    width: 14%;
}

.succ-list-wrap2 table col:nth-child(5) {
    width: 12%;
}

.succ-list-wrap2 table col:nth-child(6) {
    width: 25%;
}

.succ-list-wrap table tr {
    border-bottom: .1rem solid #cbd2e2;
}

.succ-list-wrap table th {
    padding: 1.2rem 1rem;
    font-size: 1.6rem;
    letter-spacing: -0.32px;
    font-weight: 500;
    background: #e0e5ef;
}

.succ-list-wrap table td {
    padding: 1rem 1.5rem;
    font-size: 1.5rem;
    letter-spacing: -0.3px;
    color: #5c6371;
}

.succ-list-wrap table td.mo-none {
    text-align: center;
}

.succ-list-wrap table td input {
    width: 2.2rem;
    height: 2.2rem;
    display: block;
    margin: 0 auto;
}

.succ-list-wrap table td .tit {
    font-size: 1.5rem; text-align: left;
    font-weight: bold;
    letter-spacing: -0.3px;
    word-break: keep-all;
}
.succ-list-wrap table td .tit:hover {color: #1275d8; text-decoration: underline;}

.succ-list-wrap table td .vote-info li {
    font-size: 2.6rem; text-align: left;
    letter-spacing: -0.52px;
    color: #5c6371;
}

.succ-list-wrap table td .vote-info li + li {
    margin-top: 1.2rem;
}

.succ-list-wrap table td .state-wrap {
    display: flex;
    gap: .4rem;
    justify-content: center;
}

.succ-list-wrap table td .state {
    border-radius: .6rem; min-width: 65px;
    font-size: 1.4rem;
    letter-spacing: -0.28px;
    border: .1rem solid #d0d7e3;
    padding: .5rem .8rem;
    display: flex;
    justify-content: space-between;
    color: #5c6371;
    align-items: center;
}

.succ-list-wrap table td .state span {
    font-weight: 500;
}

.succ-list-wrap table td .state.t1.on {
    background: #fff;
    border-color: #0aa26a;
    color: #0aa26a;
}

.succ-list-wrap table td .state.t2.on {
    background: #fff;
    border-color: #c93212;
    color: #c93212;
}

.succ-list-wrap table td .state.t3.on {
    background: #fff;
    border-color: #7a4cbf;
    color: #7a4cbf;
}

.succ-list-wrap table td .state.t1 span {
    color: #0aa26a;
}

.succ-list-wrap table td .state.t2 span {
    color: #c93212;
}

.succ-list-wrap table td .state.t3 span {
    color: #7a4cbf;
}

.succ-list-wrap .btn-dkblue {margin: 2.8rem auto 0; display: block; padding: 1.1rem; width: 14.8rem; border-radius: 60rem; font-size: 1.5rem; letter-spacing: -.3px;}

.coupon-box {
    margin-top: 38rem;
    border-radius: 1.2rem;
    padding: 3.2rem 2.8rem;
    background: #f4f6f8;
    text-align: center;
}

.coupon-box + .coupon-box {
    margin-top: 2rem;
}

.coupon-box > .tit {
    font-size: 2.4rem;
    font-weight: 800;
    margin-bottom: 1.2rem;
    letter-spacing: -0.48px;
}

.coupon-box > .txt {
    font-size: 1.4rem;
    letter-spacing: -0.28px;
    margin-bottom: 2.8rem;
    color: #9da2ac;
}

.coupon-wrap img {
    display: block;
    width: 25%;
    margin: 0 auto 3.6rem;
}

.coupon-wrap .coupon-info {
    padding: 1.6rem 2rem;
    border-radius: 1.2rem;
    background: #fff;
    max-width: 45%;
    margin: 0 auto;
}

.coupon-wrap .coupon-info li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4rem;
    letter-spacing: -0.28px;
    color: #9da2ac;
    font-weight: 300;
}

.coupon-wrap .coupon-info li + li {
    margin-top: 1.2rem;
}

.coupon-wrap .coupon-info .cont {
    color: #5c6371;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.coupon-wrap .coupon-info .cont .c {
    color: #ec6f0f;
}

.coupon-wrap .btn-ballvic {
    margin: 2.8rem auto 8rem;
    font-size: 1.6rem;
    letter-spacing: -0.32px;
    padding: 1rem 2rem;
    width: 14.8rem;
    border-radius: 60rem;
    color: #000;
    display: flex;
    gap: .2rem;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    white-space: nowrap;
}

.coupon-wrap .btn-ballvic::after {
    content: '';
    width: 2rem;
    height: 2rem;
    background: url(../images/arrow-orange.png) no-repeat center;
    background-size: cover;
}

.no-coupon {
    background: none !important;
}

.no-coupon p {
    font-size: 2.4rem;
    color: #9da2ac;
    font-weight: 500;
    letter-spacing: -.48px;
    margin-bottom: 26rem;
}

.spling-list {width: 100%;}
.spling-list li {width: 100%; background: #fff; padding: 2rem; border-radius: 1rem; border: .1rem solid #e0e5ef;}
.spling-list li + li {margin-top: .8rem;}
.spling-list li .top-wrap {font-size: 1.6rem; letter-spacing: -.32px; display: flex; align-items: center; justify-content: space-between;}
.spling-list li .top-wrap input {width: 2.2rem; height: 2.2rem;}
.spling-list li .top-wrap .text-wrap {display: flex; justify-content: center; gap: 3rem; align-items: center; width: 100%;}
.spling-list li .top-wrap .tit {font-weight: bold; flex: 1.5; text-align: center;}
.spling-list li .top-wrap .txt {color: #5c6371; flex: 1; text-align: center;}
.spling-list li .top-wrap .label {width: 7.8rem; text-align: center; display: block; padding: .6rem; font-size: 1.5rem; font-weight: 500; font-size: 1.5rem; letter-spacing: -.3px; border-radius: .6rem;}
.spling-list li .top-wrap .t1 {border: .1rem solid #1275d8; color: #1275d8;}
.spling-list li .top-wrap .t2 {background: #183472; color: #fff;}
.spling-list li .bottom-wrap {display: none; position: relative; width: calc(100% + 4rem); left: -2rem; border-top: #e0e5ef .1rem solid; padding: 1.6rem 2rem 0; margin-top: 2.2rem;}
.spling-list li .bottom-wrap .select-wrap {margin-bottom: 1.2rem; display: flex; align-items: center;}
.spling-list li .bottom-wrap .select-wrap label {font-size: 1.5rem; font-weight: bold; letter-spacing: -.3px; color: #183472;}
.spling-list li .bottom-wrap .select-wrap select {margin-left: .8rem; width: 30rem; padding: .9rem .8rem; border-radius: .6rem; border: .1rem solid #bbc2d1;}
.spling-list li .bottom-wrap .select-wrap option {font-size: 1.5rem;}
.spling-list li .bottom-wrap .textarea {width: 100%; border-radius: 1rem; padding: 1.6rem; font-size: 1.5rem; letter-spacing: -.3px; color: #62666e; font-weight: 500; background: #f4f6f8; color: #62666e; height: 8rem; resize: none;}
.spling-list li.active .top-wrap .tit {color: #1275d8; text-decoration: underline;}
.spling-list li.active .bottom-wrap {display: block;}
.spling-list + .apply-btn {display: block; padding: 1.4rem; width: 22rem; border-radius: 60rem; background: #183472; color: #fff; font-size: 1.6rem; letter-spacing: -.32px; font-weight: 500; margin: 3.6rem auto 0;}

@media (max-width: 1024px) {
    .mo {
        display: block;
    }

    .mo-none {
        display: none;
    }

    .inner {
        width: calc(100% - 8rem);
        margin: 0 auto;
    }

    input:not([type=checkbox], [type=radio]), textarea {
        padding: 2.3rem 2rem;
        border: .2rem solid #e0e5ef;
        border-radius: 1.2rem;
        font-size: 2.8rem;
        letter-spacing: -0.56px;
        font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
        width: 100%;
    }

    input::placeholder {
        color: #9da2ac;
    }

    textarea {
        resize: none;
    }

    select {
        -webkit-border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url(../images/select-arrow.png) no-repeat #fff calc(100% - 2rem) 50%/3.2rem;
        cursor: pointer;
        font-size: 2.8rem;
        font-weight: 500;
        letter-spacing: -0.56px;
        border-radius: 1.6rem;
        border: .2rem solid #9da2ac;
        min-width: 16rem;
        padding: 2.3rem 2rem;
    }

    .red {
        font-size: inherit;
        color: #dc1010;
        margin-left: 0.4rem;
        position: relative;
        top: 0.2rem;
    }

    .btn {
        border-radius: 1.6rem;
        padding: 2.4rem 1rem;
        white-space: nowrap;
    }

    .btn-gray {
        color: #62666e;
        background: #e0e5ef;
    }

    .btn-blue {
        color: #fff;
        background: #1275d8;
    }

    .btn-dkgray {
        color: #fff;
        background: #62666e;
    }

    .btn-white {
        color: #62666e;
        border: .2rem solid #e0e5ef;
    }

    .btn-dkblue {
        background: #183472;
        color: #fff;
    }

    .btn-dkblue:disabled {
        background: #bbc2d1;
        color: #fff;
    }

    .btn-orange {
        color: #fff;
        background: #ec6f0f;
    }

    .btn-black {
        color: #fff;
        background: #000;
    }

    .btn-transform {
        color: #fff;
        background: transparent;
        border: .2rem solid rgba(255, 255, 255, .24);
    }

    .note-list > li {
        display: flex;
        align-items: center;
    }

    .note-list > li::before {
        content: '※';
        margin-right: 0.4rem;
        align-self: flex-start;
    }

    .note-list .text {
        width: 100%;
    }

    .dot-list > li {
        display: flex;
        align-items: center;
    }

    .dot-list > li::before {
        content: '·';
        margin-right: 0.4rem;
        align-self: flex-start;
    }

    .dot-list .text {
        width: 100%;
    }

    .input-label {
        display: block;
    }

    .input-label + .input-label {
        margin-top: 4.8rem;
    }

    .input-label > .tit {
        font-size: 3rem;
        letter-spacing: -0.6px;
        margin-bottom: 2.4rem;
        font-weight: 500;
        display: flex;
        align-items: center;
    }

    .pop-bg {
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .6);
        z-index: 55;
        display: none;
    }

    .pop {
        width: 90%;
        background: #fff;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 56;
        border-radius: 2.4rem;
        overflow: hidden;
        display: none;
    }

    .pop-bg.on, .pop.on {
        display: block;
    }

    .pop-header {
        width: 100%;
        background: #ecf5fe;
        padding: 2.4rem 3.2rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .pop-header .pop-tit {
        font-size: 3.4rem;
        letter-spacing: -0.68px;
        font-weight: bold;
    }

    .pop-close {
        width: 4.8rem;
        height: 4.8rem;
        background: url(../images/pop-close.png) no-repeat center;
        background-size: cover;
    }

    .pop-cont {
        padding: 4.8rem 3.2rem 0;
    }

    .pop-cont .letter-content {font-size: 2.6rem; letter-spacing: -.52px; line-height: 4rem; margin-bottom: 6rem;}


    .pop-cont .input-label > .tit + .ck-label {
        margin-top: 4.5rem;
    }

    .pop-cont .ck-label {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .pop-cont .ck-label::after {
        width: 4.4rem;
        height: 4.4rem;
    }

    .pop-cont .ck-label input {
        display: none;
    }

    .pop-cont .ck-label + .ck-label {
        margin-top: 5rem;
    }

    .pop-cont .ck-label .tit {
        font-size: 2.8rem;
        letter-spacing: -0.56px;
        display: flex;
        align-items: center;
    }

    .pop-cont .ck-label .tit::before {
        content: '';
        width: 4.4rem;
        height: 4.4rem;
        background: url(../images/ck.png) no-repeat center;
        background-size: cover;
        margin-right: 1.2rem;
    }

    .pop-cont .ck-label input:checked + .tit::before {
        background: url(../images/ck-on.png) no-repeat center;
        background-size: cover;
    }

    .pop-cont .ck-label .c {
        color: #1275d8;
    }

    .pop-cont .fix-btns {
        margin-top: 6.5rem;
        display: flex;
        align-items: center;
        width: calc(100% + 6.4rem);
        position: relative;
        left: -3.2rem;
    }

    .pop-cont .fix-btns button {
        width: 100%;
        padding: 2rem;
        font-size: 2.8rem;
        letter-spacing: -0.56px;
        border-radius: 0;
    }

    .pop-cont .pass-icon {
        display: block;
        margin: 0 auto 3.6rem;
        width: 10rem;
    }

    .pop-cont .pass-tit {
        font-size: 3.6rem;
        letter-spacing: -0.72px;
        margin-bottom: 3.6rem;
        text-align: center;
        font-weight: bold;
    }

    .pop-cont .pass-tit .c {
        color: #ff3a4a;
    }

    .pop-cont .pass-info .note-list {
        margin: 2.2rem 0 3.2rem;
        font-size: 2.4rem;
        letter-spacing: -0.48px;
        color: #62666e;
    }

    .pop-cont .text-wrap .tit {
        font-size: 2.8rem;
        font-weight: bold;
        letter-spacing: -0.56px;
        margin-bottom: 1.6rem;
    }

    .pop-cont .text-wrap .dot-list {
        font-size: 2.4rem;
        letter-spacing: -0.48px;
        color: #62666e;
    }

    .pop-cont .text-wrap .dot-list li + li {
        margin-top: 1.2rem;
    }

    .pop-cont .pop-close {
        position: absolute;
        top: 0.6rem;
        right: 0.6rem;
    }

    .pop-cont .tit {
        font-size: 3.2rem;
        font-weight: bold;
        text-align: center;
        letter-spacing: -0.64px;
    }

    .pop-cont .txt {
        font-size: 2.6rem;
        letter-spacing: -0.52px;
        margin: 2rem auto 0;
        line-height: 4rem;
        text-align: center;
        color: #5c6371;
        width: 60%;
        word-break: keep-all;
    }

    .pop-cont .txt .c {
        color: #ec6f0f;
        font-weight: bold;
    }

    .my-info-pop .pop-cont .tit {
        font-size: 4rem;
        letter-spacing: -0.8px;
    }

    .my-info-pop .stock-num {
        text-align: center;
        font-size: 2.6rem;
        letter-spacing: -0.52px;
        font-weight: 500;
        margin: 2.8rem auto;
    }

    .my-info-pop .stock-num .num {
        color: #62666e;
        font-weight: normal;
    }

    .my-info-pop .stock-info-list .info-item:not(:last-child) {
        background: #f4f6f8;
        width: calc(50% - 1rem);
        text-align: left;
    }

    .vote-info-pop .vote-info-box {
        padding: 2.8rem;
        border-radius: 1.6rem;
    }

    .vote-info-pop .vote-info-box .num {
        font-size: 2.8rem;
        letter-spacing: -0.56px;
        margin-bottom: 1.6rem;
    }

    .vote-info-pop .vote-info-box .tit {
        font-size: 4rem;
        letter-spacing: -0.8px;
        margin-bottom: 1.6rem;
    }

    .vote-info-pop .vote-info-box .date {
        font-size: 2.8rem;
        letter-spacing: -0.56px;
    }

    .vote-info-pop .vote-detail {
        padding-right: 0.6rem;
        font-size: 2.8rem;
        letter-spacing: -0.56px;
        line-height: 4.4rem;
        margin-top: 4rem;
        height: 30rem;
    }

    .vote-detail::-webkit-scrollbar {
        width: 1.2rem;
    }

    .vote-commission-pop .tit {
        line-height: 4.8rem;
    }

    .vote-commission-pop .vote-commission {
        border-top: .2rem solid #e0e5ef;
        margin-top: 2.8rem;
        padding-top: 2.8rem;
    }

    .vote-commission-pop .list li + li {
        margin-top: 1.2rem;
    }
    .vote-commission-pop .list li .tit {font-size: 2.6rem; letter-spacing: -.52px; margin: 2.8rem 0 1.2rem;}
    .vote-commission-pop .list label input {
        width: 4.8rem;
        height: 4.8rem;
    }

    .vote-commission-pop .list label .tit {
        font-size: 3rem;
        letter-spacing: -0.6px;
        margin: 0 0 0 1.2rem;
    }

    .vote-commission-pop .list input[type=text] {
        margin-right: 1.2rem;
        font-size: 2.6rem;
        padding: 1.4rem 1rem;
    }

    .vote-commission-pop .download {
        padding: 1.4rem; border-radius: 1rem; border: .2rem solid #1275d8;
        letter-spacing: -0.52px; font-size: 2.6rem;
    }

    .vote-commission-pop .download::after {
        content: '';
        width: 3.2rem;
        height: 3.2rem;
        background: url(../images/download-blue-icon.png) no-repeat center;
        background-size: cover;
    }

    .vote-commission-pop .vote-commission .txt {
        margin: 0 0 2.4rem;
        font-size: 2.6rem;
        letter-spacing: -0.52px;
        line-height: 4rem;
    }

    /* 연결페이지 */
    .link-page {
        margin-bottom: 12rem;
    }

    .stockholder {
        border-radius: 1rem;
        padding: 1rem 2rem;
        background: #10b87a;
        font-size: 2.8rem;
        letter-spacing: -0.56px;
        color: #fff;
        display: block;
        margin: 0 3.8rem 0 7rem;
        white-space: nowrap;
    }

    .login-header .logo {width: 26rem;}

    .bn-wrap {
        width: 100%;
        border-radius: 3.6rem;
        margin: 6rem auto 6.8rem;
        position: relative;
    }

    .bn-wrap .txt-wrap {
        position: absolute; text-align: left;
        left: 50%;
        transform: translateX(-50%);
        top: 6.8rem;
        width: calc(100% - 8rem);
        word-break: keep-all;
    }

    .bn-wrap .txt {
        color: #fff;
        font-size: 3.6rem;
        letter-spacing: -0.72px;
        line-height: 5.2rem;
        font-weight: 500;
    }
     .bn-wrap .txt br {display: none;}
     .bn-wrap .txt br.mo { display: block; }

    .bn-wrap .big {
        font-size: 4.4rem;
        font-weight: bold;
        letter-spacing: -0.88px;
        margin-bottom: 2.4rem;
    }

    .bn-wrap .sm {
        font-size: 2.8rem;
        letter-spacing: -0.56px;
        line-height: 4.4rem;
        color: #f6c9a7;
    }

    .bn-wrap .event-txt { margin: 4.8rem 0; padding: 3.6rem 4.8rem; border-radius: 3.2rem; background: linear-gradient(to right, #0b408e, #b21961, #460612); position: relative; }
    .bn-wrap .event-txt .text { margin-left: 21.6rem; font-size: 3rem; letter-spacing: -.6px; line-height: 4.4rem; }
    .bn-wrap .event-txt .text::before { content: ''; width: 18.8rem; min-width: 18.8rem; height: 18.8rem; left: 3.2rem; }

    .link-page .login-box {
        width: 100%;
        border-radius: 2.4rem;
        padding: 4.8rem 4rem;
        box-shadow: .4rem .4rem 2.4rem 0 rgba(0, 0, 0, .12);
        text-align: center;
    }

    .link-page .login-box + .login-box {margin-top: 4.8rem; margin-bottom: 16rem;}

    .link-page .login-box .tit {
        font-size: 4rem;
        font-weight: bold;
        letter-spacing: -0.8px;
        margin-bottom: 1.6rem;
    }

    .link-page .login-box .txt {
        font-size: 3rem; font-weight: bold;
        letter-spacing: -0.6px; line-height: 4.4rem;
    }

    .link-page .login-box.regist .txt { margin-top: 4.2rem; }
    .link-page .login-box.login .txt { margin-bottom: 4.2rem; color: #62666e; font-weight: 500; }

    .link-page .vote-title { font-size: 4rem; margin-bottom: 4rem; letter-spacing: -.68px;}

    .link-page .login-box .login-btns {
        display: flex;
        align-items: center;
        gap: 2.4rem;
        justify-content: center;
    }

    .link-page .login-box .login-btns a {
        width: 8.8rem;
        height: 8.8rem;
    }

    .login-auth-btns li .auth-btn {
        border: .2rem solid #ebebeb;
    }

    .login-auth-btns li .auth-btn:hover {
       border: .2rem solid #dedbdb;
    }

    header {
        height: 100% !important;
        position: relative;
        z-index: 2;
    }

    header .inner {
        display: flex;
        align-items: center;
        padding: 2.2rem 0;
    }

    .header-login {
        border-bottom: .2rem solid #ebebeb;
    }

    .header-login .back {
        width: 4.8rem;
        height: 4.8rem;
        background: url(../images/back.png) no-repeat center;
        background-size: cover;
    }

    .header-login .logo {
        width: 25.4rem;
        margin: 0 auto;
    }

    .header-login .div_table {background: #fff !important;}

    main .inner {
        padding: 6rem 0 12rem;
    }

    .sub-page > .title-wrap {
        text-align: center;
        margin-bottom: 4.8rem;
    }

    .sub-page > .title-wrap .tit {
        font-size: 4rem;
        font-weight: bold;
        letter-spacing: -0.8px;
        margin-bottom: 2.4rem;
    }

    .sub-page > .title-wrap .sub-tit {
        font-size: 3rem;
        letter-spacing: -0.44px;
    }

    .float-btn {
        position: fixed;
        bottom: 8rem;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 60rem;
        border: .2rem solid #e0e5ef;
        padding: 2.2rem 1.4rem;
        font-size: 3rem;
        letter-spacing: -0.6px;
        color: #555;
        width: 28rem;
    }

    /* 로그인 */
    .login-page .login-options {
        flex-flow: column;
        gap: 0;
    }

    .login-page .login-options li {
        text-align: left;
    }

    .login-page .login-options li + li {
        margin-top: 2.4rem;
    }

    .login-page .login-options li:nth-child(1) a {
        background: url(../images/login-img1.png) no-repeat calc(100% - 3.2rem) center;
        background-size: 8.8rem
    }

    .login-page .login-options li:nth-child(2) a {
        background: url(../images/login-img2.png) no-repeat calc(100% - 3.2rem) center;
        background-size: 8.8rem
    }

    .login-page .login-options li:nth-child(3) a {
        background: url(../images/login-img3.png) no-repeat calc(100% - 3.2rem) center;
        background-size: 8.8rem
    }


    .login-page .login-options a {
        width: 100%;
        padding: 3.2rem;
        border-radius: 1.6rem;
        border: .2rem solid #e0e5ef;
    }

    .login-page .login-options .tit {
        font-size: 3.4rem;
        letter-spacing: -0.68px;
        margin-bottom: 1.6rem;
        font-weight: bold;
    }

    .login-page .login-options .tit img {
        width: 8rem;
        vertical-align: middle;
        margin-right: 0.8rem;
    }

    .login-page .login-options .txt {
        font-size: 2.8rem;
        letter-spacing: -0.56px;
        color: #62666e;
        margin-bottom: 0;
    }

    .login-page .login-options li:nth-child(1) a:hover {
        background: #fff url(../images/login-img1.png) no-repeat calc(100% - 3.2rem) center;
        background-size: 8.8rem;
    }

    .login-page .login-options li:nth-child(2) a:hover {
        background: #fff url(../images/login-img2.png) no-repeat calc(100% - 3.2rem) center;
        background-size: 8.8rem;
    }

    .login-page .login-options li:nth-child(3) a:hover {
        background: #fff url(../images/login-img3.png) no-repeat calc(100% - 3.2rem) center;
        background-size: 8.8rem; border: .2rem solid #000;
    }

    .login-page .login-options li a:hover .tit, .login-page .login-options li a:hover .txt {
        color: inherit;
    }

    .state-list {
        display: flex;
        justify-content: space-between;
        width: 40rem;
        margin: 0 auto 8rem;
        position: relative;
        gap: 0;
    }

    .state-list::after {
        content: '';
        width: 100%;
        height: 0.2rem;
        background: #e0e5ef;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
    }

    .state-list li {
        position: relative;
        top: 2.5rem;
    }

    .state-list li:nth-child(1) {
        left: -2.5rem;
    }

    .state-list li:nth-child(3) {
        right: -2.5rem;
    }

    .state-list .num {
        font-size: 2.6rem;
        width: 4rem;
        height: 4rem;
        border-radius: 50%;
        background: #9da2ac;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #Fff;
        margin: 0 auto 2rem;
    }

    .state-list .txt {
        font-size: 2.6rem;
        letter-spacing: -0.52px;
        font-weight: 500;
        color: #9da2ac;
    }

    .state-list .cur .num {
        background: #1275d8;
    }

    .state-list .cur .txt {
        color: #1275d8;
    }

    .state-list .succ .num {
        text-indent: -99999px;
        background: url(../images/state-ck.png) no-repeat center;
        background-size: cover;
    }

    .state-list .cur:last-child .num {
        text-indent: -99999px;
        background: url(../images/state-ck-on.png) no-repeat center;
        background-size: cover;
    }

    .login-step .step + .step {
        margin-top: 6.8rem;
    }

    .login-step .step .title-wrap {
        margin-bottom: 2.4rem;
    }

    .login-step .step .title-wrap .tit {
        font-size: 3.2rem;
        font-weight: bold;
        margin-bottom: 2rem;
    }

    .login-step .step .title-wrap .sub-tit {
        font-size: 2.6rem;
        letter-spacing: -0.52px;
        color: #62666e;
    }

    .login-step .step .title-wrap + .input-label {
        margin-top: 4rem;
    }

    .login-step .step .name-input {
        width: 100%;
    }

    .tel-flex {
        display: flex;
        gap: .8rem;
    }

    .tel-flex + .cert {
        margin-top: 2.4rem;
    }

    .tel-flex .btn {
        font-size: 2.8rem;
        letter-spacing: -0.56px;
        width: 12.6rem;
        min-width: 12.6rem;
    }

    .tel-flex .btn:disabled {
        background: #f4f6f8;
        color: #9da2ac;
        border: .2rem solid #e0e5ef;
    }

    .cert-note {
        margin-top: 1.6rem;
        font-size: 2.6rem;
        letter-spacing: -0.52px;
        color: #dc1010;
        display: flex;
        align-items: center;
    }

    .cert-note::before {
        content: '';
        margin-right: 1.2rem;
        width: 3.2rem;
        height: 3.2rem;
        background: url(../images/cert-icon.png) no-repeat center;
        background-size: cover;
    }

    .privacy-ck {
        padding: 6rem 4rem;
        width: calc(100% + 8rem);
        left: -4rem;
        background: #f4f6f8;
        position: relative;
    }

    .privacy-ck .input-label {
        display: flex;
        gap: 1.2rem;
        flex-flow: row wrap;
        padding: 0 2rem;
        position: relative;
    }

    .privacy-ck .input-label:not(.total)::after {
        content: '';
        width: 4.4rem;
        height: 4.4rem;
        background: url(../images/arrow-gray-bold.png) no-repeat center;
        background-size: cover;
        position: absolute;
        right: 0;
    }

    .privacy-ck .input-label.total {
        border: .2rem solid #e0e5ef;
        border-radius: 1.6rem;
        padding: 1.8rem 2rem;
        background: #fff;
    }

    .privacy-ck .input-label.total .tit {
        font-weight: 500;
    }

    .privacy-ck .input-label.total.ck {
        border-color: #1275d8;
        background: #1275d8;
    }

    .privacy-ck .input-label.total.ck .tit {
        color: #fff;
    }

    .privacy-ck .input-label .c {
        color: #1275d8;
        font-weight: 500;
        margin-left: 0.4rem;
    }

    .privacy-ck .input-label .c-black {
        color: #0c1426;
        font-weight: 500;
        margin-left: 0.4rem;
    }

    .privacy-ck .input-label > input[type=checkbox] {
        display: none;
    }

    .privacy-ck .input-label .tit {
        display: flex;
        align-items: center;
        margin-bottom: 0;
        font-weight: normal;
    }

    .privacy-ck .input-label input + .tit::before {
        content: '';
        width: 4.4rem;
        height: 4.4rem;
        background: url(../images/ck.png) no-repeat center;
        background-size: cover;
        margin-right: 1.2rem;
    }

    .privacy-ck .input-label input:checked + .tit::before {
        background: url(../images/ck-on.png) no-repeat center;
        background-size: cover;
    }

    .privacy-ck .input-label.total input:checked + .tit::before {
        background: url(../images/ck-white.png) no-repeat center;
        background-size: cover;
    }

    .privacy-ck .input-label .alarm {
        width: 100%;
        display: flex;
        gap: 4rem;
        margin-left: 5.6rem;
    }

    .privacy-ck .input-label .alarm li {
        display: flex;
        align-items: center;
        gap: 1.2rem;
        font-size: 2.8rem;
        letter-spacing: -0.56px;
        color: #62666e;
    }

    .privacy-ck .input-label .alarm input {
        width: 4.4rem;
        height: 4.4rem;
    }

    .privacy-ck + .btn-wrap {
        margin: 4.8rem 0 8rem;
    }

    .login-step .btn-wrap {
        display: flex;
        gap: 1.2rem;
    }

    .login-step .btn-wrap button {
        border-radius: 60rem;
        padding: 2.2rem;
        text-align: center;
        font-size: 3rem;
        font-weight: 500;
        letter-spacing: -0.6px;
    }

    .login-step .btn-wrap .f1 {
        flex: 1;
    }

    .login-step .btn-wrap .f2 {
        flex: 2;
    }

    .login-step .success-msg {
        text-align: center;
        border-radius: 2.4rem;
    }

    .login-step .success-msg .text {margin-bottom: 4.8rem;line-height: 4.8rem;font-size: 3rem;letter-spacing: -0.94px;}
    .login-step .success-msg .text .mg { margin-top: 2rem; }


    .login-step .success-msg .c {
        font-size: 3.6rem;
        letter-spacing: -0.72px;
        color: #1275d8;
        font-weight: bold;
    }

    .login-step .success-msg .txt {
        font-size: 3.2rem;
        letter-spacing: -0.64px;
        line-height: 4.8rem;
        margin-bottom: 4.8rem;
    }

    .login-step .success-msg .img {
        width: 18rem;
        height: 18rem;
        margin: 4.8rem auto;
    }

    .login-step .success-step .btn-wrap {
        position: fixed;
        width: calc(100% - 8rem);
        left: 4rem;
        bottom: 8rem;
    }

    /* 로그인 후 */
    .header-main {
        border-bottom: .2rem solid rgba(255, 255, 255, .2); height: 100%; padding: 2.6rem 0;
    }

    .header-main .inner {
        justify-content: space-between; padding: 0;
    }

    .header-main .logo {
        width: 35.8rem; display: none;
    }
    .header.no-btn .logo {display: block;}

    .header-main .btn {
        padding: 1rem .8rem;
        border-radius: 1rem;
        font-size: 2.6rem;
        letter-spacing: -0.52px;
    }

    .header-main .btn + .btn {
        margin-left: .8rem;
    }

    .header-main:not(.header-coupon) .btn-gray {border: .2rem solid rgba(255,255,255,.24); color: #fff; background: transparent;}
    .header-main .btns-wrap {display: flex; gap: 4rem; align-items: center;}
    .header-main .menu {width: 4.8rem; height: 4.8rem; background: url(../images/menu.png) no-repeat center; background-size: cover;}
    .header-main.header-coupon .menu {width: 4.8rem; height: 4.8rem; background: url(../images/menu-b.png) no-repeat center; background-size: cover;}
    .header-main .menu-wrap {position: fixed; left: 100%; top: 0; width: 100%; height: 100vh; background: #1275d8; z-index: 999999999;}
    .header-main .menu-wrap.on {left: 0; top: 0; transition: all .4s;}
    .header-main .menu-wrap .menu-top {display: flex; padding: 2.6rem 4rem; border-bottom: .2rem solid rgba(255,255,255,.2); justify-content: space-between; align-items: center;}
    .header-main .menu-wrap .menu-top .logo {width: 32rem; height: 6.8rem; background: url(../images/menu-logo.png) no-repeat center; background-size: cover; display: block; position: static; top: inherit; left: inherit; transform: inherit;}
    .header-main .menu-wrap .menu-top .menu-close {width: 4.8rem; height: 4.8rem; background: url(../images/menu-close.png) no-repeat center; background-size: cover;}
    .header-main .menu-bottom {margin: 8rem 4rem 0;}
    .header-main  nav button {width: 100%; color: #fff; display: flex; align-items: center; justify-content: space-between; font-size: 4rem; font-weight: bold; letter-spacing: -.8px; width: 100%; justify-content: space-between;}
    .header-main  nav button + button {margin-top: 8rem;}
    .header-main  nav button::after {content: ''; width: 4.8rem; height: 4.8rem; border-radius: 50%; border: .2rem solid #fff; background: url(../images/menu-arrow.png) no-repeat center; background-size: 2.4rem; display: block;}
    .header-main .menu-bottom .btn {color: #fff; width: 100%; display: block; margin-top: 12rem; background: rgba(255,255,255,.08); border: .2rem solid rgba(255,255,255,.2); border-radius: 1.6rem; padding: 2.3rem; font-size: 2.8rem; font-weight: 500; letter-spacing: -.56px;}

    .header-main + main {
        background: #edf2f8;
    }

    .header-main + main .inner {
        padding-bottom: 0;
    }

    .header-main.header-coupon {
        border-bottom: #fff .2rem solid;
    }

    .header-main.header-coupon + main {
        background: #fff;
    }

    .top-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .main-bg {
        height: 52rem;
        background: url(../images/bg1.png) no-repeat center;
        background-size: cover;
    }

    .main-bg.h {height: 55rem;}

    .coupon-bg {
        height: 46rem;
        background: url(../images/gift.png), linear-gradient(to right, #faeac6, #fdf4d8);
        background-repeat: no-repeat;
        background-position: calc(100% - 6.8rem) 65%, center;
        background-size: 17rem auto, cover;
    }

    .coupon-bg .txt-wrap {
        position: absolute;
        left: 4rem;
        top: 63%;
        transform: translateY(-50%);
    }

    .coupon-bg .txt-wrap .tit {
        font-size: 4rem;
        letter-spacing: -0.8px;
        margin-bottom: 2rem;
        font-weight: bold;
        color: #ec6f0f;
        text-align: left;
    }

    .coupon-bg .txt-wrap .txt {
        font-size: 2.8rem;
        letter-spacing: -0.56px;
        line-height: 4.4rem;
        color: #5c6371;
        min-width: inherit;
        text-align: left;
    }

    .coupon-bg .txt-wrap .txt .c {
        color: #0c1426;
        font-weight: bold;
    }

    .greeting {
        font-size: 3.4rem;
        margin-bottom: 4.8rem;
        letter-spacing: -0.68px;
        color: #fff;
        text-align: center;
        font-weight: 500;
        position: relative;
        z-index: 1;
    }

    .greeting .icon {
        width: 5rem;
        height: 5rem;
        margin-right: 1.6rem;
        vertical-align: middle;
        display: inline-block;
        background: url(../images/greeting.png) no-repeat center;
        background-size: cover;
    }

    .main-cont {
        flex-flow: column;
        margin-bottom: 2rem; z-index: 1;
    }

    .main-cont .main-bn {
        width: 100%;
        margin-bottom: 6rem;
    }

    .main-bn img:not(.logo) {
        height: 100%;
    }

    .main-cont .vote-box {
        width: 100%; margin-bottom: 0;
    }

    .main-cont .vote-container { display: none;
        width: 100%; position: relative;
    }

    .main-cont .vote-container .container-control {
        position: absolute; top: calc(100% + 3.2rem); right: inherit; left: 50%;
        transform: translateX(-50%);
        display: flex; gap: 2.6rem; background: #0c1426; border-radius: 60rem; padding: 1.5rem 2.8rem;;
    }
    .main-cont .vote-container .container-control button {
        display: block; width: 4rem; height: 4rem; border-radius: 50%;
    }
    .main-cont .vote-container .container-control .slide-page {font-size: 3rem; gap: .8rem;}
    .vote-slick .slick-slide {margin: 0 8px}
    .vote-slick .slick-list {margin: 0 -8px;}

    .main-bn {
        position: relative;
    }

    .main-bn .txt {
        position: absolute;
        top: 4rem;
        left: 4rem;
        font-size: 4rem;
        letter-spacing: -0.8px;
        line-height: 5.6rem;
        color: #fff;
        font-weight: bold;
    }

    .main-bn .txt .c {
        color: #72f1ff;
    }

    .main-bn .logo {
        position: absolute;
        right: 4rem;
        bottom: 4rem;
        width: 15rem;
    }

    .vote-box {
        padding: 4.8rem 3.2rem;
        background: #1275d8;
        border-radius: 2.4rem;
        margin-bottom: 6rem;
    }

    .vote-box .title-wrap {
        padding-bottom: 2.4rem;
        margin-bottom: 3.6rem;
        border-bottom: .2rem solid rgba(255, 255, 255, .12);
        color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .vote-box .title-wrap .tit {
        font-size: 3.8rem;
        font-weight: bold;
        letter-spacing: -0.76px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .vote-box .title-wrap .date {
        font-size: 2.8rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
    }

    .vote-box .title-wrap .date .d {
        width: 4rem;
        min-width: 4rem;
        height: 4rem;
        border-radius: 50%;
        background: #ec6f0f;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 0.8rem;
    }

    .vote-box .vote-info {
        font-size: 2.8rem;
        letter-spacing: -0.56px;
        flex-flow: column;
        gap: 0;
    }

    .vote-box .vote-info li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .vote-box .vote-info li + li {
        margin-top: 2.4rem;
    }

    .vote-box.pos-t .vote-info li + li {
        margin-top: 2.4rem;
    }

    .vote-box .vote-info .tit {
        color: rgba(255, 255, 255, .6);
    }

    .vote-box .vote-info .cont {
        color: #fff;
        font-weight: 500;
    }

    .section-tit {font-size: 3.6rem; letter-spacing: -.72px; margin-bottom: 3.6rem;}
    .vote-list .vote-tab-list button {padding: 1.8rem; font-size: 3.2rem; letter-spacing: -.64px; word-break: keep-all;}

    .vote-cont-wrap {padding: 6rem 3.2rem 4.8rem;}

    .vote-tab-cont .btn-wrap {display: flex; gap: 1rem; margin-top: 4.8rem; width: 100%;}
    .vote-tab-cont .btn-wrap .btn {width: 100%; padding: 2.2rem; font-size: 3rem; letter-spacing: -.6px; font-weight: bold;}

    .vote-list .stock {margin-bottom: 3.6rem; gap: 1.2rem;}

    .vote-list {
        margin-bottom: 8rem;
        border-radius: 2.4rem;
        border: .2rem solid #e0e5ef;
        background: #fff;
    }

    .vote-list .stock-label {
        width: 22rem;
        padding: 1.4rem 2.2rem;
        font-size: 2.6rem;
        letter-spacing: -0.52px;
        border: .2rem solid #ec6f0f;
        font-weight: 500;
        color: #ec6f0f;
        border-radius: 60rem;
    }

    .vote-list .stock-value {
        font-size: 4.6rem;
        letter-spacing: -0.92px;
        color: #ec6f0f;
        font-weight: bold;
        text-align: center;
    }

    .stock-info-list {
        display: flex;
        gap: 1rem;
        margin: 3.2rem auto;
        flex-flow: row wrap;
    }

    .info-item {
        flex: 1 calc(50% - .5rem); background: #f4f5f6;
        font-size: 2.6rem;
        letter-spacing: -0.52px;
        padding: 1.4rem 0 1.4rem 5rem;
        border-radius: 1.2rem;
        border: .2rem solid #e0e5ef;
    }

    .info-item:last-child {
        text-align: center;
    }

    .info-item span {
        margin-left: 1.2rem;
        font-weight: 500;
    }

    .info-item .c-blue {
        color: #1275d8;
    }

    .info-item .c-orange {
        color: #ec6f0f;
    }

    .vote-list .my-stock .txt {
        font-size: 3rem;
        letter-spacing: -0.6px;
        line-height: 4.6rem;
        word-break: keep-all;
        text-align: center;
    }

    .vote-list .my-stock .txt .c {
        font-weight: bold;
    }

    .vote-list .my-stock .txt .sm {
        margin-top: 2.4rem;
        font-size: 2.6rem;
        letter-spacing: -0.52px;
        line-height: 4rem;
        color: #868c97;
    }

    .divider {
        width: calc(100% + 6rem);
        position: relative;
        left: -3rem;
        height: 1rem;
        background: #f4f6f8;
        margin: 4rem 0;
    }

    .vote-item-list-top {flex-flow: row wrap; margin-bottom: 2.4rem; display: flex; flex-flow: row reverse;}
    .vote-item-list-top .vote-controller {padding: 2.2rem; border-radius: 1.2rem; box-shadow: .4rem .4rem 1.2rem 0 rgba(0,0,0,.08); border: .2rem solid #e0e5ef; margin: 0 auto 4.8rem; gap: 4.5rem; justify-content: space-between; width: 100%;}
    .vote-item-list-top .vote-controller label {gap: .8rem; font-size: 2.6rem;}
    .vote-item-list-top .vote-controller input {width: 4rem; height: 4rem;}

    .vote-list .vote-item-wrap .total { width: 100%;
        font-size: 2.6rem;
        letter-spacing: -0.52px;
        color: #868c97;
    }

    .vote-list .vote-item-wrap .total .c {
        font-weight: 500;
        color: #0c1426;
    }

    .vote-list .vote-item-list {gap: 0;}

    .vote-list .vote-item-list > li {
        width: 100%;
        padding: 2.4rem 2.8rem;
        border-radius: 2rem;
        background: #f1f5f9;
    }
    .vote-list .vote-item-list > li.no-item {background: #fff; font-size: 2.6rem; letter-spacing: -.52px; color: #868c97; width: 100%; text-align:center;}

    .vote-list .vote-item-list > li + li {
        margin-top: 2.8rem;
    }

    .vote-list .vote-item-list .top-wrap {
        width: calc(100% + 5.6rem);
        left: -2.8rem;
        border-bottom: .2rem solid #e0e5ef;
        padding: 0 2.8rem 1.2rem;
        margin-bottom: 3.2rem;
        position: relative;
        display: flex;
        justify-content: space-between;
    }

    .vote-list .vote-item-list .top-wrap .num {
        font-size: 2.6rem;
        font-weight: 500;
        letter-spacing: -0.52px;
    }

    .vote-list .vote-item-list .top-wrap .date {
        font-size: 2.6rem;
        letter-spacing: -0.52px;
        color: #62666e;
    }

    .vote-list .vote-item-list > li > .tit {
        font-size: 3.4rem;
        letter-spacing: -0.68px;
        margin-bottom: 2.4rem;
        font-weight: bold;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .vote-list .vote-item-list > li .sm {font-size: 2.4rem;}

    .vote-list .vote-item-list .vote-info {
        margin-bottom: 2.8rem;
    }

    .vote-list .vote-item-list .vote-info li {
        font-size: 2.8rem;
        letter-spacing: -0.56px;
        display: flex;
        justify-content: space-between;
    }

    .vote-list .vote-item-list .vote-info li + li {
        margin-top: 2rem;
    }

    .vote-list .vote-item-list .vote-info .tit {
        color: #868c97;
    }

    .vote-list .vote-item-list .vote-info .cont {
        font-weight: 500;
        display: flex;
        align-items: center;
    }

    .vote-list .vote-item-list .vote-info li:nth-child(1) .cont {
        color: #62666e;
    }

    .vote-list .vote-item-list .vote-info li:nth-child(2) .cont {
        color: #ec6f0f;
    }
    .vote-list .vote-item-list .vote-status .cont {font-size: 2.8rem; letter-spacing: -.56px; padding: 1.7rem 1rem; font-weight: 500;}
    .vote-list .vote-item-list .vote-status .cont::before {
        content: '';
        width: 3.6rem;
        height: 3.6rem;
    }

    .vote-list .vote-item-list .vote-status .cont.st2::before {
        background: url(../images/n-ck.png) no-repeat center;
        background-size: cover;
    }

    .vote-list .vote-item-list .vote-status .cont.st2.on::before {
        background: url(../images/active-ck.png) no-repeat center;
        background-size: cover;
    }

    .vote-list .vote-item-list .vote-status .cont.st3::before {
        background: url(../images/n-disagree.png) no-repeat center;
        background-size: cover;
    }

    .vote-list .vote-item-list .vote-status .cont.st3.on::before {
        background: url(../images/active-disagree.png) no-repeat center;
        background-size: cover;
    }

    .vote-list .vote-item-list .vote-status .cont.st4::before {
        background: url(../images/n-abstention.png) no-repeat center;
        background-size: cover;
    }

    .vote-list .vote-item-list .vote-status .cont.st4.on::before {
        background: url(../images/active-abstention.png) no-repeat center;
        background-size: cover;
    }

    .vote-list .vote-item-list .vote-status .btn {
        padding: 1.8rem .7rem;
        letter-spacing: -0.56px;
        font-size: 2.8rem;
    }

    .vote-doc {
        display: flex;
        gap: 1.4rem;
        margin-bottom: 8rem;
    }

    .vote-doc .btn-doc {
        padding: 3.6rem 1rem;
        width: 100%;
        border-radius: 2.4rem;
        flex-flow: column;
    }

    .vote-doc .btn-doc .tit {
        font-size: 3rem;
        font-weight: 500;
        letter-spacing: -0.6px;
        color: #fff;
        margin-bottom: 4.8rem;
    }

    .vote-doc .btn-doc img {
        width: 8.8rem;
    }

    .vote-doc .doc1 {
        background: url(../images/doc1-bg.png) no-repeat center;
        background-size: cover;
    }

    .vote-doc .doc2 {
        background: url(../images/doc2-bg.png) no-repeat center;
        background-size: cover;
    }

    .vote-doc .doc3 {
        background: url(../images/doc3-bg.png) no-repeat center;
        background-size: cover;
    }

    .event-bn {
        width: calc(100% + 8rem);
        position: relative;
        left: -4rem;
        padding: 3.2rem 4rem;
        top: 12rem;
        background: url(../images/ballvic.png), linear-gradient(to right, #f5db9a, #f6e6b3);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: auto 100%, cover;
    }

    .event-bn .txt {
        font-size: 2.8rem;
        letter-spacing: -0.52px;
        line-height: 4.4rem;
        margin-bottom: 1.6rem;
    }

    .event-bn .txt .c {
        font-size: 3.2rem;
        letter-spacing: -0.64px;
        font-weight: bold;
        color: #ec6f0f;
    }

    .event-bn .shortcut img {
        width: 17rem;
        vertical-align: bottom;
    }

    .event-bn .shortcut .btn-black {
        display: inline-block;
        padding: 1rem 1.8rem;
        border-radius: 60rem;
        font-size: 2.4rem;
        letter-spacing: -0.48px;
        margin-left: 2rem;
    }

    footer {
        width: 100%;
        background: #485164;
        padding: 6rem 0;
    }

    footer .inner {
        position: relative;
    }

    footer .logo {
        width: 21rem;
        margin-bottom: 3.6rem;
    }

    footer .company-info {
        flex-flow: column;
        gap: 0;
    }

    footer .company-info p {
        font-size: 2.6rem;
        letter-spacing: -0.52px;
        color: #bbc2d1;
        line-height: 4rem;
    }

    footer .more-info {
        margin-top: 2.4rem;
        color: #bbc2d1;
    }

    footer .more-info li {
        line-height: 3.8rem;
        word-break: keep-all;
        flex-flow: column;
        align-items: flex-start;
        gap: 0;
    }

    footer .more-info li + li {
        margin-top: 2.4rem;
    }

    footer .more-info li .tit {
        font-size: 2.6rem;
        letter-spacing: -0.52px;
        font-weight: 500;
    }

    footer .more-info li .txt {
        font-size: 2.4rem;
        letter-spacing: -0.48px;
    }

    footer .sns-list {
        display: flex;
        position: absolute;
        top: 0;
        right: 0;
    }

    footer .sns-list li + li {
        margin-left: 1.8rem;
    }

    footer .sns-list a {
        width: 5.4rem;
    }

    .business-tit-wrap {
        margin-bottom: 9rem;
        text-align: center;
        position: relative;
        z-index: 1;
        color: #fff;
    }

    .business-tit-wrap .num {
        font-size: 3.2rem;
        margin-bottom: 2rem;
        letter-spacing: -0.64px;
        font-weight: 500;
    }

    .business-tit-wrap .tit {
        font-size: 4.4rem;
        margin-bottom: 4.8rem;
        letter-spacing: -0.88px;
        font-weight: bold;
    }

    .business-tit-wrap .tit.mb {
        margin-bottom: 2.4rem;
    }

    .business-tit-wrap .sub {
        font-size: 2.8rem;
        letter-spacing: -0.56px;
        line-height: 4.4rem;
        color: #bbc2d1;
    }

    .pos-t {
        position: relative;
        z-index: 1;
    }

    .business-tit-wrap + .my-stock {
        margin-bottom: 8rem;
        border-radius: 1.6rem;
        font-size: 3.6rem;
        letter-spacing: -0.72px;
        padding: 2.8rem;
        background: #fff url(../images/stock.png) no-repeat 2rem 50% / 6rem;
        width: 100%;
        text-align: center;
        font-weight: bold;
    }

    .business-tit-wrap + .my-stock .c {
        color: #ec6f0f;
    }

    .agenda-box {
        margin-bottom: 8rem;
    }

    .agenda-box > .tit {
        font-size: 3.6rem;
        letter-spacing: -0.72px;
        font-weight: bold;
        margin-bottom: 2rem;
    }

    .agenda-box .info-txt {
        font-size: 2.8rem;
        letter-spacing: -0.56px;
        line-height: 4.4rem;
        border-radius: 2.4rem;
        padding: 3.2rem;
        border: .2rem solid #e0e5ef;
        background: #e8eff6;
        white-space: pre-wrap;
    }

    .agenda-input-box .agenda-ck {
        flex-flow: column;
        gap: 4.8rem;
    }

    .agenda-input-box .agenda-ck .radio-list, .agenda-input-box .agenda-ck > .input-label {
        flex: 1;
    }

    .agenda-input-box .radio-list li + li {
        margin-top: 0;
    }

    .agenda-input-box {
        border-radius: 2.4rem;
        border: .2rem solid #e0e5ef;
        padding: 3.6rem 3.2rem;
        background: #fff;
    }

    .agenda-input-box .radio-list {
        display: flex;
        gap: 1.8rem;
        margin-bottom: 4.8rem;
    }

    .agenda-input-box .radio-list li {
        padding: 3.6rem 2rem 2.8rem;
        border-radius: 2rem;
        background: #f4f6f8;
        width: 100%;
        text-align: center;
        flex-flow: column;
    }

    .agenda-input-box .radio-list .input-label {
        flex-flow: column;
    }

    .agenda-input-box .radio-list .input-label input {
        width: 4.8rem;
        height: 4.8rem;
        margin-bottom: 2.4rem;
    }

    .agenda-input-box .radio-list .input-label .tit {
        font-size: 3rem;
        letter-spacing: -0.6px;
        font-weight: 500;
        justify-content: center;
        margin-bottom: 2.4rem;
    }

    .agenda-input-box .radio-list .download-btn {
        padding: 1.4rem 1rem;
        font-size: 2.6rem;
        letter-spacing: -0.52px;
        color: #868c97;
        border-radius: 1rem;
        border: .2rem solid #e0e5ef;
        background: #fff;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .agenda-input-box .radio-list .download-btn::after {
        content: '';
        width: 3.2rem;
        height: 3.2rem;
        background: url(../images/download-icon.png) no-repeat center;
        background-size: cover;
    }

    .agenda-input-box .input-label .flex {
        display: flex;
        gap: 1.2rem;
    }

    .agenda-input-box .input-label .flex .download-btn {
        padding: 2rem 2.8rem;
        display: flex;
        gap: .4rem;
        font-size: 2.6rem;
        letter-spacing: -0.52px;
        color: #fff;
        background: #868c97;
        align-items: center;
    }

    .agenda-input-box .input-label .flex .download-btn::after {
        content: '';
        width: 3.2rem;
        height: 3.2rem;
        background: url(../images/download-white-icon.png) no-repeat center;
        background-size: cover;
    }

    .agenda-input-box .input-label .flex + .txt {
        margin-top: 2.4rem;
        letter-spacing: 0.52px;
        font-size: 2.6rem;
        line-height: 4rem;
        color: #868c97;
        margin-right: 0;
    }

    .agenda-input-box .input-label .ck-flex {
        display: flex;
        gap: 1.2rem;
        margin-bottom: 4.8rem;
    }

    .agenda-input-box > .input-label > .tit {
        justify-content: flex-start;
    }

    .agenda-input-box .input-label .ck-flex .ck-wrap {
        border-radius: 1.2rem;
        border: .2rem solid #e0e5ef;
        width: 100%;
        padding: 2rem 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: inherit;
    }

    .agenda-input-box .input-label .ck-flex .ck-wrap input {
        display: none;
    }

    .agenda-input-box .input-label .ck-flex .ck-wrap .tit {
        font-size: 3rem;
        letter-spacing: -0.6px;
        color: #62666e;
        display: flex;
        align-items: center;
        gap: .8rem;
        font-weight: 500;
    }

    .agenda-input-box .input-label .ck-flex .ck-wrap .tit::before {
        content: '';
        width: 4rem;
        height: 4rem;
        border-radius: 50%;
    }

    .agenda-input-box .input-label .ck-flex .ck-wrap:nth-child(1) .tit::before {
        background: url(../images/n-ck.png) no-repeat center;
        background-size: cover;
    }

    .agenda-input-box .input-label .ck-flex .ck-wrap:nth-child(2) .tit::before {
        background: url(../images/n-disagree.png) no-repeat center;
        background-size: cover;
    }

    .agenda-input-box .input-label .ck-flex .ck-wrap:nth-child(3) .tit::before {
        background: url(../images/n-abstention.png) no-repeat center;
        background-size: cover;
    }

    .agenda-input-box .input-label .ck-flex .ck-wrap:nth-child(1) input:checked + .tit::before {
        background: url(../images/o-ck.png) no-repeat center;
        background-size: cover;
    }

    .agenda-input-box .input-label .ck-flex .ck-wrap:nth-child(2) input:checked + .tit::before {
        background: url(../images/o-disagree.png) no-repeat center;
        background-size: cover;
    }

    .agenda-input-box .input-label .ck-flex .ck-wrap:nth-child(3) input:checked + .tit::before {
        background: url(../images/o-abstention.png) no-repeat center;
        background-size: cover;
    }

    .agenda-input-box .input-label .ck-flex .ck-wrap:nth-child(1) input:checked + .tit {
        color: #0aa26a;
    }

    .agenda-input-box .input-label .ck-flex .ck-wrap:nth-child(2) input:checked + .tit {
        color: #c93212;
    }

    .agenda-input-box .input-label .ck-flex .ck-wrap:nth-child(3) input:checked + .tit {
        color: #7a4cbf;
    }

    .agenda-input-box .input-label .ck-flex .ck-wrap.on:nth-child(1) {
        border-color: #0aa26a;
        background: #eefbf6;
    }

    .agenda-input-box .input-label .ck-flex .ck-wrap.on:nth-child(2) {
        border-color: #c93212;
        background: #fff7f5;
    }

    .agenda-input-box .input-label .ck-flex .ck-wrap.on:nth-child(3) {
        border-color: #7a4cbf;
        background: #f5f1fc;
    }

    .agenda-input-box .btn-dkblue {
        font-size: 3rem;
        border-radius: 60rem;
        letter-spacing: -0.6px;
        padding: 2.2rem 1rem;
        margin: 0 auto;
        width: 36rem;
        display: block;
        font-weight: 500;
    }

    .succ-list-wrap {margin-bottom: 12rem;}
    .succ-list-wrap .title-wrap {
        display: flex;
        justify-content: space-between;
        margin-bottom: 2rem;
    }

    .succ-list-wrap .title-wrap .tit {
        font-size: 3.6rem;
        letter-spacing: -0.72px;
        font-weight: bold;
    }

    .succ-list-wrap .title-wrap .total {
        font-size: 2.6rem;
        letter-spacing: -0.52px;
        border-radius: 1rem;
        padding: 1rem 1.7rem;
        background: #9da2ac;
        color: #fff;
        display: block;
    }


    .succ-list-wrap .title-wrap .total input {
        display: none;
    }
    .succ-list-wrap .title-wrap .btn-wrap {display: flex; gap: .8rem;}
    .succ-list-wrap .title-wrap button {padding: 1rem 1.7rem; border-radius: 1rem; font-size: 2.6rem; letter-spacing: -.52px;}
    .succ-list-wrap .title-wrap .btn-wrap .total,
    .succ-list-wrap .title-wrap .btn-wrap .btn-dkblue {padding: 1rem 1.7rem; border-radius: 1rem; font-size: 2.6rem; letter-spacing: -.52px; margin: 0; width: auto;}


    .succ-list-wrap table {
        width: 100%;
        table-layout: fixed;
        border-collapse: collapse;
        border-top: .2rem solid #09193d;
    }

    .succ-list-wrap table col:nth-child(1) {
        width: 25%;
    }

    .succ-list-wrap table col:nth-child(2) {
        width: 75%;
    }

    .succ-list-wrap2 table col:nth-child(1) {
        width: 70% !important;
    }

    .succ-list-wrap2 table col:nth-child(6) {
        width: 30%;
    }

    .succ-list-wrap table tr {
        border-bottom: .2rem solid #cbd2e2;
    }

    .succ-list-wrap table th {
        padding: 2.2rem 2rem;
        font-size: 3rem;
        letter-spacing: -0.6px;
        font-weight: 500;
        background: #e0e5ef;
    }

    .succ-list-wrap table td {
        padding: 3.2rem 2rem;
    }

    .succ-list-wrap table td input {
        width: 4.4rem;
        height: 4.4rem;
        display: block;
        margin: 0 auto;
    }

    .succ-list-wrap table td .tit {
        font-size: 3rem;
        line-height: 4.6rem; color: #0c1426;
        font-weight: bold;
        letter-spacing: -0.6px; text-align: left !important;
        margin-bottom: 2rem;
        word-break: keep-all;
    }

    .succ-list-wrap table td .vote-info li {
        font-size: 2.6rem;
        letter-spacing: -0.52px;
        color: #5c6371;
    }

    .succ-list-wrap table td .vote-info li + li {
        margin-top: 1.2rem;
    }

    .succ-list-wrap table td .state-wrap {
        flex-flow: column;
        gap: 0;
    }

    .succ-list-wrap table td .state {
        border-radius: 1rem;
        font-size: 2.6rem;
        letter-spacing: -0.52px;
        border: .2rem solid #d0d7e3;
        padding: 1rem 1.6rem;
        display: flex;
        justify-content: space-between;
        color: #5c6371;
    }

    .succ-list-wrap table td .state + .state {
        margin-top: 0.8rem;
    }

    .succ-list-wrap table td .state span {
        font-weight: 500;
    }

    .succ-list-wrap table td .state.t1.on {
        background: #fff;
        border-color: #0aa26a;
        color: #0aa26a;
    }

    .succ-list-wrap table td .state.t2.on {
        background: #fff;
        border-color: #c93212;
        color: #c93212;
    }

    .succ-list-wrap table td .state.t3.on {
        background: #fff;
        border-color: #7a4cbf;
        color: #7a4cbf;
    }

    .succ-list-wrap table td .state.t1 span {
        color: #0aa26a;
    }

    .succ-list-wrap table td .state.t2 span {
        color: #c93212;
    }

    .succ-list-wrap table td .state.t3 span {
        color: #7a4cbf;
    }

    .succ-list-wrap .btn-dkblue {margin: 6rem auto 0; padding: 2.2rem; width: 36rem; border-radius: 60rem; font-size: 3rem; letter-spacing: -.6px; font-weight: 500;}

    .coupon-box {
        margin-top: 38rem;
        border-radius: 2.4rem;
        padding: 6rem 2.8rem 2.8rem;
        background: #f4f6f8;
        text-align: center;
    }

    .coupon-box > .tit {
        font-size: 4rem;
        font-weight: 800;
        margin-bottom: 1.6rem;
        letter-spacing: -0.8px;
    }

    .coupon-box > .txt {
        font-size: 2.6rem;
        letter-spacing: -0.52px;
        margin-bottom: 4.8rem;
        color: #9da2ac;
    }

    .coupon-wrap img {
        display: block;
        width: 60%;
        margin: 0 auto 4.8rem;
    }

    .coupon-wrap .coupon-info {
        padding: 3.2rem 2.8rem;
        border-radius: 1.6rem;
        background: #fff;
        max-width: inherit;
    }

    .coupon-wrap .coupon-info li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 2.6rem;
        letter-spacing: -0.52px;
        color: #9da2ac;
        font-weight: 300;
    }

    .coupon-wrap .coupon-info li + li {
        margin-top: 2rem;
    }

    .coupon-wrap .coupon-info .cont {
        color: #5c6371;
        font-weight: 500;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .coupon-wrap .coupon-info .cont .c {
        color: #ec6f0f;
    }

    .coupon-wrap .btn-ballvic {
        margin: 4.8rem auto 12rem;
        font-size: 3rem;
        letter-spacing: -0.6px;
        padding: 2.2rem;
        width: 36rem;
        border-radius: 60rem;
        color: #000;
        display: flex;
        gap: .4rem;
        align-items: center;
        justify-content: center;
        font-weight: 500;
    }

    .coupon-wrap .btn-ballvic::after {
        content: '';
        width: 3.4rem;
        height: 3.4rem;
        background: url(../images/arrow-orange.png) no-repeat center;
        background-size: cover;
    }

    .no-coupon p {
        font-size: 2.4rem;
        color: #9da2ac;
        font-weight: 500;
        letter-spacing: -.48px;
        margin-bottom: 26rem;
    }

    .vote-box.pos-t.t {top: -3.5rem;}
    .spling-list li {padding: 3.2rem 2.8rem 3.2rem 2.3rem; border-radius: 2.4rem; border: .2rem solid #e0e5ef;}
    .spling-list li + li {margin-top: 2rem;}
    .spling-list li .top-wrap {font-size: 2.6rem; letter-spacing: -.52px; justify-content: space-between;}
    .spling-list li .top-wrap input {width: 4.4rem; height: 4.4rem;}
    .spling-list li .top-wrap .text-wrap {flex-flow: row wrap; margin: 0 2rem; gap: 0;}
    .spling-list li .top-wrap .tit {font-size: 3rem; margin-bottom: 2rem; width: 100%; flex: 0 100%; text-align: left;}
    .spling-list li .top-wrap .txt {color: #5c6371; width: 100%; flex: 0 100%; text-align: left;}
    .spling-list li .top-wrap .txt + .txt {margin-top: 1.2rem;}
    .spling-list li .top-wrap .label {width: 12rem; min-width: 12rem; padding: 1.4rem 1.3rem; font-size: 2.6rem; letter-spacing: -.52px; border-radius: 1.2rem;}
    .spling-list li .top-wrap .t1 {border: .2rem solid #1275d8; color: #1275d8;}
    .spling-list li .bottom-wrap {width: calc(100% + 5.1rem); left: -2.3rem; border-top: #e0e5ef .2rem solid; padding: 3.2rem 2.8rem 0; margin-top: 3.2rem;}
    .spling-list li .bottom-wrap .select-wrap {margin-bottom: 2.8rem; flex-flow: row wrap; width: 100%;}
    .spling-list li .bottom-wrap .select-wrap label {font-size: 2.8rem; letter-spacing: -.56px; width: 100%;}
    .spling-list li .bottom-wrap .select-wrap select {margin-top: 1.6rem; font-size: 2.8rem; letter-spacing: -.56px; width: 100%; margin-left: 0; padding: 2.3rem 2rem; border-radius: 1.2rem; border: .2rem solid #bbc2d1;}
    .spling-list li .bottom-wrap .select-wrap option {font-size: 2.8rem;}
    .spling-list li .bottom-wrap .textarea {border-radius: 2rem; height: 21rem; padding: 2.4rem; font-size: 2.8rem; letter-spacing: -.56px;}
    .spling-list + .apply-btn {padding: 2.2rem; width: 36rem; font-size: 3rem; letter-spacing: -.6px; margin: 4.8rem auto 0;}

}

@media (max-width: 768px) {
    .mo {
        display: block;
    }

    .mo-none {
        display: none;
    }

    .btn {
        border-radius: .8rem;
        padding: 1.2rem .5rem;
    }

    .btn-white {
        border: .1rem solid #e0e5ef;
    }

    .btn-transform {
        border: .1rem solid rgba(255, 255, 255, .24);
    }

    .inner {
        width: calc(100% - 4rem);
        margin: 0 auto;
    }

    input:not([type=checkbox], [type=radio]), textarea {
        padding: 1.15rem 1rem;
        border: .1rem solid #e0e5ef;
        border-radius: .6rem;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }

    select {
        -webkit-border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url(../images/select-arrow.png) no-repeat #fff calc(100% - 1rem) 50%/1.6rem;
        cursor: pointer;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        border-radius: .8rem;
        border: .1rem solid #9da2ac;
        min-width: 8rem;
        padding: 1.15rem 1rem;
    }

    .input-label + .input-label {
        margin-top: 2.4rem;
    }

    .input-label > .tit {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        margin-bottom: 1.2rem;
    }

    .pop {
        border-radius: 1.2rem;
    }

    .pop-header {
        padding: 1.2rem 1.6rem;
    }

    .pop-header .pop-tit {
        font-size: 1.7rem;
        letter-spacing: -0.34px;
    }

    .pop-close {
        width: 2.4rem;
        height: 2.4rem;
    }

    .pop-cont {
        padding: 2.4rem 1.6rem 0;
    }

    .pop-cont .letter-content {font-size: 1.3rem; letter-spacing: -.26px; line-height: 2rem; margin-bottom: 3rem;}

    .pop-cont .input-label > .tit + .ck-label {
        margin-top: 2.25rem;
    }

    .pop-cont .ck-label + .ck-label {
        margin-top: 2.25rem;
    }

    .pop-cont .ck-label::after {
        width: 2.2rem;
        height: 2.2rem;
    }

    .pop-cont .ck-label .tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }

    .pop-cont .ck-label .tit::before {
        width: 2.2rem;
        height: 2.2rem;
        margin-right: .6rem;
    }

    .pop-cont .fix-btns {
        margin-top: 3.25rem;
        width: calc(100% + 3.2rem);
        left: -1.6rem;
    }

    .pop-cont .fix-btns button {
        padding: 1rem;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }

    .pop-cont .pass-icon {
        margin: 0 auto 1.8rem;
        width: 5rem;
    }

    .pop-cont .pass-tit {
        font-size: 1.8rem;
        letter-spacing: -0.36px;
        margin-bottom: 1.8rem;
    }

    .pop-cont .pass-info .note-list {
        margin: 1.1rem 0 1.6rem;
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }

    .pop-cont .text-wrap .tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-bottom: .8rem;
    }

    .pop-cont .text-wrap .dot-list {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }

    .pop-cont .text-wrap .dot-list li + li {
        margin-top: .6rem;
    }

    .pop-cont .pop-close {
        top: 0.3rem;
        right: 0.3rem;
    }

    .pop-cont .tit {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
    }

    .pop-cont .txt {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        margin: 1rem auto 0;
        line-height: 2rem;
    }

    .my-info-pop .pop-cont .tit {
        font-size: 2rem;
        letter-spacing: -0.4px;
    }

    .my-info-pop .stock-num {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        margin: 1.4rem auto;
    }

    .vote-commission-pop .tit {
        line-height: 2.4rem;
    }

    .vote-commission-pop .vote-commission {
        border-top: .1rem solid #e0e5ef;
        margin-top: 1.4rem;
        padding-top: 1.4rem;
    }

    .vote-commission-pop .list li + li {
        margin-top: .6rem;
    }
    .vote-commission-pop .list li .tit {font-size: 1.3rem; letter-spacing: -.26px; margin: 1.4rem 0 .6m;}
    .vote-commission-pop .list label input {
        width: 2.4rem;
        height: 2.4rem;
    }

    .vote-commission-pop .list label .tit {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        margin: 0 0 0 .6rem;
    }

    .vote-commission-pop .list input[type=text] {
        margin-right: .6rem;
        font-size: 1.3rem;
        padding: .7rem .5rem;
    }

    .vote-commission-pop .download {
        padding: .7rem; border-radius: .5rem; border: .1rem solid #1275d8;
        letter-spacing: -0.26px; font-size: 1.3rem;
    }

    .vote-commission-pop .download::after {
        content: '';
        width: 1.6rem;
        height: 1.6rem;
        background: url(../images/download-blue-icon.png) no-repeat center;
        background-size: cover;
    }

    .vote-commission-pop .vote-commission .txt {
        margin: 0 0 1.2rem;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        line-height: 2rem;
    }

    /* 연결페이지 */
    .link-page {
        margin-bottom: 6rem;
    }

    .stockholder {
        border-radius: .5rem;
        padding: .5rem 1rem;
        font-size: 1.3rem;
        letter-spacing: -0.28px;
        margin: 0 1.9rem 0 3.5rem;
    }

    .login-header .logo {width: 13rem;}

    .bn-wrap {
        border-radius: 1.8rem;
        margin: 3rem auto 3.4rem;
    }

    .bn-wrap .txt-wrap {
        top: 3.4rem;
        width: calc(100% - 4rem);
    }

    .bn-wrap .txt {
        font-size: 1.8rem;
        letter-spacing: -0.36px;
        line-height: 2.6rem;
    }

    .bn-wrap .big {
        font-size: 2.2rem;
        letter-spacing: -0.44px;
        margin-bottom: 1.2rem;
    }

    .bn-wrap .sm {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        line-height: 2.2rem;
    }

    .bn-wrap .event-txt { margin: 2.4rem 0; padding: 1.8rem 2.2rem; border-radius: 1.6rem; }
    .bn-wrap .event-txt .text { margin-left: 10.8rem; font-size: 1.5rem; letter-spacing: -.3px; line-height: 2.2rem; }
    .bn-wrap .event-txt .text::before { content: ''; width: 9.4rem; min-width: 9.4rem; height: 9.4rem; left: 1.6rem; }

    .link-page .login-box {
        border-radius: 1.2rem;
        padding: 2.4rem 2rem;

    }

    .link-page .login-box + .login-box {margin-top: 2.4rem; margin-bottom: 8rem;}


    .link-page .login-box .tit {
        font-size: 2rem;
        letter-spacing: -0.4px;
        margin-bottom: .8rem;
    }

    .link-page .login-box .txt {
        font-size: 1.5rem;
        letter-spacing: -0.56px; line-height: 2.2rem;
    }

    .link-page .login-box.regist .txt { margin-top: 2.1rem; }
    .link-page .login-box.login .txt { margin-bottom: 2.1rem; }

    .link-page .vote-title { font-size: 1.8rem; margin-bottom: 1.6rem; letter-spacing: -.26px;}


    .link-page .login-box .login-btns a {
        width: 4.4rem;
        height: 4.4rem;
    }

    .login-auth-btns li .auth-btn {
        border: .1rem solid #ebebeb;
    }

    .login-auth-btns li .auth-btn:hover {
       border: .1rem solid #dedbdb;
    }

    header .inner {
        padding: 1.1rem 0;
    }

    .header-login {
        border-bottom: .1rem solid #ebebeb;
    }

    .header-login .back {
        width: 2.4rem;
        height: 2.4rem;
    }

    .header-login .logo {
        width: 12.7rem;
    }

    main .inner {
        padding: 3rem 0 6rem;
    }

    .sub-page > .title-wrap {
        margin-bottom: 2.4rem;
    }

    .sub-page > .title-wrap .tit {
        font-size: 2rem;
        letter-spacing: -0.4px;
        margin-bottom: 1.2rem;
    }

    .sub-page > .title-wrap .sub-tit {
        font-size: 1.5rem;
        letter-spacing: -0.22px;
    }

    .login-step .step .title-wrap + .input-label {
        margin-top: 2rem;
    }

    .float-btn {
        bottom: 4rem;
        border-radius: 30rem;
        border: .1rem solid #e0e5ef;
        padding: 1.1rem .7rem;
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        width: 14rem;
    }

    /* 로그인 */
    .login-page .login-options li + li {
        margin-top: 1.2rem;
    }

    .login-page .login-options li:nth-child(1) a {
        background: url(../images/login-img1.png) no-repeat calc(100% - 1.6rem) center;
        background-size: 4.4rem
    }

    .login-page .login-options li:nth-child(2) a {
        background: url(../images/login-img2.png) no-repeat calc(100% - 1.6rem) center;
        background-size: 4.4rem
    }

    .login-page .login-options li:nth-child(3) a {
        background: url(../images/login-img3.png) no-repeat calc(100% - 1.6rem) center;
        background-size: 4.4rem
    }

    .login-page .login-options a {
        padding: 1.6rem;
        border-radius: .8rem;
        border: .1rem solid #e0e5ef;
    }

    .login-page .login-options .tit {
        font-size: 1.7rem;
        letter-spacing: -0.34px;
        margin-bottom: .8rem;
    }

    .login-page .login-options .tit img {
        width: 4rem;
        margin-right: 0.4rem;
    }

    .login-page .login-options .txt {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }

    .login-page .login-options li:nth-child(1) a:hover {
        background: #fff url(../images/login-img1.png) no-repeat calc(100% - 1.6rem) center;
        background-size: 4.4rem;
    }

    .login-page .login-options li:nth-child(2) a:hover {
        background: #fff url(../images/login-img2.png) no-repeat calc(100% - 1.6rem) center;
        background-size: 4.4rem;
    }

    .login-page .login-options li:nth-child(3) a:hover {
       background: #fff url(../images/login-img3.png) no-repeat calc(100% - 1.6rem) center;
       background-size: 4.4rem;
    }

    .state-list {
        width: 20rem;
        margin: 0 auto 4rem;
    }

    .state-list::after {
        height: 0.1rem;
    }

    .state-list li {
        top: 1.25rem;
    }

    .state-list li:nth-child(1) {
        left: -1.25rem;
    }

    .state-list li:nth-child(3) {
        right: -1.25rem;
    }

    .state-list .num {
        font-size: 1.3rem;
        width: 2rem;
        height: 2rem;
        margin: 0 auto 1rem;
    }

    .state-list .txt {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }

    .login-step .step + .step {
        margin-top: 3.4rem;
    }

    .login-step .step .title-wrap {
        margin-bottom: 1.2rem;
    }

    .login-step .step .title-wrap .tit {
        font-size: 1.6rem;
        margin-bottom: 1rem;
    }

    .login-step .step .title-wrap .sub-tit {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }

    .tel-flex {
        gap: .4rem;
    }

    .tel-flex + .cert {
        margin-top: 1.2rem;
    }

    .tel-flex .btn {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        width: 6.3rem;
        min-width: 6.3rem;
    }

    .tel-flex .btn:disabled {
        border: .1rem solid #e0e5ef;
    }

    .cert-note {
        margin-top: .8rem;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }

    .cert-note::before {
        margin-right: .6rem;
        width: 1.6rem;
        height: 1.6rem;
    }

    .privacy-ck {
        padding: 3rem 2rem;
        width: calc(100% + 4rem);
        left: -2rem;
    }

    .privacy-ck .input-label {
        gap: .6rem;
        padding: 0 1rem;
    }

    .privacy-ck .input-label.total {
        border: .1rem solid #e0e5ef;
        border-radius: .8rem;
        padding: .9rem 1rem;
    }

    .privacy-ck .input-label:not(.total)::after {
        width: 2.2rem;
        height: 2.2rem;
    }

    .privacy-ck .input-label .c {
        margin-left: 0.2rem;
    }

    .privacy-ck .input-label .c-black {
        margin-left: 0.2rem;
    }

    .privacy-ck .input-label input + .tit::before {
        content: '';
        width: 2.2rem;
        height: 2.2rem;
        margin-right: .6rem;
    }

    .privacy-ck .input-label .alarm {
        gap: 2rem;
        margin-left: 2.8rem;
    }

    .privacy-ck .input-label .alarm li {
        gap: .6rem;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }

    .privacy-ck .input-label .alarm input {
        width: 2.2rem;
        height: 2.2rem;
    }

    .privacy-ck + .btn-wrap {
        margin: 2.4rem 0 4rem;
    }

    .login-step .btn-wrap {
        gap: .6rem;
    }

    .login-step .btn-wrap button {
        border-radius: 30rem;
        padding: 1.1rem;
        font-size: 1.5rem;
        letter-spacing: -0.3px;
    }

    .login-step .success-msg {
        border-radius: 1.2rem; padding: 2.4rem;
    }

    .login-step .success-msg .text {margin-bottom: 2.4rem;line-height: 2.4rem;font-size: 1.3rem;letter-spacing: -0.48px;}
    .login-step .success-msg .text .mg { margin-top: 1rem; }

    .login-step .success-msg .c {
        font-size: 1.6rem;
        letter-spacing: -0.36px;
    }

    .login-step .success-msg .txt {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        line-height: 2.4rem;
        margin-bottom: 2.4rem;
    }

    .login-step .success-msg .img {
        width: 9rem;
        height: 9rem;
        margin: 2.4rem auto;
    }

    .login-step .success-step .btn-wrap {
        width: calc(100% - 4rem);
        left: 2rem;
        bottom: 4rem;
    }

    /* 로그인 후 */
    .header-main {
        border-bottom: .1rem solid rgba(255, 255, 255, .2); padding: 0;
    }

    .header-main .logo {
        width: 17.9rem;
    }

    .header-main .btn {
        padding: .5rem .4rem;
        border-radius: .5rem;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }

    .header-main .btn + .btn {
        margin-left: .4rem;
    }

    .header-main:not(.header-coupon) .btn-gray {border: .1rem solid rgba(255,255,255,.24);}
    .header-main .btns-wrap {gap: 2rem;}
    .header-main .menu {width: 2.4rem; height: 2.4rem;}
    .header-main.header-coupon .menu {width: 2.4rem; height: 2.4rem; background: url(../images/menu-b.png) no-repeat center; background-size: cover;}
    .header-main .menu-wrap .menu-top {padding: 1.3rem 2rem; border-bottom: .1rem solid rgba(255,255,255,.2);}
    .header-main .menu-wrap .menu-top .logo {width: 16rem; height: 3.4rem;}
    .header-main .menu-wrap .menu-top .menu-close {width: 2.4rem; height: 2.4rem;}
    .header-main .menu-bottom {margin: 4rem 2rem 0;}
    .header-main  nav button {font-size: 2rem; letter-spacing: -.4px;}
    .header-main  nav button + button {margin-top: 4rem;}
    .header-main  nav button::after {content: ''; width: 2.4rem; height: 2.4rem; border: .1rem solid #fff; background: url(../images/menu-arrow.png) no-repeat center; background-size: 1.2rem; display: block;}
    .header-main .menu-bottom .btn {margin-top: 6rem; border: .1rem solid rgba(255,255,255,.2); border-radius: .8rem; padding: 1.2rem; font-size: 1.4rem; letter-spacing: -.28px;}


    .header-main.header-coupon {
        border-bottom: #fff .1rem solid;
    }

    .main-bg {
        height: 26rem;
    }

    .coupon-bg {
        height: 23rem;
        background: url(../images/gift.png), linear-gradient(to right, #faeac6, #fdf4d8);
        background-repeat: no-repeat;
        background-position: calc(100% - 3.4rem) 65%, center;
        background-size: 8rem auto, cover;
    }

    .coupon-bg .txt-wrap {
        left: 2rem;
    }

    .coupon-bg .txt-wrap .tit {
        font-size: 2rem;
        letter-spacing: -0.4px;
        margin-bottom: 1rem;
    }

    .coupon-bg .txt-wrap .txt {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        line-height: 2.2rem;
    }

    .greeting {
        font-size: 1.7rem;
        margin-bottom: 2.4rem;
        letter-spacing: -0.34px;
    }

    .greeting .icon {
        width: 2.5rem;
        height: 2.5rem;
        margin-right: .8rem;
    }

    .main-cont {
        flex-flow: column;
        margin-bottom: 1rem;
    }

    .main-cont .main-bn {
        width: 100%;
        margin-bottom: 3rem;
    }

    .main-cont .vote-container .container-control {
        position: absolute; top: calc(100% + 1.6rem);
        gap: 1.3rem; padding: .7rem 1.4rem;
    }
    .main-cont .vote-container .container-control button { width: 2rem; height: 2rem;
    }
    .main-cont .vote-container .container-control .slide-page {font-size: 1.4rem; gap: .4rem;}
    .vote-slick .slick-slide {margin: 0 4px}
    .vote-slick .slick-list {margin: 0 -4px;}


    .main-bn img:not(.logo) {
        height: 100%;
    }

    .main-cont .vote-box {
        width: 100%;
    }

    .main-bn {
        margin-bottom: 3rem;
    }

    .main-bn .txt {
        top: 2rem;
        left: 2rem;
        font-size: 2rem;
        letter-spacing: -0.4px;
        line-height: 2.8rem;
    }

    .main-bn .logo {
        right: 2rem;
        bottom: 2rem;
        width: 7.5rem;
    }

    .vote-box {
        padding: 2.4rem 1.6rem;
        border-radius: 1.2rem;
        margin-bottom: 3rem;
    }

    .vote-box .title-wrap {
        padding-bottom: 1.2rem;
        margin-bottom: 1.8rem;
        border-bottom: .1rem solid rgba(255, 255, 255, .12);
    }

    .vote-box .title-wrap .tit {
        font-size: 1.9rem;
        letter-spacing: -0.38px;
    }

    .vote-box .title-wrap .date {
        font-size: 1.4rem;
    }

    .vote-box .title-wrap .date .d {
        width: 2rem;
        min-width: 2rem;
        height: 2rem;
        margin-right: 0.4rem;
    }

    .vote-box .vote-info {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }

    .vote-box .vote-info li + li {
        margin-top: 1.2rem;
    }

    .vote-box.pos-t .vote-info li + li {
        margin-top: 1.2rem;
    }

    .section-tit {font-size: 1.8rem; letter-spacing: -.36px; margin-bottom: 1.8rem;}
    .vote-list .vote-tab-list button {padding: .9rem; font-size: 1.6rem; letter-spacing: -.32px;}

    .vote-cont-wrap {padding: 3rem 1.6rem 2.4rem;}

    .vote-tab-cont .btn-wrap {gap: .5rem; margin-top: 2.4rem;}
    .vote-tab-cont .btn-wrap .btn {padding: 1.1rem; font-size: 1.3rem; letter-spacing: -.3px; }


    .vote-list .stock {margin-bottom: 1.8rem; gap: .6rem;}

    .vote-list {
        margin-bottom: 4rem;
        border-radius: 1.2rem;
        border: .1rem solid #e0e5ef;
    }

    .vote-list .stock-label {
        width: 11rem;
        padding: .7rem 1.1rem;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        border: .1rem solid #ec6f0f;
        border-radius: 30rem;
    }

    .vote-list .stock-value {
        font-size: 2.3rem;
        letter-spacing: -0.46px;
    }

    .stock-info-list {
        gap: .5rem;
        margin: 1.6rem auto;
    }

    .info-item {
        flex: 1 calc(50% - .25rem);
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        padding: .7rem 0 .7rem 2.5rem;
        border-radius: .6rem;
        border: .1rem solid #e0e5ef;
    }

    .info-item span {
        margin-left: .6rem;
    }

    .vote-list .my-stock .txt {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        line-height: 2.3rem;
    }

    .vote-list .my-stock .txt .sm {
        margin-top: 1.2rem;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        line-height: 2rem;
    }

    .divider {
        width: calc(100% + 3rem);
        left: -1.5rem;
        height: .5rem;
        margin: 2rem 0;
    }
    .vote-list .vote-item-list > li.no-item {background: #fff; font-size: 1.3rem; letter-spacing: -.26px; color: #868c97; width: 100%; text-align:center;}
    .vote-list .vote-item-list > li + li {margin-top: 1.4rem;}

    .vote-list .vote-item-list > li {
        padding: 1.2em 1.4rem;
        border-radius: 1rem;
    }

    .vote-item-list-top {margin-bottom: 1.2rem;}
    .vote-item-list-top .vote-controller {padding: 1.1rem; border-radius: .6rem; border: .1rem solid #e0e5ef; gap: 2.3rem; margin: 0 auto 2.4rem; width: 100%; justify-content: center;}
    .vote-item-list-top .vote-controller label {gap: .4rem; font-size: 1.3rem;}
    .vote-item-list-top .vote-controller input {width: 2rem; height: 2rem;}

    .vote-list .vote-item-wrap .total {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }

    .vote-list .vote-item-list .top-wrap {
        width: calc(100% + 2.8rem);
        left: -1.4rem;
        border-bottom: .1rem solid #e0e5ef;
        padding: 0 1.4rem .6rem;
        margin-bottom: 1.6rem;
    }

    .vote-list .vote-item-list .top-wrap .num {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }

    .vote-list .vote-item-list .top-wrap .date {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }

    .vote-list .vote-item-list > li > .tit {
        font-size: 1.7rem;
        letter-spacing: -0.34px;
        margin-bottom: 1.2rem;
    }

    .vote-list .vote-item-list > li .sm {font-size: 1.2rem;}


    .vote-list .vote-item-list .vote-info {
        margin-bottom: 1.4rem;
    }

    .vote-list .vote-item-list .vote-info li {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }

    .vote-list .vote-item-list .vote-info li + li {
        margin-top: 1rem;
    }

    .vote-item-wrap .commission {
        margin-bottom: 2.4rem;
        border-radius: .8rem;
        padding: 2rem 2.4rem;
        border: .1rem solid #cce9eb;
        background: #e7f3f3;
    }

    .vote-item-wrap .commission .input-wrap {
        flex-flow: column;
        gap: .8rem;
        margin-bottom: 1.2rem;
        align-items: flex-start;
    }

    .vote-item-wrap .commission .input-wrap .tit {
        font-size: 1.6rem;
        font-weight: bold;
        letter-spacingL -.32px; color: #183472;
    }

    .vote-item-wrap .commission .input-wrap .txt {
        font-size: 1.3rem;
        letter-spacing: -.26px;
        color: #62666e;
    }

    .vote-list .commission-list .download {
        display: flex;
        gap: .2rem;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        color: #1275d8;
        border: .1rem solid #1275d8;
        padding: .8rem 1rem;
        border-radius: .6rem;
        background: #fff;
        white-space: nowrap;
        margin-left: 0;
        width: 100%;
        justify-content: center;
    }

    .vote-list .commission-list .download::after {
        content: '';
        width: 1.6rem;
        height: 1.6rem;
        background: url(../images/download-blue-icon.png) no-repeat center;
        background-size: cover;
    }

    .vote-list .commission-list input:not([type=checkbox], [type=radio]) {
        padding: .8rem 1.2rem;
    }

    .vote-list .commission-list {
        flex-flow: column;
        align-items: flex-start;
        justify-content: center;
        margin-bottom: 0;
    }

    .vote-list .commission-list li {
        flex-flow: column;
        align-items: flex-start;
        width: 100%;
    }
    .vote-list .commission-list li button {
        width: 100%; font-size: 1.4rem; font-weight: 500; letter-spacing: -.28px;
    }

     .vote-list .commission-list li:nth-child(1) .download {margin: 0 0 1.4rem;}
     .vote-list .commission-list li:nth-child(1)::after{display: none;}

    .vote-list .commission-list li p {
        white-space: nowrap;
        font-size: 1.3rem;
        letter-spacing: -.52px;
        color: #0c1426;
        font-weight: 500;
        margin-right: 0;
        margin-bottom: .6rem;
    }

    .vote-list .commission-list li:not(:last-child)::after {
        content: '';
        width: 100%;
        height: .1rem;
        background: #c6e0e2;
        margin: .8rem 0;
    }

    .vote-list .commission-list li input + input {
        margin-left: 0;
        margin-top: .6rem;
    }
    .vote-list .commission-list li .download {margin: .8rem 0;}

    .vote-list .commission-list li p + input {
        width: 100%;
    }

    .vote-list .vote-item-list .vote-status {
        gap: .4rem;
    }

    .vote-list .vote-item-list .vote-status .cont {
        gap: .4rem;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        border: .1rem solid #e0e5ef;
        border-radius: .6rem;
        padding: .8rem .35rem;
    }

    .vote-list .vote-item-list .vote-status .cont::before {
        content: '';
        width: 1.8rem;
        height: 1.8rem;
    }

    .vote-list .vote-item-list .vote-status .btn {
        padding: .9rem .35rem;
        letter-spacing: -0.28px;
        font-size: 1.4rem;
    }

    .vote-doc {
        gap: .7rem;
        margin-bottom: 4rem;
    }

    .vote-doc .btn-doc {
        padding: 1.8rem .5rem;
        border-radius: 1.2rem;
    }

    .vote-doc .btn-doc .tit {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        margin-bottom: 2.4rem;
    }

    .vote-doc .btn-doc img {
        width: 4.4rem;
    }

    .event-bn {
        width: calc(100% + 4rem);
        left: -2rem;
        padding: 1.6rem 2rem;
        top: 6rem;
        background: url(../images/ballvic.png), linear-gradient(to right, #f5db9a, #f6e6b3);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: auto 100%, cover;
    }

    .event-bn .txt {
        font-size: 1.4rem;
        letter-spacing: -0.26px;
        line-height: 2.2rem;
        margin-bottom: .8rem;
    }

    .event-bn .txt .c {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
    }

    .event-bn .shortcut img {
        width: 6.5rem;
    }

    .event-bn .shortcut .btn-black {
        padding: .5rem .9rem;
        border-radius: 30rem;
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        margin-left: 1rem;
    }

    footer {
        padding: 3rem 0;
    }

    footer .logo {
        width: 10.5rem;
        margin-bottom: 1.8rem;
    }

    footer .company-info p {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        line-height: 2rem;
    }

    footer .more-info {
        margin-top: 1.2rem;
    }

    footer .more-info li {
        line-height: 1.9rem;
    }

    footer .more-info li + li {
        margin-top: 1.2rem;
    }

    footer .more-info li .tit {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }

    footer .more-info li .txt {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }

    footer .sns-list li + li {
        margin-left: .9rem;
    }

    footer .sns-list a {
        width: 2.7rem;
    }

    .business-tit-wrap {
        margin-bottom: 4.5rem;
    }

    .business-tit-wrap .num {
        font-size: 1.6rem;
        margin-bottom: 1rem;
        letter-spacing: -0.32px;
    }

    .business-tit-wrap .tit {
        font-size: 2.2rem;
        margin-bottom: 2.4rem;
        letter-spacing: -0.44px;
    }

    .business-tit-wrap .tit.mb {
        margin-bottom: 1.2rem;
    }

    .business-tit-wrap .sub {
        font-size: 1.4rem;
        line-height: 2.2rem;
        letter-spacing: -0.28px;
    }

    .business-tit-wrap + .my-stock {
        margin-bottom: 4rem;
        border-radius: .8rem;
        font-size: 1.8rem;
        letter-spacing: -0.36px;
        padding: 1.4rem;
        background: #fff url(../images/stock.png) no-repeat 1rem 50% / 3rem;
    }

    .agenda-box {
        margin-bottom: 4rem;
    }

    .agenda-box > .tit {
        font-size: 1.8rem;
        letter-spacing: -0.36px;
        margin-bottom: 1rem;
    }

    .agenda-box .info-txt {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        line-height: 2.2rem;
        border-radius: 1.2rem;
        padding: 1.6rem;
        border: .1rem solid #e0e5ef;
    }

    .agenda-input-box .agenda-ck {
        gap: 0;
    }

    .agenda-input-box {
        border-radius: 1.2rem;
        border: .1rem solid #e0e5ef;
        padding: 1.8rem 1.6rem;
    }

    .agenda-input-box .radio-list {
        gap: .9rem;
        margin-bottom: 2.4rem;
    }

    .agenda-input-box .radio-list li {
        padding: 1.8rem 1rem 1.4rem;
        border-radius: 1rem;
    }

    .agenda-input-box .radio-list .input-label input {
        width: 2.4rem;
        height: 2.4rem;
        margin-bottom: 1.2rem;
    }

    .agenda-input-box .radio-list .input-label .tit {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        margin-bottom: 1.2rem;
    }

    .agenda-input-box .radio-list .download-btn {
        padding: .7rem .5rem;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        border-radius: .5rem;
        border: .1rem solid #e0e5ef;
    }

    .agenda-input-box .radio-list .download-btn::after {
        width: 1.6rem;
        height: 1.6rem;
    }

    .agenda-input-box .input-label .flex {
        gap: .6rem;
    }

    .agenda-input-box .input-label .flex .download-btn {
        padding: 1rem 1.4rem;
        gap: .2rem;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }

    .agenda-input-box .input-label .flex .download-btn::after {
        width: 1.6rem;
        height: 1.6rem;
    }

    .agenda-input-box .input-label .flex + .txt {
        margin-top: 1.2rem;
        letter-spacing: 0.26px;
        font-size: 1.3rem;
        line-height: 2rem;
    }

    .agenda-input-box .input-label .ck-flex {
        gap: .6rem;
        margin-bottom: 2.4rem;
    }

    .agenda-input-box .input-label .ck-flex .ck-wrap {
        border-radius: .6rem;
        border: .1rem solid #e0e5ef;
        padding: 1rem .5rem;
    }

    .agenda-input-box .input-label .ck-flex .ck-wrap .tit {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        gap: .4rem;
    }

    .agenda-input-box .input-label .ck-flex .ck-wrap .tit::before {
        width: 2rem;
        height: 2rem;
    }

    .agenda-input-box .btn-dkblue {
        font-size: 1.5rem;
        border-radius: 30rem;
        letter-spacing: -0.3px;
        padding: 1.1rem .5rem;
        width: 18rem;
    }

    .succ-list-wrap .title-wrap {
        margin-bottom: 1rem;
    }

    .succ-list-wrap .title-wrap .tit {
        font-size: 1.8rem;
        letter-spacing: -0.36px;
    }

    .succ-list-wrap .title-wrap .total {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        border-radius: .5rem;
        padding: .5rem .85rem;
    }
   .succ-list-wrap .title-wrap .btn-wrap {display: flex; gap: .4rem;}
   .succ-list-wrap .title-wrap button {padding: .5rem .8rem; border-radius: .5rem; font-size: 1.3rem; letter-spacing: -.26px;}
   .succ-list-wrap .title-wrap .btn-wrap .total,
   .succ-list-wrap .title-wrap .btn-wrap .btn-dkblue {padding: .5rem .8rem; border-radius: .5rem; font-size: 1.3rem; letter-spacing: -.26px; margin: 0; width: auto;}


    .succ-list-wrap table {
        border-top: .1rem solid #09193d;
    }

    .succ-list-wrap table col:nth-child(1) {
        width: 25% !important;
    }

    .succ-list-wrap table col:nth-child(2) {
        width: 75% !important;
    }

    .succ-list-wrap2 table col:nth-child(1) {
        width: 70% !important;
    }

    .succ-list-wrap2 table col:nth-child(6) {
        width: 30%;
    }

    .succ-list-wrap table tr {
        border-bottom: .1rem solid #cbd2e2;
    }

    .succ-list-wrap table th {
        padding: 1.1rem 1rem;
        font-size: 1.5rem;
        letter-spacing: -0.3px;
    }

    .succ-list-wrap table td {
        padding: 1.6rem 1rem;
    }

    .succ-list-wrap table td input {
        width: 2.2rem;
        height: 2.2rem;
    }

    .succ-list-wrap table td .tit {
        font-size: 1.5rem;
        line-height: 2.3rem;
        letter-spacing: -0.3px;
        margin-bottom: 1rem;
    }

    .succ-list-wrap table td .vote-info li {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }

    .succ-list-wrap table td .vote-info li + li {
        margin-top: .6rem;
    }

    .succ-list-wrap table td .state {
        border-radius: .5rem;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        border: .1rem solid #d0d7e3;
        padding: .5rem .8rem;
    }

    .succ-list-wrap table td .state + .state {
        margin-top: 0.4rem;
    }

    .succ-list-wrap .btn-dkblue {margin: 3rem auto 0; padding: 1.1rem; width: 18rem; border-radius: 30rem; font-size: 1.5rem; letter-spacing: -.3px;}


    .coupon-box {
        margin-top: 19rem;
        border-radius: 1.2rem;
        padding: 3rem 1.4rem 1.4rem;
    }

    .coupon-box > .tit {
        font-size: 2rem;
        margin-bottom: .8rem;
        letter-spacing: -0.4px;
    }

    .coupon-box > .txt {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        margin-bottom: 2.4rem;
    }

    .coupon-wrap img {
        margin: 0 auto 2.4rem;
        width: 45%;
    }

    .coupon-wrap .coupon-info {
        padding: 1.6rem 1.4rem;
        border-radius: .8rem;
    }

    .coupon-wrap .coupon-info li {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }

    .coupon-wrap .coupon-info li + li {
        margin-top: 1rem;
    }

    .coupon-wrap .btn-ballvic {
        margin: 4.8rem auto 6rem;
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        padding: 1.1rem;
        width: 18rem;
        border-radius: 30rem;
        gap: .2rem;
    }

    .coupon-wrap .btn-ballvic::after {
        width: 1.7rem;
        height: 1.7rem;
    }

    .no-coupon p {
        font-size: 1.2rem;
        letter-spacing: -.24px;
        margin-bottom: 5rem;
    }

    .header-main .inner {padding: 1.3rem 0;}
    .main-bg.h {height: 29rem;}
    .vote-box.pos-t.t {top: -1.7rem;}
    .spling-list li {padding: 1.6rem 1.4rem 1.6rem 1.1rem; border-radius: 1.2rem; border: .1rem solid #e0e5ef;}
    .spling-list li + li {margin-top: 1rem;}
    .spling-list li .top-wrap {font-size: 1.3rem; letter-spacing: -.26px;}
    .spling-list li .top-wrap input {width: 2.2rem; height: 2.2rem;}
    .spling-list li .top-wrap .text-wrap {margin: 0 1rem;}
    .spling-list li .top-wrap .tit {font-size: 1.5rem; margin-bottom: 1rem;}
    .spling-list li .top-wrap .txt + .txt {margin-top: .6rem;}
    .spling-list li .top-wrap .label {width: 6rem; min-width: 6rem; padding: .7rem .6rem; font-size: 1.3rem; letter-spacing: -.26px; border-radius: .6rem;}
    .spling-list li .top-wrap .t1 {border: .1rem solid #1275d8;}
    .spling-list li .bottom-wrap {width: calc(100% + 2.5rem); left: -1.1rem; border-top: #e0e5ef .1rem solid; padding: 1.6rem 1.4rem 0; margin-top: 1.6rem;}
    .spling-list li .bottom-wrap .select-wrap {margin-bottom: 1.4rem;}
    .spling-list li .bottom-wrap .select-wrap label {font-size: 1.4rem; letter-spacing: -.28px;}
    .spling-list li .bottom-wrap .select-wrap select {margin-top: .8rem; font-size: 1.4rem; letter-spacing: -.28px; padding: 1.1rem 1rem; border-radius: .6rem; border: .1rem solid #bbc2d1;}
    .spling-list li .bottom-wrap .select-wrap option {font-size: 1.4rem;}
    .spling-list li .bottom-wrap .textarea {border-radius: 1rem; height: 10.5rem; padding: 1.2rem; font-size: 1.4rem; letter-spacing: -.28px;}
    .spling-list + .apply-btn {padding: 1.1rem; width: 18rem; font-size: 1.5rem; letter-spacing: -.3px; margin: 2.4rem auto 0;}

}

@media (max-width: 374px) {
    .bn-wrap .txt {
        font-size: 1.6rem;
    }

    .header-main .btn {
        font-size: 1rem;
    }

    .info-item {
        padding: .7rem 0 .7rem 1.4rem;
    }

    .privacy-ck .input-label input + .tit::before {
        width: 1.8rem;
        height: 1.8rem;
    }

    .input-label > .tit {
        font-size: 1.2rem;
        letter-spacing: -0.5px;
    }

    .privacy-ck .input-label .alarm li {
        font-size: 1.1rem;
    }

    .vote-box .vote-info {
        font-size: 1.3rem;
        letter-spacing: -0.48px;
    }

    .succ-list-wrap table th {
        font-size: 1.2rem;
    }

    .succ-list-wrap table td input {
        width: 1.6rem;
        height: 1.6rem;
    }

    .succ-list-wrap table td .tit {
        font-size: 1.2rem;
    }

    .succ-list-wrap table td .vote-info li {
        font-size: 1rem;
    }

    .succ-list-wrap table td .state {
        font-size: 1rem;
    }

    .coupon-wrap .coupon-info li {
        font-size: 1.2rem;
    }

    .coupon-wrap .coupon-info .cont {
        max-width: 16.8rem;
    }

    .link-page .login-box .login-auth-btns {
        display: flex;
        align-items: center;
        gap: 1.6rem;
        justify-content: center;
    }

    .vote-item-list-top .vote-controller {gap: .6rem;}
    .vote-item-list-top .vote-controller label {gap: .4rem; font-size: 1.2rem;}
    .vote-item-list-top .vote-controller input {width: 1.6rem; height: 1.6rem;}
}

/* ul 전체 중앙 정렬 */
.login-auth-btns {
    justify-content: center !important;
    padding: 0;
    margin: 0;
}

/* li는 flex 안 써도 됨 */
.login-auth-btns li {
    list-style: none;
}

/* 버튼 스타일 */
.login-auth-btns li  a {
    display: block !important;
    width: 100% !important;
    max-width: 280px !important;
    padding: 16px 0 !important; /* 높이 살짝 늘림 */
    font-weight: bold !important;
    font-size: 1.7rem !important; /* 글자 크기 키움 */
    border-radius: 12px !important;
    text-decoration: none !important;
    box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
    letter-spacing: 0.34px !important;
    cursor: pointer !important;
    text-align: center !important;
    margin: 0 auto !important;
}
.login-auth-btns li .auth-btn {
    background: #f5f5f5 !important; border: .1rem solid #ebebeb;
    color: #000 !important; /* 글자 흰색 */
}

.login-auth-btns li .signup-link {
    background: #141647 !important;
    color: #ffffff !important; /* 글자 흰색 */
}

/* 호버 효과 */
.login-auth-btns li a:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.35);
}
.login-auth-btns li .signup-link:hover {
    background: #1c1a82 !important;
}

.login-auth-btns li .auth-btn:hover {
    background: #e7e5e5 !important; border: .1rem solid #dedbdb;
}

/* 모바일 대응 */
@media (max-width: 1024px) {
    .login-auth-btns li a {
        font-size: 3.2rem !important;
        letter-spacing: -.64px;
        max-width: 100% !important;
        padding: 2.5rem 0 !important; margin: 0;
    }
}
@media (max-width: 767px) {
    .login-auth-btns li a {
        font-size: 1.6rem !important;
        letter-spacing: -.32px;
        max-width: 100% !important;
        padding: 1.3rem 0 !important;
    }
}

@media (max-width: 374px) {
    .login-auth-btns li a {
        font-size: 1.6rem !important;
        letter-spacing: -.32px;
        max-width: 100% !important;
        padding: 1.3rem 1rem !important;
    }
    .link-page .login-box .txt{ font-size: 1.2rem;}
}

/* ul 전체를 중앙 정렬 */
.login-options {
    display: flex;
    justify-content: center;
    gap: 1.6rem;
    padding: 0;
    margin: 2rem 0;
    list-style: none;
}

/* 버튼 스타일 */
.login-options li .auth-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 320px;
    padding: 16px 0;
    background: #141647;      /* 버튼 배경색 */
    color: #ffffff;            /* 글씨 색 */
    font-weight: 700;
    font-size: 1.3rem;         /* 폰트 크기 키움 */
    border-radius: 10px;
    text-decoration: none;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.25);
    transition: all 0.3s ease;
    cursor: pointer;
    text-align: center;
}

/* 호버 효과 */
.login-options li .auth-btn:hover {
    background: #1c1a82;
    transform: translateY(-2px);
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.35);
}

/* 모바일 대응 */
@media (max-width: 767px) {
    .login-options li .auth-btn {
        font-size: 1.1rem;
        max-width: 90%;
        padding: 14px 0;
    }
}

/* ul 중앙 정렬 */
.login-pass-btns {
    display: flex;
    justify-content: center; /* li가 가운데로 모이도록 */
    gap: 1.6rem;
    padding: 0;
    margin: 2rem 0;
    list-style: none;
    width: 100%; /* ul 전체 폭 */
}

/* li가 ul 폭 전체 차지 */
.login-pass-btns li {
    flex: 1; /* li를 가능한 공간 다 차지 */
}

/* 버튼 스타일 */
.login-pass-btns li .auth-btn {
    display: block; /* li 안에서 폭 100% 적용 */
    width: 100%;
    padding: 18px 0;
    background-color: #E60012;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
    border-radius: 12px;
    text-decoration: none;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.25);
    transition: all 0.3s ease;
    cursor: pointer;
}

/* 호버 효과 */
.login-pass-btns li .auth-btn:hover {
    background-color: #B8000F;
    transform: translateY(-2px);
    box-shadow: 0 8px 12px rgba(0,0,0,0.35);
}

/* ul 중앙 정렬 */
.login-authenticate-btns {
    display: flex;
    justify-content: center;
    gap: 1.6rem;
    padding: 0;
    margin: 2rem 0;
    list-style: none;
    width: 100%;
}

/* li가 가능한 공간 차지 */
.login-authenticate-btns li {
    flex: 1;
    max-width: 360px; /* 버튼 최대 폭 */
}

/* 버튼 스타일 */
.login-authenticate-btns li .auth_login_btn {
    display: block;       /* li 폭 전체 차지 */
    width: 100%;
    padding: 18px 0;
    background-color: #141647; /* 간편인증 스타일 배경 */
    color: #fff;             /* 글씨 흰색 */
    font-size: 1.5rem;       /* 폰트 키우기 */
    font-weight: 700;
    text-align: center;
    border-radius: 12px;
    text-decoration: none;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.25);
    transition: all 0.3s ease;
    cursor: pointer;
}


/* 호버 효과 */
.login-authenticate-btns li .auth_login_btn:hover {
    background-color: #1c1a82; /* 살짝 진한 파랑 */
    transform: translateY(-2px);
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.35);
}

/* 모바일 대응 */
@media (max-width: 767px) {
    .login-authenticate-btns li .auth_login_btn {
        font-size: 1.2rem;
        max-width: 90%;
        padding: 14px 0;
    }
}


.vote-box .title-wrap.vote-title-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.6rem;
}

.vote-box .vote-title-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem 1.4rem;
    min-width: 0;
    flex: 1 1 auto;
}

.vote-box .title-wrap.vote-title-wrap .tit {
    margin: 0;
    flex: 0 1 auto;
}

.vote-box .vote-shortcut {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.2rem;
    padding: 0.5rem 1.0rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.28);
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    letter-spacing: -0.02em;
}

.vote-box .vote-shortcut strong {
    font-weight: 600;
}

@media (max-width: 768px) {
    .vote-box .title-wrap.vote-title-wrap {
        gap: 1.2rem;
    }

    .vote-box .vote-title-group {
        align-items: flex-start;
        gap: 0.8rem;
    }

    .vote-box .vote-shortcut {
        min-height: 2.2rem;
        padding: 0.3rem 0.6rem;
        font-size: 1.5rem;
        white-space: normal;
    }
}

@media (max-width: 480px) {
    .vote-box .title-wrap.vote-title-wrap {
        flex-wrap: wrap;
    }

    .vote-box .vote-shortcut {
        font-size: 1.4rem;
        line-height: 1.35;
    }

    .vote-box .title-wrap.vote-title-wrap .date {
        margin-left: auto;
    }
}