@charset "utf-8";
@import url("common_2016.css");


.contents{font-size:100%; line-height:120%;}
.contents span{}


.main_news{display:table;}
.main_news > .box{position: relative; display:table-cell; padding-left:25px; vertical-align:top;}
.main_news > .box:first-child{padding-left:0; padding-right:35px;}
.main_news > .box.right{border-left:1px solid #d7d7d7; width:330px;}
.main_news > .box.right section{width:300px;}
.main_news > .box.right > .bn_area{position: absolute; bottom:0;}
.main_news > .box .bn_area{height:110px; margin-top:30px;}

/* 뉴스 _ 썸네일 */
.main_news .news_thumb{}
.main_news .news_thumb a{display:block;}
.main_news .news_thumb .thumb_b{float:left; width:530px;}
.main_news .news_thumb .thumb_b .thumb{height:280px;}
.main_news .news_thumb .thumb_b .thumb img{width:100%; height:100%;}
.main_news .news_thumb .thumb_b h1{margin:20px 0 10px 0;font-size:20pt; line-height:23pt; max-height:46pt;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.main_news .news_thumb .thumb_b span{font-size:13px; line-height:13pt; max-height:39pt;}
.main_news .news_thumb .thumb_s{float:right; width:180px;}
.main_news .news_thumb .thumb_s > ul > li{margin-top:10pt;}
.main_news .news_thumb .thumb_s > ul > li:first-child{margin-top:0;}
.main_news .news_thumb .thumb_s .thumb{height:95px;}
.main_news .news_thumb .thumb_s .thumb img{width:100%; height:100%;}
.main_news .news_thumb .thumb_s h1{margin-top:3pt; font-size:14px; line-height:12pt; max-height:24pt;}
.main_news .news_thumb .thumb_s span{display:none;}

.main_news .news_list{overflow:hidden; max-height:440px;}
.main_news .news_list h1{display:block; margin-bottom:10pt; color:#000; font-weight:700; font-size:18px;}
.main_news .news_list ul li{display:block; margin-bottom:10pt;}
.main_news .news_list ul li:last-child{margin-bottom:0;}
.main_news .news_list ul li a{display:block; color:#252525; font-size:15px; line-height:15pt; max-height:30pt; word-break:keep-all;}
.main_news .news_list ul li a:hover{text-decoration:underline;}

/* 메인 컨텐츠 */
.main_con{}
.main_con > section{position: relative; display:table; width:100%; border-bottom:1px solid #d7d7d7; padding:35px 0;}
.main_con > section:first-child{}
.main_con > section:last-child{padding-bottom:0; border:0;}
.main_con > section .box{width:330px; margin:0 auto;}
.main_con > section .latest{display:table-cell; width:33.33%; min-height:180px;}
.main_con > section .latest:first-child > div{margin-left:0;}
.main_con > section .latest:last-child > div{margin-right:0;}


.main_con .latest h1{display:block; font-size:22px; line-height:24px; font-weight:700;}
.main_con .latest .latest_thumb{margin-top:20px;}
.main_con .latest .latest_thumb .thumb{height:160px;}
.main_con .latest .latest_thumb .thumb img{width:100%; height:100%;}
.main_con .latest .latest_thumb h1{margin:10px 0 10px 0;font-size:18px; line-height:22px; max-height:46pt;}
.main_con .latest .latest_list{margin-top:15px;}
.main_con .latest .latest_list li{}
.main_con .latest .latest_list li a{display:block; font-size:14px; line-height:17px; height:17px;}
.main_con .latest .latest_list li a:hover{text-decoration:underline; color:#000;}

.main_con .latest-table{display:table !important; width:100% !important;}
.main_con .latest-table > div{display:table-cell !important; vertical-align:top;}
.main_con .latest-table > div.t_box{position: relative; width:135px; border-right:1px solid #d7d7d7;}
.main_con .latest-table .category{position: absolute; width:100%; bottom:0; padding-right:15px;}
.main_con .latest-table .category a{display:block; font-size:12px; color:#666; text-align:right;}
.main_con .latest-table .category a:hover{color:#000;}
.main_con .latest-table .project li{text-align:center; vertical-align:top;  padding-left:20px; font-weight:500;}
.main_con .latest-table .project li .thumb{height:150px;}
.main_con .latest-table .project li .thumb img{width:auto;max-width:221px; height:auto;max-height:150px;}
.main_con .latest-table .project li .title{font-size:14px; color:#666; padding:10px 0;}
.main_con .latest-table .project li .subject{border-top:1px solid #d7d7d7; padding-top:10px; word-break:keep-all; font-size:18px; line-height:22px; max-height:46pt;}
.main_con .latest-table .project li:hover .subject{text-decoration:underline; color:#000;}

.main_con .latest-table .edupost{padding-left:20px; padding-right:30px;}
.main_con .latest-table .edupost .edupost-post{display:table; margin-bottom:30px;}
.main_con .latest-table .edupost .edupost-post .writer_photo{
	display:table-cell; width:110px; height:110px; background-repeat:no-repeat; background-size:cover; background-position:50% 50%;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
}
.main_con .latest-table .edupost .edupost-post .writer_con{display:table-cell; vertical-align:middle; padding-left:20px;}
.main_con .latest-table .edupost .edupost-post .writer_con:hover .subject{text-decoration:underline; color:#000;}
.main_con .latest-table .edupost .edupost-post .writer_con span{display:block;}
.main_con .latest-table .edupost .edupost-post .writer_con .title{font-size:14px; font-weight:500; color:#666; line-height:15px; max-height:15px; margin-bottom:15px;}
.main_con .latest-table .edupost .edupost-post .writer_con .subject{word-break:keep-all; font-size:18px; line-height:18px; max-height:18px; color:#111; font-weight:500; margin-bottom:10px;
	white-space: nowrap;display: inline-block;width: 470px;overflow: hidden;text-overflow: ellipsis;}
.main_con .latest-table .edupost .edupost-post .writer_con .txt_small{font-size:13px; line-height:15px; max-height:30px; color:#666;}

.main_con .latest-table .notice {border-left:1px solid #d7d7d7; width:330px; padding-left:30px;}
.main_con .latest-table .notice .latest_list.noti_list li a {width:280px;white-space:nowrap;display:inline-block;overflow:hidden;text-overflow:ellipsis;}
.main_con .latest-table .notice .event_img{display:block; width:100%; height:110px; margin-top:20px;}
.main_con .latest-table .notice .event_img img{width:100%; height:100%;}

.main_con .latest-table .program_slider{margin-left:-1px;}
.main_con .latest-table .program_slider li{vertical-align:top;  padding-left:20px;overflow:hidden}
.main_con .latest-table .program_slider li .ico_category{display:inline-block; color:#fff;font-size:12px; padding:0 5px; margin-bottom:5px;}
.main_con .latest-table .program_slider li .ico_category.bg_camp{background:#2559ad;}
.main_con .latest-table .program_slider li .ico_category.bg_art{background:#ea3d75;}
.main_con .latest-table .program_slider li .ico_category.bg_tour{background:#1cbbb4;}
.main_con .latest-table .program_slider li .ico_category.bg_brunch{background:#f26522;}
.main_con .latest-table .program_slider li .ico_category.v{background:#448ccb;}
.main_con .latest-table .program_slider li .ico_category.bg_munos{background:#3cb878;}
.main_con .latest-table .program_slider li .ico_category.bg_eduacademy{background:#ec2029;}
.main_con .latest-table .program_slider li .ico_category.bg_etc{background:#8000ff;}
.main_con .latest-table .program_slider li span{
	display: block; margin:2px 0; word-break:keep-all;
}
.main_con .latest-table .program_slider li .subject{
	font-size:15px; margin-top:10px; font-weight:600;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.main_con .latest-table .program_slider li:hover .subject{text-decoration:underline; color:#000;}
.main_con .latest-table .program_slider li .date{font-size:13px; color:#252525;}
.main_con .latest-table .program_slider li .info{font-size:13px; color:#666; line-height:15px; height:30px; overflow:hidden;}

/*.main_con .latest-table .program_slider li img {width:187px;height:129px}*/
.main_con .latest-table .program_slider li img {width:600px;height:129px}

.main_con .latest-table .bx-controls{position: absolute; top:90px; left:0;}
.main_con .latest-table .bx-controls .bx-pager-item{display:inline-block; margin-right:3px;}
.main_con .latest-table .bx-controls .bx-pager-item .bx-pager-link{
	display:block; width:12px; height:12px; background:#bbb; font-size:0;
	border-radius: 15pt;
	-webkit-border-radius: 15pt;
	-moz-border-radius: 15pt;
}
.main_con .latest-table .bx-controls .bx-pager-item .bx-pager-link.active{background:#252525;}






/* 썸네일 모양*/
.thumb_box{}
.thumb_box > .thumb{}
.thumb_box > .thumb img{width:100%; height:100%;}
.thumb_box > .info{}
.thumb_box > .info h1{display:block; color:#111; font-weight:500;  word-break:keep-all;}
.thumb_box > .info span{display:block;}
.thumb_box > .info .txt_small{font-size:small; color:#666;}
.thumb_box:hover h1{text-decoration:underline;}

.cullum_4{display:table; width:100%;}
.cullum_4 li{display:table-cell; width:25%; }


/* 2016-09-22 2017학년도 대입 특집 CSS */
.college_entrance_2017{width:100%; clear:both; display:block; position:relative; padding-bottom:30px; margin-top:20px;}
.college_entrance_2017 a:hover{color:#cc0000;}
.college_entrance_2017 img{max-width:100%;}
.college_entrance_2017 .line_d{display:block; height:0; width:100%; border:0; border-top:1px solid #ddd;}
.college_entrance_2017 .line_none{display:block; height:0; width:100%; border:0;}
.college_entrance_2017 hr:after{visibility:hidden; display:block; content:""; clear:both; height:0;}

.college_entrance_2017 .bg_top{background:url(/images/bg/con_bg_paper_top2.png) no-repeat; width:100%; height:9px;}
.college_entrance_2017 .bg_bottom{background:url(/images/bg/con_bg_paper_bottom2.png) no-repeat; width:100%; height:9px;}
.college_entrance_2017 .content{background:url(/images/bg/con_bg_paper2.png) repeat-y;}

.college_entrance_2017 .d-day{position:absolute; width:185px; height:163px; top:8px; right:10px; background:url(/images/bg/d-day_bg_red.png) no-repeat; text-align:center; z-index:10;}
.college_entrance_2017 .d-day .title{display:block; margin:15px 0 5px 0; font-size:13px; color:#fff;}
.college_entrance_2017 .d-day .day{color:#fff; font-size:40px; font-weight:bold; font-family:tahoma;}

.college_entrance_2017 .con{display:table;}
.college_entrance_2017 .con:after {content:""; clear:both; display:block;}
.college_entrance_2017 .con .box{display:table-cell; vertical-align:top;}
.college_entrance_2017 .con .box.left{width:auto; border-right:1px solid #ddd;}
.college_entrance_2017 .con .box.right{width:330px;}
.college_entrance_2017 .con .box img{max-width:100%;}
.college_entrance_2017 .con .box > section{padding:20px;}

.college_entrance_2017 .news_header h2{display:block; margin:15px 0 10px 0; font-size:18pt; font-weight:900;}
.college_entrance_2017 .news_header span{display:block; color:#555; font-size:14px; line-height:18px;}
.college_entrance_2017 .news_header .thumb img{width:100%; height:290px;}
.college_entrance_2017 .news_gall{margin-top:5px;}
.college_entrance_2017 .news_gall ul{
	display: -webkit-flex;
	display: flex;
}
.college_entrance_2017 .news_gall ul li{
	-webkit-flex: 1;
    flex: 1;
}
.college_entrance_2017 .news_gall ul li:nth-of-type(1){margin:0 16px 0 0;}
.college_entrance_2017 .news_gall ul li:nth-of-type(2){margin:0 8px;}
.college_entrance_2017 .news_gall ul li:nth-of-type(3){margin:0 0 0 16px;}
.college_entrance_2017 .news_gall ul li img{max-width:100%;}
.college_entrance_2017 .news_gall ul li h2{font-size:16px; font-weight:600; margin:10px 0 5px 0; line-height:18px;}
.college_entrance_2017 .news_gall ul li span{display:block; color:#555; font-size:12px; line-height:120%;}
.college_entrance_2017 .news_line ul li{width:100%; padding:3px 10px; overflow:hidden;text-overflow:ellipsis;white-space : nowrap; background:url(/images/new/aw_red.png) no-repeat 0 50%; font-size:14px; font-weight:bold;}
.college_entrance_2017 .schedule{padding-bottom:0 !important;}
.college_entrance_2017 .schedule h1{margin-bottom:10px;}
.college_entrance_2017 .schedule li{position:relative; display:block; color:#555; font-size:12px; line-height:120%;}
.college_entrance_2017 .schedule li:before{position:absolute; content:"";  width:10px; height:100%; left:0; z-index:0; background:url(/images/img/aw_g1.png) repeat-y;}
.college_entrance_2017 .schedule li:first-child:before{top:5px;}
.college_entrance_2017 .schedule li:last-child:before{bottom:5px;}
.college_entrance_2017 .schedule li i{position: relative; z-index:1; display:inline-block; height:15px; width:15px; background:url(/images/img/aw_g2.png) no-repeat 0 2px;}
.college_entrance_2017 .schedule li b{color:#222; font-weight:700;}
.college_entrance_2017 .schedule .tt1{padding-left:15px;}
.college_entrance_2017 .schedule .tt1 b{display:block; font-weight:900; padding-top:10px; color:#cf1429;}
.college_entrance_2017 .banner_ad{}
.college_entrance_2017 .banner_ad img{width:100%;}
.college_entrance_2017 .interview_college{padding:0 !important;}
.college_entrance_2017 .interview_college h1{border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#efefef; padding:3px 20px 5px 20px}
.college_entrance_2017 .interview_college h1 .more{float:right; font-size:11px; padding-top:5px; color:#888;}
.college_entrance_2017 .interview_college ul{padding:0px 20px 20px 20px;}
.college_entrance_2017 .interview_college ul li{margin-top:10px;}
.college_entrance_2017 .interview_college ul li a{display:table;}
.college_entrance_2017 .interview_college ul li a > div{display:table-cell; vertical-align:middle;}
.college_entrance_2017 .interview_college ul li .thumb{width:65px; height:65px; padding-right:10px;}
.college_entrance_2017 .interview_college ul li .thumb img{width:100%; border:1px solid #ddd; }
.college_entrance_2017 .interview_college ul li h2{font-size:14px; font-weight:bold; margin-bottom:5px; line-height:18px;}
.college_entrance_2017 .interview_college ul li span{display:block; color:#555; font-size:12px; line-height:120%;}

.college_entrance_2017 .professional{}
.college_entrance_2017 .professional h1{}
.college_entrance_2017 .professional h1 .more{float:right; font-size:11px; padding-top:5px; color:#888;}
.college_entrance_2017 .professional ul li{background:url(/images/new/aw_red.png) no-repeat 0 7px; padding-left:10px; margin-top:20px;}
.college_entrance_2017 .professional ul li h2{font-size:14px; font-weight:bold; margin-bottom:5px; line-height:140%;}
.college_entrance_2017 .professional ul li span{display:block; color:#555; font-size:12px; line-height:120%;}
.college_entrance_2017 .news_txt1 h2{font-size:20px !important;}
.college_entrance_2017 .news_txt2 h2{font-size:17px !important;}
.college_entrance_2017 .news_gall1 .thumb{margin-bottom:20px;}
.college_entrance_2017 .news_gall1 .thumb img{width:100%; height:200px;}
.college_entrance_2017 .news_gall2 .tbox{display:table;}
.college_entrance_2017 .news_gall2 .tbox > span{display:table-cell; vertical-align:Top; padding-right:10px;}
.college_entrance_2017 .news_gall2 .tbox > .thumb{display:table-cell; vertical-align:Top; padding-top:5px; width:150px; height:120px;}
.college_entrance_2017 .news_gall2 .tbox > .thumb img{width:100%; height:100%;}
.college_entrance_2017 .news_gall3{margin-bottom:10px;}
.college_entrance_2017 .news_gall3 ul li{margin-bottom:15px;}
.college_entrance_2017 .news_gall3 ul li a{display:table;}
.college_entrance_2017 .news_gall3 ul li a > div{display:table-cell; vertical-align:middle;}
.college_entrance_2017 .news_gall3 ul li .thumb{width:65px; height:65px; padding-right:10px;}
.college_entrance_2017 .news_gall3 ul li .thumb img{width:100%; border:1px solid #ddd; }
.college_entrance_2017 .news_gall3 ul li h2{
	font-size:13px; font-weight:500; margin-bottom:5px; line-height:15px;
}
.college_entrance_2017 .news_gall3 ul li span{display:block; color:#555; font-size:12px; line-height:120%;}


.college_entrance_2017.column3{display:table;}
.college_entrance_2017.column3 > article{display:table-cell; padding:0 15px; vertical-align:top;}
.college_entrance_2017.column3 > article:nth-of-type(1),
.college_entrance_2017.column3 > article:nth-of-type(3){width:260px;}
.college_entrance_2017.column3 > article:nth-of-type(2){border-left:1px solid #ddd; border-right:1px solid #ddd;}
.college_entrance_2017.column3 > article h2{display:block; margin:0 0 10px 0; font-size:16pt; font-weight:500; line-height:18pt;}
.college_entrance_2017.column3 > article span{display:block; color:#555; font-size:14px; line-height:120%;}



.hover_zoom a .thumb{position: relative; overflow:hidden;}
.hover_zoom a .thumb img{
	max-width: 100%;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.hover_zoom a:hover .thumb img {
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}