@charset "utf-8";
/**
 * ___ 20200806 신규 __________________________________________________________________________________
/**
 * 20200804 신규추가
 */
.intro_vids .innerbox .txt{ padding:10px;}
.intro_vids .innerbox .txt p{ font-size: 25px; }
.intro_vids{ background-color: #efefef; padding: 5px 0 10px; }
.intro_vids .innerbox{  padding: 15px 5px; border:1px solid #d1d1d1; background-color: #fff; position: relative;}
.intro_vids .innerbox .title{ font-size: 20px; font-weight: bold; margin-bottom:15px; }
.intro_vids .innerbox .title em{ display: inline-block; color: #fe3544; margin-right: 10px; margin-left: 6px; }
.intro_vids .innerbox .title .info{ display: block; margin-left: 5px; margin-bottom: 5px; font-size: 12px; color:#9e9e9e; }
.intro_vids .innerbox .title .see_more,
.intro_community .see_more{ position: absolute;top: 15px;right: 15px; font-size: 18px; color: #9e9e9e;}

.intro_vids .innerbox p { margin-bottom: 15px; }
.intro_vids .innerbox p a{ display: block; float:right;}
.intro_vids .innerbox .vid_list{ width:100%; font-size: 0; text-align: center; }
.intro_vids .innerbox .vid_list .swiper-slide { display: inline-block; width:20%;  }

.ppp_container{ cursor:pointer; padding:0; display: inline-block; width:50%; vertical-align: top;}
.playlist-sss{ margin: 5px; border-radius: 10px; overflow: hidden;}
.playlist-sss-thum{position: relative;display: block; width: 100%;  overflow: hidden; min-height:120px; max-height:200px; }
.playlist-sss-thum .mmark19{
    position: absolute;
    width:100%;
    top:0; 
	left:0; 
	right:0; 
	bottom:0;
    background-color: #bd1b2d;
}
.playlist-sss-thum .mmark19 img{
    position:absolute; 
	width:60%; 
	top:50%; 
	left:50%; 
    transform: translate(-50%, -50%); 
    -webkit-transform: translate(-50%, -50%);
    z-index:10;
}
.playlist-sssss-thum > img{display: block; width: 100%; height:100%; }
.playlist-sssss-thum > span{position: absolute; bottom: 5px; right: 5px; width: 50px; padding: 2px 0; font-size: 10px; text-align: center; background-color: #bd1b2d; color: #fff; }
.playlist-sssss-text{ padding: 5px 10px; font-size: 14px; background-color: #000; color:#fff;}
.playlist-sssss-text:after{content: ""; display: block; clear: both; }
.playlist-sssss-text > h3 {font-weight: normal;letter-spacing: -1px; height: 19px; margin-bottom: 5px; overflow: hidden; }
.playlist-sssss-text > h3 > a { text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.playlist-sssss-text >a{ width:100%; overflow: hidden; line-height: 1.2; max-height: 30px;}
.playlist-sssss-text >a > p{ color:#fff !important; }
.playlist-sssss-text >a > span{ color:#fff !important; display: inline-block; width:50%;  }
.playlist-sssss-text .info_left{ float: left; color:#a8a8a8; font-size: 12px; padding:5px 0;}
.playlist-sssss-text .info_right{ float: right; text-align: right; color:#a8a8a8; font-size: 12px; padding:5px 0;}

.ppppp_container{ cursor:pointer; padding:0; display: inline-block; width:100%; vertical-align: top;}
.playlist-sssss{ margin: 5px; border-radius: 10px; overflow: hidden;}
.playlist-sssss-thum{position: relative;display: block; width: 100%;  overflow: hidden; min-height:125px; max-height:235px; }
.playlist-sssss-thum .mmark19{
    position: absolute;
    width:100%;
    top:0; 
	left:0; 
	right:0; 
	bottom:0;
    background-color: #bd1b2d;
}
.playlist-sssss-thum .mmark19 img{
    position:absolute; 
	width:60%; 
	top:50%; 
	left:50%; 
    transform: translate(-50%, -50%); 
    -webkit-transform: translate(-50%, -50%);
    z-index:10;
}
.playlist-sssss-thum > img{display: block; width: 100%; height:100%; }
.playlist-sssss-thum > span{position: absolute; bottom: 5px; right: 5px; width: 50px; padding: 2px 0; font-size: 10px; text-align: center; background-color: #bd1b2d; color: #fff; }
.playlist-sssss-text{ padding: 5px 10px; font-size: 14px; background-color: #000; color:#fff;}
.playlist-sssss-text:after{content: ""; display: block; clear: both; }
.playlist-sssss-text > h3 {font-weight: normal;letter-spacing: -1px; height: 19px; margin-bottom: 5px; overflow: hidden; }
.playlist-sssss-text > h3 > a { text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.playlist-sssss-text >a{ width:100%; overflow: hidden; line-height: 1.2; max-height: 30px;}
.playlist-sssss-text >a > p{ color:#fff !important; }
.playlist-sssss-text >a > span{ color:#fff !important; display: inline-block; width:50%;  }
.playlist-sssss-text .info_left{ float: left; color:#a8a8a8; font-size: 12px; padding:5px 0;}
.playlist-sssss-text .info_right{ float: right; text-align: right; color:#a8a8a8; font-size: 12px; padding:5px 0;}


/* intro_community section */
.intro_community{ background-color: #e2e0e0; padding:5px; font-size: 0;}
.intro_community .inner_wrapper{ /*margin:-20px 0 0 -20px;*/ }
.intro_community .innerbox{ display: inline-block; width:100%; vertical-align:top;}
.intro_community .innerbox_2{ position:relative; padding:10px 10px 10px 10px; margin:0px 0px 0px 0px;  border:1px solid #d1d1d1; background-color: #fff; min-height: 200px;}
.intro_community .innerbox .seemore{ position:absolute; top:0; right:0;width:50px; height:50px; display: block; border-left:2px solid #d3d3d3;border-bottom:2px solid #d3d3d3; }
.intro_community .innerbox .seemore img{ display: block; width:30px; margin: 10px auto 0; }
.intro_community .innerbox .title{ font-size: 20px; font-weight: bold; margin-bottom:15px; }
.intro_community .innerbox .title em{ color: #fe3544; }
.intro_community .innerbox ul{ width:100%; font-size: 0; }
.intro_community .innerbox ul li{ width:100%; margin-bottom:10px; }
.intro_community .innerbox ul li a{ display: block; margin-right:15px; font-size: 13px;}
.intro_community .innerbox ul li a span:hover{ color: #fe3544; text-decoration: underline; }
.intro_community .innerbox ul li a span{ display: inline-block; width:calc( 100% - 82px );padding-right:10px; box-sizing:border-box; text-overflow: ellipsis;white-space: nowrap; overflow:hidden;  }
.intro_community .innerbox ul li a em{ width:82px; float: right; color:#949494;text-align: right; }

/* 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: 57px; text-align: center; font-weight: bold;}

.guide_box .site_icon{ 
	display: block;
    margin: 0 auto 19px;
    width: 200px;
    height: 120px;
    border: 5px solid #bd1b2d;
    border-radius: 10%;
    font-size: 57px;
    text-align: center;
    font-weight: bold;
    background: #bd1b2d;
    padding-top: 22px;
}

.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;}

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

.change_sex_ck {
    font-size: 18px;
    width: 47%;
	height: 40px;
    display: inline-block;
    padding: 5px 0;
    background: #666;
    color: #FFF;
    border-radius: 5px;
    margin: 0px 5px 0px 5px;
}

.change_agency_box_ck {
    font-size: 0;
}

.change_agency_ck {
    font-size: 18px;
    width: 30.33333%;
	height: 40px;
    display: inline-block;
    padding: 5px 0;
    background: #666;
    color: #FFF;
    border-radius: 5px;
    margin: 0px 3px 0px 5px;
}

.change_ck_on {
    background: #bd1b2d;
}

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

/* find passowrfd */
.find_password_box_page .mask{ background-color: rgba(0, 0, 0, 0.5); position: fixed; top:0; left:0; right:0; bottom:0; z-index:996; }
.find_password_box_page { text-align: center;width:100%; height: auto; background-color: #fff; border-radius: 10px; overflow: hidden;}
.password_head {
    background: #bd1b2d;
    color: #fff;
    height: 50px;
    line-height: 50px;
}
.password_contetns {
    padding: 10px;
}
.password_contetns input {
    width:100%; height: 40px;  border:1px solid rgba(0,0,0,0.2); padding-left:10px; box-sizing: border-box; margin-bottom: 5px;
}

.cert_contents li { margin-bottom: 5px;}

.cert_contents .cert {
    display: none;
}

.change_pwd {
    display: none;
}

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


.show {
    display: block !important;
}

.red_passbtn {background-color: #bd1b2d; color:#fff; font-size: 18px; padding:10px; width:100%;border-radius: 5px;}

.signup_otherway{max-width: 400px; margin: 0 auto 20px; text-align:center; color:#333333; padding-top: 10px;font-size: 18px;}
.signup_otherway > button{ width: 400px; margin: 20px auto; display: block; font-weight: bold; color: #bd1b2d; border: 1px solid #bd1b2d; border-radius:2px; padding: 10px;}

#main .payment{ width:100%; text-align: center; }
#main .payment_guide { width:100%; margin:  20px 0px 20px 0px; color:#fff;}
#main .payment_guide h3{ margin-bottom:10px; padding-left:10px; }
#main .payment_guide ul{ width:100%; }
#main .payment_guide ul li{ position:relative; padding-left:10px; margin-bottom:5px;}
#main .payment_guide ul li:before{display: inline-block; content:'-'; position: absolute; top:0; left:0;  }

.btns > .active6 {
	background-color: #bd1b2d;
    color: #fff;
    width: 100%;
    padding: 18px 0;
    border-radius: 3px;
    font-size: 18px;
}
/*
 * _____________________________________________________________________________________________
 */