@charset "UTF-8";

div.member-wrap{width:100%; height:auto;}
div.member-wrap span.esse{display:inline-block; background:red; border-radius:50%; width:4px; height:4px; vertical-align:middle; margin:0 0.2rem; margin-bottom:3px;}

/* 로그인 */
div.member-wrap.login{display:flex; position:relative; min-height: 90vh;}
div.member-wrap.login div.left-img{width:50%; position:relative; overflow:hidden;}
div.member-wrap.login div.left-img:after{content:''; display:block; width:100%; height:100%; background:url("../img/login_bg2.jpg") center / cover no-repeat; position:absolute; top:0; left:0; opacity:0.9;}
div.member-wrap.login div.right-con{width:50%; padding:12rem 0;}
div.member-wrap.login div.right-con div.con{width:60%; margin:0 auto;}
div.member-wrap.login div.right-con div.con div.login-tit{font-size:2rem; margin-bottom:3rem; word-break:keep-all; text-align: center; font-family: 'NanumNeo_EB', sans-serif;}
div.member-wrap.login div.right-con div.con p.eng{color: var(--color-main04); font-size: 1rem; margin-bottom: 0.625rem; letter-spacing: 2px;}
div.member-wrap.login div.right-con div.con div.input-box{}
div.member-wrap.login div.right-con div.con div.input-box input{width:100%;}
div.member-wrap.login div.right-con div.con div.input-box div.input-login{margin-bottom:1.5rem;}
div.member-wrap.login div.right-con div.con div.input-box div.input-login input.input-id{margin-bottom:1rem;}
div.member-wrap.login div.right-con div.con div.input-box div.input-login div.pw{width:100%;}
div.member-wrap.login div.right-con div.con div.input-box div.input-login div.pw a.pw-eyes{width:1.5rem; height:1.5rem; position:absolute; top:50%; right:0.8rem; transform:translateY(-50%);}
div.member-wrap.login div.right-con div.con div.input-box div.input-login div.pw a.pw-eyes.show{background:url("../img/ic_pw_show.svg")center/100% auto no-repeat;}
div.member-wrap.login div.right-con div.con div.input-box div.input-login div.pw a.pw-eyes.hide{background:url("../img/ic_pw_hide.svg")center/100% auto no-repeat;}
div.member-wrap.login div.right-con div.con div.input-box div.remember-id label.c-input{padding:0 0 0 1.8rem;}
div.member-wrap.login div.right-con div.con div.input-box div.login-btn{width:100%; background:#333; color:#fff; text-align:center; font-size:1.125rem; font-family: 'NanumNeo_B', sans-serif; border-radius: .5rem; margin-top:2rem; margin-bottom:1.5rem; transition:0.3s;} 
div.member-wrap.login div.right-con div.con div.input-box div.login-btn a{display:inline-block; width:100%; height:100%; padding:1.25rem 0; }
div.member-wrap.login div.right-con div.con div.input-box div.other-mem ul{display:flex;}
div.member-wrap.login div.right-con div.con div.input-box div.other-mem ul > li{position:relative; margin-right:0.625rem; padding-right:0.875rem;}
div.member-wrap.login div.right-con div.con div.input-box div.other-mem ul > li:last-child:after{display:none;}
div.member-wrap.login div.right-con div.con div.input-box div.other-mem ul > li:after{content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:3px; height:3px; background:#ddd;}
div.member-wrap.login div.right-con div.con div.input-box div.other-mem ul > li a{transition:0.2s;}
@media (hover: hover){
	div.member-wrap.login div.right-con div.con div.input-box div.login-btn:hover{transform:translateY(-6px); box-shadow:0 10px 30px rgba(39,46,67,0.2);}
	div.member-wrap.login div.right-con div.con div.input-box div.other-mem ul > li:hover a{color:var(--color-main01);}
}

/* 회원가입 */
div.member-wrap.join{background:#F7F7F7; height:auto;}
div.member-wrap.join00,
div.member-wrap.join01,
div.member-wrap.join02,
div.member-wrap.join03,
div.member-wrap.join04{display:none;}
div.member-wrap.join.initial-visible{display:block;}
div.member-wrap.join div.join-inner{width:100%; height:100%; position:relative; padding:5rem 0 8rem 0; z-index:2;}
div.member-wrap.join div.join-inner h3.sect-tit{text-align:center;}
div.member-wrap.join div.join-inner div.join-box{width:960px; min-height:90%; margin:0 auto; }
div.member-wrap.join div.join-inner div.join-box ul.step-list{display:flex;  background: #E3E3E3; border-radius: 1.5rem 1.5rem 0 0;}
div.member-wrap.join div.join-inner div.join-box ul.step-list li{width:33.33%; text-align:center; padding:1.125rem 0; font-size:1.125rem; color:#777;font-family:'NanumNeo_B',sans-serif; position:relative;}
div.member-wrap.join div.join-inner div.join-box ul.step-list.step-list--four li{width:25%;}
div.member-wrap.join div.join-inner div.join-box ul.step-list li span.step-txt{display: block; margin-bottom: 0.5rem; font-size: 0.8rem;}
div.member-wrap.join div.join-inner div.join-box ul.step-list li:last-child:after{display:none;}
div.member-wrap.join div.join-inner div.join-box ul.step-list li.on{color:var(--color-main01); border-bottom: 2px solid var(--color-main01); background: #fff; border-radius: 1.5rem 1.5rem 0 0; font-family:'NanumNeo_EB',sans-serif;}
div.member-wrap.join div.join-inner div.join-box ul.step-list li.on:after{opacity:1;}
div.member-wrap.join div.join-inner div.join-box div.contents{padding:2rem; background:#fff;  box-shadow: rgba(0, 0, 0, 0.15) 0px 6px 20px 0px; border-radius: 0 0 1.5rem 1.5rem; overflow: hidden;}
div.member-wrap.join.join04 div.join-inner div.join-box div.contents{border-radius: 1.5rem;}
div.member-wrap.join div.join-inner div.join-box div.contents div.cont-inner{}
div.member-wrap.join div.join-inner div.join-box div.contents div.cont-inner div.btn-wrap{display:flex; justify-content:space-between; margin-top:3rem;}
div.member-wrap.join div.join-inner div.join-box div.contents div.cont-inner div.btn-wrap > a.c-btn{width:48%; font-size:1.125rem; text-align:center;}
div.member-wrap.join div.join-inner div.join-box div.contents div.cont-inner h4.title{font-size:1.4rem; font-family:'NanumNeo_EB',sans-serif; margin-bottom:1rem; word-break:keep-all;}
div.member-wrap.join div.join-inner div.join-box div.contents div.cont-inner p.t-inf{color:#6f6f6f; font-size:0.9rem;}
div.member-wrap.join div.join-inner div.join-box div.contents div.cont-inner section.sect{margin-bottom:3rem;}
div.member-wrap.join div.join-inner div.join-box div.contents div.cont-inner section.sect.last{margin-bottom:0;}
div.member-wrap.join div.join-inner div.join-box div.contents div.cont-inner section.sect div.sect-top{display:flex; align-items:center; gap:1rem; margin-bottom:1rem;}
div.member-wrap.join div.join-inner div.join-box div.contents div.cont-inner section.sect div.sect-top h4.title{margin:0;}
div.member-wrap.join div.join-inner div.join-box div.contents div.cont-inner div.term-wrap{}
div.member-wrap.join div.join-inner div.join-box div.contents div.cont-inner div.term-wrap div.term{}
div.member-wrap.join div.join-inner div.join-box div.contents div.cont-inner div.term-wrap div.term div.term-input{position:relative; border-bottom:1px solid #ddd;}
div.member-wrap.join div.join-inner div.join-box div.contents div.cont-inner div.term-wrap div.term div.term-input label{font-size:1.125rem; font-family:'NanumNeo_B',sans-serif;}
div.member-wrap.join div.join-inner div.join-box div.contents div.cont-inner div.term-wrap div.term div.term-input a.term-box-arrow{width:1rem; height:1rem; display:block; background:url("../img/ico_arrow_down.svg")center/80% auto no-repeat; position:absolute; top:50%; right:0; transform:translateY(-50%);}
div.member-wrap.join div.join-inner div.join-box div.contents div.cont-inner div.term-wrap div.term div.term-input a.term-box-arrow.open{transform:translateY(-50%) rotate(-180deg);}
div.member-wrap.join div.join-inner div.join-box div.contents div.cont-inner div.term-wrap div.term div.term-box{background:#f5f5f5; height:0; padding:0; line-height:1.5; font-size:0.9rem; overflow:hidden;}
div.member-wrap.join div.join-inner div.join-box div.contents div.cont-inner div.term-wrap div.term div.term-box.open{height:auto !important; padding:1rem; overflow-y:auto; max-height:18rem;}
div.member-wrap.join div.join-inner div.join-box div.contents div.cont-inner div.term-wrap div.term.all div.term-input{border-bottom:none;}
div.member-wrap.join div.join-inner div.join-box div.contents div.cont-inner div.term-wrap div.term.all div.term-input label{font-family:'NanumNeo_EB',sans-serif;}
div.member-wrap.join div.join-inner div.join-box div.contents div.cont-inner div.term-wrap div.term.all div.term-box{border:1px solid #333; background:#fff; font-size:1rem;}

/* 회원가입 > 본인인증 */
div.member-wrap.join div.identity-box{border:1px solid #ddd; background:#fafafa; padding:1.25rem; border-radius:.5rem; margin-top:1rem;}
div.member-wrap.join div.identity-box p.identity-message{font-size:1rem; font-family:'NanumNeo_B',sans-serif;}
div.member-wrap.join dl.identity-summary{margin-top:1rem;}
div.member-wrap.join dl.identity-summary > div{display:flex; gap:1rem; padding:.5rem 0; border-top:1px solid #e5e5e5;}
div.member-wrap.join dl.identity-summary dt{width:6rem; color:#555; font-family:'NanumNeo_B',sans-serif;}
div.member-wrap.join dl.identity-summary dd{flex:1;}
div.member-wrap.join div.verification-dev-box{margin-top:1rem; padding-top:1rem; border-top:1px dashed #ddd;}
div.member-wrap.join .hidden{display:none !important;}

/* 회원가입 > 증명사진 */
div.member-wrap.join div.form div.attach-wrap{width:7rem;}
div.member-wrap.join div.form div.attach-wrap div.img-preview{width:100%; border:1px solid #333; border-bottom:0; height:8rem; position:relative; background:#fff;}
div.member-wrap.join div.form div.attach-wrap div.img-preview img{width:100%; height:100%; object-fit:contain;}
div.member-wrap.join div.form div.attach-wrap div.img-preview span{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:0.9rem; color:#aaa;}
div.member-wrap.join div.form div.attach-wrap div.attach-area{width:100%;}
div.member-wrap.join div.form div.attach-wrap div.attach-area a.btn-attach{width:100%; padding:0.6rem; text-align:center; background:#333; color:#fff; font-size:0.925rem; font-family:'Pretendard-Medium', 'NotoKr_M', sans-serif;}
div.member-wrap.join div.form div.attach-wrap div.attach-area input[type="file"]{position:absolute; top:0; left:0; opacity:0; pointer-events:none;}

/* 아이디/비밀번호 찾기 */
div.member-wrap.join.find ul.tab{display:flex; width:100%; margin-bottom:2rem; background:#E3E3E3; padding:0.5rem; border:1px solid #ccc; border-radius: 50px;}
div.member-wrap.join.find ul.tab > li{width:50%; text-align:center; font-size:1.125rem; color: #777; font-family:'NanumNeo_B',sans-serif; border-radius: 50px;}
div.member-wrap.join.find ul.tab > li a{padding:1rem 0.5rem; width:100%;}
div.member-wrap.join.find ul.tab > li.on{background:var(--color-main01); color:#fff; font-family:'NanumNeo_EB',sans-serif;} 
div.member-wrap.join.find div.join-inner div.join-box div.contents{border-radius: 1.5rem;}

/* 회원정보변경 */
div.member-wrap.join.modify div.join-inner div.join-box div.contents{border-radius: 1.5rem;}

/* 비밀번호 변경 */
div.member-wrap.join.changepw div.join-inner div.join-box div.contents{border-radius: 1.5rem;}

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

}

@media screen and (max-width: 1440px){
    /* 로그인 */
    div.member-wrap.login div.left-img{width:60%;}
    div.member-wrap.login div.right-con{width:40%;}
}

@media screen and (max-width: 1280px){
	/* 로그인 */
	div.member-wrap.login{flex-wrap:wrap; min-height:unset;}
	div.member-wrap.login div.left-img{width:100%; height:60%; position:absolute; bottom:0; left:0; background:#fff;}
	div.member-wrap.login div.left-img:after{background:url("../img/login_bg_mo2.png") center / cover no-repeat; opacity:0.2;}
	div.member-wrap.login div.right-con{width:100%; position:relative; padding: 8rem 0 10rem 0;}
	div.member-wrap.login div.right-con div.con{width:70%;}
}

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

}

@media screen and (max-width: 1024px){
	/* 로그인 */
	div.member-wrap.login div.right-con div.con{width: 90%;}

	/* 회원가입 */
	div.member-wrap.join div.join-inner div.join-box{width:90%;}
	div.member-wrap.join div.join-inner div.join-box ul.step-list li{font-size:1rem;}
}

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

}

@media screen and (max-width: 640px){
	/* 로그인 */
	div.member-wrap.login div.right-con div.con{width:80%;}
}

@media screen and (max-width: 480px){
	/* 로그인 */
	div.member-wrap.login div.left-img{height: 50%;}
	div.member-wrap.login div.right-con{padding:6rem 0 8rem 0;}

	/* 회원가입 */
	div.member-wrap.join div.join-inner{padding-top:4rem;}
	div.member-wrap.join div.join-inner div.join-box ul.step-list li{padding: 1rem 0;}
	div.member-wrap.join div.join-inner div.join-box div.contents div.cont-inner section.sect div.sect-top{display:block;}
	div.member-wrap.join div.join-inner div.join-box div.contents div.cont-inner section.sect div.sect-top h4.title{margin-bottom:0.5rem;}

	/* 아이디/비밀번호 찾기 */
	div.member-wrap.join.find ul.tab > li{font-size:1rem;}
	div.member-wrap.join.find ul.tab > li a{padding:1rem 0.25rem;}
}

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

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

}

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

}

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

}