@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {font-family:'Nanum Gothic';}

body{font-family:dotum;font-size:12px;color:#333333;padding:0px;
	margin:0px;vertical-align:top;}
img{border:0}

#wrap{text-align:center;margin:0px;padding:0px;}
#header {width: 100%; height: 120px;background:url(../images/common/top_bg.gif) 0 0 repeat-x;display:inline-block}
#header .inner {width: 1000px; height: 120px; margin:0 auto; position:relative;display:inline-block;}
#header .inner .logo {width: 108px; height: 36px;margin:40px 0px 0px 40px }
#header .inner .home {width: 56px; display:inline-block; position:absolute; right:10px; top:13px;}
#header .inner .gnb {display:inline-block; position:absolute; right:10px; top:27px; }
#header .inner .gnb .dep1 {margin-left: 55px; float: left; }
#header .inner .gnb .dep1 ul {position:absolute; left:-9999px; top:-9999px;}
#header .inner .gnb .dep1.on ul.sub1 {width: 192px; position:absolute; left:-10px; top:50px;}
#header .inner .gnb .dep1.on ul.sub2 {width: 546px; position:absolute; left:-100px; top:50px;}
#header .inner .gnb .dep1.on ul.sub3 {width: 140px; position:absolute; left:330px; top:50px;}
#header .inner .gnb .dep1.on ul.sub4 {width: 123px; position:absolute; left:360px; top:50px;}
#header .inner .gnb .dep1 ul li {float: left; }
ul li{list-style:none}

#container {width: 100%;margin-bottom:20px}
#contents{width:100%;height:381px;margin:0 auto;display:inline-block;background:#dfe8eb;border-bottom:1px solid #d8d8d8;position:relative;}
#scontents{width:100%;height:119px;margin:0 auto;display:inline-block;background:#dfe8eb;border-bottom:1px solid #d8d8d8;}

#contents .section1 {width: 1000px; min-height:381px; margin: 0 auto; overflow:hidden; position:relative;background:url(../images/main/visual.gif);position:relative;}
#contents .section1 .title {width: 342px; height: 56px; position:absolute; right:6px; top:120px; }
#contents .section1 .main_spot {display:inline-block; position:absolute; right:10px; bottom:40px;}
#contents .section1 .main_spot li {margin-left: 20px; float: left; }
#contents .section1 .main_spot li span {display:inline-block; border: solid 1px #c1c3c5;}
#contents .section1 .main_spot li.on span {border: solid 1px #2f88c7;}
#contents .section1 .main_spot li:hover span {border: solid 1px #2f88c7;}
#contents .section1 .main_spot li .detail {position:absolute; left:-1200px; top:-220px;}
#contents .section1 .main_spot li .detail2 {position:absolute; left:-255px; top:-170px; filter: alpha(opacity=0); opacity:0;}

#copyright{margin-top:45px;border-top:1px solid #e0e0e0;padding:15px 0px 15px 0px;}

.bn_content{width:1000px;margin:0 auto;margin-top:20px;}
.sub_content{width:1000px;margin:0 auto;margin-top:20px;display:inline-block;}
.notice{width:250px;margin-right:54px;float:left;display:inline-block;}
.banner1{float:left;width:196px}
.marr{margin-right:54px}

.l_menu{width:230px;margin-right:50px;float:left}
.marb{margin-bottom:10px}
.con{width:720px;float:left;text-align:left}
.mart{margin-top:30px;margin-bottom:20px}




.fl2{float: left; color: #000;  width: 688px; padding-bottom: 18px; font-weight: bold; font-size:2.7em; padding-left: 0px;  padding-top: 0px;   }

A:link {color:#000; text-decoration:none} 
A:visited {color:#000;  text-decoration:none} 
A:active {color:#000; text-decoration:none} 
A:hover     {color:#000; font-weight : bold; text-decoration:none}