@charset 'UTF-8'; 

/*--------------------------------------
	Web font
---------------------------------------*/
@font-face {
	font-family:'NotoSans';
	font-style:normal;
	font-weight:400;
	src:url(/font/NotoSans-Regular.eot);
	src:local(※), url(/font/NotoSans-Regular.woff) format('woff');
}
@font-face {
	font-family:'NotoSansBold';
	font-style:normal;
	font-weight:700;
	src:url(/font/NotoSans-Bold.eot);
	src:local(※), url(/font/NotoSans-Bold.woff) format('woff');
}


/*--------------------------------------
	As-is reset
---------------------------------------*/
body {background-color:#fff;background-image:none;}
#wrap_container, #wrap_containerBG {background:none;}
#wrap_containerBG {padding-top:30px;}


/*--------------------------------------
	Header
---------------------------------------*/
#header {
	width:100%;
	height:165px;
	font:12px/1.5em 'NotoSans', 'Arial', 'Helvetica', san-serif;
	background-color:#fff;
	background-image:none;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#header a, 
#header a:link,
#header a:focus, 
#header a:hover,
#header a:active {font:12px/1.5 'NotoSans', 'Arial', 'Helvetica', san-serif;text-decoration:none;}

#header .country {height:30px;text-align:center;border-bottom:1px solid #e5e5e5;}
#header .country li {display:inline;margin-left:15px;}
#header .country li:first-child {margin-left:0;}
#header .country li a {color:#848484;line-height:30px;}
#header .country li a:hover {color:#eb1111;text-decoration:underline;}
#header .country li.active a {color:#eb1111;}
#header .country li.active a:hover {text-decoration:none;}

#header .head {position:relative;width:980px;height:94px;margin:0 auto;}
#header .head .kn-logo {position:absolute;left:50%;top:25px;margin-left:-95px;}
#header .head .head-util {float:left;margin-top:42px;}
#header .head .head-util li {float:left;margin-left:30px;}
#header .head .head-util li:first-child {margin-left:0;}
#header .head .head-util li a {display:block;height:18px;line-height:18px;color:#464648;padding-left:25px;text-transform:uppercase;}
#header .head .head-util li a:hover {color:#e42222;}
#header .head .head-util li.hide {visibility:hidden;}
#header .head .head-util li.menu a {background:url(/images/common/header/ico-header-menu.png) no-repeat 0 0;}
#header .head .head-util li.menu a:hover {background:url(/images/common/header/ico-header-menu-on.png) no-repeat 0 0;}
#header .head .head-util li.search a {background:url(/images/common/header/ico-header-search.png) no-repeat 0 0;}
#header .head .head-util li.search a:hover {background:url(/images/common/header/ico-header-search-on.png) no-repeat 0 0;}

#header .head .share {float:right;margin-top:39px;}
#header .head .share li {float:left;margin-left:8px;}
#header .head .share li:first-child {margin-left:0;}
#header .head .share li a {display:block;width:24px;height:24px;background-image:url(/images/common/header/sprite-share.png);background-repeat:no-repeat;text-indent:-9999px;}
#header .head .share li.facebook a {background-position:0 0;}
#header .head .share li.flickr a {background-position:0 -24px;}
#header .head .share li.instagram a {background-position:0 -48px;}
#header .head .share li.youtube a {background-position:0 -72px;}
#header .head .share li.weibo a {background-position:0 -96px;}
#header .head .share li.youku a {background-position:0 -120px;}
#header .head .share li.facebook a:hover {background-position:-24px 0;}
#header .head .share li.flickr a:hover {background-position:-24px -24px;}
#header .head .share li.instagram a:hover {background-position:-24px -48px;}
#header .head .share li.youtube a:hover {background-position:-24px -72px;}
#header .head .share li.weibo a:hover {background-position:-24px -96px;}
#header .head .share li.youku a:hover {background-position:-24px -120px;}


/* GNB */
#header .kn-gnb {position:absolute;left:0;top:125px;width:100%;height:10px;padding-bottom:30px;overflow:hidden;z-index:90;}
#header .kn-gnb .inner {width:100%;padding-bottom:20px;border-bottom:1px solid #e9e9e9;box-shadow:0 10px 20px rgba(0,0,0,0.4);background:#fff url(/images/common/header/bg-gnb.gif) repeat-x 0 0;overflow:hidden;}
#header .kn-gnb .inner > ul {width:980px;margin:0 auto;}
#header .kn-gnb .inner > ul > li {float:left;width:196px;}
#header .kn-gnb .inner > ul > li > a {display:block;height:33px;padding-top:7px;font-family:'NotoSansBold';font-size:16px;color:#242424;text-align:center;text-transform:uppercase;}
#header .kn-gnb .inner > ul > li > a:hover,
#header .kn-gnb .inner > ul > li.active > a {height:31px;color:#e42222;border-bottom:2px solid #e52121;background-color:#fff;}

#header .kn-gnb .inner > ul > li > ul {padding:20px 15px 0 0;}
#header .kn-gnb .inner > ul > li > ul > li {}
#header .kn-gnb .inner > ul > li > ul > li > a {position:relative;display:block;font-size:13px;color:#444;line-height:15px;text-align:left;padding:5px 10px 5px 0;}
#header .kn-gnb .inner > ul > li > ul > li > a:hover {text-decoration:underline;}
#header .kn-gnb .inner > ul > li > ul > li.active > a:hover {text-decoration:none;}
#header .kn-gnb .inner > ul > li > ul > li > a:hover, 
#header .kn-gnb .inner > ul > li > ul > li.active > a {color:#e42222;}
#header .kn-gnb .inner > ul > li > ul > li > a .plus {display:inline-block;position:absolute;top:8px;right:-3px;width:8px;height:8px;margin-left:5px;background:url(/images/common/header/sprite-plus.png) no-repeat 0 0;text-indent:-9999px;}
#header .kn-gnb .inner > ul > li > ul > li > a:hover .plus, 
#header .kn-gnb .inner > ul > li > ul > li.active > a .plus {background-position:-8px 0;}
#header .kn-gnb .inner > ul > li > ul.m1 {padding-left:47px;}
#header .kn-gnb .inner > ul > li > ul.m2 {padding-left:41px;}
#header .kn-gnb .inner > ul > li > ul.m3 {padding-left:69px;}
#header .kn-gnb .inner > ul > li > ul.m4 {padding-left:53px;}
#header .kn-gnb .inner > ul > li > ul.m5 {padding-left:41px;}


/* Utility layer */
html.overflow {overflow:hidden;}

.util-layer {font:12px/1.5em 'NotoSans', 'Arial', 'Helvetica', san-serif;position:absolute;left:0;top:121px;width:100%;height:100%;z-index:1000;}
.util-layer a, 
.util-layer a:link,
.util-layer a:focus, 
.util-layer a:hover,
.util-layer a:active {font:12px/1.5 'NotoSans', 'Arial', 'Helvetica', san-serif;text-decoration:none;}
.util-layer .dim {position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:0.4;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)';z-index:1001;}
.util-layer .u-wrap {position:relative;width:953px;margin:0 auto;padding:27px 0 27px 27px;box-shadow:0 10px 20px rgba(0,0,0,0.4);background-color:#ececf1;z-index:1002;}
.util-layer .u-wrap .inner {max-height:540px;overflow:auto;}
.util-layer .u-wrap .inner .u-close {display:block;position:absolute;top:-59px;width:49px;height:45px;padding:14px 0 0 18px;background-color:#ececf1;z-index:1001;}
.util-layer .u-wrap .inner .u-close.m {left:0;}/* menu */
.util-layer .u-wrap .inner .u-close.s {left:90px;}/* search */

.util-layer .u-search {padding-top:50px;}
.util-layer .u-search .sch-wrap {position:relative;height:69px;margin-right:27px;border-bottom:1px solid #464648;}
.util-layer .u-search .sch-wrap .sch-kword {width:848px;height:60px;font-family:'NotoSansBold';font-size:48px;color:#b5b5b5;line-height:60px;margin:1px 68px 0 10px;border:0;background-color:transparent;outline-style:none;}
.util-layer .u-search .sch-wrap .sch-kword::-ms-clear {display:none;}
.util-layer .u-search .sch-wrap .sch-btn {position:absolute;right:0;top:10px;width:48px;height:48px;border:0;background:url(/images/common/header/ico-util-search.png) no-repeat 0 0;cursor:pointer;text-indent:-9999px;}
.util-layer .u-search .topic {margin:20px 27px 0 10px;}
.util-layer .u-search .topic li {overflow:hidden;}
.util-layer .u-search .topic li a {font-family:'NotoSansBold';font-size:24px;color:#555;line-height:36px;}
.util-layer .u-search .topic li a:hover {text-decoration:underline;}

.util-layer .u-menu {overflow:hidden;}
.util-layer .u-menu .col {float:left;margin-left:10px;}
.util-layer .u-menu .row {overflow:hidden;}
.util-layer .u-menu .row.r2 {clear:left;margin-top:30px;}
.util-layer .u-menu .cell {float:left;width:224px;margin-left:10px;}
.util-layer .u-menu .cell:first-child {margin-left:0;}

.util-layer .u-menu .cell h2 {font-family:'NotoSansBold';font-size:20px;color:#525556;text-transform:uppercase;line-height:20px;padding:0 10px 8px 10px;}
.util-layer .u-menu .cell a {text-decoration:none;}
.util-layer .u-menu .cell a:hover {text-decoration:underline;}
.util-layer .u-menu .cell > ul {padding:0 10px;}
.util-layer .u-menu .cell > ul > li {}
.util-layer .u-menu .cell > ul > li > a {display:block;font-size:14px;color:#333;line-height:16px;text-transform:uppercase;padding:6px 0;}
.util-layer .u-menu .cell > ul > li > a.ac-trigger {text-decoration:none;padding-right:19px;background:url(/images/common/header/arw-accordion.png) no-repeat right 11px;}
.util-layer .u-menu .cell > ul > li.active > a,
.util-layer .u-menu .cell > ul > li > a:hover {color:#e42222;}
.util-layer .u-menu .cell > ul > li.active > a.ac-trigger {font-family:'NotoSansBold';border-bottom:1px solid #b7b7b9;padding-bottom:10px;background:url(/images/common/header/arw-accordion-on.png) no-repeat right 11px;}
.util-layer .u-menu .cell > ul > li > ul {display:none;padding:5px 0;margin:0 5px;}
.util-layer .u-menu .cell > ul > li > ul > li > a {display:block;font-size:12px;color:#999;line-height:13px;padding:6px 0 6px 9px;background:url(/images/common/header/bu-rect-gray-2x2.gif) no-repeat left 11px;}
.util-layer .u-menu .cell > ul > li > ul > li > a:hover {color:#000;background:url(/images/common/header/arw-right-red.png) no-repeat left 8px;}