@charset "utf-8";

.member-box .ch { position:relative; }
.member-box .ch label { cursor:pointer; position:relative;}
.member-box .ch label strong { font-size:var(--font20); color:var(--mainColor); font-weight:500; }
.member-box .ch input[type="radio"],
.member-box .ch input[type="checkbox"] { position:absolute; left:0; top:3px; opacity:0; height:auto; line-height:auto; }
.member-box .ch input[type="radio"] + span,
.member-box .ch input[type="checkbox"] + span { position:relative; padding:0 0 0 32px; font-weight:500; font-size:var(--font20); line-height:1.4; display:inline-block; color:#222; transition:all 0.3s; }
.member-box .ch input[type="radio"] + span:before,
.member-box .ch input[type="checkbox"] + span:before { content:''; display:block; width:24px; height:24px; vertical-align:middle; transition:all 0.3s; background:url(/img/svg/ch_check.svg) no-repeat center/ cover; border:none; border-radius:0; position:absolute; left:0; top:1px; }
.member-box .ch input[type="radio"]:checked + span:before,
.member-box .ch input[type="checkbox"]:checked + span:before { background:url(/img/svg/ch_check_on.svg) no-repeat center/ cover; }
@media screen and (max-width:1024px){
	.member-box .ch input[type="radio"] + span,
	.member-box .ch input[type="checkbox"] + span { padding:0 0 0 28px; }
	.member-box .ch input[type="radio"] + span:before,
	.member-box .ch input[type="checkbox"] + span:before { top:-2px; width:22px; height:22px; }
}

.login-box .subTitle { font-size:var(--font40); }
.login-box .ipbox { margin:60px auto 0; max-width:600px; width:100%; }
.login-box .ipbox li { position:relative; }
.login-box .ipbox li:not(:last-child) { margin-bottom:10px; }
.login-box .ipbox li input[type="text"],
.login-box .ipbox li input[type="password"] { transition:all 0.3s; height:73px; padding:10px 20px 0; width:100%; font-size:var(--font18); color:#333; font-weight:400; letter-spacing:-0.035em; border:1px solid #ddd; outline:none; background:#fff; border-radius:var(--borderR10); }
.login-box .ipbox li input::placeholder { color:#666; opacity:1; font-weight:300; }
.login-box .ipbox li input:focus { border-color:var(--mainColor); box-shadow:inset 0 0 0 1px var(--mainColor); }
.login-box .ipbox .ptxt { margin-top:10px; color:#666; font-size:var(--font15); font-weight:300; line-height:1.3; }
.login-box .ipbox button { margin-top:20px; transition:all 0.3s; display:flex; align-items:center; justify-content:center; outline:none; border:none; background:#f5f5f5; width:100%; height:70px; border-radius:var(--borderR10); } 
.login-box .ipbox button span { color:#666; font-size:var(--font20); font-weight:600; line-height:1.3; letter-spacing:-0.035em; }
.login-box .ipbox button.active { background:var(--mainColor); }
.login-box .ipbox button.active span { color:#fff; }
.login-box .ipbox .btnbox { position:relative; margin-top:30px; display:flex; justify-content:flex-end; }
.login-box .ipbox .btnbox .ch { position:absolute; left:0; top:0; }
.login-box .ipbox .btnbox .ch span { font-size:var(--font16); color:#666; font-weight:400; }
.login-box .ipbox .btnbox .ch input[type="checkbox"] + span:before { top:-2px; }
.login-box .ipbox .btnbox .btn { display:flex; align-items:center; gap:41px; }
.login-box .ipbox .btnbox .btn a { position:relative; color:#666; font-size:var(--font16); font-weight:400; line-height:1.3; letter-spacing:-0.035em; }
.login-box .ipbox .btnbox .btn a:before { content:''; display:block; position:absolute; left:-20px; top:50%; transform:translateY(-50%); width:1px; height:14px; background:#ddd; }
.login-box .ipbox .btnbox .btn a:first-child:before { display:none; }
@media screen and (max-width:1024px){
	.login-box .ipbox { margin:30px auto 0; }
	.login-box .ipbox li:not(:last-child) { margin-bottom:5px; }
	.login-box .ipbox li input[type="text"],
	.login-box .ipbox li input[type="password"] { height:60px; padding:10px 15px 0; font-size:var(--font20); }
	.login-box .ipbox .ptxt { margin-top:5px; }
	.login-box .ipbox button { margin-top:10px; height:60px; } 
	.login-box .ipbox button span { font-size:var(--font22); }
	.login-box .ipbox .btnbox { margin-top:15px; display:flex; justify-content:flex-end; }
	.login-box .ipbox .btnbox .ch span { font-size:var(--font18); }
	.login-box .ipbox .btnbox .ch input[type="checkbox"] + span:before { top:-2px; }
	.login-box .ipbox .btnbox .btn { gap:21px; }
	.login-box .ipbox .btnbox .btn a { font-size:var(--font18); }
	.login-box .ipbox .btnbox .btn a:before { left:-10px; height:10px; }
}
@media screen and (max-width:640px){
	.login-box { padding:0; }
	.login-box .subTitle { font-size:var(--font60); }
	.login-box .ipbox li input[type="text"],
	.login-box .ipbox li input[type="password"],
	.login-box .ipbox button { height:55px; } 
}

.login-box .ipbox li input + span { color:#666; font-size:var(--font18); font-weight:300; position:absolute; top:50%; left:20px; transform:translateY(-50%); z-index:1; transition:top 0.2s ease, font-size 0.2s ease, color 0.2s ease; white-space:nowrap; padding:0; margin:0; }
.login-box .ipbox li input:focus + span,
.login-box .ipbox li input:valid + span { top:12px; color:#666; font-size:var(--font14); transform:translateY(0); }
.login-box .ipbox li input:invalid { box-shadow:none; }
@media screen and (max-width:1024px){
	.login-box .ipbox li input + span { left:15px; }
	.login-box .ipbox li input:focus + span,
	.login-box .ipbox li input:valid + span { top:10px; }
}


.agreement-box .listbox .box:not(:last-child) { margin-bottom:10px; }
.agreement-box .listbox .box { border:1px solid #ddd; padding:0 20px; border-radius:var(--borderR10); }
.agreement-box .listbox .box.all { background:#f5f5f5; }
.agreement-box .listbox .box .ch-box { height:90px; display:flex; align-items:center; justify-content:space-between; padding:0 10px; }
.agreement-box .listbox .box .ch-box .btn-view { position:relative; padding-right:22px; color:#666; font-size:var(--font18); font-weight:400; line-height:1.3; letter-spacing:-0.035em; }
.agreement-box .listbox .box .ch-box .btn-view:before { content:''; display:block; width:12px; height:12px; transition:all 0.3s; background:url(/img/svg/down_icon.svg) center center no-repeat; position:absolute; right:0; top:50%; transform:translateY(-50%); }
.agreement-box .listbox .box .ch-box .btn-view.on:before { transform:translateY(-50%) rotate(180deg); }
.agreement-box .listbox .box .privacyCont { display:none; }
.agreement-box .listbox .box .privacyarea { padding:40px; border-radius:var(--borderR5);  background:#f9f9f9; margin-bottom:20px; }
.agreement-box .listbox .box .scroll_box { height:240px; }
.agreement-box .listbox .box .scroll_box .privacy * { font-size:100%; }
.agreement-box .listbox .box .privacy .p-list > dl { margin-top:20px; }
.agreement-box .listbox .box .privacy .p-list > dl > dd { margin-top:10px; }
.agreement-box .listbox .box .privacy .p-list > dl > dd > p,
.agreement-box .listbox .box .privacy .p-list > dl > dd > ul { margin-top:8px; }
@media screen and (max-width:1024px){
	.agreement-box .listbox .box:not(:last-child) { margin-bottom:5px; }
	.agreement-box .listbox .box { padding:0 10px; }
	.agreement-box .listbox .box .ch-box { height:70px; padding:0 5px; }
	.agreement-box .listbox .box .ch-box .ch input[type="checkbox"] + span:before { top:-1px; }
	.agreement-box .listbox .box .privacyarea { padding:20px; }
	.agreement-box .listbox .box .scroll_box { height:120px; }
}


.member-box .choice-box { display:flex; align-items:center; justify-content:center; gap:30px; }
.member-box .choice-box .box { position:relative; width:250px; }
.member-box .choice-box .box:before { content:''; display:block; padding-bottom:100%; }
.member-box .choice-box .box .cbox { cursor:pointer; transition:all 0.3s; position:absolute; left:0; top:0; width:100%; height:100%; border:2px solid #eee; border-radius:250px; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; }
.member-box .choice-box .box .cbox svg .line { stroke:#666; transition:all 0.3s; }
.member-box .choice-box .box .cbox.active svg .line { stroke:#E31810; }
.member-box .choice-box .box .cbox strong { display:block; margin-top:20px; color:#666; font-size:var(--font20); font-weight:300; line-height:1.3; letter-spacing:-0.035em; }
.member-box .choice-box .box .cbox strong span { font-size:var(--font17); }
.member-box .choice-box .box .cbox strong span.stxt { font-size:var(--font17); }
.member-box .choice-box .box:last-child .cbox strong { margin-bottom:-5%; } 
.member-box .choice-box .box .cbox.active { border-color:var(--mainColor); }
@media screen and (max-width:1024px){
	.member-box .choice-box { gap:15px; }
	.member-box .choice-box .box .cbox svg { width:auto; height:60px; }
	.member-box .choice-box .box .cbox strong { margin-top:10px; }
}
@media screen and (max-width:640px){
	.member-box .choice-box { gap:5px; }
	.member-box .choice-box .box .cbox { border-width:1px; }
	.member-box .choice-box .box .cbox svg { height:36px; }
	.member-box .choice-box .box .cbox strong { margin-top:3px; }
}


.member-box .complete { text-align:center; margin-top:90px; }
.member-box .complete .txtbox,
.member-box .complete-box .btnCont { margin-top:60px; }
.member-box .complete .txtbox h5 { color:#111; font-size:var(--font32); font-weight:500; line-height:1.3; letter-spacing:-0.045em; }
.member-box .complete .txtbox .txt { margin-top:20px; color:#666; font-size:var(--font20); font-weight:400; line-height:1.5; letter-spacing:-0.035em; }
@media screen and (max-width:1024px){
	.member-box .complete { margin-top:45px; }
	.member-box .complete figure img { width:170px; }
	.member-box .complete .txtbox,
	.member-box .complete-box .btnCont { margin-top:30px; }
	.member-box .complete .txtbox .txt { margin-top:10px; }
}
@media screen and (max-width:640px){
	.member-box .complete { margin-top:30px; }
	.member-box .complete figure img { width:140px; }
	.member-box .complete .txtbox,
	.member-box .complete-box .btnCont { margin-top:20px; }
	.member-box .complete .txtbox .txt { margin-top:5px; }
}

.member-box .complete-box .c-box { margin-top:120px; padding:100px 20px; text-align:center; border-radius:var(--borderR10); background:#f5f5f5; text-align:center; }
.member-box .complete-box .c-box .txt-1 { color:#000; font-size:var(--font32); font-weight:600; line-height:1.3; letter-spacing:-0.045em; }
.member-box .complete-box .c-box .txt-2 { margin-top:20px; color:#000; font-size:var(--font20); font-weight:300; line-height:1.3; letter-spacing:-0.025em; }
.member-box .complete-box .list { margin-top:60px; }
.member-box .complete-box .list .tit { display:flex; align-items:flex-end; justify-content:space-between;}
.member-box .complete-box .list .tit h4 { color:#111; font-size:var(--font30); font-weight:600; line-height:1.3; letter-spacing:-0.045em; }
.member-box .complete-box .list .tit .txt { color:var(--mainColor); font-size:var(--font18); font-weight:400; line-height:1.3; letter-spacing:-0.035em; }
.member-box .complete-box .list table { margin-top:20px; border-top:2px solid #111; }
.member-box .complete-box .list table tbody th { text-align:center; height:80px; color:#222; font-size:var(--font20); font-weight:400; line-height:1.3; letter-spacing:-0.035em; background:#f9f9f9; border-bottom:1px solid #eee; }
.member-box .complete-box .list table tbody td { text-align:center; padding:0 10px; color:#222; font-size:var(--font20); font-weight:400; line-height:1.3; letter-spacing:-0.035em; background:#fff; border:1px solid #eee; border-width:0 0 1px 1px; }
.member-box .complete-box .list table tbody td strong { color:var(--mainColor); font-weight:400 }
@media screen and (max-width:1024px){
	.member-box .complete-box .c-box { margin-top:60px; padding:50px 20px; }
	.member-box .complete-box .c-box .txt-2,
	.member-box .complete-box .list table { margin-top:10px; }
	.member-box .complete-box .list { margin-top:30px; }
	.member-box .complete-box .list table tbody th { height:60px; }
	.member-box .complete-box .list table .w1 { width:160px !important; }
}
@media screen and (max-width:640px){
	.member-box .complete-box .c-box { margin-top:30px; padding:30px 20px; }
	.member-box .complete-box .list table tbody th { height:50px; }
	.member-box .complete-box .list table .w1 { width:120px !important; }
}

.mypage-box .mypage-area { display:flex; }
.mypage-box .mypage-area .leftmenu { width:280px; border-top:2px solid #000; margin-right:60px; flex-shrink:0; }
.mypage-box .mypage-area .leftmenu li { border-bottom:1px solid #eee; }
.mypage-box .mypage-area .leftmenu li a { color:#000; font-size:var(--font20); font-weight:500; line-height:1.3; letter-spacing:-0.035em; height:76px; padding:0 30px; display:flex; align-items:center; }
.mypage-box .mypage-area .leftmenu li.on a { color:var(--mainColor); }
.mypage-box .mypage-area .board-box { width:calc(100% - 280px); }
@media screen and (max-width:1440px){
	.mypage-box .mypage-area .leftmenu { width:240px; margin-right:40px; }
	.mypage-box .mypage-area .leftmenu li a { height:70px; }
	.mypage-box .mypage-area .board-box { width:calc(100% - 240px); }
}
@media screen and (max-width:1280px){
	.mypage-box .mypage-area .leftmenu { width:200px; margin-right:30px; }
	.mypage-box .mypage-area .leftmenu li a { height:60px; padding:0 25px; }
	.mypage-box .mypage-area .board-box { width:calc(100% - 200px); }
}
@media screen and (max-width:1024px){
	.mypage-box .mypage-area .leftmenu { width:180px; margin-right:20px; }
	.mypage-box .mypage-area .leftmenu li a { height:50px; padding:0 20px; }
	.mypage-box .mypage-area .board-box { width:calc(100% - 180px); }
}
@media screen and (max-width:960px){
	.mypage-box .mypage-area { flex-wrap:wrap; }
	.mypage-box .mypage-area .leftmenu { width:100%; margin-right:0; border-top:none;}
	.mypage-box .mypage-area .leftmenu ul { display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; text-align:center; }
	.mypage-box .mypage-area .leftmenu li { border:none; }
	.mypage-box .mypage-area .leftmenu li a { height:45px; border-radius:50px; border:1px solid #eee; justify-content:center; }
	.mypage-box .mypage-area .leftmenu li.on a { border-color:var(--mainColor); }
	.mypage-box .mypage-area .board-box { margin-top:20px; width:100%; }
}
@media screen and (max-width:640px){
	.mypage-box .mypage-area .leftmenu ul { gap:5px; justify-content:flex-start; }
	.mypage-box .mypage-area .leftmenu li { width:calc((100% - 10px) / 3); }
	.mypage-box .mypage-area .leftmenu li a { height:35px; padding:0 15px; }
	.mypage-box .mypage-area .board-box { margin-top:15px; }
}


.member-box .board-box .registerBox .ch input[type="radio"] + span { color:#333; font-weight:300; font-size:var(--font18); }

.withdraw-box h4 { color:#111; font-size:var(--font30); font-weight:600; line-height:1.3; letter-spacing:-0.045em; }
.withdraw-box .txt { color:#666; font-size:var(--font18); font-weight:300; line-height:1.5; letter-spacing:-0.045em; }
.withdraw-box select { width:100%; height:60px; line-height:60px; padding:0 80px 0 20px; font-size:var(--font18); color:#333; font-weight:300; border:1px solid #ddd; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:var(--borderR10); background:url(/img/svg/icon_select_down.svg) calc(100% -  20px) center no-repeat; }
.withdraw-box select::-ms-expand { display:none; }
.withdraw-box select.sel01 { max-width:580px; }
.withdraw-box textarea { margin-top:30px; width:100%; height:160px; padding:20px; font-size:var(--font18); color:#333; font-weight:300; border:1px solid #ddd; outline:none; border-radius:var(--borderR10);  }
.withdraw-box dl:not(:last-child) { margin-bottom:90px; }
.withdraw-box dd,
.withdraw-box dd .ch { margin-top:20px; }
.withdraw-box dd .txtbox { padding:40px; border:1px solid #ddd; border-radius:var(--borderR10); }
.withdraw-box dd .scroll_box { height:160px; color:#666; font-size:var(--font18); font-weight:300; line-height:1.6; }
.withdraw-box dd .ch input[type="checkbox"] + span { color:#333; font-weight:300; font-size:var(--font18); }
@media screen and (max-width:1280px){
	.withdraw-box dl:not(:last-child) { margin-bottom:65px; }
	.withdraw-box dd,
	.withdraw-box dd .ch { margin-top:15px; }
	.withdraw-box dd .txtbox { padding:30px; }
}
@media screen and (max-width:1024px){
	.withdraw-box select { height:50px; line-height:50px; padding:0 45px 0 10px; background-position:calc(100% - 5px) center; }
	.withdraw-box dl:not(:last-child) { margin-bottom:45px; }
	.withdraw-box dd,
	.withdraw-box dd .ch { margin-top:10px; }
	.withdraw-box dd .txtbox { padding:20px; }
	.withdraw-box dd .scroll_box { height:120px; }
	.withdraw-box textarea { margin-top:15px; height:120px; }
}
@media screen and (max-width:640px){
	.withdraw-box select { height:45px; line-height:45px; }
	.withdraw-box dl:not(:last-child) { margin-bottom:30px; }
	.withdraw-box dd,
	.withdraw-box dd .ch { margin-top:8px; }
	.withdraw-box dd .txtbox { padding:15px; }
	.withdraw-box textarea { margin-top:10px; }
}