@charset "utf-8";

/*
XE-ART layout template for XpressEngine
Markup : HYOUNG YEON KIM
Website: http://www.xe-art.com
Email : kimt8899@naver.com
*/

/* Logo */
#logo { position:absolute; display:block;float:left; top:10px; left:10px; z-index:1; }
#logo .flash { position:absolute; top:-10px; left:-10px; z-index:1; margin-right:0px;margin-top:0px;}
.logo2 {display:block; float:left;margin:10px;}
.logo3 {display:block;float:right;margin:10px;}
.logo2 .flash2 { display:block;float:left; margin-top:0px  margin-left:10px;}
.logo3 .flash3 { display:block;float:right; margin-top:0px  margin-right:10px;}
#footer2 .logo4 {background:url(../images/footer_logo_1.png) 0px no-repeat;display:block;float:left;margin-right:0px;margin-top:0px;}
#footer2 .logo5 {background:url(../images/footer_logo_2.png) 0px no-repeat;display:block;float:right;margin-right:0px;margin-top:0px;}

/* Sitemap */
#header .access{ float:right; position:absolute; top:16px; right:5px; margin:0; padding:0; white-space:nowrap; z-index:1; }
#header .access li{ float:left; list-style:none; top:16px; right:5px; height:29px; padding:0px 0px;  margin:0; }
#header .access li { vertical-align:top; }
#header .access li li{ float:none; height:auto; background-image:none;}
#header .access li.sitemap{ margin:0; background:url(../images/icons/lineAccessVr.gif) no-repeat right 6px; z-index:2; }
#header .access li.sitemap button{ border:0; padding:0px; margin:0; width:77px; height:29px;cursor:pointer; background:url(../images/icons/sitemap.gif) no-repeat center 0px; overflow:visible;}
#header .access li.sitemap button:hover{ border:0; padding:0px; width:77px; height:29px; cursor:pointer; background-color:transparent; background:url(../images/icons/sitemapHover.gif) no-repeat center 0px; overflow:visible;}
#header .access li.sitemap button span{ position:relative; width:0; height:29px; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}

/* Search */
.search-utility { top:0px; left:0px; float:left; height:26px; padding:0px; margin-top:0px; position:relative; *zoom:1;}
.search {position:relative; *zoom:1; top:0px; left:0px; float:left; height:24px; }
.searchBox { width:192px; height:24px; padding:0 0 0 5px; border:1px solid #666666;background:#4C4C4C;}
.searchBox input { font-weight:bold; margin:2px 0 0 0; color:#DFDFDF; width:163px; vertical-align:top; border:none; background-color:transparent;}
.searchBox .submit { width:22px; height:24px; margin:0px; cursor:pointer; border:none; background:url(../images/icons/search-icon3.png) 0px 0px no-repeat;background-color:transparent;}
.localNavigation {margin-top: 40px;}

/* Gnb-menu */
#gnb {margin:0;position:relative;color:#000; height:30px;background:url(../images/light.png) 0 -514px repeat-x; }
#gnb_sub { position:relative; margin:0; padding:0; top:8px; left:30px; *zoom:1; font:12px; list-style:none; }
#gnb_sub li { float:left; margin-right:10px; *zoom:1; }
#gnb_sub li a { float:left; padding-right:10px; display:block; text-decoration:none; *zoom:1; }

/* lnb */
#lnb { margin:0; padding:0; *zoom:1; font:12px; }
#lnb a span { position:absolute; top:8px; right:0px; }
#lnb li { list-style:none; *zoom:1; background: url(../images/icons/divider.png);background-position: 50% 100%;background-repeat: repeat-x;}
#lnb li a { padding:8px 10px 8px 10px; *padding:9px 10px 6px 10px; display:block; position:relative; text-decoration:none; *zoom:1; }
#lnb li.on a { padding-left:20px; }
#lnb li.on a { background:url(../images/icons/icon-check.png) no-repeat 0 ;*zoom:1; }

#lnb li ul { display:block; position:relative; margin:0; padding:0; overflow:hidden; *zoom:1; }
#lnb li.on ul {display:block;*zoom:1; }
#lnb li ul li { *zoom:1;display:inline; }
#lnb li ul li a {  padding:5px 10px 5px 20px; font-weight:normal !important; *zoom:1; }
#lnb li ul li a:hover,
#lnb li ul li a:focus { font-weight:normal !important; }

/* bread crumb */
#breadcrumbs {background: 0;}
#breadcrumbs-home {background: url(../images/icons/icon-home2.png) 0 no-repeat;}
#breadcrumbs .container, #header .container, #toptab .container, #bottomtab .container {background: transparent;}
#breadcrumbs {margin-top: 0px;}
#breadcrumbs-home {width: 15px;height: 15px;display: block;float: left;margin-top: 5px;margin-left: 20px;}
#breadcrumbs h3, .leading_separator {display: none;}
span.breadcrumbs {display: block;font-size: 110%;font-weight: bold;overflow: hidden;}
span.breadcrumbs img {margin-top:7px; width: 8px;height: 13px;float: left;}
span.breadcrumbs a, span.no-link {padding: 3px 8px 0 8px;float: left;display: block;height: 23px;line-height: 20px;}
span.breadcrumbs a.on a {color:#fff;}

/* Sitemap */
#sitemap{ position:relative; top:1px; left:0px; padding:0px; margin:0px; background:#fff;}
#sitemap .box { display:none; position:relative; float:left; padding:4px 0 10px 0; margin:0px; background:transparent; border:0px solid #7e7e7d; width:960px;}
#sitemap .box.opens{ display:block;}
#sitemap .box .list{ float:left; margin:0px; padding:0px; }
#sitemap .box .list h2{ height:14px; line-height:14px;width:109px; font: 12px; padding:5px 0; display:block; text-align:center; margin:0px; background:#888888; border:1px solid #444444; }
#sitemap .box .list h2 a{ color:#fff;font-size:12px; }
#sitemap .box .list a:hover{ color:#fdc503; }
#sitemap .box .list ul{ margin:0px; padding:4px 6px 4px 3px; background:url(../images/icons/tmVarLine.gif) repeat-y 0 0;}
#sitemap .box .list ul a{ color:#666; font-size:12px; padding:4px 0px 6px 18px; margin:0px; background:url(../images/icons/top_arrow.png) no-repeat 0px center;}
#sitemap .box .list ul a:hover{ color:#e7b711; }
#sitemap .box .list ul li{ color:#808080; font-size:12px; list-style:none; padding:6px 0px 2px 6px; margin:0px; }
#sitemap .box .list ul li a{ color:#808080; font-size:12px; padding:4px 0px 4px 18px; background:url(../images/icons/top_arrow2.png) no-repeat 0px center;}
#sitemap .box .list ul li a:hover{ color:#e0b41c; text-decoration:none; }
#sitemap .box .close{ position:absolute; left:10px; bottom:10px; cursor:pointer; border:0; padding:0; width:49px; height:13px; background:transparent url(../images/icons/buttonCloseXt.gif) no-repeat center center;}
#sitemap .box .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}

/* Mini column */
.dp20,.dp25,.dp33,.dp50,.dp75,.dp100 {float:left;margin-top:15px;}
.dp20 {width:20%;}
.dp25 {width:25%;}
.dp33 {width:33.33%;}
.dp75 {width:25%;}
.dp50 {width:50%;}
.dp100 {width:100%;margin-top:0;}
.clr {clear:both;font-size:0;}
.dpleft {width:300px; float:left;margin-top:0px;  padding:0 5px 0 0px;}
.dpright {width:300px; float:right;margin-top:0px; padding:0 0px 0 5px;}
.footer-dpleft {width:200px; float:left;margin-top:10px;}
.footer-dpright {width:200px; float:right;margin-top:10px;}

/* Layout column */
#colmask {clear:both;overflow:hidden;position:relative;width:100%;}
#maincol, #wrapper {position:relative;}
.s-c-s #colmid, .s-c-x #colright {float:left;position:relative;width:200%;}
.s-c-s #colright {float:left;left:50%;position:relative;width:100%;}
.s-c-s #col1wrap {float:right;position:relative;right:100%;width:50%;}
.s-c-s #col1pad, .x-c-s #col1, .x-c-s #colmid {overflow:hidden;}
.s-c-s #col1 {overflow:hidden;width:100%;}
.s-c-s #col2 {float:left;position:relative;overflow:hidden;margin-left:-50%;}
.s-c-s #col3 {float:left;position:relative;overflow:hidden;left:0;}
.s-c-x #col1wrap {float:right;position:relative;width:50%;}
.s-c-x #col1 {overflow:hidden;position:relative;right:100%;}
.s-c-x #col2 {float:left;position:relative;}
.c-s #colright {float:left;position:relative;right:100%;width:200%;}
.c-s #col1wrap {float:left;left:50%;position:relative;width:50%;}
.c-s #col2 {float:right;position:relative;}
.c-s #col3 {float:left;overflow:hidden;position:relative;left:-50%;}
.cols1 {display:block;float:none;margin:0;width:100%;}
.cols2 {width:49%;overflow:hidden;}
.cols3 {width:30%;}
.column1, .column2 {position:relative;float:left;margin:0;}
.colpad {padding:0 10px;position:relative;}
.column2 {float:right;width:49%;}

/* Footer */
.footer-pad {padding:10px 15px;overflow:hidden;}
#footer ul {margin:0;}
#footer li {list-style:none;float:left;padding-right:20px;font-weight:bold;}

/* Go to top */
#totop { display:block; float:right; overflow:hidden; white-space:nowrap; padding:0px;}
#totop li { float:left; list-style:none; position:relative;  line-height:20px; padding-left:10px;   }
#totop li a { color:#999;}
#totop li a:hover { color:#ddd; text-decoration:underline;}

/* Footer2 */
.footer-pad2 {padding:10px 15px;overflow:hidden;float:left;}
.footer-pad2 {padding:10px 15px;overflow:hidden;float:right;}
#footer2 ul {margin:0;}
#footer2 li {list-style:none;float:left;padding-right:20px;font-weight:bold;}
#footer2 li.on a { color:#899A30; }