@charset "utf-8";
/* @import url("base.css"); */
@import url("layout.css");
@import url("global.css");
@import url("selectbox.css");
@import url("check_radio.css");

@font-face{
    font-family:NanumSquare;
    src:url(NanumSquareR.eot);
    src:local('※'), url(NanumSquareR.woff) format('woff');
}

div.login_cont_area {padding: 70px 0; width : 390px; margin:0 auto;  font-family:NanumSquare, sans-serif;}

div.login_cont_area h3{color: #3a3a3a; font-size: 28px; text-align: center; margin-bottom: 35px; line-height: 1; font-weight: normal;}
div.login_cont_area h3 span{font-weight: 600; margin-right: 4px;}

div.login_cont_area .inputBox{position: relative; margin-bottom: 12px;}
div.login_cont_area .inputBox input{width:100%; height: 60px; padding:  0 20px 0 52px; box-sizing: border-box; border:1px solid #bbbbbb; border-radius: 4px; font-size: 16px; color: #828282;}
div.login_cont_area .inputBox input::placeholder{font-size: 16px; color: #828282;}
div.login_cont_area .inputBox.id input{background: url(../../images/login/login_id.png) no-repeat left 20px center;}
div.login_cont_area .inputBox.pw input{background: url(../../images/login/login_pw.png) no-repeat left 20px center;}

div.login_cont_area .loginService{text-align: right; margin-bottom: 30px;}
div.login_cont_area .loginService a{display:inline-block; color: #828282; font-size: 14px; position: relative; padding-left: 8px; margin-left: 8px;}
div.login_cont_area .loginService a:hover{text-decoration: none;}
div.login_cont_area .loginService a.joinBtn{color: #393838;}
div.login_cont_area .loginService a::after{content:""; display:block; width: 1px; height: 80%; background-color: #c2c2c2; position: absolute; left: 0; top: 50%;  transform: translateY(-50%);}
div.login_cont_area .loginService a:first-child::after{display: none;}

div.login_cont_area .loginBtn{display: block; line-height: 62px; text-align: center; background-color: #f36523; color: #ffffff; font-size: 17px; font-weight: 600; border-radius: 4px; margin-bottom: 40px;}
div.login_cont_area .loginBtn:hover{text-decoration: none;}

div.login_cont_area .snsLogin {margin-bottom: 45px;}
div.login_cont_area .snsLogin a{display: block; border:1px solid #bbbbbb; border-radius: 4px; text-align: center; line-height: 60px; color: #3c3c3c; font-size: 17px; margin-bottom: 8px;}
div.login_cont_area .snsLogin a:hover{text-decoration: none;}
div.login_cont_area .snsLogin a.naver{background: url(../../images/login/sns_naver.png) no-repeat left 40px center;}
div.login_cont_area .snsLogin a.kakao{background: url(../../images/login/sns_kakao.png) no-repeat left 40px center;}
div.login_cont_area .snsLogin a.facebook{background: url(../../images/login/sns_facebook.png) no-repeat left 40px center;}
div.login_cont_area .snsLogin a.google{background: url(../../images/login/sns_google.png) no-repeat left 40px center;}
div.login_cont_area .snsLogin a.apple{background: url(../../images/login/sns_apple.png) no-repeat left 36px center;}

div.login_cont_area .loginInfoText{text-align: center;}
div.login_cont_area .loginInfoText p{color: #9c9b9b; font-size: 14px; margin-bottom: 8px;}
div.login_cont_area .loginInfoText .red{color: #ff6f6f;}


div.login_pop_area { padding:15px 0 62px 69px;}
div.login_pop_area p {padding-bottom:19px;}