@charset "utf-8";
/* CSS Document */

body{background:url(/mobile/img/body_back.gif) repeat-x;}

#wrap{position:relative; width:100%; height:auto; margin:0 auto; text-align:center;}


#header{position:relative; width:100%; height:92px; margin:0px 0 0 0; text-align:center; background:url(/mobile/img/top_head_back.gif) repeat-x; center 0;}
#header .wrap_header{position:relative; width:100%; height:92px; margin:0 auto;}
#header .wrap_header ul {position:relative;  width:300px; height:92px; margin:0 auto;}
#header ul li{float:left;}

#main_menu{position:absolute; top:86px; left:0; width:100%; height:71px; margin:0px 0 0 0; text-align:center; background:url(/mobile/img/top_menu_back.png)  repeat-x; center 0; z-index:100;}
#main_menu .wrap_menu{position:relative; width:100%; height:71px;  margin:0 auto;}
#main_menu .wrap_menu ul {position:relative;  width:300px; height:71px; margin:0 auto;}
#main_menu ul li{float:left;}

#menu{position:relative; width:100%; height:71px; margin:0px 0 0 0; text-align:center; background:url(/mobile/img/top_menu_background.gif) repeat-x; center 0;}
#menu .wrap_menu{position:relative; width:100%; height:71px;  margin:0 auto;}
#menu .wrap_menu ul {position:relative;  width:300px; height:71px; margin:0 auto;}
#menu ul li{float:left;}


#main_menu01{position:absolute; width:100%; height:648px; margin:0px 0 0 0; text-align:center; overflow:hidden;  repeat-x;  center 0; z-index:50;}
#main_menu01 .zv_menu{position:relative; width:990px; left:-4px;  margin:0 auto;}
#main_menu01 .zv_menu ul {position:relative;  width:990px; left:-4px; margin:0 auto;}
#main_menu01  li{float:left; width:450px;}

#main_gongji{position:absolute; width:360px;  margin:0px 0 0 0; text-align:center; overflow:hidden;  repeat-x;  center 0; z-index:100;}
#main_gongji .new{position:relative; width:360px; left:-4px;  margin:0 auto;}



#main_link{position:absolute; width:305px;  margin:0px 0 0 0; text-align:center; overflow:hidden;  repeat-x;  center 0; z-index:100;}
#main_link .home{position:relative; width:305px; left:-4px;  margin:0 auto;}


/*************************** 상단메뉴 ***************************/
#headerWrap {position:relative; width:704px; background-color:transparent; height:58px; left: 70px; text-align:center;}
#headerWrap #header02 #menu {position: absolute;width:704px;top:0px;right:0px;z-index:999;}
#headerWrap #header02 #menu li {width: 170px; float: left; display: block;background: none;position: relative; height:58px;text-align:center;}
#headerWrap #header02 #menu li a {color:#000;font-size:18px; display:block;  border-right:0px solid #333; font-weight:bold; padding:20px 30px 18px 30px;}
#headerWrap #header02 #menu li a:hover {background-color:#3a7b2a; color:#fff; border:0px solid #333; border-radius:10px;}

/* 서브메뉴 */
#headerWrap #header02 #menu ul {position: absolute;top:58px;left: 0px;display: none;margin: 0;padding: 0; z-index:999;}	
#headerWrap #header02 #menu ul li {width: 170px; float: left; text-align: left; text-align:center; height:35px; border-bottom:1px solid #457D0F;}
#headerWrap #header02 #menu ul li a {display:block;padding:10px 10px; color:#fff; line-height:15px; margin:0px; border:0;  font-size:14px;background-color:#3a7b2a;}
#headerWrap #header02 #menu ul li a:hover  {color:#883a3a;margin:0px;border:0px;font-size:14px;background-color:#3a7b2a;}



/*컨텐츠*/
#content{position:relative; width:100%; height:648px; text-align:center; clear:both;  padding:0px; background:#ffffff; overflow:hidden; repeat-x; center 0;}
#content ul li{float:left;}

.top_roll{position:relative; left:0px; height:388px; width:100%; text-align:center;}
.top_roll ul{position:absolute; top:0px; left:0px;}
.top_roll li{width:100%; text-align:center;}


.top_roll .btns{position:absolute; top:0px; left:0px; z-index:100; width:100%;}
.top_roll .btns .next{position:absolute; top:150px; right:5%;}
.top_roll .btns .prev{position:absolute; top:150px; left:5%;}

.sub_top_roll{position:relative; left:0px; height:130px; width:100%; text-align:center;}
.sub_top_roll ul{position:absolute; top:0px; left:0px;}
.sub_top_roll li{width:100%; text-align:center;}


#top_menu{position:absolute; width:990px;  margin:0 0 0 0; text-align:left;  repeat-x;  z-index:100;}
#top_menu .tv_menu{position:relative; width:990px;  margin:0 auto;}
#top_menu .tv_menu ul {position:relative;  width:990px; margin:0 auto;}
#top_menu  li{float:left; width:245px;}


#main_content{position:relative; width:100%; height:260px; text-align:center; clear:both;  padding:0px; overflow:hidden; repeat-x; center 0;}
#main_content.main_c{position:relative; width:990px;  margin:0 auto;}

/*sub컨텐츠*/
#sub_content{position:relative; width:100%; height:auto; margin:0px 0 0 0; text-align:center; clear:both;  padding:0px; overflow:hidden;   no-repeat center 0;}
#sub_content ul li{float:left;}


/*서브메뉴*/
#sub_contents {margin-top:10px;}
#sub_contents .left {float:left; width:180px; margin:0 0 0 5px;}
#sub_contents .right {float:left; width:960px; margin-left:40px;}
#sub_contents .con {float:left; margin-top:20px;}


/*************************** 서브 좌측메뉴 ***************************/
#sub_contents .left_menu {width:180px; margin:7px 0 0 45px;}
#sub_contents .left_menu .titlebg { background:#fff; font-size:18px; color:#333; padding:23px 0 23px 20px; border-bottom:2px solid #333; font-weight:bold;}

#sub_contents .left_menu a {text-decoration: none; height:15px; line-height:8px; font-size:15px; background-color:#ffffff;  font-weight:bold; font-family:Arial; display:block; color:#000000; border-bottom:1px solid #ddd;padding:15px 15px;}
#sub_contents .left_menu a:hover {text-decoration: none; font-size:15px;  background-color:#f1f1f1;  font-family:Arial;  font-weight:bold; color:#2754a3;}
#sub_contents .left_menu a.on {text-decoration: none; font-size:15px; background-color:#266895; font-family:Arial; font-weight:bold; color:#ffffff;}

#sub_contents .left_menu_s {width:170px; margin:0px 0 0 7px;}
#sub_contents .left_menu_s a {text-decoration: none;  font-size:15px; background-color:#efedee;  font-weight:bold; font-family:Arial; display:block; color:#6079a0; border-bottom:1px solid #ddd;padding:10px 10px;}
#sub_contents .left_menu_s a:hover {text-decoration: none;  font-size:15px;  background-color:#f1f1f1;  font-family:Arial;  font-weight:bold; color:#892b2d;}
#sub_contents .left_menu_s a.on {text-decoration: none; font-size:15px; background-color:#266895; font-family:Arial; font-weight:bold; color:#ffffff;}


#sub_contents .left_menu_m {width:170px; margin:0px 0 0 7px;}
#sub_contents .left_menu_m a {text-decoration: none;  font-size:15px; background-color:#ffffff;  font-weight:bold; font-family:Arial; display:block; color:#6079a0; border-bottom:1px solid #ddd;padding:10px 10px;}
#sub_contents .left_menu_m a:hover {text-decoration: none;  font-size:15px;  background-color:#f1f1f1;  font-family:Arial;  font-weight:bold; color:#892b2d;}
#sub_contents .left_menu_m a.on {text-decoration: none; font-size:15px; background-color:#266895; font-family:Arial; font-weight:bold; color:#ffffff;}




#sub_contents .left_menu_p {width:220px; margin:0px 0 0 5px;}
#sub_contents .left_menu_p .titlebg { background:#fff; font-size:18px; color:#333; padding:23px 0 23px 20px; border-bottom:2px solid #333; font-weight:bold;}

#sub_contents .left_menu_p a {text-decoration: none; font-size:13px; background-color:#ffffff;  font-weight:bold; font-family:Arial; display:block; color:#000000; border-bottom:1px solid #ddd;padding:15px 15px;}
#sub_contents .left_menu_p a:hover {text-decoration: none; font-size:13px;  background-color:#f1f1f1;  font-family:Arial;  font-weight:bold; color:#2754a3;}
#sub_contents .left_menu_p a.on {text-decoration: none; font-size:13px; background-color:#266895; font-family:Arial; font-weight:bold; color:#ffffff;}

/*************************** 서브 컨텐츠 ***************************/
#sub_contents .title {width:100%; padding:25px 0 20px 0; color:#333; font-size:18px; font-weight:bold; border-bottom:1px solid #ddd;}
#sub_contents .nav {position:absolute; margin:28px 0 0 0; right:0;}

a.s_menu:link {text-decoration: underline:no; font-size:13px; color:white; font-weight:bold; text-align:center; font-family:Arial; line-height:25px;} 
a.s_menu:visited {text-decoration: underline:no; font-size:13px; color:white; font-weight:bold; text-align:center; font-family:Arial; line-height:25px;} 
a.s_menu:active {text-decoration: underline:no; font-size:13px; color:white; font-weight:bold;  text-align:center; font-family:Arial; line-height:25px;} 
a.s_menu:hover {text-decoration: underline:no; font-size:13px; color:white; font-weight:bold; text-align:center; font-family:Arial; line-height:25px;} 

a.s_over_menu:link {text-decoration: underline:no; font-size:13px; color:black; text-align:center; font-weight:bold; font-family:Arial;}

.td_a{ background:#ff8080; width:99px; line-height:25px; text-align:center;}
.td_b{ background:#eceaeb; width:99px; line-height:25px;  text-align:center;}

/*sub내용*/
#sub_content .sub_main{position:relative; width:100%; height:auto;  margin:0 auto; padding:0px; text-align:center;}
#sub_content .sub_main ul {position:relative;  width:300px;  height:auto; margin:0 auto;}
#sub_content .sub_main ul li{float:left;}


/*메인풋터 메뉴*/

#footer_menu{position:relative; width:100%; height:91px; margin:0px 0 0 0; text-align:center;  background:url(/mobile/img/footer_menu_back.gif) repeat-x; center 0;}
#footer_menu .footer_mu{position:relative; width:300px; height:91px; margin:0 auto;}
#footer_menu .footer_mu ul li{float:left;}


/*풋터*/
#footer{position:relative; width:100%; height:102px; margin:0px 0 0 0; text-align:center;  background:url(/mobile/img/bottom_back.gif) repeat-x; center 0;}
#footer .footerln{position:relative; width:300px; height:102px; margin:0 auto;}
#footer .footerln ul li{float:left;}



