@charset "euc-kr";

.container{position: relative;}
.container.only_tec{}

.cast_top{background: #0080fe}
.cast_top .inner{padding: 50px 0;width: 1080px;margin: 0 auto;background: url('https://img.megagong.net/s/cast/cast_top_bg.png') 100% center no-repeat;}

.cast_list.teahome_in{width: 1080px;margin: 0 auto;padding: 30px 0 0;box-sizing: border-box;}

.srch_wrp{background-color: #f8f8f8;margin:0 0 40px}
.srch_wrp .castSearch{width: 1080px;margin: 0 auto;padding: 15px 0}
.srch_wrp .castSearch::after{content:"";display: block;clear: both;}
.srch_wrp .castSearch select{width: 120px;height: 32px;vertical-align: bottom;}
.srch_wrp .castSearch input[type="text"]{width: 285px;height: 32px;padding: 0;vertical-align: middle;box-sizing: border-box;}
.srch_wrp .castSearch a.search{background-color: #555;height: 32px;display: inline-block;width: 60px;line-height: 32px;vertical-align: middle;text-align: center;color: #fff;font-weight: bold;}
.srch_wrp .castSearch .sLeft{float: left;}
.srch_wrp .castSearch .sRight{float:right;}
.cast_list.teahome_in .srch_wrp{width: 1080px;margin:0 auto 40px;text-align: center;}
.cast_list.teahome_in .srch_wrp .castSearch{padding:20px;box-sizing: border-box;}
.cast_list.teahome_in .srch_wrp .castSearch .sLeft{display: none}
.cast_list.teahome_in .srch_wrp .castSearch .sRight{float: none;display: inline-block}
.cast_list.teahome_in .srch_wrp .castSearch select{border:1px solid #d0d0d0;padding-left:10px;width: 125px;height: 34px;}
.cast_list.teahome_in .srch_wrp .castSearch input[type="text"]{border:1px solid #d0d0d0;width: 270px;height: 34px;}

.list_wrp{width: 1080px;margin: 0 auto 100px}
.list_wrp .more{display: block;background-color: #eeeeee;text-align: center;padding: 15px;color: #565656;font-weight: bold;}
.list_wrp .more img{vertical-align: middle;margin:-3px 0 0 5px}
.commonTab{margin-bottom: 30px;}
.commonTab > ul::after{content:"";display: block;clear: both;}
.commonTab > ul.con1 li{width: 100%}
.commonTab > ul.con2 li{width: 50%}
.commonTab > ul.con3 li{width: 33.3%}
.commonTab > ul.con4 li{width: 25%}
.commonTab > ul.con5 li{width: 20%}
.commonTab > ul.con6 li{width: 16.666%}
.commonTab > ul.con7 li{width: 14.285%}
.commonTab > ul.con8 li{width: 12.5%}
.commonTab > ul.con9 li{width: 11.111%}
.commonTab > ul.con10 li{width: 10%}
.imgboard{margin-left: -16px}
.imgboard::after{content: "";display: block;clear: both;}
.imgboard li{float:left;width: 25%;margin-bottom: 30px}
.imgboard li a{display: block;padding-left: 16px}
.imgboard li a:hover .tit{text-decoration: underline;}
.imgboard span,.imgboard strong{display: block;}
.imgboard strong.tea{color: #0080fe;display: inline-block;vertical-align: middle;margin: 10px 0 0;font-size: 12px;}
.imgboard .img{position: relative;display: block;border: 1px solid #dcdcdc;padding-bottom: 59.3%;overflow: hidden;}
.imgboard .img img{max-width: 100%;max-height: 100%;width: 100%}
.imgboard .img strong{position: absolute;top: 0;left:0;padding:5px 7px;background-color: #0080fe;color: #fff;font-size: 12px;letter-spacing: -0.07em;font-weight: normal !important}
.imgboard .img .time{position: absolute;bottom: 0;right: 0;display: block;background-color: #000;color: #dedede;padding: 3px 3px;font-size: 12px;}
.imgboard .date{padding:10px 0 0;color: #808080;font-size: 12px;letter-spacing: -0.03em}
.imgboard .date strong{color: #0080fe;display: inline-block;vertical-align: middle;margin: -3px 0 0;font-weight: normal !important}
.imgboard .tit{font-size: 13px;color: #333;text-decoration: none;letter-spacing:-1px;font-weight: bold;padding: 8px 0 0 0;line-height: 1.3;height: 32px;overflow: hidden;}
.imgboard .tit .count{color:#0073bd;display:inline;font-weight:normal !important;padding:0 0 0 2px;}
.imgboard .srch_null{text-align: center;width: 100%;padding: 40px 0 80px;}
.imgboard .srch_null strong{max-width: 100%}
.imgboard .img img{position: absolute;top: 0;left: 0;}
.cast_view{width: 1080px;margin: 0 auto 100px;padding: 30px 0 0;}
.cast_view .title_wrp{position: relative;margin: 0 0 20px;}
.cast_view .title_wrp p{position: relative;}
.cast_view .title_wrp p.tit{font-size: 15px;font-weight: bold;padding: 0 0 20px;border-bottom: 2px solid #555;margin: 0 0 20px;}
.cast_view .title_wrp p.tit strong{/*position: absolute;top: -5px;left: 0;*/padding: 5px 7px;background-color: #0080fe;color: #fff;font-size: 14px;letter-spacing: -0.07em;font-weight: normal !important;}
.cast_view .title_wrp .date{overflow: hidden;line-height:1.1;}
.cast_view .title_wrp .date > strong{color: #0080fe;display: inline-block;}
.cast_view .title_wrp .date > strong a{position: relative;display: block;padding: 0 30px 0 0;background: url(https://img.megagong.net/m/common/home_icon.png) no-repeat 100% center;}
.cast_view .title_wrp .date .date{float: right;color: #949494;padding-right: 3px}
.cast_view .title_wrp .date .date > strong{color: #666;}
.cast_view .video{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.cast_view .video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.cast_view .txt_wrp{border-top: 1px solid #d0d0d0;border-bottom: 1px solid #d0d0d0;padding:35px 0;margin: 40px 0 0;line-height: 1.5}
.cast_view .down_wrp{position: relative;padding: 16px 0 15px 105px;border-top: 1px solid #d0d0d0;border-bottom: 2px solid #d0d0d0;}
.cast_view .down_wrp strong{display: block;position: absolute;top: 20px;left: 0;color: #007af3;border-right: 1px solid #007af3;padding: 0 10px 2px 0;line-height: 1;}
.cast_view .down_wrp img{vertical-align:middle;margin: -2px 0 0 7px;}
.cast_view .down_wrp a{text-decoration:underline;line-height: 1.3;}
/* aiÀÚ¸· ¹®±¸ Ãß°¡ */
.cast_view .noti{margin: 40px auto 20px;opacity: 0.6;line-height: 1.2;}
.cast_view .noti + .txt_wrp{margin-top: 0;}

.cast_view .form_row {position: relative;background: #eee;border: 1px solid #ccc;padding: 20px 20px 15px;border-bottom: 0;}
.cast_view .form_row p{position: relative;padding: 0 155px 0 0;}
.cast_view .form_row input[type="text"]{margin-right: 0;width: 100%;height: 40px;border: 1px solid #ccc;padding: 0 10px 0 10px;font-size: 13px;box-sizing: border-box;}
.cast_view .form_row a.btn {display: block;float: right;width: 160px;height: 40px;line-height: 40px;color: #fff;text-align: center;font-size: 13px;font-weight: bold;position: absolute;top: 0;right: 0;background:#000;}
.cast_view .cautn{margin-top: 9px;}
.cast_view .cautn li{position: relative;line-height: 1.3;padding: 0 0 5px 10px;font-size: 12px;color: #adadad;text-align:left;}
.cast_view .cautn li::before{position: absolute;content:'-';left:0;top:0;}
.cast_view .table_list table{width:100%;border: 1px solid #ccc;background-color: #fff}
.cast_view .table_list tbody tr td{border:1px solid #ccc}
.cast_view .table_list tbody tr:first-child td{border-top:none}
.cast_view .table_list td{padding: 15px 7px;text-align: center;font-size: 13px;color:#000;vertical-align: middle;line-height: 1.3;word-break: break-all;letter-spacing: -0.07em;}
.cast_view .table_list td.teacher{text-align: center}
.cast_view .table_list td span{font-size: 13px;font-weight: bold;}
.cast_view .table_list td.tit{text-align: left;}
.cast_view .btn_list{margin-bottom: 40px}

.srch_type::after{content: "";clear: both;display: block;}
.srch_type .f_right{}
.srch_type .f_right ul::after{content: "";clear: both;display: block;}
.srch_type .f_right ul li{float:left;padding:0 20px;background:url('https://img.megagong.net/new/mypage/myclassSort.png') no-repeat left top}
.srch_type .f_right ul li.on{background-position:left bottom}
.srch_type .f_right ul li a{color:#b4b4b4;font-weight:bold}
.srch_type .f_right ul li.on a{color:#272727}

.teahome_cast_tit{display: none}
.cast_list.teahome_in .teahome_cast_tit{display: block}


@media (max-width: 1200px){
	.cast_top .inner,.srch_wrp .castSearch,.list_wrp,.cast_view{width: 96%}
	.cast_top .inner h2 img{width: 70%}
	.srch_wrp .castSearch input[type="text"]{width: 200px}
	.cast_list.teahome_in{width: 100%;padding: 55px 15px 0;}
	.cast_list.teahome_in .srch_wrp,.cast_list.teahome_in .srch_wrp .castSearch, .cast_list.teahome_in .list_wrp{width: 100%;}
}
@media (max-width: 900px){
	.cast_top .inner{background-size: 150px;padding: 30px 0}
	.cast_top .inner h2 img{width: 80%}
	.imgboard li{width:33.33%;}
	.cast_view .form_row p{padding: 0;}
	.cast_view .form_row a.btn {float: none;position: relative;top: inherit;right: inherit;width: 100%;display: block;}
	.srch_wrp .castSearch select{width: 49.5%;display: inline-block;margin: 0 0 5px;}
	.srch_wrp .castSearch input[type="text"]{width: 100%;display: inline-block;margin: 0 0 5px;}
	.srch_wrp .castSearch a{width: 100%;height: 37px;height: 37px;}
	.srch_wrp .castSearch .sLeft{float: none;font-size: 0;}
	.srch_wrp .castSearch .sLeft select:last-child{float:right}
	.srch_wrp .castSearch .sLeft select:nth-child(1){width: 100%}
	.srch_wrp .castSearch .sLeft select[name="sub_cd"]{width: 49.5%}
	.srch_wrp .castSearch .sRight{float: none;}
	.srch_wrp .castSearch .sRight select{width:100%}

    .cast_list.teahome_in .srch_wrp{margin:0 0 20px}
	.cast_list.teahome_in .srch_wrp .castSearch{padding:15px;}
	.cast_list.teahome_in .srch_wrp .castSearch select{width: 100px;margin-bottom: 0;}
	.cast_list.teahome_in .srch_wrp .castSearch input[type="text"]{width: 150px;margin-bottom: 0;}
	.cast_list.teahome_in .srch_wrp .castSearch a{width:50px;margin-bottom: 0;height: 34px;}
}
@media (max-width: 768px){
	.cast_top{/* background-size: 150px; *//* padding: 30px 0; */background-size: 95px;background-position: 100% 10px;padding: 0;}
		.cast_top .inner{padding:38px 0 20px;background-size: 116px;/* padding: 30px 0; */background-position: 100% 10px;}
	.cast_top .inner h2 img{width: 100%;}
	.imgboard li{float:left;width: 50%;}

	.cast_view .title_wrp p.tit{padding: 31px 0 15px;font-size: 13px;line-height:1.3;margin: 0 0 12px;}
	.cast_view .title_wrp p.tit strong{/*top:0;*/margin-bottom:5px;display:inline-block;font-size: 12px;}
	.cast_view .title_wrp .date{font-size:12px;display: block;float: none;}
	.cast_view .title_wrp .date .date{float: none;padding: 10px 0 0;letter-spacing: -0.09em;}
	.cast_view .txt_wrp{margin:20px 0 0;padding:20px 0;}

	/* aiÀÚ¸· ¹®±¸ Ãß°¡ */
	.cast_view .noti{margin: 20px auto 10px;font-size: clamp(11px,1.3vmin,13px);}

	.cast_view .form_row{padding:10px 10px 7px}
	.cast_view .table_list td{padding: 7px;font-size: 12px;}


	.cast_view .down_wrp{padding: 33px 0 13px 0;}
	.cast_view .down_wrp strong{border-right: 0;top: 11px;}
	.cast_view .down_wrp a{font-size:12px}
	.cast_view .down_wrp img{width: 18px}

	.cast_list.teahome_in .srch_wrp .castSearch .sRight{width: 100%;}
	.cast_list.teahome_in .srch_wrp .castSearch select{width: 100%;margin: 0 0 7px 0;padding: 0}
	.cast_list.teahome_in .srch_wrp .castSearch input[type="text"]{width: 100% !important;padding: 0;margin: 0 0 7px}
	.cast_list.teahome_in .srch_wrp .castSearch a{width: 100%;margin:0;border: 1px solid #555;}

}
@media (max-width: 640px){

}
@media (max-width:460px){
	.imgboard strong.tea{font-size:11px;}
	.imgboard .tit{font-size:11px;}
}
@media (max-width: 350px){
	.imgboard .date{letter-spacing: -0.15em;}
}