@charset "utf-8";
/*----------------------------------------------------------------------------------------------------------------------------------------------------------- 
	File   : Main.css 
 	Author : YoungSu, Son 2017-06
	CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
    CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc 
	CSS 속성 선언순서 : display, position(top, right, bottom, left, z-index), float/clear, overflow, width/height, margin/padding(top, right, bottom, left),  
	border(top, right, bottom, left), background(image,position,repeat,color), border-radius, box-shadow,  
	font(font-weight, font-style, font-variant, font-size/line-height, font-family), opacity, cursor, box-sizing, etc
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/

.h2_txt1 {font-size:1.25em; color:#4a6726;}

.main_h2 {margin:1.25em 0; font-size:1.25em; font-family:"NSB"; text-align:center; color:#4a6726;}
.main_h2 .h2_txt {font-size:1.5em; line-height:0.875em;}
.main_h2 img {height:2.875em; margin-left:1.2em;}
.main_h2_notice {margin:1.25em 0; font-size:1.25em; font-family:"NSB"; text-align:center; color:#4a6726;}

/* visual */
.main_visual_wrap {position:relative; width:100%; height:250px;}
.main_visual_wrap > .bx-wrapper {position:absolute; left:0px; top:0px; z-index:100;}
.main_visual .item {display:table; height:250px; text-align:center;}
.main_visual .item .txt {display:table-cell; padding:0 1.667em; font-size:2.25em; color:#ffffff; line-height:1.278em; vertical-align:middle;}
.main_visual_wrap .bx-controls {position:absolute; width:100%; bottom:20px; text-align:center;}
.main_visual_wrap .bx-controls .bx-pager {display:inline-block; padding:6px 0 0 0;}
.main_visual_wrap .bx-controls .bx-pager-item {display:inline-block;}
.main_visual_wrap .bx-controls .bx-pager-item a {display:block; width:12px; height:12px; margin:0 5px; text-indent:-9999px; border-radius:8px; background:#ffffff; vertical-align:top;}
.main_visual_wrap .bx-controls .bx-pager-item a.active {/* width:50px; */ width:12px; height:12px; background:#ffffff;}

/* today */
.today_list {margin-top:-5px; padding:0 15px; font-size:0px;}
.today_list .item {display:inline-block; width:33.3333%; padding:5px; }
.today_list .item .link {display:block; width:100%; height:193px; overflow:hidden;}
/* .today_list .item .link img {max-width:100%;} */
.today_list .item .link img {width:100%; height:100%;}
.section_footer {margin-top:2.188em;}
.section_footer img {max-width:100%;}

/* onAir */
.onAir_list {margin-top:-5px; padding:0 15px; font-size:0px;}
.onAir_list .item {display:inline-block; width:33.3333%; padding:5px; }
.onAir_list .item .link {display:block; position:relative;}
.onAir_list .item .link:after {content:""; display:block; clear:both; position:absolute; left:0px; top:0px; width:100%; height:100%; background:url('/Images/Main/bg_onAir.png') center center no-repeat; background-size:cover;}
.onAir_list .item .link img {max-width:100%;}

/* books */
.books_list {margin-top:-5px; padding:0 15px; font-size:0px;}
.books_list .item {display:inline-block; width:50%; padding:5px; }
.books_list .item .link {display:block; border:1px solid #cccccc;}
.books_list .item .link img {max-width:100%;}

/* story */
.story_list {margin:0 20px;}
.story_list .item {margin-top:1px; background:#ebebeb;}
.story_list .item .link {position:relative; display:block; padding:0 100px 0 20px;}
.story_list .item .link .tit {overflow:hidden; display:block; width:100%; font-size:1.375em; color:#333333; line-height:2.727em; font-weight:normal; white-space:nowrap; text-overflow:ellipsis;}
.story_list .item .link .date {position:absolute; right:20px; top:0px; font-size:1.375em; color:#333333; line-height:2.727em;}