@charset "utf-8";
input[type=text] {box-sizing:content-box;}
.board_view * {box-sizing:content-box;}
.application {width:1300px; margin:0 auto;}
/*** 검색박스 ***/
.yglec_search{position:relative; background:#fff; margin:0px .6% 20px}
.yglec_search form{position:relative; padding-right:140px; overflow:hidden}
.yglec_search div.search_condition{float:left; overflow:hidden; width:65%}
.yglec_search div.search_condition>div{position:relative; float:left; padding:19px 0px 22px; box-sizing:border-box}
.yglec_search div.search_condition div.lec_dong{width:25%; padding:20px}
.yglec_search div.search_condition div.lec_dong:after{display:block; content:''; position:absolute; right:0px; top:50%; transform:translateY(-50%);  width:1px; height:18px; background:#d9d9d9}
.yglec_search div.search_condition div.lec_target{width:25%}
.yglec_search div.search_condition div.lec_target:after{display:block; content:''; position:absolute; right:0px; top:50%; transform:translateY(-50%);  width:1px; height:18px; background:#d9d9d9}
.yglec_search div.search_condition div select{padding:10px 40px 10px 20px; width:100%;  border:0px; font-size:18px; appearance:none; -moz-appearance:none; -webkit-appearance:none;  background:url(/edu/images/select_arr.gif) no-repeat 88% center}
.yglec_search div.search_condition div select::-ms-expand{display:none}
.yglec_search div.search_condition div.lec_term{width:50%; position:relative; padding:24px 0px 0px 105px}
.yglec_search div.search_condition div.lec_term p.tit{position:absolute; left:20px; top:29px; font-size:18px;}
.yglec_search div.search_condition div.lec_term input[type=text]{text-align:center; height:43px; line-height:43px; border:2px solid #eee; font-size:18px; width:43%; box-sizing:border-box}
.yglec_search div.search_condition div.lec_cate{margin:0px 2% 0px 5%; width:30%}
.yglec_search div.search_condition div.lec_cate:after{display:block; content:''; position:absolute; right:0px; top:50%; transform:translateY(-50%);  width:1px; height:18px; background:#d9d9d9}
.yglec_search div.search_condition div.lec_cate+div.lec_term{width:60%}
.yglec_search div.lecname{float:right; width:35%; height:100%}
.yglec_search div.lecname input[type=text]{border:0px; padding:0px 5%; height:88px; line-height:88px; width:100%; font-size:18px; color:#666; background:#f9f9f9; border-left:1px solid #eee}
.yglec_search div.lecname input[type=submit]{position:absolute; top:0px; right:0px; width:140px; height:100%; font-size:18px; font-weight:bold; color:#fff; background:#666; border:0px}
.yglec_list ul:after{display:block; content:''; clear:both}
.yglec_list>ul>li{position:relative; float:left; margin:1.5%; width:22%; background:#fff; box-shadow:0px 1px 2px rgba(0,0,0,.15);}
.yglec_list>ul>li:hover{box-shadow:0px 2px 10px rgba(0,0,0,.3)}
.yglec_list>ul>li.close{opacity:.7}
.yglec_list>ul>li a{text-decoration:none}
.yglec_list>ul>li dl{padding:0px 8%; height:100%; border:3px solid transparent; box-sizing:border-box}
.yglec_list>ul>li dl:hover{border-color:#166cc2}
.yglec_list>ul>li dl dt{padding:0px 5px; height:105px; border-bottom:1px solid #d9d9d9; overflow:hidden}
.yglec_list>ul>li dl dt p{position:relative; top:50%; transform:translateY(-50%); color:#111; font-size:21px; word-break:keep-all}
.yglec_list>ul>li dl dt p.longletter{font-size:18px; letter-spacing:-1px}
.yglec_list>ul>li dl dt p.longH{line-height:130%}
.yglec_list>ul>li dl dd{padding:20px 0px}
.yglec_list>ul>li dl dd ul li{position:relative; padding-left:10px; text-overflow:ellipsis; white-space:nowrap}
.yglec_list>ul>li dl dd ul li:after{display:block; content:''; position:absolute; left:3px; top:50%; transform:translateY(-38%); width:3px; height:3px; background:#333}
.yglec_list>ul>li dl dd ul li p{display:inline-block; font-size:14px; vertical-align:top}
.yglec_list>ul>li dl dd ul li p.q{min-width:55px}
.yglec_list>ul>li dl dd ul li p.letter3{letter-spacing:7px; max-width:55px}
.yglec_list>ul>li dl dd ul li p.letter2{letter-spacing:28px; max-width:55px}

.mylec_state { background:#fff; padding:30px 0; margin-bottom:30px; }
.mylec_state div { width:1300px; margin:0 auto; }
.mylec_state div p { margin-bottom:10px; padding:0 0 10px 10px; border-bottom:1px dotted #999; font-size:20px; font-weight:bold; }
.mylec_state div ul { overflow:hidden; }
.mylec_state div ul li { float:left; width:50%; }
.mylec_state div ul li span { line-height:36px; }

.lec_state{margin-left:5px; padding:0px 6px 2px; font-weight:bold; font-size:13px; border-radius:30px}
.lec_state.state1{color:#b92323; border:2px solid #b92323}
.lec_state.state2{color:#3d49b8; border:2px solid #3d49b8}
.lec_state.state3{color:#444; border:2px solid #444}
.lec_state.state4{color:#366438; border:2px solid #366438}
.lec_state.state5{color:#fff; background:#333;}

.lec_btn{display:inline-block; padding:0px 15px 2px; border-radius:60px; background:#ddd}
.lec_btn.btn1{background:#b92323; color:#fff}
.lec_btn.btn2{background:#3d49b8; color:#fff}
.lec_btn.btn3{background:#888; color:#fff}
.lec_btn.btn4{background:#366438; color:#fff}

.yglec_list.mylec>ul>li{width:47.0%}
.yglec_list.mylec>ul>li.once{width:100%; margin:0px}
.yglec_list.mylec>ul>li dl dd{padding:20px 0px 30px}
.yglec_list.mylec>ul>li dl dd ul li{padding:5px 0px 5px 10px; border-top:1px dotted #ddd}
.yglec_list.mylec>ul>li dl dd ul li:first-child{border-top:0px}
.yglec_list.mylec .lec_state{margin-left:0px; font-size:15px}


/**************************************************************************************************************************/

@media screen and (max-width:1600px){ 
}

@media screen and (max-width:1400px){ 
	.yglec_search{margin-top:40px}
	.yglec_search div.search_condition{width:100%}
	.yglec_search div.search_condition>div{padding-top:10px !important; padding-bottom:10px !important}
	.yglec_search div.lecname{width:100%; border-left:0px; border-top:1px solid #eee}
	.yglec_search div.search_condition div.lec_term p.tit{top:16px}
	.yglec_search div.lecname input[type=text]{height:60px; line-height:60px}
	.yglec_list>ul>li{margin:.6%; width:32.1%}
	.yglec_list>ul>li dl dt{height:94px}
	.yglec_list>ul>li dl dt p{font-size:19px}
	.application{width:100%;}
	.mylec_state div { width:100%; padding:0 2%;}

}
@media screen and (max-width:1200px){
	.yglec_list>ul>li{margin:.5%; width:49%}
}
@media screen and (min-width:801px){ 
	.dp_mb{display:none}
	.pc_block{display:block}
}
@media screen and (max-width:800px){ 
	.dp_pc{display:none}
	.mb_block{display:block}

	.yglec_search form{padding-right:80px}
	.yglec_search div.search_condition div select{padding:8px 30px 8px 8px; font-size:15px}
	.yglec_search div.search_condition>div.lec_dong{width:50%; padding:5px}
	.yglec_search div.search_condition>div.lec_target{width:50%}
	.yglec_search div.search_condition>div.lec_term{display:none}
	.yglec_search div.lecname{width:100%; border-top:0px; border-left:1px solid #eee}
	.yglec_search div.lecname input[type=text]{font-size:15px; height:50px; line-height:50px}
	.yglec_search div.lecname input[type=submit]{width:80px; font-size:16px}
	.yglec_list>ul>li{margin:0%; width:100%; background:transparent; box-shadow:none; border-bottom:1px solid #ddd}	
	.yglec_list>ul>li:hover{box-shadow:none}
	.yglec_list>ul>li dl{padding:10px 0px}
	.yglec_list>ul>li dl:after{display:none}
	.yglec_list>ul>li dl dt{padding:5px; height:auto; border:0px}
	.yglec_list>ul>li dl dt p{top:0%; transform:translateY(0); font-size:16px !important; font-weight:bold !important; line-height:150% !important}
	.yglec_list>ul>li dl dd{padding:0px 5px 5px}
	.yglec_list>ul>li dl dd ul li{display:none}
	.yglec_list>ul>li dl dd ul li.period{display:block}
	.yglec_list>ul>li dl dd ul li.time{display:block}
	.yglec_list>ul>li dl dd ul li .lec_state{margin-left:5px}
	.yglec_list>ul>li.close dt p{color:#666}
	.yglec_list.mylec>ul>li{margin-top:10px; width:100%; background:#fff}
	.yglec_list.mylec>ul>li dl{padding:20px 20px 0px}
	.yglec_list.mylec>ul>li dl dd{padding-bottom:20px}
	.yglec_list.mylec>ul>li dl dd ul li{display:block}
	.yglec_list.mylec>ul>li dl dd ul li:first-child{border-top:0px}
	.yglec_list.mylec .lec_state{margin-left:0px; font-size:15px}
	.yglec_list>ul>li dl dd ul li:after{top:10px}

	.mylec_state div ul li { float:none; width:100%; }


	.paging a{width:30px; height:30px; line-height:30px; font-size:15px}
	.paging a.page_btn{width:25px; height:30px; line-height:30px; }
}
@media screen and (max-width:480px){
}