@charset "utf-8";
/* CSS Document */
/* com2zoa design  KYJ 230823 */

/******************************공통사항**************************************/
#subcontainer.login .leftmn, #subcontainer.login #subtop, #subcontainer.login .tabnavi01{display: none}
#subcontainer.login .subvisual .visual_wrap{height: 132px}
#subcontainer.login #subpage{min-height: auto}


/*인풋관련 선언*/
input[type="checkbox"]{margin: -4px 3px 0 0}
input.lst_check[type="checkbox"]{margin: 0}
input[type="radio"]{margin: -4px 5px 0 0; border-color:#fff}
input::placeholder, textarea::placeholder {color: #a6a6a6; font-weight: 400; font-size: 14px; font-family:PTD}
.input_base{width:100%; height: 100%; padding: 5px; border:none; box-sizing: border-box}

/*로그인 영역*/
.c2z_login{margin:122px 0}
.c2z_login, .c2z_login label, .c2z_login button{font-family:PTD; font-weight: 400; color:#000; transition: all .5s}
.c2z_login .login_box{overflow: hidden; width: 700px; margin: 0 auto; border-radius: 5px; border:2px solid #e4e4e4}
.c2z_login .login_box .log_tit{padding: 22px 5px; background: #414a51; font-size: 21px; font-weight: 600; color:#fff; text-align: center}
.c2z_login .log_tit span{padding-left: 35px; background: url(../../images/login/ico_logtit.gif) no-repeat left center}
.c2z_login .login_line{padding: 25px}
.c2z_login .login_line{text-align: center}
.c2z_login .login_line .log_txt{display: inline-block; padding: 5px 0 5px 30px; background: url(../../images/login/ico_logtxt.gif) no-repeat left 5px; font-size: 16px; font-weight: 500}
.c2z_login .login_line .log_txt span{font-weight: 700}
.c2z_login .log_link a{font-size: 16px; color:#ff4d30; font-weight: 500; text-decoration: underline}
.c2z_login .log_link a:hover{color:#eb3b1d; font-weight: 600}
.c2z_login .login_item{position: relative; margin:25px 0}
.c2z_login .login_item .login_btn{position: absolute; top:0; right:0; width: 116px; height: 116px; background: #37a2da; color:#fff; font-size:20px; font-weight: 600; transition: all .5s}
.c2z_login .login_item .login_btn:hover{background: #155576}
.c2z_login .login_item ul{margin-right: 121px}
.c2z_login .login_item li{position: relative; height: 55px; padding: 0 0 0 50px; margin-bottom: 5px; border:1px solid #dedede; box-sizing: border-box}
.c2z_login .login_item li:last-child{margin-bottom: 0}
.c2z_login .login_item li span{position: absolute; left:17px; top:15px; width: 23px; height: 26px}
.c2z_login .login_item li span label{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
.c2z_login .login_item li span.idtit{background: url(../../images/login/ico_id.gif) no-repeat left center}
.c2z_login .login_item li span.pwtit{background: url(../../images/login/ico_pw.gif) no-repeat left center}
.c2z_login .log_tel{padding: 15px; background: #e4e4e4; text-align: center}
.c2z_login .log_tel:after{content:""; clear: both; display: block;}
.c2z_login .log_tel dt{display: inline-block; padding: 10px 25px; background:#fff; border-radius: 50px; font-size: 17px; font-weight: 600}
.c2z_login .log_tel dt span{padding:3px 0 3px 30px; background: url(../../images/login/ico_logtel.gif) no-repeat left center}
.c2z_login .log_tel dd{display: inline-block; padding: 8px 0 0 10px; font-size: 21px; color:#413e39; font-weight: 800}

/* MOBILE LAYOUT */
@media only screen and (max-width:1024px) {
/******************************공통사항**************************************/
#subcontainer.login .subvisual .visual_wrap{height: 55px}
#subcontainer.login #subpage{margin: 0}
.c2z_login{margin:50px 10px}
}

/* PC LAYOUT */
@media only screen and (min-width:1025px) {
}

/* LOWSET FIX */
@media only screen and (max-width:743px) {
/*로그인 영역*/
.c2z_login .login_box{width: auto}
.c2z_login .login_box .log_tit{padding: 18px 5px; font-size:18px}
.c2z_login .log_tit span{padding:2px 0 2px 35px}
.c2z_login .login_line{padding: 15px}
.c2z_login .login_line .log_txt{font-size: 15px}
.c2z_login .log_link a{font-size: 15px}
.c2z_login .login_item{ margin:15px 0}
.c2z_login .login_item .login_btn{font-size:17px}
}

@media only screen and (max-width:450px) {
/*로그인 영역*/
.c2z_login .login_item .login_btn{position: relative; top:0; right:0; width: 100%; height: 40px; font-size:16px}
.c2z_login .login_item .login_btn br{display: none}
.c2z_login .login_item ul{margin: 0 0 5px}
.c2z_login .login_item li{height: 40px}
.c2z_login .login_item li span{left:15px; top:7px; width: 20px; height: 23px}
.c2z_login .login_item li span.idtit, .c2z_login .login_item li span.pwtit{background-size: 20px 23px}
.c2z_login .log_tel dt{padding: 7px 20px; font-size: 16px}
.c2z_login .log_tel dt span{padding:3px 0 3px 30px}
.c2z_login .log_tel dd{font-size: 20px}
}

@media only screen and (max-width:322px) {
.c2z_login .login_line .log_txt{letter-spacing: -.5px}
}