@charset "utf-8";
html {font-size: 16px;}
body {font-family:"barun"; color:#333; position: relative;height: 100%;min-height: 100%;font-weight:400;line-height: 1.5;
	/* background:#f8f8f8;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased; */
}
a {text-decoration:none; color:inherit;}
legend {display: none;}
.auto { margin:0 auto;position:relative;width:1200px;}
.auto:after,.clearFix:after,ol:after,ul:after,dl:after {content:""; display:block;width:0; height:0; overflow:hidden;clear:both;font-size:0; overflow: hidden;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;word-break:keep-all;outline:none;}
button { background: none; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; padding: 0;
	-webkit-appearance: button; /* for input */
    -webkit-user-select: none; /* for button */
    -moz-user-select: none;
    -ms-user-select: none;
	outline:none;
}
strong {font-weight: 700;vertical-align:top;}
img {max-width:100%;}
span.red {color:#b92323;}
/* skip */
#skipNav {height:0; overflow: hidden;}
#skipNav li a {display: block;font-size:16px;width:100%;position:absolute;top:-9999px;left:0;text-align:center;z-index:999999;}
#skipNav li a:focus, #skipNav li a.on {position:absolute;top:0;left:0;font-weight:bold;color:#fff;background:#272727;padding:20px 0;color:#ffffff;}



/* header */
#header {position: fixed; width: 100%;height:112px;z-index:1001;top:0;transition:0.3s all ease-out;background:#fff;overflow:hidden;}
#header:after {content:"";position:absolute;top:112px;left:0;width:100%;height:1px;/* background:#e0e0e0; */ border-bottom:1px solid #d9d9d9;}
#header .header-top {background:#444;}
#header .header-top .hdt-menu ul li {float:left;position:relative;}
#header .header-top .hdt-menu ul li a {font-size:13px;color:#ccc;padding:0 10px;line-height:36px;position:relative;}
#header .header-top .hdt-menu ul li:last-child a {padding-right:0;}
#header .header-top .hdt-left {float:left;}
#header .header-top .hdt-left p {font-size:13px;color:#ccc;line-height:36px;}
#header .header-top .hdt-right {float:right;}
#header .header-top .hdt-right li:after {content:"";position:absolute;top: 12px;right: 0;width: 1px;height: 10px;background:#fff;opacity: 0.3;}
#header .header-top .hdt-right li:last-child:after {display:none;}
#header .header-bottom {position:relative;}
#header .header-bottom .logo {position:absolute;top:0;left:0;padding:11px 0;}
#header .header-bottom .logo a {display: block;width:113px;height:54px;background:url("../images/layout/logo.png") no-repeat 50% 50%;}
#header .btnAllMenu {position:absolute;top:30px;right:0;padding:10px;width:30px;height:20px;display:none;}
#header .btnAllMenu span {display:block;position:absolute;width:100%;height:2px;background:#343434;left:0;}
#header .btnAllMenu span:nth-child(1) {top:0;}
#header .btnAllMenu span:nth-child(2) {top:9px;}
#header .btnAllMenu span:nth-child(3) {bottom:0;}


/* gnb */
#gnb {text-align:center;height:100%;padding-left:200px;}
#gnb .gnbList {height:100%;}
#gnb .gnbList > li {float:left;position:relative;width:15%;} 
#gnb .gnbList > li.gnb04 {width:25%;} 
#gnb .gnbList > li > a {display: block;height: 75px;line-height:75px;color: #404040;font-size:16px;position:relative;}
#gnb .gnbList > li > a:after {content:"";position:absolute;top:30px;right:0;width:1px;height:17px;background:#d9d9d9;}
#gnb .gnbList .sub {position:absolute;top:75px;left:0;width:100%;padding:10px 0;height:290px;}
#gnb .gnbList .sub li a {display:block;padding:5px 0;font-size:15px;color:#666;text-align:center;}

#gnb .gnbList > li:hover > a {color:#f57920;font-weight:700;}
#gnb .gnbList > li:hover .sub {background:#f8f8f8;}
#gnb .gnbList > li .sub li a:hover {background:#f0f0f0;}







/* footer */
#footer {background: #f8f8f8;padding:30px 0 40px;border-top:1px solid #e0e0e0;}
#footer .footer-menu {}
#footer .footer-menu ul li {float:left;}
#footer .footer-menu ul li:first-child a {padding-left:0;}
#footer .footer-menu ul li a {position:relative;display:block;padding:0 20px;font-size:14px;color:#666;font-weight:700;}
#footer .footer-menu ul li > a:after {content:"";position:absolute;top:1px;right:0;width:1px;height:17px;background:#d9d9d9;}
#footer .footer-menu ul li:last-child a:after {display:none;}
#footer .addrWrap {overflow:hidden;margin-top:25px;}
#footer address p {margin-bottom: 5px;font-size:14px;color:#808080;}
#footer address .copyright {display:block;margin-top:15px;font-size:14px;color:#666;}
#footer .f_util {position:absolute;top:0;right:0;}
#footer .f_util .sns a {display:inline-block;}
#footer .f_util .account strong {font-size:38px;color:#333;font-weight:700;display:block;}
#footer .f_util .account p {font-size:14px;color:#808080;}




#mobileGnb {position:fixed;top:-100%;;left:0;width:100%;height:100%;z-index:1002;background:#fff;overflow:auto;}
#mobileGnb .mobileGnbTop {height:90px;}
#mobileGnb .mobileGnbTop .btnAllClose {display:block;width:30px;position:absolute;left:10px;top:32px;text-align:center;}
#mobileGnb .mobileGnbTop .btnAllClose img {width:23px;}
#mobileGnb .mobileGnbTop .logo {text-align:center;padding:31px 0;}
#mobileGnb .mobileGnbTop .language {position:absolute;top:0;right:0;padding:0 10px;}
#mobileGnb .mobileGnbTop .language a {display:inline-block;margin-left:10px;line-height:90px;}
#mobileGnb .mobileGnbTop .language a span {display:inline-block;position:relative;line-height:1;}
#mobileGnb .mobileGnbTop .language a span:after {content:"";position:absolute;bottom:-3px;left:0;width:100%;height:1px;background:#333;display:none;}
#mobileGnb .mobileGnbTop .language a.on span:after {display:block;}
#mobileGnb .mobileGnbWrap {border-top:1px solid #d9d9d9;}
#mobileGnb .mobileGnbWrap .title,
#mobileGnb .mobileGnbWrap .gnbBanner {display:none;}
#mobileGnb .gnbList > li {border-b ottom:1px solid #d9d9d9; text-align:left;overflow:hidden;}
#mobileGnb .gnbList > li:after {content:""; display:block;width:0;height:0; font-size:0;clear:both;}
#mobileGnb .gnbList > li > a {font-size:1.05em;display:block;background:#fff;color:#1a1a1a;padding:0 15px;height:50px; line-height:50px; text-align:left;border-bottom:1px solid #d9d9d9;position:relative;opacity:0.7;font-family:"Roboto";font-weight:700;}
#mobileGnb .gnbList > li.on > a {opacity:1;}
#mobileGnb .gnbList > li .sub {text-align:left;background: #f8f8f8;display:none;}
#mobileGnb .gnbList > li .sub li {position:relative;}
#mobileGnb .gnbList > li .sub li a {display:block;font-size:1.05em;height:50px;line-height:50px;letter-spacing:-0.05em; color:#4c4c4c;padding-left:15px;position:relative;border-bottom:1px solid #d9d9d9;opacity:0.7;}
#mobileGnb .gnbList > li .sub li a span {font-size:0.8em; position:absolute; bottom:-17px; left:25px; color:#999;}
#mobileGnb .gnbList > li .sub li .depth3 {display: none;}
#mobileGnb .gnbLogo img { display: block; width: 48%;margin:0 auto;padding-top:40px;}
#mobileGnb .gnbList > li > a .icon {display:none;}
#mobileGnb .gnbList > li > a .icon {position:absolute;top:50%;right:25px;display:block;height:13px;width:13px;margin-top:-7px;}
#mobileGnb .gnbList > li > a .icon span{position:absolute;left:0;top:50%;display:block;width:13px;height:1px;background:#333;
	transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);	
	transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-webkit-transition: .25s ease-in-out
}
#mobileGnb .gnbList > li > a .icon span:nth-child(1){
	transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg)
}
#mobileGnb .gnbList > li.on > a .icon span:nth-child(1){
	transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg)
}

#mobileGnb .mobileGnbBottom {padding:20px 0;text-align:center;}
#mobileGnb .mobileGnbBottom .sns a {display:inline-block;padding:0 5px;}
#mobileGnb .mobileGnbBottom .sns a:nth-child(1) {width:25px;}
#mobileGnb .mobileGnbBottom .sns a:nth-child(2) {width:40px;}
#mobileGnb .mobileGnbBottom .sns a:nth-child(3) {width:50px;}
#mobileGnb .mobileGnbBottom .copyright {font-size:15px;color:#4c4c4c;opacity:0.5;margin-top:10px;}


#btnTop {z-index:9999;right:10%;bottom:200px;}





@media all and (max-width:1600px) {
	
}
@media all and (max-width:1200px) {
	.auto {width:100%;padding:0 10px;}
	#header {height:76px;}
	#header.on {top:0;}
	#header .header-bottom .logo a {margin:0 auto;}
	#header .header-bottom .search-box {right:10px;}
	#header .header-bottom .search-box a {background:url("../images/layout/icon_search_on.png") no-repeat 50% 50%;}
	#header .util {right:10px;}
	#header .header-top {display:none;}
	#gnb {display:none;}
	#header .btnAllMenu {display:block;right:10px;}
	#header .m_search {display:block;}
	#header .header-bottom .search-box{display:none;}

	#header .header-bottom .logo {left:10px;}

	.footer-util {position:static;text-align:center;}
	.footer-util .selectBox {display:inline-block;vertical-align:top;text-align:left;position:relative;}
	.footer-util .selectBox a {height:35px;line-height:35px;}
	.footer-util .selectBox a img {top:13px;}
	.footer-util .selectBox ul {bottom:35px;z-index:1;}
	.footer-util .sns {display:inline-block;vertical-align:top;margin-top:8px;}

	#footer .footer-menu {display:none;}
	#footer .f_util {position:static;text-align:center;}
	#footer .f_util .account p {display:inline-block;}

	#footer address {text-align:center;}
	#footer .addrWrap {margin-top:10px;}

	#btnTop {right:10px;bottom:10px;}


	#mobileGnb .mobileGnbTop .logo {padding:18px 0;}
}

@media all and (max-width:800px) {

#footer address p {margin-bottom:0;}

}

@media all and (max-width:640px){
	#header {height:60px;}
	#header .btnAllMenu {top:19px;}
	#header .m_search {top:20px;}
	#header .header-bottom .logo {padding:3px 0;}
	#header .header-bottom .logo a {width:73px;height:54px;background-size:contain;}

	#mobileGnb .mobileGnbTop {height:60px;}
	#mobileGnb .mobileGnbTop .logo {padding:12px 0;}
	#mobileGnb .mobileGnbTop .logo a {display:inline-block;height:36px;margin-right:-4px;}
	#mobileGnb .mobileGnbTop .logo a img {height:100%;}
	#mobileGnb .mobileGnbTop .btnAllClose {top:19px;}
	#mobileGnb .mobileGnbTop .language a {line-height:60px;}
		
	

	.mobileSearch .mobileSearchTop {height:60px;}
	.mobileSearch .mobileSearchTop .logo {padding:17px 0;}
	.mobileSearch .mobileSearchTop .logo a {display:inline-block;height:25px;margin-right:-4px;}
	.mobileSearch .mobileSearchTop .logo a img {height:100%;}
	.mobileSearch .mobileSearchTop .btnAllClose {top:19px;}

	.footer-util .selectBox ul {bottom:35px;z-index:1;}
	.footer-util .selectBox a {width:129px;font-size:12px;}
	.footer-util .selectBox a img {width:10px;top:14px;}

	#footer .f_util .sns {float:left;}
	#footer .f_util .sns a {width:50px;}
	#footer .f_util .account {padding-left:120px;text-align:left;}
	#footer .f_util .account p {font-size:12px;}
	#footer .f_util .account p:last-child {display:none;}
	#footer .f_util .account strong {font-size:25px;}

	#footer address p {font-size:12px;}
	#footer address .copyright {font-size:12px;margin-top:5px;}
	#footer address br {content:normal;}

	#btnTop {width:40px;}
}