/* 탭 (2차메뉴) */
ul.sub_lnb_container_newentrance li{width:20%}





/* 아이디/비밀번호 찾기 (학원안내) */
div.shool_guide_box_wrap{float:left; width:calc(33.33% - 30px); margin:0 15px; margin-bottom:50px; border:1px solid #ddd;}
	div.shool_guide_box{padding:30px;}
		div.shool_guide_box > h3{padding-bottom:30px; text-align:center; font-size:2rem; border-bottom:1px solid #111;}
		
		div.shool_guide_box > dl {padding:15px 0; font-size:1.125rem; border-bottom:1px solid #ddd;}
			div.shool_guide_box dl dt{float:left; width:32%; color:#999; }
			div.shool_guide_box dl dd{float:left; width:68%; padding-left:10px;}
	
	a.btn_view_fee{width:100%; height:50px; line-height:50px; color:#fff; text-align:center; background:#111; }
	a.btn_view_fee:hover{background:#E70012;}

@media screen and (max-width: 1919px) {
	div.shool_guide_box dl dt{width:35%;}
	div.shool_guide_box dl dd{width:65%}
}

@media screen and (max-width: 1679px) {
	div.shool_guide_box > h3{font-size:1.6rem;}

	div.shool_guide_box table{word-break:break-all; }
	div.shool_guide_box dl dt{width:100%; margin-bottom:5px;}
	div.shool_guide_box dl dd{width:100%; padding-left:0;}
	
}

@media screen and (max-width: 1023px) {
	div.shool_guide_box_wrap{width:100%; margin:0; margin-bottom:20px;}

	div.shool_guide_box > dl{padding:10px 0;}
	div.shool_guide_box dl dt{width:5%; margin-bottom:0;}
	div.shool_guide_box dl dd{width:95%; padding-left:10px;}


}

@media screen and (max-width: 767px) {
	div.shool_guide_box table{margin:20px 0 0 0;}
	div.shool_guide_box > dl{font-size:1rem;}	
	div.shool_guide_box dl dt{width:13%; }
	div.shool_guide_box dl dd{width:87%; word-break:break-all;}
}




/* 로그인 */
div.login_fullbackground_wrap {
    position: relative;
    height: 100vh;
    background: url(../../_images/contents/bg_login.jpg) no-repeat top/cover;
}

@font-face {
    font-family: 'NEXEN_TIRE_Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_eight@1.0/NEXEN_TIRE_Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

div.login_fullbackground_wrap h1{position:absolute; top:30px; left:30px;}
div.login_fullbackground_wrap h1 img{max-width:138px;}


div.login_fullbackground_wrap div.left, div.login_fullbackground_wrap div.right{position:relative; float:left; width:50%; height:100vh;}

div.login_fullbackground_wrap div.left{}
	div.left > dl{position:absolute; bottom:10%; right:30px; color:#fff; text-align:right;}
	div.left > dl dt{font-family: 'NEXEN_TIRE_Regular'; opacity:0.1; font-size:5.8125rem;}
	div.left > dl dd.big{font-size:3rem;}
	div.left > dl dd.middle{font-size:1.5625rem}

div.login_fullbackground_wrap div.right{background:#fff;}
	div.right div.gosite_wrap{display:flex; align-items:center; justify-content:end; float:right;}
		div.right div.gosite_wrap a{width:80px; height:80px; line-height:80px; text-align:center; color:#111; font-size:0.8125rem; border-left:1px solid #ddd; border-bottom:1px solid #ddd; background:#f9f3f3;}


	div.right  div.login_wrap{
		width:50%; position:absolute; top:50%; left:14%; 
		-webkit-transform: translateY(-50%); 
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	div.right h2{font-size:1.25rem; font-size:1.25rem;  color:#212121; }
	div.right h2 p{font-family: 'NEXEN_TIRE_Regular'; font-size:3.75rem; color:#e70012; }

	div.right form.public_form label{margin-bottom:0; font-size:0.9375rem;  color:#7f7f7f; font-weight:300;}
	div.right form.public_form input{padding:0 !important; height:40px; line-height:40px; border:none; border-bottom:1px solid #ddd;}
	div.right form.public_form p.for_rela{height:40px;}
	div.right form.public_form .for_ab{top:18%;}
	div.right .for_rela img{max-width:27px;}


	div.right .btn_login{overflow:hidden; border-radius:5px; background:#e70012; }
	div.right .btn_login:hover{background:#111;}
	div.right .btn_login a{color:#fff;}
	div.right a.find{display:block; font-size:0.875rem; color:#7f7f7f; text-align:right; text-decoration:underline;}
	

@media screen and (max-width: 1335px) {
	div.right  div.login_wrap{width:60%}
}

@media screen and (max-width: 1023px) {
	div.login_fullbackground_wrap div.left{width:40%;}
	div.login_fullbackground_wrap div.right{width:60%;}
	
	div.left > dl dt{font-size:3rem;}
	div.left > dl dd.big{font-size:2rem;}
	div.left > dl dd.middle{font-size:1rem; font-weight:200;}
	div.left > dl dd.middle br{display:none;}

	div.right  div.login_wrap{width:60%}

}

@media screen and (max-width: 767px) {
	div.login_fullbackground_wrap div.left{display:none;}
	div.login_fullbackground_wrap div.right{width:100%;}

	div.right div.login_wrap{left:50%; transform:translate(-50%, -50%);}
}

@media screen and (max-width: 479px) {
	div.right div.login_wrap{width:70%;}
	div.right div.gosite_wrap a{height:50px; line-height:50px;}
}