@charset "utf-8";
/**
 * @author    Enoch Choi <enoch_choi@naver.com>
 * @copyright Copyright (c) 2017-06-01
 * reset
 */
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; color: #000; font-size: 14px; word-break: keep-all; }
html, body{width: 100%; height: 100%; box-sizing: border-box;}
html, input, button, select, textarea, optgroup{font-family: 'Noto Sans KR', dotum, sans-serif; line-height: 1.45; }
button{cursor: pointer; }
button, input, select, textarea{outline: none;box-sizing: border-box;  }
button, img, iframe, input, select, textarea{border: 0; }
button, a{background-color: transparent; }
a{text-decoration: none; -webkit-text-decoration-skip: objects; }
a, input, button, select, textarea{color: inherit; }
a, span, strong, small, label, i, img{display: inline-block; }
a, span, strong, small, label, i, img{vertical-align: basline; }
textarea{resize: none; }
table{border-collapse: collapse; border-spacing: 0; }
h1{font-size: 2em; }
small{font-size: 80%; }
hr{border: 0; border-bottom: 1px dashed #aaa; }
em{ font-style: normal; }
button, input, select, option, textarea{font-size: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, form, iframe{display: block; }
button, input, textarea, option, td, th, ul, ol, li{padding: 0; }
body, p, pre, h1, h2, h3, h4, h5, h6, form, ul, ol, li, input[type='radio'], input[type='checkbox'], textarea{margin: 0; }
ul, li{list-style: none; }
input::-ms-clear {display: none; }
select::-ms-value {background: none; color: inherit; }
select, button, textarea {appearance: none; -moz-appearance: none; -webkit-appearance: none; }
input, textarea{border-radius: 0; }

.bs-bb{-webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.hidden{display: none; }
.wide-img{display: block; width: 100%; }
.clear:after{content: ""; display: block; clear: both; }
.fs-i{font-style: italic; }
.fadeInLeft {-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
.fadeOutLeft {-webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }
@-webkit-keyframes fadeInLeft {
    from {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    to {opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInLeft {
    from {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    to {opacity: 1; -webkit-transform: none; transform: none; }
}
@-webkit-keyframes fadeOutLeft {
    from {opacity: 1; }
    to {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}
@keyframes fadeOutLeft {
    from {opacity: 1; }
    to {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}
/**
 * ___ layout __________________________________________________________________________________
 * _____________________________________________________________________________________________
 */
 
body{
    max-width:550px;
    margin : 0 auto;
}
body>div{ max-width:550px; }


/**
 * container
 */
.container{position: relative; }

/* banner */
.banner{ width:100%; display: block;}
.banner img{ display: block; width:100%; } 

.grey_color{ background-color: #c1c1c1 !important; }

/* app download popup */
#app_download_popup{ display:none; position:fixed; width:300px; box-shadow: -1px -1px 10px 5px rgba(0,0,0,0.2); background-color: #fff; z-index: 100;}
#app_download_popup .app_download_box{ margin:auto; padding: 20px 40px; text-align: center;  }
#app_download_popup .app_download_box > h2{ text-align: center; margin:5px auto; }
#app_download_popup .app_download_box > h2 img{ width: 60px; }
#app_download_popup .app_download_box > p{ font-size: 20px; font-weight: bold; color:#2d6b8d; margin-bottom:10px; }
#app_download_popup .app_download_box > em{ font-size: 15px;  color:#eb6877; margin-bottom:5px;}
#app_download_popup .app_download_box > ul{ border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1); } 
#app_download_popup .app_download_box > ul li{ list-style: square; font-size: 13px; padding:2px 0; text-align: left; }
#app_download_popup .btn_box{ width:100%; font-size: 0; border-top:1px solid #c9c9c9; box-sizing:border-box; background-color: #f0f0f0;}
#app_download_popup .btn_box a:first-child{ border-right:1px solid #c9c9c9; }
#app_download_popup .btn_box a{ box-sizing:border-box; display: inline-block; width:50%; font-size: 15px; background-color: #e6e6e6; text-align: center; padding:10px 0; }


/* MY PAGE */
.bill_box, .history_box{min-width:350px; width:100%; margin: 0 auto 30px;}
.mypage{ padding-top:150px; }
.mypage h1 { color:#eb6877; margin-bottom: 1px !important; }
.mypage table{ width:100%; }
.mypage table tr:nth-child(1){ background-color: #e6e6e6; border:1px solid #cacaca; }
.mypage table tr th, .mypage table tr td{ font-weight: normal; padding: 10px 0; text-align: center;}
.mypage table tr th{ font-size: 14px; background-color: #e6e6e6; border:1px solid #cacaca; }
.mypage table tr td{ font-size: 13px; border:1px solid #cacaca;}
.mypage table .no_content td{ padding:20px 0; }
.mypage .bill_table tr th{ width:25% !important; }
.mypage .history_table tr th:nth-child(1){ width:25% !important; }
.mypage .history_table tr th:nth-child(2){ width:40% !important; }
.mypage .history_table tr th:nth-child(3){ width:20% !important; }
.mypage .history_table tr th:nth-child(4){ width:15% !important; }
.delete_btn{ padding: 3px 8px; border-radius: 3px; background-color: #acacac; color: #fff; }
.delete_btn_2 img{ width: 15px;margin-right: 5px;vertical-align: middle;padding-bottom: 3px; }

.btn_1{ display: inline-block; box-sizing:border-box; width:100%; background-color: #eb6877; color:#fff; padding:10px; font-size: 13px; text-align: center; margin: 10px auto;}
.btn_2{ display: inline-block; box-sizing:border-box; width:100%; background-color: #808080; color:#fff; padding:10px; font-size: 13px; text-align: center; margin: 10px auto; }

/* 공지사항/게시판 글보기 */
#com .post{ width:100%; }
#com .post .title{ margin:30px 0 40px; }
#com .post h1{ text-align: center; color:#eb6877; }
#com .post .post_title{ border-top:2px solid #000; border-bottom: 1px solid #eb6877; padding:10px;}
#com .post .post_title p:first-child{ font-weight: bold; font-size: 15px; margin-bottom:5px; }
#com .post .post_title p:last-child{ color:#b3b3b3; }
#com .post .post_title p:last-child span{ display: inline-block; margin-right:10px; }
#com .post .post_title p:last-child span i{ display: inline-block; margin-right:3px; vertical-align:middle;}
#com .post .post_content{ padding:15px 10px; }
#com .post .post_content p{ text-align: center; margin:15px 0; }
#com .post .nav_button{ width:100%; margin:50px 0 ;text-align: center; }
#com .post .nav_button a{ display: inline-block; width:80px; padding:5px 0;  font-size: 14px; border:1px solid #eb6877; text-align: center; color: #eb6877; }
 







/* 19금 페이지 */
.guide_box{ width:100%; text-align: center; padding: 10px 0;}
.guide_box h1{ width:160px; margin: 100px auto 30px; }
.guide_box h1 a{ display: block; width: 100%;}
.guide_box h1 a img{ width:100%; }

.guide_box .moving_icon{ display:block; margin:0 auto 20px; width:80px; height:80px; border:5px solid #ee3434; border-radius:50%; font-size: 50px; text-align: center; font-weight: bold;}
.guide_box span{ display: block; font-size: 25px; text-align: center; margin-bottom:20px; }
.guide_box .line{ width: 90%;margin: 0 auto 20px;border: 1px solid #000;padding: 10px 0;font-size: 14px;text-align: center; }
.guide_box .out_btn{ display: block; margin: 0 auto 20px ; font-size: 15px; text-decoration: underline; color:#fff; background: #ee3434;}
.guide_box .line_1{ position:relative;     margin-top: 20px; margin-bottom:20px;  display:inline-block; font-size: 15px; }
.guide_box .line_1:before{ position: absolute; top:50%; right:-80px; display: inline-block; content:''; width:60px; height:1px; background-color: #000; margin-right:5px; }
.guide_box .line_1:after{ position: absolute; top:50%; left:-80px; display: inline-block; content:''; width:60px; height:1px; background-color: #000; margin-left:5px; }
.guide_box .transferring_btn{ display:block; width:250px; margin:auto; font-size: 0;}
.guide_box .transferring_btn a{ box-sizing:border-box; display:inline-block; width:50%; border: 1px solid #343434; color:#343434; font-size:15px ; padding:10px 0; }
.guide_box .transferring_btn .btn_1{ border-color: #ee3434 !important; color:#ee3434 !important; }
.guide_box .transferring_btn .btn_2{ border-color: #ee3434 !important; background-color: #ee3434 !important; color:#fff !important; }
.guide_box .transferring_btn .btn_3{ background-color: #343434; color:#fff;}

.copyright{ width:100%; margin-top: 20px; }
.copyrightm p{ width:300px; }
.copyrightm p a{ font-size: 15px; border-right: 1px solid #000; }



/* policy */
.policy{padding: 170px 15px 0;}


/**
 * header
 */
.header{position: relative; background-color: #bd1b2d; color: #fff; text-align: center; height: 60px; box-shadow: 4px -2px 10px 10px rgba(0,0,0,0.1);}
.header > a {margin-top: 5px; }
.header > a > img {width: 70px; }
.header > button {position: absolute; top: 3px; }
.header > button > i.fa-window-close { display:none; }
.header > button.active > i.fa-bars { display:none; }
.header > button.active > i.fa-window-close { display:inline-block; }
.header-btn-menu{right: 6px; z-index: 5;}
.header-btn-search{right: 10px; }


/**
 * header search
 */
.header-search{display: none; background-color: #bd1b2d; padding: 0 10px 10px; }
.header-search:after{content: ""; display: block; clear: both; }
.header-search > input{float: left; width: 70%; height: 35px; line-height: 35px; padding: 0 10px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.header-search > button{display: block; width: 30%; margin-left: 70%; height: 35px; line-height: 35px; background-color: #43bfc8; color: #fff; }


/* header */
.header_scroll{ position: fixed; top:0; width:100%;z-index: 20; }
.header{  width:100%; height: 65px; line-height: 65px; /*background-color:#f69292;*/ }
.header h1{ font-size: 18px; color:#fff; text-align: center; vertical-align: middle;height: 65px;}
.header h1 img{ display: block; width: 120px; margin-top: -25px;}
.header .search_btn{ cursor:pointer; position: absolute; top: 20px;right: 15px;width: 25px;height: 25px; vertical-align: middle;  }
.header .search_btn img{ width:100%; display: block;}

.header-up { top: -65px;-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}

/* menu */
.nav_menu{ width:100%; height:40px; line-height: 40px;background-color: #b31d2d;  }
.nav_menu>ul{ display: table; margin:auto; }
.nav_menu>ul:after{ display: block; content:''; clear:both; }
.nav_menu>ul>li{ float: left; position:relative;}
.nav_menu>ul>li:after{ display: inline-block; content:'ㅣ';  color:#fff; }
.nav_menu>ul>li:last-child:after{ display: none; }
.nav_menu>ul>li>a{ display: inline-block; padding:0 3px;  color:#fff; font-size: 14px; font-weight: bold; }
.nav_menu>ul>li.active a { color: #FF0; }
.nav_menu .sub_menu{ display:none; position: absolute; top:40px; left:0; border-right:1px solid #333949;  border-left:1px solid #333949; background-color: #171e2f; z-index: 10; }
.nav_menu .sub_menu li{ border-bottom:1px solid #171e2f;}
.nav_menu .sub_menu li a{ padding:10px 20px 10px 10px; color:#fff; line-height:20px; }
.nav_menu .sub_menu li a:hover{ color:#eb6877; }

.icon-home{ margin:0; }
.show{ display: block !important; }






/* login_bx */
.login_bx{ width:100%; line-height:40px; background-color: #fff; border-top:0; border: 1px solid rgb(207, 207, 207);font-size: 14px; font-weight: bold; box-sizing: border-box;}
.login_bx:after{ display: block; content: ''; clear:both; }
.login_bx .nickname{ float: left; padding-left:10px; }
.login_bx .nickname img{ display: inline-block; width: 20px;padding: 10px 5px 0 0;vertical-align: top; }
.login_bx .myhome{display: block;}
.login_bx .myhome, .login_bx .bf_login{ float: right; position:relative; }
.login_bx .myhome>a, .login_bx .bf_login{ padding-right:10px; }
.login_bx .myhome .sub_menu{ display: none; position: absolute;width: 160px; top:45px; right:10px; border-right:1px solid rgb(216, 216, 216); border-left:1px solid rgb(216, 216, 216);  background-color: #fff;}
.login_bx .myhome .sub_menu .s_info{ line-height: 22px; padding:10px; background-color: rgb(231, 231, 231);}
.login_bx .myhome .sub_menu li{  border-bottom:1px solid rgb(216, 216, 216); }
.login_bx .myhome .sub_menu li a{ font-size: 13px; line-height:15px;  padding:10px 20px 10px 10px; }
.login_bx .myhome .sub_menu li a:hover,.login_bx .myhome .sub_menu li a:focus{ color:#eb6877; }
.login_bx .bf_login > li{ cursor:pointer; display: inline-block; font-size: 13px; font-weight: bold; margin-right: 10px; }






/* search_bar */
.searchbar{ display: none; z-index: 5; width:100%; padding: 10px 0 10px; background-color: rgb(216, 216, 216); }
.searchbar .searchbar_wrapper{ width:100%;font-size: 0;}
.searchbar input{ width:60%; margin:0 3%; border-radius: 3px; height:35px; font-size: 13px; vertical-align: middle; padding-left:10px;}
.searchbar button{ width:30%; margin-right:3%; font-size: 13px;height:35px; font-weight: bold; vertical-align: middle; background-color: #eb6877; color: #fff; }




/* main_list */
.plus_p_top{ padding-top: 205px !important;}
#main{ padding-top: 150px; }






/* .m_list */
.m_list{ width:100%; margin-top:10px; padding: 10px; box-sizing:border-box; }
.m_list>ul{ width:100%; }
.m_list .list_item{ width:100%; position: relative; font-size:0; margin-bottom: 10px; border-radius:10px; overflow:hidden;}
.m_list .list_item a{ cursor:pointer; display: block; width:100%; overflow:hidden; position:relative;}
.m_list .list_item .title{ width:100%;  position: absolute; background-color:rgba(0,0,0,0.5); color: #fff; font-weight: bold; font-size: 13px; line-height: 50px;  text-align: center;}
.m_list .list_item .img_bx{ width:100%; vertical-align: middle; display: inline-block; float:left;}
.m_list .list_item .img_bx img{ width:100%; height:100%; object-fit: cover;}
.m_list .list_item .play_info{ position: absolute; left:0; bottom:0; right:0; background-color: rgba(0,0,0,0.6); color:#fff; width:100%; display: inline-block; vertical-align: top; font-size: 0;     padding-bottom: 10px;}
.m_list .list_item .play_info li{ font-size: 14px; padding: 0 10px; line-height:13px; color:#969696; vertical-align: top;     box-sizing: border-box;}
.m_list .list_item .play_info li strong{ color:#fff; padding:10px 0; }
.m_list .list_item .play_info li:nth-child(2){ font-size: 12px; display: inline-block; width:50%; float:left; }
.m_list .list_item .play_info li:nth-child(3){font-size: 12px;  display: inline-block; width:50%; float:right; text-align:right;}
.m_list .list_item span{ display: inline-block; padding: 5px 5px; background-color: #eb6877; color: #fff; font-size: 12px; letter-spacing: 1px; border-radius: 1px; }
.m_list .list_item em{ font-weight: bold;}


/* 19마크 */
.mark19{ position: absolute;width:100%; height:250px; display: inline-block; }
.mark19:after{ display: block; content:'19'; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);border-radius:50%; border:4px solid #c51919; color:#2c2c2c; font-size: 40px; padding:10px; font-weight: bold; }



/* service_menu */
.service_menu{ width:100%; margin-bottom:20px; background-color: #e6e4e4;}
.service_menu ul{ padding:10px; font-size: 0;}
.service_menu ul li{ display: inline-block; width:29%; margin: 1% 2%; background-color: #eb6877; color:#fff; border-radius: 3px;}
.service_menu ul li a{ display: block; font-size: 13px; font-weight: bold; line-height: 40px; text-align: center; }
.service_menu ul li:hover{ background-color:#eb6877; }
.focus{background-color: #f78195!important;}
    /* community_service_menu */
    .service_menu.com ul li:first-child{ width:96%; }
    .service_menu.com ul li{ width:46%; }
   



/* service */
#premium, #vr, #com{ padding-top: 150px; }






/* community */
.com_board{ margin:0 10px;}
.com_board>p{ text-align: right;  padding-right:10px; font-size: 143x ;}
.com_board ul{ border-top:2px solid rgba(0,0,0,0.4); }
.com_board ul li{ border-bottom:1px solid rgba(0,0,0,0.2); font-size: 0; padding: 10px 5px;}
.com_board ul li a{ display: block; width:100%; }
.com_board ul li:after{ display: block; content:''; clear:both;  }
.com_board ul li p{ display: inline-block; font-size: 13px; vertical-align: middle;}
.com_board ul li p .writer{ font-weight: bold; margin-bottom: 10px; }
.com_board ul li .left_bx{ float: left; width:70%;}
.com_board ul li .left_bx .cmt{ color:#df1919; }
.com_board ul li .left_bx .cmt:before{ display: inline-block; content:'(' }
.com_board ul li .left_bx .cmt:after{ display: inline-block; content:')' }
.com_board ul li .left_bx span{ display: block; }
.com_board ul li .left_bx img{ width:15px; margin-right:5px; }
.com_board ul li .right_bx{float: right; width:30%; color:#9c9c9c; text-align: right;}
/* .com_board ul li .right_bx i{ font-size: 11px; } */
.icon-new{ margin-left:5px; color:#df1919; font-size: 14px; }

.board_search{ width:100%; padding: 30px 0 60px; text-align: center; }
.board_search select{ cursor: pointer; background:url(../images/select_box_ico.png) right center no-repeat; }
.s_active{ color:rgb(37, 145, 233); background:url(../images/select_box_ico_active.png) right center no-repeat !important;  }
.board_search select, .board_search input{ width:130px; height: 30px; border:1px solid rgba(0,0,0,0.2); vertical-align: middle; padding-left:10px;}
.board_search button{ height:30px; background-color:#d3d3d3; border:1px solid #c2c1c1; color:#555555; font-weight: bold; padding: 0 20px; }

/* post보기 */
.blank{ background-color: rgb(233, 232, 232); width:100%; height:1px;}
.blankfooter{ background-color: rgb(233, 232, 232); width:100%; height:1px;}
#post { padding-top:145px;  }
#post .container{ padding:5px; }
#post .subject{ padding-bottom:5px; }
#post .subject h2{ font-size: 14px; margin-bottom:10px; }
#post .subject p{ font-size: 12px; color:rgb(167, 167, 167); letter-spacing: 1px; padding-bottom:10px; border-bottom: 1px solid rgba(0,0,0,0.2);}
#post .subject p span{ color:rgb(44, 44, 44); margin: 0 5px; }
#post .content{ width:100%;}
#post .content p{word-break: break-all; }
#post .content img{ width:100%; }
#post .back{ width:100%;  margin-top:20px; text-align: center; font-weight: bold;  padding:10px 0; border:1px solid rgba(0,0,0,0.3); }

#post .backmovie{ width:100%;  margin-top:20px; text-align: center; font-weight: bold;  padding:10px 0; border:1px solid rgba(0,0,0,0.3); background-color:#06b6e2;}

/* navigation */
.navigation{ width:100%; }
.navigation a{ cursor:pointer; display: block; padding:10px; }
.navigation a:first-child{ border-bottom:1px solid rgba(160, 130, 177, 0.3); }
.navigation a img{ width:12px; height:12px; margin-right:10px; }
.navigation a em{ color:#eb6877; margin-right:10px; }

/* video보기 */
#video{ padding-top: 145px; margin-bottom:20px; }
 .playview > h3{margin-top: 10px; }
 .playview > div{margin: 5px 0; color: #aaa; }
 .playview > p img {max-width: 100%; }
 .playview-btn{display: block; width: 100%; height: 35px; line-height: 33px; margin: 10px auto 0; border:1px solid #bbb; }
 .playview-player{position: relative; }
 .playview-player > h2{position: absolute; z-index: 1; top: 10px; left: 10px; right: 10px; color: #fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
 .playview-player > strong{position: absolute; z-index: 1; top: 40px; left: 10px; color: #ddd; font-weight: 100; }
 .playview-player > span{ font-weight: bold; position: absolute; z-index: 1; bottom: 15px; right: 15px; height: 25px; line-height: 25px; padding: 0 14px; text-align: center; background-color: #eb6877; border-radius: 12px; color: #fff; }
 .playview-player > button{position: absolute; z-index: 1; top: 50%; left: 50%; margin: -95px 0 0 -65px; width: 130px; height: 190px; }
/* .playview-player > button > i{font-size: 70px; color: #fff; } */
 #back_mask {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
 .recommended{ width:100%; margin-bottom:20px; }
 .recommended h4{ padding:20px 10px 10px; font-size: 15px; }
 .recommended .rec_list{ width:100%; font-size: 0; }
 .recommended .rec_list img{ width:48%; margin:1%; }


/* 하단 미리보기 사진들 */
/* .vod_preview{ width:100%; }
.vod_preview li{ width:100%; font-size: 0; margin-bottom:10px;}
.vod_preview li img{ width:19%; margin: 0 0.5%;  } */
.vod_preview{ width:100%; height:50px; font-size: 0;}
.vod_preview .photo_list{ display:inline-block; width:100%; height: 50px; overflow:hidden; font-size: 0; vertical-align: top;}
.vod_preview .photo_list ul li img{ width:100%; }
.vod_preview>a{ display:inline-block; width:5%; line-height: 50px;}



/* mypage */
#mypage{ text-align: center; padding-top:180px;}
#mypage h1 { color:#eb6877; margin-bottom: 10px;}
.modify_mypage{ padding: 0; margin-bottom: 30px;}
.modify_mypage ul{ border-top:2px solid rgba(0,0,0,0.3);  margin-bottom: 10px; }
.modify_mypage ul li{ width:100%; text-align-last: left; border-bottom:1px solid rgba(0,0,0,0.2); font-size: 0; }
.modify_mypage ul li span{ color:rgb(58, 58, 58); text-align: left; display: inline-block; width:35%; line-height: 65px; text-indent: 10px; font-weight: bold; font-size: 12px;  background-color: #ecebeb;}
.modify_mypage ul li p{ display: inline-block;  text-indent: 5px; width:65%; font-size: 13px; vertical-align: middle; }
.modify_mypage ul li p input{ width:90%;; height:30px; text-indent: 5px; border:1px solid #c9c9c9;}
.modify_mypage ul li p .email{ width:100px; }
.modify_mypage ul li p select{ width:100px; border:1px solid rgba(0,0,0,0.2); }
.modify_mypage ul li p select option{ text-indent: 10px; }
.modify_mypage ul li p em{ display: block; color:#eb6877; font-size: 11px; margin-top:5px; }
.modify_mypage button{ font-size: 13px; background-color: #eb6877; color:#fff; padding: 10px 0 ; width: 200px; font-weight: bold; display: block; margin: 0 auto;margin-top: 10px;}
.modify_mypage button.grey_btn{ background-color: #646464; color:#fff; padding: 10px 0 ; width: 200px; font-weight: bold; display: block; margin: 0 auto;margin-top: 10px;}


/* logoin_popup/signup_popup */
.login_popup_wrapper{ max-width: 350px; margin: auto; }
/* .login_popup_wrapper .mask{ background-color: rgba(0, 0, 0, 0.8); position: fixed; top:0; left:0; right:0; bottom:0; z-index:997; } */
/* .login_popup_wrapper .login_popup_bx{  z-index:998; text-align: center; position: fixed; top:50%; left:50%; transform: translate(-50%,-50%); width:300px; height: auto; background-color: #fff; border-radius: 10px;  border-top-right-radius: 0; } */
/* .login_popup_wrapper .login_popup_bx .close_btn{ cursor:pointer; position: absolute; top:-42px; right:-16px; color: #eb6877; font-size:35px; } */

/* .login_popup_wrapper .login_popup_bx h2{ width:100%; text-align: center; color: #313131; font-weight: bold; font-size: 0; }
.login_popup_wrapper .login_popup_bx h2 p{ cursor: pointer; display: inline-block; width:50%; line-height:50px; font-size: 13px;  background-color: #3d3d3d; color:#ccc; }
.login_popup_wrapper .login_popup_bx h2 p:first-child{ border-top-left-radius:7px; } */

.popup_focus{ background-color: #eb6877 !important; color: #fff !important; }

.login_popup_wrapper .login_popup{ padding:10px; }
.login_popup_wrapper .login_popup p{ text-align: center; margin-bottom:5px;}
.login_popup_wrapper .login_popup .box_1 span{ display: block; margin-top: 10px; width:100px; font-size: 12px; font-weight: bold; text-align:left;  }
.login_popup_wrapper .login_popup input{ border:1px solid #ccc; }
.login_popup_wrapper .login_popup input[type="text"],
.login_popup_wrapper .login_popup input[type="tel"],
.login_popup_wrapper .login_popup input[type="password"]{ width:100%; height: 40px; padding-left:10px; margin-bottom:5px;}
.login_popup_wrapper .login_popup input[type="checkbox"]{ width:20px; height:20px; margin-right:5px; vertical-align: middle;}
.login_popup_wrapper .login_popup label{ vertical-align: super; }
.login_popup_wrapper .login_popup button.join_member_btn {  background-color: #bd1b2d; color:#fff; margin:10px auto; font-size: 13px; padding:10px; width:100%; border-radius:5px;}
.login_popup_wrapper .login_popup button.overap_id_btn {  background-color: #bd1b2d; color:#fff; font-size: 13px; padding:10px; width:100%; margin-bottom:10px;}
.login_popup_wrapper .login_popup button.cert_btn {  background-color: #bd1b2d; color:#fff; font-size: 13px; padding:10px; width:100%; display: none; margin-bottom: 5px}
.login_popup_wrapper .login_popup button.login_btn { background-color: #bd1b2d; color:#fff; font-size: 13px; padding:10px; width:100%;}
.cert_box { display: none;}
.login_popup_wrapper .login_popup .box_1,
.login_popup_wrapper .login_popup .box_2{ display: none; }
.login_popup_wrapper .login_popup .box_1 span{ display: block; margin-top: 10px; width:100px; font-size: 12px; font-weight: bold; text-align:left;  }
.login_popup_wrapper .login_popup .box_1 a{ display: block; font-size: 13px; color:#eb6877; text-decoration: underline; margin-top:10px;}
.login_popup_wrapper .login_popup .box_2 { display: none; }
.login_popup_wrapper .login_popup .box_2 p{display:inline-block; margin-left:-10px;  font-size: 11px; position: relative;margin: 10px auto;}
.login_popup_wrapper .login_popup .box_2 p:before{display:inline-block; content:"*"; position:absolute; top: 0; left:3px; }
.login_popup_wrapper .login_popup .box_2 p a{ text-decoration:underline; }
.login_popup_wrapper .login_popup .box_2 .condition{ color:rgb(150, 150, 150); margin-top: 10px; }
.logintalk_btn{ display: block; font-size: 13px; text-decoration: underline; margin:auto; }
.findpw_btn{ display: block; text-align: center; text-decoration:underline; font-size: 14px; }





/* find passowrfd */
.find_password_box{ max-width:350px; margin:auto; }
.password_head {
    text-align: center;
    color: #eb6877;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    margin-top: 20px;
}
.password_contents {
    padding: 10px;
}
.password_contents input {
    width:100%; height: 40px;  border:1px solid rgba(0,0,0,0.2); padding-left:10px;
}

.password_contents .btn_box {
    margin: 10px 0;
}
.password_contents .first_btn_box{ text-align: center; margin-top:20px; font-size: 0; }
.password_contents .first_btn_box > button:first-child{ border-right:1px solid #fff; }
.password_contents .first_btn_box > button{ width:50%;font-size: 13px; }

.cert_contents .cert {
    display: none;
}

.cert_contents .cert > div{ font-size: 0;  padding: 20px 0;}
.cert_contents .cert #count{ display: inline-block; width:15%; font-size: 13px!important; box-sizing:border-box;   vertical-align: middle;  text-align: center;}
.cert_contents .cert #count + input { display: inline-block; width: 85% !important; height: 40px; padding-left: 10px;  box-sizing:border-box; margin:0 !important; }


.change_pwd {
    display: none;
}

.red_btn {background-color: #bd1b2d; color:#fff; font-size: 13px; padding:10px; }
.grey_btn {background-color: #8b8b8b; color:#fff; font-size: 13px; padding:10px; }



/* bill */
#bill{padding-top:150px;}
#bill .container{ padding:15px; }
#bill h2{ width:100%; font-size: 23px; margin-top:20px; text-align: center; margin-bottom:15px; }
#bill h2 em{ color:#eb6877; }
#bill h2+p{ font-size:13px; text-align: center; margin-bottom: 30px;}
#bill h2+p em{ display: block; margin: 10px 0; }
#bill .preview_gif{ width:100%; }
#bill .payment{ width:100%; text-align: center; }
#bill .payment_guide { width:100%; margin: 20px 0 20px; color:#fff;}
#bill .payment_guide h3{ margin-bottom:10px; padding-left:10px; }
#bill .payment_guide ul{ width:100%; }
#bill .payment_guide ul li{ position:relative; padding-left:10px; margin-bottom:5px;}
#bill .payment_guide ul li:before{display: inline-block; content:'-'; position: absolute; top:0; left:0;  }

 /* payment_page_edited */
 #bill .container{ padding:0; }
 #bill .payment_wrapper h4 span { color: #2d6b8d;}
 #bill .payment_list ul {width: 96%; max-width:350px; border-radius: 5px; margin:auto; background-color: #e8e8e8;}
 #bill .payment_list input[name="opt"]:checked + label { background-color: #ffd25e; border-radius: 5px;}
 #bill .payment_list li{ margin:0; }
 #bill .btn .close_btn { background-color: #d4d4d4; color: #929292; letter-spacing: 4px;}


/* payment_list */
.payment_wrapper{ width:100%; }
.payment_wrapper h2{ width:100%; text-align: center; padding-bottom:10px;}
.payment_wrapper h4{ margin: auto; text-align: left; max-width: 330px; width: 100%; margin-bottom:10px; font-size: 15px; color:#313030; }
.payment_wrapper h4 span{ font-weight: bold; color:#ffae15; }
.payment_wrapper h4 img{ width:15px; margin-right:5px; vertical-align: middle; }
.payment_list { width:100%; margin-bottom:5px; }
.payment_list input{ display:none; }
.payment_list label{ box-sizing:border-box; z-index:3; position:relative; width:100%; cursor:pointer; vertical-align:middle; display: inline-block; padding:3px; }
.payment_list label img{ width:100%; vertical-align:top; z-index:2;}
.payment_list label span{ z-index:1; position: absolute;
    top:0 ;display:block;width:320px; height:91px;
    z-index:1;background-color:Aqua;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=1)';
    background-color: rgba(255, 255, 255, 0.0);}
.payment_list input[name="opt"]:checked + label{ background-color: #ffd61b; border-radius:10px;}

.pay_wrapper .innerbox .pay_list{ width:100%; max-width:560px; margin: 0 auto 20px; text-align: center;}
.pay_wrapper .innerbox .pay_list li{ width:100%; cursor: pointer;}
.pay_wrapper .innerbox .pay_list img{ width:100%; }

/* 결제수단팝업 */
.payment_select { display:none; position: fixed; z-index: 1000;  width: 98%; max-width: 350px; text-align: center; 
    box-sizing:border-box;  background-color: #eaeaea; border: 1px solid #bfbcbc; border-radius: 10px; overflow:hidden; }
 .payment_select .inner_wrapper{padding: 15px 10px 20px;}    
 .payment_select h4{ margin: auto; text-align: left; max-width: 330px; width: 100%; margin-bottom:25px; font-size: 15px; color:#313030; }
 .payment_select h4 span{ font-weight: bold; color:#ffae15; }
 .payment_select h4 img{ width:15px; margin-right:5px; vertical-align: middle; }
 .payment_select .inner_wrapper button{ width: 90px;height: 95px; padding: 3px; display: inline-block; color:#505050; text-align: center; border-radius:5px; border:1px solid rgb(197, 197, 197); background-color: #ffffff;  margin: 0 3px;}
 .payment_select .inner_wrapper button:hover{ border:1px solid #e72660; }
 .payment_select .inner_wrapper button img{ width:20px; display: block; margin: 0 auto 5px; }
 .payment_select .pay_card{ border:1px solid #4aa4c6; color:#fff; background-color: #4aa4c6; }
 .payment_select .pay_card:hover{ border:1px solid #df3a3a; background-color: #f05050;  }
 .payment_select .btn .close_btn { background-color: #d4d4d4; color: #929292; letter-spacing: 4px; display: inline-block;
     font-weight: bold; width: 100%; font-size: 14px; border: 0; cursor: pointer; padding:15px 0; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
 
 .highlight{ color: #e8ff1b;  }
 


/* card pay */

.el-checkbox {position: relative; height: 38px; line-height: 38px; cursor: pointer; }
/*
.el-checkbox > i{vertical-align: bottom; font-size: 26px; color: #848484;}
.el-checkbox > i:before{content : "\E835"; display: block; }
.el-checkbox > input{position: absolute; width: 0; }
.el-checkbox > input:checked + i:before{content: "\E834"; }
.el-checkbox > input{position: absolute; width: 0; }
.el-checkbox > input:checked + i:before{content: "\E834"; }
*/

.terms textarea {
    width: 100%;
    height: 90px;
    overflow-x: hidden;
    border: 1px solid #DDD;
}

.popup_contents_card {
    padding: 0 10px;
}

.terms_box li {
    clear: both;
}

.view_terms_btn {
    float: right;
    color: #074691;
    margin-top: 10px;
}
.popup_contents_card .contents_box li {
    margin-bottom: 3px;
}
.popup_contents_card .contents_box .input_type_split {
    display: inline-block;
    padding-left: 10px;
}
.popup_contents_card .contents_box .input_type_card {
    display: inline-block;
    padding-left: 10px;
}
.popup_contents_card .contents_box .input_type_period {
    display: inline-block;
    padding-left: 10px;
}
.popup_contents_card .contents_box .input_type1 {
    display: inline-block;
    padding-left: 10px;
}
.popup_contents_card .contents_box li .input_section {
    border: 1px solid #DDD;
    border-radius: 5px;
}
.popup_contents_card .contents_box li .input_section label {
    border-right: 1px solid #DDD;
    padding: 10px;
}

.input_title {
    width: 70px;
}

.title_text {
    font-size: 14px;
    color:#000;
    font-weight: 600;
    margin-bottom: 10px;
    text-indent: 5px;
}

.phone_num input {
    width: 130px;
    padding: 0 5px;
    text-align: left;
    height: 20px;
    line-height: 20px;
    border: none;
    -webkit-appearance: none;
    border-radius: 0 3px 3px 0;
    vertical-align: middle;
    background: #fff;
}
.input_type_card input {
    width:100%;
    max-width: 170px;
    padding: 0 5px;
    text-align: left;
    height: 20px;
    line-height: 20px;
    border: none;
    -webkit-appearance: none;
    border-radius: 0 3px 3px 0;
    vertical-align: middle;
    background: #fff;

}

.input_type_period input {
    width: 50px;
    padding: 0 5px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    border: none;
    -webkit-appearance: none;
    border-radius: 0 3px 3px 0;
    vertical-align: middle;
    background: #fff;
}

.active5 img {
    width: 25px;
    display: block;
    margin: 0 auto;
}

.cardpay_btn_box {
    text-align: center;
    margin-top: 20px;
    position: relative;
}

.cardpay_btn_box li {
    display: inline-block;
    width: 100px;
    vertical-align: top;
}

#card_pay_box {
    padding-bottom: 20px;
}
.cardpay_btn_box .active5{ width: 100px; border-radius: 3px;height: 62px;border: 1px solid #e72660;color: #fff; background-color: #ff4184; }
.cardpay_btn_box .red_btn {
    width: 100px;
    height: 62px;
    vertical-align: top;
    background: #949494;
    color: #FFF;
    padding: 5px 10px;
    border: 2px solid #949494;
    border-radius: 3px;
}
.cardpay_btn_box .red_btn i{ vertical-align: middle; }


#bankact_pop, #card_pay_box {
    position: absolute;
}






/* 무통장입금 팝업창 */
.bankact_box_wrapper{ width:100%; }
.bankact_box_wrapper .bankact_box{width: 100%; background-color: #fff;}
.bankact_box_wrapper .bankact_box h3{  font-size: 19px; padding: 20px ; border-top-left-radius:5px; border-top-right-radius:5px; color:#Fff; background-color:#eb6877;}
.bankact_box_wrapper .bankact_box .content{ width:100%; padding-bottom: 10px;}
.bankact_box_wrapper .bankact_box .info{ background-color: #efeded; margin-bottom:15px;border-bottom: 2px solid #e8e6e6;padding: 10px; color:#000;}
.bankact_box_wrapper .bankact_box .info li { width:100%; font-weight: bold;font-size: 14px; margin-bottom: 5px;margin-top: 5px; }
.bankact_box_wrapper .bankact_box .info li img{ width:100%; }
.bankact_box_wrapper .bankact_box .info li>em{ display: inline-block; width:80px; }
.bankact_box_wrapper .bankact_box .info li .price{ color: #eb6877;  }
.bankact_box_wrapper .bankact_box .txt{ text-align: center; display:block; padding: 0 15px 20px; color:#000; font-size: 14px;}
.bankact_box_wrapper .bankact_box .txt em{ font-weight: bold;}
.bankact_box_wrapper .bankact_box p{font-size: 15px; text-align: left; margin: 0 20px;}
.bankact_box_wrapper .bankact_box p span{ display:inline-block; width:30%; font-size: 14px; vertical-align: middle; font-weight: bold; color: rgb(59, 59, 59); margin-bottom: 10px;}
.bankact_box_wrapper .bankact_box p input{ margin-bottom:10px; display:inline-block; width:100%; height:35px; padding-left:10px; border-radius:5px; border:1px solid rgba(0,0,0,0.2); }
.bankact_box_wrapper .bankact_box .btn_box{ width:94%; font-size: 0; padding-top: 30px;margin-left:10px;}
.bankact_box_wrapper .bankact_box .btn_box li{ display: inline-block; }
.bankact_box_wrapper .bankact_box .btn_box li:last-child{ width:37%; }
.bankact_box_wrapper .bankact_box .btn_box li:first-child{ width:60%; margin-right:3%;}
.bankact_box_wrapper .bankact_box .btn_box li button{ display: inline-block; font-weight: bold; width: 100%; color:rgb(105, 105, 105); font-size: 14px; border:0; padding:15px 0; cursor:pointer; letter-spacing:1px; }
.bankact_box_wrapper .bankact_box .btn_box li .send{ background-color: #f78195; color:#fff; }
.bankact_box_wrapper .bankact_box .btn_box li .close_btn{ background-color: rgb(173, 173, 173); color:#fff; }


/* 팝업창 */
.member_popup {
    position: absolute;
    width: 340px;
    overflow: hidden;
    border-radius: 10px;
    background: #FFF;
    display: none;
    z-index: 998;
    background: #58B3AE;
}

.member_popup .btn .close_btn {
    background-color: rgb(173, 173, 173);
    display: inline-block;
    font-weight: bold;
    width: 100%;
    color: rgb(105, 105, 105);
    font-size: 14px;
    border: 0;
    padding: 15px 0;
    cursor: pointer;
    letter-spacing: 1px;
}

.member_popup .container{ padding:15px; }
.member_popup h2{ width:100%; font-size: 20px; text-align: center; margin-bottom:15px; }
.member_popup h2 em{ color:#f9ff00; }
.member_popup h2+p{ font-size:13px; text-align: center; margin-bottom: 20px;}
.member_popup h2+p em{ display: block; margin: 10px 0; }
.member_popup .preview_gif{ width:100%; }
.member_popup .payment{ width:100%; text-align: center; }
.member_popup .payment_guide { width:100%; margin: 50px 0 20px; color:#fff;}
.member_popup .payment_guide h3{ margin-bottom:10px; padding-left:10px; }
.member_popup .payment_guide ul{ width:100%; }
.member_popup .payment_guide ul li{ position:relative; padding-left:10px; margin-bottom:5px;}
.member_popup .payment_guide ul li:before{display: inline-block; content:'-'; position: absolute; top:0; left:0;  }



/* 19금 성인인증페이지 */
#main_auth{background-color: #fff; padding-top:200px;}  
#main_auth .outline_box{ width:95%; border:1px solid #fb7f94; margin:10px auto; }
#main_auth .box{ width:100%; text-align: left; margin:auto; text-align: center; }
#main_auth .box_1 { padding-bottom:30px; }
#main_auth .box_1 img{ display: inline-block; width:120px; margin-bottom:30px; }
#main_auth .box_1 p{ width:190px; display:inline-block; font-size: 14px; margin-bottom:20px; vertical-align: top; margin-left:10px; }
#main_auth .box_1 button{ width:100%; max-width:320px; font-weight: bold; padding:10px 0; border: 1px solid #4aa4c6; color: #4aa4c6;}
#main_auth .box_1 button i{ vertical-align: middle; }
#main_auth .box_2{ margin-bottom:30px; }
#main_auth .box_2 button{ position:relative; width: 30%; max-width: 110px; height: 70px; border-radius: 15px; border:2px double #fb7f94; color:#fb7f94; font-weight: bold; margin: 5px; box-sizing:border-box;}
/* #main_auth .box_2 button:after{ position:absolute; display: block; content:''; width:85px; height:85px; top:6px; left:6px; border:1px solid #fb7f94; border-radius:50%; box-sizing:border-box; } */
#main_auth .box_2 button img{ display: block; margin: 0 auto 10px; width:20px; }
#main_auth .box_2 .member_login{ background-color: #fb7f94; color:#fff; }
#main_auth .logo_box { width:100%; text-align: center;}
#main_auth .logo_box img{ display:inline-block; width:150px; margin: 30px auto 15px; }
#main_auth .line{ width:100%; text-align: center; color:#151414; font-weight: bold; font-size: 17px; padding: 20px 0 40px;}
#main_auth .line em{ display: block; font-weight: bold; color:#fde142; font-size: 13px; padding-top:20px;}
#main_auth .box button .icon-right-open:before{ vertical-align: top; margin-top:2px; }



/* footer */
.footer{ width:100%;  }
.footer p{ cursor:pointer; margin:auto; padding:12px 0; font-size: 13px; color:#1a1a1a; text-align: center; border-left:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1);  }
.footer .f_info{ display:none; border:1px solid rgba(0,0,0,0.1); padding: 20px 15px; border-bottom: 0;}
.footer .f_info table{ text-align: center; margin:auto; }
.footer .f_info tr{ width:340px;  line-height: 18px;} 
.footer .f_info tr th{ width:20%; text-align: left; }
.footer .f_info tr td{ width:79%; text-align: left;}
.footer .f_copyright{ padding:10px 0; text-align: center; border:1px solid rgba(0,0,0,0.1);}


 .footer-link:after{content: ""; display: block; clear: both; }
 .footer-link > a {float: left; width: 33.3333%; padding: 10px 0; text-align: center; }
 .footer-info{position: relative; padding: 20px 5px 20px; background-color: #3E4854; color: #fff; text-align: center; font-size: 10px; }
 .footer-info > p{ cursor:pointer; margin:auto; width:250px; padding:7px 0; font-size: 11px; border:1px solid #acacac; color:#acacac;}
 .footer-info > table{ text-align: left; margin:10px auto; overflow: hidden;}
 .footer-info th{color: #bbb; font-weight: normal; }
 .footer-info th,
 .footer-info td{padding: 1px 10px; vertical-align: top; }
 


/* alert popup */

.popup_box {
    position: fixed;
    width: 340px;
    overflow: hidden;
    border-radius: 10px;
    background: #FFF;
    display: none;
    z-index: 998;
    /* border: 1px solid #DDD; */
    box-shadow: -1px 1px 12px 7px rgba(0,0,0,0.1);
}

.popup_head {
    background: #eb6877;
    color: #fff;
    padding:10px 0; 
}

.popup_head h1 {
    text-align: center;
    font-size: 18px;
    height: 25px;
    line-height: 25px;
}

.popup_contents {
    font-size: 15px;
    padding: 15px;
}

.popup_contents li {
    margin-bottom: 20px;
    line-height: 25px;
}
.popup_contents li:first-child{ margin-bottom: 40px; }
.popup_contents li:nth-child(2){text-align: center;}
.popup_contents li:last-child{ margin-bottom:0; margin:auto; }
.popup_contents li button {
    padding: 5px 10px;
    border: 2px solid #DDD;
    line-height: 30px;
}

.popup_contents li input {
    width: 95%;
    box-sizing: border-box;
    border: 1px solid #DDD;
    background: #FFF;
    color: #000;
    padding: 5px 10px;
}
.popup_contents li button.blue_btn {
    background: #eb6877;
    color:#FFF;
    margin-right: 30px;
}
.popup_contents li button.red_btn {
    background: #949494;
    color:#FFF;
} 

.popup_contents .select{ text-align: center; }
.popup_contents .btns{ display: inline-block;margin:0 5px; vertical-align: top;}
.popup_contents .btns button{ width:90px; height:80px; border-radius:20px; padding: 5px;}
.popup_contents .btns img{ display: block; width:20px; margin: 0 auto 5px;}
.popup_contents .btns em{ display: block; font-size: 10px; }

.pop_mask,.mini_pop_mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    z-index: 997;
}
.mini_pop_mask{ z-index: 999; }

.popup_contents li.bill_announce_text {
    font-size: 12px;
    color: #a2a2a2;
    text-align: left;
    line-height:15px;
    
}
.popup_contents li.bill_announce_text span{ position:relative; display: inline-block; padding-left:10px; }
.popup_contents li.bill_announce_text span:before{ position:absolute; top:0; left:0;  display: inline-block; content:'*' }



/* 잠시대기중 popup */
#loading_popup .popup_contents ul{margin-bottom: 10px;}
#loading_popup .popup_contents li:first-child {margin: 10px 0 20px; text-align: center;}

/* 가입완료 popup */
#bill_end_pop .popup_contents li:first-child{ text-align: center; }
#bill_end_pop .popup_contents li:first-child{margin-bottom: 20px;}
#bill_end_pop .popup_contents li:last-child button{ width: 150px; margin:0; }

/* 정회원 가입 실패 popup */
#failed_join_box .popup_contents li:first-child{ text-align: center; margin-bottom: 20px;}


/* alert창 레이어팝업 */
.b_btn {
    background: #f78195;
    padding: 10px 20px;
    margin-right: 10px;
    border: 0;
    outline: none;
    cursor: pointer;
    color:#FFF;
    font-size: 14px;
}
.r_btn {
    background: #ff2e2e;
    padding: 10px 20px;
    border: 0;
    outline: none;
    cursor: pointer;
    color:#FFF;
    font-size: 14px;
}

#alert_popup_box .popup_head {
    background: #eb6877;
}
#alert_popup_box, #alert_popup_box_mask {
    z-index: 999;
}



/* 약관 */

.terms_box {
    text-align: left; margin-bottom:15px;
}

.terms_box li {
    clear: both;
    vertical-align: middle;
}

.terms textarea {
    width: 100%;
    height: 80px;
    border: 1px solid #DDD;
}

.view_terms_btn {
    float: right;
}



/**
 * pagination
 */
 .pagination{padding: 8px 0; text-align: center; background-color: #eee; }
 .pagination > div{display: inline-block; vertical-align: middle; }
 .pagination > div:after {content: ""; display: block; clear: both; }
 .pagination a{float: left; width: 32px; height: 32px; line-height: 32px; background-color: #fff; border: 1px solid #bbb; margin: 2px 1px 0; border-radius: 100%; }
 .pagination .active{background-color: #333; border-color: #333; color: #fff; }
 

 .header-comment {
    padding: 10px 15px;
    background-color: #eb6877;
    color: #FFF;
    text-align: center;
 }


/* 더보기 버튼 */
#seemore_btn{  margin: 25px auto; display: block; width:280px; border:2px solid #eb6877; text-align: center; border-radius:20px; padding:5px 0 ; color: #eb6877; font-size: 15px; font-weight: bold;}
#seemore_end{ margin: 50px auto;  width:100%; text-align: center; font-size: 15px; font-weight: bold;}

 
/**
 * quick movie
 */
.quick-movie{padding: 20px 10px; }
.quick-movie > h3{margin-bottom: 10px; }
.quick-movie > div:after{content: ""; display: block; clear: both; }
.quick-movie-link{ cursor:pointer; position: relative; float: left; display: block; width: 50%; height: 30vw; max-height: 180px; overflow: hidden; }
.quick-movie-link > img{position: absolute; display: block; width: 130%; top: -5px; left: -15%; }
.quick-movie-link > span{position: absolute; left: 0; right: 0; bottom: 0; padding: 5px ; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color: #fff; text-shadow : 0 0 3px #000; background: rgba(0, 0, 0, 0.3)}


/**
 * common title
 */
 .common-title{min-width: 350px; margin: 0 auto; padding: 5px 0; text-align: center; }
 .common-title > h1 {margin-bottom: 10px; font-size: 25px; }
 .common-title > h1 > span {vertical-align: baseline; color: #eb6877; }
 .common-title > div{color: gray; margin-bottom: 5px;}
 .common-title > div > strong{display: inline; color: #444; }
 
 /**
 * sign up
 */
.signupname{max-width: 350px; margin: 0 auto; }
.signupname-policy{height: 80px; padding: 10px; border: 1px solid #bbb; background-color: #ededed; word-break: break-all; overflow-y: scroll; -ms-overflow-style: none; box-sizing: border-box; }
.signupname-policy::-webkit-scrollbar{height: 0; width: 0; }
.signupname > label {position: relative; height: 38px; line-height: 38px; cursor: pointer; }
/*
.signupname > label > i{vertical-align: bottom; font-size: 26px; }
.signupname > label > i:before{content : "\E835"; display: block; }
*/
.signupname > label > input{display: none; }
.signup > label > input{position: absolute; width: 0; }
/*
.signupname > label > input:checked + i:before{content: "\E834"; }
*/
.signupname > span {display: block; margin-top: 10px; }
.signupname > input[type=text], .signupname > input[type=tel], .signupname > input[type=password], .signupname > input[type=number]{display: block; padding: 0 10px; width: 100%; height: 38px; line-height: 38px; border: 1px solid #bbb; background-color: #ededed; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.signupname > input[disabled]{background-color: #fff; }
.signupname > a,
.signupname > button{display: block; margin-top: 10px; width: 100%; height: 40px; line-height: 40px; font-weight: bold; background-color: #ff6666; color: #fff; text-align: center; }
.signupname > a.active,
.signupname > button.active{background-color: #eb6877; }
.signupname > a.active2,
.signupname > button.active2{background-color: #eb6877; }

.name_table tr{ height:50px;}
.name_table tr .name-space{ font-size: 12px; }
.name_table tr td {font-size: 0;}
.name_table tr td i{ vertical-align: middle; }
.name_table tr td input{ font-size: 12px; width:100%; height:35px; text-align: center; }
.name_table tr td .input-control,
.name_table tr td .name,
.name_table tr td .pw,
.name_table tr td .pw_c,
.name_table tr td .phn_chk{ border:1px solid rgba(0,0,0,0.2);  }
.name_table tr td .change_sex{ width:50%; }
.name_table tr td button{ font-size: 12px; line-height:30px; display: inline-block; width:33.3%; border:1px solid #ffffff; color:#ffffff; }
.name_table tr td button:focus{ background-color: #eb6877; border:1px solid #eb6877; color:#fff;}
.name_table tr td select{ width:100%; height:30px; padding-left:10px;border:1px solid rgba(0,0,0,0.2); font-size: 12px; }

.change_on {
    background: #eb6877;
    color: #FFF !important;
}


/**
 * sign in
 */
.signin-form{max-width: 350px; margin: 0 auto; }
.signin-form > table { width: 100%;}
.signin-form > table:after{content: ""; display: block; clear: both; }
.signin-form > table span{float: left; width: 100%; }
.signin-form > table input{float: left; width: 100%; height: 38px; line-height: 38px; padding: 0 10px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #bbb; background-color: #ededed; }
.signin-form > button, .signin-form > .button{display: block; margin: 10px 0 20px 0; width: 100%; height: 40px; line-height: 40px; background-color: #bd1b2d; font-weight: bold; color: #fff; text-align: center; }

/* HELP */
#help{ text-align: center; margin-top: 170px;}
#help h1 { color:#eb6877; margin-bottom: 20px; margin-top: 20px;}
.send_help{ padding: 0 5px; margin-bottom: 20px;}
.send_table { width: 100%; border-bottom: 1px solid rgba(0,0,0,0.3); border-top: 2px solid rgba(0,0,0,0.3); border-collapse: collapse;}
.send_table th { color:#3a3a3a; text-indent: 10px; font-weight: bold; font-size: 12px;  background-color: #ecebeb; text-align: left; padding: 10px; vertical-align: middle; border-bottom: 1px solid rgba(0, 0, 0, 0.3)}
.send_table td { text-align: left; padding: 10px; vertical-align: middle; border-bottom: 1px solid rgba(0, 0, 0, 0.3)}
.form-control { padding: 10px 5px;text-indent: 5px; border:1px solid #c9c9c9; font-size: 12px;}
.send_table td select{text-indent: 5px; padding: 10px 5px; border:1px solid rgba(0,0,0,0.2);  font-size: 12px; background:url('/images/arrow_down.png') 93% center no-repeat; background-size: 10px 10px;}
.send_table td select:focus{ border:1px solid #58b3ae; }
.send_table td select option:selected{ background-image: url('/images/arrow_up.png'); }
.send_table td select option{ text-indent: 10px; }
.send_table td #email { width: 50%;}
.send_table td #email_ads_1 { width: 28%;}
.send_help textarea{ width: 85%; height: 150px; border:1px solid #c9c9c9; padding:10px;}
.send_help button{ background-color: #eb6877; color:#fff; padding: 10px 0 ; width: 200px; font-weight: bold; }
.note { font-size: 10px; color: #eb6877; display: inline-block; position:relative; padding-left:10px; }
.note:before{display: inline-block; content:"*"; position: absolute; top:0; left:0; }
  


/**
 * header comment
 */
 .header-billcomment{padding: 10px 15px; background-color: #436563; color: #ffdb4d; text-align: center; }
 .header-billcomment > span{text-align: left; }
 
/* HELP */
#help-bill{ text-align: center; padding-top:20px;}
#help-bill h1 { color:#58b3ae; margin-bottom: 40px;}
.send_bill_help{ padding: 0 10px; margin-bottom: 25px;}
.send_bill_help ul{ border-top:2px solid rgba(0,0,0,0.3);  margin-bottom: 10px; }
.send_bill_help ul li{ width:100%; text-align: left; border-bottom:1px solid rgba(0,0,0,0.2); font-size: 0; }
.send_bill_help ul li span{ color:#3a3a3a; display: inline-block; width:25%; line-height: 65px; text-indent: 20px; font-weight: bold; font-size: 12px;  background-color: #ecebeb;}
.send_bill_help ul li .email{ line-height:85px;}
.send_bill_help ul li .id{ vertical-align: baseline !important; }
.send_bill_help ul li p{ display: inline-block;  text-indent: 5%;width:70%; font-size: 13px; }
.send_bill_help ul li p input{ width:90%; height:30px; text-indent: 10px; border:1px solid #c9c9c9; font-size: 12px;}
.send_bill_help ul li p #email{ width:35%;}
.send_bill_help ul li p #email_ads{margin: 5px 5px 5px 5%;}
.send_bill_help ul li p #email_ads_1{ width:44%; }
.send_bill_help ul li p #sorted{ width:90%; }
.send_bill_help ul li p select{text-indent: 5px;width:90%; height:32px;border:1px solid rgba(0,0,0,0.2);  font-size: 12px; padding-left: 5px; background:url('/images/arrow_down.png') 93% center no-repeat; background-size: 10px 10px;}
.send_bill_help ul li p select:focus{ border:1px solid #58b3ae; }
.send_bill_help ul li p select option:selected{ background-image: url('/images/arrow_up.png'); }
.send_bill_help ul li p select option{ text-indent: 10px; }
.send_bill_help ul li p .note{ position:relative;  display: block; color:#da5555; font-size: 11px; margin-top:5px;margin-left: 30px; text-indent: 0;}
.send_bill_help ul li p .note:before{ display: inline-block; content:"*"; position: absolute; left: -8px; top:0; }
.send_bill_help .txt_area{ line-height: 230px; }
.send_bill_help textarea{ width:84%; height: 150px; border:1px solid #c9c9c9; padding:10px;}
.send_bill_help button{ background-color: #58b3ae; color:#fff; padding: 10px 0 ; width: 240px; font-weight: bold; }


 
/**
 * sign up
 */
.signup{max-width: 350px; margin: 0 auto; }
.signup-policy{height: 80px; padding: 10px; border: 1px solid #bbb; background-color: #ededed; word-break: break-all; overflow-y: scroll; -ms-overflow-style: none; box-sizing: border-box; display: none;}
.signup-policy::-webkit-scrollbar{height: 0; width: 0; }
.signup > label {position: relative; height: 38px; line-height: 38px; cursor: pointer; }
/*
.signup > label > i{vertical-align: bottom; font-size: 26px; }
.signup > label > i:before{content : "\E835"; display: block; }
.signup > label > input{position: absolute; width: 0; }
.signup > label > input:checked + i:before{content: "\E834"; }
*/
.signup > span {display: block; margin-top: 10px; }
.signup > input{display: block; padding: 0 10px; width: 100%; height: 38px; line-height: 38px; border: 1px solid #bbb; background-color: #ededed; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.signup > input[disabled]{background-color: #fff; }
.signup > a,
.signup > button{display: block; margin-top: 10px; width: 100%; height: 40px; line-height: 40px; font-weight: bold; background-color: #ff6666; color: #fff; text-align: center; }
.signup > a.active,
.signup > button.active{background-color: #2B323B; }
.signup > a.active2,
.signup > button.active2{background-color: #eb6877; }
.signup_otherway{max-width: 360px; margin: 0 auto 50px; text-align:center; color:#333333; padding-top: 10px;}
.signup_otherway > button{ width: 350px; margin: 20px auto; display: block; font-weight: bold; color: #eb6877; border: 1px solid #eb6877; border-radius:2px; padding: 10px;}

.signin-form table button.red_btn {
    width: 100%; 
    display: block; 
    font-weight: bold; 
    color: #FFF; 
    background:#eb6877; 
    padding: 10px;
}
.signin-form table button.grey_btn {
    width: 100%; 
    display: block; 
    font-weight: bold; 
    color: #FFF; 
    background:#3b3b3b; 
    padding: 10px;
}
.signin-form table  {
    margin-top: 20px;
}

.cert_btn_end {
    display: none;
}

.cert_btn_second {
    display: none;
}


/**
 * withdrawal
 */
 .withdrawal{margin-top: 20px; }
 .withdrawal > h3{margin-bottom: 10px; }
 .withdrawal > h3 > strong{display: inline; color: #800; }
/*  .withdrawal > h3 > i{font-size: 16px; margin-right: 5px; vertical-align: top; } */
 .withdrawal > p{margin-bottom: 30px; }
 .withdrawal > p > strong{display: inline; color: #800; }
 

/* 미디어쿼리 */

@media screen and (max-width: 333px) { 
    /* 결제버튼 */
    .payment_select .pay_card{ display: block; margin: 0 auto 10px; }
}



.box_3 { font-size: 0;}
.etc_button { display: inline-block;width: 50%;background-color: #eb6877; color:#fff; font-size: 14px; padding:15px;}

.gender_box {
    font-size: 0;
}

.change_sex {
    font-size: 12px;
    width: 50%;
	height: 40px;
    display: inline-block;
    padding: 5px 0;
    background: #666;
    color: #FFF;
}

.change_agency_box {
    font-size: 0;
}

.change_agency {
    font-size: 12px;
    width: 33.33333%;
	height: 40px;
    display: inline-block;
    padding: 5px 0;
    background: #666;
    color: #FFF;
}

.change_on {
    background: #eb6877;
}