@charset "utf-8";

@import url('default.css');
@import url('font.css');
@import url('comm.css');

.hidden {text-indent: -9999px; overflow: hidden; line-height: 0; width: 0; height: 0; display: inline-block; position: absolute;}

/* 로그인 */
.adminLogin_wrap {  background: url(../images/mng/login_bg01.jpg) no-repeat center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; height:100%;}
.adminLogin_wrap.front {background: url(../images/front/common/login_bg01.jpg) no-repeat center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.login_container { display: table; table-layout: fixed; width: 100%; height: 100vh; color: #fff; }
.login_container h1 {font-size: 56px; letter-spacing: -0.09em; font-weight: 100; line-height: 70px;}
.login_container h1 img {display: block; margin: 0 auto;}
.login_container .login_txt {font-size: 15px; opacity: 0.8; letter-spacing: -0.075em; margin-top: 5px;}
.login_container .login_area { display: table-cell; vertical-align: middle; text-align: center;}
.login_container .login_box {max-width: 833px; margin: 0 auto; padding: 0 15px;}
.login_container .login_box.mng_login {max-width: 650px;}
.adminLogin_wrap .login_container .login_cont { background:url(../images/mng/login_text_box.png); padding: 62px 55px 55px; box-sizing: border-box; margin-top: 25px;}
.adminLogin_wrap.front .login_container .login_cont {background: #0b2c77;}
.login_container .login_cont > .login {display: table; table-layout: fixed; width: 100%;}
.login_container .login_left {width: 419px; padding-right: 55px;}
.login_container .login_right {padding-left: 30px; box-sizing: border-box; border-left: 1px solid rgba(255, 255, 255, 0.2);}
.login_container .login_cont input { height:50px; width:100%; border:none; padding: 0 17px; box-sizing: border-box; color:#000; font-size:15px; letter-spacing: -0.01em;}
.login_container .login_area .add_text { clear:both; color:#848dff; text-align:left; width:460px; margin:0 auto;}
.login_container .login_area .entry { clear:both; overflow:hidden; text-align:center;}
.login_container .login_area .entry .login li { margin-bottom:10px;}
.btn_login { font-size: 18px; display: block; width: 100%; padding: 16px; background: #4f55ec; font-weight: 500;}
.sns_login_tit {font-size: 16px; letter-spacing: -0.09em; margin: 14px 0 22px;}
.login_container .login_right .btn_area {padding: 0 15px;}
.login_container .login_right .btn {display: block; margin: 0 0 10px 0; width: 100%; height: 50px; font-size: 16px; letter-spacing: -0.1em;}
.login_container .login_right .btn:last-child {margin: 0;}
.login_container .login_right .btn_naver {background: #03c75a url(../../images/front/common/ico_naver.png) no-repeat center left 25px;}
.login_container .login_right .btn_kakao {background: #fee500 url(../../images/front/common/ico_kakao.png) no-repeat center left 25px; color: #191600;}
.login_container .login_right .btn_toss {background: #377ef7 url(../../images/front/common/ico_toss.png) no-repeat center left 25px;}
.login_container .login_right .btn_login {background: #37a3f7 url(../../images/front/common/ico_login.png) no-repeat center left 25px;}
.login_container .login_right .btn span {display: inline-block; vertical-align: 0; margin: 0 0 0 15px;}

.login_text_box {font-size: 15px;}
.login_container .login_area .login_btn_area {display: table; table-layout: fixed; width: 418px; margin-top: 20px;padding-right: 30px; box-sizing: border-box;}
.login_container .login_area .login_btn_area span {display: table-cell;}
.login_container .login_area .login_btn_area .btn_s01, .footer .btn_s01 {position: relative; font-size: 15px; font-weight: 500;}
.btn_s01:before {content: ''; position: absolute; left: 0; bottom: -3px; width: 100%; height: 1px; background: #fff;}
.btn_s01:after {content: ''; position: absolute; right: -13px; top: 6px; width: 6px; height: 12px;  background: url(../../images/front/common/btn_more.png);}
.login_container .login_area a.btn_login2 { display:inline-block; background:#4f55ec; line-height:46px; height:46px; text-align:center; width:420px; font-weight:500; color:#fff; font-size:16px; letter-spacing:-1px; padding:0;}
.login_container .login_footer { position:absolute; width:100%; background:#000000; height:80px; top:auto; vertical-align:middle; line-height:80px; color:#fff; opacity:0.6; text-align:center; bottom:0; font-size:11px;}
.footer {position: initial; background: none; border: none; padding: 0; text-align: left;}
.footer .footer_inner {position: relative;}
.footer .footci {float: none; display: inline-block; vertical-align: middle;}
.footer .f_address {display: inline-block; vertical-align: middle;}
.footer .footci a {background-image: url(../images/front/common/ft_logo_w.png);}
.mng_login .footer .f_address .address {display: block; margin: 0;}
.footer .f_address .address p {color: #fff; font-size: 14px; letter-spacing: -0.045em;}
.footer .btn_s01 {position:absolute; right: 20px; top: 30px;}
.footer .btn_s01:before {bottom: 0;}
.footer .ft_ci01 {width: 65px; display: inline-block; margin-right: 10px; vertical-align: middle;}

/* ================================
	TABLET
=============================== */

@media screen and (min-width: 801px) { /* 기존 max-width 1024 -> 800 으로 통합 */
	.login_container .login_left, .login_container .login_right {display: table-cell; vertical-align: top;}
	.front .footer .f_address {width: calc(100% - 291px);}
}

@media screen and (max-width: 800px) {
	.login_container .login_box {padding: 50px 15px;}
	.login_container h1 {font-size: 28px; line-height: 40px;}
	.login_container h1 img {width: 80px;}
	.login_container .login_txt {font-size: 13px; margin-top: 10px;}
	.login_container .login_left {width: 100%; padding-right: 0; margin-bottom: 30px;}
	.login_container .login_cont input {font-size: 13px; height: 40px;}
	.btn_login {font-size: 14px; padding: 12px;}
	.adminLogin_wrap .login_container .login_cont {padding: 40px 30px;}
	.login_container .login_right {padding: 0; border-top: 1px solid rgba(255, 255, 255, 0.2); border-left: none;}
	.login_container .login_right .btn_area {padding: 0;}
	.sns_login_tit {font-size: 14px; margin: 18px 0;}
	.login_container .login_area .login_btn_area {width: 100%; padding: 0;}
	.login_container .login_area .login_btn_area .btn_s01, .footer .btn_s01 {font-size: 13px;}
	.login_container .login_area a.btn_login2 {width: 100%;}
	.login_container .login_right .btn {font-size: 14px; height: 40px; background-size: 12px;}
	.login_container .login_right .btn span {margin: 0;}
	.footer .footci a {width: 180px; height: 30px;}
	.footer .f_address .address {margin-left: 0;}
	.footer .f_address .address p {font-size: 12px;}
	.footer .footer_inner {height: auto; padding: 15px 0;}
	.footer .ft_ci01 {width: 45px;}
	.footer .f_address {padding-top: 10px;}
}