@charset "utf-8";

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

/* Header - name 고정 */
#header {position:relative;top:0;left:0;z-index:100;width:100%;height:139px; background:url(../img/common/headerBg.gif) repeat-x 0 0;}
#header .header_top {position:relative; height:89px;}
#header .header_top h1#logo{display:block;position:absolute;top:17px;left:2px;z-index:1000}
#header .header_top h1#logo a{display:block;}

/* Util - name 고정 */
.top_util {position:absolute;top:39px;right:206px;}
.top_util ul li {float:left;}
.top_util a {color:#888;font-size:12px;background:url(../img/common/top_util_bar.gif) no-repeat 15px 2px;padding-left:30px}
.top_util a.first {background:none;}
.top_util a:after {content:"";display:block;}

.search_area {position:absolute;top:35px;right:6px;width:183px;min-height:26px}
.search_area:after {display:block;clear:both;content:''}
.search_area input[type='text'] {width:179px;height:21px;padding:2px 0 2px 7px;border:1px solid #ddd;color:#a4a4a4;font-size:13px}
.search_area button {background-color:transparent}
.search_area .btn_search{position:absolute;top:5px;right:7px;overflow:hidden;background:url(../img/common/btn_search.gif) no-repeat left top;line-height:999px;width:16px;height:16px;cursor:pointer}

/*GNB*/
#gnb {position:relative;z-index:10;clear:both;}
#gnb:after {display:block;clear:both;content:''}
#gnb .inner {width:100%;}

/*GNB - 1depth*/
.nav_area {/*float:left;*/z-index:100; background:url(../img/common/gnbBg.gif) no-repeat 0 0;width:1050px;margin:0 auto}
.nav_area > ul {position:relative;z-index:2;*zoom:1}
.nav_area > ul:after {content:"";display:block;clear:both}
.nav_area > ul > li {float:left;position:relative;width:210px;}
.nav_area > ul > li.gnb01 {width:210px; text-align:center;}
.nav_area > ul > li.gnb01 h3 {margin:18px auto 15px; color:#515151; font-size:17px;line-height:2.0em; background:url(../img/common/gnb_h3bg.gif) no-repeat center bottom;}
.nav_area > ul > li > a {display:block;position:relative;color:#fff;font-size:17px;font-weight:700;text-align:center;line-height:52px;}
.nav_area > ul > li > a.on,
.nav_area > ul > li > a:hover {color:#fff68d;text-decoration:none;}

/*GNB - 2depth*/
.nav_area > ul > li > div {display:none;position:absolute;z-index:20;left:0;top:50px;width:210px;}
.nav_area > ul > li > div > ul {padding:20px 0 0; background:url(../img/common/sub_menu_bar.gif) no-repeat 0 30px; height:120px;}
.nav_area > ul > li > div > ul > li {padding:0 10px}
.nav_area > ul > li > div > ul > li a {position:relative;padding:0 0 0 30px;font-size:13px;line-height:1.85em;text-align:left;font-weight:700;color:#999;}
.nav_area > ul > li > div > ul > li a:hover {color:#2d9b5e;text-decoration:underline;}
.on .nav_bg {display:block;position:absolute;left:0;top:50px;z-index:0;width:100%;height:165px;border-bottom:2px solid #2d9b5e;background:#fff;}

#gnb_area {width:100%;height:165px;display:none;}
#gnb_area .navi {position:absolute;left:0px;top:139px;z-index:10;width:100%;height:165px;display:none;background-color:#fff;border-bottom:1px solid #2d9b5e;}
#gnb_area .navi .menu_position {display:block;width:100%;margin:0 auto}


/* container - name 고정 */
#container {}
#container:after {content:"";display:block;clear:both}

/* 레이아웃 공통 - name 고정 */
#content {}
#content:after {content:"";display:block;clear:both}
#content.main {background:#f7f7f9}
#content.sub {position:relative;width:1050px;margin:50px auto 50px;min-height:350px}

/* 비쥬얼영역 - name 고정 */
.spot{}

/* 서브 컨텐츠영역 탑 - name 고정  */
.sub_spot {height:135px;margin-bottom:40px;overflow:hidden;border-bottom:1px solid #ddd}
.sub_spot h2 {margin:38px 0 15px;font-size:34px;color:#333}
.sub_spot p {color:#555;font-size:14px}

/* Footer - name 고정 */
#footer{width:100%;height:110px;margin:0;background:#353535;font-size:13px;line-height:20px;color:#ccc;text-align:left;}
#footer .inner{background:url(../img/common/logoBtm.gif) no-repeat 0 25px;}
#footer .f_line {color:#525252;}
#footer .f_line2 {color:#525252; margin-left:9px;}
#footer .blank {margin-left:20px;}
#footer .blank2 {margin-left:26px;}
#footer address{padding:25px 0 3px 100px;  /*position:relative;*/}
#footer cite{color:#999; font-family:dotum; font-size:11px; font-weight:bold; font-style:normal; margin:0 0 0 100px; /*position:absolute; top:58px; left:335px;*/}