@charset "UTF-8";

/* °øÅë */
div.wrap.member div.sub-container div.sub-inner{padding:6rem 0; margin-top:var(--height-header);}
div.wrap.member div.member-box{width:640px; margin:0 auto;}
div.wrap.member div.member-box section.title{text-align:center; padding-bottom:3rem; border-bottom:2px solid #333;}
div.wrap.member div.member-box section.title p.eng{color:var(--color-main01); font-family:'NanumNeo_H',sans-serif; margin-bottom:0.65rem; letter-spacing:3px;}
div.wrap.member div.member-box section.title p.kor{font-family:'NanumNeo_B',sans-serif; font-size:2rem;}


/* ¾È³»±Û */
div.wrap.member div.inf-box{padding:1.8rem; border-radius:1rem; margin-top:0.5rem; background:var(--color-main01-5); position:relative; padding-left:5.2rem; line-height:1.5; font-family:'NanumNeo_B',sans-serif;}
div.wrap.member div.inf-box:before{content:''; display:block; width:2.3rem; height:2.3rem; background:url("/fro_end/img/ico_info.png")center/100% auto no-repeat; position:absolute; top:50%; left:1.8rem; transform:translateY(-50%);}
div.wrap.member p.inf-txt{position:relative; text-align:left; padding-left:1.5rem; margin-top:0.8rem; letter-spacing:0.3px; line-height:1.5;}
div.wrap.member p.inf-txt:before{content:'!'; display:block; width:18px; height:18px; line-height:18px; text-align:center; font-size:10px; font-family:'NanumNeo_H',sans-serif; border-radius:50%; background:var(--color-main02); color:#fff; position:absolute; top:4px; left:0;}
div.wrap.member p.inf-txt.blue{color:var(--color-main03);}
div.wrap.member p.inf-txt.blue:before{background:var(--color-main03);}
div.wrap.member p.inf-txt.red{color:var(--color-red);}
div.wrap.member p.inf-txt.red:before{content:'\00D7'; background:#fff; font-size:14px; color:var(--color-red); border:2px solid var(--color-red); width:15px; height:15px; line-height:16px; top:3px;}




/* ·Î±×ÀÎ */
div.wrap.member div.login section.contents div.login-top{}
div.wrap.member div.login section.contents div.login-top div.login-input{margin-bottom:1rem;}
div.wrap.member div.login section.contents div.login-top div.login-input div.input-box{position:relative;}
div.wrap.member div.login section.contents div.login-top div.login-input div.input-box input{width:100%; height:5.5rem; padding-top:2rem; border:0; border-radius:0; font-size:1.125rem; border-bottom:1px solid #ddd; transition:0.3s;}
div.wrap.member div.login section.contents div.login-top div.login-input div.input-box span.label{font-family:'NanumNeo_B',sans-serif; position:absolute; top:50%; left:1.5rem; transform:translateY(-50%); font-size:1.25rem; transition:0.3s;}
div.wrap.member div.login section.contents div.login-top div.login-input div.input-box input:valid,
div.wrap.member div.login section.contents div.login-top div.login-input div.input-box input:active,
div.wrap.member div.login section.contents div.login-top div.login-input div.input-box input:focus{background:var(--color-main02-5);}
div.wrap.member div.login section.contents div.login-top div.login-input div.input-box input:valid + span.label,
div.wrap.member div.login section.contents div.login-top div.login-input div.input-box input:active + span.label,
div.wrap.member div.login section.contents div.login-top div.login-input div.input-box input:focus + span.label{top:1rem; left:0.5rem; transform:scale(0.8); color:var(--color-main02); font-family:'NanumNeo_EB',sans-serif;}
div.wrap.member div.login section.contents div.login-top a.btn-login{display:block; width:100%; padding:1.65rem 0; background:#333; color:#fff; text-align:center; font-size:1.25rem; font-family:'NanumNeo_EB',sans-serif; border-radius:0.65rem; box-shadow:0 0 0 0 rgba(51,51,51,0); transition:0.425s ease-out; -webkit-transition:0.425s ease-out;}
div.wrap.member div.login section.contents div.login-bot{}
div.wrap.member div.login section.contents div.login-bot div.row{display:flex; align-items:center; justify-content:space-between; margin-top:2rem; flex-wrap:wrap;}
div.wrap.member div.login section.contents div.login-bot div.row span.txt{color:#777;}
div.wrap.member div.login section.contents div.login-bot div.row a.c-btn{color:#555;}
@media(hover:hover){
	div.wrap.member div.login section.contents div.login-top a.btn-login:hover{background:var(--color-main01);}
	div.wrap.member div.login section.contents div.login-bot div.row a.c-btn:hover{color:var(--color-main01);}
}



/* ÇнÀÀÚµî·ÏÈ®ÀÎ */
div.wrap.member div.chk-member section.contents div.table-wrap table.def-table tbody tr td div.id{display:flex; align-items:center; justify-content:space-between;}
div.wrap.member div.chk-member section.contents div.table-wrap table.def-table tbody tr td div.id input.data-id{padding:0; border:0; background:#fff; width:auto; height:auto; border-radius:0; line-height:initial; font-family:'NanumNeo_EB',sans-serif; color:var(--color-main03);}
div.wrap.member div.chk-member section.contents div.table-wrap table.def-table tbody tr td div.id a.btn-copy{font-size:0.88rem; background:var(--color-main03-5); color:var(--color-main03); padding:0.4rem 0.8rem; border-radius:5px; word-break:keep-all;}
@media(hover:hover){
	div.wrap.member div.chk-member section.contents div.table-wrap table.def-table tbody tr td div.id a.btn-copy:hover{background:var(--color-main03-10);}
}


/* ȸ¿ø°¡ÀÔ > ¾à°üµ¿ÀÇ */
div.wrap.member div.join{width:800px;}
div.wrap.member div.join section.title{padding-bottom:0;}
div.wrap.member div.join section.title ul.step{display:flex; align-items:center; justify-content:center; margin:2rem 0 3rem 0; position:relative;}
div.wrap.member div.join section.title ul.step:before{content:''; display:block; width:45%; height:1px; background:#ccc; position:absolute; top:1.8rem; left:50%; transform:translateX(-50%); z-index:-1;}
div.wrap.member div.join section.title ul.step li{margin:0 3rem;}
div.wrap.member div.join section.title ul.step li p.step-ico{width:3.5rem; height:3.5rem; border:1px solid #ccc; background:#fff; border-radius:50%; margin:0 auto; margin-bottom:0.65rem; position:relative;}
div.wrap.member div.join section.title ul.step li p.step-num{font-size:12px; font-family:'NanumNeo_EB',sans-serif; margin-bottom:0.35rem; color:#ccc; letter-spacing:-0.5px;}
div.wrap.member div.join section.title ul.step li p.step-txt{font-size:1.1rem; font-family:'NanumNeo_R',sans-serif; color:#aaa;}
div.wrap.member div.join section.title ul.step li.on p.step-ico{border-color:var(--color-main01); box-shadow:0 10px 10px var(--color-main01-10);}
div.wrap.member div.join section.title ul.step li.on p.step-num{color:var(--color-main01);}
div.wrap.member div.join section.title ul.step li.on p.step-txt{color:#333; font-family:'NanumNeo_B',sans-serif;}
div.wrap.member div.join section.title ul.step li:nth-child(1) p.step-ico{background:#fff url("/fro_end/img/join_step1.svg")center/ 40% auto no-repeat;}
div.wrap.member div.join section.title ul.step li:nth-child(2) p.step-ico{background:#fff url("/fro_end/img/join_step2.svg")center/ 36% auto no-repeat;}
div.wrap.member div.join section.title ul.step li:nth-child(3) p.step-ico{background:#fff url("/fro_end/img/join_step3.svg")center/ 40% auto no-repeat;}
div.wrap.member div.join section.title ul.step li:nth-child(1).on p.step-ico{background:var(--color-main01) url("/fro_end/img/join_step1_on.svg")center/ 40% auto no-repeat;}
div.wrap.member div.join section.title ul.step li:nth-child(2).on p.step-ico{background:var(--color-main01) url("/fro_end/img/join_step2_on.svg")center/ 36% auto no-repeat;}
div.wrap.member div.join section.title ul.step li:nth-child(3).on p.step-ico{background:var(--color-main01) url("/fro_end/img/join_step3_on.svg")center/ 40% auto no-repeat;}
div.wrap.member div.join section.contents div.term-wrap{}
div.wrap.member div.join section.contents div.term-wrap div.term{margin:0.5rem 0; border:1px solid #ccc; padding:0.5rem; border-radius:0.5rem;}
div.wrap.member div.join section.contents div.term-wrap div.term.all{border:0; border-radius:0; padding:0; margin:1rem 0.5rem;}
div.wrap.member div.join section.contents div.term-wrap div.term.all label.c-input{font-size:1.125rem; font-family:'NanumNeo_B',sans-serif; padding-left:2.25rem;}
div.wrap.member div.join section.contents div.term-wrap div.term.all label.c-input div.ci-show{width:1.5rem; height:1.5rem;}
div.wrap.member div.join section.contents div.term-wrap div.term.all label.c-input div.ci-show:after{width:4px; height:8px;}
div.wrap.member div.join section.contents div.term-wrap div.term div.visual{position:relative; padding-right:2rem;}
div.wrap.member div.join section.contents div.term-wrap div.term div.visual label.c-input{max-width:97%;}
div.wrap.member div.join section.contents div.term-wrap div.term div.visual a.btn-arrow{display:block; width:2rem; height:2rem; background:url("/fro_end/img/ico_arrow.svg")center/40% auto no-repeat; position:absolute; top:50%; right:0; transform:translateY(-50%) rotate(90deg); opacity:0.4;}
div.wrap.member div.join section.contents div.term-wrap div.term div.visual a.btn-arrow:hover{opacity:1;}
div.wrap.member div.join section.contents div.term-wrap div.term div.visual a.btn-arrow.active{opacity:1; transform:translateY(-50%) rotate(-90deg);}
div.wrap.member div.join section.contents div.term-wrap div.term div.incon{display:none; padding:0.8rem; background:#f5f5f5; border-radius:5px; margin:0.5rem; max-height:18rem; overflow-y:auto;}


/* ȸ¿ø°¡ÀÔ > Á¤º¸ÀÔ·Â */
div.wrap.member div.join section.contents div.form-wrap.esse div.form.pw ul.pw-chk-list{display:flex; align-items:center; flex-wrap:wrap; gap:1rem; margin-top:0.5rem;}
div.wrap.member div.join section.contents div.form-wrap.esse div.form.pw ul.pw-chk-list li{font-size:0.9rem; position:relative; padding-left:1.3em; color:#aaa; font-family:'NanumNeo_B',sans-serif;}
div.wrap.member div.join section.contents div.form-wrap.esse div.form.pw ul.pw-chk-list li:before{content:''; display:block; width:1em; height:1em; background:url("/fro_end/img/ico_check.svg")center/100% auto no-repeat; position:absolute; top:3px; left:0;  opacity:.3;}
div.wrap.member div.join section.contents div.form-wrap.esse div.form.pw ul.pw-chk-list li.chk{color:#29b52e;}
div.wrap.member div.join section.contents div.form-wrap.esse div.form.pw ul.pw-chk-list li.chk:before{opacity:1; background-image:url("/fro_end/img/ico_checked.svg");}
div.wrap.member div.join section.contents div.form-wrap.choice{margin-top:4rem;}
div.wrap.member div.join section.contents div.form-wrap.choice div.top p.sub-tit{font-family:'NanumNeo_EB',sans-serif; font-size:1.25rem; border-bottom:2px solid #333; padding-bottom:0.5rem;}

/* ȸ¿ø°¡ÀÔ > °¡ÀÔ¿Ï·á */
div.wrap.member div.join section.contents div.join-confirm{text-align:center; padding:2rem 0; border-bottom:1px solid #ddd;}
div.wrap.member div.join section.contents div.join-confirm p.txt01{margin-bottom:2rem; font-size:1.5rem;}
div.wrap.member div.join section.contents div.join-confirm p.txt01:before{content:''; display:block; width:2.5rem; height:2.5rem; background:url("/fro_end/img/join_confirm.png")center/100% auto no-repeat; margin:0 auto; margin-bottom:1.5rem;}
div.wrap.member div.join section.contents div.join-confirm p.txt02{background:#f5f5f5; padding:1rem; border-radius:0.5rem; line-height:1.6;}


/* À絿ÀÇ */
div.wrap.member div.join.reagree section.title{padding-bottom:2rem;}

/* Á¤º¸¼öÁ¤ */
div.wrap.member div.join.modify section.title{padding-bottom:2rem;}

/* ¾ÆÀ̵ð/ºñ¹Ð¹øȣã±â */
div.wrap.member div.find-member section.title{padding-bottom:2rem;}
div.wrap.member div.find-member section.title ul.tab{display:flex; margin-top:3rem; background:#f3f3f3; padding:0 0.25rem; border-radius:0.8rem; justify-content:space-between; border:1px solid #ddd;}
div.wrap.member div.find-member section.title ul.tab > li{width:50%; font-size:1.125rem; color:#777; margin:0.5rem 0.25rem; border-radius:0.6rem;}
div.wrap.member div.find-member section.title ul.tab > li > a{display:block; width:100%; padding:1rem 0;}
div.wrap.member div.find-member section.title ul.tab > li.on{background:var(--color-main01); color:#fff; font-family:'NanumNeo_EB',sans-serif;}
div.wrap.member div.find-member section.contents div.find-confirm div.top{text-align:center; padding:2rem 0; background:var(--color-main01-5); margin:1rem 0; border-radius:0.8rem;}
div.wrap.member div.find-member section.contents div.find-confirm div.top p.txt01{margin-bottom:0.8rem; font-size:0.9rem; opacity:.6; font-family:'NanumNeo_B',sans-serif; letter-spacing:0.3px;}
div.wrap.member div.find-member section.contents div.find-confirm div.top p.txt02{font-size:1.25rem; font-family:'NanumNeo_EB',sans-serif; color:var(--color-main01);}
div.wrap.member div.find-member section.contents div.find-confirm.nofound div.top{background:#fff; border-radius:0;}
div.wrap.member div.find-member section.contents div.find-confirm.nofound div.top p.txt02{color:#333;}
div.wrap.member div.find-member section.contents div.find-confirm.nofound div.top p.txt02:before{content:''; display:block; width:3rem; height:3rem; background:url("/fro_end/img/find_nofound.png")center/100% auto no-repeat; margin:0 auto; margin-bottom:1rem;}
@media(hover:hover){
	div.wrap.member div.find-member section.title ul.tab > li:not(.on):hover{background:#e6e6e6;}
}


/* ºñ¹Ð¹øÈ£º¯°æ */
div.wrap.member div.change section.contents div.form-wrap div.form.pw ul.pw-chk-list{display:flex; align-items:center; flex-wrap:wrap; gap:1rem; margin-top:0.5rem;}
div.wrap.member div.change section.contents div.form-wrap div.form.pw ul.pw-chk-list li{font-size:0.9rem; position:relative; padding-left:1.3em; color:#aaa; font-family:'NanumNeo_B',sans-serif;}
div.wrap.member div.change section.contents div.form-wrap div.form.pw ul.pw-chk-list li:before{content:''; display:block; width:1em; height:1em; background:url("/fro_end/img/ico_check.svg")center/100% auto no-repeat; position:absolute; top:3px; left:0;  opacity:.3;}
div.wrap.member div.change section.contents div.form-wrap div.form.pw ul.pw-chk-list li.chk{color:#29b52e;}
div.wrap.member div.change section.contents div.form-wrap div.form.pw ul.pw-chk-list li.chk:before{opacity:1; background-image:url("/fro_end/img/ico_checked.svg");}


/* Á¤º¸¼öÁ¤ */
div.wrap.member div.modify section.title{padding-bottom:3rem;}


@media screen and (max-width:1600px){}
@media screen and (max-width:1440px){}
@media screen and (max-width:1280px){}
@media screen and (max-width:1024px){

	/* °øÅë */
	div.wrap.member p.inf-txt:before{top:2px;}
	div.wrap.member p.inf-txt.red:before{top:2px;}
	
	/* ¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ ã±â */
	div.wrap.member div.find-member section.title ul.tab > li{font-size:1.05rem;}
	div.wrap.member div.find-member section.title ul.tab > li > a{padding:0.8rem 0;}

}
@media screen and (max-width:800px){}
@media screen and (max-width:640px){

	/* °øÅë */
	div.wrap.member div.sub-container div.sub-inner{padding:4rem 0;}
	div.wrap.member div.member-box section.title p.eng{margin-bottom:0;}
	
	/* ·Î±×ÀÎ */
	div.wrap.member div.member-box{width:95%;}

	/* ȸ¿ø°¡ÀÔ */
	div.wrap.member div.join section.title ul.step li{margin:0 2rem;}
	div.wrap.member div.join section.title ul.step li p.step-ico{width:3.2rem; height:3.2rem;}
	div.wrap.member div.join section.title ul.step li p.step-num{margin-bottom:0.125rem;}
	div.wrap.member div.join section.title ul.step li p.step-txt{font-size:1rem;}
	div.wrap.member div.join section.contents div.term-wrap div.term.all{margin:0.8rem 0;}
	div.wrap.member div.join section.contents div.term-wrap div.term div.incon{max-height:12rem;}

}
@media screen and (max-width:480px){
	
	/* °øÅë*/
	div.wrap.member div.sub-container div.sub-inner{padding:3rem 0;}
	div.wrap.member div.member-box section.title{padding-bottom:2rem;}
	div.wrap.member div.member-box section.title p.kor{font-size:1.8rem;}
	div.wrap.member div.member-box section.title p.eng{font-size:0.9rem;}

	div.wrap.member div.inf-box{padding:1.5rem; padding-left:4.5rem;}
	div.wrap.member div.inf-box:before{width:2rem; height:2rem; left:1.5rem;}

	/* ·Î±×ÀÎ */
	div.wrap.member div.login{padding-top:2rem;}
	div.wrap.member div.login section.contents div.login-top div.login-input div.input-box input{height:5rem; padding-top:1.8rem; font-size:1rem;}
	div.wrap.member div.login section.contents div.login-top div.login-input div.input-box span.label{font-size:1.125rem; left:1rem;}
	div.wrap.member div.login section.contents div.login-top div.login-input div.input-box input:valid + span.label, 
	div.wrap.member div.login section.contents div.login-top div.login-input div.input-box input:active + span.label, 
	div.wrap.member div.login section.contents div.login-top div.login-input div.input-box input:focus + span.label{top:0.8rem;}
	div.wrap.member div.login section.contents div.login-top a.btn-login{padding:1.35rem 0;}

	/* ÇнÀÀÚµî·ÏÈ®ÀÎ */
	div.wrap.member div.chk-member section.contents div.table-wrap table.def-table tbody tr td div.id input.data-id{width:70%;}
	div.wrap.member div.chk-member section.contents div.table-wrap table.def-table tbody tr td div.id a.btn-copy{font-size:0; padding:0; width:1rem; height:1rem; background:url("/fro_end/img/ico_copy03.svg")center/100% auto no-repeat;}

	/* ¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ ã±â */
	div.wrap.member div.find-member section.title ul.tab > li{font-size:1rem;}
	div.wrap.member div.find-member section.contents div.find-confirm div.top{padding:1.5rem 0;}
	div.wrap.member div.find-member section.contents div.find-confirm.nofound div.top p.txt02{font-size:1rem; word-break:keep-all;}
	div.wrap.member div.find-member section.contents div.find-confirm.nofound div.top p.txt02 > br{display:none;}

	/* ȸ¿ø°¡ÀÔ */
	div.wrap.member div.join section.title ul.step{margin:1.5rem 0 0.5rem 0;}
	div.wrap.member div.join section.title ul.step:before{width:55%; top:1.5rem;}
	div.wrap.member div.join section.contents div.term-wrap div.term{padding:0.25rem;}


}
@media screen and (max-width:400px){
	/* °øÅë */
	div.wrap.member div.inf-box{padding:1.5rem; font-size:0.95rem; overflow:hidden; color:#555; border:1px solid var(--color-main01-10);}
	div.wrap.member div.inf-box:before{width:5rem; height:5rem; opacity:.1; top:-1rem; left:-1.25rem; transform:none;}

	/* ·Î±×ÀÎ */
	div.wrap.member div.login section.contents div.login-bot{margin-top:4rem;}
	div.wrap.member div.login section.contents div.login-bot div.row span.txt{font-size:0.9rem;}

	/* ȸ¿ø°¡ÀÔ */
	div.wrap.member div.join section.title ul.step li{margin:0 1.5rem;}
	div.wrap.member div.join section.title ul.step li p.step-ico{width:3rem; height:3rem;}
	div.wrap.member div.join section.title ul.step li p.step-num{font-size:11px; margin-bottom:0;}
	div.wrap.member div.join section.title ul.step li p.step-txt{font-size:0.9rem;}
	div.wrap.member div.join section.contents div.term-wrap div.term.all label.c-input{font-size:1.1rem; padding-left:2rem;}


}
@media screen and (max-width:320px){

	/* ·Î±×ÀÎ */
	div.wrap.member div.login section.contents div.login-bot div.row{display:block; text-align:center;}
	div.wrap.member div.login section.contents div.login-bot div.row span.txt{display:block; width:100%; margin-bottom:0.25rem;}
}