@charset "UTF-8";
/* 2017 수능 */

table, td, th{border-collapse:collapse;border-bottom:1px solid #ddd;vertical-align:middle;}
.content_left, .content_right {padding-top:20px !important;}

.fade{
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

#suneung_2017{}
.header_suneung .suneung_title{
	position: relative; left:0; top:0; width:100%; height:100%;
	background-image:url('../images/bg_header.jpg'); background-position:50% 50%; background-repeat:no-repeat; background-color:#254fb1; width:100%;
}
.header_suneung .suneung_title .bg_img{position: absolute; left:0; top:0; width:100%; background:url(../images/bg_img.png) no-repeat; background-position:0 50%;}

.header_suneung .suneung_title > div{display:table !important;}
.header_suneung .suneung_title > div > div{display:table-cell; vertical-align:middle;}
.header_suneung .suneung_title .left{text-align:left; padding-left:30px;}
.header_suneung .suneung_title .right{width:200px; text-align:center;}
.header_suneung .suneung_title .right .date{display:block; color:#fff; font-size:small; color:rgba(255, 255, 255, 0.6); padding-top:3px;}
.header_suneung .suneung_title .right .d-day{
	display:block; color:#fff799; font-weight:700; font-size:50px;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
		-webkit-text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
		-moz-text-shadow: 0px 0px 5px rgba(0,0,0,0.5);;
}
.suneung_title > div,
.suneung_title .bg_img{
	height:120px;
}
.scroll-to-fixed-fixed .suneung_title > div,
.scroll-to-fixed-fixed .suneung_title .bg_img{height:80px;}
.scroll-to-fixed-fixed .suneung_title .left img{height:60px;}
.scroll-to-fixed-fixed .suneung_title .right .date{font-size:9px !important;}
.scroll-to-fixed-fixed .suneung_title .right .d-day{font-size:40px !important;}

nav.suneung{border-bottom:1px solid #1c2a45; background:#1c2a45;}
nav.suneung ul{font-size:0;}
nav.suneung ul li{position: relative; display:inline-block; padding:12px 30px;}
nav.suneung ul li.active:after{content:""; position: absolute; width:100%; height:3px; bottom:-1px; left:0; background:red;}
nav.suneung ul li a{color:#fff; font-size:20px; font-weight:500;}
nav.suneung ul li a:hover{color:red;}

.suneung_news{position: relative; border-bottom:1px solid #d7d7d7;}
.suneung_news:before{content:""; position:absolute; width:50%; height:100%; background:#d9e1ec; top:0; right:0;}
.suneung_news > div{display:table;}
.suneung_news section{display:table-cell; vertical-align:top;}

.suneung_news .main_news{display:table; width:100%; background:#fff; padding:40px 30px 40px 0;}
.suneung_news .main_news > div{display:table-cell; vertical-align:top;}
.suneung_news .main_news .thumb{position: relative; width:270px; height:270px;}
.suneung_news .main_news .thumb a{position: relative; z-indeX:1;}
.suneung_news .main_news .thumb_bg{position: absolute; width:270px; height:270px; top:-10px; left:-10px; z-index:0; background:rgba(151,207,244,0.3);}
.suneung_news .main_news .thumb img{width:100%;}
.suneung_news .main_news .list{padding-left:20px;}
.suneung_news .main_news .list a{color:#222;}
.suneung_news .main_news .list .list_main h1{display:inline-block; width:100%;  font-size: 20pt; line-height: 23pt;}
.suneung_news .main_news .list .list_main span{display:block; margin-top:10px; color:#666; font-size:13px; line-height:13pt;}
.suneung_news .main_news .list ul{border-top:1px solid #d7d7d7; margin-top:30px; padding-top:15px;}
.suneung_news .main_news .list ul li{padding-top:10px; white-space:nowrap;display:inline-block;width:430px;overflow:hidden;text-overflow:ellipsis;}
.suneung_news .main_news .list ul li a{font-size:17px;}
.suneung_news .main_news .list ul li a:before{content:"·"; font-weight:900;}

.suneung_news .calendar{position: relative; width:330px; padding:40px 0 0 30px;}
.suneung_news .calendar .title{font-size:17px; color:#162141; font-weight:500;}
.suneung_news .calendar .title b{display:block; font-size:26px; font-weight:700; margin-top:5px;}
.suneung_news .calendar ul{position: relative; margin-top:20px;}
.suneung_news .calendar ul li{position: relative; font-size:15px; padding-bottom:12px;}
.suneung_news .calendar ul li:before{content:""; position: absolute; border-left:1px solid #c7d2e6; width:0; height:100%; left:2px; top:10px;}
.suneung_news .calendar ul li label{padding-left:10px; color:#162141; display:inline-block; font-weight:500;}
.suneung_news .calendar ul li label:before{
	content:""; position: absolute; width:5px; height:5px; background:#254fb1; top:8px; left:0;
	border-radius: 30pt;
		-webkit-border-radius: 30pt;
		-moz-border-radius: 30pt;
		-ms-border-radius: 30pt;
}
.suneung_news .calendar ul li label:after{content:":"; margin:0 5px; vertical-align:2px;}
.suneung_news .calendar .line{position: absolute; width:0; height:30%; bottom:0; left:32px; border-left:1px solid #c7d2e6;}

.suneung_overview{padding:40px 0;}
.suneung_overview .bg_box{padding-top:40px; margin-bottom:50px;}
.suneung_overview section{padding-bottom:50px;}
.suneung_overview section h1{display:block; margin-bottom:20px; font-size:xx-large; color:#162141; font-weight:700;}
.suneung_overview table{width:100%; border-top:2px solid #222; font-size:15px;}
.suneung_overview table thead td{background:#f1f1f1; font-weight:500;}
.suneung_overview table td{text-align:center; padding:15px 10px;}
.suneung_overview th, .suneung_overview td{border-right:1px solid #ddd;}
.suneung_overview th:last-child, .suneung_overview td:last-child{border-right:0;}

.suneung_overview .suneung_time{line-height:120%;}
.suneung_overview .suneung_time thead td{background:#fff;}
.suneung_overview .suneung_time .colspan{background:rgba(255,255,255,0.3); height:30px; color:#555;}
.suneung_overview .suneung_time .note{font-size:92%; text-align:left; padding-left:15px; color:#555;}
.suneung_overview .suneung_schedule th{text-align:left; background:#f5f5f5; padding-left:20px;}
.suneung_overview .suneung_schedule td{text-align:left; padding-left:20px;}

.suneung_announcement{padding:40px 0;}
.suneung_announcement .box{border:10px solid #eaf6fd; text-align:center; padding:50px; line-height:140%;}
.suneung_announcement .box h1{display:block; margin-bottom:20px; font-size:xx-large; color:#162141; font-weight:700; margin-bottom:30px;}
.suneung_announcement .box ul{background:#f1f1f1; width:600px; max-width:100%; margin:0 auto; margin-top:30px; padding:20px 30px; text-align:left;}
.suneung_announcement .box ul li{position: relative; text-align:left; padding:3px 0 3px 10px; font-size:15px;}
.suneung_announcement .box ul li:before{position: absolute; content:"-"; left:0; margin-top:-2px;}
.suneung_announcement .box ul li a{display:inline-block; margin-top:5px;}

.reader_download{display:inline-block; background:#fff; border:1px solid #999; font-size:12px; padding:1px 10px; color:#222;}
.reader_download:hover{background:#c51917; border:1px solid #c51917; color:#fff;}
.reader_download img{width:auto; height:15px; vertical-align:-2px; margin-right:5px;}