/* BASIC css start */
.cowave-swiper-wrapper,
.swiper-wrapper{height:auto !important;}
.header-pc-search form{margin:0;}
header .header-pc-logo .header_ban .cowave-swiper-pagination-custom {top:7px; right:0;}

/*성인로그인 css*/
.main_inner{width:1280px;margin:0 auto;position:relative}

#joinAdult:not(.layertype) {
    display: block !important;
    padding: 72px 0;
    margin-top: 95px;
    text-align: center;
    background: #fafafa;
}

#joinAdult.layertype {position:relative; padding: 100px 80px 80px; text-align: center; background: #fafafa;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -60%); z-index:998; }
#joinAdult .adult-top { position:relative; width:840px; margin:55px auto; }
#joinAdult .adult-top a { position:absolute; top:120px; left:260px; display:inline-block; width:160px; height:40px; line-height:40px; color:#fff; font-weight:bold; font-size:16px; background:#cb3131; text-align:center; letter-spacing:-1px; font-family:dotum; }

#joinAdult .cnt-box:after { clear: both; content: ""; display: block; }
#joinAdult .cnt-box {}

#joinAdult .cnt-box .ipin-big-box { text-align:center; }
#joinAdult .cnt-box .ipin-big-box .box-tit { position:relative; font-weight:bold; color:#000; margin:10px 0; font-size:18px; }
#joinAdult .cnt-box .ipin-big-box .box-tit span { display:inline-block; position:absolute; top:-10px; left:0; width:18px; height:2px; border-top:2px solid #4d4d4d; left:415px; }
#joinAdult .cnt-box .ipin-big-box a.btn-b { display:inline-block; width:300px; padding:12px 0; margin-top:10px; margin-bottom: 20px; color:#fff; font-weight:bold; background:#414c5b; text-align:center; }
#joinAdult .cnt-box .ipin-big-box a img { vertical-align:middle; }

#joinAdult .cnt-box .ipin-box { float:left; width:355px; margin-left:65px; text-align:left; border-right:1px solid #d6d6d6; }
#joinAdult .cnt-box .ipin-box .box-tit { position:relative; font-weight:bold; color:#000; margin:10px 0; font-size:18px; }
#joinAdult .cnt-box .ipin-box .box-tit span { display:inline-block; position:absolute; top:-10px; left:0; width:18px; height:2px; border-top:2px solid #4d4d4d; }
#joinAdult .cnt-box .ipin-box a.btn-b { display:inline-block; width:300px; padding:12px 0; margin-bottom:20px; color:#fff; font-weight:bold; background:#414c5b; text-align:center; }
#joinAdult .cnt-box .ipin-box a img { vertical-align:middle; }

#joinAdult .cnt-box .phone-big-box { text-align:center; }
#joinAdult .cnt-box .phone-big-box .box-tit { position:relative; font-weight:bold; color:#000; margin:10px 0; font-size:18px; }
#joinAdult .cnt-box .phone-big-box .box-tit span { display:inline-block; position:absolute; top:-10px; left:0; width:18px; height:2px; border-top:2px solid #4d4d4d; left:415px; }
#joinAdult .cnt-box .phone-big-box a.btn-b { display: inline-block; width: 284px; padding: 30px 0; margin:10px 0 32px; color: #000; font-weight: 500; background: #fff; text-align: center; border: 1px solid #ddd; }
#joinAdult .cnt-box .phone-big-box a img {display:block; margin:0 auto 10px;}

#joinAdult .cnt-box .phone-box { float:right; width:300px; margin-right:65px; text-align:left; }
#joinAdult .cnt-box .phone-box .box-tit { position:relative; font-weight:bold; color:#000; margin:10px 0; font-size:18px; }
#joinAdult .cnt-box .phone-box .box-tit span { display:inline-block; position:absolute; top:-10px; left:0; width:18px; height:2px; border-top:2px solid #4d4d4d; }
#joinAdult .cnt-box .phone-box a { display:inline-block; width:300px; padding:12px 0; margin-bottom:20px; color:#fff; font-weight:bold; background:#414c5b; text-align:center; }
#joinAdult .cnt-box .phone-box a img { vertical-align:middle; }


#joinAdult .cnt-box .guest-box { float:right; width:50%; padding-left:60px; box-sizing:border-box; }
#joinAdult .cnt-box .guest-box .box-tit { position:relative; margin-bottom:32px; font-weight:700; color:#333; font-size:24px; line-height:35px; text-align:center;}
#joinAdult .cnt-box .guest-box .box-tit span { display:inline-block; position:absolute; top:-10px; left:0; width:18px; height:2px; border-top:2px solid #4d4d4d; }
#joinAdult .cnt-box .guest-box a.btn-b { display: inline-block; width: 284px; padding: 30px 0; margin-bottom: 32px; color: #000; font-weight: 500; background: #fff; text-align: center; border: 1px solid #ddd; }
#joinAdult .cnt-box .guest-box a.btn-b img{display:block; margin:0 auto 10px;}
#joinAdult .cnt-box .guest-box a.btn-s { display:inline-block; width:142px; padding:12px 0; margin-bottom:20px; margin-right:5px; color:#fff; font-weight:bold; background:#414c5b; text-align:center; }
#joinAdult .cnt-box .guest-box a img { vertical-align:middle; }

#joinAdult .cnt-box .login-box { float:left; position:relative; width:50%; padding-right:60px; box-sizing:border-box; }
#joinAdult .cnt-box .login-box .box-tit { position:relative; margin-bottom:32px; font-weight:700; color:#333; font-size:24px; line-height:35px; text-align:center; }
#joinAdult .cnt-box .login-box .loginWrap{position:relative; margin-bottom:32px;}
#joinAdult .cnt-box .login-box ul { width:432px; margin-right:80px; }
#joinAdult .cnt-box .login-box ul li { position:relative; height:54px; margin-bottom:12px; line-height:54px; border:1px solid #ddd; background:#fff; }
#joinAdult .cnt-box .login-box ul li:last-child{ margin-bottom:0; }
#joinAdult .cnt-box .login-box ul li label { position:absolute; top:0; left:10px; font-size:14px; color:#b3b3b3; }
#joinAdult .cnt-box .login-box ul li input { width:90%; height:52px; line-height:54px; border:none; font-size:14px; color:#000; vertical-align:top; }
#joinAdult .cnt-box .login-box .btn-login { position: absolute; top: 0; right: 0; display: inline-block; width: 136px; height: 124px; line-height: 124px; color: #fff; font-size: 18px; font-weight: 500; background: #000; }
#joinAdult .cnt-box .login-box .btn-login-member { position:absolute; top:0px; right:0; display:inline-block; width:80px; height:75px; line-height:75px; *height:77px; _height:75px; color:#fff; font-size:12px; font-weight:bold; background:#3c3f46; }

#joinAdult .cnt-box .login-box .join-find { width:100%; height:55px; line-height:57px; margin-top:5px; color:#808080; font-size:12px; font-weight:bold; text-align:left; }
#joinAdult .cnt-box .login-box .join-find .chk-box { height:20px; line-height:22px; padding-left:20px; background:url(/images/common/h15_ssl_check.gif) no-repeat 0 2px; }
#joinAdult .cnt-box .login-box .join-find .chk-box label { display:inline-block;}
#joinAdult .cnt-box .login-box .join-find .chk-box input { width:0; height:0; filter:alpha(opacity:0); opacity:0; }

#joinAdult .cnt-box .login-box .snsLogin{text-align:left; margin-bottom:32px;}
#joinAdult .cnt-box .login-box .snsLogin a.n_login_btn{display:block; text-align:center; background:#04c75b;}

#joinAdult .login_info p{font-size:12px; font-weight:400; color:#747474;line-height:20px; }
#joinAdult .login_info.c_left p{text-align:left;}

#joinAdult .cnt-box .msg-box { float:left; width:355px; margin-left:65px; text-align:left; }
#joinAdult .cnt-box .msg-box .box-tit { position:relative; font-weight:bold; color:#000; margin:10px 0; font-size:18px; }
#joinAdult .cnt-box .msg-box .box-tit span { display:inline-block; position:absolute; top:-10px; left:0; width:18px; height:2px; border-top:2px solid #4d4d4d; }

#joinAdult .cnt-box .login-box .btn-join { display:inline-block; width:305px; height:46px; line-height:48px; margin-top:10px; color:#fff; font-size:12px; font-weight:bold; background:#7e8999; }

#joinAdult-footer { padding:20px 0; text-align:center; color:#808080; }
#joinAdult-footer .ft-links { font-size:11px; color:#808080; }
#joinAdult-footer .ft-links a { font-size:11px; color:#808080; text-decoration:none; }
#joinAdult-footer .ft-links a strong { font-size:11px; color:#000; }
#joinAdult-footer .ft-links span { display:inline-block; padding:0 8px; color:#e0e0e0; }
#joinAdult-footer .ft-links .cs_center {vertical-align:middle; color:#808080;}

/*닫기버튼*/
#joinAdult:not(.layertype) .closeBtn {display:none !important;}
#joinAdult .closeBtn {
    display: inline-block;
    position: absolute;
    top:20px;
    right:20px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

#joinAdult .closeBtn span {
    position: absolute;
    top: 14px; /* 높이의 중앙 배치 */
    left: 0;
    width: 30px;
    height: 2px; /* 선의 굵기 */
    background-color: #000; /* 선의 색상 */
    transition: 0.3s;
}

/* 첫 번째 span을 45도로 회전 */
#joinAdult .closeBtn span:nth-child(1) {
    transform: rotate(45deg);
}

/* 두 번째 span을 -45도로 회전 */
#joinAdult .closeBtn span:nth-child(2) {
    transform: rotate(-45deg);
}



.background_bg{display:none; width:100%; height:100%; background:#000; opacity:0.6; position:fixed;top:0; left:0; z-index:997; }

@media (max-width:1350px){
    .main_inner{width:100%;}
    #joinAdult .cnt-box .login-box{float:none; margin:0 auto; padding:0;}
    #joinAdult .cnt-box .guest-box{float:none; margin:50px auto 0; padding:0;}
    #joinAdult .cnt-box .login-box ul {width: calc(100% - 150px); }
    
    #joinAdult.layertype {height: 90%; top: 5%; overflow-x: auto; transform: translate(-50%, 0);}
    #joinAdult.layertype .cnt-box .login-box{width:90%;}
    #joinAdult.layertype .cnt-box .guest-box{width:90%;}
    #joinAdult.layertype .cnt-box .login-box ul{width:100%; margin:0;}
    #joinAdult.layertype .cnt-box .login-box .btn-login{width: 100%; position: static; margin-top: 12px; height: 48px; line-height: 48px;}
    #joinAdult.layertype .cnt-box .login-box .loginWrap{margin-bottom:12px;}
}

@media (max-width:1024px){
    #joinAdult .cnt-box .login-box{width:90%;}
    #joinAdult .cnt-box .guest-box{width:90%;}
    #joinAdult .cnt-box .login-box ul{width:100%; margin:0;}
    #joinAdult .cnt-box .login-box .btn-login{width: 100%; position: static; margin-top: 12px; height: 48px; line-height: 48px;}
    #joinAdult .cnt-box .login-box .loginWrap{margin-bottom:12px;}
    
    #joinAdult.layertype {display: block; width: 90%; padding: 100px 20px 20px;}
}

/* BASIC css end */