@charset "utf-8";

/* layout */
#main {width:100%; height:680px}
.main_visual {width:100%; height:476px; background:url(/assets/images/main/bg_main.gif) repeat-x 0 0; border-bottom:4px solid #393548}
.main_content {width:998px; height:200px; border-left:1px solid #dadede; border-right:1px solid #dadede; margin:2px auto; }

/* 아이콘 */
.main_icon {position:relative; width:938px; margin:auto;  }
.main_icon ul {position:absolute; top:337px; left:40px; z-index:20}
.main_icon ul li{margin-left:4px; float:left}
.main_icon ul li:first-child {margin-left:0}
.main_icon ul li a{display:block; width:49px; height:79px; text-indent:-9999px }
.main_icon ul li a.main_icon1 { background:url(/assets/images/main/icon_main1.png) no-repeat 0 0}
.main_icon ul li a.main_icon2 { background:url(/assets/images/main/icon_main2.png) no-repeat 0 0}
.main_icon ul li a.main_icon3 { background:url(/assets/images/main/icon_main3.png) no-repeat 0 0}
.main_icon ul li a.main_icon4 { background:url(/assets/images/main/icon_main4.png) no-repeat 0 0}
.main_icon ul li a.main_icon5 { background:url(/assets/images/main/icon_main5.png) no-repeat 0 0}
.main_icon ul li a.main_icon6 { background:url(/assets/images/main/icon_main6.png) no-repeat 0 0}
.main_icon ul li a.main_icon7 { background:url(/assets/images/main/icon_main7.png) no-repeat 0 0}
.main_icon ul li a:hover.main_icon1 { background:url(/assets/images/main/icon_main1_on.png) no-repeat 0 0}
.main_icon ul li a:hover.main_icon2 { background:url(/assets/images/main/icon_main2_on.png) no-repeat 0 0}
.main_icon ul li a:hover.main_icon3 { background:url(/assets/images/main/icon_main3_on.png) no-repeat 0 0}
.main_icon ul li a:hover.main_icon4 { background:url(/assets/images/main/icon_main4_on.png) no-repeat 0 0}
.main_icon ul li a:hover.main_icon5 { background:url(/assets/images/main/icon_main5_on.png) no-repeat 0 0}
.main_icon ul li a:hover.main_icon6 { background:url(/assets/images/main/icon_main6_on.png) no-repeat 0 0}
.main_icon ul li a:hover.main_icon7 { background:url(/assets/images/main/icon_main7_on.png) no-repeat 0 0}

/* 메인 비주얼 */
#main_visual {position:relative; width:100%; overflow-x:hidden; text-align:center}
a.main_visual-stop {width:21px; height:21px; background:url(/assets/images/main/icon_main_stop.png) no-repeat 0 0; text-indent:-9999px; display:inline-block; position:absolute; top:439px; left:50%; z-index:10; margin-left:-10px  }
a.main_visual-play { width:21px; height:21px; background:url(/assets/images/main/icon_main_play.png) no-repeat 0 0; text-indent:-9999px; display:inline-block; position:absolute; top:439px; left:50%;z-index:10; margin-left:-10px  }
.main_visual-pagination { position: absolute; top:445px; left:50%; margin-left:10px; z-index:10}
.main_visual-pagination li { width: 10px; height: 10px; float:left; margin-left: 5px; }
.main_visual-pagination li a { background: url(/assets/images/main/tab_circle.png) no-repeat; display: block; width: 10px; height: 10px; text-indent: -9999px  }
.main_visual-pagination li a.active,  .slidesjs-pagination li a:hover.active { background-position: 0 100% }
.main_visual-pagination li a:hover { background-position: 0 100% }
a.visual_1 {background:url(/assets/images/main/main_visual1.jpg) no-repeat 50% 0; display:block; width:2000px; height:476px; text-indent:-9999px}
a.visual_2 {background:url(/assets/images/main/main_visual2.jpg) no-repeat 50% 0; display:block; width:2000px; height:476px; text-indent:-9999px}
a.visual_3 {background:url(/assets/images/main/main_visual3.jpg) no-repeat 50% 0; display:block; width:2000px; height:476px; text-indent:-9999px}

/* 뉴스 */
div.list_news {width:272px; height:180px;padding:20px 30px 0 30px; position:relative; font-family:dotum,'돋움';border-right:1px solid #dadede; float:left}
div.list_news h2 {height:50px}
div.list_news li{font-size:12px; color:#666; line-height:26px}
div.list_news li a:hover { text-decoration:underline}

/* 홍보센터 */
div.list_inform {width:272px; height:180px;padding:20px 30px 0 30px; position:relative; font-family:dotum,'돋움';border-right:1px solid #dadede;float:left}
div.list_inform h2 {height:40px}
a.more {position:absolute; right:20px; top:25px}

/* 배너 */
div.slide_banner {width:272px; height:180px;padding:20px 30px 0 30px;float:left; position:relative}
a.slidesjs-stop {width:20px; height:20px; background:url(/assets/images/main/btn_banner_stop.gif) no-repeat 0 0; text-indent:-9999px; display:inline-block; position:absolute; top:21px; right:52px;z-index:10  }
a.slidesjs-play { width:20px; height:20px; background:url(/assets/images/main/btn_banner_play.gif) no-repeat 0 0; text-indent:-9999px; display:inline-block; position:absolute; top:21px; right:52px;z-index:10  }
a.slidesjs-previous {width:20px; height:20px; background:url(/assets/images/main/btn_banner_prev.gif) no-repeat 0 0; text-indent:-9999px; display:inline-block; position:absolute; top:21px; right:74px;z-index:10 }
a.slidesjs-next {width:20px; height:20px; background:url(/assets/images/main/btn_banner_next.gif) no-repeat 0 0; text-indent:-9999px; display:inline-block; position:absolute; top:21px; right:30px;z-index:10 }

