@charset "utf-8";

/* LNB */
div.m_professor,
div.m_menu{width:100%;display:inline-block;}
select{padding:4px 25px 4px 5px;/*height:22px;line-height:21px;*/background:#FFF url(../../resources/images/common/select_arr.gif) no-repeat 98% center;border:1px solid #bbb;color:#666;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	-ms-appearance: none;	
}
select#SELECTCATEGORY{padding:4px 25px 4px 5px;/*height:22px;line-height:21px;*/background:#b92630 url(../../resources/images/common/arrow_0.png) no-repeat 98% center;border:1px solid #bbb;color:#FFF;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	-ms-appearance: none;	
}
select::-ms-expand {  display: none;}/* IE 10, 11의 네이티브 화살표 숨기기 */
div.m_professor select{width:100%;font-size:0.9em;background-color:#b92630;color:#fff;font-weight:bold;margin:5px 0 10px;height:32px;}
div.m_menu select.gray{width:100%;font-size:0.9em;background-color:#b6b6b6;color:#000;padding:5px 1%;font-weight:bold;margin:5px 0;height:32px;}

div.m_menu{width:100%;display:inline-block}
div.t_professor{display:none}
div.pro_list{letter-spacing:0;}


@media only screen and (min-width:981px) {
	div.m_professor,	div.m_menu{display:none;border:1px solid #000;}
	div.t_professor{width:100%;display:inline-block;background-color:#FFF;}
	div.l_professor{width:100%;display:inline-block;border-bottom:none;}
	div.l_professor h3{width:100%;line-height:325%;background-color:#4a4f55;color:#fff;text-align:center}
	div.pro_list{clear:both;width:99.6%;display:inline-block;border-bottom: 1px solid #c5c5c5}
	
	

	div.pro_list ul.left_in_tit{width:99.5%;display:inline-block;line-height:300%;font-size:12px;border-left: 1px solid #c5c5c5;border-right: 1px solid #c5c5c5}
	div.pro_list ul.left_in_tit li p{padding-left: 10%;color: #000; background:#ddd; font-weight: bold;letter-spacing: -1px;border-bottom: 1px solid #bdbdbd}
	div.pro_list ul.left_in_tit li:last-child p,
	div.pro_list ul.left_in_tit li:last-child ul{border-bottom:0;}
	div.pro_list ul.left_in_tit li p.on{background:#b92630;color:#fff; width: auto}
	div.pro_list ul.left_in_tit li p a{color:#000;width:100%;display:inline-block}
	div.pro_list ul.left_in_tit li p.on a{color:#fff;}
	div.pro_list ul.left_in_tit li~li{}
	div.pro_list ul.left_in_tit li ul{line-height:200%;padding:10px 0;border-bottom: 1px solid #bdbdbd}
	div.pro_list ul.left_in_tit li ul li{padding-left: 13%;letter-spacing: -1px}
	div.pro_list ul li ul li a{width:95%;display:inline-block;background:url('../../resources/images/video_sub/li_bg01.png') no-repeat 0 8px;padding-left:5%;letter-spacing: -1px;line-height:200%}
	div.pro_list ul li ul li a:hover{color:#b92630;font-weight:bold}
	div.pro_list ul.left_in_tit li p.hsh{border:none}
	div.pro_list ul li ul li.on a{color:#b92630;font-weight: bold}
	/*
	div.pro_list ul.left_in_tit li:first-child p a{color:red;width:100%;display:inline-block}
	div.pro_list ul.left_in_tit li:first-child p {background:rgb(255,252,4);color:red;}
	div.pro_list ul.left_in_tit li:first-child p.on{background:#b92630;color:#fff;}
	div.pro_list ul.left_in_tit li:first-child p.on a{color:#fff;}
	*/
}
/*
@media only screen and (max-width:640px) {
	div.m_professor select{height:26px;font-size:0.9em;}
div.m_menu select.gray{height:26px;font-size:0.9em;}
}*/

@media only screen and (min-width:980px) {
	div.pro_list ul li button{font-size:1em}
	div.pro_list ul li ul li{font-size:1em}
}

/* 퀵메뉴 */
div.q_menu{width:100%;display:inline-block;margin-top:3%}
div.q_menu ul{width:100%;display:inline-block;border-left:solid 1px #bbb}
div.q_menu ul li{width:33%;height:35px;float:left;text-align:center;background-color:#f6f6f6;letter-spacing:-1px;line-height:290%;font-weight:bold;border-right:solid 1px #bbb;border-bottom:solid 1px #bbb;font-size:0.8em}
div.q_menu ul li.bdt,div.q_menu ul li.bddt{border-top:solid 1px #bbb}
div.q_menu ul li br{display:none}
div.q_menu ul li a{width:94%;height:29px;display:inline-block;}
div.q_menu ul li a:hover{border:solid 3px #ff6610;color:#ff6610}
div.q_menu ul li.li_none{display:none}
div.left_cont_area{display:none}

@media only screen and (min-width:420px) {
	div.q_menu ul li a{width:96%;}
}
@media only screen and (min-width:500px) {
	div.q_menu ul li a{width:97%;}
}

@media only screen and (min-width:660px) {
	div.left_cont_area{display:block}
	div.left_cont_data{display:none}
	div.q_menu{width:100%;display:inline-block;float:left;clear:both;margin-top:1em}
	div.q_menu ul{width:99.6%;display:inline-block}
	div.q_menu ul li{width:49.1%;height:60px;line-height:150%}
	div.q_menu ul li.bddt{border-top:none}
	div.q_menu ul li.for{line-height:440%}
	div.q_menu ul li br{display:block}
	div.q_menu ul li div:hover{border:solid 3px #ff6610}
	div.q_menu ul li div a:hover{color:#ff6610}
	div.q_menu ul li.li_none{display:block}
	div.q_menu ul li a{width:91%;height:48px;padding-top: 10%;}

}

@media only screen and (min-width:781px) {
	div.q_menu ul li{line-height:150%}
	div.q_menu ul li br{display:block}
}
@media only screen and (min-width:980px) {
	div.q_menu ul li.first{width: 49.7%;}
	div.q_menu ul li{height:58px}
	div.q_menu ul li br{display:block}
	div.q_menu ul li a{height: 44px;width: 81px;}
}


/* 안내 */
div.phone{width:89.5%;display:inline-block;border:solid 1px #ddd;background-color:#f6f6f6;padding:0 5%}
div.phone ul{width:100%;display:inline-block}
div.phone ul li{width:100%;display:inline-block;padding:4% 0}
div.phone ul li{width:100%;display:inline-block;border-bottom:dashed 1px #ddd;text-align: center;}
div.phone ul li img{width: 100%;max-width: 274px;}
div.phone ul li p{display:none;padding-left:8%;font-size:0.8em}
div.phone ul li b{color:#000}
div.phone ul li span{color:#ff6600;font-weight:bold}

@media only screen and (min-width:660px) {
	div.phone{width:100%;float:left;clear:both;display:inline-block;padding:0}
	div.phone ul li br{display:block}
		div.phone ul li{padding-left:1%;width: 98%;text-align:left;}
	div.phone ul li.phone_bg{width:81%;padding-left:19%;background:url('../../resources/images/common/phon.gif') no-repeat 5px 50%;background-size:25%}
	div.phone ul li p{display:block}
	div.phone ul li p{padding-left:18%}
	div.phone ul li p.bank{padding:0}
	div.phone ul li img{display:none}
}

@media only screen and (min-width:781px) {
	div.phone ul li.phone_bg{background:url('../../resources/images/common/phon.gif') no-repeat 15% 50%;background-size:auto}
	div.phone ul li p{padding-left:30%}
	div.phone ul li p.bank{padding-left:6%}
}