@charset "utf-8";

/* °øÅë */
input.input-id{background:#fff url("/fro_end/img/input_id.svg") 0.8rem center / 1.6rem auto no-repeat; padding-left:3rem;}
input.input-pw{background:#fff url("/fro_end/img/input_pw.svg") 0.75rem center / 1.8rem auto no-repeat; padding-left:3rem;}
div.pw{position:relative;}
div.pw a.show-pw{display:block; width:1.5rem; height:1.5rem; background:url("/fro_end/img/input_showpw.svg")center/100% auto no-repeat; cursor:pointer; position:absolute; top:50%; right:1rem; transform:translateY(-50%);}
div.pw a.show-pw.hide{background-image:url("/fro_end/img/input_hidepw.svg");}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{padding-left:1rem !important;}
img.mem-img{width:6rem;} /* Áõ¸í»çÁø */

/* member */
div.mem-wrap{background:#f5f5f5;}
div.mem-wrap div.mem-inner{width:960px; margin:5rem auto;}
div.mem-wrap div.mem-box{width:960px; margin:5rem auto; background:#fff; padding-top:0; border:1px solid #ddd; border-radius:30px; box-shadow:0 25px 40px rgba(0,0,0,0.1); overflow:hidden;}
div.mem-wrap div.mem-box div.mem-tit{display:flex; align-items:center; background:var(--color-main01); color:#fff; padding:1.2rem 2rem; font-size:1.3rem; font-family:'Pretendard-Bold';}
div.mem-wrap div.mem-box div.mem-tit span.step{font-family:'Montserrat_M'; display:inline-block; margin-right:0.8rem; padding-right:0.8rem; border-right:1px solid rgba(255,255,255,0.5);} 
div.mem-wrap div.mem-box div.mem-tit.tit02{background:var(--color-main02);}
div.mem-wrap div.mem-box div.mem-tit.tit03{background:var(--color-main03);}
div.mem-wrap div.mem-box div.mem-tit.tit04{background:var(--color-main04);}
div.mem-wrap div.mem-box div.mem-con{padding:2.4rem;}
div.mem-wrap div.mem-box div.mem-con.term-wrap{padding-top:1rem;}
div.mem-wrap div.mem-box div.mem-info{background:#4d4d4d; padding:1rem 2rem;}
div.mem-wrap div.mem-box div.mem-info .form-info{color:#fff;}
div.mem-wrap div.mem-box div.mem-info .form-info:first-child{margin-top:0 !important;}
div.mem-wrap div.mem-box div.mem-info .form-info:before{background-image:url("/fro_end/img/ic_form_info_wh.svg");}

/* form */
.form-label{font-size:1rem; display:inline-block; color:var(--color-main01); position:relative;}
.form-label:before{content:''; display:block; width:100%; height:50%; background:rgba(var(--color-main01-rgb),0.08); position:absolute; left:0; bottom:0;}
.form-info{padding-left:1.5rem; font-size:1rem; position:relative; margin-top:0.5rem; color:#666;}
.form-info:before{content:''; display:block; width:1.2rem; height:1.2rem; background:url("/fro_end/img/ic_form_info.svg")center/100% auto no-repeat; position:absolute; top:0; left:0;}
.form-fix{height:3rem; line-height:3rem; color:#5f5f5f; font-family:'Pretendard-Light'; font-size:1.2rem;}
div.form-wrap{}
div.form-wrap div.form{display:flex; align-items:flex-start; margin-bottom:1.2rem; padding-bottom:1.2rem; border-bottom:1px dashed #ddd;}
div.form-wrap div.form:last-child,
div.form-wrap div.form.last{margin-bottom:0 !important; padding-bottom:0 !important; border-bottom:0;}
div.form-wrap div.form div.tit{width:20%; font-size:1.25rem; font-family:'Pretendard-SemiBold'; letter-spacing:1px; text-align:center; padding:0.8rem 0;}
div.form-wrap div.form div.con{width:80%;}
div.form-wrap div.form div.form-viewimg{width:6rem; height:8rem; border:1px solid #ddd; overflow:hidden; background:#eee url("/fro_end/img/symbol.png")center/50% auto no-repeat;}
div.form-wrap div.form div.form-viewimg img{width:100%; height:100%; object-fit:contain;}
div.form-wrap div.form.hidden{display:none;}

/* term */
div.term-wrap{}
div.term-wrap div.term{border-bottom:1px dashed #ddd;}
div.term-wrap div.term:last-child{border-bottom:0;}
div.term-wrap div.term div.tit{position:relative; padding-right:3rem;}
div.term-wrap div.term div.tit label.c-input{font-size:1.2rem;}
div.term-wrap div.term div.tit a.veiw{display:block; width:3rem; height:3rem; position:absolute; top:1px; right:0; font-size:0; opacity:0.6; background:url("/fro_end/img/ic_select_arrow.svg")center/30% auto no-repeat;}
div.term-wrap div.term div.tit a.veiw:hover{opacity:1;}
div.term-wrap div.term div.tit a.veiw.on{transform:rotate(-180deg);}
div.term-wrap div.term div.con{background:#f5f5f5; border:1px solid #ddd; border-radius:10px; padding:1rem; line-height:1.5; max-height:14rem; overflow-y:auto;}
div.term-wrap div.term:not(.all, .alway) div.con{display:none; margin-bottom:1rem;}
div.term-wrap div.term.all{border-bottom:0;}
div.term-wrap div.term.all div.tit label.c-input{font-family:'Pretendard-SemiBold'; font-size:1.3rem; padding-left:1.8rem;}
div.term-wrap div.term.all div.con{border-color:#5f5f5f;}
div.term-wrap div.term div.con div.set{margin-bottom:0.5rem;}
div.term-wrap div.term div.con p.tit01{text-align:center; font-family:'Pretendard-Bold'; margin-bottom:0.5rem; font-size:0.95rem;}
div.term-wrap div.term div.con p.txt01{font-family:'Pretendard-Medium'; font-size:0.95rem;}
div.term-wrap div.term div.con p.txt02{margin:2px 0;}
div.term-wrap div.term div.con p.txt03{text-align:center;}
div.term-wrap div.term div.con ul{margin-bottom:0.25rem;}
div.term-wrap div.term div.con ul > li:last-child{margin-bottom:0 !important;}
div.term-wrap div.term div.con ul.numlist01 > li{padding-left:1rem; position:relative;}
div.term-wrap div.term div.con ul.numlist01 > li:before{content:''; display:block; font-size:0.8rem; position:absolute; top:0; left:0;}
div.term-wrap div.term div.con ul.numlist01 > li:nth-child(1):before{content:'1.';}
div.term-wrap div.term div.con ul.numlist01 > li:nth-child(2):before{content:'2.';}
div.term-wrap div.term div.con ul.numlist01 > li:nth-child(3):before{content:'3.';}
div.term-wrap div.term div.con ul.numlist01 > li:nth-child(4):before{content:'4.';}
div.term-wrap div.term div.con ul.numlist01 > li:nth-child(5):before{content:'5.';}
div.term-wrap div.term div.con ul.numlist01 > li:nth-child(6):before{content:'6.';}
div.term-wrap div.term div.con ul.numlist01 > li:nth-child(7):before{content:'7.';}
div.term-wrap div.term div.con ul.numlist01 > li:nth-child(8):before{content:'8.';}
div.term-wrap div.term div.con ul.numlist01 > li:nth-child(9):before{content:'9.';}
div.term-wrap div.term div.con ul.numlist01 > li:nth-child(10):before{content:'10.';}
div.term-wrap div.term div.con ul.numlist01 > li:nth-child(11):before{content:'11.';}
div.term-wrap div.term div.con ul.numlist01 > li:nth-child(12):before{content:'12.';}
div.term-wrap div.term div.con ul.numlist01 > li:nth-child(13):before{content:'13.';}
div.term-wrap div.term div.con ul.numlist01 > li:nth-child(14):before{content:'14.';}
div.term-wrap div.term div.con ul.inlist01{margin:2px 0;}
div.term-wrap div.term div.con ul.inlist01 > li{font-family:'Pretendard-Light'; padding-left:1rem; position:relative;}
div.term-wrap div.term div.con ul.inlist01 > li:before{content:''; display:block; font-size:11px; position:absolute; top:2px; left:0;}
div.term-wrap div.term div.con ul.inlist01 > li:nth-child(1):before{content:'(1)'}
div.term-wrap div.term div.con ul.inlist01 > li:nth-child(2):before{content:'(2)'}
div.term-wrap div.term div.con ul.inlist01 > li:nth-child(3):before{content:'(3)'}
div.term-wrap div.term div.con ul.inlist01 > li:nth-child(4):before{content:'(4)'}
div.term-wrap div.term div.con ul.inlist01 > li:nth-child(5):before{content:'(5)'}
div.term-wrap div.term div.con ul.inlist01 > li:nth-child(6):before{content:'(6)'}
div.term-wrap div.term div.con ul.inlist01 > li:nth-child(7):before{content:'(7)'}
div.term-wrap div.term div.con ul.inlist01 > li:nth-child(8):before{content:'(8)'}
div.term-wrap div.term div.con ul.inlist01 > li:nth-child(9):before{content:'(9)'}
div.term-wrap div.term div.con ul.inlist01 > li:nth-child(10):before{content:'(10)'}


/* ·Î±×ÀÎ */
div.mem-wrap.login{display:flex; padding:0; background:#fff;}
div.mem-wrap.login div.left-img{width:40%; position:relative; background:#222; overflow:hidden;}
div.mem-wrap.login div.left-img:after{content:''; display:block; animation:scaleBg 5s; width:100%; height:100%; background:url("/fro_end/img/login_bg.jpg")center/cover no-repeat; position:absolute; top:0; left:0; opacity:0.9;}
div.mem-wrap.login div.right-con{width:60%; padding:10rem 0;}
div.mem-wrap.login div.right-con div.login-box{width:640px; margin:0 auto;}
div.mem-wrap.login div.right-con div.login-box div.tit{font-size:2.5rem; font-family:'Pretendard-Bold'; margin-bottom:1rem;}
div.mem-wrap.login div.right-con div.login-box div.con div.input-login{}
div.mem-wrap.login div.right-con div.login-box div.con div.input-login input.input-id{margin-bottom:0.6rem;}
div.mem-wrap.login div.right-con div.login-box div.con div.remember-id{}
div.mem-wrap.login div.right-con div.login-box div.con div.login-btn{}
div.mem-wrap.login div.right-con div.login-box div.con div.login-btn a.log-in{display:block; width:100%; background:var(--color-main01); color:#fff; font-size:1.25rem; text-align:center; padding:1rem 0; border-radius:8px; box-shadow:0 10px 30px rgba(var(--color-main01-rgb), 0.12); font-family:'Pretendard-SemiBold'; transition:0.6s;}
div.mem-wrap.login div.right-con div.login-box div.con div.other-mem{margin-top:3rem;}
div.mem-wrap.login div.right-con div.login-box div.con div.other-mem ul{display:flex; align-items:center; justify-content:center;}
div.mem-wrap.login div.right-con div.login-box div.con div.other-mem ul > li{margin-right:1.5rem; position:relative;}
div.mem-wrap.login div.right-con div.login-box div.con div.other-mem ul > li:after{content:''; display:block; width:7px; height:7px; border-radius:50%; background:#222; opacity:0.2; position:absolute; top:50%; right:-1rem; transform:translateY(-50%);}
div.mem-wrap.login div.right-con div.login-box div.con div.other-mem ul > li:last-child{margin-right:0 !important;}
div.mem-wrap.login div.right-con div.login-box div.con div.other-mem ul > li:last-child:after{display:none;}
div.mem-wrap.login div.right-con div.login-box div.con div.other-mem ul > li a{font-size:1.1rem; padding-bottom:2px;}
div.mem-wrap.login div.right-con div.login-box div.con div.other-mem ul > li.join a{color:var(--color-main01); font-family:'Pretendard-Medium';}
@keyframes scaleBg{
	0%{transform:scale(1.8);  opacity:0.6;}
	100%{transform:scale(1); opacity:0.9;}
}
@media (hover:hover){
	div.mem-wrap.login div.right-con div.login-box div.con div.login-btn a.log-in:hover{background:var(--color-main04); box-shadow:0 15px 30px rgba(var(--color-main04-rgb), 0.2); transform:translateY(-3px);}
	div.mem-wrap.login div.right-con div.login-box div.con div.other-mem ul > li a:hover{border-bottom:1px solid #222;}
	div.mem-wrap.login div.right-con div.login-box div.con div.other-mem ul > li.join a:hover{border-bottom:1px solid var(--color-main01);}
}

/* ¾ÆÀ̵ð ã±â */
div.mem-wrap.find02.id div.mem-inner div.table-wrap span.userID{font-size:1.8rem; display:inline-block; margin:0 3px; color:#ffd595;}

/* ºñºô¹øÈ£ ã±â */
div.mem-wrap.find02.pw div.mem-box div.find-result{padding:3rem;}
div.mem-wrap.find02.pw div.mem-box div.find-result p{text-align:center; font-size:1.25rem; line-height:1.6;}






@media screen and (max-width:1600px){}
@media screen and (max-width:1440px){}
@media screen and (max-width:1280px){}
@media screen and (max-width:1024px){
	/* layout */
	div.mem-wrap div.mem-box{width:90%;}
	div.mem-wrap div.mem-inner{width:90%;}

	/* ·Î±×ÀÎ */
	div.mem-wrap.login{display:block; position:relative;}
	div.mem-wrap.login div.left-img{width:100%; height:50%; position:absolute; bottom:0; left:0; background:#fff;}
	div.mem-wrap.login div.left-img:after{opacity:0.1;}
	div.mem-wrap.login div.right-con{width:100%; position:relative; z-index:9;}
	div.mem-wrap.login div.right-con div.login-box{width:50%;}
	div.mem-wrap.login div.right-con div.login-box div.tit{text-align:center;}
	@keyframes scaleBg{
	0%{transform:scale(1.4);  opacity:0.2;}
	100%{transform:scale(1); opacity:0.1;}
	}
}
@media screen and (max-width:884px){
	/* layout */
	div.mem-wrap div.mem-box div.mem-tit{font-size:1.1rem;}
	div.mem-wrap div.mem-box div.mem-con{padding:2rem;}

	/* form */
	div.form-wrap div.form div.tit{font-size:1.15rem;}

	/* term */
	div.term-wrap div.term div.tit label.c-input{font-size:1.15rem;}
	div.term-wrap div.term div.con{padding:0.8rem;}

	/* ·Î±×ÀÎ */
	div.mem-wrap.login div.right-con div.login-box{width:60%;}
}
@media screen and (max-width:768px){}
@media screen and (max-width:640px){
	/* form */
	div.form-wrap div.form{display:block;}
	div.form-wrap div.form div.tit{width:100%; text-align:left; padding-top:0;}
	div.form-wrap div.form div.con{width:100%;}

	/* ·Î±×ÀÎ */
	div.mem-wrap.login div.right-con div.login-box{width:80%;}
}
@media screen and (max-width:480px){
	/* °øÅë */
	div.pw a.show-pw{width:1.2rem; height:1.2rem;}

	/* layout */
	div.mem-wrap div.mem-box{margin:3rem auto;}
	div.mem-wrap div.mem-box div.mem-info{padding:1rem 1.5rem;}

	/* form */
	div.form-wrap div.form div.tit{font-size:1.05rem; padding-bottom:0.5rem;}
	div.form-wrap div.form div.con label.c-input.is-foreigner{line-height:initial !important; margin-top:0.5rem;}

	/* term */
	div.term-wrap div.term div.tit{padding-right:2.5rem;}
	div.term-wrap div.term div.tit label.c-input{font-size:1.05rem;}
	div.term-wrap div.term div.tit a.veiw{width:2.5rem; height:2.5rem; top:2px;}
	div.term-wrap div.term div.con{font-size:0.9rem; border-radius:8px; line-height:1.4;}

	/* ·Î±×ÀÎ */
	input.input-id{background-size:1.3rem auto; background-position:0.5rem center; padding-left:2.3rem;}
	input.input-pw{background-size:1.4rem auto; background-position:0.5rem center; padding-left:2.3rem;}
	div.mem-wrap.login div.right-con{padding-top:5rem; padding-bottom:15rem;}
	div.mem-wrap.login div.right-con div.login-box div.con div.login-btn a.log-in{font-size:1.1rem; padding:0.85rem 0;}
	div.mem-wrap.login div.right-con div.login-box div.con div.other-mem ul > li a{font-size:1rem;}

	/* ¾ÆÀ̵ðã±â */
	div.mem-wrap.find02.id div.mem-inner div.table-wrap span.userID{font-size:1.3rem;}
}
@media screen and (max-width:425px){
	/* layout */
	div.mem-wrap div.mem-box{border-radius:20px; box-shadow:0 8px 20px rgba(0,0,0,0.1);}
	div.mem-wrap div.mem-box div.mem-tit{font-size:1.1rem; padding:1rem 1.5rem;}
	div.mem-wrap div.mem-box div.mem-con{padding:1rem;}

	/* form */
	.form-info{font-size:0.85rem; padding-left:1.2rem;}
	.form-info:before{width:0.95rem; height:0.95rem; top:2px;}

	/* term */
	div.term-wrap div.term div.con{font-size:0.8rem;}
}
@media screen and (max-width:390px){}
@media screen and (max-width:320px){}