@charset "utf-8";

#sec_edu {float:right; width:900px; padding:20px 0 40px}

/* 비주얼 */
.sec_visual{ position:relative; width:100%; height:220px; background:url('/images/org/web/myedu/sec/sec_visual_bg.png') no-repeat; border-radius:18px;}
.sec_visual .txt{ position:absolute; top:55px; left:60px; font-size:0; text-indent:-10000em; width:285px; height:110px; background:url('/images/org/web/myedu/sec/sec_visual_txt1.png') no-repeat;}/* 181217 */
.sec_visual .img{ position:absolute; top:14px; right:25px; width:542px; height:199px; background:url('/images/org/web/myedu/sec/sec_visual_img.png') no-repeat}

/* 바로가기 */
.sec_Mlink{ margin-top:30px;}
.sec_Mlink ul{overflow:hidden}
.sec_Mlink ul li{ float:left; width:164px; height:164px; margin-left:20px;}
.sec_Mlink ul li:first-child{margin-left:0;}
.sec_Mlink ul li a{ display:block; height:100%; font-size:16px; text-align:center; border-radius:18px;}
.sec_Mlink ul li a img{ display:block; padding-top:16px; margin:0 auto 15px}
.sec_Mlink ul li.lk_01 a{ background-color:#ff9c9c; color:#ac2929;}
.sec_Mlink ul li.lk_02 a{ background-color:#fecb4c; color:#9a710b}
.sec_Mlink ul li.lk_03 a{ background-color:#948de2; color:#382fa3;}
.sec_Mlink ul li.lk_04 a{ background-color:#1bb1b1; color:#054b4b}
.sec_Mlink ul li.lk_05 a{ background-color:#28a7e4; color:#074766}

/* 공지사항 */
.sec_notice{ position:relative; float:left; width:400px; height:191px; padding:17px 19px 0; margin-top:30px; border:1px solid #ddd; border-radius:13px; background-color:#fafafa;}
.sec_notice > h2.tit{font-size:18px; font-weight:bold; letter-spacing:-1px; height:48px; background:url('/images/org/web/myedu/sec/sec_notice_tit_line.png') no-repeat right bottom}
.sec_notice > h2.tit span{ display:block; background:url('/images/org/web/myedu/sec/sec_notice_tit_bg.png') no-repeat left center; line-height:34px; padding-left:38px; color:#323232;}
.sec_notice .list_box {padding:13px 0 0; overflow:hidden;}
.sec_notice .list_box ul.ul_list {overflow:hidden; letter-spacing:-1px;}
.sec_notice .list_box ul.ul_list li {width:100%; float:left; line-height:28px; font-size:14px; overflow:hidden}
.sec_notice .list_box ul.ul_list li a {display:block; float:left; background:url('/images/org/web/myedu/sec/sec_notice_dot.png') no-repeat 0 13px; width:70%; padding-left:10px; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sec_notice .list_box ul.ul_list li a:hover {text-decoration:underline;}
.sec_notice .list_box ul.ul_list li span.date { display:block; letter-spacing:0; float:right; width:20%; text-align:right; color:#7c7c7c; }
.sec_notice .btn_more {position:absolute; width:27px; height:27px; top:22px; right:20px; background:url('/images/org/web/myedu/sec/btn_more.png') no-repeat 50% 50%; text-indent:-10000px; z-index:10 }

/* 최신뉴스 */
.sec_news{ position:relative; float:left; width:400px; height:191px; padding:17px 19px 0; margin:30px 0 0 20px; border:1px solid #ddd; border-radius:13px; background-color:#fafafa;}
.sec_news > h2.tit{font-size:18px; font-weight:bold; letter-spacing:-1px; height:48px; background:url('/images/org/web/myedu/sec/sec_notice_tit_line.png') no-repeat right bottom}
.sec_news > h2.tit span{ display:block; background:url('/images/org/web/myedu/sec/sec_news_tit_bg.png') no-repeat left center; line-height:34px; padding-left:38px; color:#323232;}
.sec_news .list_box {padding:13px 0 0; overflow:hidden;}
.sec_news .list_box ul.ul_list {overflow:hidden; letter-spacing:-1px;}
.sec_news .list_box ul.ul_list li {width:100%; float:left; line-height:28px; font-size:14px; overflow:hidden}
.sec_news .list_box ul.ul_list li a {display:block; float:left; background:url('/images/org/web/myedu/sec/sec_notice_dot.png') no-repeat 0 13px; width:70%; padding-left:10px; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sec_news .list_box ul.ul_list li a:hover {text-decoration:underline;}
.sec_news .list_box ul.ul_list li span.date { display:block; letter-spacing:0; float:right; width:20%; text-align:right; color:#7c7c7c; }
.sec_news .btn_more {position:absolute; width:27px; height:27px; top:22px; right:20px; background:url('/images/org/web/myedu/sec/btn_more.png') no-repeat 50% 50%; text-indent:-10000px; z-index:10 }

/*******************************************************************
// 서브콘텐츠 : 181114
*******************************************************************/
/* 센터소개 */
.greeting_officer { position:relative}
.greeting_officer .img { display:block; position:absolute; top:15px; left:0}
.greeting_officer .txt_hd{ margin-left:268px; font-size:25px; color:#374e66; line-height:140%; letter-spacing:-1.5px; margin-bottom:20px;}
.greeting_officer .txt_hd em{ font-weight:bold}
.greeting_officer .col_gr{ color:#179472;}
.greeting_officer .col_bl{ color:#005ebe;} 
.greeting_officer .txt_cnt{ margin-left:268px; color:#666; font-size:15px; letter-spacing:-0.5px; line-height:150%; margin-bottom:30px}
.greeting_officer .txt_cnt em{ font-size:17px; font-weight:bold}
.greeting_officer .txt_ft{ margin-left:268px; text-align:right; font-size:15px; color:#666;}
.greeting_officer .txt_ft img{ margin-left:10px; vertical-align:middle}

/* 전형방법 */
.enterSch .tit06{ font-size:15px; line-height:24px;}
.enterSch .noMg{margin-left:0 !important;}
.enterSch .form{width:23%; margin-left:2%; border:1px solid #ccc; float:left;}
.enterSch .form:first-child { margin-left:0}
.enterSch .form h4{padding:20px; background:#f9f9f9; min-height:34px;}
.enterSch .form ul li{font-size:13px;}
.enterSch .listTy01{text-align:left;}
.enterSch .form > ul{min-height:200px;}
.enterSch .form > ul > li{ padding:10px; border-top:1px solid #ccc;}
.enterSch .form p{color:#f00; border-top:1px solid #ccc; padding:10px 0;}
.enterSch .box01{position: relative; display:inline-block; margin:10px 0; width:100%;}
.enterSch .box01 div{ width:30%; word-break: break-all; margin-left:4%; border:1px solid #ccc; background:#f9f9f9; padding:20px 0; text-align:center; color:#333; float:left;}
.enterSch .box01 div:first-child{margin-left:0;}
.enterSch .box01 p{position: absolute; top:20px;}
.enterSch .box01 p.arrow01{left:31.5%;}
.enterSch .box01 p.arrow02{left:65.5%;}


@media screen and (max-width:1019px) {
	
	#sec_edu,
	.sec_notice, .sec_news {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	
	#sec_edu{ width:100%; padding:3% 2.5%}
	
	/* 비주얼 */
	.sec_visual{height:0; padding-top:22%; background-size:cover; border-radius:16px;}
	.sec_visual .txt{top:20%; left:10%; width:80%; height:60%; background-size:contain}/* 181217 */
	.sec_visual .img{top:6.36%; right:2.77%; width:50%; height:90%; background-size:contain}	
	
	/* 바로가기 */
	.sec_Mlink{ margin-top:3%;}
	.sec_Mlink ul li{width:18.4%; height:auto; margin-left:2%;}
	.sec_Mlink ul li a{font-size:15px; border-radius:15px;}
	.sec_Mlink ul li a img{ width:60%; height:auto}
	.sec_Mlink ul li a .txt{ display:block; line-height:20px; padding-bottom:24px;}
	
	/* 공지사항 */
	.sec_notice{ width:49%; height:210px; margin-top:3%; border-radius:10px;}
	.sec_notice .list_box ul.ul_list li a {width:70%}
	.sec_notice .list_box ul.ul_list li span.date { width:20%;}
	
	/* 최신뉴스 */
	.sec_news{ width:49%; height:210px; margin:3% 0 0 2%; border-radius:10px}
	.sec_news .list_box ul.ul_list li a {width:70%}
	.sec_news .list_box ul.ul_list li span.date {width:20%}
	
	/*******************************************************************
	// 서브콘텐츠 : 181114
	*******************************************************************/	
	/* 교육장 인사말 */
	.greeting_officer .txt_hd, .greeting_officer .txt_cnt, .greeting_officer .txt_ft{ margin-left:240px}
	
	/* 전형방법 */
	.enterSch .form{width:48%; margin:1%;}
	.enterSch .form:nth-child(2n+1) { margin-left:0}
	.enterSch .form.noMg{margin:0 1% 10px 1% !important;}
	

}

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

	/* 비주얼 */
	.sec_visual{height:0; padding-top:30%; border-radius:12px;}
	.sec_visual .txt{top:27.5%; left:10%; width:60%; height:45%}/* 181217 */
	.sec_visual .img{top:25%; right:3%; width:55%; height:90%}

	/* 공지사항 */
	.sec_notice{ width:100%}
	
	/* 최신뉴스 */
	.sec_news{ width:100%; margin:3% 0 0}
	
	/*******************************************************************
	// 서브콘텐츠 : 181114
	*******************************************************************/		
	/* 교육장 인사말 */
	.greeting_officer .txt_hd, .greeting_officer .txt_cnt, .greeting_officer .txt_ft{ margin-left:0}
	.greeting_officer .img {width:auto; display:block; position:relative; top:auto; left:auto; text-align:center; margin-bottom:20px;}
	.greeting_officer .img img{ width:auto;}

}

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

	/* 비주얼 */
	.sec_visual{padding-top:40%; border-radius:8px;}
	.sec_visual .txt{top:12%; left:10%; width:43%; height:38%}/* 181217 */
	.sec_visual .img{top:40%; right:2.77%; width:60%; height:90%}

	/* 바로가기 */
	.sec_Mlink{ margin-top:1%;}
	.sec_Mlink ul li{width:49%; margin-top:2%; height:70px; line-height:70px}
	.sec_Mlink ul li:first-child, .sec_Mlink ul li:nth-child(3), .sec_Mlink ul li:nth-child(5){margin-left:0;}
	.sec_Mlink ul li a{border-radius:5px; text-align:left}
	.sec_Mlink ul li a img{ display:inline-block; width:auto; height:36px; padding:0 10px 0 16px; margin:-5px 0 0;}
	.sec_Mlink ul li a .txt{ display:inline-block; line-height:70px; padding-bottom:0;}

	/*******************************************************************
	// 서브콘텐츠 : 181114
	*******************************************************************/
	/* 교육장 인사말 */	
	.greeting_officer .txt_hd{font-size:20px; letter-spacing:-1px}
		
}

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

	/* 공지사항 */
	.sec_notice .list_box ul.ul_list li a {width:90%}
	.sec_notice .list_box ul.ul_list li span.date { display:none}
	
	/* 최신뉴스 */
	.sec_news .list_box ul.ul_list li a {width:90%}
	.sec_news .list_box ul.ul_list li span.date { display:none}


		
}

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

	/* 바로가기 */
	.sec_Mlink{ margin-top:1%;}
	.sec_Mlink ul li{width:100%; margin-top:2%; margin-left:0; height:70px; line-height:70px;}

	.sec_Mlink ul li a{border-radius:5px; text-align:left}
	.sec_Mlink ul li a img{ display:inline-block; width:auto; height:36px; padding:0 10px 0 16px; margin:0}
	.sec_Mlink ul li a .txt{ display:inline-block; line-height:70px; padding-bottom:0;}	
	
	/*******************************************************************
	// 서브콘텐츠 : 181114
	*******************************************************************/
	/* 교육장 인사말 */	
	.greeting_officer .txt_ft{ text-align:left}
	
	/* 전형방법 */
	.enterSch .form{width:100%; margin:0 0 2%;}
	.enterSch .form > ul{min-height:0;}
	.enterSch .box01 div{width:92%; margin:10px 0;}
	.enterSch .box01 p.arrow01{top: 70px; left:46%;}
	.enterSch .box01 p.arrow02{top: 150px;left:46%;}
	

}

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

}



/* 260107 전환 작업 */
@media screen and (min-width: 1020px) {
	.sec_Mlink ul li {width: calc((100% - 80px) / 5);}
	.sec_notice,
	.sec_news {width: calc((100% - 100px) / 2);}
}