/* body */
.body_bg{ background:url(../images/main/main_body_bg.gif) repeat-x}
.sub_bg{ background:url(../images/common/sub_body_bg.gif) repeat-x}




/* top */
#top{ width:960px; margin:0 auto; position:relative; height:123px}
.util{ height:25px; float:right; padding-top:7px}
.util li{ float:left; margin-right:15px}
.util li a{ font-family:Tahoma, Geneva, sans-serif}
.util li a:hover, .util li a:active, .util li a:focus{color:#930}
.util li a span{ color:#309300}
#top h1{ position:absolute; left:0; top:50px}

#middle{ background:url(../images/main/main_visual_bg.jpg) no-repeat center 1px;}
.main_visual_wrap{ display:block; position:relative; width:960px; margin:0 auto; border-top:1px solid #9fa0a2 }
.main_visual{ display:block; width:721px; float:left; height:356px; position:relative; overflow:hidden}
.main_visual li.visual01 img, .main_visual li.visual02 img, .main_visual li.visual03 img{ position:absolute; left:0; top:0}
.main_visual a{ position:absolute; z-index:10; display:block; width:31px; height:5px; background:#3a3c38; text-indent:-9999px }
.main_visual a.on{ background:#950035}
.main_visual a:hover, .main_visual a:active,.main_visual a:focus{ background:#950035}
.main_visual li.visual01 a{left:20px; top:333px;}
.main_visual li.visual02 a{left:56px; top:333px;}
.main_visual li.visual03 a{left:92px; top:333px;}
.left_banner{}
.banner_control { position:absolute; left:20px; top:334px}
.banner_control p { float:left; margin-right:4px;}
.banner_control img { cursor:pointer}

#board{width:960px; margin:0 auto; padding:40px 0 0; height:150px}
#board h3{ margin-bottom:20px}
.announcements li{ background:url(../images/common/list_icon.gif) no-repeat left 10px; padding-left:10px; line-height:25px; position:relative}
.announcements li a{ color:#333}
.announcements li a span{ color:#8e8e8e; position:absolute; right:0; top:0}
.announcements li a span{ color:#8e8e8e; position:absolute; right:0; .top:-6px}
.announcements li a:hover, #board li a:active, #board li a:focus{ color:#930}
.intro{ width:263px; float:left; padding:0 0 15px 27px;  margin-right:45px;position:relative}
.intro dl{ background:url(../images/main/intro_bg.jpg) no-repeat left top; padding-left:100px}
.intro dl dt{ margin-bottom:7px}
.intro li{ background:none; float:left}
.announcements{ width:355px; float:left; margin-right:43px; position:relative}
.more{ position:absolute; top:7px; right:0}
.promotion{ width:194px; float:left;position:relative}


/* sub layout */

#sub_middle{ background:url(../images/common/sub_viaual_bg.jpg) no-repeat center 1px;}
.sub_visual{ width:960px;height:188px; border-top:1px solid #9fa0a2 ; margin:0 auto}
#content_wrap{width:960px;margin:0 auto;*zoom:1}
#content_wrap:after{ display:block; content:""; clear:both}
#content { min-height:200px;}
.left{ width:203px; float:left}
.left h2{ margin:45px 0 25px; height:23px}
.left ul li{ border-bottom:1px solid #e0dedf}
.left ul li a.first{ border-top:1px solid #e0dedf}
.left ul li a{ font-size:13px; display:block; width:173px; height:24px; background:url(../images/common/submenu_bg.gif) no-repeat left 0px; padding-left:30px; padding-top:5px;}
.left ul li a:hover{ background:url(../images/common/submenu_on.gif) no-repeat left 0px; color:#fff}


.left ul li.on a{background:url(../images/common/submenu_on.gif) no-repeat left 0px; color:#fff; font-weight:bold}


.right{ float:right; width:702px}
.navip{*zoom:1}
.navip:after{ display:block; clear:both; content:""}
.indi{ height:60px; float:right}
.indi li{ float:left; margin:20px 0 20px ;background:url(../images/common/icon_dre.gif) no-repeat left 5px; padding:0 12px  }
.indi li:first-child{ background:none}
.right h3{ border-bottom:1px solid #06377b; padding-bottom:9px; margin-bottom:39px; height:23px}









#bottom{width:960px; margin:0 auto; border-top:1px solid #dddddd; clear:both; margin-top:40px;}
.foot{ background:url(../images/common/foot_logo.gif) no-repeat left 15px; padding:20px 0 50px 170px; float:left; font-size:12px}




/* gNavi */
#gnb{ position:absolute; left:350px; top:64px; z-index:2; height:18px;}
#gnb li{ position:absolute; top:0; z-index:2;}
#gnb li#mNavi01{ left:0} 
#gnb li#mNavi02{ left:113px} 
#gnb li#mNavi03{ left:248px} 
#gnb li#mNavi04{ left:381px} 
#gnb li#mNavi05{ left:507px}
#gnb li a{ display:block; height:29px; background: url(../images/common/topmenu.gif) no-repeat; text-indent:-5000px; font-size:0; line-height:0; vertical-align:top}
#gnb li#mNavi01 a.topmenu{ width:113px; background-position: 0 0}
#gnb li#mNavi02 a.topmenu{ width:135px; background-position: -113px 0}
#gnb li#mNavi03 a.topmenu{ width:133px; background-position: -248px 0}
#gnb li#mNavi04 a.topmenu{ width:126px; background-position: -381px 0}
#gnb li#mNavi05 a.topmenu{ width:105px; background-position: -507px 0}
#gnb li#mNavi01 a.topmenu:hover, #gnb li#mNavi01 a.topmenu:active, #gnb li#mNavi01 a.topmenu:focus, #gnb li#mNavi01 a.topmenu.hover{ background-position: 0 -31px}
#gnb li#mNavi02 a.topmenu:hover, #gnb li#mNavi02 a.topmenu:active, #gnb li#mNavi02 a.topmenu:focus, #gnb li#mNavi02 a.topmenu.hover{ background-position: -113px -31px}
#gnb li#mNavi03 a.topmenu:hover, #gnb li#mNavi03 a.topmenu:active, #gnb li#mNavi03 a.topmenu:focus, #gnb li#mNavi03 a.topmenu.hover{ background-position: -248px -31px}
#gnb li#mNavi04 a.topmenu:hover, #gnb li#mNavi04 a.topmenu:active, #gnb li#mNavi04 a.topmenu:focus, #gnb li#mNavi04 a.topmenu.hover{ background-position: -381px -31px}
#gnb li#mNavi05 a.topmenu:hover, #gnb li#mNavi05 a.topmenu:active, #gnb li#mNavi05 a.topmenu:focus, #gnb li#mNavi05 a.topmenu.hover{ background-position: -507px -31px}

#gnb li ul{ position:absolute; top:29px; visibility:hidden; width:610px; height:18px;  background:#203148;}
#gnb li ul li{ position:static; float:left; display:inline; margin:0; padding-right:1px}
#gnb li:hover ul, #gnb li:focus ul, #gnb li:active ul{ visibility: visible}

#gnb li#mNavi01 ul{ left:0; padding:7px 0 0 0;}
#gnb li#mNavi02 ul{ left:-113px; padding:7px 0 0 0;}
#gnb li#mNavi03 ul{ left:-248px; padding:7px 0 0 0;}
#gnb li#mNavi04 ul{ left:-381px; padding:7px 0 0 0;}
#gnb li#mNavi05 ul{ left:-507px; padding:7px 0 0 0;}

#gnb li li a{ float:left; padding:0 12px 0 12px; height:16px; font-family:"돋움"; font-weight:normal; font-size:12px; color:#9ea5ae; line-height:1.08em;  background:none; text-indent:0px; white-space:nowrap}
#gnb li li a:hover{color:#FFF}
#gnb li#mNavi01 li.sNavi01{ padding-left:2px}
#gnb li#mNavi02 li.sNavi01{ padding-left:40px}
#gnb li#mNavi03 li.sNavi01{ padding-left:160px}
#gnb li#mNavi05 li.sNavi01{ padding-left:269px}