@charset "utf-8";
/* CSS Document */

@media (max-width: 983px) {
	#wrap #header{height: 107px;}
	#wrap #header h1{top:8px;left:12px;}
	
	ul.util{display:none;}
	#wrap #header .m_sns{display:none;position:absolute;width:100%;left:0;top:151px;height:50px;background: url(../../images/main/bg_favfaq.gif) repeat;}
	#wrap #header .m_sns ul{width: 200px;margin:0 auto;}
	#wrap #header .m_sns ul li{float: left;width: 33.3%;text-align: center;}
	#wrap #header .m_sns ul li a{color:#fff;font-size:26px;display: inline-block;width:40px;padding: 7px 0;background:#222;border-radius:100px;text-shadow:2px 2px 7px rgba(0,0,0,.3);}
	#wrap #header .m_sns ul li.sns_twitter a{background:#2ca7e0;}
	#wrap #header .m_sns ul li.sns_facebook a{background:#004c7e;}
	#wrap #header .m_sns ul li.sns_youtube a{background:#e5453d;}
	#wrap #header #gnb > ul > li > a{background:#0e3978;}
	#wrap #header #gnb > ul > li.on > a{background:#0e3978;}
	#wrap #header #gnb > ul > li > ul > li.use_sub{background:#e0e2e4;}
	#wrap #header #gnb > ul > li > ul > li > a{background:#fffdiv.section02 div.main_board div.board_box;}
	#wrap #header #gnb > ul > li > ul > li ul > li > a{background:#4e74b4;}
	.subgnb_bar{display:none;}
	
	#middle{padding: 10px 0;clear:both;width: 727px;}
	div.left_box{margin:0;float:none;width:auto;}
	div.section03 div.left_box{display:block;}
	div.right_box{margin: 14px 0 0 0;float:none;width:auto;}
	div.section01 div.visual img{width:100%;}
	div.section01 div.info{margin-top:14px;width:auto;clear:both;float:none;height: 85px;padding:15px;}
	div.section01 div.info p.flag_img{float:left;margin:15px 53px 0 0;}
	div.info_box01{float:left;width: 32%;margin-right: 1%;}
	div.info_box02{float:left;width: 28%;}
	div.section01 div.info p.info_title{font-size: 10px;margin:0;}
	div.section01 div.info span.info_line{margin:7px 0 10px;}
	div.section01 div.info ul.time_list{margin:0;}
	div.section01 div.info p.info_txt{font-size:15px;margin-top:10px;margin-left:0;}

	div.section02 div.main_board{margin-bottom: 14px;}
	div.section02 div.main_board h3 a{font-size:16px;padding:12px 28px;}
	div.section02 div.main_board div.board_box{width:25%;padding:20px 4% 30px;}
	div.section02 div.main_board div.board_box p.board_title a{font-size:15px;}
	div.section02 div.main_board div.board_box p.board_content a strong{font-size:14px;}
	div.section02 div.main_board div.board_box p.board_content a span{font-size:12px;}



	div.section03{height:auto;}
	
	div.quick_menu{height:210px;}
	div.quick_menu ul.quick_menu_list{width:410px;margin: 0 auto;}
	#footer div.foot_top div.banner{width:745px;}
	
	#wrap #header .search{top:107px;padding:0;}
	#wrap #header #gnb{top:200px;}
	#wrap #header h2{top:-139px;width:100%;right:0;background:#0c4291;padding:10px 0;display:block;}
	#wrap #header h2 img{float:right;margin:0 10px 0 0;}
	
	.quick_menu{display:none;}
	.m_quick_menu{display:block;}
	
	div.m_quick_menu{width:475px;float:left;margin:0 14px 0 0;height:264px;}
	div.m_quick_menu .quick_menu_list{margin-top:50px;}
	
	div.banner_01{float:left;width:234px;margin:0;}
	#wrap #header .search .mbtn{width:40px;}
	#wrap #header .search .mbtn img{width:100%;}
}
@media (max-width: 727px) {
	#wrap #header h1{top:0px;left:12px;}
	#wrap #header h1 a{padding-right:10px;}
	div.section01 div.visual{display:inline-block;overflow:hidden;width:100%;}
	.mainVisual{border:0;float:none;width:100%;}
	#middle{width: 340px;}
	.section01 .mainVisual .item img{/* width:auto; */  /* height:300px; */ width: 100%;}
	div.section02 div.main_board #board_tab01 div.board_box,
	div.section02 div.main_board #board_tab02 div.board_box  {width:inherit;}
	div.section01 div.info{padding:10px;height: 150px;}
	div.section01 div.info p.flag_img{margin: 57px 0;}
	div.section01 div.info p.flag_img span{margin:5px 3px; /* display:block; */}
	div.section01 div.info p.flag_img span img{width: 50px;}
	div.info_box01{float:left;width: 170px;margin: 0 0 3px 15px;}
	div.section01 div.info p.info_title{font-size: 11px;margin-top: 2px;letter-spacing: -1.5px;}
	div.section01 div.info span.info_line{margin: 2px 0;}
	div.section01 div.info ul.time_list{float:left;font-size:10px;width: 190px;}
	div.section01 div.info ul.time_list li{margin:3px 0 3px 7px;}
	div.section01 div.info ul.time_list li strong{width:43px;}
	div.section01 div.info ul.time_list li span.date_txt{width:53px;}
	div.section01 div.info ul.time_list li span.time_txt{width:55px;}
	div.section01 div.info ul.time_list li span.time_txt strong{width:auto;font-weight:normal;letter-spacing:-1px;}
	div.info_box02{float:left;width: 170px;margin:0 0 0 15px;}
	div.section01 div.info p.info_txt{margin-left:7px;font-size: 13px;margin-top: 0;}
	
div.section02 div.main_board{height:325px;}
	div.section02 div.main_board div.board_box{width: auto;padding: 10px;height: 72px;border-bottom: 1px solid #cecece;border-left:0;}
	div.section02 div.main_board div.board_box:first-child{border-bottom: 1px solid #cecece;}
	div.section02 div.main_board div.board_box:last-child{border-bottom:0;}
	div.section02 div.main_board div.board_box span.board_line{display:none;}
	div.section02 div.main_board div.board_box p.board_more{right:30px;top:10px;}
	p.board_content{margin-top: 13px;}
	div.section02 div.main_board div.board_box p.board_content a strong{font-size:13px;margin-bottom:5px;line-height: 130%;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	div.section02 div.main_board div.board_box p.board_content a span{width:278px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}




	div.left_box_in_01{width: auto;margin: 0 0 14px 0;float: none;}
	div.left_box_in_01 div.main_sns_box{padding:10px;height: 400px;}
	ul.sns_icon{left:10px;top:54px;}
	div.left_box_in_01 div.main_sns_box div.sns_box_in{margin-top:20px;margin-left: 22px;}
	
	iframe{display:none;}
	.m_sns_iframe{display:block;}
	#ifrm2{display:block;}
	div.quick_icon{height: 145px;}
	div.quick_icon ul.quick_icon_list{padding:10px;width:278px;height:50px;}
	div.quick_icon ul.quick_icon_list{padding: 10px 0;width: 338px;height: 125px;}
	div.quick_icon ul.quick_icon_list li{/* height:50px; */margin-left: 5px;width: 78px;}
	div.quick_icon ul.quick_icon_list li p.icon_title{margin:0;padding-bottom: 111px;font-size: 13px;}
	div.quick_icon ul.quick_icon_list li.icon04 p.icon_title{font-size:12px;padding-bottom: 100px;}
	div.quick_icon ul.quick_icon_list li a{left: 0;top: 45px;}
	div.quick_icon ul.quick_icon_list li.icon01{background-position: center 80px;background-size: 70px;}
	div.quick_icon ul.quick_icon_list li.icon02{background-position: center 79px;background-size: 70px;}
	div.quick_icon ul.quick_icon_list li.icon03{background-position: center 67px;background-size: 60px;}
	div.quick_icon ul.quick_icon_list li.icon04{background-position: center 67px;background-size: 60px;}
	
	div.left_box_in_02{float:none;width: auto;height: auto;display: block;}
	div.banner_02 img{width:50%;}
	
	div.quick_menu{overflow:hidden;}
	div.quick_menu ul.quick_menu_list{margin:0 11px;}
	div.quick_menu ul.quick_menu_list li{margin:0 10px;}
	#footer div.foot_top div.banner{width: 260px;}
	
	div.iright{display:inline-block;width:100%;margin:7px 0 3px;}
	
	.quick_menu{display:block;}
	.m_quick_menu{display:none;}
	
	div.banner_01{float:none;width:auto;margin:14px 0 0 0;}

	/* 메인보드 타이틀 및 배경 */
	.owl-carousel .owl-item .item .banner_tit{font-size:13px;}

	/* 메인배너 컨트롤러 사이즈 줄임 및 위치변경 */
	.mainVisual .owl-pagination .owl-page.active,
	.mainVisual .owl-pagination .owl-page{background-size:60%;margin-left:-1px;}
	.mainVisual .owl-controls{top:9px;right:35px;}
	.mainVisual .customNavigation .play,
	.mainVisual .customNavigation .stop{background-size:95%;}
	.mainVisual .customNavigation{top:2px;right:7px;}
	.mainVisual .customNavigation .btn{width:12px;height:12px;}


}

@media (max-width: 340px) {
	#middle{width:300px;}
	div.section02 div.main_board div.board_box.wType01 {width:298px; padding:0;}
	div.quick_icon ul.quick_icon_list{padding:10px;width:278px;height:50px;}
	div.left_box_in_01 div.main_sns_box div.sns_box_in{margin-left:0;}
	
	div.quick_icon ul.quick_icon_list li {height: 63px;margin-left: 5px;width: 132px;}
	div.quick_icon ul.quick_icon_list li.icon01 {background-position: 63px 19px;background-size: 45%;border: 0;}
	div.quick_icon ul.quick_icon_list li.icon02 {background-position: 78px 16px;background-size: 45%;border: 0;}
	div.quick_icon ul.quick_icon_list li.icon03 {background-position: 70px 12px;background-size: 40%;border: 0;}
	div.quick_icon ul.quick_icon_list li.icon04 {background-position: 75px 10px;background-size: 45%;border: 0;}
	div.quick_icon ul.quick_icon_list li a {left: 0;top: 42px;}
		
	div.section01 div.info p.flag_img span{margin:5px 0;}
	div.info_box01{float:left;width: 160px;margin: 0 0 3px 9px;}
	div.info_box02{float:left;width: 160px;margin:0 0 0 9px;}

	div.section02 div.main_board div.board_box{width:100%}
}

<!-- Last Generated Date :: [2017-02-03 14:21:44 618] -->