@charset "utf-8";

/* reset element */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
img, fieldset { border:none; }
table { border-collapse:collapse; }
ul, ol, li { list-style:none; }
address, em { font-style:normal; }
li img, object { vertical-align:top; }
input, select, textarea, form img { vertical-align:middle; }

/* font */
body { font: 75% /1.5 Dotum,"돋움",sans-serif; color: #666; }
input, select, textarea{ font:12px /1.5 Dotum,"돋움",sans-serif; color:#666; }

/* anchor */
a { text-decoration: none; }
a:link { color: #666; text-decoration: none;}
a:visited { color: #666; text-decoration: none;}
a:hover { color: #999; text-decoration: none;}

/* skip */
.skip, legend { font-size:0; width:0; height:0; line-height:0; text-indent:-9999px; overflow:hidden; visibility:hidden; position:absolute; top:0; left:0; }
hr { display:none; }

/* common */
.clear { clear: both;}
#navLeft {width:100%;height:820px;left:-50%;background:url(/img/BgLeft.gif) repeat-x;position:absolute;} 
#navRight {width:50%;height:820px;left:50%;background:url(/img/BgRight.gif) repeat-x;position:absolute;}

.Sleft {width:100%;height:49px;left:-70%;margin-top:53px;background:url(/img/Sleft.png) repeat-x;position:absolute;}
.Sright {width:50%;height:39px;left:50%;margin-top:61px;background:url(/img/Sright.png) repeat-x;position:absolute;}

#wrap {width:1100px; margin:0 auto; background:url(/img/Bg.jpg) no-repeat;overflow:hidden;}
#Swrap {width:1100px; margin:0 auto;overflow:hidden;}

/* nav */
#nav {width:100%;height:90px; background:url(/img/navBar.png) no-repeat 0 43px;}
#nav h1 {float:left;margin-top:47px;margin-left:60px;}
#nav div {float:left;}
#nav ul {clear:both}
#nav ul li {float:left;}
#nav ul.top {float:right;margin-top:23px;margin-bottom:25px;}
#nav ul.top li {padding:0 10px; background:url(/img/topBg.png) no-repeat;}
#nav ul.top li.first {background:none;}
#nav ul.navi li {margin:0 50px;}
#nav ul.navi li.first {margin-left:142px;}
#nav ul.navi li.last {margin-right:0}

/* index */
#visual {width:1035px;height:496px; margin:0 auto;}
#visual .vQuick {position:absolute;margin-left:750px;margin-top:148px;}
#visual .latest {width:494px;height:94px;position:absolute;background:url(/img/noticeBG.png) no-repeat;margin-top:453px;margin-left:265px;}
#visual .latest ul {margin:25px 0 0 114px;}
#visual .latest ul li {color:#fff; width:100%;}
#md {clear:both;margin:16px 0 16px 49px;overflow:hidden;}
#md ul li {float:left; margin-left:12px;}

/* sub */
#Sheader {margin-top:10px;}
.bg img {/* Set rules to fill background */min-height: 100%;min-width: 1600px;/* Set up proportionate scaling */width: 100%;height: auto;/* Set up positioning */position: absolute;top: 0;left: 0;}
@media screen and (max-width: 1024px) { /* Specific to this particular image */img.bg {left: 50%;margin-left: -512px;   /* 50% */}}
#Scontent {width:1020px;float:right;overflow:hidden;}
#Scontent .sideA {float:left; width:192px;margin-top:30px;}
#Scontent .sideB {float:right; width:791px;}
#Scontent .sideB > div {overflow:hidden;border-top:5px solid red; background:#fff;padding-bottom:30px;}
#Scontent .sideB ul {clear:both;margin-top:20px;margin-left:28px;margin-right:20px;}
#Scontent .sideB ul li {float:left;}
#Scontent .sideB ul li.sca {float:right;margin-right:28px;}
#Scontent .sideB ul.Scon {padding-top:20px;}


/* footer */
#footer {clear:both;background:#000;width:100%;}
#footer div {width:1020px;margin:0 auto;}

.bottom {width:100%; background:#000;min-width:1024px;min-height:300px;position:fixed;}