html {width: 100%;height: 100%;min-height: 100%;}
body {font-size:16px; font-family:"Noto Sans KR"; color:#000; line-height:1.5; position: relative;height: 100%;min-height: 100%;background: #fff;  font-weight: 400;}
a {text-decoration:none; color:#666;}
.auto { margin:0 auto;position:relative;width:990px;}
.auto:after {content:""; display:block;width:0; height:0; overflow:hidden;clear:both;font-size:0;}
em , strong {font-weight: 500;}
/*
.pc .auto {width:1200px;}
.tablet .auto {width:960px; margin:0;}
.mobile .auto {width:640px; margin:0;}
*/

#skipNav {height:0; overflow: hidden;}
#skipNav li a {display: block;font-size:1em;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  {height:210px;background: url("../images/layout/bgGnb.png") repeat-y 50% 0;}
#header h1 {float: left;}
#header h1 a  {display: block;padding: 85px 0;}
#gnb {float: right;margin-top: 30px;}
.gnbList > li {float: left;padding: 0 50px;}
.gnbList > li > a {display: block;font-weight:500;font-size: 11px; color:#898888;padding-bottom: 10px;margin-bottom: 10px; position: relative;}
.gnbList > li > a:after {content: "";display: block;width: 13px;height: 1px;background: #adacac;position: absolute; bottom:0;}
.gnbList > li .sub > li > a {display: block;font-weight:700;font-size: 14px;color: #adacac; }
.gnbList > li .depth03 {display: none;}
.indexHeader {margin-top:310px; z-index:99; position: relative;}
.header {z-index:99; position: absolute;width: 100%;}




/* footer */
#footer {padding: 30px 0;background: #ebebeb; font-size: 14px;font-weight:500;color: #4e4e4e;}
#footer a {color: inherit;}
#footer .fLogo {float: left;}
#footer address {padding-left:25px; float: left;margin-left: 30px;}
#footer address .copyright {display: block;}
#footer .fQuickMenu {position: absolute; right:0; top:-30px;}
#footer .fQuickMenu a {display: inline-block;padding: 5px 20px;color: #fff;font-weight:500;font-size: 14px;}
#footer .fQuickMenu a.btnLocation {background: #f7941e;}
#footer .fQuickMenu a.btnSupport {background: #5a5a5a;}



.oic {position: absolute; right:-100px; top:20px;}
.oic h2 {display: block;padding: 5px 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 2px solid rgba(255,255,255,0.5);color: rgba(255,255,255,0.5); transition:all 0.2s ease-out;}
.oic:hover h2 {background: #fff;color: #000;}
.oic:hover .oicDesc {opacity:1;top:50px;}
.oicDesc {position: absolute;width: 100px;text-align: center;background: #fff;left:50%; margin-left: -50px;top:60px;border-radius:10px; font-size: 14px;padding: 15px 0;color: #143e7d;opacity: 0; transition:all 0.2s ease-out;}
.oicDesc:after {content: "";display: block;width: 0;height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff;position: absolute; top:-8px;left:50%; margin-left: -8px;}