@charset "UTF-8";

/* 240306 cdb 로그인 페이지 */
.login_wrap {/* position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; */    width: calc(100% + 65px); height: calc(100vh - 276px);}
.login_wrap .login_box {/* position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); background-color: #fff; */max-width:760px; width:90%; margin: 0 auto; height: 100%; display: flex; justify-content: center; align-items: center;}            .login_wrap .logo_wrap {max-width: 130px; margin:0 auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); line-height: 1;}
.login_wrap .logo_wrap > img {width: 100%; vertical-align: middle;}
.login_wrap .close_btn_wrap {position:absolute; right:43px; top:50%; transform: translateY(-50%);}
.login_wrap .close_btn_wrap button img {vertical-align: middle;}
.login_wrap .login_cont {padding:60px 0 70px; text-align: center;}
.login_wrap .login_cont .txt_wrap {margin-bottom:30px;}
.login_wrap .login_cont .txt_wrap .tit {font-size: 1.5rem; font-weight: bold; margin-bottom: 3px; font-family: "Heebo";}
.login_wrap .login_cont .txt_wrap .txt {color: #666; font-size: .9rem; letter-spacing: -.5px;}
.login_wrap .login_cont .sns_wrap {max-width: 350px; margin: 0 auto; width: 90%;}
.login_wrap .login_cont .sns_wrap > ul {display: flex; gap:15px; justify-content: center; align-items: center;}
.login_wrap .login_cont .sns_wrap .sns_login {max-height: 50px;}
.login_wrap .login_cont .sns_wrap .sns_login > div {cursor: pointer;}
.login_wrap .login_cont .sns_wrap .sns_login > div > img {width:100%; height:50px;}
.login_wrap .inner_box {height: 100%;}

#naver_id_login_anchor {display: block; font-size: 0;}
/*
.login_wrap .login_cont .sns_wrap .sns_login {border-radius: 10px; overflow: hidden; width: 90%; max-width: 165px; background-color:#00bf18;}
.login_wrap .login_cont .sns_wrap .sns_login > a {display: block; padding:25px 0;}
.login_wrap .login_cont .sns_wrap .sns_login > a > p {font-size:.9rem; font-weight: 500; color:#fff; margin-top: 5px;}
.login_wrap .login_cont .sns_wrap .sns_kakao {background-color:#FAE100;}
.login_wrap .login_cont .sns_wrap .sns_kakao > a > p {color:#3C1E1E;}
 */


/* 240306 cdb 로그인 팝업 */
.loginPop_wrap {position:fixed; top:0; left:0; width:100%; height:100%; z-index:100;}
.loginPop_wrap .loginPop_bg {position:absolute; top:0; left: 0; width:100%; height:100%; background-color: rgba(0,0,0,.7);}
.loginPop_wrap .login_box {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); background-color: #fff; max-width:760px; width:90%;}
.loginPop_wrap .login_hd {height:80px; position:relative; border-bottom: 1px solid #eee;}
.loginPop_wrap .logo_wrap {max-width: 130px; margin:0 auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); line-height: 1;}
.loginPop_wrap .logo_wrap > img {width: 100%; vertical-align: middle;}
.loginPop_wrap .close_btn_wrap {position:absolute; right:43px; top:50%; transform: translateY(-50%);}
.loginPop_wrap .close_btn_wrap button img {vertical-align: middle;}
.loginPop_wrap .login_cont {padding:60px 0 70px; text-align: center; width: 90%; margin: 0 auto;}
.loginPop_wrap .login_cont .txt_wrap {margin-bottom:30px;}
.loginPop_wrap .login_cont .txt_wrap .tit {font-size: 1.5rem; font-weight: bold; margin-bottom: 3px; font-family: "Heebo";}
.loginPop_wrap .login_cont .txt_wrap .txt {color: #666; font-size: .9rem; letter-spacing: -.5px;}
.loginPop_wrap .login_cont .sns_wrap {max-width: 350px; margin: 0 auto; width: 90%;}
.loginPop_wrap .login_cont .sns_wrap .sns_login > div {cursor: pointer;}
.loginPop_wrap .login_cont .sns_wrap .sns_login > div > img {width:100%;}
.loginPop_wrap .login_cont .sns_wrap .sns_naver {margin-bottom:10px;}