@charset "UTF-8";
@import url(/comm_res/font/noto/noto.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');


.template_no_use {background: #334dac; background: #334dac; background: #334dac; background: #334dac;}

html { font-size: 6.25%;height: 100%; overflow-y: scroll;}
body {height: 100%;color: #111;font-family: Noto Sans KR, sans-serif;line-height: 1.4;overflow-y: visible;min-width: 1200px;}
td {word-break: break-all}
body {font-size: 1600%;margin:0;}

h1,h2,h3,h4,h5,h6 {font-size: inherit;}
a {font-size: inherit; color: inherit; text-decoration: none;}
button {font-size: inherit; cursor:pointer; background: none; border: none; padding: 0; color: inherit;}
img {vertical-align:middle; border:none;}
/*form {height: 100%;}*/
fieldset {padding:0; border:none; height: inherit;}
legend {position:absolute; left:-9999999px; top:-9999999px;}

ul{ margin:0;padding:0;overflow:hidden}
li{float:left;list-style:none;}
p{ margin:0;}
.float_unset{
float:unset;
}

.font_bold_set{
  font-family: "Noto Sans KR", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.warp{
	width:100%;
	background:#fff;
	color:#666;
	min-width:1600px;
}

.top_text{
display: inline-block;
    position: relative;
    top: 5px;
    left: 10px;
    font-size: 14px;
    color: #bec0c7;
}
.top_layout{
	width:100%;
	height:65px;
	border-bottom:1px solid #ececec;
	box-shadow: 0px 3px 10px 5px #ececec;
	position:relative;
}

.top_left{
	padding:10px 20px;
	float:left;
}

.top_right{
	padding:0 20px;
	float:right;
}

.search_area{
	border:1px solid #f7f7f7;
	background:#f7f7f7;
	height:30px;
	border-radius:10px;
	width:395px;
	
	
}
.search_area .search_box{
	border:0px solid #011;
	background:#f7f7f7;
	height:30px;
	border-radius:10px;
	width:375px;
	/*background:url(/comm_res/pc/new/img/inc/top_search_btn.png) no-repeat right;*/
}

.search_area button {position: absolute; top: -3px; height: 100%; width: 20px;
    background: url(/comm_res/pc/new/img/inc/top_search_btn.png) no-repeat left;
    text-indent: -99999px;
}

.input_box{
	border:0px solid #011;
	background:#f7f7f7 !important;
	height:30px;
	border-radius:0px !important;
	width:375px;
	/*background:url(/comm_res/pc/new/img/inc/top_search_btn.png) no-repeat right;*/
}


.buy_area{
	background:url(/comm_res/pc/new/img/inc/top_pay2.png) no-repeat left;
	background-position-x:30px;
	
	height:30px;
	
	
}

.buy_text{
	font-size: 14px;    
    font-family: "Noto Sans KR", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
    color: #000;
}

.line_area{
	height:20px;
	border-right:2px solid #e3e3e3;
	margin:5px 20px 0;
}

.login_area{

	background:#ff024a;
	color:#fff;
	font-size: 14px; 
	padding:10px 0;
	margin-top:10px;
	width:130px;
	text-align:center;
	border-radius:6px;
}

input.search_box::placeholder {
    
    font-size: 13px;
    text-align: left;
	left:10px;
	opacity: 1;
	 font-family: "Noto Sans KR", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.con_layout{
	position:relative;
}
.left{
	position:relative;
	width:250px;
	height:100%;
	
	
	padding-top:30px;
	
	
}

.left_service{
	padding-bottom:30px;
	padding-left:25px;
	border-bottom:2px solid #ececec;
	
}


.left_mypage{
	padding-top:30px;
	padding-bottom:30px;
	padding-left:25px;
	border-bottom:2px solid #ececec;
	
}

.left_customer{
	padding-top:30px;
	padding-bottom:30px;
	padding-left:25px;
	border-bottom:2px solid #ececec;
	
}

.left_down{
	padding-top:30px;
	padding-bottom:30px;
	padding-left:25px;
	border-bottom:2px solid #ececec;
	
}

.left_sns{
	padding-top:30px;
	padding-bottom:30px;
	padding-left:25px;
	
	
}


.left_menu_text{
	font-size:14px;
	/*font-weight: bold;*/
    color: #000;
	
	  font-family: "Noto Sans KR", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.back_live{
	background:url(/comm_res/pc/new/img/inc/live_off.jpg) no-repeat left;
	background-position-x:0px;
	padding-left:30px;
}

.back_chat{
	background:url(/comm_res/pc/new/img/inc/feed_chat_list_icon.jpg) no-repeat left;
	background-position-x:0px;
	padding-left:30px;
}
.back_pass{
	background:url(/comm_res/pc/new/img/inc/feed_pass_list_icon.jpg) no-repeat left;
	background-position-x:0px;
	padding-left:30px;
}


.back_live_on{
	background:url(/comm_res/pc/new/img/inc/live_on.jpg) no-repeat left;
	
}


.back_vod{
	background:url(/comm_res/pc/new/img/inc/vod_off.jpg) no-repeat left;
	background-position-x:0px;
	padding-left:30px;
}


.back_vod_on{
	background:url(/comm_res/pc/new/img/inc/vod_on.jpg) no-repeat left;
	background-position-x:0px;
	padding-left:30px;
}
 
.back_photo{
	background:url(/comm_res/pc/new/img/inc/bbmodel_off.jpg) no-repeat left;
	background-position-x:0px;
	padding-left:30px;
}

.back_photo_on{
	background:url(/comm_res/pc/new/img/inc/bbmodel_on.jpg) no-repeat left;
	background-position-x:0px;
	padding-left:30px;
}

.back_eye{
	background:url(/comm_res/pc/new/img/inc/see_off.jpg) no-repeat left;
	background-position-x:0px;
	padding-left:30px;
}

.back_eye_on{
	background:url(/comm_res/pc/new/img/inc/see_on.jpg) no-repeat left;
	background-position-x:0px;
	padding-left:30px;
}

.back_gift{
	background:url(/comm_res/pc/new/img/inc/present_off.jpg) no-repeat left;
	background-position-x:0px;
	padding-left:30px;
}

.back_gift_on{
	background:url(/comm_res/pc/new/img/inc/present_05.jpg) no-repeat left;
	background-position-x:0px;
	padding-left:30px;
}

.back_fav{
	background:url(/comm_res/pc/new/img/inc/favorite_off.png) no-repeat left;
	background-position-x:0px;
	padding-left:30px;
}

.back_fav_on{
	background:url(/comm_res/pc/new/img/inc/favorite_on.jpg) no-repeat left;
	background-position-x:0px;
	padding-left:30px;
}

.back_cus{
	background:url(/comm_res/pc/new/img/inc/cus_icon.png) no-repeat left;
	background-position-x:0px;
	padding-left:30px;
}

.back_cafe{
	background:url(/comm_res/pc/new/img/inc/cafe_icon.png) no-repeat left;
	background-position-x:0px;
	padding-left:30px;
}

.back_blog{
	background:url(/comm_res/pc/new/img/inc/blog_icon.png) no-repeat left;
	background-position-x:0px;
	padding-left:30px;
}

.back_insta{
	background:url(/comm_res/pc/new/img/inc/insta_icon.png) no-repeat left;
	background-position-x:0px;
	padding-left:30px;
}

.mt_45{
	margin-top:45px;
}

.mt_35{
	margin-top:35px;
}

.mt_30{
	margin-top:30px;
}

.mt_25{
	margin-top:25px;
}


.mt_20{
	margin-top:20px;
}

.mt_15{
	margin-top:15px;
}

.mt_10{
	margin-top:10px;
}

.align_left{
	text-align:left !important;
}
.color_gray{
	color:#666;
}

.color_red{
color:red !important;
}
.cont_area{
    position: absolute;
    left: 250px;
    top: 0;
    min-height: 700px;
	border-left:2px solid #ececec;
}


.content{
    position: relative;
    min-height: 700px;
	border-bottom:2px solid #ececec;
	
}

.content_area{
	padding:45px 35px;
}

.sub_content{
/*
	max-width:1000px;
	margin:0 auto;
*/	
}
.cont_footer{
	text-align: center;
    
    clear: both;
    padding: 30px 50px;
    margin: 0px 0 0 0px; box-sizing: border-box;
}


#fnav {font-size: 15px; color: #666;}
.fnav_separ {text-indent: -99999px; width: 1px; height: 10px; margin: 0 10px; background: #aaa;
    display: inline-block;
}

.cont_footer #addr {font-size: 13px !important;}


#addr { font-size: 13px; line-height: 1.6; color: #666;}
#addr address { font-style: normal; margin: 1em 0 0;}
#addr address span {display: inline-block;}
#addr p { margin: 0.5em 0;}
.addr_separ {text-indent: -99999px; width: 1px; height: 8px; margin: 0 10px; background: #aaa;
    display: inline-block;
}


.top_title{
	padding:15px 10px 0 0;
}


.back_main_live{
	background:url(/comm_res/pc/new/img/main/live_icon.png) no-repeat left;
	background-position-x:0px;
	padding-left:30px;
}

.back_main_photo{
	background:url(/comm_res/pc/new/img/main/photo_icon.png) no-repeat left;
	background-position-x:0px;
	padding-left:30px;
}


.main_title{
	font-size:22px;
	font-family: "Noto Sans KR", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
    color: #000;
}

.main_title_sub{
	font-size:21px;
	font-family: "Noto Sans KR", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
    color: #000;
	height:40px;
}

.vod_list > ul {
	overflow:hidden;
}

.vod_list > ul  > li{
	width:20%;
	padding-left:0%;
	padding-bottom:40px;
}

.vod_list  > ul > li:first-child{
	padding-left:0%;
}

.vod_list  > ul > li:nth-of-type(5n-4){clear:left;}

.vod_list > ul  > li > .list_img{
	margin:0 auto;
	width:96%;
	
	
}
.vod_list > ul  > li > .list_img  img{
	width:100%;
	height:160px;
	object-fit:cover;
	border-radius: 15px;
}


.list_subject{
	padding-top:10px;
	padding-left:10px;
	overflow:hidden;
}

.adult_icon{
	background: red;
    height:20px;
	width:20px;
    color: #fff;
    border-radius: 20px;
	text-align:center;
	float:left;
	font-size:11px;
	margin-right:5px;
}

.subject_text{
	float:left;
	
	color:#000;
	font-family: "Noto Sans KR", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;

}

.list_information{
	padding-top:5px;
	padding-left:10px;
	font-size:13px;
	font-family: "Noto Sans KR", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.list_nick{
	font-size:13px;
	/*font-weight:bold;*/
	float:left;
	font-family: "Noto Sans KR", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.list_icon{
	font-size:12px;
	/*font-weight:bold;*/
	float:left;
	padding:1px 5px;
	font-family: "Noto Sans KR", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  position:unset;
}
.list_time{
	padding:0 0px;
	float:left;
	font-family: "Noto Sans KR", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.list_time > img{
	padding-left: 0px;
    padding-bottom: 3px;
}



.model_list > ul {
	overflow:hidden;
}

.model_list > ul  > li{
	width:19%;
	padding-left:1.25%;
}


.model_list  > ul > li:first-child{
	padding-left:0%;
}

.model_nick{
	font-family: "Noto Sans KR", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size:18px;
  color:#000;
  float: left;
  padding-left: 20px;
  padding-top: 25px;
}


.header_login{
	display:none;
	z-index:999
}
.back_bg{
    width: 100%;
    background: #000;
    height: 100%;
    position: fixed;
    z-index: 999;
    opacity: 0.7;
	padding:0 60px;
}
.login_box{
	position:fixed;
	top:100px;
	left:50%;
	width:316px;
	margin-left:-225px;
	padding:65px;
	background:#fff;
	z-index:999;
	border-radius:5px;

}

.login_top{
overflow:hidden;
}
.login_text{
font-size:28px;
font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  float:left;
}

.login_close{
font-size:28px;
font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  float:right;
}


.login_input_box{
	padding-top:20px;
}

.login_input_id{
	padding-bottom:20px;
}

.login_input_pw{
	padding-bottom:20px;
}

.login_input{
	width:92.5%;
	height:50px;
	border-radius:5px;
	border:1px solid #cfcfcf;
	font-size: 18px;
	padding-left:20px;
	
}

input.login_input::placeholder {
    
    font-size: 18px;
    text-align: left;
	left:10px;
	opacity: 1;
	 font-family: "Noto Sans KR", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color:#c8c8c8;
}

.login_btn_box{
	
    background: #000;
    color: #fff;
    text-align: center;
    padding: 13px;
    font-size: 16px;
}


.login_auto_box{
	padding-top:20px;
}

.auto_check{
	width:20px;
	height:20px;
	border:1px solid #cfcfcf;
}


.login_auto_box > label{
	 vertical-align: top;
    font-size: 16px;
    padding-left: 5px;
		 font-family: "Noto Sans KR", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  color:#000;
}

.login_or_box{
	padding-top:20px;
	text-align:center;
		 font-family: "Noto Sans KR", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  color:#000;
}
   
.login_find_box{
	text-align:center;
	
}

.login_find_box > a{
	margin:15px;
	position:relative;
	
}

.login_find_box .id_find::before { content: ''; position: absolute; right: -1.2em; height: 50%; width: 1px; background: #888;
    top: 7px; bottom: 0; 
}


.login_join_box{
	text-align:center;
	
}

.nojoin_text{
	color:#b5b5b4;
}

.join_text{
	color:#000;
}


.user_info_box{
	position:absolute;
	right:20px;
	top:80px;
	width:390px;
	
	border:1px solid #cccccc;
	background:#fff;
	z-index:99
}

.user_info_box:after 
{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 16px 20px 17.5px;
	border-color: #FFFFFF transparent;
	display: block;
	width: 0;
	z-index: 1;
	top: -18.5px; 
	right: 20px; 
}
	
.user_info_box:before 
{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 16px 20px 17.5px;
	border-color: #cccccc transparent;
	display: block;
	width: 0;
	z-index: 0;
	top: -20px;
	right: 20px;
}

.user_info{
	padding:20px;
}
.info_profile{
	overflow:hidden;
}
.profile_img{
	width:90px;
	height:80px;
	float:left;
}

.profile_img > img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.profile_nick_id{
	float:left;
	padding-left:10px;
	padding-top:15px;
	font-size:18px;
}

.profile_nick{
	color:#000;
}
.profile_id{
	color:#88888f;
}

.profile_logout{
	float:right;
	padding-top:15px;
	
}

.profile_logout > .logout_btn{
	width:90px;
	border-radius:10px;
	padding:13px 0;
	border:1px solid #e5e5e5;
	text-align:center;
}

.info_star{
	font-size:16px;
	padding:10px 0;
	
}

.star_text{
	color:#000;
}

.star_cnt{
	color:#ff024a;
}

.star_change_btn{
	
    background: #ff024a;
    color: #fff;
    font-size: 14px;
    padding: 2px 15px;
    border-radius: 15px;
    vertical-align: inherit;

}

.info_btn{
	font-size:13px;
	color:#000;
	padding-top:5px;
}

.info_btn > ul > li{
	width:31%;
	text-align:center;
	margin-left:2%;
	border:1px solid #e5e5e5;
	padding:8px 0;
	border-radius: 6px;
}

.info_btn > ul > li:first-child{
	margin-left:0%;
	
}

.info_invite_code{
	padding:20px 20px 10px;
}

.info_invite_text{
	background:#f7f7f7;
	padding:20px 0;
	text-align:center;
}

.invite_code_text{
	font-size:24px;
	color:#000;
}

.invite_code_copy{
	font-size:12px;
	color:#bcc1c7;
}

.info_invite_sns{
	padding:20px 0;
	text-align:center;
}


.info_invite_sns > ul > li{
	width:32%;
	text-align:center;
	margin-left:2%;
	padding:8px 0;
	border-radius: 6px;
	font-size:12px;
}

.info_invite_sns > ul > li:first-child{
	margin-left:0%;
	
}


.info_invite_sns > ul > li:nth-child(1){
background:#fee500;
color:#000;
}

.info_invite_sns > ul > li:nth-child(2){
background:#0866ff;
color:#fff;
}

.info_invite_sns > ul > li:nth-child(3){
background:#eeeff1;
color:#000;
}

.float_left{
	float:left;
}

.float_right{
	float:right;
}

.overflow_hidden{
	overflow:hidden;
}

.tab_menu{
	padding:25px 0;
}

.tab_menu > ul {
	overflow:hidden;
}

.tab_menu > ul  > li{
	width:150px;
	margin-left:10px;
	padding:9px 0;
	text-align:center;
	background:#eeeff1;
	border-radius: 45px;
	border:1px solid #e5e5e5;
	color:#000;
}

.tab_menu  > ul > li:first-child{
	margin-left:0;
}

.tab_menu > ul  > li.on{
	
	background:#ff024a;
	color:#fff;
	border:0;
}


.tab_menu2{
	padding:25px 0;
}

.tab_menu2 > ul {
	overflow:hidden;
}

.tab_menu2 > ul  > li{
	width:150px;
	margin-left:10px;
	padding:13px 0;
	text-align:center;
	background:#fff;
	border-radius: 45px;
	border:1px solid #e5e5e5;
	color:#000;
}

.tab_menu2  > ul > li:first-child{
	margin-left:0;
}

.tab_menu2 > ul  > li.on{
	
	background:#000;
	color:#fff;
	border:0;
}

.table_area{
	width:100%;
	border-top:solid 1px #6f6f6f;
	border-collapse:collapse;
}

.table_area caption{
	display:none;
	
}

.table_area  tr  th,
.table_area  tr  td{
	padding:18px 0;
	font-size:14px;
	color:#000;
	text-align:center;
}

.table_area  tr  th{
border-bottom:solid 2px #6f6f6f;
}
.table_area  tr  td{
	
	border-bottom:solid 1px #6f6f6f;
}

.board_footer{
	padding:20px 0;
	position:relative;
}

.board_paging{
	text-align:center;
}

.board_paging > span{
	padding:5px 10px;
	color:#000;
	font-size:13px;
}

.board_paging > span.on{
	
	background:#eeeff1;
	border-radius:10px;
}

.board_list_btn{
	
    position: absolute;
    top: 10px;
    right: 6px;
    background: #ff024a;
    padding: 9.5px 25px;
    color: #fff;
    font-size: 14px;
    border-radius: 6px;

}

.board_join_btn{
	
    
    background: #ff024a;
    padding: 10px 25px;
    color: #fff;
    font-size: 14px;
    border-radius: 10px;

}

.board_join_btn_c{
	
    
    background: #fff;
    padding: 10px 25px;
    color: #000;
    font-size: 14px;
    border-radius: 10px;
	border:1px solid #eeeff1;

}

.board_del_btn{
	
    width:100px;background:#eeeff1;padding:10px 0;
	font-size: 14px;
    border-radius: 10px;

}

.black_user_btn{
	
    width:100px;background:#eeeff1;padding:10px 0;
	font-size: 14px;
    border-radius: 10px;

}

.board_modi_btn{
	
    width:100px;background:#ff024a;padding:10px 0;
	font-size: 14px;
    border-radius: 10px;
	color:#fff;

}

.board_list_btn2{
	
    position: absolute;
    top: 20px;
    left: 6px;
    background: #fff;
    padding: 10px 25px;
    color: #000;
    font-size: 14px;
    border-radius: 10px;
	border:1px solid #eeeff1;
	

}


.table_area_view{
	width:100%;
	border-top:solid 1px #ebebeb;
	border-collapse:collapse;
}

.table_area_view caption{
	display:none;
	
}


.table_area_view  tr  th,
.table_area_view  tr  td{
	padding:18px 0;
	font-size:14px;
	color:#000;
	font-weight:unset;
	
}

.table_area_view  tr  th{
	border-bottom:solid 1px #ebebeb;
	text-align:center;
}
.table_area_view  tr  td{
	
	border-bottom:solid 1px #ebebeb;
	text-align:left;
}


.menu_tab{
	width:100%;
	padding:25px 0;
}

.menu_tab > ul > li{
	
	padding:8px 20px;
	border:1px solid #e7e7e7;
	background:#eeeff1;
	margin-left:10px;
	border-radius:40px;
}

.menu_tab > ul > li.on{
	
	border:0px;
	background:#ff024a;
	color:#fff;
	
}

.page_memo_box{
	padding:35px 45px;
	background:#f8f9fb;
	border-radius:10px;
}

.page_memo_box_title{
	font-size:21px;
	color:#000;
}

.btn_more{
	display: inline-block;width: 100% !important;margin-top: 20px;background: #e3e3e3 !important;padding: 15px;border-radius: 15px;
}

.search_btn{

background: #ff024a;
border: 0px;
padding: 6px;
width: 80px;
color: #fff;
border-radius: 10px;

}

.exchange_btn{
    
margin-left: 10px;
background: red;
padding: 3px 10px;
font-size: 14px;
color: #fff;
border-radius: 39px;
border: 0;
}


.b_tab2 {
    display: flex;
	/*padding-bottom:50px;*/
	background:#e7e7e7;
	border-radius:100px;
}

.b_tab2 > * {
    background: #e7e7e7;
    flex-grow: 1;
    text-align: center;
    border: solid 0px #ddd;
    border-top: none;
    padding: 8.3px;
    border-radius: 0px;
    margin-left: -1px;
    position: relative;
    top: 0px;
}

.b_tab2 > *:first-child {
    border-left: none;
	border-radius:100px;
    
}

.b_tab2 > *:last-child {
    border-right: none;
    border-radius:100px;
}

.b_tab2 > *.on {
    
    border-bottom: none;
    background: #3d0003;
	color:#fff;
    border-radius: 100px;
    
    font-weight: bold;
	top:0px;
    
}


.b_page *:first-child {
    margin-top: 0;
}

.b_page *:last-child {
    margin-bottom: 0;
}

.b_tab_white_black {
    display: inline-flex;
}

.b_tab_white_black > * {
    background: white;
    border: solid 1px #ddd;
    padding: .3em 1.2em;
    cursor: pointer !important;
}

.b_tab_white_black > *:first-child {
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.b_tab_white_black > *:last-child {
    border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.b_tab_white_black > *.on {
    background: #ff024a;
    border: solid 1px #ff024a;
    color: #fff;
}

.none.none.none.none {
    display: none !important;
}


/*pop*/
.pop {z-index: 9999 !important;display: none;}
.pop_shadow {width: 100%; height: 100%; position: fixed; left: 0; top: 0;
    background: black; opacity: .5; z-index: 10000;
}
.pop .page, .pop_page {position: fixed; width: 92%; max-width: 650px; box-sizing: border-box;
    left: 0; right: 0; margin: 0px auto; z-index: 20000;
    min-height: 2em; background: white; border-radius: 10px;
    top: 50%; transform: translatey(-50%);
    /*border: solid 4px #ff5f88;*/
    margin-top: auto !important;
    max-height: 90%; overflow-y: auto;
}


.pop h3 {text-align: center; font-size: 18px;}
.pop .p1 {text-align: center; color: #888; font-size: 14px; margin-top: -1em;}
.pop .p1 span {color: #222;}
.pop_img {width: 30%; display: block; margin: 10px auto 0;}


.pop_cont {padding: 5%;}
.pop_contents {}
.pop_btns {text-align: center; margin-top: 4%;}
.pop_btns > * {margin: 0 1px;}

.pop_tit_area {height: 20px; background: #ff024a; position: relative; top: -30px;}

#pop_alert .pop_contents {font-size: 18px; line-height: 2em;}

.btn_pad_1em {padding-left: 1em !important; padding-right: 1em !important;}
.btn_pad_1_5em {padding-left: 1.5em !important; padding-right: 1.5em !important;}
.btn_pad_2em {padding-left: 2em !important; padding-right: 2em !important;}
.btn_pad_2_5em {padding-left: 2.5em !important; padding-right: 2.5em !important;}
.btn_pad_3em {padding-left: 3em !important; padding-right: 3em !important;}
.btn_pad_3_5em {padding-left: 3.5em !important; padding-right: 3.5em !important;}


.btn_radius { border-radius: 0.3em;}
.btn_rad_round {border-radius: 200px;}
.btn_rad {border-radius: 4px;}
.btn_rad2, .btn_rad_big {border-radius: 6px;}
.btn_rad_small {border-radius: 2px;}

.btn_pad {padding-left: .8em !important; padding-right: .8em !important;}
.btn_pad2, .btn_pad_2 {padding-left: 1.6em !important; padding-right: 1.6em !important;}
.btn_pad3, .btn_pad_3 {padding-left: 2.4em !important; padding-right: 2.4em !important;}
.btn_pad4, .btn_pad_4 {padding-left: 3.2em !important; padding-right: 3.2em !important;}

.al_l, .al_left, .align_left { text-align: left !important;}
.al_c, .al_center, .align_center { text-align: center !important;}
.al_r, .al_right, .align_right { text-align: right !important;}

.align_middle { vertical-align:  middle;}
.align_middle_child > * { vertical-align:  middle;}


.b_btn__reg {background: #ee574a !important; border: solid 1px #ee574a !important;}

.b_btn img, .b_btn i {margin-right: 4px;}
.b_btn {background: white; border: solid 1px #ddd; color: #222;
    display: inline-flex; align-items: center; justify-content: center;
}
.b_btn_blue {background: #ee574a; color: #fff;}
.b_btn_navy {border: solid 1px #ee574a; background: #ee574a; color: #fff;}
.b_btn_red {background: #7d0022; color: #fff;}
.b_btn_violet {background: #ee574a; color: #fff;}
.b_btn_white {background: white !important; border: solid 1px #ddd !important; color: #444 !important;}
.b_btn_black, .b_btn__black, .bt_black {background: #333 !important; border: solid 1px #333 !important; color: #fff !important;}
.b_btn_silver {background: #888 !important; border: solid 1px #888 !important;}
.b_btn_color_1, .b_btn__color1 {background: #ee574a !important; color: #fff !important; border: solid 1px #ee574a !important;}
.b_btn__color_2 {background: #f49940 !important; border: solid 1px #f49940 !important; color: #fff !important;}
.btn_col_1 {background: #ee574a !important;}


/*btn_color*/
.btn_col_1 { background: #ff024a !important; color: white !important;}
.btn_col_2 { background: #7000d2; color: white;}
.btn_col_3 { background: #ae5da1 !important; color: white;}
.btn_black { background: #333 !important; color: white !important;}
.btn_white { background: #f9f9f9; border: solid 1px #ccc;}
.btn_silver { background: #b5b5b5; color: white;}
.btn_silver2 {background: #ccc; color: white;}
.btn_gray { background: #888 !important; color: white !important;}

/*btn*/
.btn_init { background: #ddd; color: #222; border: solid 1px transparent; text-align: center;
	display: inline-block; padding: .5em .3em; vertical-align: middle;
	cursor: pointer;  box-sizing: border-box; text-shadow: inherit;
	font-family: inherit; line-height: normal;
}
.btn_init i {position: relative; top: -1px;}


.paging { font-size: 16px; text-align: center; margin: 20px 0;}
.paging > a { border: solid 1px #bcbcbc;
    display: inline-block;
    padding: 4px 10px;
    margin: 0 2px;
}
.paging > a.on { border: solid 1px #e10c72;}



.evt_txt_1 {font-size: 18px; color: black;}
.evt_txt_2 {margin: 10px 0;}


.event_text_area  {width: 90%; padding: 00px 15px; background: #fff;
	justify-content: center; color: #666;
}


.policy {color: #444; font-size: 15px; line-height: 1.6; white-space: pre-line;}
.policy h2 {font-size: 21px; margin: 2.0em 0 -1.7em;}
.policy h2:first-child {margin-top: 0;}
.policy h3 {font-size: 16px; color: #e10d73; margin: 1em 0 -1.4em; font-weight: normal;}
.policy h3:first-child {margin-top: 0;}

@media (max-width: 800px) {
	.policy h3 {margin-bottom: -.8em;}
	.policy {font-size: 10px;}
}



.point_list { display: flex; flex-wrap: wrap; justify-content: left; margin-left: -55px;}
.point { width: 165px; min-height: 165px; border: solid 1px #ddd; background: #f8f8f8;
    margin: 0 0 50px 55px; border-radius: 10px;
    padding: 5px; box-sizing: border-box;
}

.point_img_w {position: relative; height: 150px;}
.point_play {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 10; cursor: pointer;}
.point_img {width: 100%; /*border: solid 1px #eee;*/ border-radius: 10px; position: absolute; left: 0; top: 0;}
.point_img_ani {z-index: -1;}
.point_point {text-align: center; margin: 10px 0 0px;}

.box1_bottom { background: #f8f8f8; border: solid 1px #dbdbdb; padding: .8em 2em; border-radius: 20px;
    line-height: 2;
    margin: 40px 0 0;
	font-size:14px;
}

.box1_tit { font-size: 20px; color: #333; font-family: noto_r;}


.item_list { display: flex; width: auto; /*justify-content: center;*/ flex-wrap: wrap;}

.item_list > * { margin: 0 2px 0; width: 250px;}

.item { border: solid 1px #eee; background: #f8f8f8; font-size: 18px;}

.item_btn { margin: 0;}

.item_name { font-size: 21px; margin-bottom: 0;}

.item_price_area { margin-top: -2px; margin-bottom: 10px;}

.item_price { color: #e9394c; font-size: 21px;}

.item_small_txt2 { color: #000; font-size: 16px;}

.item_txt_area { background: #fff; padding-bottom: 5px;text-align:center;}


.item_list__point .item_price_area { margin-top: 10px;}

.item_list__point .item_img_area { background: transparent;}

.item_list__point.item_list > * { width: 250px;}

.item_img { display: inline-block !important; width: auto !important; height: auto !important; border: solid #ddd 0px;}

.item_img_area { display: flex; justify-content: center; align-items: center; flex-direction: column;
    min-height: 150px; padding: 15px 0;
}


.item_price_area { margin-top: -2px; margin-bottom: 10px;}

.item_price { color: #e9394c; font-size: 21px;}

.item_small_txt2 { color: #000; font-size: 16px;}




.item_list {}

.item_input_wrap {margin: 10px 0;}
.item_input_wrap > * {vertical-align: middle;}
.item_btn {margin: 5px 0;}
.item_input {width: 40px; height: 20px !important; text-align: center; vertical-align: middle; border-radius: 0 !important;
    font-size: 14px !important; color: #555; margin-left: 5px; position: relative; top: -2px;
}
.item_img {display: block; width: 100% !important; height: 180px !important; box-sizing: border-box; }
.item_count { font-size: 17px; margin: 5px 0 0; display: block;}
.item_name {margin: 10px 0 5px 0;}
.item_price_area {margin: 25px 0 8px 0}
.item_price { font-size: 21px; color: #cb2b2b; white-space: nowrap; font-weight: bold;}
.item_strike { color: #888 !important;}
.item label {position: relative;}
.item_img_txt { position: absolute; top: 0; left: 0; margin-top: 86%;
    text-align: center; font-weight: bold; color: #af6b03; width: 100%;
    font-size: 26px;
}
.item_small_txt {font-size: 22px;}
.item_small_txt2 {font-size: 14px; margin-top: -2px; color: gray;}

.b-btn { font-size: 16px; height: 35px; padding: 0 .5em; box-sizing: border-box; display: inline-flex !important; align-items: center;justify-content:center;}
.b-btn--cor1 { background: #ff024a; border-color: #ff024a;color:#fff;}


.item_list__point {width: auto;}
.item_list__point.item_list > * {width: 295px; margin-bottom: 50px;}
.item_list__point .item_img_area {background: #fff; border: solid 1px #eee;}


.price_input {font-size: 24px; text-align: center; margin: 30px 0 40px;
    line-height: 3;
}
.price_input * {vertical-align: middle;}
.price_input > * {margin: 0 10px;}
.price_input input[type="text"], .price_input input[type="password"], .price_input input[type="number"] {text-align: center;}
.price_input_tit {}


.f_red, .font_red {color: #c81639 !important;}

.btn3 { border-radius: 12px; display: inline-block; padding: 5px 50px; line-height: 1.6;}

.btn-pink, .b-bg-pink, .btn_col_1, .btn3.violet, .bt_init {
    background: #ff024a  !important; color: #fff !important;
    border: solid 1px #ff024a  !important;
}

ol {padding: 0 0 0 1em;}

.btn_big2 { font-size: 18px !important; padding: .7em .3em !important;}

.w_1em{width:1em !important}.w_2em{width:2em !important}.w_3em{width:3em !important}.w_4em{width:4em !important}.w_5em{width:5em !important}.w_6em{width:6em !important}.w_7em{width:7em !important}.w_8em{width:8em !important}.w_9em{width:9em !important}.w_10em{width:10em !important}.w_11em{width:11em !important}.w_12em{width:12em !important}.w_13em{width:13em !important}.w_14em{width:14em !important}.w_15em{width:15em !important}.w_16em{width:16em !important}.w_17em{width:17em !important}.w_18em{width:18em !important}.w_19em{width:19em !important}.w_20em{width:20em !important}.w_21em{width:21em !important}.w_22em{width:22em !important}.w_23em{width:23em !important}.w_24em{width:24em !important}.w_25em{width:25em !important}.w_26em{width:26em !important}.w_27em{width:27em !important}.w_28em{width:28em !important}.w_29em{width:29em !important}.w_30em{width:30em !important}.w_31em{width:31em !important}.w_32em{width:32em !important}.w_33em{width:33em !important}.w_34em{width:34em !important}.w_35em{width:35em !important}.w_36em{width:36em !important}.w_37em{width:37em !important}.w_38em{width:38em !important}.w_39em{width:39em !important}.w_40em{width:40em !important}.w_41em{width:41em !important}.w_42em{width:42em !important}.w_43em{width:43em !important}.w_44em{width:44em !important}.w_45em{width:45em !important}.w_46em{width:46em !important}.w_47em{width:47em !important}.w_48em{width:48em !important}.w_49em{width:49em !important}.w_50em{width:50em !important}

.pop_tit { background: #ff024a; text-align: center; color: white;
	margin: 0; padding: 0 0 5px 0; border-top: solid 1px #ff024a;
	line-height: 40px; width: 100%;
	font-size: 22px;
	position: static; left: 0; top: 0; z-index: 1;
	box-sizing: border-box;
}

.tb_2 {width: 100%; border-collapse: collapse; border: solid 1px #ff024a;}
.tb_2 th, .tb_2 td {border-bottom: solid 1px #ff024a; padding: .5em .5em;}
.tb_2 th {text-align: center; background: #f7f7f7;
    font-weight: normal;
	color:#000
}
.tb_2 td {text-align: center;color:#000
}



.thumb_chg {position: relative; margin-top: 20px}
.thumb_chg:after {display: block; content: ''; clear: both}
.thumb_chg_img {float: left; width: 250px; height: 170px; border: 1px solid #b2b2b2; border-radius: 12px; margin-right: 30px;
    background: center / cover;
}
.thumb_chg p { display: inline-block; margin: -5px 0 0;}
.thumb_chg p button {display: block; margin: 20px 0}


.pop_cont ul {
  width: 100%;
  margin-bottom: -20px;
  text-align: center;
  padding: 30px 0;
}

.pop_cont ul li {
  margin: 0 15px 10px 0;
}


.bg_contain {background: url(/comm_res/img/icon/no_img2.jpg) #ddd center / contain no-repeat; width: 100%; height: 0; }
.bg_full {background: url(/comm_res/img/icon/no_img2.jpg) #ddd center / 100% 100%; width: 100%;}

.img_bd {border: solid 1px #ddd;}


.icon_naver {background-image: url(/comm_res/img/icon/sns/naver.png); font-size: 50px;}
.icon_face, .icon_facebook {background-image: url(/comm_res/img/icon/sns/facebook.png); font-size: 50px;}
.icon_kakao, .icon_kakaotalk {background-image: url(/comm_res/img/icon/sns/kakaotalk.png); font-size: 50px;}
.icon_google {background-image: url(/comm_res/img/icon/sns/google.png); font-size: 50px;}


.border_unset{
border:unset !important;
}



.btn_wg_tv {color: white; box-shadow: 1px 1px 1px 1px #666 inset; border: solid 1px #1f1f1f;
	font-size: 12px; padding: .4em .8em; border-radius: .4em;
	/*background: #3a3a3a;*/
	background: rgb(92,92,92);
	background: linear-gradient(180deg, rgba(92,92,92,0.7987570028011204) 0%, rgba(67,67,67,1) 100%);
}
.btn_wg_tv * {color: white !important;}

.btn_wg_tv.btn_small { padding: .2em .6em; min-width: 2em;}

.btn_wg_tv.on, .btn_wg_tv.on *
{color: yellow !important;}
.video_img { width: 30px; height: 30px; border-radius: 50%;
    vertical-align: middle; display: inline-block;
}

.chat_txt_inner { overflow-y: auto; padding: 15px 10px;text-align:left;}
.chat_txt_noti { background: #833cc2; color: white; margin-top: 0px !important;}


.chat_input_txt input { float: left; width: 80%; height: 100%; border: none;
    background: #111; color: white;
}


.video_head { background: #333; color: white; overflow: hidden;
    line-height: 46px; height: 50px;
    padding: 0 15px;
}

.list1_item {
width:100%;
}



.icon_watch_full {background-image: url(/comm_res/img/icon/watch_full.png); position: relative; top: 1px;}


.video_foot {
    padding: 0 15px;
    position: relative;
    line-height: 45px;
    height: 50px;
    background: #353535;
}

.video_foot > * {
    vertical-align: middle;
}
.video_btn_left > * {margin-right: 10px;}
.video_btn_right > * {margin-left: 5px;}
.video_btn_right button {display: inline-block; overflow: visible;}
.video_btn_right i {position: relative; left: -5px; top: -2px; z-index: 2;}

.pull_right { float: right;}
.pull_left { float: left;}

// css
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #f7f7f7 inset;
    box-shadow: 0 0 0px 1000px #f7f7f7 inset;
    transition: background-color 5000s ease-in-out 0s;
}

input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
	-webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    box-shadow: 0 0 0px 1000px #f7f7f7 inset;
    transition: background-color 5000s ease-in-out 0s;
}



.tab_category_new {
	font-size: 14px;
	overflow: hidden;
	/* border: solid 1px #ccc; */
	border-radius: 10px;
	background: white;
}
.tab_category_new .swiper-wrapper {display: flex;}

.tab_category_new .swiper-slide {flex-shrink: 0; background: #fff; padding: 5px 10px; position: relative;}
.tab_category_new .swiper-slide.on {/* background: #333333; *//* color: white; */font-weight: bold;}
.tab_category_new .swiper-slide.on::after {display: nonex;}
.tab_category_new .swiper-slide.on + .swiper-slide::after {display: nonex;}

.tab_category_new .swiper-slide::after {content: ''; width: 1px; height: 60%; background: #ccc;
	position: absolute; margin: auto; left: -1px; top: 0; bottom: 0;
}
.tab_category_new .swiper-slide:first-child::after {display: nonex;}

.tab_catetory_sec .swiper-button-cm2 {
	position: absolute; top: 0; bottom: 0; margin: auto;
	/*border: solid 1px #ccc;*/ height: 35px; width: 35px; border-radius: 50%;
	cursor: pointer; text-indent: -99999px;
	background: no-repeat url(/comm_res/img/icon/swiper_arrow.png) center / cover;
}

.tab_catetory_sec .swiper-button-prev2 {left: -25px; transform: rotate(180deg);font-weight:bold;}
.tab_catetory_sec .swiper-button-next2 {right: -25px;font-weight:bold;}


.swiper-button-disabled{
font-weight:unset !important;
}