@charset "UTF-8";

/* 박스 */
.login_box{max-width: 800px; margin:0 auto;  margin-top:50px; padding:60px 60px 80px 60px; text-align: center; border-radius: 20px; background: #fff; box-shadow: 0 0 20px 0 rgba(0, 33, 62, 0.07);}
.login_box h3{display:block; margin-bottom:20px; text-align:center; font-size:46px; font-weight:300; font-family: 'Pretendard-Light'; }
.login_box .des{margin-bottom:60px; font-size:20px;}
.login_box input{margin-bottom:10px; background:#fff; border-radius:8px;}


@media screen and (max-width: 767px) {
	.login_box{padding:50px 30px 50px 30px;}
}

@media screen and (max-width: 360px) {
	.login_box{padding:50px 20px 50px 20px;}
}

@media screen and (max-width: 479px) {
	.login_box h3{font-size:30px; margin:0;}

}


/* 로그인 버튼 */
.btn_login_wrap{margin-top:40px; display:flex; justify-content:space-between;}
	.btn_login{
		width:100%; height:60px; line-height: 60px; text-align: center; font-family: 'Pretendard-SemiBold';
		font-size:20px; border-radius: 8px; color:#fff !important; background:#008CBA;
		}
		.btn_login:last-child{margin-right:0;}
		.btn_login:hover{background:#404040;}

@media screen and (max-width: 479px) {
	div.btn_login_wrap{display:block;}
	.btn_login{font-size:18px;}
	.btn_login:first-child{margin-bottom:10px;}


}


/* (하단)아이디/비번찾기 */
.find_join_wrap{position: relative; margin-top:20px;}
	.find_join_wrap i {cursor:pointer;}
	.find_join_wrap>span{display: inline-block; font-size:18px; color:#777777;}
	.find_join_wrap>a:nth-of-type(1){padding-right:20px; }
	.find_join_wrap>a:nth-of-type(2){padding-left:20px;}
		.find_join_wrap>a img.ico_info_blue{margin-top:-3px; cursor: pointer;}

@media screen and (max-width:479px){
  .find_join_wrap>a{font-size:18px;}
  .find_join_wrap>a:nth-of-type(1){padding-right:7px;}
  .find_join_wrap>a:nth-of-type(2){padding-left:7px;}
}

/* 로그인 인포 */
.pop_login{display:none;
	position: absolute; top:35px; right:0; z-index:10; padding:20px; color:#777; word-break:break-all;
	background:#fff; box-shadow: 6px 6px 15px 0 rgba(0, 56, 106, 0.16);  border:1px solid #111; border-radius: 5px;
}
	.pop_login .xi-close{text-align:right; width:100%; font-size:16px; cursor: pointer;}

@media screen and (max-width:767px){
  .pop_login{width:65%}
}

@media screen and (max-width:479px){
	.pop_login{width:100%}
}