@charset "UTF-8";



@media screen and (max-width:1700px){
	.side_btn {width: auto; padding-right: 50px;}
	.util_box { float: right;}
	.util_box a {margin-right: 10px;}
}
@media screen and (max-width:1735px){
/* head_logo */
	.gnb {padding: 0px 160px 0 70px;}
	.head_logo {width: 150px; left: 15px;}
	.side_btn { right: 15px;}
	
	.head_logo {margin-top: -17px;}
	.gnb > li > a {font-size:18px;}
}
@media screen and (max-width:1500px){
	
	.gnb_bg {height: 500px;}
}
@media screen and (max-width:1420px){
	.sitemap_wrap .sitemap_close {top: -45px; right: 25px;}
	.gnb {    padding: 0px 235px 0 170px;}
	/* .gnb > li > a  {font-size: 1.2em;} */
 

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

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

	.foot_btm .txt_box {width: 100%; max-width: 700px;}
	.gnb {height: 100px; padding: 50px 0 0px;	}
	.head_logo {top: 10px; left: 50%; margin-top: 0; margin-left: -75px;}
	.side_btn {top: 10px; margin-top: 0;}
	.gnb > li > a {height: 50px; line-height: 50px; padding-left: 0; text-align: center;}
	.sub_gnb_wrap > li > a {padding: 15px 0;font-size:18px;}
	.gnb_bg {height: 450px;}
	

	.head_sns_box {right: auto; left: 10px; top: 20px;}

	
}

@media screen and (max-width:991px){
	/* header */
	.gnb_header .container {height:60px;}
	.m_gnb_btn {display:block;}
	.gnb {display: none;}
	.sitemap_btn {display: none;}
	.gnb_header .util_box {display: none;}
	.head_logo {left: 10px; margin-left: 0px;}
	.side_btn {top: 50%; right: 0; margin-top: -15px;}
	
	/* 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;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{float: none; width: 100%; max-width: 640px; margin: 0 auto; padding-left:0; text-align:center;} 
	.foot_btm .txt_box p {word-break:keep-all;}
	.foot_btm .txt_box p span {display: block; margin-bottom: 4px;}
	.foot_btm .site_box {float: none;}
	.foot_btm .site_box .baro_box {float: none; width: 220px; margin: 30px auto 0;} 
	
	.foot_top .site_box .foot_top_btn{width:20%;}

	.quick_box button, .quick_box a {width: 40px; height: 40px;}


	.gnb_header .head_sns_box .head_sns_btn {display: none;}
	.head_sns_box {position: static; width: 100%; margin: 0 auto;     text-align: center; overflow: hidden;}
	.head_sns_box .head_sns_btn {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;} 

	
	
	.foot_top .link_list li:after {display: none;}
}

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

}