@charset "utf-8";


/************************************************
*		LAYOUT									*
************************************************/

#wrap{
	width:100%;
	margin:-40px auto 0;
	position:relative;
	padding-bottom: 350px;
	background-color: #fff;
	overflow: hidden;
}
#wrap2{
	width:100%;
	margin:0 auto;
	position:relative;
	overflow-y:auto;
	background-color: #fff;
	
}
#header{
	width:100%;
	background:#ef4545;
	height: 56px;
	position:fixed;
	bottom:0;
	z-index:1000;
}
#ctl00_Header_pnWebHeader{
	height: 57px;
	line-height: 57px;
}

#container{width:100%; margin:0; color:#000;position:relative;}
#scontainer{width:100%;margin-top:50px;color:#000;position:relative;}
#tcontainer{width:100%;margin-top:40px;color:#000;position:relative;}
#footer{width:100%;margin:30px 0 0;text-align:center;position:relative}

.wrap_scroll{
	overflow-x:hidden;
	height: 100%;
	overflow-y:scroll;
}






/************************************************
*		HEADER									*
************************************************/

/* #header .logo{
	height:26px;
	font-size:20px;
	font-weight:500;
	line-height:26px;
	position:absolute;
	left:50px;
	padding:5px 20px;
	background: #cf3333;
	margin:10px 0;
	border-radius: 20px;
	margin-left: 20px;
} */
#header .logo img{
	height:22px;
	line-height: 30px;
	text-align: center;
}
#header .logo a{color:#fff;}
#header .logo > i{
	color:#fff;
}
#header .gnb{
	position:absolute;
	right:35px;
	height: 56px;
	line-height: 56px;
}
#header .gnb img{
	height:25px;
	padding:8px 3px;
}

.menu_wrap{width:100%;height:40px;background-color:#c00000;border-bottom:1px solid #fff;line-height:40px;}
.menu_wrap dl{position:relative;}
.menu_wrap dd{width:20%;height:35px;text-align:center;font-size:13px;font-weight:600;color:#fff;float:left;}
.menu_wrap dd a{width:100%;height:35px;color:#fff;display:block;}
.menu_wrap dd a:hover, .menu_wrap dd a.on{width:100%;height:37px;border-bottom:5px solid #fff;color:#fff;display:block;}




/************************************************
*		index.html										
************************************************/

#sliderbox{
	width:100%;
	height:auto;
	position:relative;
}
#slider{
	width:100%;
	height:100%;
	position:relative;
}
#slider .swiper-wrapper{
	width:100%;
	height:320px;
	position:relative;
}
#slider .swiper-slide{
	box-sizing:border-box;
	width: 280px;
	border-radius: 8px;
	box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
#slider .swiper-slide.swiper-slide-prev{
	/* transform: translate3d(0px, 0px, -51.6667px) rotateX(0deg) rotateY(0deg) scale(0.9) !important;
	margin-right:20px;
	margin-left:20px; */
	border-radius: 8px;
	box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.06);
}
#slider .swiper-slide.swiper-slide-next{
	/* transform: translate3d(0px, 0px, -51.6667px) rotateX(0deg) rotateY(0deg) scale(0.9) !important;
	margin-left:20px;
	margin-right:20px; */
	border-radius: 8px;
	box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.06);
}
#slider .swiper-slide.swiper-slide-visible{
	transform: translate3d(0px, 0px, -51.6667px) rotateX(0deg) rotateY(0deg) scale(0.9) !important;
}
#slider .swiper-slide.swiper-slide-active{
	transform:scale(1) !important;
}
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right{
	background-image: none !important;
}
#slider_arrow_prev,
#slider_arrow_next{
	padding:5px;
	display:inline-block;
	cursor:pointer;
}

#slider .swiper-wrapper > .slide{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#slider .swiper-wrapper > .slide > .slide_img > span {
	position: absolute;
	display: block;
	z-index: 22;
}
#slider .swiper-wrapper > .slide > .slide_img > span:first-child > img{
	margin-left: 15px;
	margin-top: 21px;
	width: 59px;
	height: 39px;
}
#slider .swiper-wrapper > .slide > .slide_img > span:nth-child(2) > img{
	margin-top: 18px;
	margin-left: 200px;
}
#slider .swiper-wrapper > .slide > .slide_img > .slide_img_bg{
	width: 280px;
	height: 220px;
	position: relative;
}


#slider .swiper-wrapper > .slide > .slide_info{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100px;
	width: 260px;
	padding:0 10px;
	margin: 0;
}
#slider .swiper-wrapper > .slide > .slide_info > img{
	width: 50px;
	height: 50px;
}
#slider .swiper-wrapper > .slide > .slide_info > span{
	display: block;
	font-size: 25px;
	color:#dfdfdf;
}

#slider .swiper-wrapper > .slide > .slide_info > .slide_info_txt > p{
	font-size: 15px;
	text-align: left;
	line-height: 20px;
	margin:0;
	font-weight: normal;
	display: block;
}
#slider .swiper-wrapper > .slide > .slide_info > .slide_info_txt > p > span{
	font-size: 14px;
	display: block;
	font-weight: 300;
}
#slider .swiper-wrapper > .slide > .slide_info > .slide_info_txt > ul {
	float: left;
	display: block;
	margin-top: 10px;
}
#slider .swiper-wrapper > .slide > .slide_info > .slide_info_txt > ul > li{
	float: left;
	margin-right: 5px;
}

#slider .swiper-wrapper > .slide > .slide_info > .slide_info_txt > ul > li > img{
	width: 40px;
	height: 18px;
}

#slider > .swiper-pagination{
	bottom:-35px;
}
#slider > .swiper-pagination > .swiper-pagination-bullet{
	background-color: #8a8989;
}
#slider > .swiper-pagination > .swiper-pagination-bullet-active{
	width: 30px;
	height: 8px;
	background:#ef4545 !important;
	border-radius: 6px;
}




#bannerSlider {
	width: 100%;
	margin:0 auto;
}

#bannerSlider > .swiper-container2 {
    width: 100%;
    height: 57px;
	background-color: #ef4545;
}

#bannerSlider > .swiper-container2 > .swiper-wrapper > .swiper-slide {
    background-color: #ef4545;
	margin-right: 0 !important;
}



#bannerSlider > .swiper-container2 > .swiper-wrapper > .swiper-slide.ss2 > .logo{
	height:26px;
	font-size:20px;
	font-weight:500;
	line-height:26px;
	left:50px;
	padding:5px ;
	background: #cf3333;
	margin:10px 0;
	border-radius: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#bannerSlider > .swiper-container2 > .swiper-wrapper > .swiper-slide.ss2 > .logo > img{
	height:22px;
	line-height: 30px;
	text-align: center;
}
#bannerSlider > .swiper-container2 > .swiper-wrapper > .swiper-slide.ss2 > .logo > select{
	font-size: 16px;
	font-weight: 500;
	color:#fff;
	border:none;
	width:160px;
	font-family:'Noto Sans KR';
	box-sizing: border-box;
	background: url('../images/icon/arrow.png')no-repeat 100% 50%;
}
#bannerSlider > .swiper-container2 > .swiper-wrapper > .swiper-slide.ss2 > .logo > select > option{
	color:#000;
}
#bannerSlider > .swiper-container2 > .swiper-wrapper > .swiper-slide > a > img{
	width: 30px;
	display: block;
	line-height: 26px;

}

#bannerSlider > .swiper-container2 > .swiper-navWrap{
    display: flex;
    position: absolute;
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
}
.swiper-button-next:after,
.swiper-button-prev:after{
	content: '' !important;
}
#bannerSlider .swiper-button-next, .swiper-rtl .swiper-button-next{
	right:0;
	height: 57px;
	line-height: 57px;
	background: #ef4545;
}

#bannerSlider .swiper-button-prev, .swiper-rtl .swiper-button-prev{
	left:0;
	height: 57px;
	line-height: 57px;
	background: #ef4545;
}
#bannerSlider .swiper-button-prev > img, #bannerSlider .swiper-button-next > img{
	line-height: 57px;
	margin-top: -10px;
}
#bannerSlider .swiper-button-next.swiper-button-disabled, #bannerSlider .swiper-button-prev.swiper-button-disabled{
	opacity: 0;
}


   
#bannerSlider > .swiper-container2 .swiper-wrapper .swiper-slide {
	width: 20% !important;
	margin-right: -10px !important;
}
   
#bannerSlider > .swiper-container2 .swiper-wrapper .swiper-slide:first-child{
	width: 230px !important;
	margin-right: 0px !important;
}





/**expert_lists_icon**/
 
 
.checkicon {
	width: 26px;
}
  
#hidden-btn {        
	border-radius: 50px;
	text-decoration: none;
}
#hidden-btn i,
#hidden-btn2 i,
#hidden-btn3 i,
#hidden-btn4 i,
#hidden-btn5 i,
#hidden-btn6 i,
#hidden-btn7 i,
#hidden-btn8 i,
#hidden-btn9 i
{        
	color:#c00000;
}  


.hidden2 {
	display: none;
}
  








/**modal**/
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 20;
	left: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	background: rgba(0, 0, 0, 0.8);

}

.modal-content {
	background-color: #fefefe;
	margin: 85% auto; /* 15% from the top and centered */
	border: 1px solid #888;
	width: 70%; /* Could be more or less, depending on screen size */
}
.mc_text{
	padding:15px;
}
.mc_btn{
	cursor:pointer;
	text-align: center;
	display: flex;
}
.pop_bt,.pop_bt2{
	color:#fff;
	width: 100%;
}
.pop_bt{
	background-color: gray;
	display: block;
	padding:10px 0;
}
.pop_bt2{
	background-color: #c00000;
	display: block;
	padding:10px 0;
}
#content {
	background: linear-gradient(to bottom, #c53737 0%, #ef4545 27%);
	width:100%;
	height: 388px;
	margin:0;padding:0;position:relative;
}
#content .main_cont_tt{
	margin-top:40px;
	height: 150px;
}
#content .main_cont_tt img{
	padding:10px;
	float:right;
	width: 80px;
}
#content .main_cont_tt span{
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	text-align: left;
	padding:80px 0 0;
	display: block;
	line-height: 28px;
	margin:0 auto;
	width: 280px;
}
#content .main_cont_tt span > em {
	line-height: 20px;
	box-shadow: inset 0 -6px 0 #be3232; 
	font-weight: 500;
}

.vod_txt{
	border:1px solid gray;
}
.vod_txt ul li{
	margin-bottom:10px;
}
.vod_txt .expert_profile{
	display: flex;
	justify-content: space-between;
	width: 100px;
	align-items: center;
	margin:0px auto;
}

.expert_list_btn:hover{
	transition:all .3s ease-in-out;
}

.expert_list_cont{
	bottom:56px;
	text-align: center;
	background:#fff;
	box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	width: 100%;
	overflow-y: scroll;
	position:fixed;
	min-height: 158px;
	max-height: 570px;
	
}
.expert_list a{cursor:pointer;}
.expert_list #hide2{display: none;
	padding:0 15px;
}
.expert_list #hide2 li{margin-bottom:10px;}
.expert_list #hide2 li.line1{
	border-bottom:5px solid #f5f5f5;
	display: block;
	margin: 10px auto 20px;
}
.expert_list #hide2 li.line2{
	border-bottom:1px solid #dfdfdf;
	padding:0 0 10px;
	display: block;
	margin: 30px auto 20px;
}



.expert_list_cont > .expert_list{
	text-align: center;
	position: relative;
	width: 100%;
	z-index: 10000;
}
.expert_list_cont > ul > .expert_list > span{
	font-size: 16px;
	color:#585858;
	display: block;
	margin:0 auto;
	line-height: 24px;
	margin-top: 70px;
	font-family:'Noto Sans KR';
}

.expert_list_btn {
	display: block;
	margin:0px auto;
	transform: translateX(-50%);
	top:0;
	left:50%;
	position: absolute;
}


.expert_list_search{
	padding:0 20px;
	display: block;
}


.expert_list_search > input[type="text"]{
	margin:15px auto 0;
	background: #f5f5f5;
	border-radius: 45px;
	border:none;
	width: 80%;
	height: 42px;
	position:relative;
	display: block;
}
.expert_list_search > input[type="text"]::placeholder{
	font-size: 1.3em;
	color:#aaaaaa;
}
.expert_list_search > img{
	position:absolute;
	width: 24px;
	top: 25%;
	left:75%;
}

.expert_list_title{
	display: block;
	text-align: left;
	font-size: 17px;
	color: #585858;
	font-weight: bold;
	font-family:'Noto Sans KR';
	margin-bottom:15px;
}
.expert_lists{
	padding-bottom:20px;
	padding:0 ;
}
.expert_lists_cont{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom:10px;
	width: 100%;

}
.expert_lists_cont > .elc_prof_c{
	position:relative;
}
.expert_lists_cont > .elc_prof_c > .elc_prof{
	width: 40px;
	height: 40px;
}
.expert_lists_cont > .elc_prof_c > .live_circle{
	position:absolute;
	top: 0px;
	left:0px;
	display: block;
	width: 12px;
	height: 12px;
}

.expert_lists_cont > img{
	width: 40px;
	height: 40px;
	background-color: rgb(196, 195, 195);
	border-radius: 50%;
}
.expert_lists_cont span{
	display: flex;
	width: 220px;
	font-weight: normal;
	font-size: 14px;
	color:#1a1a1a;
}
.expert_lists_cont em{
	display: block;
	
}
.expert_lists_cont > .expert_lists_icon{
	width: 20%;
	display: flex;
}
.expert_lists_cont > .expert_lists_icon > a > img {
	width: 26px;
	color:gray;
}
.expert_lists_cont > .expert_lists_icon > a >img:last-child{
	margin-left: 10px;
}
.main_slideimg_conts{
	display: flex;
	flex-direction: column;
	border:1px solid gray;
	padding:10px;
}
.main_slideimg_conts span{
	font-weight: 600;
	color:#000;
	font-size: 14px;
}
.main_slideimg_pf{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 10px auto;
}
.slider .flexslider .main_slideimg_pf img{
	width: 30px;
	height: 30px;
	border:1px solid gray;
	border-radius: 50%;
	margin-right:10px;
	
}

/************************************************
*		SUB										*
************************************************/
/**********public_broadcast_list.htm**********/
#content2 {
	padding-bottom: 56px;
	width: 100%;
}
#content2 .main_cont_tt{
	margin-top:40px;
	height: 40px;
	width: 100%;
	background: linear-gradient(to right, #c53737 , #c53737);
}
#content2 .main_cont_tt img{
	padding:10px;
	float:right;
	width: 80px;
}

#content2 > .content2_list > h4{
	font-size: 17px;
	text-align: center;
	color:#585858;
	font-weight: bold;
	font-family:'Noto Sans KR';
	display: block;
	height: 56px;
	line-height: 56px;
	border-bottom:5px solid #f5f5f5;
}
#content2 > .content2_list > ul > li{
	display: flex;
	align-items: center;
	height: 40px;
	padding:9px 15px;
	border-bottom:1px solid #f5f5f5;
	
}

#content2 > .content2_list > .c2l_list > li{
	display:none;
}

#content2 > .content2_list > ul > li > .expert_lists_cont{
	margin-bottom: 0px !important;
}
#content2 > .content2_list > ul > li > .expert_lists_cont > span{
	font-family:'Noto Sans KR';
	color:#1a1a1a;
	font-size: 14px;
	font-weight: normal;
}
#content2 > .content2_list > ul > li > .expert_lists_cont > .expert_lists_icon img:first-child{
	width: 30px;
}

#content2 > .content2_list > ul > .c2l_list_none{
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	font-family: 'NanumSquare';
	width: 100%;
	display: block;
	height: 180px;
	margin:0 auto;
	padding:0;
	line-height: 180px;
}
#content2 > .content2_list > ul > .c2l_list_none > p{
	display: block;
	margin:0 auto;
}



/****** SETTING ******/
.set_wrap{padding:0;position:relative;}
.set_wrap ul{margin:0 0 10px;padding:0;border-top:1px solid #d9d9d9;}
.set_wrap li{padding:12px 10px;background-color:#fff;position:relative;}
.set_wrap li .sw_l{width:82%;float:left;}
.set_wrap li .sw_l b{font-size:16px;font-weight:400;color:#1c1c1c;line-height:20px;display:block;}
.set_wrap li .sw_l p{margin:4px 0 0;font-size:14px;font-weight:300;color:#4b4b4b;line-height:16px;display:block;}
.set_wrap li .sw_r{width:18%;float:right;}
.set_wrap li .sw_r .sr_link, .nw_link{
	width:100%;
	height:40px;
	background:url(../images/icon/set_next.png) no-repeat right 50%;
	background-size:9px;
	display:block;
}
.set_wrap li .sw_r_1{
	width:100%;
	float:right;
}
.set_wrap li .sw_r_1{
	width: 20px;
	height: 20px;
	background:url(../images/icon/del_btn2.png) no-repeat center;
	display:block;
	margin-top:10px;
}
.set_wrap li .sw_r label{margin:6px 0 0;}
.set_wrap .sw_tit{margin:5px 0 0;padding:5px 10px;text-align:left;font-size:16px;color:#2e83e0;}

.set_wrap li .sw_l2{width:78%;font-size:16px;font-weight:400;color:#1c1c1c;line-height:36px;float:left;display:block;}
.set_wrap li .sw_r2{width:22%;float:right;}
.set_wrap li .sw_r2 .sr_btn{
  width:100%;
	height:30px;
	margin-top:3px;
	background-color:#2d82df;
  border-radius:4px;
  text-align:center;
	color:#fff;
	line-height:30px;
	display:block;
}


.set_wrap > .menuset_title{
	height:44px ;
	background-color: #f5f5f5;
	color:#222;
	font-size: 16px;
	padding:15px;
	font-weight: normal;
	font-family:'Noto Sans KR';
}

.set_wrap > .menuset_cont > ol > .menuset_list2{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:12px 30px;

}
.set_wrap > .menuset_cont > ol > .menuset_list2 > div{
	font-size: 16px;
	font-family:'Noto Sans KR';
	font-weight: normal;
}
.set_wrap > .menuset_cont > ol > .menuset_list2 > div > img {
	margin-right: 20px;
	width: 24px;
}
.set_wrap > .menuset_cont > ol > .menuset_list2 > img {
	width: 24px;
	height: 24px;
}

/*************clublist_mypage.htm*****************/
.clublist_mypage_table, 
.clublist_mypage_support,
.clublist_mypage_support2{
	padding:0 15px 10px;
	width: 100%;
}
.clublist_mypage_table, .clublist_mypage_support{
	padding:0 15px 20px;
}
.clublist_mypage_table h3, 
.clublist_mypage_support h3,
.clublist_mypage_support2 h3{
	font-size: 15px;
	color:#1a1a1a;
	font-weight: 500;	
	font-family:'Noto Sans KR';
	margin-bottom: 15px;
}
.clublist_mypage_support table, 
.clublist_mypage_table table,
.clublist_mypage_support2 table{
	width: 100%;
}
.clublist_mypage_support span.total_span {
	margin:10px auto;
	display: block;
}
.clublist_mypage_table table tr{
	border-bottom: 1px solid #f5f5f5;
	height: 50px;
}
.clublist_mypage_table table tr:first-child{
	border-top: 1px solid #f5f5f5;
	color:#1a1a1a;
}

.clublist_mypage_table table tr:nth-child(2){
	color:#aaa;
	font-size: 15px;
	font-weight: normal;
	font-family:'Noto Sans KR';
}

.clublist_mypage_table table tr td img{
	width: 20px;
	margin-right:8px;
}

.cm_support1, .cm_support2{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.cm_support1 input,.cm_support2 input{
	width: 50%;
	height: 48px;
	border:1px solid #1a1a1a;
	border-radius: 12px;
}
.cm_support1 input:focus,
.cm_support2 input:focus{
	border:1px solid #1a1a1a;
}
.cm_support1 input:valid,
.cm_support2 input:valid{
	font-size: 14px;
	font-family:'Noto Sans KR';
	color:#1a1a1a;
	font-weight: normal;
}
.cm_support2 input::placeholder{
	color:#aaa;
	font-size: 14px;
	font-family:'Noto Sans KR';
	font-weight: normal;
}
.cm_support1 button, .cm_support2 button{
	background-color: #ef4545;
	border-radius: 12px;
	height: 48px;
	color:#fff;
	padding:10px;
	font-size: 14px;
	font-weight: bold;
}

.cm_support2{
	margin-top:6px;
}
.cm_support2 button{
	width: 47%;
}

.clublist_mypage_support tr td{
	border:1px solid rgb(204, 204, 204);
	
}
.clublist_mypage_support tr td span,
.clublist_mypage_support2 tr td span{
	display: block;
}
.clublist_mypage_support2 tr:first-child td{
	border:none;
}
.clublist_mypage_support2 tr td{
	border:1px solid #f5f5f5;
	border-right:none;
	border-left:none;
	height: 40px;
	font-size: 14px;
	color:#585858;
	font-weight: 500;
	font-family:'Noto Sans KR';
}


.clublist_mypage_support p {
	font-size: 14px;
	color:#1a1a1a;
	font-weight: normal;
	font-family:'Noto Sans KR';
	line-height: 1.38em;
}




/***************clublist_bus.htm*******************/
.clublist_bus_title{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:20px 15px 0;
}

.clublist_bus_title div span{
	display: block;
	text-align: left;
	color:#1a1a1a;
	font-size: 15px;
	
	font-family:'Noto Sans KR';

}
.clublist_bus_title div span:first-child{
	font-weight: 600;
	color:#aaa;
	margin-bottom: 5px;
}
.clublist_bus_title div span em{
	color:#ef4545;
	font-weight: 600;
	font-size: 17px;
}
.clublist_bus_title a{
	background-color: #ef4545;
	color: #fff;
	border-radius: 12px;
	height: 48px;
	line-height: 48px;
	width: 30%;
	font-size: 14px;
	font-weight: bold;
}

.cb_title{
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	border-bottom:1px solid gray;
}
.cb_title h3 em{
	font-size: 16px;
	color:#000;
}
.cb_title h3{
	color:gray;
}
.cb_title i{
	font-size: 16px;
	margin-right:10px;
}


.cb_cont table tr{
	border-bottom: 1px solid gray;
}


.cb_cont table td{
	padding:10px 0;
}

.cb_cont table tr td .rank_id {
	display: block;
	font-size: 14px;
	font-weight: 500;
}
.cb_cont table tr td .rank_id2{
	font-size: 12px;
	color:gray;
}

.percent{
	font-size: 16px;
	margin-right:10px;
	font-weight: 500;
}
/***************clublist_info_user.htm*******************/
.inv_wrap .ciu_cont {
	margin-bottom: 40px;
}

.inv_wrap .ciu_cont p{
	padding:0 15px;
	color:#585858;
	margin:0;
	text-align: left;
	line-height: 1.6em;
	font-size: 14px;
}
.inv_wrap .ciu_cont h3{
	color:#1a1a1a;
	font-weight: normal;
	font-size: 15px;
	font-family:'Noto Sans KR';	
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 15px;
}
.ciu_cont h4{
	padding: 15px 0 10px 15px;
	font-size: 15px;
}

.ciu_conts {
	width: 100%;
	margin-top: 180px;
}
.ciu_conts > nav {
	display: block;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background-color: #fff;
	position: fixed; 
	top: 138px;
	height: 40px;
}
.ciu_conts > nav > ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
	border-bottom:3px solid #dfdfdf;
}
.ciu_conts > nav > ul li {
	text-align: center;
	width: 33.3%;
	height: 40px;
	line-height: 40px;
	border-top: 1px solid #f5f5f5;
	color:#aaa;
	font-size: 15px;
	font-weight: bold;
	background-color: #fff;
}




/* Navigation */

.ciu_conts > nav > ul > li > a{
	color:#aaaaaa;
	font-size: 15px;
	font-weight: bold;
	font-family: 'NanumSquare';
}
.ciu_conts > nav > ul > li > a.active {
	border-bottom: 3px solid #ef4545;
	line-height: 40px;
	height: 40px;
	display: block;
	color:#585858;
	font-size: 15px;
	font-weight: bold;
	font-family: 'NanumSquare';
}
.ciu_conts > nav > ul > li > a.active::after{
	background: none;
	content:'';
}


/* Sections */
section#s1.active::after,
section#s2.active::after,
section#s3.active::after{
	background:none;
	content:'';
}
.sections > section {
	height: auto;
	margin-bottom: 40px;
}
/* .sections section:first-child {
  margin-top: 173px;
} */





/*testc*/
#menu-center{
	top: 138px;
	height: 40px;
	background-color: #fff;
    position: fixed;
	border-top: 1px solid #f5f5f5;
	width: 100%;
}
#menu-center ul{
	display: flex;
	justify-content: space-between;
}
#menu-center ul li {
	height: 40px;
	line-height: 40px;
	width: 33.3%;
}
#menu-center ul li a{
	line-height: 40px;
	height: 40px;
	display: block;
	border-bottom:3px solid #dfdfdf;
	box-sizing: border-box;
	color:#aaa;
	font-size: 15px;
	font-family: 'NanumSquare';
}
#menu-center ul li a.active{
	border-bottom:3px solid #ef4545;
	color:#585858;
	font-size: 15px;
	font-family: 'NanumSquare';
	font-weight: bold;
}
#menu-center ul li a.active::after{
	background: none;
	content: '';
}


#home {	
	height: 100%;
    width: 100%;
	display: block;
	margin-top:200px;
}
#portfolio {
    height: 100%;
    width: 100%;
	display: block;
}
#about {
    height: 100%;
    width: 100%;
	display: block;
}

/***************clublist_mail.htm***********************/
.cl_mail_conts{
	justify-content: center;	
	display: flex;
	flex-direction: column;
	padding:20px 15px 0;
	margin:0 auto;
	
}

.cl_mail_conts ul{
	width: 100%;
}
.cl_mail_conts li{
	margin-bottom:20px;
}
.cl_mail_conts li label{
	font-weight: 500;
	font-size: 15px;
	color:#1a1a1a;
	font-family:'Noto Sans KR';	
	margin-bottom: 5px;
}

.cl_mail_conts li:last-child input{
	height: 150px;
}

.cl_mail_conts li input{
	border:none;
	border-bottom:1px solid #f5f5f5;
	border-radius: 0;
	padding:0;	
	height: 30px;
}
.cl_mail_conts li input:valid{
	font-size: 14px;
	color:#585858;
	font-weight: normal;
	font-family:'Noto Sans KR';	
}
.cl_mail_conts li textarea{
	padding:20px;
	border-radius: 12px;
	border:1px solid #aaa;
	height: 160px;
	box-sizing: border-box;
}
.cl_mail_conts li textarea:valid,
.cl_mail_conts li textarea::placeholder{
	color:#aaa;
	font-size: 14px;	
	font-weight: normal;
	font-family:'Noto Sans KR';	
}
.cl_mail_conts a{
	background-color: #ef4545;
	width: 100%;
	margin:0 auto;
	border-radius: 12px;
	font-size: 16px;
	font-weight: 500;
	font-family:'Noto Sans KR';	
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	color:#fff;
}

.cl_mail_text{
	margin-top:30px;
}
.cl_mail_text > h4{
	font-size: 15px;
	color:#1a1a1a;
	text-align: left;
	font-family:'Noto Sans KR';	
	font-weight: normal;
}
.cl_mail_text > p{
	text-align: left;
	color: #1a1a1a;
	font-size: 14px;
	font-family:'Noto Sans KR';	
	font-weight: normal;
}
/**************clublist_comment.htm************************/
.c_info_comment{
	display: flex;
	align-items: center;
	padding: 0 10px;
	justify-content: space-between;
}
.c_info_comment input{
	height: 35px;
}
.c_info_comment button{
	background-color: #c00000;
	color: #fff;
	border-radius: 5px;
	
}


/**************clublist_notice.htm************************/

#accordian-list {
	width: 100%;
	margin: 0 auto;
	display: table;
	font-size: 14px;
}
  
#accordian-list ul {
	padding: 0;
	color: #555;
}
  
#accordian-list ul > li {
	list-style: none;
	border-top: 1px solid #ddd;
	display: block;
	padding: 15px;
	overflow: hidden;
}
  
#accordian-list ul:last-child {
	border-bottom: 1px solid #ddd;
}
  
#accordian-list ul > li:hover {
	background: #efefef;
}
  
.expand {
	display: block;
	text-decoration: none;
	color: #555;
	cursor: pointer;
}
 

.detail {
	margin: 0px 0 10px 0px;
	display: none;
	line-height: 22px;
	height: auto;
}
.detail img{
	width: 100%;
	margin-top:30px;

}
  
.right-ico {
	margin-top: 12px;
	margin-left: 20px;
	width: 10px;
	height: 100%;
	float: right;
	font-weight: bold;
	font-size: 20px;
}
  
.accordian-list_title em{
	margin-left:0;
}
.accordian-list_title h3{
	color:gray;
	font-weight: normal;
}

.ac_list_btn {
	margin:0 auto;
}
.ac_list_btn button {
	color:#fff;
	background-color: gray;
	width: 350px;
	height: 50px;

}

/*************clublist_alert_system.htm******************/

.nw_alert_cont{
	display: flex;
	justify-content: space-between;
	text-align: left;
	padding:15px !important;
	align-items: center;
}
.nw_alert_cont div:first-child > b{
	font-size:15px ;
	color:#1a1a1a;
	font-weight: 500;
}
.nw_alert_cont div:first-child > p{
	margin:10px auto 0;
	color: #585858;
}
.nw_alert_cont div:first-child > em{
	color:#ef4545;
	font-size: 12px;
	font-weight: normal;
	margin-top: 5px;
}
.nw_alert_cont div:last-child{
	margin-left: 10px;
}
/* The switch - the box around the slider */
.switch2 {
	position: relative;
	display: inline-block;
	width: 55px;
	height: 30px;
  }
  
  /* Hide default HTML checkbox */
  .switch2 input {
	opacity: 0;
	width: 0;
	height: 0;
  }
  
  /* The slider */
  .slider2 {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  .slider2:before {
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	left: 6px;
	bottom: 6px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  input:checked + .slider2 {
	background-color: #ef4545;
  }
  
  input:focus + .slider2 {
	box-shadow: 0 0 1px #ef4545;
  }
  
  input:checked + .slider2:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .slider2.round2 {
	border-radius: 30px;
  }
  
  .slider2.round2:before {
	border-radius: 50%;
  }



/**************clublist_view_main.htm***************/
.modal.modal-wide .modal-dialog {
	width: 90%;
}
  .modal-wide .modal-body {
	overflow-y: auto;
}
  
  /* irrelevant styling */
body { text-align: center; }
body p { 
	max-width: 100%; 
	margin: 20px auto; 
  }
#tallModal .modal-body p { margin-bottom: 900px }


.header{
	background: linear-gradient(to right, #c53737 , #c53737);
	display: flex;
	align-items: center;
	width: 100%;
	height: 50px;
	position:relative;
	max-width: 100% !important;
}
.header h2{
	font-size: 17px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	margin:0 auto;
	font-family:'Noto Sans KR';	
}
.header_icon{
	background: url(../images/icon/vod_x.png) no-repeat 10px 6px;
	display: block;
	width: 40px;
	height: 40px;
	cursor:pointer;
	float:left;
	position:absolute;
}
.header_icon2{
	background: url(../images/icon/ic_setting.png) no-repeat 10px 7px;
	display: block;
	width: 40px;
	height: 40px;
	cursor:pointer;
	right:10px;
	position:absolute;

}
.header i {
	font-size: 25px;
	color:#fff;
	margin-right:8px;
}


.cs_txt{
	font-size: 15px;
	font-family:'Noto Sans KR';	
	font-weight: 500;
	color:#1a1a1a;
	margin:20px auto 15px;
	padding: 0 15px;
}


.clublist_main_banner{
	width: 100%;
	height: 90px;
	display: block;
	margin:0 auto;
	text-align: center;
}
.clublist_main_banner > a > img{
	width: 100%;
	height: 90px;
}

.clublist_main_banner2{
	width: 100%;
	display: block;
	height: 100%;
}
.clublist_main_banner2> img{
	width: 100%;
	display: block;
}

.clublist_main_profile{
	display: flex;
	justify-content:flex-start;
	padding:20px 15px 30px;
	width: 100%;
}


.cb_profile_cont1{
	display: flex;
	align-items: center;
	flex-direction: column;

}
.cb_profile_cont1 img{
	width: 90px;
	border-radius: 50%;
	margin-right: 26px;
}
.cb_profile_cont1 span{
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	padding:5px 0;
}
.cb_profile_cont1 em{
	color: gray;
	font-weight: normal;
}

.cb_profile_cont2{
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 212px;
}
.cb_profile_cont2 > p {
	padding:0;
	margin:5px 0 10px;
	text-align: left;
	color:#1a1a1a;
	font-size: 16px;
	font-family:'Noto Sans KR';	
	font-weight: bold;
	
}
.cb_profile_cont2 a{
	color:#fff;
}
.cb_profile_cont2_list ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-bottom:0;
}
.cb_profile_cont2_list ul > li hr{
	background: #ef4545;
	height: 31px;
	display: block;
	width: 2px;
	margin:0 auto;
}

.cb_profile_cont2_list ul li b{
	display: block;
	text-align: center;
	font-size: 16px;
	color:#000;
	font-weight: 500;
	font-family:'Noto Sans KR';	
}
.cb_profile_cont2_list ul li em{
	text-align: center;
	display: block;
	font-family:'Noto Sans KR';	
	font-size: 13px;
	font-weight: normal;
	color: #000;
}
.cb_profile_cont2 button{
	width: 100px;
	height: 40px;
	display: block;
	background-color: #c00000;
	border-radius: 5px;
	color: #fff;
	margin-top:20px;
}


.clublsit_main_comment {
	padding:0 15px;
} 
.clublsit_main_comment ul {
	margin-bottom: 0;
}
.clublsit_main_comment ul li{
	margin-bottom: 10px;
}
.clublsit_main_comment ul li:last-child{
	margin-bottom: 0;
}
.clublsit_main_comment ul li h3{
	font-size: 15px;
	margin-bottom:4px;
	color:#1a1a1a;
	font-weight: 500;
	font-family:'Noto Sans KR';	
	display: flex;
	align-items: center;
}
.clublsit_main_comment ul li h3 >svg{
	margin-right: 5px;
}
.clublsit_main_comment ul li span{
	color:#585858;
	font-weight: normal;
	font-size: 14px;
	display: block;
	text-align: left;
	font-family:'Noto Sans KR';	
}
.clublsit_main_comment .service_btn{
	background-color: #ef4545;
	color:#fff;
	height: 48px;
	width: 100%;
	text-align: center;
	border-radius: 12px;
	margin:30px auto 10px;
	font-size: 15px;
	font-weight: 600;
	font-family:'Noto Sans KR';	
}
.service_join_btn .service_btn{
	background-color: #ef4545;
	color:#fff;
	height: 48px;
	width: 100%;
	text-align: center;
	border-radius: 12px;
	margin:30px auto 10px;
	font-size: 15px;
	font-weight: 600;
	font-family:'Noto Sans KR';	
}


.clublist_main_tab_conts{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.clublist_main_tab_conts2{
	width: 100%;
	padding:10px;
}

.clublist_main_tab_cont{
	width: 49%;
	position:relative;
}
.clublist_main_tab_cont img{
	width: 100%;
	
}
.clublist_main_tab_cont .img_text{
	position:absolute;
	left:0;
	bottom:0;
	width: 100%;
	font-size: 12px;
	background: #000;
	color:#fff;
	padding-left:10px;
	opacity: 0.8;
}


.cb_main_tab2_title{
	font-size: 14px;
	
}
.cb_main_tab2_title em {
	color: #c00000;
}

.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}


.ss_cont{
	display: flex;
	flex-direction: column;
	text-align: left;
}
.ss_cont span{
	font-size: 14px;
	display: inline-block;
}
.ss_cont span em{
	font-size: 12px;
	color:gray;
	display: inline-block;

}
/**bottom-nav*/
.bottom-nav{
	display: flex;
	justify-content: space-between;
	width: 100%;
	position:fixed;
	bottom:0;
	height: 56px;
	line-height: 56px;
	padding: 0 20px;
	background-color: #fff;
	z-index: 30;
	box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.06);
}

.bottom-nav > a {
	width: 90px;
	line-height: 56px;
}
.bottom-nav > a svg{
	height: 56px;
	line-height: 56px;
}

/********## clublist_service.htm ##************/

.service_join_btn{
	padding: 0 15px;
}

.clublist_service_conts{
	display: flex;
	justify-content: space-between;
	padding:10px;
}
.clublist_service_conts div{
	border:1px solid #ddd;
}
.clublist_service_conts div ul{
	padding:10px;
	text-align: left;
}

.clublist_service_conts div ul:last-child{
	border-top: 1px solid #ddd;
}
.clublist_service_conts div .csc_ul1{
	text-align: left;
	height: 350px !important;
}
.clublist_service_conts div:first-child{
	margin-right:10px;
}

.csc_title1, .csc_title2{
	color:#fff;
	font-weight: 300;
	font-size: 14px;
	text-align:center;
	padding:3px 0;
}
.clublist_service_conts .csc_title1{
	background-color: #c00000;
}
.clublist_service_conts .csc_title2{
	background-color: rgb(13, 33, 124);
}


.csc_p_text{
	text-align:left; 
	font-size: 15px;
	font-weight: 500;
	font-family:'Noto Sans KR';
	color:#1a1a1a;
	margin:20px 20px 0 ;
}
.csc_span_text{
	display: block;
	color:#1a1a1a;
	margin-top: 4px;
	font-size: 14px;
	font-family:'Noto Sans KR';
}



/*********## clublist_service_payment.htm ##************/

.cw_copy3{
	display: flex;
	justify-content: space-between;
	padding:10px;
}

.cw_copy2{
	display: flex;
	justify-content: space-around;
	margin-bottom:10px;
}
.cw_copy2 em{
	color:gray;
}
.cw_copy2 b{
	margin-left:-55px;
}
.cw_copy2 input{
	border:1px solid gray;
	width: 50%;
}
.cw_copy_btns{
	display: flex;
	justify-content: space-between;
	width: 35%;
	align-items: center;
}
.cw_copy_btns button{
	border:1px solid gray;
	padding:3px;
	border-radius: 3px;
	margin-right:5px;
}



.payment_table_li{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.payment_table_li span{
	width: 50%;

}

.payment_method b{
	margin-left:10px;
	display: flex;
}
.payment_method_btns{
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top:10px;
}
.payment_method_btns button{
	width: 33%;
	padding:10px;
	border-radius: 3px;
	margin:0 5px;
	border:1px solid gray;
}
.payment_method_btns button:first-child{
	color: #fff;
	background-color: gray;
}

.payment_method select{
	-webkit-appearance: none; 
	-moz-appearance: none;
	appearance: none;
	background: url(../images/icon/arrow_down.png) no-repeat 95% 50%; 
	width: 31%;
	margin:10px 5px;
}
.payment_method select > option{
	font-size: 11px;
}
.payment_method select > value{
	font-size: 11px;
}

.payment_agree {
	margin: 10px 20px 0;
	width: 100%;
	display: flex;

}
.payment_agree button{
	border:1px solid gray;
	padding:3px 10px;
	border-radius: 3px;
	right:0;
	margin-right:10px;
	position: absolute;
}


.user_add_text{
	display: block;
	text-align: right;
	margin-top:-20px;
	font-weight: 500;
	color:#c00000;

}


.sn_txt_title{
	display: flex;
}
/*********## clublist_view_main2.htm ##************/
.line3{
	border:1px solid #f5f5f5;
	display: block;
	margin:30px 15px 20px;
}
.line4{
	border:2px solid #dfdfdf;
	display: block;
	margin:25px 15px 20px;
}
.cm_text{
	padding:0px 15px 10px;
	font-weight: 500;
	font-size: 14px;
}
.cm_text p{
	margin:0 auto;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	max-width: 100%;
}
.cm_text p em {
	color:blue;
	
}

.bg {
	width: 100%;
	height: 300px;
	margin: 0px auto;
	position: relative;
}
 video {
	width: 100%;
}
.cm_video_text {
	background: #fff;
	opacity: 0.8;
	position: absolute;
	width: 100%;
	bottom:-15px;
	left: 50%;
	padding:10px 0;
	transform: translate(-50%,-50%);
}
.play_btn{
	width: 130px;
	height: 130px;
	position:absolute;
	z-index: -1;
	top:-80px;
	left:180px;
	background: url(../images/icon/ico_play_r.png) no-repeat;
}

  
/*-----------------------------*/
/* clublist_view_main2 메인화면 */



/*-----------------------------*/
#cvm_main_card > .cmc_div> .bg_over2{
	z-index:1000000 !important;
	width:100%;
	height:66% !important;
	background:rgba(0, 0, 0, 0.6);
	position:absolute;
	display: block;
	top:0;
	left:0;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;

}

#cvm_main_card > .cmc_div> .bg_over2 > img {
	z-index:20;
	position:absolute;
	top:30%;
	left:50%;
	transform: translate(-50%, -50%);

}
#cvm_main_card > .cmc_div> .bg_over2 > p {
	z-index:21;
	position:absolute;
	display: block;
	top:60%;
	left:50%;
	transform: translate(-50%, -50%);
	color:#fff;
	font-family: 'NanumSquare';
	font-size: 17px;
	line-height: 25px;
	margin: 0 auto;
	width: 178px;
	font-weight: bold;
}

#cvm_main_card{
	height:100%;
	margin:0 auto;
	padding:0 15px;
	max-height: 237px;
}

#cvm_main_card > .cmc_div{
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing:border-box;
	width: 100%;
	margin:0 auto;
	position:relative;
	border-radius: 8px;
	box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.06);

}
#cvm_main_card > .cmc_div .cmc_d_b{
	display: flex;
	justify-content: space-between;
	align-items: center;
	position:absolute;
	top:0;
	z-index: 1000;
	width: 100%;
	padding:15px 10px 15px 20px;

}


#cvm_main_card > .cmc_div > .slide_img > .slide_img_bg{
	width: 100%;
	height: 237px;
	position: relative;
	border-radius: 12px;
}


#cvm_main_card > .cmc_div > .slide_info{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 92px;
	width: 100%;
	padding:0 20px;
	bottom:-10px;
	background: #fff;
	position:absolute;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
	box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
#cvm_main_card > .cmc_div > .slide_info > img{
	width: 50px;
	height: 50px;
}
#cvm_main_card > .cmc_div > .slide_info > span{
	display: block;
	font-size: 25px;
	color:#dfdfdf;
	margin:0 15px 0 20px;
}

#cvm_main_card > .cmc_div > .slide_info > .slide_info_txt > p{
	font-size: 15px;
	text-align: left;
	line-height: 20px;
	margin:0;
	font-weight: normal;
	display: block;
	margin-top: 14px;
}
#cvm_main_card > .cmc_div > .slide_info > .slide_info_txt > p > span{
	font-size: 14px;
	display: block;
	font-weight: normal;
}
#cvm_main_card > .cmc_div > .slide_info > .slide_info_txt > ul {
	float: left;
	display: block;
	margin: 10px auto 15px;
}
#cvm_main_card > .cmc_div > .slide_info > .slide_info_txt > ul > li{
	float: left;
	margin-right: 5px;
}

#cvm_main_card > .cmc_div > .slide_info > .slide_info_txt > ul > li > img{
	width: 40px;
	height: 18px;
}








  /*------------------*/
  /* Layout (No Edit) */
  /*------------------*/
  @media(max-width:664px) {
	.bg {
	  height: 300px;
	}
	video {
	  height: 300px;
	}
	.cm_video_text p {
	  font-size: 24px;
	}
  }



.expert_profile2 img{
	background-color: #000;
	border-radius: 50%;
	width: 30px;

}

.cm_video_text .actions li {
	margin-bottom:8px;
}

/*********## clublist_view_main3.htm ##************/
.cb_inputs{
	display: flex;
	justify-content: flex-start;
	padding:10px 15px;
}



.input-container, .input-container2 {
	display: flex;
	align-items: center;
	position:relative;

}
.input-container{
	width: 60%;
}
.input-container2{
	margin-left: 6px;
	width: 40%;
	height: 36px;
	line-height: 36px;
}
.input-container > input, .input-container2 > input {
	height: 36px;
	width: 100%;
	background-color: #f5f5f5;
	border-radius: 12px;
	padding: 0 10px;
	height: 36px;
	line-height: 36px;
}
.input-container > input {
	width: 100%;
}
.input-container > img{
	position:absolute;
	right:3%;
	z-index: 100;
}
.input-container2 > input[type="date"]{
	background: url("../images/icon/u_calendar-alt.png") no-repeat 95% center / 1.5em auto;
	background-color: #f5f5f5;
	content: "";
}

.input-container2 > input[type="date"]::-webkit-clear-button,
.input-container2 > input[type="date"]::-webkit-inner-spin-button { 
    display: none;
} 
.input-container2 > input[type="date"]::-webkit-calendar-picker-indicator { 
    background: transparent;
    z-index: 1;
} 







.input-container > input::placeholder,
.input-container2 > input:valid {
	color: #aaaaaa  !important;
	font-size: 12px;
	font-weight: 500;
}


.cb_table_list table {
	width: 100%;	
	box-sizing: border-box;
}
.cb_table_list table tbody{
	width: 100%;
	padding:0 15px;
}
.cb_table_list table tr{
	border-bottom:1px solid #f5f5f5;
}
.cb_table_list table tr td{
	padding:0;
	height: 60px;
}
.cb_table_list table tr td img{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 10px;
	margin-left: 15px;
}
.cb_table_list table tr td svg{
	margin-right: 15px;
}
.cb_table_list table tr td em{
	display: block;
	color:#585858;
	font-family:'Noto Sans KR';	
	font-size: 13px;
}
.cb_table_list table tr td span{
	font-size: 13px;
	color:#1a1a1a;
	font-family:'Noto Sans KR';	
	font-weight: normal;
}
.cb_table_list table tr td a{
	display: block;
	color: #fff;
	
}


/*********## clublist_view_main4.htm ##*******/
.cvm4 > h3{
	color:#1a1a1a;
	font-size: 15px;
	font-weight: 500;
	font-family:'Noto Sans KR';	
	margin-top: 30px;
	width: 100%;
	text-align: center;
}
.cvm4 > h3 img{
	margin:0 auto;
	width: 100%;
	text-align: center;
}

.cvm4 > h3 img.ct1{
	max-width: 144px;
}
.cvm4 > h3 img.ct2{
	max-width: 158px;
}
.cvm4 > h3 img.ct3{
	max-width: 182px;
}


.cvm4 > h3.cvm_tt2{
	margin-top: 20px;
}
.cvm4 img{
	width: 100%;
	margin:10px auto;

}

.cvm4 .ac2_ul,.cvm4 .cv_m5_cont3 {
	padding-bottom:40px;
}
.cvm4 ul > li > .tab_cont_none{
	background-color: #f5f5f5;
	color:#aaaaaa;
	font-size: 14px;
	font-weight: 400;
	font-family:'Noto Sans KR';	
	text-align: center;
	padding:40px;
	margin-top: 10px;
}
.cvm4 ul > li > .tab_cont_none > a{
	color:#ef4545;
	display: block;
	margin:5px auto 0;
}
.cvm4_button{
	display: flex;
	justify-content: space-between;
	
}
.cvm4_button button{
	padding:3px 10px;
	width: 100%;
	border:1px solid #ef4545;
	margin-right:10px;
	border-radius: 12px;
	height: 38px;
	color:#ef4545;
	font-size: 14px;
	font-weight: bold;
}
.cvm4_button button:last-child{
	margin-right: 0;
}
.cvm4_button button.on{
	background-color: #ef4545;
	color:#fff;
}


.cvm4_banner_cont img{
	margin-bottom:20px;
}

.cvm4_tabmenu_title{
	margin-bottom:10px;
}
.cvm4_tabmenu_title em{
	color:#c00000;
}

.inv_wrap h3{
	font-size: 14px;
	margin-left:10px;
}

/*detail_page*/

.container {
	padding:0;
	width: 100% !important;
}

.section, .sectionn {
	overflow: hidden;
	transition: 0.5s ease-out;
	height: auto;
	max-height: 2000px;
}
.sectionn{
	margin-top: 10px;
}
.section h3{
	margin:10px auto;
	font-size: 15px;
	line-height: 20px;
}
  
.section.collapsed, .sectionn.collapsed {
	max-height: 0;
}
  
.sectionn > table tr:first-child td{
	background-color: rgb(226, 226, 226);
	font-weight: bold;
	color:#000;

}	
.sectionn > table{
	width: 100%;
}
.sectionn > table tr td{
	border:1px solid rgb(216, 216, 216);
	font-size: 11px;
	padding:0 4px;
}

	
.cvm4_detail_cont{
	position: relative;
}

.cvm4_detail_cont_text{
	padding:0;
}
.cvm4_detail_cont_text h4{
	font-size: 16px;
	margin-bottom:10px;
	border-bottom:3px solid #c00000;
	width: 60px;
}
.cvm4_detail_cont_text p{
	margin-bottom:10px;
	font-size: 14px;
	color:gray;
	text-align: left;
}
.cvm4_detail_cont_text em{
	font-weight: 500;
	font-size: 14px;
	color:#000;
}



.cvm4_detail_cont_text table .title{
	background: rgb(204, 204, 204);
}
.cvm4_detail_cont_text table .conts{
	padding:15px;
	font-size: 14px;
	line-height: 25px;
}

/*********## clublist_view_main5.htm ##*******/

.cv_m5_cont h4, .cv_m5_cont2 h4{
	font-size: 16px;
	padding:25px 15px 13px;
}

.cv_m5_cont ul{
	width: 100%;
	margin-top: 0;
}
.cv_m5_cont2 ul{
	margin-top: 0;
} 
.cv_m5_cont ul li,
.cv_m5_cont3 ul li,
.cv_m5_cont4 ul li{
	text-align: left;
	border-bottom:1px solid #f5f5f5;
	padding:12px 0 12px;
	display: none;
}
.cv_m5_cont4 ul li{
	padding:12px 15px;
	box-sizing: border-box;
}
.cv_m5_cont3 ul{
	margin-top:8px;
}
.cv_m5_cont2 ul li{
	text-align: left;
	border-bottom:1px solid #f5f5f5;
	padding:12px 0 12px;
}
.cv_m5_cont ul li span,
.cv_m5_cont2 ul li span,
.cv_m5_cont3 ul li span,
.cv_m5_cont4 ul li span{
	font-size: 13px;
	font-weight: normal;
	font-family:'Noto Sans KR';	
	color:#1a1a1a;
}
.cv_m5_cont ul li span > em{
	display: inline-block;
	font-size: 13px;
	color:#585858;
	font-weight: normal;
	font-family:'Noto Sans KR';	
	margin-left: 0px;
}
.cv_m5_cont2 ul li span > em,
.cv_m5_cont3 ul li span > em,
.cv_m5_cont4 ul li span > em {
	display: inline-block;
	font-size: 13px;
	color:#585858;
	font-weight: normal;
	font-family:'Noto Sans KR';	
	margin-left: 4px;
}

.cv_m5_cont4 ul li span > em{
	margin-left: 0;
}
.cv_m5_cont ul li em,
.cv_m5_cont2 ul li em,
.cv_m5_cont3 ul li em,
.cv_m5_cont4 ul li em{
	color:#585858;
	display: block;
	font-size: 13px;
	font-weight: normal;
	font-family:'Noto Sans KR';	
}
.cvm4 > .cv_m5_cont2 > ul{
	border-bottom: none;
}

/*********## clublist_view_main5_detail.htm ##*******/
.clublist_main_profile2{
	text-align: left;
	padding:10px;
}
.clublist_main_profile2 img{
	width: 80px;
}
.clublist_main_profile2 span{
	font-weight: 500;
	font-size: 14px;
}
.clublist_main_profile2 em{
	color:gray;
	font-size: 12px;
	font-weight: normal;
}

.cvm5_detail{
	text-align: left;
}

.cvm5_detail h4{
	padding: 10px 20px 0;
	font-size: 16px;
	font-weight: normal;
	margin-bottom:15px;
}

.cvm5_detail ul {
	width: 100%;
}
.cvm5_detail ul li{
	border-top:1px solid #f5f5f5;
	border-bottom:1px solid #f5f5f5;
	padding: 10px 20px 10px;
}
.cvm5_detail ul li span{
	font-size: 16px;
	font-weight: 500;
	color:#000;
	margin-bottom: 5px;
	display: block;
}
.cvm5_detail ul li p {
	font-size: 14px;
	color:#1a1a1a;
	font-weight: 300;
	font-family:'Noto Sans KR';	
}
.cvm5_detail ul li em{
	color:gray;
	display: block;
	font-size: 12px;
}

.cvm5_detail_btn{
	margin-top:20px;
	padding:0 15px;
}
.cvm5_detail_btn a,
.cv_m5_cont > form > a,
.cv_m5_cont3 > form > a{
	border:1px solid #ef4545;
	color:#ef4545;
	border-radius:12px;
	height: 48px;
	width: 100%;
	font-size: 14px;
	display: block;
	line-height: 48px;
	font-weight: bold;
	text-align: center;
}

.cv_m5_cont > form > textarea,
.cv_m5_cont3 > form > textarea{
	margin-bottom: 11px;
	border-radius: 12px;
	padding:0;
	margin-top: 15px;
	height: 160px;
}
.cv_m5_cont > form > textarea::placeholder,
.cv_m5_cont3 > form > textarea:valid{
	font-size: 14px;
	padding:20px;
	color:#aaa;
	font-family:'Noto Sans KR';	
	font-weight: normal;
}
.cv_m5_cont3 > form > textarea:valid{
	color:#000;
}
/*********## clublist_guide.htm ##*********/

.clublist_guide_title{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-size: 14px;
	padding:10px;
	width: 100%;
	background-color: #fff;
	position:fixed;
	top: 50px;
	z-index: 100;
	box-sizing: border-box;
}
.clublist_guide_title2{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-size: 14px;
	padding:10px;
	width: 100%;
	background-color: #fff;
	box-sizing: border-box;
}
.clublist_guide_title img,
.clublist_guide_title2 img{
	width: 100px;
	margin:10px 0;
}
.clublist_guide_title h3,
.clublist_guide_title2 h3{
	font-size: 14px;
	font-weight: normal;
	color:#585858;
	margin-bottom:10px;
}

.cg_cont{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding:10px;
}
.cg_cont h3{
	font-size: 14px;
}

#top_button {
	display: inline-block;
	background-color: #eee;
	width: 40px;
	height: 40px;
	text-align: center;
	border-radius: 4px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	transition: background-color .3s, 
	  opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
  }
  #top_button::after {
	content: "\f077";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 1.2em;
	line-height: 40px;
	color: #000;
  }
  #top_button:hover {
	cursor: pointer;
	background-color: #eee;
  }
  #top_button:active {
	background-color: #555;
  }
  #top_button.show {
	opacity: 1;
	visibility: visible;
  }
  
  /* Styles for the content section */
  
  .content {
	width: 77%;
	margin: 50px auto;
	font-family: 'Merriweather', serif;
	font-size: 17px;
	color: #6c767a;
	line-height: 1.9;
  }
  @media (min-width: 500px) {
	.content {
	  width: 43%;
	}
	#button {
	  margin: 30px;
	}
  }
  .content h1 {
	margin-bottom: -10px;
	color: #03a9f4;
	line-height: 1.5;
  }
  .content h3 {
	font-style: italic;
	color: #96a2a7;
  }

/*********## clublist_login.htm ##************/

.clublist_login_title{
	display: flex;
	align-items: center;
	flex-direction: column;
	margin:40px auto 40px;
}
.clublist_login_title > img{
	margin-bottom: 15px;
	width: 132px;
}
.clublist_login_title span{
	color: #585858;
	font-weight: normal;
	font-family:'Noto Sans KR';	
	font-size: 14px;
}

.clublist_join_title{
	display: flex;
	align-items: center;
	flex-direction: column;
	margin:185px auto 40px;
}
.clublist_join_title > span{
	margin-top: 30px;
	display: block;
	font-size: 20px;
	color:#1a1a1a;
	font-weight:600;
}

.login_line{
	border:2px solid #dfdfdf;
	display: block;
	margin:0 15px;
}

.clublist_join_conts >p{
	margin:0 auto;
	color:#585858;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.38em;
}




.login_cont_btn1{
	color: #fff !important;
	border-radius: 12px;
	background-color: #ef4545;
	display: block;
	width: 100%;
	min-width: 330px;
	height: 48px;
	line-height: 48px;
	font-size: 14px;
	font-weight: 600;	
}
.login_cont_btn2{
	color: #ef4545 !important;
	border-radius: 12px;
	border:1px solid #ef4545;
	display: block;
	width: 100%;
	min-width: 330px;
	height: 48px;
	line-height: 48px;
	font-size: 14px;
	font-weight: 600;	
}
.clublist_login_cont{
	padding:20px 15px;
	display: flex;
	flex-direction: column;
	align-items: center;

}
.clublist_login_cont span{
	display: block;
	width: 100%;
	text-align: right;
	color:#ef4545;
	font-size: 12px;
	margin-top: 6px;
}

.cb_login_cont_inputs{
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin:0 auto;
	margin-bottom:6px;
	
}
.cb_login_cont_inputs input{
	border: 1px solid #1a1a1a;
	color: #1a1a1a;
	height: 48px;
	border-radius: 12px;
}
.cb_login_cont_inputs input::placeholder,
.cb_login_cont_inputs input:valid{
	color: #1a1a1a !important;
	font-size: 14px;
}
.cb_login_cont_inputs input:focus{
	border:1px solid #1a1a1a;

}
.cb_login_input1{
	width: 45%;
	margin-right:10px;
	display: block;
}
.cb_login_input2{
	width: 55%;
}


.cb_login_bottom_btn{
	width: 100%;
	margin-top: 176px;
}
.cb_login_bottom_btn > a:first-child{
	display: block;
	margin-bottom: 6px;
}


/*******************clublist_login2.htm**********************/
.cb_login_cont_profile{
	display: flex;
	align-items: center;
	flex-direction: column;
	padding:0 30px;
}
.cb_login_cont_profile span{
	font-size: 14px;
	font-weight: 500;
	padding:5px 0;
}
.cb_login_cont_profile input{
	margin:20px 0 0;
	border:2px solid #c00000;
}
.cb_login_cont_profile label {
	color:#c00000;
	font-weight: 500;
	text-align: left;	
	font-size: 12px;
	width: 100%;
	
}




/*******************clublist_pwd.htm**********************/
.cp_cont{
	display: flex;
	flex-direction: column;
	padding:0 15px;
	margin-top: 50px;
}
.cp_cont > h3{
	font-size: 16px;
	color:#1a1a1a;
	font-weight: normal;
	font-family:'Noto Sans KR';	
	text-align: left;
	margin-bottom: 20px;
}
.cp_cont > form {
	width: 100%;
	display: block;
	overflow-wrap: normal;
	
}
.cp_cont > form > input[type="password"],
.cp_cont > form > input[type="text"]{
	width: 100%;
	height: 48px;
	border-radius: 12px;
	border:1px solid #1a1a1a;
	box-sizing: border-box;
}
.cp_cont > form > input[type="password"]:focus,
.cp_cont > form > input[type="text"]:focus,
.cp_cont > form > input[type="password"]:valid,
.cp_cont > form > input[type="text"]:valid{
	background:url(../images/icon/X.png) -100% no-repeat;

}
.cp_cont > form > input[type="password"]::placeholder{
	color: #aaaaaa;
	font-size: 14px;
}
.cp_cont > form > span{
	color:#ef4545;
	text-align: right;
	width: 100%;
	display: block;
	margin:6px 0;
}
.cp_cont > p{
	margin:50px auto 20px;
	font-size: 14px;
	font-weight: normal;
	color:#1a1a1a;
	font-family:'Noto Sans KR';	
}
.cp_cont > p.cp2_cont_p{
	text-align: left;
	margin:10px 0 20px;
	color:#aaa;
}
.cp_cont > a {
	color:#ef4545;
	font-size: 14px;
	font-weight: normal;
}
.cp_cont > a > img{
	margin-left: 7px;
}
.cp_cont > .cp_cont_btn{
	background: #dfdfdf;
	color:#fff;
	height: 48px;
	line-height: 48px;
	margin-top: 285px;
	border-radius: 12px;
	font-size: 16px;
	font-weight: 600;
}
.cp_cont > .cp_cont_btn:enabled{
	background-color: #ef4545;
}
/*******************clublist_join.htm**********************/

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.join_text{
	display: flex;
	justify-content: center;
	width: 100%;
	margin:0 auto;
	align-items: center;
	text-align: center;
	margin:40px auto 40px;
}
.join_text p{
	font-size: 14px;
	color:#585858;
	font-weight: normal;
	font-family:'Noto Sans KR';	
	line-height: 1.38em;
	margin:0;
}
.join_text p em {
	font-family:'Noto Sans KR';	
	font-weight: bold;
	color:#ef4545;
	font-size: 14px;
}


.join_cont1{
	padding:0 15px;
	display: flex;
	justify-content: space-between;
	position:relative;
	margin-bottom: 6px;
	width: 100%;
	
}
.join_cont1 input[type="number"]{
	border:1px solid #1a1a1a;
	margin-right:6px;
	height: 48px;
	border-radius: 12px;
	padding:0 1em;
}
.join_cont1 input[type="number"]::placeholder{
	color:#1a1a1a;
	font-size: 14px;
	font-weight: normal;
	font-family:'Noto Sans KR';	
}
.join_cont1 input[type="number"]:first-child::placeholder{
	color:#000 !important;
	font-size: 14px;
	font-weight: normal;
	font-family:'Noto Sans KR';	
}
.join_cont1 select{
	width: 100%;
	min-width: 110px;
	border:1px solid #1a1a1a;
	margin-right:6px;
	height: 48px;
	border-radius: 12px;
	padding:0 1em;
	font-size: 14px;
}
.join_cont1 input[type="number"]:nth-child(2){
	width: 100%;
	min-width: 120px;
}

.join_cont1 button{
	background-color: #ef4545;
	color:#fff;
	min-width: 100px;
	width: 50%;
	border-radius: 12px;
	font-size: 14px;
	
}

.join_cont2{
	padding:0 15px;
	display: flex;
	justify-content: space-between;
	position:relative;
	margin-bottom: 6px;
}
.join_cont2 input[type="number"]{
	border:1px solid #1a1a1a;
	margin-right:6px;
	height: 48px;
	border-radius: 12px;
	width: 100%;
	padding:0 1em;
}
.join_cont2 input[type="number"]::placeholder{
	color:#1a1a1a;
	font-size: 14px;
	font-weight: normal;
	font-family:'Noto Sans KR';	
}
.join_cont2 input[type="number"]:focus{
	border:1px solid #1a1a1a;
}
.join_cont2 button{
	background-color: #ef4545;
	color:#fff;

	min-width: 100px;
	border-radius: 12px;
}

.join_cont3{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
	padding:0 15px;
	box-sizing: border-box;
}
.join_cont3 input[type="number"]{
	border:1px solid #1a1a1a;
	height: 48px;
	border-radius: 12px;
	padding:0 1em;
	width: 100%;
}
.join_cont3 input[type="number"]:first-child{
	margin-bottom: 6px;
}
.join_cont3 input[type="number"]::placeholder{
	color:#1a1a1a;
	font-size: 14px;
	font-weight: normal;
	font-family:'Noto Sans KR';	
}
.join_cont3 span{
	display: block;
	font-weight: 500;
	font-size: 12px;
	margin-top:6px;
	text-align: right;
	width: 100%;
	color: #ef4545;
	margin-bottom:50px;
}
.join_table_cont .jtc_txt{
	display: block;
	font-weight: 500;
	font-size: 12px;
	margin-top:6px;
	text-align: right;
	width: 100%;
	color: #ef4545;
	margin-bottom:40px;
}


td.form-check{
	text-align: left;
}
td.form-check label{
	font-size: 14px;
	font-weight: 300;
	color:#585858;
	font-family:'Noto Sans KR';	
	margin-bottom: 0;
}
.join_table_cont {
	padding:0 15px;
}
.join_table_cont table{
	width: 100%;
	
}
.join_table_cont tr{
	border-bottom: 1px solid #f5f5f5;
	height:40px;
}	


.join_table_cont tr td.jtc_d {
	font-size: 14px;
	font-family:'Noto Sans KR';	
	line-height: 18px;
}

/*join_table_cont 체크박스 이미지*/
.join_table_cont td input[type="checkbox"]{
	margin:0;
}
.join_table_cont td input[type="checkbox"] + label:before{
	background: url(../images/btn/Icon_chack_g.png)no-repeat;
	border:none;
}

.join_table_cont td input[type="checkbox"]:checked + label:before{
	background: url(../images/btn/Icon_chack_r.png)no-repeat;
	border:none;
	text-indent: -9999em;
}
#groupAgree1, #groupAgree2, #groupAgree3{
	padding:0 7px;
}
.agr_wrap{
	margin:0 !important;
}
.agr_wrap ul li label{
	text-align: left;
}

/*join_table_cont 체크박스 이미지 끝*/


.clublist_login_bottom_btn {
	display: block;
	background-color: #ef4545;
	color:#fff !important;
	font-weight: 600;
	font-size: 16px;
	height: 48px;
	line-height: 48px;
	border-radius: 12px;
	
	
}



/*******************clublist_join2.htm**********************/
.clublist_join_text{
	width: 100%;
	margin:0 auto;	
	padding:0 15px;
	box-sizing: border-box;
}
.clublist_join_text p:first-child {
	font-size: 16px;
	color:#585858;
	font-weight: normal;
	font-family:'Noto Sans KR';
	line-height: 1.38em;
}
.clublist_join_text p:last-child{
	width: 100%;
	text-align: right;
	margin:6px auto 0;
	color:#ef4545;
	font-size: 12px;
	font-weight: 500;
	font-family:'Noto Sans KR';
}
.clublist_join_text a{
	background: #ef4545;
	color:#fff;
	font-size: 16px;
	font-weight: 600;
	font-family:'Noto Sans KR';
	border-radius: 12px;
	display: block;
	height: 48px;
	line-height: 48px;
	margin-top: 195px;
}

.tgl_menu_btn{
	width:40px;
	height: 57px;
	line-height: 57px;
	margin-top: 28px;
	background:url(../images/icon/ico_tline_w.png) no-repeat;
	cursor:pointer;
	display:block;
	float:left;
	
}
.tgl_menu_btn.on{background:url(../images/icon/ico_tline_w.png) no-repeat;}

.tgl_menu_all {position:fixed;left:0;top:0;bottom:0;z-index:100000;}
.tgl_menu_all .tgl_menu_bg{width:230px;height:100%;background:#fff;border-right:1px solid #dddddd;position:fixed;left:0;top:0;display:none;z-index:1;}
.tgl_menu_all {position:fixed;left:0;top:0;bottom:0;z-index:100000;}
.tgl_menu_all .tgl_menu_wrap{
	width:250px;
	height:100%;
	padding:0;
	background:#fff;
	border-right:1px solid #ddd;
	position:absolute;
	left:0;
	top:0;
	overflow-y:scroll;
	display:none;
	z-index:10;
}


.tgl_menu_all .tgl_menu_wrap li.ti{
	width:210px;
	padding:0 10px;
	background-color:#c00000;
	text-align:left;
	font-size:16px;
	color:#fff;
	position:fixed;
	left:0;
	top:0;
	z-index:1000;
}
.tgl_menu_all .tgl_menu_wrap li.ti a{width:30px;height:40px;text-align:center;display:block;float:right; padding:0 2px;}
.tgl_menu_all .tgl_menu_wrap li.ti a img{height:30px;margin:-2px -15px 0 0;}
.tgl_menu_all .tgl_menu_wrap li{
	border:none;font-size:14px;line-height:40px;position:relative;
	text-align: left;
}
.tgl_menu_all .tgl_menu_wrap li.line{border-bottom:1px solid #ccc;}
.tgl_menu_all .tgl_menu_wrap li a{
	width:100%;
	height:54px;
	line-height:54px;
	display:block;
	font-size: 15px;
	color:#1a1a1a;
	font-family:'Noto Sans KR';	
	font-weight: 500;
}
.tgl_menu_all .tgl_menu_wrap li a b {
	font-weight: 400;
}
.tgl_menu_all .tgl_menu_wrap li a img{width:24px;
	margin-right: 10px;
	vertical-align:middle;}
.tgl_menu_all .tgl_menu_wrap li a.mp_img{
	width: 100%;
    padding: 0;
    display: block;
    margin-left: 80px;
}
.tgl_menu_all .tgl_menu_wrap li a.mp_img img{
	width: 41px;
	display: block;
	margin: 0 ;
	padding: 0 ;
	height: 44px;
	align-items: center;
}

.tgl_menu_all .tgl_menu_wrap .eto_logo2 img{
	width: 100px;
}

.tgl_menu_all .tgl_menu_wrap li span{
	text-align:right;
	letter-spacing:-1px;
	position:absolute;
	right:10px;
	top:0;
	display:block;
}
.tgl_menu_all .tgl_menu_wrap li span p{margin:5px 0 0;font-size:11px;font-weight:300;line-height:15px;display:block;}
.tgl_menu_all .tgl_menu_wrap li span b{font-size:13px;font-weight:600;color:#c00000;line-height:18px;display:block;}

.tgl_menu_all .tgl_menu_wrap li.nav_list_footer{

} 
.tgl_menu_all .tgl_menu_wrap li:last-child > .nav_version{
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	display: flex;
	margin: 50px auto;
}
.tgl_menu_all .tgl_menu_wrap li:last-child > .nav_version > img{
	margin-bottom: 10px;
	width: 90px;
	display: block;
	text-align: center;
}
.tgl_menu_all .tgl_menu_wrap li:last-child > .nav_version > p {
	font-size: 16px;
	font-weight: 500;
	margin:5px auto;
}
.tgl_menu_all .tgl_menu_wrap li:last-child > .nav_version > a{
	margin-top: 15px;
}
#headline{width:100%;height:40px;background:#c00000;line-height:40px;position:fixed;top:0;z-index:10;}
#headline .title{height:40px;text-align:left;font-size:16px;color:#fff;line-height:40px;position:absolute;left:50px;}
#headline .gnb{position:absolute;right:5px;}
#headline .gnb img{height:30px;margin:5px 5px 0;}

.tgl_arrow_btn{width:45px;height:40px;background:url(https://m.etomato.com/mbcw/images/icon/ico_back_w.png) no-repeat 0 -3px;cursor:pointer;display:block;float:left;}


.nav_login_cont{
	display: flex;
	justify-content: space-between;
	align-items: center !important;
	background-color: #ef4545;
	padding:10px;
	align-items: center;
}

.nav_login_cont p{
	line-height: 20px;
	margin-left:0;
	color:#000;
	font-weight: 500;
	font-size: 14px;
}
.nav_login_cont em{
	color:#fff;
	font-size: 17px;
	font-family:'Noto Sans KR';
	font-weight: 600;
}
.nav_login_cont em:last-child{
	font-weight: 500;
}
.nav_login_cont > a {
	display: block;
	color:#fff !important;
}

.nav_join_text{
	text-align: left;
	background-color: #cf3333;
	padding:10px;
	font-size: 15px;
	font-weight: normal;
	font-family:'Noto Sans KR';
}
.nav_join_text span{
	color:#fff;
}


.version_cont{
	display: flex;
	align-items: center;
	flex-direction: column;
}
.version_cont li {
	font-weight: 500;
}
.version_cont li img{
	width: 80px;
}


/************************************************
*		CONTAINER								*
************************************************/
/*index.html 사이드메뉴*/
.accordion {
	background-color: #fff;
	color: #444;
	cursor: pointer;
	padding: 20px 16px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-weight: 600;
	font-size: 16px;
	transition: 0.4s;
  }
  .active{
	color:#ef4545;
  }
  .active, .accordion:hover {
	background-color: #fff; 
  }
  
  .panel {
	padding: 0 18px;
	display: none;
	background-color: white;
	overflow: hidden;
  }
  .panel > p {
	margin:0px auto;
  }
  .accordion:after {
	content: 'arrow';
	text-indent: -9999em;
	font-size: 13px;
	color: #777;
	float: right;
	margin-left: 5px;
	width: 20px;
	display: block;
	background: url(../images/icon/accordian_arrow.png)no-repeat 100%;
  }
/* index.html 사이드메뉴 끝 */

.accordion2 {
	background-color: #fff;
	color:#ef4545;
	cursor: pointer;
	width: 100%;
	height: 54px;
	line-height: 54px;
	display: block;
	border: none;
	font-weight: 600;
	font-size: 16px;
	transition: 0.4s;
	margin:0 auto;	
	padding-left:20px;
	box-sizing: border-box;
  }

  .active, .accordion2:hover {
	background-color: #fff; 
  }
  
  .panel2 {
	padding: 0 30px;
	display: block;
	background-color: white;

  }
  .panel2 > p {
	margin:0px auto;
	width: 100%;
	display: block;
  }
 
  
.cvm5_ac_cont .ac2 .ac2_em,
.cvm5_ac_cont .ac2 em{
	width: 90%;
	display: block;
 }
.cvm5_ac_cont .ac2:after{
	margin-top: -40px;
}
.cvm5_ac_cont2 .ac2:after{
	margin-top: -30px;
}
.cv_m5_cont4 > .cvm5_ac_cont .ac2:after{
	margin-top:-30px;
}
.cv_m5_cont .panel,
.cv_m5_cont2 .panel,
.cvm5_ac_cont3 .panel{
	text-align: center;
	width: 100%;
	padding:0;
}
.cvm5_ac_cont .panel > img{
	text-align: center;
	width: 100%;
}
.active:after {
	content: "\2796";
	background: url(../images/icon/accordian_arrow_up.png)no-repeat 100%;
}



.ltitle{height:40px;margin:0 0 15px;padding:0 10px;text-align:left;font-size:16px;font-weight:600;line-height:40px;}
.ctitle{margin:0 0 15px;padding:0 10px;text-align:center;font-size:16px;font-weight:600;line-height:40px;}
.rtitle{height:40px;margin:0 0 15px;padding:0 10px;text-align:right;font-size:16px;font-weight:600;line-height:40px;}
.ltitle span, .ctitle span, .rtitle span{margin:0 10px;}

.lstitle{background-color:#ececec;margin:15px 0 10px;padding:0 10px;text-align:left;font-size:16px;font-weight:600;line-height:30px;letter-spacing:-1px;position:relative;z-index:10;}
.lstitle span{padding:0 10px;text-align:left;font-size:14px;font-weight:400;line-height:30px;position:absolute;right:0;top:0;}
.lstitle span .select-wrapper{margin:0;}
.lstitle span .select-wrapper select{height:30px !important;padding:0 25px 0 5px;}
.lstitle span .select-wrapper:before{right:-5px;}
.lstitle .que{width:20px;height:20px;margin:4px 5px 0 8px;float:right;}
.lstitle .que img{width:20px;height:20px;}

.cstitle{height:30px;background-color:#ececec;margin:0 0 10px;padding:0 10px;text-align:center;font-size:16px;font-weight:600;line-height:30px;letter-spacing:-1px;z-index:10;}
.rstitle{height:30px;background-color:#ececec;margin:0 0 10px;padding:0 10px;text-align:right;font-size:16px;font-weight:600;line-height:30px;letter-spacing:-1px;z-index:10;}

.sn_btitle{padding:3px 0 20px;font-size:20px;font-weight:600;}
.sn_title{padding:3px 0;font-size:15px;font-weight:600;}
.sn_txt,.sn_txt2{margin:0 0 20px;padding:3px 0;font-size:14px;color:#666;}
.sn_stxt{margin:0 0 15px;padding:3px 0;font-size:12px;}
.sn_stxt span{margin:0 10px;}
.sn_thum{margin:0 0 15px;padding:3px 0;text-align:center;}
.sn_thum img{width:100%;max-width:700px;}

.sn_txt b, .sn_txt2 b{
	margin:0 10px;
	color:#000;
}
.sn_txt span{
	font-size: 12px;
	color:gray;
}

.sn_txt2{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sn_txt b{
	display: flex;
}

.talbtn{text-align:left;}
.tacbtn{text-align:center;}
.tarbtn{text-align:right;}
.tarbtn2{text-align:right;}
.tarbtn2 li {
	font-weight: 600;
	font-size: 16px;
	color: #c00000;
	margin-right:10px;
}

.tacbtn li .special{
	background-color: #ef4545;
	color:#fff;
	font-size: 15px;
	font-weight: 600;
	font-family:'Noto Sans KR';
	height: 48px;
	border-radius: 12px;
	margin-top: 40px;
}

.rmenu{height:26px;margin:0 0 10px;}
.rmenu ul{position:relative;}
.rmenu li{width:100%;height:26px;text-align:right;font-size:13px;font-weight:bold;line-height:26px;}
.rmenu li a{margin:0 7px;}
.rmenu li a:hover, .rmenu li a.on{color:#c00000;}

.vl_list{margin:0;padding:0;z-index:1000;}


.vl_list .vl_case .uw_rtxt{margin:0 0 5px;padding:0 10px;text-align:right;font-size:13px;color:#c00000;}
.vl_list .vl_case .ud_wrap{margin:0 0 0;border-top:1px solid #ccc;}
.vl_list .vl_case .ud_wrap ul{position:relative;}
.vl_list .vl_case .ud_wrap li:first-child{border-left:0;}
.vl_list .vl_case .ud_wrap li{border-left:1px solid #ccc;float:left}
.vl_list .vl_case .ud_wrap li a{width:100%;text-align:center; font-size:14px;font-weight:400;line-height:30px;letter-spacing:-1px;display:block;}
.vl_list .vl_case .ud_wrap li a.hover{background-color:#c00000;font-weight:600;}
.vl_list .vl_case .ud_wrap li a.bred{background-color:#c00000;color:#fff;}
.vl_list .vl_case .ud_wrap li a.bgrey{background-color:#999;color:#fff;}

.vl_list .vl_case .expert_list li {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-items: center;
	padding:10px 15px;
	height: 60px !important;
	box-sizing: border-box;
	border-bottom:1px solid #f5f5f5;
}
.vl_list .vl_case .expert_list li .el_profile{
	height: 60px;
	display: block;
	width: 40px;
	margin-right: 10px;
}
.vl_list .vl_case .expert_list li .el_profile > span{
	display: block;
	position:absolute;
	width: 12px;
	height: 12px;
	border:1px solid #fff;
	background-color:red;
	border-radius: 50%;
	top:10px;
	left:13px;
	z-index: 100;
}
.vl_list .vl_case .expert_list li .el_profile > img{
	width: 40px;
	height: 40px;
	position: relative;
	top: 10px;
	left:0px;
}
.vl_list .vl_case .expert_list li .el_txt{
	margin-right: 45px;
}
.vl_list .vl_case .expert_list li .el_txt > span{
	display: block;
	text-align: left;
}
.vl_list .vl_case .expert_list li .el_txt > span:first-child{
	font-size: 13px;
	color:#1a1a1a;
	font-weight: normal;
	font-family:'Noto Sans KR';
}
.vl_list .vl_case .expert_list li .el_txt > span:last-child{
	color:#585858;
	font-weight: normal;
	font-size: 13px;
	font-family:'Noto Sans KR';
}
.vl_list .vl_case .expert_list li > a > img{
	width: 26px;
	height: 26px;
}

.inv_wrap{width:98%;margin:0 auto;position:relative; }
.inv_wrap .iw_case{width:100%;margin:0 5px 10px;padding:0 0 13px;line-height:60px;position:relative;}
.inv_wrap .iw_case .iw_thum{width:30%;height:80px;text-align:center;line-height:80px;float:left;}
.inv_wrap .iw_case .iw_thum img{height:80px;border:1px solid #ccc;}
.inv_wrap .iw_copy{width:66%;padding:0 2%;line-height:30px;position:relative;float:left;}
.inv_wrap .iw_copy b{font-size:16px;font-weight:600;}

.inv_wrap .iw_desc{margin:0 0 25px;}
.inv_wrap .iw_desc ul{margin:0;padding:0;}
.inv_wrap .iw_desc li{height:30px;margin:0 0 1px;padding:0 0 0 10px;line-height:30px;display:block;position:relative;}
.inv_wrap .iw_desc li.title{padding:5px 10px;font-size:16px;font-weight:700;}
.inv_wrap .iw_desc li span{width:64%;height:30px;padding:0 3%;text-align:left;line-height:30px;float:right;}

.inv_wrap .iw_tabs1,
.inv_wrap .iw_tabs2{
	margin:0;
	padding:0;
	height: auto;
}


.inv_wrap .iw_tabs1 .tabs-standard,
.inv_wrap .iw_tabs2 .tabs-standard{width:100%;}
.inv_wrap .iw_tabs1 .tabs-standard .sliderkit-nav,
.inv_wrap .iw_tabs2 .tabs-standard .sliderkit-nav{width:100%;height:34px;text-align:left;position:relative;}
.inv_wrap .iw_tabs1 .tabs-standard .sliderkit-nav-clip,
.inv_wrap .iw_tabs1 .tabs-standard .sliderkit-nav-clip{margin:0;}
.inv_wrap .iw_tabs1 .tabs-standard .sliderkit-nav-clip li:first{width:49.4%;}
.inv_wrap .iw_tabs2 .tabs-standard .sliderkit-nav-clip li:first{width:33%;}
.inv_wrap .iw_tabs1 .tabs-standard .sliderkit-nav-clip li{width:49.4%;height:34px;
	background-color:#efefef;
	border:1px solid #ccc;text-align:center;line-height:34px;}

.inv_wrap .iw_tabs2 .tabs-standard .sliderkit-nav-clip li{
	width:33%;
	height:40px;
	background-color:#fff;
	text-align:center;
	line-height:40px;
	border-bottom:3px solid #dfdfdf;
	border-top:1px solid #f5f5f5;
}
.inv_wrap .iw_tabs1 .tabs-standard .sliderkit-nav-clip li,
.inv_wrap .iw_tabs1 .tabs-standard .sliderkit-nav-clip li a,
.inv_wrap .iw_tabs2 .tabs-standard .sliderkit-nav-clip li,
.inv_wrap .iw_tabs2 .tabs-standard .sliderkit-nav-clip li a{float:left;}

.inv_wrap .iw_tabs1 .tabs-standard .sliderkit-nav-clip li a,
.inv_wrap .iw_tabs2 .tabs-standard .sliderkit-nav-clip li a{
	width:100%;height:40px;text-align:center;
	font-weight:bold;
	line-height:40px;
	text-decoration:none;
	color:#aaaaaa;
	font-family: 'NanumSquare';
	font-size: 15px;
}
.inv_wrap .iw_tabs1 .tabs-standard .sliderkit-nav-clip li.sliderkit-selected,
.inv_wrap .iw_tabs2 .tabs-standard .sliderkit-nav-clip li.sliderkit-selected{
	background-color:#fff;	
	border-bottom:3px solid #ef4545;
	}
.inv_wrap .iw_tabs1 .tabs-standard .sliderkit-nav-clip li.sliderkit-selected a,
.inv_wrap .iw_tabs2 .tabs-standard .sliderkit-nav-clip li.sliderkit-selected a{
	background-color:#fff;
	color:#585858;
	font-family: 'NanumSquare';
	font-size: 15px;
	font-weight: bold;
}

.inv_wrap .iw_tabs1 .tabs-standard .sliderkit-panels,
.inv_wrap .iw_tabs2 .tabs-standard .sliderkit-panels{width:100%;margin:0;padding:0;background:#fff;overflow:hidden;}
.inv_wrap .iw_tabs1 .tabs-standard .sliderkit-panel,
.inv_wrap .iw_tabs2 .tabs-standard .sliderkit-panel{width:100%;background:#fff;}
.inv_wrap .iw_tabs1 .tabs-standard .sliderkit-news,
.inv_wrap .iw_tabs2 .tabs-standard .sliderkit-news{margin:0;padding:15px 0;}



.inv_wrap2{
	width:100%;margin:0 auto;position:relative; padding:0; }
.inv_wrap2 > .tab {
	overflow: hidden;
	width: 100%;
	padding:0 15px;
  }
  .inv_wrap2 > .tab > .active:after{
	content: '';
	background: none;
  }
  /* Style the buttons inside the tab */
  .inv_wrap2 > .tab button {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	width: 50%;
	font-size: 15px;
	color: #aaa;
	border-bottom: 3px solid #dfdfdf;
  }
  
  /* Create an active/current tablink class */
  .inv_wrap2 > .tab button.active {
	color:#585858;
	border-bottom: 3px solid #ef4545;
	font-weight: bold;
	font-size: 15px;

  }
  
/* Style the tab content */
.inv_wrap2 > .tabcontent {
	display: none;
	border-top: none;
}
.inv_wrap2 > .tabcontent > ul{
	display: block;
	width: 100%;
}
.inv_wrap2 > .tabcontent > ul li {
	display: block;
	float:left;
	width: 49.5%;
	margin-right: 1%;
	margin-bottom: 2px;
	position: relative;
}
.inv_wrap2 > .tabcontent > ul li:nth-child(2n){
	margin-right: 0;
}

.inv_wrap2 > .tabcontent > ul li > img{
	width: 100%;
}
.inv_wrap2 > .tabcontent > ul li > span{
	position: absolute;
	display: block;
	background-color: rgba(0,0,0,0.68);
	z-index: 10;
	color:#fff;
	text-align: left;
	height: 50px;
	width: 100%;
	padding:5px;
	bottom:0;
	overflow-x: hidden;
}


.inv_wrap3{
	width:100%;margin:0 auto;position:relative; padding:0 15px;
}
.inv_wrap3 > .tab {
	overflow: hidden;
	width: 100%;
}
.inv_wrap3 > .tab > .active:after{
	content: '';
	background: none;
}
  /* Style the buttons inside the tab */
.inv_wrap3 > .tab button {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 10px;
	transition: 0.3s;
	width: 33%;
	font-size: 15px;
	color: #aaa;
	border-bottom: 3px solid #dfdfdf;
}
  
  /* Create an active/current tablink class */
.inv_wrap3 > .tab button.active {
	color:#585858;
	border-bottom: 3px solid #ef4545;
	font-weight: bold;
	font-size: 15px;

}
  
/* Style the tab content */
.inv_wrap3 > .tabcontent {
	display: none;
	border-top: none;
}
.inv_wrap3 > .tabcontent > ul{
	display: block;
	width: 100%;
}
.inv_wrap3 > .tabcontent > ul li {
	display: block;
	float:left;
	width: 49.5%;
	margin-right: 1%;
	margin-bottom: 2px;
	position: relative;
}
.inv_wrap3 > .tabcontent > ul li:nth-child(2n){
	margin-right: 0;
}

.inv_wrap3 > .tabcontent > ul li > img{
	width: 100%;
	
	height: 120px;
	
}
.inv_wrap3 > .tabcontent > ul li > span{
	position: absolute;
	display: block;
	background-color: rgba(0,0,0,0.68);
	z-index: 10;
	color:#fff;
	text-align: left;
	height: 50px;
	width: 100%;
	padding:5px;
	bottom:0;
	overflow-x: hidden;
}





/* #tab11 */
#tab11{
	margin-top: 4px;
	height: auto;
	overflow-y: auto;
	padding:0 15px;
}


/* #tab22 */
#tab22 > h4, #tab22 > h4{
	color:#585858;
	font-size: 14px;
	font-family:'Noto Sans KR';
	font-weight: bold;
	margin-bottom: 10px;
	padding:0 15px;
	margin-top: 10px;
}
#tab22> h4 > em{
	font-size: 14px;
}
#tab22 > .tab_none{
	background-color: #f5f5f5;
	height: 93px;
	margin: 0 15px;
}
#tab22 > .tab_none p {
	color:#aaa;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	margin:0 auto;
	display: block;
	width: 100%;
	line-height: 93px;
	font-family:'Noto Sans KR';
}
#tab22 > .mySwiper,
#tab22 > .mySwiper2 {
	width: 100%;
	height: auto;
	padding:0 15px !important;
  }

#tab22 > .mySwiper > .swiper-wrapper > .swiper-slide,
#tab22 > .mySwiper2 > .swiper-wrapper > .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}





.not_wrap{padding:0;border-bottom:1px solid #f5f5f5;position:relative;}
.not_wrap .nw_thum{width:120px;max-height:65px;margin:0 10px 0 0;vertical-align:middle;float:left;overflow:hidden;}
.not_wrap .nw_thum img{width:100%;}
.not_wrap .nw_tit{margin: 0 auto;}
.not_wrap .nw_tit2{
	line-height:68px; 
	height: 68px;
	color:#aaa;
	font-weight: 500;
	font-size: 13px;
	border-bottom:2px solid #f5f5f5;
	display: flex !important;
	justify-content: space-evenly;
	flex-direction: row;
	align-items: center;
}

.not_wrap .nw_tit2 > select#ca_select{
	width: 100%;
	text-align: center;
	margin: 0 auto;
	border:none;
	font-size: 15px;
	font-weight: bold;
	font-family:'Noto Sans KR';
	color:#585858;	
	appearance:none;
	padding:0;
	line-height: 70px;
	height: 70px;
	text-align: center !important;
	text-align-last: center !important;
	-ms-text-align-last: center !important;
	-moz-text-align-last: center !important;
	max-width: 120px;
	vertical-align:middle ;
}

.not_wrap .nw_tit2 > select#ca_select option{
	width: 100%;
	margin:0 auto;
	color:#585858;
	text-align: center !important;
	text-align-last: center !important;
	-ms-text-align-last: center !important;
	-moz-text-align-last: center !important;
	max-width: 120px;
	vertical-align:middle ;
}



/******/


  :root {
	--dark-green: #9cc675;
	--dark-yellow: #e89a3d;
	--extra-light-brown:#fdf0d7;
	--light-brown: #ecd5ab;
	--dark-brown:#915b40;
	--light-yellow:#f8e3a8;
	--light-red:#f3ac99;
	--light-teal:#a6c8cc;
	--light-gray:#ddd5d6;
	--theme-color2: #ef4545;
	--theme-color1: #e89a3d;
  }
  
  .site-logo {
	width: 218.33px !important;
	margin-right: 50px;
  }
  
  .btn {
	border-radius: 5px;
	font-weight: normal;
	font-size: 15px;
	letter-spacing: 0.02em;
	line-height: 12px;
	text-align: center;
	font-weight: 600;
	font-size: 14px;
	padding: 14px 30px;
	cursor: pointer;
  }
  
  .btn-theme {
	background: var(--theme-color1);
	color: #212121;
  }
  
  .c-container {
	margin: auto;
	width: 93%;
	position: relative;
	z-index: 1;
  }
  
  .btn-outline-white {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.1);
	background-image: none;
	border-width: 2px;
	border-color: #fff;
	font-weight: 500;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
  }
  
  .btn {
	border-radius: 5px;
	font-weight: normal;
	font-size: 15px;
	letter-spacing: 0.02em;
	line-height: 12px;
	text-align: center;
	font-weight: 600;
	font-size: 14px;
	padding: 14px 30px;
	cursor: pointer;
  }
  
  .btn-outline-white:hover {
	background-color: #fff;
	color: var(--text-dark);
  }
  
  /* common css up */
  .search-form-box {
	position: relative;
  }
  
  .search-form-box.top-search .input-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  }
  
  .search-form-box .input-group, .ui-select {
	height: 65px;
  }
  
  .search-form-box.top-search .input-group input {
	padding-left: 20px;
	width: 59%;
	font-size: 15px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background: #e89a3d14;
  }
  
  .search-form-box .form-control {
	padding-left: 20px;
  }
  
  .search-form-box .form-control {
	border: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
  }
  
  .form-control:not(textarea) {
	height: 43px;
  }
  
  .form-control {
	border-radius: 4px;
	background: #fff;
	border: 1px solid #ccc;
	width: 100%;
	padding: 15px;
	font-size: 14px;
  }
  

  .center-box {
	width: 200px;
	margin: 40px auto;
  }
  
  .ui-select {
	position: relative;
	width: 100%;
	background: #fff;
	white-space: nowrap;
  }
  
  .ui-select > span {
	line-height: 65px;
	display: block;
	cursor: pointer;
	background: #fff;
	height: 100%;
	position: relative;
	padding-right: 30px;
	padding-left: 20px;
	font-size: 15px;
    font-weight: bold;
    font-family: 'Noto Sans KR';
    color: #585858;
  }
  
  .ui-select ul {
	list-style: none;
	padding: 0;
	margin: 0;
	transform-origin: top;
	animation-fill-mode: forwards;
	-webkit-transform: scaleY(0);
	display: block;
	transition: all 0.1s ease-out;
	width: 100%;
	background: #fff;
	max-height: 400px;
	overflow-y: auto;
	position: relative;
	z-index: 10000;
	margin-top: -1px;
	border-top: none;
	border-radius: 5px;
	box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
  }
  
  .ui-select li {
	cursor: pointer;
	padding: 15px 25px;
  }
  
  .ui-select li:hover {
	background: #f1f1f1;
	color: var(--theme-color2);
  }
  
  .ui-select.open ul {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
  }
  
  .ui-select.open li.selected {
	color: var(--theme-color2);
  }
  
  .ui-select ul li {
	transform: translate(0px, -20px);
	opacity: 0;
  }
  
  .open.ui-select ul li {
	transform: translate(0px, 0px);
	transition: all 0.4s;
	opacity: 1;
	text-align: center;
	font-size: 14px;
  }
  
  .ui-select > span:after {
	content: "";
	background: url(../images/icon/accordian_arrow_R.png) no-repeat;
	width: 27px;
	height: 20px;
	display: block;
	position: absolute;
	right: 320px;
	top: 0;
	bottom: 0;
	margin: auto;
  }
  
  .search-form-box .input-group, .ui-select {
	height: 65px;
  }
  
  .search-form-box .form-control {
	border: none;
	outline: 0;
	box-shadow: none;
  }
  
  .search-btn {
	padding-right: 20px;
	padding-left: 20px;
  }
  
  .search-form-box {
	position: relative;
  }
  
  .search-form-box .drop-menu {
	position: absolute;
	left: 0;
	padding: 0;
	background: #fff;
	top: 65px;
	width: 100%;
	-webkit-transition: all 0.2s cubic-bezier(0.68, 0, 0.265, 1);
	transition: all 0.2s;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: 0 0;
	transform-origin: top left;
	box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  }
  
  .search-form-box .drop-menu li {
	display: block;
	width: 100%;
	opacity: 0;
	transform: translateY(-20px);
  }
  
  .search-form-box .open.drop-menu li {
	display: block;
	transition: all 0.4s;
	opacity: 1;
	transform: translateY(0px);
  }
  
  .search-form-box .open.drop-menu {
	-webkit-transform: scale(1);
	transform: scale(1);
	transition-timing-function: cubic-bezier(0.68, 0, 0.265, 1);
  }
  
  .s-tag {
	width: 41px;
	height: 36px;
	background: transparent;
	color: #212121;
	border-radius: 3px;
	background: var(--theme-color1);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	margin-right: 20px;
  }
  
  .suggestion-search-menu .suggestion-anchor {
	text-decoration: none;
	display: flex;
	justify-content: space-between;
  }
  
  .suggestion-search-menu .suggestion-anchor h5 {
	font-weight: 500;
	color: #212121;
	font-size: 16px;
	margin: 0;
  }
  
  .suggestion-search-menu .suggestion-anchor p {
	color: #888888;
	font-size: 14px;
	font-weight: 300;
	margin: 0;
	text-align: left;
  }
  
  .suggestion-search-menu .sright {
	text-align: right;
  }
  
  .suggestion-search-menu .sright p {
	text-align: right;
  }
  
  .search-form-box .drop-menu {
	margin-top: 5px;
	border-radius: 3px;
  }
  
  .search-form-box .drop-menu li {
	padding: 15px 20px;
  }
  
  .search-form-box .drop-menu li:hover h5 {
	color: var(--theme-color2);
  }
  
  .search-form-box .form-control {
	padding-left: 20px;
  }
  
  .search-form-box.top-search .input-group input {
	padding-left: 20px;
	width: 59%;
	font-size: 15px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
  }
  
  h1, a, li {
	font-family: Roboto, sans-serif;
  }
  
  a, li {
	color: #6b6b6b;
	text-decoration: none;
  }
  
  .nav > li {
	list-style: none;
	float: left;
	display: block;
  }
  
  .nav > li a {
	display: block;
	padding: 13px 15px;
	cursor: pointer;
  }
  
  .drop {
	position: relative;
	cursor: pointer;
  }
  
  .drop .drop-menu {
	width: 120px;
	background: #fff;
	z-index: 100;
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	left: 0;
	top: 3em;
	-webkit-transition: all 0.2s cubic-bezier(0.68, 0, 0.265, 1);
	transition: all 0.2s;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: 0 0;
	transform-origin: top left;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
	padding: 12px 15px;
	margin-left: 10px;
  }
  
  .drop .drop-menu li {
	display: block;
	width: 100%;
	opacity: 0;
	transform: translate(-20px, 0px);
  }
  
  .drop.open .drop-menu li {
	display: block;
	transition: all 0.4s;
	opacity: 1;
	transform: translate(0px, 0);
	display: inline;
  }
  
  .drop.open .drop-menu {
	-webkit-transform: scale(1);
	transform: scale(1);
	transition-timing-function: cubic-bezier(0.68, 0, 0.265, 1);
  }
  
  .search-form-box.top-search .input-group .search-btn {
	position: absolute;
	right: 0;
	top: 0;
	height: 65px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background: var(--theme-color2);
	border: none;
  }
  
  .media {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  }
  
  .top-search .ui-select {
	width: 222px;
  }
  
  .search-form-box .input-group, .ui-select {
	height: 65px;
  }
  
  /* .container {
	position: relative;
	max-width: 740px;
	margin: 100px auto;
  } */
  
  .card-view {
	-webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.05);
	border-radius: 4px;
	padding: 22px;
	margin-bottom: 20px;
	background: #fff;
	border: 1px solid var(--theme-color1);
  }
/******/













.not_wrap .nw_tit2 > a{
	cursor:pointer;
	font-size: 13px;
	font-weight: 500;
	color:#aaa;
	font-family:'Noto Sans KR';
}
.not_wrap .nw_tit2 > a:nth-child(2) {
	font-size: 18px;
	font-weight: 500;
	color:#585858;
	font-family:'Noto Sans KR';
}

.not_wrap .nw_tit_title{
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	font-family:'Noto Sans KR';
	color:#ef4545;
	margin-top:10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f5f5f5;
}

.nw_tit img{
	width: 20px;
	margin-right:5px;
}
.not_wrap .nw_txt{font-size:12px;line-height:20px;letter-spacing:-1px;}
.not_wrap .nw_copy{margin:10px 0;padding:10px 0;border-top:1px solid #ccc;line-height:20px; display:block;}
.not_wrap .nw_copy .nc_img{width:100%;max-width:700px;margin:0 auto 15px;display:block;}
.not_wrap .nw_copy .nc_img img{width:100%;}
.not_wrap .nw_rtxt{text-align:right;line-height:20px;}
.not_wrap .nw_btn{width:40px;height:40px;background-color:#fff;position:absolute;right:0;top:10px;}
.not_wrap .nw_stick{margin:0 6px;color:#999;}
.not_wrap .nwbn{cursor:pointer;}
.not_wrap b {
	color:#1a1a1a;
	font-weight:normal;
	font-size: 14px;
	font-family:'Noto Sans KR';
}
.not_wrap_n span{
	display: block;
	background-color: #f5f5f5;
	text-align: center; 
	font-size: 14px;
	padding:20px;
	color:#aaaaaa;
	font-weight: 500;
	height: 93px;
	line-height: 93px;
	margin:0 15px;
}

.tuja_aa .not_wrap p{
	margin:5px auto 0;
	width: 100%;
}

.not_wrap p {
	margin:0 auto;
	width: 100%;
	display: block;
}
.not_p{
	padding:10px 15px 10px;

}


.not_more{width:98%;height:30px;margin:0 auto;background-color:#ddd;border:1px solid #ccc;border-radius:3px;color:#333;line-height:30px;display:block;}
.not_more .nm_date{margin:0 10px;font-size:11px;}


.aca_wrap{width:98%;margin:0 auto 15px;position:relative;}
.aca_wrap .aw_content{padding:20px 10px;background-color:#efefef;}
.aca_wrap .aw_content img{width:100%;}


.cont_wrap{width:98%;margin:0 auto;position:relative;}
.cont_wrap .cw_scorll{height:100px;padding:10px;border:1px solid #ccc;overflow:hidden;overflow-x:hidden;overflow-y:scroll;}
.cont_wrap .cw_lbox{margin:0 0 20px;padding:10px;border:1px solid #ccc;}
.cont_wrap .cw_copy{height:40px;margin:5px 0 10px;line-height:40px;position:relative;}

.cw_copy b{
	margin-left:10px;
}
.cont_wrap .cw_copy span{width:30%;position:absolute;right:0;}


#bottomtable{font-size:10px}






/************************************************
*		SLIDER									*
************************************************/

.flex-container a:hover,
.flex-slider a:hover {
	outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
.flex-pauseplay span {
	text-transform: capitalize;
}
/* --------------------------------------------
 * BASE STYLES
 * --------------------------------------------*/
 .slider {
	margin:0;
	padding: 0;
}
.flexslider {
	padding: 0;

}
.flexslider .slides > li {
	display:none;
	-webkit-backface-visibility:hidden;
	overflow:hidden;
}
.flexslider .slides img {
	width:100%;
	display:block;
}
.flexslider .slides:after {
	height:0;
	line-height:0;
	display:block;
	clear:both;
	visibility:hidden;
}
html[xmlns] .flexslider .slides {
	display:block;
}
* html .flexslider .slides {
	height:1%;
}
.no-js .flexslider .slides > li:first-child {
	display:block;
}
/* --------------------------------------------
 * DEFAULT THEME
 * --------------------------------------------*/
.vod_wrap{width:100%; }
.vod_wrap .vod_bn{width:100%;background-color:#efefef;position:relative;}
.vod_wrap .vod_bn .vb{
	padding-top:26%;
	position:absolute;
	right:0;
	display:block;
}
.vod_wrap .vod_bn img {width:100%;}

.vod_wrap .vod_bn2{
	width:100%;
	background-color:#000;
}
.vod_wrap .vod_bn2 .vb2{
	display: flex;
	justify-content: center;
}
.vod_wrap .vod_bn2 .vb2 i{
	font-size: 50px;
	color:#fff;
	z-index: 10;
	position: absolute;
	top:30px;
}
.vod_wrap .vod_bn2 .vb2 span{
	font-size: 16px;
	line-height: 25px;
	color:#fff;
	z-index: 10;
	position: absolute;
	top:120px;
	
}
.vod_wrap .vod_bn2 img {
	background: #000;
	width:100%;
	filter: blur(5px);

}

.vod_wrap .vod_txt{
	margin:10px 0;
	padding:0 5px;
	background-color:#fff;
	text-align:center;line-height:24px;}
.vod_wrap .vod_txt ul li img{
	width: 30px;
	height: 30px;
	background-color:rgb(196, 195, 195);
	border-radius: 50%;
}


.flexslider {
	margin:0;
	background:#fff;
	position:relative;
	zoom:1;
	-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
	zoom:1;
}
.flexslider .slides img {
	height:auto;
	-moz-user-select:none;
}
.flex-viewport {
	max-height:2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.loading .flex-viewport {
	max-height:300px;
}
.carousel li {
	margin-right:5px;
}
.flex-direction-nav {
	height:0;
}
.flex-direction-nav a {
	width:40px;
	height:40px;
	margin:-20px 0 0;
	text-decoration:none;
	font-size:0 !important;
	color:rgba(0, 0, 0, 0.8);
	position:absolute;
	top:50%;
	z-index:10;
	display:block;
	overflow:hidden;
	opacity:0;
	cursor:pointer;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.flex-direction-nav .flex-prev {
	background:url(https://m.etomato.com/mbcw/images/icon/arrow_prev.png) no-repeat;
	left:-60px;
	top:40%;
}
.flex-direction-nav .flex-next {
	background:url(https://m.etomato.com/mbcw/images/icon/arrow_next.png) no-repeat;
	text-align: right;
	right:-60px;
	top:40%;
}
.flexslider:hover .flex-direction-nav .flex-prev {
	opacity: 0.7;
	left: 0;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
	opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
	opacity: 0.7;
	right: 0;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
	opacity: 1;
}
.flex-direction-nav .flex-disabled {
	opacity: 0!important;
	filter: alpha(opacity=0);
	cursor: default;
	z-index: -1;
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -40px;
	text-align: center;
}
.flex-control-nav li {
	margin:0 6px;
	display:inline-block;
	zoom:1;
	display:inline;
}
.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #666;
	background: rgba(0, 0, 0, 0.5);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	display:none;
}
.flex-control-paging li a:hover {
	background: #333;
	background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
	background: #000;
	background: rgba(0, 0, 0, 0.9);
	cursor: default;
}
.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}
.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}
.flex-control-thumbs img {
	width: 100%;
	height: auto;
	display: block;
	opacity: .7;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.flex-control-thumbs img:hover {
	opacity: 1;
}
.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}
@media screen and (max-width: 1980px) {
	.ui-select > span:after {
		content: "";
		background: url(../images/icon/accordian_arrow_R.png) no-repeat;
		width: 27px;
		height: 20px;
		display: block;
		position: absolute;
		right: 45%;
		top: 0;
		bottom: 0;
		margin: auto;
	}
}
@media screen and (max-width: 1200px) {
	.ui-select > span:after {
		content: "";
		background: url(../images/icon/accordian_arrow_R.png) no-repeat;
		width: 27px;
		height: 20px;
		display: block;
		position: absolute;
		right: 40%;
		top: 0;
		bottom: 0;
		margin: auto;
	}
}
@media screen and (max-width: 1024px) {
	.ui-select > span:after {
		content: "";
		background: url(../images/icon/accordian_arrow_R.png) no-repeat;
		width: 27px;
		height: 20px;
		display: block;
		position: absolute;
		right: 420px;
		top: 0;
		bottom: 0;
		margin: auto;
	}
}
@media screen and (max-width: 860px) {
	.flex-direction-nav .flex-prev {
		opacity: 1;
		left: -10px;
		top:35%;
	}
	.flex-direction-nav .flex-next {
		opacity: 1;
		right: -10px;
		top:35%;
	}
	.ui-select > span:after {
		content: "";
		background: url(../images/icon/accordian_arrow_R.png) no-repeat;
		width: 27px;
		height: 20px;
		display: block;
		position: absolute;
		right: 40%;
		top: 0;
		bottom: 0;
		margin: auto;
	}
}


@media screen and (max-width: 480px) {
	.ui-select > span:after {
		content: "";
		background: url(../images/icon/accordian_arrow_R.png) no-repeat;
		width: 27px;
		height: 20px;
		display: block;
		position: absolute;
		right: 31%;
		top: 0;
		bottom: 0;
		margin: auto;
	}
}



/************************************************
*		FOOT									*
************************************************/

#footer a:hover, #footer a:active{text-decoration:underline !important;}


#footer > .footer_readmore, .footer_readmore {
	background-color: #dfdfdf;
	width: 100%;
	height: 40px;
	position:fixed;
	bottom:55px;
	left: 15px;
}
.footer_readmore {
	margin-left: -15px;
}
#footer > .footer_readmore > a,
.footer_readmore > a {
	color:#1a1a1a;
	display: block;
	line-height: 40px;
	height: 40px;
	font-size: 15px;
	font-weight: normal;
	font-family:'Noto Sans KR';
	padding:10px auto;
}



.phone{background-color:#efefef;padding:5px 0;font-size:0.9em;font-weight:600;color:#c00000;line-height:1.5em;}
.phone a{color:#c00000;}
.fmenu{margin:5px auto;font-size:0.9em;font-weight:600;color:#000;line-height:1.6em;}
.fmenu a{color:#000;}
.phone span, .fmenu span{color:#999 !important;}
.copyright{padding:0 10px;font-size:0.75em;color:#999;line-height:1.6em;}






/************************************************
*		TABLE									*
************************************************/

.w15p{width:15%;}
.w20p{width:20%;}
.w30p{width:30%;}
.w33p{width:33.1%;}
.w40p{width:40%;}
.w49p{width:49.8%;}
.w50p{width:50%;}
.w60p{width:60%;}
.w70p{width:70%;}
.w80p{width:80%;}
.w90p{width:90%;}
.w94p{width:94%;}
.w96p{width:96%;}
.w100p{width:100%;}

.tbl_type, .tbl_type th, .tbl_type td{border:0}
.tbl_type{width:100%;margin:0 0 30px;border-bottom:1px solid #ccc;font-size:13px;text-align:center;border-collapse:collapse}
.tbl_type caption{display:none}
.tbl_type th{padding:7px 10px 4px;border-top:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;background-color:#ddd;color:#666;font-size:14px;font-weight:bold}
.tbl_type td{padding:6px 10px 4px;border:1px solid #ccc;background-color:#efefef;color:#666}

.tbl_type1, .tbl_type1 th, .tbl_type1 td{margin:0;padding:0;border:0;}
.tbl_type1{width:100%;margin:0 0 30px;border-bottom:1px solid #ccc;border-collapse:collapse;text-align:center;}
.tbl_type1 caption{display:none}
.tbl_type1 th{padding:5px 10px;border-top:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;background-color:#999;font-weight:bold;color:#fff;}
.tbl_type1 td{padding:5px 10px;border:1px solid #ccc;}
.tbl_type1 td.sti{background-color:#f2f2f2;font-weight:500;color:#666;}
.tbl_type1 td.copy{padding:15px 10px;line-height:24px !important;}
.tbl_type1 .btxt{font-size:15px;font-weight:600;line-height:22px !important;}
.tbl_type1 .stxt{margin:0 0 5px;font-size:11px;letter-spacing:-1px;line-height:20px !important;}

.tbl_type2{width:100%;margin:0 0 30px;}
.tbl_type2 caption{display:none}
.tbl_type2 th, .tbl_type2 td{margin:0;padding:3px 0;border:0}
.tbl_type2 th{text-align:center;font-weight:600;line-height:22px;}
.tbl_type2 td{line-height:22px;}
.tbl_type2 .btxt{font-size:15px;font-weight:600;}
.tbl_type2 .btxt span{font-size:15px;font-weight:600;}
.tbl_type2 .stxt{font-size:11px;letter-spacing:-1px;}

.tbl_type3{width:100%;margin:0 0 30px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.tbl_type3 caption{display:none}
.tbl_type3 th, .tbl_type3 td{margin:0;padding:5px 0;border:0}
.tbl_type3 th{text-align:center;font-weight:600;line-height:22px;}
.tbl_type3 td{line-height:22px;}

.tbl_type4{width:100%;margin:0 0 30px;}
.tbl_type4 caption{display:none}
.tbl_type4 thead{border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.tbl_type4 th, .tbl_type4 td{margin:0;padding:3px 0;border:0}
.tbl_type4 th{text-align:center;font-weight:600;line-height:22px;}
.tbl_type4 td{line-height:22px;}

.tbl_type5{width:100%;margin:0 0 10px;border:1px solid #ccc;}
.tbl_type5 caption{display:none}
.tbl_type5 th, .tbl_type5 td{margin:0;padding:3px 5px;border:0}
.tbl_type5 th{text-align:center;font-weight:600;line-height:22px;}
.tbl_type5 td{line-height:22px;}
.tbl_type5 .btxt{font-size:15px;font-weight:600;}
.tbl_type5 .btxt span{font-size:15px;font-weight:600;}
.tbl_type5 .stxt{font-size:11px;letter-spacing:-1px;}

.login_type{width:100%;margin:0 0 20px;padding:10px 5px;text-align:center;font-size:14px;position:relative;}

.login_type caption{display:none}
.login_type th{padding:5px 10px;font-weight:bold}
.login_type td{padding:5px 10px;}
.login_type .ltxt{text-align:left;line-height:30px;}
.login_type .rtxt{text-align:right;line-height:30px;}
.login_type .rbtn{padding:7px 10px 0 10px;text-align:center;}
.login_type .rbtn input{width:85%;max-width:200px;height:95px;}
.login_type .rbtn2{margin:0 0 5px;padding:0 10px 0 10px;text-align:center;}
.login_type .rbtn2 input{width:85%;max-width:280px;height:93px;}
.login_type .l_inp{width:60%;float:left;}
.login_type .r_btn{width:23%;margin:0 0 0 5px;padding:0 5px;float:left;}
.login_type .r_btn2{width:23%; margin:0 0 0 5px; padding:0 5px;float:left;}
.login_type .l_inp2{width:33%;margin:0 1% 5px 0;float:left;}
.login_type .l_inp3{width:33%;margin:0 1% 5px;float:left;}
.login_type .l_inp4{width:40%;margin:0 1% 5px 0;float:left;}
.login_type .l_inp5{width:27%;margin:0 1% 5px;float:left;}
.login_type .l_inp6{
	width:27%;float:left; margin:0 2%;
	margin-right:0;
}
.login_type .r_sel{width:60%;margin:0;padding:0;float:left;}
.login_type .r_sel2{width:90%;margin:0;padding:0;float:left;}


/* --------------------------------------------
 * Writer Box
 * --------------------------------------------*/

.cb_usr_area{padding-left:10px;background-color:#efefef;position:relative;clear:both;z-index:30;_zoom:1}
.cb_usr_area input, .cb_usr_area textarea{background-color:#fff;}
.cb_usr_area:after{display:block;clear:both;content:''}
.cb_usr_area .cb_section{margin:10px 0 8px;zoom:1}
.cb_usr_area .cb_section:after{display:block;overflow:hidden;clear:both;content:''}
.cb_usr_area .cb_btn_area{width:100%;float:left}
.cb_usr_area .cb_section{width:100%;margin-top:8px;float:left;}
.cb_usr_area .cb_section input{margin:7px 0;}


.cb_lstcomment{width:100%;margin:5px 0 15px;position:relative;}
.cb_lstcomment li{border-top:1px solid #ccc;vertical-align:top;position:relative;zoom:1}
.cb_lstcomment .cb_thumb_off{z-index:10}
.cb_lstcomment .cb_thumb_off .cb_comment_area{padding-left:0;}
.cb_lstcomment .cb_thumb_off li.cb_thumb_on{padding-left:80px}
.cb_lstcomment .cb_thumb_off li.cb_thumb_off{padding-left:30px}
.cb_lstcomment .cb_thumb_off li.cb_thumb_on li.cb_thumb_off,.cb_lstcomment .cb_thumb_off li.cb_thumb_on li.cb_thumb_on{margin-left:-30px}
.cb_lstcomment li .cb_comment_area{margin-top:1px}
.cb_lstcomment .cb_section span,.cb_lstcomment .cb_section div,.cb_lstcomment .cb_section a,.cb_lstcomment .cb_section em,.cb_lstcomment .cb_section input,.cb_lstcomment .cb_section td{vertical-align:middle}

.cb_nick_name{display:inline-block;display:inline;padding-left:1px;color:#333;font-weight:600;}
.cb_nick_name a{display:inline-block;_position:relative;margin:-1px 0 0;color:#333;font-size:12px;font-weight:bold;letter-spacing:-1px}
.cb_date{margin-left:10px;font-size:11px;color:#999}

.cb_lstcomment .cb_dsc_comment{padding:0 0 10px 1px;color:#555;line-height:20px;overflow:hidden;clear:both;}
.cb_lstcomment .cb_dsc_comment .cb_dsc{font-size:13px;color:#777;}
.cb_lstcomment .cb_dsc_comment .cb_dat{font-size:12px;color:#777;letter-spacing:-1px;}
.cb_lstcomment .cb_bu_subnode{width:14px;height:14px;background:url(https://m.etomato.com/mbcw/images/icon/re_icon.png) no-repeat;position:absolute;top:3px;left:6px;overflow:hidden;}
.cb_lstcomment .cb_dsc_comment{overflow:hidden;clear:both;padding:0 0 5px 1px;color:#555;line-height:20px}
.cb_info_area{overflow:hidden;padding:3px 0 5px;zoom:1}

.cb_comment_area .cb_section2{height:15px;padding-left:6px;color:#666;position:absolute;bottom:9px;bottom:7px;right:0;}
.cb_comment_area .cb_section2 span{padding:0 6px 0 9px;font-size:12px;color:#666;display:inline-block;overflow:hidden;}
.cb_comment_area .cb_section2 span.cb_nobar{margin-left:-6px;padding:0 10px 0 0;background:none;}
.cb_comment_area .cb_section2 span.cb_nobar a{color:#333;}
.cb_comment_area .cb_section2 span.cb_first{background:none}
.cb_comment_area .cb_section2 a{margin-right:5px;color:#aaa}
.cb_comment_area .cb_section2 a:hover{color:#333;text-decoration:underline}
.cb_comment_area .cb_section2 span span{padding:0;background:none;color:#ccc;font-size:10px}

.cb_section3{height:15px;text-align:right;font-size:12px;}
.cb_section3 a{color:#333;}
.cb_section3 span{margin:0 5px;}






/************************************************
*		PAGING									*
************************************************/

/* Paginate */
.responsivePaginate{
	margin:2em 0;
	text-align:center;
	font-size:1em;
	line-height:1em;
	white-space:nowrap;
}
.responsivePaginate img{margin:0 0 5px;vertical-align:middle;}

.responsivePaginate span, .responsivePaginate div{
	margin:0 .25em 0 .25em;
	padding:.20em .5em;
	background-color:#e44c65;
	border:1px solid #bcbcbc;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	color:#fff !important;
	line-height:1em;
	visibility:hidden;
	display:inline;
}


.responsivePaginate a{
	margin:0 .25em 0 .25em;
	padding:.20em .5em;
	color:#e44c65 !important;
	text-decoration:none;
	background-color:#eef;
	border:1px solid #bcbcbc;
	background-image:-webkit-linear-gradient(top, #ffffff 0%, #efefef 100%);

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	text-shadow:1px 1px 0px #fff;
}

.responsivePaginate a.next{background:url(https://m.etomato.com/mbcw/images/btn/btn_page_next.gif) no-repeat center 50%;}
.responsivePaginate a.prev{background:url(https://m.etomato.com/mbcw/images/btn/btn_page_prev.gif) no-repeat center 50%;}

.responsivePaginate a:hover{
	background-color:#e44c65;
	background-image:-webkit-linear-gradient(top, #e44c65 0%, #e44c65 100%);
	color:#fff !important;
	text-shadow:1px 1px 0px #660b1a;
}

.responsivePaginate a:hover.next{background:url(https://m.etomato.com/mbcw/images/btn/btn_page_next.gif) no-repeat center 50%;}
.responsivePaginate a:hover.prev{background:url(https://m.etomato.com/mbcw/images/btn/btn_page_prev.gif) no-repeat center 50%;}






/************************************************
*		POPUP									*
************************************************/

.bg_over{
	width:100%;
	background:#000;
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter:alpha(opacity=50);
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	opacity:0.5;
	position:absolute;
	top:0;
	left:0;
    filter: alpha(opacity=50);
}
.bg_over2{
	z-index:1000;
	width:100%;
	height:68.8%;
	background:rgba(0, 0, 0, 0.6);
	position:absolute;
	top:0;
	left:0;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.bg_over2 > img {
	z-index:20;
	position:absolute;
	top:30%;
	left:50%;
	transform: translate(-50%, -50%);
}
.bg_over2 > p {
	z-index:21;
	position:absolute;
	display: block;
	top:60%;
	left:50%;
	transform: translate(-50%, -50%);
	color:#fff;
	font-family: 'NanumSquare';
	font-size: 17px;
	line-height: 25px;
	margin: 0 auto;
	width: 178px;
	font-weight: bold;
}


.bg_over3{
	z-index:1000;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.6);
	position:absolute;
	top:0;
	left:0;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.bg_over3 > img {
	z-index:20;
	position:absolute;
	top:40%;
	left:50%;
	transform: translate(-50%, -50%);
}
.bg_over3 > p {
	z-index:21;
	position:absolute;
	display: block;
	top:65%;
	left:50%;
	transform: translate(-50%, -35%);
	color:#fff;
	font-family: 'NanumSquare';
	font-size: 17px;
	line-height: 25px;
	margin: 0 auto;
	width: 178px;
	font-weight: bold;
}
html, body{height:100%;margin:0 auto;}
.mw_login{width:100%;height:100%;display:none;position:fixed;_position:absolute;top:0;left:0;z-index:10000;}
.mw_login.open{display:block}
.mw_login .bg{width:100%;height:100%;position:absolute;top:0;left:0;}
#login{width:302px;min-height:300px;margin:-150px 0 0 -194px;padding:10px 28px 0 28px;font-size:12px;font-family:Tahoma, Geneva, sans-serif;color:#767676;line-height:normal;white-space:normal;background:url(img/op_blink.png);position:absolute;left:50%;top:50%;}

.top_cover{width:358px;height:24px;position:absolute;left:0;top:-24px;overflow:hidden;z-index:10000000;}
.top_cover .tl_corner{width:24px;height:24px;position:absolute;left:0;top:0;}
.top_cover .tc_bar{width:310px;height:24px;position:absolute;left:24px;top:0;}
.top_cover .tr_corner{width:24px;height:24px;position:absolute;right:0;top:0;}

.process{margin-bottom:20px;text-align:center;}
.svn_title{margin-bottom:25px;text-align:center;font-size:20px;font-weight:bold;color:#fff;}

.input_wrap{text-align:center;}
.input_wrap input{width:282px;height:28px;margin-bottom:5px;padding:5px 10px;border:1px solid #e1e1e1;font-weight:bold;color:#767676;}

.svn_login{margin-top:15px;padding-bottom:15px;text-align:center;border-bottom:1px solid #e1e1e1;}
.svn_btn{margin-top:15px;text-align:center;}
.set_btn{margin:25px 0;text-align:center;}

.svn_loading{margin:25px 0;padding:20px 0;background-color:#fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center;font-weight:bold;color:#a6a6a6;letter-spacing:-1px;}
.svn_loading img{margin-right:5px;vertical-align:middle;}

.svn_loadf{margin:25px 0;padding:20px 0;background-color:#fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center;font-size:18px;font-weight:bold;letter-spacing:-1px;}

.svn_confirm{margin-top:15px;padding-bottom:15px;text-align:center;}

.under_cover{width:358px;height:24px;position:absolute;left:0;bottom:-24px;overflow:hidden;z-index:10000000;}
.under_cover .bl_corner{width:24px;height:24px;position:absolute;left:0;bottom:0;}
.under_cover .bc_bar{width:310px;height:24px;position:absolute;left:24px;bottom:0;}
.under_cover .br_corner{width:24px;height:24px;position:absolute;right:0;bottom:0;}


.popup_wrap{width:85%;padding:0;position:absolute;left:5%;top:90px;display:none;z-index:51;}
.popup_wrap .pw_title{width:100%;height:50px;background-color:#ef4545;text-align:center;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.popup_wrap .pw_title .pw_ti{
	width:66%;
	height:50px;
	padding:0 2%;
	font-size:17px;
	font-weight:600;
	color:#fff;
	line-height:50px;
	font-family:'Noto Sans KR';
}
.popup_wrap .pw_title a{
	position:absolute;
	right:15px;
	height: 50px;
	line-height: 50px;
	
}

.popup_wrap .pw_title .pw_btn{width:26%;height:40px;padding:0 2%;text-align:right;font-size:15px;font-weight:bold;color:#fff;line-height:40px;float:right;}

.popup_wrap .pw_content{
	padding:0 0 20px;
	background-color:#fff;
	font-size:14px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	overflow-y:scroll ;
}
.popup_wrap .pw_content img{
	width: 100%;
	text-align: center;

}
#RegArea > .pw_content .pw_con_text,
#RegArea2 > .pw_content .pw_con_text,
#RegArea3 > .pw_content .pw_con_text,
#RegArea4 > .pw_content .pw_con_text,
#RegArea5 > .pw_content .pw_con_text,
#RegArea6 > .pw_content .pw_con_text  {
	text-align: left;
	padding:20px;
	overflow-y: scroll;
	height: 400px;
}
#RegArea > .pw_content .pw_con_text > h5,
#RegArea2 > .pw_content .pw_con_text > h5,
#RegArea3 > .pw_content .pw_con_text > h5,
#RegArea4 > .pw_content .pw_con_text > h5,
#RegArea5 > .pw_content .pw_con_text > h5,
#RegArea6 > .pw_content .pw_con_text > h5{
	font-weight: bold;
	display: block;
	color:#1a1a1a;
	font-size: 16px;
	text-align: center;
	font-family:'Noto Sans KR';
	padding-top: 20px;
}
#RegArea > .pw_content .pw_con_text > em,
#RegArea2 > .pw_content .pw_con_text > em,
#RegArea3 > .pw_content .pw_con_text > em,
#RegArea4 > .pw_content .pw_con_text > em,
#RegArea5 > .pw_content .pw_con_text > em,
#RegArea6 > .pw_content .pw_con_text > em{
	font-weight: bold;
	display: block;
	color:#1a1a1a;
	font-size: 14px;
	font-family:'Noto Sans KR';
	padding-top: 20px;
}
#RegArea > .pw_content .pw_con_text > ul,
#RegArea2 > .pw_content .pw_con_text > ul,
#RegArea3 > .pw_content .pw_con_text > ul,
#RegArea4 > .pw_content .pw_con_text > ul,
#RegArea5 > .pw_content .pw_con_text > ul,
#RegArea6 > .pw_content .pw_con_text > ul{
	padding:15px 30px 0; 
}
#RegArea > .pw_content .pw_con_text > ul > li,
#RegArea2 > .pw_content .pw_con_text > ul > li,
#RegArea3 > .pw_content .pw_con_text > ul > li,
#RegArea4 > .pw_content .pw_con_text > ul > li,
#RegArea5 > .pw_content .pw_con_text > ul > li,
#RegArea6 > .pw_content .pw_con_text > ul > li   {
	list-style: disc !important;
	font-size: 14px;
	font-weight: normal;
	font-family:'Noto Sans KR';
	color:#585858;
	box-sizing: border-box;
	overflow-x:hidden;
}
#RegArea > .pw_content .pw_con_text > ul:last-child,
#RegArea2 > .pw_content .pw_con_text > ul:last-child,
#RegArea3 > .pw_content .pw_con_text > ul:last-child,
#RegArea4 > .pw_content .pw_con_text > ul:last-child,
#RegArea5 > .pw_content .pw_con_text > ul:last-child,
#RegArea6 > .pw_content .pw_con_text > ul:last-child{
	padding:0 30px 0;
}
#RegArea > .pw_content .pw_con_text > ul:last-child > li,
#RegArea2 > .pw_content .pw_con_text > ul:last-child > li,
#RegArea3 > .pw_content .pw_con_text > ul:last-child > li,
#RegArea4 > .pw_content .pw_con_text > ul:last-child > li,
#RegArea5 > .pw_content .pw_con_text > ul:last-child > li,
#RegArea6 > .pw_content .pw_con_text > ul:last-child > li{
	margin:10px auto;
}

#RegArea3 > .pw_content .pw_con_text > table{
	width: 100%;
	text-align: center;
	margin-top: 15px;
}
#RegArea3 > .pw_content .pw_con_text > table tr td{
	padding:10px;
	border:1px solid #ccc;
}
#RegArea3 > .pw_content .pw_con_text > table tr:first-child td{
	background-color: #eee;
	padding:10px;
}




.popup_wrap .pw_content .pwc_scroll{height:230px;margin:0 0 20px;overflow:hidden;overflow-x:hidden;overflow-y:scroll;}
.popup_wrap .pw_content .pwc_txt{padding:15px 0;text-align:center;letter-spacing:-1px;}

.popup_wrap .pltit{margin:0;padding:0 10px;text-align:left;font-size:14px;font-weight:600 !important;line-height:18px;display:block;}
.popup_wrap .pltxt{margin:0 0 15px;padding:0 10px;text-align:left;font-size:13px;font-weight:400 !important;line-height:16px;display:block;}

#mask{
	background-color:rgba(30, 30, 30, 0.5);
	position: absolute;
	left: 0;
	top: 0;
	z-index:110;
}
#regArea,
.regArea,
#RegArea,
#RegArea2,
#RegArea3,
#RegArea4,
#RegArea5,
#RegArea6,
.RegArea{
	width:85%;
	margin:0 10px;
	background-color:#f0f0f0;
	font-size:15px;
	position:absolute;
	/* top:50px; */
	display:none;
	z-index:10000;
	border-radius: 10px !important;
}

.index_wrap{width:100%;height:40px;border-top:1px solid #cc0000;font-size:12px;position:fixed;left:0;bottom:-1px;z-index:100;}
.index_wrap .iw_table{width:100%;margin:0;padding:0;border-bottom:1px solid #cc0000;}
.index_wrap .iw_table td{background-color:#e7e7e7;}




html, body{height:100%;margin:0}

.mw_popup{width:100%;height:100%;position:fixed;_position:absolute;top:0;left:0;display:none;z-index:10000;}
.mw_popup.open{display:block;}
.mw_popup .bg{width:100%;height:100%;background:#000;position:absolute;top:0;left:0;opacity:.5;filter:alpha(opacity=50)}
#popup{width:328px;margin:-150px 0 0 -166px;padding:0;background:#fff;position:absolute;top:50%;left:50%;}
#popup.g_popup .g_popup{display:block}
#popup .close{overflow:visible;cursor:pointer;}
#popup .popup_title{width:100%;height:40px;background-color:#c00000;text-align:center;}
#popup .popup_title .popup_ti{width:66%;height:40px;padding:0 2%;font-size:15px;font-weight:600;color:#fff;line-height:40px;}
#popup .popup_scroll{height:230px;margin:0 0 20px;padding:10px 10px 0;overflow:hidden;overflow-x:hidden;overflow-y:scroll;}
#popup .popup_txt{padding:15px 0;text-align:center;letter-spacing:-1px;}

.mw_pop{width:100%;height:100%;position:fixed;_position:absolute;top:0;left:0;display:none;z-index:10000;}
.mw_pop.open{display:block}
.mw_pop .bg{width:100%;height:100%;background:#000;position:absolute;top:0;left:0;opacity:.5;filter:alpha(opacity=50)}
#pop{width:328px;margin:-150px 0 0 -166px;padding:0;background:#fff;position:absolute;top:50%;left:50%;}
#pop.g_pop .g_pop{display:block}
#pop .close{overflow:visible;cursor:pointer;}
#pop .pop_title{width:100%;height:40px;background-color:#c00000;text-align:center;}
#pop .pop_title .pop_ti{width:66%;height:40px;padding:0 2%;font-size:15px;font-weight:600;color:#fff;line-height:40px;}
#pop .pop_scroll{height:230px;margin:0 0 20px;padding:10px 10px 0;overflow:hidden;overflow-x:hidden;overflow-y:scroll;}
#pop .pop_txt{padding:15px 0;text-align:center;letter-spacing:-1px;}






/************************************************
*			�߰�CSS 2018_11						*
************************************************/
.tj_club_wrap2{width:100%;}
.tj_club_wrap2 .text_wrap{width:100%;}
.tj_club_wrap2 .text_wrap .area{padding:0 10px;}
.tj_club_wrap2 .text_wrap .area .gray4{font-size:12px;font-weight:normal;}
.tj_club_wrap2 .text_wrap .area .ntc_text{width:100%;margin-top:20px;border:1px solid #cc0000;}
.tj_club_wrap2 .text_wrap .area .ntc_text .tx{padding:10px 0;color:#cc0000;text-align:center;}
.tj_club_wrap2 .text_wrap .area .list_title{color:#333;font-size:13px;font-weight:bold;clear:both;}
.tj_club_wrap2 .text_wrap .area .list_title .nt_tit{
	width:120px;
	padding:3px 10px;;
	background-color:#09C;
	font-size:14px;
	color:#fff;
	display:block;
}
.tj_club_wrap2 .text_wrap .area .list_text{line-height:160%;border-bottom:1px solid #ccc;clear:both;}
.tj_club_wrap2 .text_wrap .area .list_text .tb{width:100%;margin:0 0 5px;padding:5px 0;display:table;}
.tj_club_wrap2 .text_wrap .area .list_text .tb .tx{width:100%;display:table-cell;color:#454545;font-size:13px;vertical-align:top;}
.tj_club_wrap2 .text_wrap .area .list_text .tb .tx.pdn{padding-left:0;}
.tj_club_wrap2 .text_wrap .area .list_text .tb .tx.pdn select{width:40%;float:left;}
.tj_club_wrap2 .text_wrap .area .list_text .tb .tx.pdn span{width:10%;text-align:center;float:left;}
.tj_club_wrap2 .text_wrap .area .list_text .tb .tx.pdn span input{width:100%;margin-top:1px;padding:0;}
.tj_club_wrap2 .text_wrap .area .list_text .tb .tx .gray4{vertical-align:top;font-size:12px;}
.tj_club_wrap2 .text_wrap .area .list_text .tb .tx .df_slbtn{
	height:30px;
	margin-bottom:2px;
	padding:0 5px;
	color:#555;
	font-size:11px;
	background:#fff;
	border:1px solid #888;
	border-radius:2px;
	line-height:30px;
	cursor:pointer;
}
.tj_club_wrap2 .text_wrap .area .list_text .tb .tx .df_slbtn.on{color:#fff;background:#888;}
.tj_club_wrap2 .text_wrap .area .list_text .cp{margin:0 0 10px;}



.table_type1{width:100%;margin:0;border-top:1px solid #ccc;font-size:14px;}
.table_type1 caption{display:none}
.table_type1 thead th:first-child,
.table_type1 thead td:first-child,
.table_type1 tbody th:first-child,
.table_type1 tbody td:first-child{border-left:0 none;}
.table_type1 thead th,
.table_type1 thead td{
	padding:5px;
	background-color:#efefef;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:12px;
	font-weight:700;
	color:#333;
	line-height:16px;
}
.table_type1 tbody th{
	padding:5px;
	background-color:#fff;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:12px;
	font-weight:400;
	color:#555;
	line-height:14px;
}
.table_type1 tbody td{
	padding:5px;
	background-color:#fff;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:12px;
	font-weight:400;
	color:#555;
	line-height:14px;
}
.tt1_btn{height:30px;margin:0 auto;padding:0 10px;background-color:#999;text-align:center;color:#fff !important;line-height:30px;display:block;}

.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}



.pay_wrap{margin:0;padding:0 10px 10px;position:relative;}
.pay_case{margin:0;padding:0;position:relative;}
.pay_case .red{color:#c00000 !important;}
.pay_case .blue{color:#03bafe !important;}
.pay_case .bg_lgray{background-color:#f8f8f8;}
.pay_case li{
	margin:0 0 5px;
	padding:10px 10px 3px;
	border:1px solid #e5e5e5;
	font-size:13px;
	color:#777;
}
.pay_case li p{margin:0 0 7px;font-size:13px;font-weight:600;display:block;}
.pay_case li b{margin:0 0 7px;;font-size:17px;font-weight:500;display:block;}
.pay_case li .mb0px{margin-bottom:0px !important;}
.pay_case li .p5px{padding-bottom:5px !important;}

.pay_case li .pw_limg{
	width:22px;
	height:22px;
	margin:-2px 5px 0 0;
	border:1px solid #d1d1d1;
	border-radius:100%;
	text-align:center;
	line-height:22px;
	display:block;
	float:left;
	overflow:hidden;
}
.pay_case li .pw_limg img{width:22px;height:22px;;}
.pay_case li .pw_img{margin:0;}
.pay_case li .pw_img img{width:auto;height:17px;margin:0 0 3px;}
.pay_case li .pw_txt{display:block;}

.pay_rbtn{
	width:100%;
	height:45px;
	background-color:#c00000;
	text-align:center;
	font-size:15px;
	font-weight:400;
	line-height:45px;
	position:fixed;
	left:0;
	bottom:0;
}
.pay_bbtn{
	width:100%;
	height:45px;
	background-color:#03bafe;
	text-align:center;
	font-size:15px;
	font-weight:400;
	line-height:45px;
	position:fixed;
	left:0;
	bottom:0;
}
.pay_rbtn a,
.pay_bbtn a{color:#fff !important;}






/************************************************
*			�߰�CSS 2019_06						*
************************************************/
.cash_info{height:30px;margin:15px 0 10px;text-align:center;color:#c00000;line-height:30px;border:1px solid #c00000;position:relative;}
.cash_txt{font-size:11px !important;color:#999;line-height:20px;letter-spacing:-1px;}
.cash_btxt{font-size:13px !important;line-height:25px;}
.cash_xtxt{font-size:15px !important;font-weight:500;}
.blue{color:#09F !important;}


.inp_case{margin:10px 0 0;padding:10px 0;position:relative;}
.inp_case input{width:94%;height:30px;margin:0 0 10px;padding:0 3%;line-height:30px;}


/* 1907추가 */
.pay_line{border:1px solid #cc0000;}
.pay_line .ptlrb5{padding:5px;}
.pay_line .plr5{padding-left:5px;padding-right:5px;}



.mw_popup1,
.mw_popup2,
.mw_popup3,
.mw_popup4,
.mw_popup5,
.mw_popup6{width:100%;height:100%;display:none;position:fixed;_position:absolute;top:0;left:0;z-index:1000000;}
.mw_popup1.open,
.mw_popup2.open,
.mw_popup3.open,
.mw_popup4.open,
.mw_popup5.open,
.mw_popup6.open{display:block}
.mw_popup1 .bg,
.mw_popup2 .bg,
.mw_popup3 .bg,
.mw_popup4 .bg,
.mw_popup5 .bg,
.mw_popup6 .bg{width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);position:absolute;top:0;left:0;}
#popup1,
#popup2,
#popup3,
#popup4,
#popup5,
#popup6{width:100%;max-width:320px;margin:0 auto;	
	background:#fff;position:relative;top:5%;
	border-radius: 14px;
	height: 150px;
}
#popup1.g_popup1 .g_popup1,
#popup2.g_popup2 .g_popup2,
#popup3.g_popup3 .g_popup3,
#popup4.g_popup4 .g_popup4,
#popup5.g_popup5 .g_popup5,
#popup6.g_popup6 .g_popup6{display:block}
#popup1 .close,
#popup2 .close,
#popup3 .close,
#popup4 .close,
#popup5 .close,
#popup6 .close{
	width:40px;
	height:40px;
	padding:0;
	border:0;
	background:url(../images/icon/ico_x_w.png) no-repeat center 50%;
	text-decoration:none !important;
	line-height:40px;
	cursor:pointer;
	opacity:1;
	overflow:visible;
	position:absolute;
	top:10px;
	right:0;
}
#popup1 .close:hover,
#popup2 .close:hover,
#popup3 .close:hover,
#popup4 .close:hover,
#popup5 .close:hover,
#popup6 .close:hover{background:#999 url(../images/icon/close_wbtn.png) no-repeat center 50%;}

#popup1.dipop,
#popup2.dipop,
#popup3.dipop,
#popup4.dipop,
#popup5.dipop,
#popup6.dipop  {
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
	padding: 0;
	background:none !important;
	border:0 none;
	position: absolute;
	left: 0;
	right: 0;
	top:30%;
}

.pop_header{height:40px;padding:10px 5px 0;text-align:center;font-size:18px;font-weight:600;color:#333;line-height:40px;}
.pop_header p{margin:0;padding:0;}

.pscroll{height:320px;overflow:hidden;overflow-x:hidden;overflow-y:scroll;}
.pop_mcontant{margin:0;padding:0;position:relative;}
.pop_mcontant .pm_img{width:100%;}
.pop_contant{padding:30px 10px 10px;position:relative;

}

.pop_contant .pc_ltit{text-align:left;font-size:16px;line-height:24px;}
.pop_contant .pc_ltxt{margin:0 0 10px;text-align:left;font-size:14px;font-weight:400;color:#999;line-height:20px;}
.pop_contant .pc_tit{
	margin:0 0 10px;text-align:center;font-size:16px;line-height:22px;display:block;
	color:#585858;
	font-family:'NanumSquare';
	font-weight: bold;
}
.pop_contant .pc_ctit{margin:0 0 10px;text-align:center;font-size:15px;line-height:22px;display:block;}
.pop_contant .pc_ctxt{
	margin:0 0;
	text-align:center;					
	font-size:15px;
	font-weight:bold;color:#585858;line-height:23px;	display:block;
	font-family:'NanumSquare';
}
.pop_contant .line{
	display: block;

	height: 1px;
	color:#dfdfdf;
	background: #dfdfdf;
	border:none;
	margin:20px 10px;

}
.pop_contant select{font-size:16px;color:#bbb;}
.pop_contant select:focus{color:#666;}

.pop_contant textarea{font-size:16px;color:#bbb;}

.btn_wrap{height:40px;padding:15px 20px 20px; text-align:center;font-size:18px;font-weight:400;color:#c1c1c1;line-height:40px;position:relative;bottom:0;
display: flex;
justify-content: center;
align-items: center;
}
.btn_wrap a{cursor:pointer; }

.btn_swrap{height:40px;padding:15px 0px;text-align:center;font-size:18px;font-weight:400;color:#c1c1c1;line-height:40px;position:relative;bottom:0;}
.btn_swrap a{cursor:pointer;}

.btn_bwrap{height:40px;padding:0px;text-align:center;font-size:18px;font-weight:400;color:#c1c1c1;line-height:40px;position:relative;bottom:0;}
.btn_bwrap a{cursor:pointer;}

a.btn100{width:100% !important;}
a.btn50{width:50%;}

a.btn_confirm {
	background:#ef4545;
	color:#fff;
	display:block;
	border-radius: 12px;
	width: 40%;
	line-height: 40px;
}
a.btn_confirm:hover {background:#c10d26;color:#fff;text-decoration:none !important;}

a.btn_close2 {
	background:#ef4545;
	color:#fff;
	display:block;
	border-radius: 12px;
	width: 100%;
	line-height: 40px;
}
a.btn_close2:hover {background:#c10d26;color:#fff;text-decoration:none !important;}
#popup3 > .btn_wrap > a.btn_close,
a.btn_close{
	border:2px solid #ef4545;
	border-radius: 12px;
	width: 40%;
	color:#ef4545;
	margin-right: 10px;
}





/************************************************
*			추가CSS 2021_06						*
************************************************/
.rec_bg{
	background: #bb0101; /* 그라데이션 지원하지 않는 브라우저 */
	background: -webkit-linear-gradient(left top, #c00000, #e77df8);
	background: -moz-linear-gradient(right bottom, #c00000, #e77df8);
	background: -o-linear-gradient(right bottom, #c00000, #e77df8);
	background: linear-gradient(to right bottom, #c00000, #e77df8);  /* 표준 */
}

.rec_wrap{margin:0;padding:0;position:relative;}
.rec_cycle{
	width:250px;
	height:250px;
	margin:90px auto 30px;
	padding:0;
	border-radius:250px;
	border:1px solid #efefef;
	position:relative;
	overflow:hidden;
}
.rec_cycle.rcln{border:1px solid #c26a6a !important;}
.rec_cycle .rc_thum{
	width:250px;
	height:250px;
	text-align:center;
	position:absolute;
	left:-15%;
	right:-15%;
	top:0;
	z-index:1000;
}
.rec_cycle .rc_thum img{width:auto;height:100%;}
.rec_cycle .rc_gbg{width:250px;height:250px;background-color:#ccc;opacity:0.3;position:absolute;display:block;z-index:0;}
.rec_cycle .rc_wbg{width:250px;height:250px;background-color:#fff;opacity:0.2;position:absolute;display:block;z-index:0;}

.rec_tit{margin:10px;padding:0;text-align:center;font-size:28px;font-weight:500;color:#000;line-height:34px;display:block;}
.rec_txt{margin:10px;padding:0;text-align:center;font-size:18px;font-weight:300;color:#000;line-height:24px;display:block;}

.rec_case{width:100%;margin:0;padding:0;text-align:center;position:fixed;left:0;bottom:85px;opacity:0.6;}
.rec_box{margin:0;padding:10px;position:relative;}





/************************************************
*		RESPONSIVE								*
************************************************/

@media all and (max-width:1280px){
}

@media all and (max-width:1024px){
}

@media all and (max-width:980px){
}

@media all and (max-width:768px){
	.flex-direction-nav .flex-prev {top:33%;}
	.flex-direction-nav .flex-next {top:33%;}
}

@media all and (max-width:480px)
{
    .popup_wrap .pw_content .pw_content_scroll{overflow-x:hidden;overflow-y:scroll;height:180px;}

	.w94p{width:90%;}
	.w96p{width:92%;}

	.flex-direction-nav .flex-prev {top:30%;}
	.flex-direction-nav .flex-next {top:30%;}
}

@media all and (max-width:419px){
	.rmenu li{font-size:13px;letter-spacing:-1px;}
	.rmenu li a{margin:0 4px;}

	/************************************************
	*		TABLE									*
	************************************************/
	.tbl_type1 .btxt{font-size:14px;}

	.tbl_type3 th, .tbl_type3 td{font-size:13px;}
	.tbl_type4 th, .tbl_type4 ftd{font-size:12px;line-height:20px !important;}

	.login_type{font-size:12px;letter-spacing:-1px;}
	.login_type th{padding:4px 10px;font-weight:bold}
	.login_type td{padding:4px 10px;}
	.login_type .ltxt{line-height:22px;}
	.login_type .rtxt{line-height:22px;}
	.login_type .rbtn{padding:7px 0 0 10px;text-align:center;}
	.login_type .logbtn{padding:0 25px 0 17px;}


	.inv_wrap .iw_case .iw_thum img{width:100%;height:auto;}
	.inv_wrap .iw_copy{line-height:26px;}

	.inv_wrap .iw_tabs1 .tabs-standard .sliderkit-nav-clip li:first{width:49.3%;}
	.inv_wrap .iw_tabs1 .tabs-standard .sliderkit-nav-clip li{width:49.3%;}
	.inv_wrap .iw_tabs2 .tabs-standard .sliderkit-nav-clip li:first{width:33.3%;}
	.inv_wrap .iw_tabs2 .tabs-standard .sliderkit-nav-clip li{width:33.3%;}

	.w20p{width:20%;}
	.w30p{width:35%;}
	.w50p{width:40%;}
	.w60p{width:40%;}
	.w70p{width:75%;}
	.w80p{width:75%;}
	.w90p{width:85%;}

	.cont_wrap .cw_copy span{width:35%;}

	.flex-direction-nav .flex-prev {top:30%;}
	.flex-direction-nav .flex-next {top:30%;}
}




/**************clublist_join.htm***************/
.agr_wrap{margin:0 10px 10px;position:relative; width: 100%;}
.agr_wrap ul{margin:0;padding:0;}
.agr_wrap li:first-child{
	height:40px;
	border-bottom:1px solid #f5f5f5;
	line-height:40px;
	left:0px !important;
}
.agr_wrap li.aw_li{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.agr_wrap li.aw_li input{
	display: none;
}
.agr_wrap li.aw_li label{
	width: 74% !important;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.agr_wrap li:first-child{
		height:70px;
		line-height:70px;
	}
	
}
.agr_wrap li:first-child input[type="checkbox"],
.agr_wrap li:first-child input[type="radio"]{
	margin:0;
}
.agr_wrap li:first-child input[type="checkbox"] + label b,
.agr_wrap li:first-child input[type="radio"] + label b {
	font-size: 16px;
	color: #333;
	font-weight: 500;
	line-height: 40px;
}
.agr_wrap li:first-child  input[type="checkbox"] + label,
.agr_wrap li:first-child  input[type="radio"] + label {padding:0 0 0 27px;line-height:40px;}
.agr_wrap li:first-child input[type="checkbox"] + label:before,
.agr_wrap li:first-child input[type="radio"] + label:before{
	width:20px;
	background:url(../images/icon/a_check_up1.png) center 50% no-repeat !important;
	background-size:20px 20px !important;
	line-height:40px;
	top:11px;
	border:none;
}
.agr_wrap li:first-child input[type="checkbox"]:checked + label:before,
.agr_wrap li:first-child input[type="radio"]:checked + label:before{
	background:url(../images/icon/a_check_ov1.png) center 50% no-repeat !important;
	background-size:20px 20px !important;
} 


.agr_wrap li {
    height: 30px;
    color: #333;
    line-height: 30px;
}
.agr_wrap li label {margin:0;}
.agr_wrap li input[type="checkbox"],
.agr_wrap li input[type="radio"] {float:left;}
.agr_wrap li input[type="checkbox"] + label,
.agr_wrap li input[type="radio"] + label {width:100%;margin:0;padding:0 0 0 22px;font-size:14px;font-weight:300;color:#333;line-height:30px;}
    .agr_wrap li input[type="checkbox"] + label b,
    .agr_wrap li input[type="radio"] + label b {
        font-size: 14px;
        font-weight: 400;
        color: #333;
    }
    .agr_wrap li input[type="checkbox"]:checked + label:before b,
    .agr_wrap li input[type="radio"]:checked + label:before b {
        color: #333;
    }
.agr_wrap li input[type="checkbox"] + label span,
.agr_wrap li input[type="radio"] + label span{float:right;}
.agr_wrap li input[type="checkbox"] + label span a,
.agr_wrap li input[type="radio"] + label span a{
	width:8px;
	height:30px;
	background:url(../images/icon/more_icon.png) right 50% no-repeat;
	background-size:8px 15px;
	line-height:30px;
	display:block;
}

html::-webkit-scrollbar, body ::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

/******clublist_join.htm modal 스타일*****/
#exampleModal, #exampleModal2, 
#exampleModal3, #exampleModal4, 
#exampleModal5, #exampleModal6{
	width: 100%;
    position: absolute;
    /* top: 50px; */
    display: none;
    z-index: 10000;

} 

#exampleModal .modal-header .bc2,
#exampleModal2 .modal-header .bc2,
#exampleModal3 .modal-header .bc2,
#exampleModal4 .modal-header .bc2,
#exampleModal5 .modal-header .bc2,
#exampleModal6 .modal-header .bc2{
	font-size: 1.2em;
	font-weight: bold;
}

#exampleModal .modal-content,
#exampleModal2 .modal-content,
#exampleModal3 .modal-content,
#exampleModal4 .modal-content,
#exampleModal5 .modal-content,
#exampleModal6 .modal-content{
	width: 100%;
	margin:15% auto;
}
.modal-open .modal{
	height: 100%;
}

#exampleModal .modal-backdrop.in,
#exampleModal2 .modal-backdrop.in,
#exampleModal3 .modal-backdrop.in,
#exampleModal4 .modal-backdrop.in,
#exampleModal5 .modal-backdrop.in,
#exampleModal6 .modal-backdrop.in {
	opacity: 0 !important;
}
#exampleModal .modal-header,
#exampleModal2 .modal-header,
#exampleModal3 .modal-header,
#exampleModal4 .modal-header,
#exampleModal5 .modal-header,
#exampleModal6 .modal-header{
	background-color: #ef4545;
	width: 100%;
    height: 50px;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	display: flex;
	align-items: center;
	
}
#exampleModal .modal-dialog,
#exampleModal2 .modal-dialog,
#exampleModal3 .modal-dialog,
#exampleModal4 .modal-dialog,
#exampleModal5 .modal-dialog,
#exampleModal6 .modal-dialog{

	position: fixed;
	margin:0 auto;
	width: 100%;
	padding:0 20px;
}
#exampleModal .modal-header a,
#exampleModal2 .modal-header a,
#exampleModal3 .modal-header a,
#exampleModal4 .modal-header a,
#exampleModal5 .modal-header a,
#exampleModal6 .modal-header a{
	position: absolute;
    right: 15px;
    height: 50px;
    line-height: 50px;
}
#exampleModal .modal-header h5,
#exampleModal2 .modal-header h5,
#exampleModal3 .modal-header h5,
#exampleModal4 .modal-header h5,
#exampleModal5 .modal-header h5,
#exampleModal6 .modal-header h5{
	text-align: center;
	color:#fff;
	font-size: 17px;
	font-weight: 600;
    font-family: 'Noto Sans KR';
	margin:0 auto;
	width: 100%;
}
















/************************************************
*		RESPONSIVE								*
************************************************/

@media all and (max-width:1280px){
}

@media (min-width: 1200px){
	#exampleModal .modal-dialog,
	#exampleModal2 .modal-dialog,
	#exampleModal3 .modal-dialog,
	#exampleModal4 .modal-dialog,
	#exampleModal5 .modal-dialog,
	#exampleModal6 .modal-dialog{
		
		
		margin:0 auto;
		width: 100%;
		padding:0 20px;
	}
}

@media all and (max-width:1024px){
}

@media all and (max-width:980px){
	#exampleModal .modal-dialog,
	#exampleModal2 .modal-dialog,
	#exampleModal3 .modal-dialog,
	#exampleModal4 .modal-dialog,
	#exampleModal5 .modal-dialog,
	#exampleModal6 .modal-dialog{
		
		
		margin:0 auto;
		width: 100%;
		padding:0 20px;
	}
}

/*@media all and (min-width:768px){
	.agr_wrap{margin:0 10px 100px;}
	.footer .f_fix{width:100%;position:relative;}
}*/

@media all and (max-width:480px){
	.agr_wrap li.aw_li label{
		width: 72% !important;
	}

	#exampleModal .modal-dialog,
	#exampleModal2 .modal-dialog,
	#exampleModal3 .modal-dialog,
	#exampleModal4 .modal-dialog,
	#exampleModal5 .modal-dialog,
	#exampleModal6 .modal-dialog{
		
		
		margin:0 auto;
		width: 100%;
		padding:0 20px;
	}
}

@media all and (max-width:419px){
	.agr_wrap li.aw_li label{
		width: 70% !important;
	}




	#exampleModal .modal-dialog,
	#exampleModal2 .modal-dialog,
	#exampleModal3 .modal-dialog,
	#exampleModal4 .modal-dialog,
	#exampleModal5 .modal-dialog,
	#exampleModal6 .modal-dialog{
		
	
		margin:0 auto;
		width: 100%;
		padding:0 20px;
	}
}



/*230622 renewal*/
/* #tab33 */
#tab33{
	margin-top: 4px;
	height: auto;
	overflow-y: auto;
	padding:0 15px;
} 
/* #tab44 */
#tab44 > h4{
	color:#585858;
	font-size: 14px;
	font-family:'Noto Sans KR';
	font-weight: bold;
	margin-bottom: 10px;
	padding:0 15px;
	margin-top: 10px;
}
#tab44> h4 > em{
	font-size: 14px;
}

#tab44 > .mySwiper3,
#tab44 > .mySwiper4 {
	width: 100%;
	height: auto;
	padding:0 15px !important;
  }

#tab44 > .mySwiper3 > .swiper-wrapper > .swiper-slide,
#tab44 > .mySwiper4 > .swiper-wrapper > .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

/* #tab55 */
#tab55{
	margin-top: 4px;
	height: auto;
	overflow-y: auto;
	padding:0 15px;
}

/* #tab66 */
#tab66 > h4{
	color:#585858;
	font-size: 14px;
	font-family:'Noto Sans KR';
	font-weight: bold;
	margin-bottom: 10px;
	padding:0 15px;
	margin-top: 10px;
}
#tab66> h4 > em{
	font-size: 14px;
}

#tab66 > .mySwiper5,
#tab66 > .mySwiper6 {
	width: 100%;
	height: auto;
	padding:0 15px !important;
  }

#tab66 > .mySwiper5 > .swiper-wrapper > .swiper-slide,
#tab66 > .mySwiper6 > .swiper-wrapper > .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.swiper-button-disabled{opacity: .3;}


/* Style the tab content */
.inv_wrap2 > .tabcontent2, .inv_wrap2 > .tabcontent3 {
	display: none;
	border-top: none;
	height: auto;
}
.inv_wrap2 > .tabcontent2 > ul, 
.inv_wrap2 > .tabcontent3 > ul{
	display: block;
	width: 100%;
	height: 100%;
}
.inv_wrap2 > .tabcontent2 > ul li,
.inv_wrap2 > .tabcontent3 > ul li {
	display: block;
	float:left;
	width: 49.5%;
	margin-right: 1%;
	margin-bottom: 2px;
	position: relative;
}
.inv_wrap2 > .tabcontent2 > ul li:nth-child(2n), .inv_wrap2 > .tabcontent3 > ul li:nth-child(2n){
	margin-right: 0;
}

.inv_wrap2 > .tabcontent2 > ul li > img,
.inv_wrap2 > .tabcontent3 > ul li > img{
	width: 100%;
}
.inv_wrap2 > .tabcontent2 > ul li > span,
.inv_wrap2 > .tabcontent3 > ul li > span{
	position: absolute;
	display: block;
	background-color: rgba(0,0,0,0.68);
	z-index: 10;
	color:#fff;
	text-align: left;
	height: 50px;
	width: 100%;
	padding:5px;
	bottom:0;
	overflow-x: hidden;
}


.abb{
	overflow : hidden;
	text-overflow : ellipsis; 
	height : 20px; 
	word-wrap : break-word; 
	display : -webkit-box;
	-webkit-line-clamp : 1; 
	-webkit-box-orient: vertical; }
.cb_table_list table tr td svg{margin-left: 10px;}

.clublist_main_title{text-align: center; margin:20px auto 0 15px; padding-bottom:10px;font-size: 14px; width: 100%;line-height: 1.3;letter-spacing: normal;}
.clublist_main_banner > a > img {width: 100%;height: 100%;object-fit: cover;}
.clublist_main_txt{text-align: center; margin:0 auto 0; padding:10px 0; font-size: 14px; width: 100%;line-height: 1.4;font-weight: 500;background-color: #f5f5f5;height: 100%;position: relative;}
.clublist_main_txt .t_line{width: 90%;position: absolute;border-top: 1px solid #dfdfdf;display: block;left: 50%;transform: translateX(-50%);}
.clublist_main_txt .t_line:nth-of-type(1){top: 0;}
.clublist_main_txt .t_line:nth-of-type(2){bottom: 0;}

.clublist_main_profile{padding:0 0 20px; max-width: 310px; margin:32px auto 0;}

.cb_profile_cont1 a .live_profile{width: 86px;margin-right: 20px; border:3px solid #fff; position:relative;}
.cb_profile_cont1 a .cp_imgs{width: 86px; margin-right: 20px; border:3px solid #f40000; position:relative;}

.clublsit_main_comment{padding:0 30px;}
.clublsit_main_comment .service_btn{margin: 0 auto 20px;   border-radius: 4px; max-width: 310px; }

.cb_profile_cont1{justify-content: center;}
.cb_profile_cont1 a {display: block; width: 86px;margin-right: 20px;}
.cb_profile_cont1 a{position:relative; }
.cb_profile_cont1 .live_mark{position:absolute; top: -16px;
	left:50%; transform: translateX(-50%); height: 12px; border-radius: 0; border:none;}
.cb_profile_cont1 .live_circle{position:absolute; top: 8px;
	left: calc(50% - 32px); transform: translateX(-50%); width: 14px;}

.cb_profile_cont2 > p {text-align: center;font-size: 17px;}

#tab22 h4, #tab22 h4 {
    color: #585858;
    font-size: 14px;
    font-family: 'Noto Sans KR';
    font-weight: bold;
    margin-bottom: 10px;
    padding: 0 15px;
	margin-top: 10px;line-height: 1;
}

#tab22 h4>a,#tab44 h4>a {display: flex;align-items: center;justify-content: flex-start;}
#tab22 h4>a:hover,#tab44 h4>a:hover,
#tab22 h4>a:active,#tab44 h4>a:active {color: #555;}
#tab22 > .mySwiper > .swiper-wrapper > .swiper-slide, #tab22 > .mySwiper2 > .swiper-wrapper > .swiper-slide{max-width: 260px;}
.ss_con{position: relative;}
.live_onair{position:absolute; top: 8px; right:8px; width: 40px;}
.onair_title{position: absolute;color: #fff;font-size: 14px;text-align: left;z-index: 1;margin: 0;left: 10px;top: calc(50% + 20px);}
.onair_title > span{font-size: 12px;display: block;line-height: 1;}
.sw_shadow{height: 43%;width: 100%;position: absolute;background-color: rgba(0, 0, 0, 0.6);bottom: 0;box-sizing: border-box;margin: 0;}

.new_mark {height:11px;display: inline-block;margin: 0 0 0 7px;}
.more_mark {margin-left: auto;}

/*230622 end*/

/*230728 수정*/
#RegArea{top:40%; transform: translateY(-40%); position: fixed;}
#mask{height: 200% !important;}

/* 230810 */
.header_icon3{
	background: url(../images/icon/arrow_l.png) no-repeat 10px 6px;
	display: block;
	width: 40px;
	height: 40px;
	cursor:pointer;
	float:left;
	position:absolute;
}
#tab22 h4, #tab22 h4{color: #1a1a1a;font-weight: 500;}
.ss_con a{position: relative;display: flex;height: 100px;padding: 0 15px 6px;}
.ss_con a > img{padding-right: 8px;}
.onair_title{position: relative;color: #1a1a1a;font-size: 14px;text-align: left;z-index: 1;left:0;top:0;line-height: 1.2;margin:6px 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.ss_tit > span{font-size: 14px;display: block;line-height: 1.2;color: #585858;text-align: left;position: absolute;bottom: 6px;}

#tab22 .yt_tit{margin-top: 18px !important;}





/*230816 수정1*/
.clublsit_main_comment .service_btn{margin-top: 30px;}

.service_use{display: flex; justify-content: space-between; align-items: center; margin-top: 20px;  padding:10px 20px; border-top:1px solid lightgray; border-bottom:1px solid lightgray;}
.service_use p{margin:0px;}
#myLinks{display: none; width: 100%; overflow-y: scroll; flex-direction: column; box-sizing: border-box; text-align: left; padding: 10px;}
#myLinks b{ margin: 0; }

#myLinks2{display: none; width: 100%; height: 200px; overflow-y: scroll; flex-direction: column; box-sizing: border-box; text-align: left; padding: 10px; border:1px solid #ddd; margin-top: 20px;}
#myLinks2 b{background: lightgray; padding:5px; margin: 0; }
#myLinks2 h4{text-align: center;font-weight: bold;}

#myLinks3{display: none; width: 100%; height: 200px; overflow-y: scroll; flex-direction: column; box-sizing: border-box; text-align: left; padding: 10px; border:1px solid #ddd; margin-top: 20px;}
#myLinks3 b{background: lightgray; padding:5px; margin: 0; }
#myLinks4 h4{text-align: center;font-weight: bold;}

/*230817*/
.ss_con a > img{width: 170px; object-fit: cover; display: block; min-width: 170px;}



.ios_notice {padding:0;}
.ios_notice h4{font-size: 13px; margin: 0 10px;}
.ios_notice ul{text-align: left; padding:0 10px; }

.cw_copy2{align-items: center;}
.ios_notice ul li b{color:#c00000;}
#p15_select{
	background: url('../images/icon/accordian_arrow.png') no-repeat 95% 50% !important;
	width: 180px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}


.service_use button{
	border: 1px solid gray;
    padding: 3px 10px;
    border-radius: 3px;
    right: 0;
    margin-right: 10px;
    position: absolute;
}
