@charset "utf-8";
body, .tbl_frm01 th, textarea#od_memo{
	background:#181818;
    color:#919191;;
}
.tbl_wrap table#sod_list{
	margin-top:30px;
}
.tbl_wrap table#sod_list tr th{
	padding:15px 0;
}
.tbl_wrap table#sod_list tr td{
	border-top:1px solid #ccc;
	color:#fff;
	padding:20px 0;
}
th.cont_id{
	width:20%;
}
th.cont_name{
	width:25%;
}
.videowrapper {
position: relative;
padding-bottom: 56.25%;
padding-top:0px;
height: 0;
background:#000;
}
html {background:#181818}
.sub_con_wrap {background:#060606}
.header .search_nav .form-inline .form-control::placeholder {color:#919191}
.leftMenu {background:#060606;color:#919191; border:0px;}
.leftMenu a {color:#919191}
.comInfo {color:#919191}
.header_wrap {background:#060606; border-bottom:1px solid #060606}
.header .search_nav .form-inline .form-control {background:#060606;color:#919191}
.header_wrap a {color:#919191}
.header .search_nav {background:#060606;color:#919191}
.categ_depth a {color:#333}
.user_menu a {color:#333}
.list_alert a {color:#333}
.class_detail .sub_con01 a {color:#919191}
.class_detail .sub_con01 {background:#181818;color:#919191}
.class_detail h3 {color:#919191}
.header .btn_alert .bell {background:url('/theme/basic/img/ico_bell_black2.svg');}
.header .mBtn_search {background:url('/theme/basic/img/btn_searchM_black.svg');}
.header .btn_left_menu {display:block}
.leftMenu {left:-500px; z-index:9999}
.class_detail .sub_con_wrap {padding-left:0px;}
.leftMenu .comInfo span {background:#060606;}
.leftMenu .btn_left_menu {background:url('/theme/basic/img/btn_left_menu_black.svg')}
.leftMenu .btn_left_menu_close {background:#060606;}
.leftMenu .leftMenu01 a.m01 {background:url('/theme/basic/img/ico/ico_black/ico_home_black.svg') center left 26px no-repeat;}
.leftMenu .leftMenu01 a.m02 {background:url('/theme/basic/img/ico/ico_black/ico_subscribe_black.svg') center left 25px no-repeat;}
.leftMenu .leftMenu01 a.m03 {background:url('/theme/basic/img/ico/ico_black/ico_new_black.svg') center left 25px no-repeat;}
.leftMenu .leftMenu01 a.m04 {background:url('/theme/basic/img/ico_top_guide_black.svg') 20px 8px no-repeat;}
.leftMenu .leftMenu01 li a.m06 {background:url('/theme/basic/img/ico/ico_black/ico_keep_black.svg') center left 25px no-repeat;}
.leftMenu .leftMenu01 li a.m10 {background:url('/theme/basic/img/ico/ico_black/ico_history_black.svg') center left 25px no-repeat;}
.leftMenu .leftMenu01 li a.m11 {background:url('/theme/basic/img/ico/ico_black/ico_board_black.svg') center left 25px no-repeat;}
.leftMenu .leftMenu01 li a.m12 {background:url('/theme/basic/img/ico/ico_black/ico_contents_black.svg') center left 25px no-repeat;}
.leftMenu .leftMenu01 li a.m13 {background:url('/theme/basic/img/ico/ico_black/ico_info_black.svg') center left 25px no-repeat;}
.leftMenu .leftMenu01 li a.m14 {background:url('/theme/basic/img/ico/ico_black/ico_posting_black.svg') center left 25px no-repeat;}
.leftMenu .leftMenu02 a.m01 {background:url('/theme/basic/img/ico_arrow_black.svg') center left 29px no-repeat;}
.leftMenu .leftMenu02 li a.m04 {background:url('/theme/basic/img/ico/ico_black/ico_c01_black.svg') center left 25px no-repeat;}
.leftMenu .leftMenu02 li a.m05 {background:url('/theme/basic/img/ico/ico_black/ico_c02_black.svg') center left 25px no-repeat;}
.leftMenu .leftMenu02 li a.m06 {background:url('/theme/basic/img/ico/ico_black/ico_keep_black.svg') center left 25px no-repeat;}
.leftMenu .leftMenu02 li a.m10 {background:url('/theme/basic/img/ico/ico_black/ico_history_black.svg') center left 25px no-repeat;}
.leftMenu .leftMenu02 li a.m08 {background:url('/theme/basic/img/ico/ico_black/ico_like_ch_black.svg') center left 25px no-repeat;}
.leftMenu .leftMenu02 li a.m11 {background:url('/theme/basic/img/ico/ico_black/ico_c03_black.svg') center left 25px no-repeat;}
.leftMenu .leftMenu02 li a.m12 {background:url('/theme/basic/img/ico/ico_black/ico_c04_black.svg') center left 25px no-repeat;}
.leftMenu .leftMenu02 li a.m13 {background:url('/theme/basic/img/ico_dashboard_black.svg') center left 29px no-repeat;}
.leftMenu .leftMenu02 li a.m07 {background:url('/theme/basic/img/ico_buy_black.svg') center left 29px no-repeat;}
.leftMenu .leftMenu02 li a.m09 {background:url('/theme/basic/img/ico_heart_black.svg') center left 29px no-repeat;}
.leftMenu .leftMenu01 li a.m20 {background:url('/theme/basic/img/ico_B04.svg') center left 27px no-repeat;}
.leftMenu .leftMenu02 li a.m21 {background:url('/theme/basic/img/ico_B12.svg') center left 27px no-repeat;}
.leftMenu .leftMenu02 li a.m22 {background:url('/theme/basic/img/ico_B13.svg') center left 27px no-repeat;}
.leftMenu .leftMenu02 li a.m23 {background:url('/theme/basic/img/ico_dashboard_black.svg') center left 27px no-repeat;}
.leftMenu .leftMenu02 li a.m14 {background:url('/theme/basic/img/ico_c14_black.svg') center left 26px no-repeat;}
.leftMenu .leftMenu03 a.m01 {background:url('/theme/basic/img/ico_download_black.svg') center left 29px no-repeat; }
.leftMenu .leftMenu03 a.m02 {background:url('/theme/basic/img/ico_logout_black.svg') center left 25px no-repeat; }
.leftMenu .leftMenu04 a.m01 {background:url('/theme/basic/img/ico_arrow_up_black.svg') center left 200px no-repeat; }
.header .btn_left_menu {display:block}
.leftMenu {left:-500px; z-index:9999}
.class_detail .sub_con_wrap {padding-left:0px;}
.leftMenu .comInfo span {background:#060606;}
.leftMenu .btn_left_menu {background:url('/theme/basic/img/btn_left_menu_black.svg')}
.leftMenu .btn_left_menu_close {background:#060606;}

.videowrapper iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border:none;
}
.videoarea{
position: relative;
padding-bottom: 56.25%;
padding-top:0px;
height: 0;
background:rgba(0,0,0,0.3);
margin:0 auto;
max-height:90vh;
}
.videoareaBox{
	max-height:90vh;
}
.videoarea iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/*	max-height:77vh;*/
border:none;}
.loader{
		width: 50px;
		height: 50px;
		border-radius: 50%;
		left:50%;
		margin-left:-25px;
		top:50%;
		margin-top:-25px;
		display: block;
		position: absolute;
		vertical-align: middle;
}
.loader,
.loader:before,
.loader:after {
		animation: 1s infinite ease-in-out;
}
.loader:before,
.loader:after {
		width: 100%;
		height: 100%;
		border-radius: 50%;
		position: absolute;
		top: 0;
		left: 0;
}
.loader-black { 
	background-color: #ff6145; 
}
.loader-5 {
	animation: loader5 1s infinite linear;
}
.class_detail_v .right_bar_wrap2 .right_bar2{
	max-height: 774px;
}
#display_pay_button{
	width:100%;
	display:flex;
	justify-content:center;
}
#display_pay_button input.btn_price_request{
	background: #FD604B;
    color: #fff;
    border: none;
    padding: 10px 114px;
    font-size: 20px;
    border-radius: 5px;
    margin: 10px 20px 0 0;
}
#display_pay_button input.btn_price_request:hover{
	background:#ff715f;
}
#display_pay_button .btn_price_cancel{
	background: #b5b5b5;
    color: #232323;
    border: none;
    padding: 10px 130px;
    font-size: 18px;
    border-radius: 5px;
    margin: 10px 0 0;
}
#display_pay_button .btn_price_cancel:hover{
	background: #c5c5c5;
}

@keyframes loader5 {
		0% {   transform: rotate(0deg); border-radius: 50%; }
		50% {  transform: rotate(90deg); border-radius: 0%; }
		100% { transform: rotate(180deg); border-radius: 50%; }
}

.loader_play{width:100%;height:100%;position:absolute;display:flex;justify-content:center;align-items:center;
-webkit-display:flex;-webkit-justify-content:center;-webkit-align-items:center;}
.loader_play .ico-play {width:144px; height:144px; background:url('/theme/basic/img/icon_white.svg') center no-repeat;
background-color:rgba(255,255,255,0.3);position:absolute; border-radius:50%;cursor:pointer; z-index:3;background-size:104px 104px;
}
.loader_play .ico-play:hover {background:url('/theme/basic/img/icon_orange.svg') center no-repeat;background-color:rgba(255,255,255,0.3);background-size:104px 104px;
}
.loader_play .ico-play-bg {width:144px; height:144px; border:2px solid #fff;  position:absolute;border-radius:50%; z-index:2}
@keyframes bounceIn {
  0% {
    border-width: 3px;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 1;
  }
  50% {
    border-width: 3px;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 1;
  }
  80% {
    border-width: 2px;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.loader_play .ico-play-bg {
animation: bounceIn 2s infinite;
-webkit-animation: bounceIn 2s infinite;
}
#cost_alert .body, #cost_folder_alert .body,  #doubleLog_alert .body{
	background:#000;
	color:#fff;
	text-align:center;
	min-height:210px;
	height:210px;
}
#cost_alert input[type=text], #cost_alert input[type=password], 
#cost_folder_alert input[type=text], #cost_folder_alert input[type=password],
#doubleLog_alert input[type=text], #doubleLog_alert input[type=password], {
	background:#181818;
    color:#919191;;
}
#cost_alert p, #cost_folder_alert p, #doubleLog_alert p{
	padding:25px 20px;
	font-size:18px;
}

.sod_flex{
	width:100%;
	display:flex;
	margin-top:20px;
}
.cost_payment_img{
	margin-left:30px;
}
.cost_payment_img img{
	border-radius:10px;
	margin:20px 0 10px;
}
#sod_frm_pay h2{
	padding-top:20px;
	font-size:30px;
}
#od_tot_price{
	padding:20px 0 10px 40px;
	font-size:30px;
	color:#fff;
}
#od_tot_price p{
	margin-bottom:5px;
}
#od_tot_price span small{
	color:#919191;
	font-size:20px;
}
#od_tot_price p small{
	color:#919191;
}
#od_tot_price span{
	font-weight:300;
	font-size:20px;
}
#od_tot_price .gap{
	height:40px;
}
.result_price{
	font-weight:400;
	font-size:36px;
}
#display_pay_button input.btn_price_request,
#display_pay_button .btn_price_cancel{margin-top:60px;}

@media screen and (max-width:1280px){
	#wrap{
		width:100%;
	}
	#wrap .sod_right{
		width:90% !important;
		margin:auto;
	}
	#od_tot_price{
		padding:20px 20px 10px 20px;
	}
}

/* mobile */
@media screen and (max-width:960px){
	.cost_payment_img img{
		width:100%;
	}
	#sod_frm_paysel{
		display:grid;
		grid-template-columns:repeat(2, 1fr);
		margin-left: 10px;
	}
	#sod_frm_paysel label{
		width:95%;
		text-align:center;
	}
	#sod_frm_paysel > label.hp_icon,
	#sod_frm_paysel > label.card_icon{
		margin:12px 0 0 0;
	}
	#od_tot_price .gap{
		height:15px;
	}

	.loader_play .ico-play {
		width:100px; 
		height:100px;
		background-size:60px 60px;
	}
	.loader_play .ico-play:hover {
		background-size:60px 60px;
	}
	.loader_play .ico-play-bg {
		width:100px; 
		height:100px;
	}
	#m_od_tot_price, #od_tot_price{
		padding:20px;
		font-size:22px;
		color:#fff;
	}
	#m_od_tot_price p{
		margin-bottom:5px;
	}
	#m_od_tot_price span small{
		color:#919191;
		font-size:18px;
	}
	#m_od_tot_price p small{
		color:#919191;
	}
	#m_od_tot_price span{
		font-weight:300;
		font-size:16px;
	}
	#m_od_tot_price .gap{
		height:40px;
	}
	.result_price{
		font-weight:400;
		font-size:28px;
	}
	#sod_frm_pt_alert{
		margin-bottom:30px;
	}
	#m_sod_frm_paysel input[type=radio]:not(old) + label{
		appearance:none;
		-moz-appearance:none;
		-webkit-appearance:none;
		border-radius:0;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		background:none;
		font-size:16px;
	}
	#m_sod_frm_paysel input[type=radio]:not(old) + label{
		border:1px solid #fefefe;
		padding:30px 45px;
		line-height:0px;
		margin:0;
	}
	#m_sod_frm_paysel input[type=radio]:checked + label{
		background:#494949;
		color:#fff;
		border:1px solid #fff;
	}
	#m_sod_frm_paysel ul{
		display:grid;
		grid-template-columns:repeat(2, 1fr);
	}
	#m_sod_frm_paysel ul li:nth-child(1),
	#m_sod_frm_paysel ul li:nth-child(2){
		margin-bottom:8px;
	}
	#m_sod_frm_paysel ul li label{
		width:96%;
		text-align:center;
		margin:0 2%;
	}
	#m_sod_frm_pay h2{
		margin:57px 0 0 20px;
		font-size:20px;
	}
	.sod_flex{
		display:block;
		margin:0;
	}
	.cost_payment_img{
		margin-left:0;
	}
	#m_od_tot_price .gap{
		height:15px;
	}
	#payment_btn_wrap{
		padding:0 20px;
	}
	#display_pay_button{
		padding:0 20px;
		margin-bottom:75px;
		display:block;
	}
	#show_req_btn input, #display_pay_button input.btn_price_request,
	#show_pay_btn input{
		width:100%;
		background:#FD604B;
		color:#fff;
		border:none;
		font-size:18px;
		border-radius:5px;
		padding:12px 0;
		margin:20px 0 0 0;
		display:block;
	}
	#display_pay_button a.btn_cancel, #display_pay_button .btn_price_cancel{
		width:100%;
		background:#b5b5b5;
		color:#232323;
		border:none;
		text-align:center;
		font-size:18px;
		border-radius:5px;
		padding:12px 0;
		margin:15px 0 0 0;
		display:block;
	}
	#show_req_btn input:focus{
		background:#ff715f;
	}
	#show_req_btn a.btn_cancel:focus{
		background: #c5c5c5;
	}
}