@charset "utf-8";


.member-box,
.purchase-box { padding-top:120px; margin-top:-110px; background:#fff; }
.member-box .cont-box,
.purchase-box .cont-box { padding-top:60px; }
.member-box *,
.purchase-box * { word-break:keep-all; }

.sTitleBox { text-align:center; }
.sTitleBox h3 { color:#111; font-size:54px; font-weight:700; line-height:130%; letter-spacing:-0.02em; }
.sTitleBox h3 span { font-weight:700; }
.sTitleBox .txtbox { margin-top:15px; color:#555; font-size:20px; font-weight:300; line-height:1.5; letter-spacing:-0.02em }
@media screen and (max-width:1400px){
    .sTitleBox h3 { font-size:45px; }
}
@media screen and (max-width:1024px){
    .member-box { padding-top:100px; margin-top:-80px; }
    .member-box .cont-box { padding-top:50px; }
    .sTitleBox h3 { font-size:30px; }
    .sTitleBox .txtbox { font-size:18px; }
}
@media screen and (max-width:640px){
    .member-box { padding-top:60px; margin-top:-50px; }
    .member-box .cont-box { padding-top:40px; }
    .sTitleBox h3 { font-size:20px; }
    .sTitleBox .txtbox { font-size:16px; }
}

/* animation */
.sTitleBox { overflow:hidden; }
.sTitleBox h3,
.sTitleBox .txtbox { opacity:0; }
.sTitleBox.subOn  h3 { animation:ani_3 0.8s 0.2s; animation-fill-mode:both; }
.sTitleBox.subOn  .txtbox { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }

.member-box .btnBox { margin-top:60px; text-align:center; display:flex; justify-content:center; align-items:center; gap:0 10px; }
.member-box .btnBox a { transition:all 0.5s; width:315px; height:70px; border:none; display:flex; justify-content:center; align-items:center; border-radius:10px; background:#eee; }
.member-box .btnBox a span { font-weight:700; color:#aaa; line-height:1.3; font-size:20px; letter-spacing:-0.02em; }
.member-box .btnBox a.bg { background:var(--mainColor) }
.member-box .btnBox a.bg span { color:#fff }
.member-box .btnBox button { transition:all 0.5s; width:315px; height:70px; border:none; display:flex; justify-content:center; align-items:center; border-radius:10px; background:var(--mainColor); }
.member-box .btnBox button span { font-weight:700; color:#fff; line-height:1.3; font-size:20px; letter-spacing:-0.02em; }

@media screen and (max-width:1024px){
    .member-box .btnBox a,
    .member-box .btnBox button { width:300px; height:60px; }
    .member-box .btnBox a span,
    .member-box .btnBox button span { font-size:18px; }
}
@media screen and (max-width:640px){
    .member-box .btnBox { margin-top:40px;}
    .member-box .btnBox a,
    .member-box .btnBox button { width:calc(50% - 5px); height:55px; }
    .member-box .btnBox a span,
    .member-box .btnBox button span { font-size:16px; }
}

.login-box { margin:0 auto; max-width:500px; }
.login-box .ipbox ul { width:100%; }
.login-box .ipbox li:not(:last-child) { margin-bottom:20px; }
.login-box .ipbox li label { display:block; font-size:16px; color:#333; font-weight:600; letter-spacing:-0.02em; margin-bottom:10px; }
.login-box .ipbox li input[type="text"],
.login-box .ipbox li input[type="password"] { height:60px; width:100%; padding:0 20px; font-size:16px; color:#444; font-weight:400; border:1px solid #ddd; outline:none; background:#fff; border-radius:10px; }
.login-box .ipbox li select { height:60px; line-height:60px; width:100%; padding:0 40px 0 20px; font-size:16px; color:#555; font-weight:400; border:1px solid #ddd; outline:none; appearance:none; border-radius:10px; background:#fff url(../img/board/icon_select_down.png) right center no-repeat; }
.login-box .ipbox li select::-ms-expand { display:none; }
.login-box .ipbox li input::placeholder,
.login-box .ipbox li textarea::placeholder { color:#ccc }
.login-box .ipbox li .stxt { width:35px; text-align:center; display:inline-block }
.login-box .ipbox li .sbox { overflow:auto; height:215px; padding:20px; font-size:16px; line-height:1.6; color:#555; font-weight:400; border:none; outline:none; background:#fbfbfb; border-radius:10px; }
.login-box .ipbox .ch-box { margin:30px 0 0; display:flex; justify-content:space-between; align-items:center; }
.login-box .ipbox .ch { position:relative; padding-left:0; }
.login-box .ipbox .ch input[type="checkbox"],
.login-box .ipbox .ch input[type="radio"]{opacity:0; height:auto; position:absolute; left:7px; top:0; }
.login-box .ipbox .ch input[type="checkbox"] + span,
.login-box .ipbox .ch input[type="radio"] + span { position:relative; padding:0 0 0 35px; font-weight:400; font-size:15px; line-height:1.1 !important; display:inline-block; color:#555; }
.login-box .ipbox .ch input[type="checkbox"] + span:after,
.login-box .ipbox .ch input[type="radio"] + span:after { content:''; display:block; margin:-4px 0 0 0; width:25px; height:25px; vertical-align:middle; background:none; border-radius:5px; border:1px solid #ddd; position:absolute; left:0; top:-2px; }
.login-box .ipbox .ch input[type="checkbox"]:checked + span:after,
.login-box .ipbox .ch input[type="radio"]:checked + span:after { background:url(../img/common/icon_ch_on1.png) no-repeat center center; }
.login-box .ipbox .link { display:flex; gap:0 30px; }
.login-box .ipbox .link a { position:relative; font-size:15px; color:#aaa; font-weight:400; letter-spacing:-0.02em; }
.login-box .ipbox .link a:not(:last-child):before { content:""; display:block; position:absolute; right:-15px; top:50%; transform:translateY(-50%); width:1px; height:10px; background:#ddd; }
.login-box .ipbox .btn { margin-top:60px; }
.login-box.idpw-find .ipbox .btn { margin-top:20px; }
.login-box .ipbox .btn a,
.login-box .ipbox .btn input,
.login-box .ipbox .btn button  { width:100%; height:60px; border:none; display:flex; justify-content:center; align-items:center; border-radius:10px; background:var(--mainColor); }
.login-box .ipbox .btn a span,
.login-box .ipbox .btn input span,
.login-box .ipbox .btn button span { font-weight:700; color:#fff; line-height:1.3; font-size:20px; letter-spacing:-0.02em; }
.login-box .txt_b { margin-top:20px; font-weight:300; color:#333; line-height:1.6; font-size:16px; letter-spacing:-0.02em; text-align:center; }
.login-box .txt_b strong { font-weight:600; }
@media screen and (max-width:640px){
    .login-box .ipbox li input[type="text"],
    .login-box .ipbox li input[type="password"],
    .login-box .ipbox li select { height:50px; line-height:50px; }
    .login-box .ipbox .btn { margin-top:40px; }
    .login-box .ipbox .btn a,
    .login-box .ipbox .btn input,
    .login-box .ipbox .btn button  { height:50px; }
    .login-box .ipbox .btn a span,
    .login-box .ipbox .btn input span,
    .login-box .ipbox .btn button span { font-size:18px; }
    .login-box .txt_b strong { display:block; }
}

.join-box .privacy-box:not(:last-child) { margin-bottom:60px; padding-bottom:60px; border-bottom:1px solid #ddd; }
.join-box .privacy-box .stitle { font-weight:700; color:#333; line-height:1.3; font-size:22px; letter-spacing:-0.02em; }
.join-box .privacy-box .box { margin-top:20px; background:#fff; border-radius:10px; padding:40px; min-height:350px; border-radius:10px; border:1px solid #ddd; }
.join-box .privacy-box .ch-box { margin:30px 0 0; text-align:right; }
.join-box .privacy-box .ch { position:relative; display:inline-block }
.join-box .privacy-box .ch input[type="checkbox"],
.join-box .privacy-box .ch input[type="radio"]{opacity:0; height:auto; position:absolute; left:7px; top:0; }
.join-box .privacy-box .ch input[type="checkbox"] + span,
.join-box .privacy-box .ch input[type="radio"] + span { position:relative; padding:0 0 0 35px; font-weight:400; font-size:15px; line-height:1.1 !important; display:inline-block; color:#555; }
.join-box .privacy-box .ch input[type="checkbox"] + span:after,
.join-box .privacy-box .ch input[type="radio"] + span:after { content:''; display:block; margin:-4px 0 0 0; width:25px; height:25px; vertical-align:middle; background:none; border-radius:5px; border:1px solid #ddd; position:absolute; left:0; top:-2px; }
.join-box .privacy-box .ch input[type="checkbox"]:checked + span:after,
.join-box .privacy-box .ch input[type="radio"]:checked + span:after { background:url(../img/common/icon_ch_on1.png) no-repeat center center; }
@media screen and (max-width:1024px){
    .join-box .privacy-box:not(:last-child) { margin-bottom:50px; padding-bottom:50px; }
    .join-box .privacy-box .stitle { font-size:20px; }
}
@media screen and (max-width:640px){
    .join-box .privacy-box:not(:last-child) { margin-bottom:30px; padding-bottom:30px; }
    .join-box .privacy-box .stitle { font-size:18px; }
    .join-box .privacy-box .box { margin-top:10px; padding:30px; min-height:250px; }
    .join-box .privacy-box .ch-box { margin:20px 0 0; }
}

.member-box .info-box { max-width:640px; margin:0 auto; }
.member-box .info-box .ipbox ul { width:100%; }
.member-box .info-box .ipbox li:not(:last-child) { margin-bottom:20px; }
.member-box .info-box .ipbox li .ipbox { min-height:30px; font-size:16px; color:#222; font-weight:400; }
.member-box .info-box .ipbox li label { display:block; font-size:16px; color:#333; font-weight:600; letter-spacing:-0.02em; margin-bottom:10px; }
.member-box .info-box .ipbox li label span { color:#f30c0c; }
.member-box .info-box .ipbox li input[type="text"],
.member-box .info-box .ipbox li input[type="password"] { height:60px; width:100%; padding:0 20px; font-size:16px; color:#444; font-weight:400; border:1px solid #ddd; outline:none; background:#fff; border-radius:10px; }
.member-box .info-box .ipbox li select { height:60px; line-height:60px; width:100%; padding:0 40px 0 20px; font-size:16px; color:#555; font-weight:400; border:1px solid #ddd; outline:none; appearance:none; border-radius:10px; background:#fff url(../img/board/icon_select_down.png) right center no-repeat; }
.member-box .info-box .ipbox li textarea { height:200px; width:100%; padding:20px; font-size:16px; color:#444; font-weight:400; border:1px solid #ddd; outline:none; background:#fff; border-radius:10px; }
.member-box .info-box .ipbox li select::-ms-expand { display:none; }
.member-box .info-box .ipbox li input::placeholder,
.member-box .info-box .ipbox li textarea::placeholder { color:#ccc }
.member-box .info-box .ipbox li .stxt { width:35px; text-align:center; display:inline-block }
.member-box .info-box .ipbox li .sbox { overflow:auto; height:215px; padding:20px; font-size:16px; line-height:1.6; color:#555; font-weight:400; border:none; outline:none; background:#fbfbfb; border-radius:10px; }
.member-box .info-box .ipbox li .prevent-box { display:flex; gap:10px; width:100%; }
.member-box .info-box .ipbox li .prevent-box .i-box { width:180px; height:60px; border-radius:10px; border:1px solid #ddd; text-align:center; display:flex; justify-content:center; align-items:center;}
.member-box .info-box .ipbox li .prevent-box .btn a,
.member-box .info-box .ipbox li .prevent-box .btn button,
.member-box .info-box .ipbox li .prevent-box .btn input { display:flex; justify-content:center; align-items:center; width:60px; height:60px; background:#eee; border-radius:10px; outline:none; border:none }
.member-box .info-box .ipbox li .prevent-box .ip { width:calc(100% - 180px - 60px - 20px); }
.member-box .info-box .ipbox .ch-box { margin:30px 0 0; }
.member-box .info-box .ipbox .ch { position:relative; }
.member-box .info-box .ipbox .ch input[type="checkbox"],
.member-box .info-box .ipbox .ch input[type="radio"]{opacity:0; height:auto; position:absolute; left:7px; top:0; }
.member-box .info-box .ipbox .ch input[type="checkbox"] + span,
.member-box .info-box .ipbox .ch input[type="radio"] + span { position:relative; padding:0 0 0 35px; font-weight:400; font-size:15px; line-height:1.1 !important; display:inline-block; color:#555; }
.member-box .info-box .ipbox .ch input[type="checkbox"] + span:after,
.member-box .info-box .ipbox .ch input[type="radio"] + span:after { content:''; display:block; margin:-4px 0 0 0; width:25px; height:25px; vertical-align:middle; background:none; border-radius:5px; border:1px solid #ddd; position:absolute; left:0; top:-2px; }
.member-box .info-box .ipbox .ch input[type="checkbox"]:checked + span:after,
.member-box .info-box .ipbox .ch input[type="radio"]:checked + span:after { background:url(../img/common/icon_ch_on1.png) no-repeat center center; }
@media screen and (max-width:640px){
    .member-box .info-box .ipbox li input[type="text"],
    .member-box .info-box .ipbox li input[type="password"],
    .member-box .info-box .ipbox li select { height:50px; line-height:50px; }
    .member-box .info-box .ipbox li .prevent-box { gap:5px; }
    .member-box .info-box .ipbox li .prevent-box .i-box { width:130px; height:50px; }
    .member-box .info-box .ipbox li .prevent-box .i-box img { height:100%; }
    .member-box .info-box .ipbox li .prevent-box .btn a,
    .member-box .info-box .ipbox li .prevent-box .btn button,
    .member-box .info-box .ipbox li .prevent-box .btn input { width:50px; height:50px; }
    .member-box .info-box .ipbox li .prevent-box .ip { width:calc(100% - 130px - 50px - 10px); }
}


.join-complete { max-width:640px; margin:0 auto; border-top:1px solid #000 }
.join-complete .txtbox { text-align:center; margin-top:60px; }
.join-complete .txtbox .txt-1 { margin-top:30px; font-size:28px; color:#111; font-weight:500; letter-spacing:-0.02em; line-height:1.3 }
.join-complete .txtbox .txt-2 { margin-top:10px; font-size:16px; color:#555; font-weight:300; letter-spacing:-0.02em; line-height:1.3 }
@media screen and (max-width:1024px){
    .join-complete .txtbox { margin-top:40px; }
    .join-complete .txtbox .txt-1 { margin-top:20px; font-size:22px; }
    .join-complete .txtbox .txt-2 { margin-top:10px; font-size:16px; }
}
@media screen and (max-width:640px){
    .join-complete .txtbox .txt-1 { margin-top:15px; font-size:20px; }
    .join-complete .txtbox .txt-2 { margin-top:8px; font-size:15px; }
}


.purchase-box .step-box { margin-bottom:60px; }
.purchase-box .step-box ul { display:flex; align-items:center; }
.purchase-box .step-box li:not(:last-child) { margin-right:30px; }
.purchase-box .step-box li, 
.purchase-box .step-box li strong { display:flex; align-items:center; }
.purchase-box .step-box li { font-size:16px; color:#aaa; font-weight:600; letter-spacing:-0.02em; line-height:1.3; }
.purchase-box .step-box li span { display:flex; align-items:center; justify-content:center; width:28px; height:28px; background:#eee; border-radius:28px; font-size:14px; font-weight:500; margin-right:10px; }
.purchase-box .step-box li strong span { background:var(--mainColor); color:#fff; }
.purchase-box .step-box li strong { color:#111; font-weight:600;}
@media screen and (max-width:1024px){
    .purchase-box .step-box { margin-bottom:40px; }
}
@media screen and (max-width:640px){
    .purchase-box .step-box { margin-bottom:30px; }
    .purchase-box .step-box li:not(:last-child) { margin-right:20px; }
    .purchase-box .step-box li { font-size:15px; }
    .purchase-box .step-box li span { width:25px; height:25px; font-size:13px; }
}

.purchase-box h4.stitle { font-size:22px; color:#111; font-weight:600; letter-spacing:-0.02em; line-height:1.3; margin-bottom:20px; }

.purchase-box .table-box table { width:100%; border-top:1px solid #000; }
.purchase-box .table-box thead th { font-size:18px; color:#333; font-weight:700; letter-spacing:-0.02em; line-height:1.3; text-align:center; height:65px; border:1px solid #ddd; border-width:0 0 1px 1px; background:#f5f6f7; }
.purchase-box .table-box thead th:first-child { border-left:none } 
.purchase-box .table-box tbody th { font-size:16px; color:#333; font-weight:500; letter-spacing:-0.02em; line-height:1.3; text-align:left; padding-left:40px; height:75px; border-bottom:1px solid #ddd; background:#f5f6f7; }
.purchase-box .table-box tbody th span { color:#f30c0c; }
.purchase-box .table-box tbody th.th-left { font-weight:300; line-height:1.7; }
.purchase-box .table-box tbody th.th-left.bg { background:#fff; }
.purchase-box .table-box tbody th.th-left strong { font-weight:500; }
.purchase-box .table-box tbody th.th-center { text-align:center; padding:10px; background:#fff; font-weight:400; }
.purchase-box .table-box tbody th.th-center.bg { background:#f5f6f7; }
.purchase-box .table-box tbody td { font-size:16px; padding:15px 20px; color:#333; font-weight:300; letter-spacing:-0.02em; line-height:1.7; text-align:left; border:1px solid #ddd; border-width:0 0 1px 1px; background:#fff; }
.purchase-box .table-box tbody td.td-left { padding:30px; text-align:left; }
.purchase-box .table-box tbody td.td-left strong { font-weight:500; }
.purchase-box .table-box tbody td.td-center { padding:30px 10px; text-align:center; }
.purchase-box .table-box tbody td input[type="text"],
.purchase-box .table-box tbody td input[type="password"] { height:45px; width:100%; padding:0 20px; font-size:16px; color:#555; font-weight:400; border:1px solid #ddd; outline:none; background:#fff; border-radius:10px; }
.purchase-box .table-box tbody td select { height:45px; line-height:45px; width:100%; padding:0 40px 0 20px; font-size:16px; color:#555; font-weight:400; border:1px solid #ddd; outline:none; appearance:none; border-radius:10px; background:#fff url(../img/board/icon_select_down.png) right center no-repeat; }
.purchase-box .table-box tbody td select::-ms-expand { display:none; }
.purchase-box .table-box tbody td input::placeholder,
.purchase-box .table-box tbody td textarea::placeholder { color:#ccc }
.purchase-box .table-box tbody td input.ip01,
.purchase-box .table-box tbody td select.sel01 { width:70% }
.purchase-box .table-box tbody td .stxt { margin-top:10px; font-size:15px; color:#888; font-weight:300; letter-spacing:-0.02em; line-height:1.3; }
.purchase-box .table-box tbody td .btn_s { max-width:54px; margin:0 auto; }
.purchase-box .table-box tbody td .btn_s a { display:block }
.purchase-box .table-box tbody td .btn_s a:not(:last-child) { margin-bottom:5px; }
.purchase-box .table-box tbody td .btn_s a span { width:100%; height:28px; display:flex; justify-content:center; align-items:center; font-size:14px; color:#888; font-weight:400; letter-spacing:-0.02em; border-radius:5px; border:1px solid #ddd; background:#f8f8f8; }
.purchase-box .table-box tbody td .sbox { overflow:auto; height:120px; padding:20px; font-size:16px; line-height:1.6; color:#555; font-weight:400; border:none; outline:none; background:#fbfbfb; border-radius:10px; }
.purchase-box .ch { position:relative; padding-left:0; }
.purchase-box .ch input[type="checkbox"],
.purchase-box .ch input[type="radio"]{opacity:0; height:auto; position:absolute; left:7px; top:0; }
.purchase-box .ch input[type="checkbox"] + span,
.purchase-box .ch input[type="radio"] + span { position:relative; padding:0 0 0 35px; font-weight:400; font-size:15px; line-height:1.1 !important; display:inline-block; color:#555; }
.purchase-box .ch input[type="checkbox"] + span:after,
.purchase-box .ch input[type="radio"] + span:after { content:''; display:block; margin:-4px 0 0 0; width:25px; height:25px; vertical-align:middle; background:none; border-radius:5px; border:1px solid #ddd; position:absolute; left:0; top:-2px; }
.purchase-box .ch input[type="checkbox"]:checked + span:after,
.purchase-box .ch input[type="radio"]:checked + span:after { background:url(../img/common/icon_ch_on1.png) no-repeat center center; }
.purchase-box .table-box .prevent-box { display:flex; gap:10px; width:60%; }
.purchase-box .table-box .prevent-box .i-box { width:180px; height:45px; border-radius:10px; border:1px solid #ddd; text-align:center; display:flex; justify-content:center; align-items:center;}
.purchase-box .table-box .prevent-box .i-box img { height:100%; }
.purchase-box .table-box .prevent-box .btn a,
.purchase-box .table-box .prevent-box .btn button,
.purchase-box .table-box .prevent-box .btn input { display:flex; justify-content:center; align-items:center; width:45px; height:45px; background:#eee; border-radius:10px; outline:none; border:none }
.purchase-box .table-box .prevent-box .ip { width:calc(100% - 180px - 45px - 20px); }
@media screen and (max-width:1024px){
    .purchase-box h4.stitle { font-size:20px; margin-bottom:15px; }
    .purchase-box .table-box thead th { font-size:17px; height:60px; }
    .purchase-box .table-box tbody th { font-size:15px; height:65px; padding-left:20px; }
    .purchase-box .table-box tbody td { font-size:15px; padding:10px }
    .purchase-box .table-box tbody td.td-left { padding:20px; }
    .purchase-box .table-box tbody td.td-center { padding:20px 10px; }
}
@media screen and (max-width:860px){
    .table-box .scroll-box { overflow:auto; }
    .table-box .scroll-box table { width:900px; }
    .purchase-box .table-box .prevent-box { width:100%; }
}
@media screen and (max-width:640px){
    .purchase-box h4.stitle { font-size:18px; margin-bottom:10px; }
    .purchase-box .table-box .prevent-box .i-box { width:130px; }
    .purchase-box .table-box .prevent-box .ip { width:calc(100% - 130px - 45px - 10px); }
}

.purchase-box .p-selbox { position:relative; display:flex; flex-wrap:wrap; }
.purchase-box .p-selbox .table-box { width:calc(100% - 310px); padding-right:80px; }
.purchase-box .p-selbox .table-box .type-2 { margin-top:80px; position:relative; }
.purchase-box .p-selbox .table-box .type-2 .guide-txt { position:absolute; right:0; top:10px; font-size:15px; color:#888; font-weight:300; letter-spacing:-0.02em; line-height:1.3; }
.purchase-box .p-selbox .table-box .type-2 .guide-txt span { color:#f30c0c; }
.purchase-box .p-selbox .p-info-box { width:310px; position:sticky; top:20px; max-height:680px; background:#fff; border-radius:10px; }
.purchase-box .p-selbox .p-info-box .box { border-radius:10px; border:1px solid #ddd; padding:30px; } 
.purchase-box .p-selbox .p-info-box .box p.stit { font-size:20px; color:#111; font-weight:500; letter-spacing:-0.02em; line-height:1.3; }
.purchase-box .p-selbox .p-info-box .box ul { padding-top:30px; }
.purchase-box .p-selbox .p-info-box .box li:not(:last-child) { margin-bottom:15px; }
.purchase-box .p-selbox .p-info-box .box li { display:flex; justify-content:space-between; }
.purchase-box .p-selbox .p-info-box .box li strong { width:110px; font-size:15px; color:#555; font-weight:400; letter-spacing:-0.02em; line-height:1.3; }
.purchase-box .p-selbox .p-info-box .box li span { text-align:right; width:calc(100% - 110px); font-size:15px; color:#555; font-weight:400; letter-spacing:-0.02em; line-height:1.3; }
.purchase-box .p-selbox .p-info-box .box li .ipbox { display:flex; gap:5px; width:100%; }
.purchase-box .p-selbox .p-info-box .box li .ipbox input[type="text"] { height:45px; width:calc(100% - 65px - 5px); padding:0 20px; font-size:16px; color:#444; font-weight:400; border:none; outline:none; background:#f8f8f8; border-radius:0; }
.purchase-box .p-selbox .p-info-box .box li .ipbox .btn { width:65px; }
.purchase-box .p-selbox .p-info-box .box li .ipbox .btn a { width:100%; height:45px; display:flex; justify-content:center; align-items:center; font-size:15px; color:#fff; font-weight:600; background:#333; letter-spacing:-0.02em; }
.purchase-box .p-selbox .p-info-box .box .total { display:flex; justify-content:space-between; margin-top:30px; padding-top:30px; border-top:1px solid #ddd; }
.purchase-box .p-selbox .p-info-box .box .total strong { width:95px; font-size:20px; color:#111; font-weight:600; letter-spacing:-0.02em; line-height:1.3; }
.purchase-box .p-selbox .p-info-box .box .total span { text-align:right; width:calc(100% - 95px); font-size:15px; color:#111; font-weight:600; letter-spacing:-0.02em; line-height:1.3; }
.purchase-box .p-selbox .p-info-box .box .total span b { font-size:20px; font-weight:600; }
.purchase-box .p-selbox .p-info-box .btnBox { flex-wrap:wrap; margin-top:20px; }
.purchase-box .p-selbox .p-info-box .btnBox a { width:100%; margin-top:10px; }
@media screen and (max-width:1500px){
    .purchase-box .p-selbox .table-box { padding-right:60px; }
}
@media screen and (max-width:1280px){
    .purchase-box .p-selbox .table-box { padding-right:40px; }
}
@media screen and (max-width:1024px){
    .purchase-box .p-selbox .table-box { width:calc(100% - 290px); padding-right:20px; }
    .purchase-box .p-selbox .table-box .type-2 { margin-top:60px; }
    .purchase-box .p-selbox .p-info-box { width:290px; }
    .purchase-box .p-selbox .p-info-box .box { padding:20px; } 
    .purchase-box .p-selbox .p-info-box .box p.stit { font-size:18px; }
    .purchase-box .p-selbox .p-info-box .box ul { padding-top:20px; }
    .purchase-box .p-selbox .p-info-box .box li:not(:last-child) { margin-bottom:10px; }
    .purchase-box .p-selbox .p-info-box .box li strong { width:110px; font-size:14px; }
    .purchase-box .p-selbox .p-info-box .box li span { width:calc(100% - 110px); font-size:14px; }
    .purchase-box .p-selbox .p-info-box .box .total { margin-top:20px; padding-top:20px; }
    .purchase-box .p-selbox .p-info-box .box .total strong,
    .purchase-box .p-selbox .p-info-box .box .total span b { font-size:18px; }
    .purchase-box .p-selbox .p-info-box .btnBox { margin-top:10px; }
}
@media screen and (max-width:860px){
    .purchase-box .p-selbox .table-box { width:100%; padding-right:0; }
    .purchase-box .p-selbox .p-info-box { top:unset; left:0; bottom:0; position:relative; z-index:555; width:100%; max-height:100%; border-radius:0; margin-top:20px; }
    .purchase-box .p-selbox .p-info-box.on { position:fixed; padding:20px; }
    .purchase-box .p-selbox .p-info-box .box ul { max-height:250px; overflow:auto; }
    .purchase-box .p-selbox .p-info-box .btnBox { flex-direction:row-reverse; }
    .purchase-box .p-selbox .p-info-box .btnBox a { width:calc(50% - 5px); }
}
@media screen and (max-width:640px){
    .purchase-box .p-selbox .table-box .type-2 { margin-top:40px; }
}

.purchase-box .total-price { padding:40px; border-bottom:1px solid #ddd; background:#f5f6f7; display:flex; justify-content:center; align-items:center; text-align:center; }
.purchase-box .total-price .icon { display:inline-block; margin:0 120px; width:28px; height:28px; border-radius:28px; background:#eee; display:flex; justify-content:center; align-items:center; }
.purchase-box .complete-box .total-price .icon { margin:0 60px; }
.purchase-box .total-price .txt1 { font-size:18px; color:#555; font-weight:300; letter-spacing:-0.02em; line-height:1.3; margin-bottom:10px; }
.purchase-box .total-price .txt2 { font-size:18px; color:#555; font-weight:300; letter-spacing:-0.02em; line-height:1.3; }
.purchase-box .total-price .txt2 strong { color:#333; font-size:32px; font-weight:400; }
.purchase-box .total-price .txt3 strong { color:var(--mainColor); font-size:32px; font-weight:700; }
.purchase-box .payment-plan,
.purchase-box .add-info,
.purchase-box .bank-box,
.purchase-box .p-info { margin-top:80px; }
.purchase-box .complete-box .p-info { margin-top:60px; }
.purchase-box .payment-plan .nav { margin-top:20px; }
.purchase-box .payment-plan .nav ul { display:flex; }
.purchase-box .payment-plan .nav li:not(:last-child) { margin-right:40px; }
.purchase-box .payment-plan .nav li label { font-size:16px; color:#333; font-weight:400; letter-spacing:-0.02em; display:flex; align-items:center; cursor:pointer; }
.purchase-box .payment-plan .nav li label input { margin-right:14px; }
.purchase-box .payment-plan table { margin-top:20px; }
.purchase-box .add-info textarea { margin-bottom:20px; height:100px; width:100%; padding:20px; font-size:16px; color:#555; font-weight:400; border:1px solid #ddd; outline:none; background:#fff; border-radius:10px; }
.purchase-box .credit-card,
.purchase-box .existing { display:none }
@media screen and (max-width:1280px){
    .purchase-box .total-price { padding:30px; }
    .purchase-box .total-price .icon { margin:0 80px; }
    .purchase-box .complete-box .total-price .icon { margin:0 40px; }
    .purchase-box .total-price .txt1 { font-size:17px; margin-bottom:10px; }
    .purchase-box .total-price .txt2 { font-size:17px; }
    .purchase-box .total-price .txt2 strong,
    .purchase-box .total-price .txt3 strong { font-size:30px; }
}
@media screen and (max-width:1024px){
    .purchase-box .total-price { padding:30px 20px; }
    .purchase-box .total-price .icon { margin:0 50px; }
    .purchase-box .total-price .txt1 { font-size:16px; margin-bottom:10px; }
    .purchase-box .total-price .txt2 { font-size:16px; }
    .purchase-box .total-price .txt2 strong,
    .purchase-box .total-price .txt3 strong { font-size:28px; }
}
@media screen and (max-width:760px){
    .purchase-box .total-price { padding:40px 10px; flex-wrap:wrap; gap:20px 0 }
    .purchase-box .total-price .icon-1 { display:none }
    .purchase-box .total-price .p-txt3 { position:relative; width:100%; padding-top:50px; }
    .purchase-box .total-price .p-txt3:before{ content:''; display:block; position:absolute; left:50%; top:0; transform:translateX(-50%) rotate(90deg); width:28px; height:28px; border-radius:28px; background:#eee url(../img/member/icon_sum.png) no-repeat center center; display:flex; justify-content:center; align-items:center; }
}
@media screen and (max-width:640px){
    .purchase-box .payment-plan,
    .purchase-box .add-info,
    .purchase-box .bank-box,
    .purchase-box .p-info { margin-top:40px; }
    .purchase-box .complete-box .p-info { margin-top:30px; }
    .purchase-box .type-layout  table col.w1 { width:200px !important; }
    .purchase-box .type-layout tbody tr { display:flex; flex-direction:column;}
    .purchase-box .type-layout tbody th { padding:15px 20px; height:auto; width:100%; border-bottom:1px solid #eee }
    .purchase-box .type-layout tbody td { width:100%; border-left:none; padding:10px 0 20px; }
    .purchase-box .type-layout tbody td input.ip01,
    .purchase-box .type-layout tbody td select.sel01 { width:100%; }
    .purchase-box .type-layout tbody td textarea,
    .purchase-box .type-layout tbody td .sbox { height:120px; }
    .purchase-box .payment-plan .nav { margin-top:10px; }
    .purchase-box .payment-plan .nav li:not(:last-child) { margin-right:30px; }
    .purchase-box .payment-plan .nav li label { font-size:15px;}
    .purchase-box .payment-plan .nav li label input { margin-right:7px; }
    .purchase-box .total-price .icon { margin:0 20px; }
    .purchase-box .total-price .txt1 { font-size:15px; margin-bottom:0; }
    .purchase-box .total-price .txt2 { font-size:15px; }
    .purchase-box .total-price .txt2 strong,
    .purchase-box .total-price .txt3 strong { font-size:22px; }
}


.payment-complete { border-top:1px solid #000; padding-top:100px; }
.payment-complete .complete-box { margin:0 auto; max-width:1000px; }
.payment-complete .complete-box .txtbox { padding-bottom:100px; }
.payment-complete .complete-box .txtbox .txt-1 { text-align:center; font-size:38px; color:#111; font-weight:500; letter-spacing:-0.02em; line-height:1.3; }
.payment-complete .complete-box .txtbox .txt-2 { margin-top:20px;  }
.payment-complete .complete-box .txtbox .txt-2 ul { text-align:center; display:flex; flex-wrap:wrap; justify-content:center;}
.payment-complete .complete-box .txtbox .txt-2 li:not(:last-child) { margin-right:30px; }
.payment-complete .complete-box .txtbox .txt-2 li { position:relative; font-size:18px; color:#555; font-weight:300; letter-spacing:-0.02em; line-height:1.3; }
.payment-complete .complete-box .txtbox .txt-2 li:first-child { padding-left:40px; }
.payment-complete .complete-box .txtbox .txt-2 li:first-child:after{ content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:25px; height:25px; border-radius:25px; background:#eee url(../img/member/icon_caution.png) no-repeat center center; display:flex; justify-content:center; align-items:center; }
.payment-complete .complete-box .txtbox .txt-2 li:not(:last-child):before{ content:''; display:block; position:absolute; right:-15px; top:50%; transform:translateY(-50%); width:1px; height:15px; background:#ddd; }
@media screen and (max-width:1024px){
    .payment-complete { padding-top:80px; }
    .payment-complete .complete-box .txtbox { padding-bottom:80px; }
    .payment-complete .complete-box .txtbox .txt-1 { font-size:30px; }
    .payment-complete .complete-box .txtbox .txt-2 li { font-size:16px; }
}
@media screen and (max-width:640px){
    .payment-complete { padding-top:50px; }
    .payment-complete .complete-box .txtbox { padding-bottom:50px; }
    .payment-complete .complete-box .txtbox .txt-1 { font-size:22px; }
    .payment-complete .complete-box .txtbox .txt-2 li:first-child { padding-left:30px; }
}