@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:44px;display:inline-block;background:url(../../images/top_bg.jpg) repeat-x;margin-top:0px;}
#header .inner {width:1222px;height:44px;margin:0 auto;position:relative;display:inline-block;;background:url(../../images/top.jpg);}
#header .inner .logo {width: 259px;height:44px;float:left;}
#header .inner .home {width: 163px;height:19px; position:absolute;right:25px;top:18px;}
#header .inner .gnb {display:inline-block;height:44px;width:1222px;margin-top:0px;float:right;}
#header .inner .gnb .dep1 {float: left;display:inline-block;}
#header .inner .gnb .dep1 ul li {float: left; }
ul, ul li{list-style:none;margin:0;padding:0}

#container {width: 100%;margin-bottom:20px}
#contents{width: 100%;margin:0 auto;display:inline-block;position:relative;}
#scontents{width:100%;height:150px;margin:0 auto;display:inline-block;background:#f3ede4;border-bottom:1px solid #dfdad1;border-top:1px solid #dfdad1;}

#contents .section1 {width: 100%; min-height:381px; margin: 0 auto; overflow:hidden; position:relative;background:url(../../images/visual.jpg);}
#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{width: 100%;margin-top:45px;border-top:4px solid #4972c1;align:center;padding:15px 0px 15px 0px;}

.mvisual{position:relative;background:url(../../images/index_bg.jpg) repeat-x;height:555px}
.mv{position:relative;background:url(../../images/visual.png);height:555px;width:1222px;margin:0 auto}

.svisual{position:relative;background:url(../../images/sub_bg.jpg) repeat-x;height:222px}
.sv{position:relative;background:url(../../images/svisual.jpg);height:222px;width:1222px;margin:0 auto}
.visual_bg{height:20px;background:url(../../images/visual_bg.jpg);}

.move_img{opacity:0;margin-left:-25px;position:absolute;top:120px;left:618px}
.move_txt{opacity:0;margin-top:-25px;position:absolute;top:175px;left:1px}

.smove_txt{opacity:0;margin-left:-25px;position:absolute;top:30px;left:600px;}

.notice{width:315px;float:left;display:inline-block;}
.notice_imgs{float:left;width:85px}
.notice_txt{float:left;display:inline-block;}
.banner{display:inline-block;margin-top:20px}
.banner ul li{list-style:none;float:left}
.banner1{float:left;width:166px;margin-left:28px}
.banner2{float:left;margin-left:28px}

.sub_content{width:1222px;margin:0 auto;display:inline-block;}
.l_menu{width:230px;margin-right:30px;float:left}
.marb{margin-bottom:0px}
.con{width:960px;float:left;text-align:left}
.mart{margin-top:30px;margin-bottom:20px}

tr {font-size:9.5pt}

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}

.fl2{float: left; color: #a3a3a3;  width: 919px; padding-bottom: 27px; font-weight: bold; font-size:2.7em; padding-left: 10px;  padding-top: 0px;   }