@charset "UTF-8";

@media screen and (max-width:1380px){
	.gnb_header .container {left: 0; max-width: 1280px;}
}


@media screen and (max-width:1300px){
	.quick_box {left: auto; right: 0; margin-left: 0;}
}

@media screen and (max-width:1280px){
	body {font-size: 16px;}
	.container {padding:0 5px;}
	.sitemap_box .sitemap > li {width: 20% !important; padding: 0 10px;}
	.sitemap_wrap .sitemap > li > a { font-size: 1.389em;}

	.head_logo {width: 240px;}
	.header:hover .head_logo a,.header.scrolled .head_logo a  {-webkit-background-size: 240px auto; 	background-size: 240px auto;}

	.gnb > li > a {padding: 0 30px; font-size: 1em;}

	.util_header .container {padding-right: 45px;}
}

@media screen and (max-width:1080px){
	.gnb {padding-right: 230px;}

	.header {position: relative; padding-top: 0;}
	.header .head_logo a {background-image:url('/en/images/common/en_head_logo_on.png'); background-repeat: no-repeat; -webkit-background-size: 240px auto; 	background-size: 240px auto;}
	.header .head_logo img {opacity: 0;}


	.header:hover .head_logo a,.header.scrolled .head_logo a  {-webkit-background-size: 240px auto; 	background-size: 240px auto;}
	.head_logo {width: auto; margin-top: 0;}

	.m_gnb_btn span {background-color: #333;}


	
	.gnb_header .container {height:80px;}
	.m_gnb_btn {display:block;}
	.gnb {display: none;}
	.sitemap_btn {display: none;}
	.util_header {display: none;}
	.gnb_header .link_box {display: none;}

	.header.scrolled {padding-top:80px;}

	.contents {padding-bottom:;}

	/* footer */
	.q_share_box {display: block;}
	
	/* footer */
	.footer .foot_top .foot_link {float: none; padding: 20px 0 10px; text-align: center;}
	.footer .foot_top .foot_link a {float: none; }
	.footer .foot_top .foot_link a:after {top: 4px;}

	.footer .foot_btm {text-align: center;}
	.footer .foot_btm .foot_logo {position: relative; display: inline-block; left: 0; top: 0; margin: 0 auto 20px; -webkit-transform: translateY(0); -moz-transform: translateY(0); 	-ms-transform: translateY(0); -o-transform: translateY(0); 	transform: translateY(0); text-align: center;}
	.footer .foot_top .site_list_box {float: none;}
	.footer .foot_top .site_list_box .site_btn {display: block; width: 100%; max-width: 320px; margin: 0 auto; border-top: 1px solid #566575;}
	.footer .foot_top .site_list_box .site_list {left: 50%; max-width: 320px; margin: 0 auto; -webkit-transform: translateX(-50%); 	-moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); 	transform: translateX(-50%);	}

	.footer .foot_btm .text span:nth-child(1) {display: block;}
	.footer .foot_btm .text span:nth-child(1):after {display: none;	}
	.footer .foot_btm .text span:nth-child(2) {display: block;}

	.footer .foot_btm .container {padding: 20px 0;}

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

	.footer .foot_btm .site_list_box {position: relative; right: 0; top: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0);
	-ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}


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

}

@media screen and (max-width:767px){
	/* header */

	.contents {padding-bottom:;}

	
}

@media screen and (max-width:480px){
	/* common */
	body {font-size:14px;}
	.m_db {display: block;}

	/* header */
	.gnb_header .container {height:70px;}

	.head_logo a img {width: 230px;}
	.header .head_logo a {-webkit-background-size: 230px auto; 	background-size: 230px auto;}
	.header:hover .head_logo a, .header.scrolled .head_logo a {-webkit-background-size: 230px auto; 	background-size: 230px auto;}
	
	.contents {padding-bottom:;}
	.m_gnb > li > a {font-size: 18px;}
	.m_sub_gnb > li > a {font-size: 14px;}

	/* footer */
	.footer .foot_btm .container {padding: 30px 10px;text-align: center;}
	.footer .foot_btm .foot_logo {display: inline-block; position: static; margin-bottom: 15px;}
	
}