@charset "utf-8";

/* Type Selector */
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0; padding:0;}
html,body {width:100%; height:100%; margin:0; padding:0;}
body {font:0.75em Dotum, Gulim, Arial, Tahoma, Verdana; color:#767676;  background:#fff;}
ul,ol {list-style:none;}
img, fieldset {border:none;}
input, select, textarea {font-size:100%; color:#616161; background:#fff;}
hr, legend {display:none;}
em, address {font-style:normal;}

a:link,
a:visited {text-decoration:none; color:#333;}
a:hover {text-decoration:underline;}
a:active {text-decoration:none;}
	 
/* Site Layout - Body Wrap */
#left_bg {position:absolute; top:0; left:-500px; width:50%; height:250px; background:url(/xe/img/sub-bg.png) repeat-x right top; z-index:-1;}
#right_bg {position:absolute; top:0; right:0; width:50%; height:250px; background:#ebebeb url(/xe/img/sub-bg.png) repeat-x 500px top; z-index:-1;}
#bodyWrap {width:1000px; margin:0 auto; background:#fff url(/xe/img/subbg.gif) repeat-x;}
	#header {position:relative; height:63px;}
	#contentBody {overflow:hidden; }
#footerWap {width:100%; height:127px; background:url(/xe/img/footerBg.gif) repeat-x left 20px; margin-top:100px;}
	#footer {position:relative; width:1000px; margin:0 auto; }
  
/* Super top */
#header h1 {position:absolute; left:77px; top:13px;}
#header .navi {position:absolute; left:292px; top:22px;} 
#header .section {position:absolute; right:50px; top:0; background:#4b4b4b; padding:4px 10px; font-size:0;} 
#header .section li {float:left;} 
#header .section li.line {width:1px; height:5px; background:#030303; margin:2px 10px;} 

#header .navi ul#gnb{width:600px;}
#header .navi ul#gnb > li{position:relative; width:20%; float:left; text-align:center;}
#header .navi ul#gnb > li > a{display:block; width:100%; height:25px; font-size:16; font-weight:600;}
#header .navi ul#gnb:after{content:""; clear:both;}
#header .navi ul#gnb li ul{display:none; position:absolute; width: 1000px; top:20px;}
#header .navi ul#gnb li:hover ul{display:block;}
#header .navi ul#gnb li ul li{float:left; text-align:center; margin-right:15px; font-size:11px;}
#header .navi ul#gnb li ul li:last-child{margin-right:0;}



 /* Site Layout - Content Body */
#contentBody .visual {height:203px;}
#subLeft {float:left; width:247px; height:440px; padding:0 17px; text-align:center; background:#f9f9f9; border:1px solid #ddd; box-sizing:border-box;  border-radius:5px;}
#subLeft h2 {margin-top:29px; height:70px; background:url(/xe/img/text.gif) no-repeat center 24px; font-size:0; }
#subLeft .menu {width:179px; margin:0 auto;}
#subRight {float:right; width:676px; padding-right:51px;}
#subRight .Title{position:relative; margin-top:1px; height:66px;}
#subRight .Title h3 {padding-left:14px; height:19px; background:url(/xe/img/bul.gif) no-repeat left 3px;}
#subRight .Title .cate {position:absolute; right:0; top:0; color:#acacac; }
#subRight .Title .cate string {color:#545454; }
#subRight .Title h4 {padding-left:14px;}
#content {}

/* Site Layout - Footer */
#footer ul {position:absolute; left:30px; top:46px;}
#footer li {float:left; padding:0 25px 0 20px; background:url(/xe/img/line.gif) no-repeat right top; font-size:0;}
#footer li.none {background:none;}
#footer .copywriter{position:absolute; left:50px; top:79px;}