@charset "utf-8";

/* 공통 */
#wrap{width:100%;height:100%;min-width:980px}
#wrap:after {content:"";display:block;clear:both;z-index:500}
.inner{position:relative;width:980px;margin:0 auto}
.inner:after{content:""; display:block; clear:both;}

/* Header */
#header{position:relative;top:0;left:0;z-index:100;width:100%;height:124px;border-bottom:1px solid #e5e5e5}
#header .header_inner {width:980px; margin:0 auto}
#header .header_inner:after {content:""; display:block; clear:both;}
#header h1#logo{display:block;float:left;margin:20px 0 0 10px;z-index:1000}
#header h1#logo a{display:block;}
#header h1#logo a span{display:inline-block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px}
#header h1#logo a .symbol{width:220px;height:46px;background:url(../images/common/logo.gif) no-repeat left top;}

/* Util */
#util{height:35px;width:100%;background-color:#818286}
#util .top_util {position:absolute;right:216px;width:200px;display:block;}
#util .top_util li{display:inline-block;float:left;width:99px;height:35px;text-align:center}
#util .top_util li a {display:block;color:#fff;font-size:12px;line-height:35px;border-left:1px solid #aeb0b3;width:100%;height:35px}
#util .top_util li a:after {content:"";display:block}
#util .language{position:absolute;right:0;width:216px;background:#323337}
#util .language li{display:inline-block;float:left;height:35px;line-height:35px;width:72px;text-align:center;background:url(../images/common/language_bar.gif) no-repeat left center}
#util .language li a {display:block;color:#fff;font-size:12px;line-height:35px;width:100%;height:35px}
#util .language li:first-child{background:none}

/*GNB*/
#gnb{position:relative;z-index:10;clear:both;height:90px}
#gnb:after{display:block;clear:both;content:''}
#gnb .gnb_bg {position:absolute;z-index:11;top:90px;width:100%;height:0}

/*GNB - 1depth*/
nav.gnb_area {float:right;z-index:100}
nav.gnb_area > ul {position:relative;z-index:2;*zoom:1}
nav.gnb_area > ul:after {content:"";display:block;clear:both}
nav.gnb_area > ul > li {float:left;position:relative;width:180px;background:url(../images/common/gnb_bar.gif) no-repeat left center}
nav.gnb_area > ul > li:first-child{background:none}
nav.gnb_area > ul > li > a {display:block;height:90px;line-height:90px;color:#444;font-family:'Nanum Gothic Bold';text-align:center;font-size:17px}
nav.gnb_area > ul > li > a.on,
nav.gnb_area > ul > li > a:hover {height:87px;line-height:90px;color:#4dbfca;border-bottom:3px solid #4dbfca}

/*GNB - 2depth*/
nav.gnb_area > ul > li > div {display:none;position:absolute;z-index:20;left:0;top:90px;width:180px;height:204px;border-right:0px}
nav.gnb_area > ul > li > div > ul {height:184px;padding:20px 0 0}
nav.gnb_area > ul > li > div > ul:hover {background:#eeefed}
nav.gnb_area > ul > li > div > ul > li {padding:0 10px}
nav.gnb_area > ul > li > div > ul > li a {display:block;font-size:13px;padding:6px 0px;line-height:15px;letter-spacing:0px;color:#333}
nav.gnb_area > ul > li > div > ul:hover a {color:#444}
nav.gnb_area > ul > li > div > ul:hover a:hover {text-decoration:underline}
nav.on .nav_bg {display:block;position:absolute;left:0;top:90px;z-index:0;width:100%;height:204px;border-bottom:1px solid #e5e5e5;background:#fafbf9}
nav.gnb_area .nav_bg span {position:relative;left:50%;display:block;width:100%;height:200px;margin-left:-700px;overflow-x:hidden;}

/* spot */
.spot{height:420px;background:url(../images/main/visual_bg1.jpg) no-repeat center 0}
.sub_spot {height:150px;overflow:hidden;padding:0;background:url(../images/main/spot_bg.gif) repeat-x 0 0}

/* 레이아웃 공통 */
#container {}
#container:after {content:""; display:block; clear:both;}
#container.main {margin:10px 0px}
#container.sub  {width:980px; margin:0 auto; z-index:999; background: url(../images/sub/sub_bg1.jpg) no-repeat top right, url(../images/common/left_bg.gif) repeat ;}

/* container */
#content {}
#content:after {content:""; display:block; clear:both;}
#content.sub {width:760px;padding-bottom:80px;float:right;min-height:800px}

/* Snb */
#snb {float:left;width:180px;margin-bottom:100px}
#snb h2 {width:100%;height:100px;padding-top:60px;color:#fff;font-size:25px;font-weight:bold;text-align:center;background: url(../images/sub/snb_tit_bg.gif) no-repeat top left}
#snb h2 span{display:block;font-size:11px}
#snb .snb_menu {position:relative;display:block;width:180px;}
#snb .snb_menu:after {clear:both;content:"";display:block;}
#snb .snb_menu li a {display:block;height:55px;line-height:55px;letter-spacing:-0.05em;padding-left:8px;font-size:15px;color:#333;border-top:1px solid #fff;border-bottom:1px solid #ddd; background:url(../images/sub/snb_arw.gif) 95% center no-repeat}
#snb .snb_menu li .ecp {letter-spacing:-1.5px}
#snb .snb_menu li.on a, #snb .snb_menu li a:hover {color:#fff;border:1px solid #323337;background:#323337 url(../images/sub/snb_arw_on.gif) 95% center no-repeat}
#snb .snb_menu li a.last{border-bottom:1px solid #0798de !important}

/* Footer */
#footer{position:relative;width:100%;height:120px;margin:0;background-color:#e9e9e9;font-size:12px;line-height:20px;color:#a0a0a0;text-align:left}
#footer.sub{border-top:1px solid #eee}
#footer address{padding:30px 0 5px 250px;    font-size: 14px;}
#footer cite{font-style:normal;padding:0 0 0 250px}
#footer .footer_logo{position:absolute;top:35px;left:0}
#footer .family {position:absolute;top:35px;right:0}
#footer .family li {display:inline-block;float:left;margin-left:8px}

/* 서브 컨텐츠영역 탑 */
.sub_title {height:90px;margin:45px 0px 40px 0px;overflow:hidden;border-bottom:1px solid #ddd;}
.sub_title h2 {margin:0px 0px 10px;font-size:34px;color:#333;letter-spacing:-0.05em}
.sub_title p {color:#888;font-size:12px;}

/* 서브 패스 */
.path {font-size:12px;margin-top:-17px; float:right; margin-right:10px;}
.path ol {float:left; margin-top:2px;}
.path ol li {float:left; padding-left:20px; color:#777; background:url(../images/common/path_arr.gif) 10px center no-repeat;}
.path ol li:first-child {padding-left:0; background:none;}
.path ol li:first-child img {margin-top:4px;}