@charset "UTF-8";

@media screen and (max-width:1800px){ 
	.head_logo {left: 30px;}
}

@media screen and (max-width:1700px){
	.side_btn {width: auto;}
	.util_box {right: 10px;}
	/* head_logo */
	.gnb {padding: 0 110px 0 130px;}
	.head_logo {width: 180px; left: 15px; margin-top: -20px;}
	.side_btn { right: 15px;}
		
}
@media screen and (max-width:1650px){

}
@media screen and (max-width:1420px){
	.sitemap_wrap .sitemap_close {top: -45px; right: 25px;}
	.gnb {    padding: 0px 159px 0 200px;}
	.gnb > li > a  {font-size: 1.2em;}
	.sub_gnb_wrap .sub_gnb_tit .tit {font-size: 1.250em;}
 

}
@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;}

	.header.scrolled .gnb_bg {top:100px;}

	.foot_btm .txt_box {width: 100%;}
	.foot_logo_box {margin-bottom: 20px;}
	.gnb {height: 100px; padding: 50px 0 0px;	}
	.head_logo {top: 10px; left: 50%; width: 180px; margin-top: -15px; margin-left: -90px;}
	.side_btn {top: 10px; margin-top: 0;}
	.gnb > li > a {height: 50px; line-height: 50px; padding-left: 0; text-align: center;}
	.sub_gnb {top: 50px;}
	.gnb_bg {top: 102px;}
	.sub_gnb_tit {display: none;}
	.gnb > li {width: 16.66% !important;}
	.sub_gnb_wrap .sub_gnb_box {padding-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;}
	.foot_right {float: none; width: 100%;}
	.foot_logo_box {float: none; width: 100%; text-align: center;}
	.foot_btm .txt_box p span.after_bd:after {display: none;}



	/* scrolled */
	.header.scrolled {padding-top:110px;}


	/* 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;}


	




	/* 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;}

}