@charset "UTF-8";



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

	.sitemap_wrap .sitemap_close {right: 0;}
}
@media screen and (max-width:1300px){
	/* footer */
	.quick_box {left: auto; right: 20px; margin-left: 0;}
	
}

@media screen and (max-width:1200px){
	/* common */
	.container {padding:0 5px;}
	.sub_top_gnb .container {padding:0px;}

	/* head_logo */
	.head_logo {left: 15px; }
	.gnb {padding-right: 85px;}
	.gnb > li {width: 140px;}
	.gnb > li > a {font-size: 1.2em;}
}

@media screen and (max-width:991px){
	body {font-size: 16px;}
	/* header */
	.gnb_header .container {height:60px;}
	.m_gnb_btn {display:block;}
	.gnb {display: none;}
	.sitemap_btn {display: none;}
	.head_right_btn_box {display: none;}
	.head_logo {width: 150px; margin-top: -15px;}
	.util_sch_box {display: none !important;}
	
	
	/* scrolled */
	.header.scrolled {padding-top:60px;}


	/* common */
	.contents {padding-bottom: 321px;}


	/* footer */
	.q_share_box {display: block;} 

	/* foot_top (10/10) */ 
	.foot_top .link_list{float:none; display:block; border-bottom:1px solid #ccc; text-align:center;}
	.foot_top .link_list li{float:none; display:inline-block;} 
	.foot_top .link_list li:after{content: "|"; display: inline-block; margin-top: -6px;  color: #aeafb0;  font-size: 13px; vertical-align: middle;} 
	.foot_top .link_list li:last-child:after{display:none;}  
	.foot_top .link_list li a{padding:0 13px;} 
	.foot_btm {padding:20px 0;}
	.foot_btm .foot_logo {position:static; width:100%; margin-bottom:15px; text-align:center;} 
	.foot_btm .txt_box{padding-left:0; text-align:center;} 
	.foot_top .site_box .baro_box {width:100%;} 
	.foot_top .site_box .baro_box .site_btn{width:80%;} 
	.foot_top .site_box .foot_top_btn{width:20%;}

	.foot_btm .txt_box .btn_box a {float: none; display: inline-block;}

	/* banner_box1 */
	.banner_box1 .banner_slider {height: 60px;}
	.banner_box1 .banner_slider li a {height: 60px;}
	
	
}

@media screen and (max-width:767px){
	/* foot_top (10/10) */  
	.footer .foot_top .container {padding: 0;}
	.foot_top .link_list li a{padding:0 5px;} 
}

@media screen and (max-width:480px){
	/* common */
	body {font-size:14px;}
	.contents {padding-bottom: 316px;}

}