@charset utf-8; 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,p,iframe,figure{margin:0;padding:0;}
li,dd{list-style:none}
a{color:#666;text-decoration:none}
button {
    padding: 0;
    border: 0;
    cursor: pointer;
    background: none;
    vertical-align: middle;
    appearance: none;
    moz-appearance: none;
}

.h_group li, .h_group a, .h_group dd, .h_group li, #vertical-menu-leftBar li, #vertical-menu-leftBar a  {
	font-family: Arial, sans-serif;
}

body.open{overflow:hidden}
#wrap{padding-top:110px;min-width:320px}
.open #header{position:absolute}
#header{position:relative;top:0px;left:0px;width:100%;/*padding-bottom:81px*/;z-index:100}
#header .util{background:#fbfbfb;border-bottom:1px solid #f6f6f6;padding:0;}
#header .util > div{max-width:960px;margin:auto;overflow:hidden}
#header .util .link{float:right}
#header .util .link a{float:left;padding:5px 0px;border-left:1px solid #e2e2e2;text-align:center;width:77px}
#header .util .link a:hover,
#header .util .link a.current{background:#e0002a;color:#fff;}
#header .util .link a > span{display:inline-block;height:19px;padding:0;font-size:12px;line-height:19px;color:#333}
#header .util .link a:hover > span,
#header .util .link a.current span{color:#fff;}
#header .util .link .language{font-size:12px;line-height:19px;background:#999;color:#fff;}
#header .util .link .language:hover,
#header .util .link .language:focus{background:#888;}
#header .h_group{padding:5px 0 7px;border-bottom:1px solid #d3d3d3;position:absolute;top:0px;left:0px;width:100%;background:#fff;height:74px;z-index:100}
#header .h_group > div{max-width:1056px;margin:auto;overflow:hidden}
#header .h_group > div h1{float:left;overflow:hidden}
#header .h_group > div #gnb{float:left;margin:18px 0 0 60px;z-index:100;}
#header .h_group > div #gnb > ul{overflow:hidden;}
#header .h_group > div #gnb > ul > li{float:left;background:url(../img/bul_line1.gif) no-repeat 0 6px;height:60px;}
#header .h_group > div #gnb > ul > li:first-child{background:none}
#header .h_group > div #gnb > ul > li > a{padding:0 38px;display:block;cursor:default;}
#header .h_group > div #gnb > ul > li:first-child a{padding-left:0px}
#header .h_group > div #gnb > ul > li.last a{padding-right:0px}
#header .h_group > div #gnb > ul > li > a span{color:#1f1f1f;font-size:17px;padding-bottom:10px;display:block;font-weight:bold;}
#header .h_group > div #gnb > ul > li.current > a span,
#header .h_group > div #gnb > ul > li > a:hover span,
#header .h_group > div #gnb > ul > li > a:focus span{font-weight:bold;color:#e0002a}
#header .h_group > div #gnb > ul > li > .sub_menu{position:absolute;top:92px;left:0;width:100%;background:#fbfbfb;padding:30px 0 9px 0;display:none;border-bottom:1px solid #ddd;border-top:1px solid #ddd;background-image: url(/main/img/main/cloud_gradation.jpg);}
#header .h_group > div #gnb > ul > li > .sub_menu > div{max-width:1056px;margin:auto;overflow:hidden}
#header .h_group > div #gnb > ul > li > .sub_menu > div .inner{float:left;overflow:hidden;width: 100%;}
#header .h_group > div #gnb > ul > li > .sub_menu > div .inner > dl{float:left;width:219px;margin-left: 12px;}
#header .h_group > div #gnb > ul > li > .sub_menu > div .inner > dl dt{font-size:17px;line-height:28px;letter-spacing:-0.5px;color:#333;border-bottom:1px solid #e0002a;margin-bottom: 12px;padding-bottom: 10px;}
#header .h_group > div #gnb > ul > li > .sub_menu > div .inner > dl dd{font-size: 13px; letter-spacing: 0px; margin-top: 12px; padding-bottom: 90px; line-height: 1.86;}
#header .h_group > div #gnb > ul > li.last > .sub_menu > div .inner > dl dd{background:url(/v2/img/kr/layout/img_pr.png) no-repeat bottom center}
#header .h_group > div #gnb > ul > li.last > .sub_menu.custom > div .inner > dl dd{background:none;}
#header .h_group > div #gnb > ul > li > .sub_menu > div .inner > div{float:left;margin-left:39px;width: calc( 100% - 287px );}
#header .h_group > div #gnb > ul > li > .sub_menu > div .inner > div > ul{overflow:hidden}
#header .h_group > div #gnb > ul > li > .sub_menu > div .inner > div > ul > li{float:left;width: calc( 33% - 3px );min-height: 142px;padding: 0 32px 15px 0;box-sizing: border-box;}
#header .h_group > div #gnb > ul > li > .sub_menu > div .inner > div.sub_inner1 > ul > li.div4{height:140px}
#header .h_group > div #gnb > ul > li > .sub_menu > div .inner > div.sub_inner1 > ul > li.div5{margin:0}
#header .h_group > div #gnb > ul > li > .sub_menu > div .inner > div.sub_inner1 > ul > li.div6{margin:0 0 0 30px}
#header .h_group > div #gnb > ul > li > .sub_menu > div .inner > div.sub_inner1 > ul > li.div7{margin:0 0 0 30px}
#header .h_group > div #gnb > ul > li > .sub_menu > div .inner > div > ul > li:first-child{margin-left:0px}
#header .h_group > div #gnb > ul > li > .sub_menu > div .inner > div > ul > li > ul{width:100%;}
#header .h_group > div #gnb > ul > li > .sub_menu > div .inner > div > ul > li > ul > li:first-child{border-bottom:1px solid #999;margin-bottom: 12px;padding-bottom: 10px;}
#header .h_group > div #gnb > ul > li > .sub_menu > div .inner > div > ul > li > ul > li > a{color:#333;font-size:15px;line-height:28px;letter-spacing: -0.5px;font-weight:bold}
#header .h_group > div #gnb > ul > li > .sub_menu > div .inner > div > ul > li > ul > li > ul li a{display:block;font-size:13.5px;line-height:25px}
#header .h_group > div #gnb > ul > li > .sub_menu > div .inner > div > ul > li > ul > li > ul li a:hover,
#header .h_group > div #gnb > ul > li > .sub_menu > div .inner > div > ul > li > ul > li > ul li a:focus{color:#e0002a}
#header .h_group > div #gnb > h2{display:none;}
.btn_offcanvas{position:absolute;top:15px;right:0;width:34px;height:30px;display:block;padding:8px}
.backface{position:fixed;width:100%;height:100%;top:0;left:0;bottom:0;background:#000;opacity:.5;filter:alpha(opacity=50);z-index:90;overflow:hidden;display:none;}
#gnb .btn_offcanvas_close{display:none;background:url(../img/btn_close.png) no-repeat;width:24px;height:23px;text-indent:-999em;overflow:hidden;position:absolute;top:5px;right:10px}