@charset "utf-8";

/* 메인, 서브 공통사용 클래스 */
@import url(/css/common.css);
@import url(/css/button.css);
@import url(/css/tabstyle.css);

/* Common */
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, input, textarea, button{margin:0; padding:0;}
body{color:#2f2f2f; font-size:12px; line-height:1.6; font-family:"돋움", Dotum, AppleGothic, Sans-serif;}
/*body{background: url(/images/zeus/body-bk.jpg) repeat-x;}*/
body{background: url(/images/zeus/main-bk-x.jpg) repeat-x 980px 0px;}

li{list-style:none;}
hr{display:none;}
img{border:none;}
em, address{font-style:normal;}

a{color:#2f2f2f; text-decoration:none;}
a:visited {color:#6E4987;}
a:active{color:#2f2f2f;}
a:hover{text-decoration:underline;}
a.visit {color:#2f2f2f !important; text-decoration:none; }
a.visit:visited {color:#2f2f2f !important;}
a.visit:active{color:#2f2f2f !important;}
a.visit:hover{text-decoration:underline;}
a strong{letter-spacing:-1px;}

a.rollover img { border:0 none; display:inline;}
a.rollover img.over { display:none;}
a.rollover:hover { border:0 none;}
a.rollover:hover img { display:none;}
a.rollover:hover img.over { display:inline;}

.png  {_display:inline-block;}
.png  img  {_filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
* html  .png24  {tmp:expression(setPng24(this))}

/* z-index 사용 예제 */ 
div#index_wrap{ 
background: url(/images/zeus/main-bk4.jpg) repeat-x;
z-index: 10;  
width: 980px;
height:750px;
}
div#index_main{ 
z-index: 20; 
width: 980px;
height:750px;;
}
div#sub_wrap{ 
text-align:left;
background: url(/images/zeus/sub-bg.jpg) repeat-x;
z-index: 10;  
width: 980px;
}


#wrap {text-align:left;width: 980px;}
#wrap_pop { margin:10px; text-align:left; }

#header {margin: 0 auto;position: relative;text-align: left;width: 980px;}
#main, #footer {margin: 0 auto;position: relative;text-align: left;width: 980px;}

/* footer */
#footer{
margin-top:10px;
height:100px;
background: url(/images/zeus/bottom.png) repeat-x;
_background:none; 
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/zeus/bottom.png',sizingMethod='crop');
}


#footaddr {float:left;padding-top:30px; padding-left:50px;}
#footaddr .addr{font-size:12px;color:#444;line-height:1.4;}
#footaddr .cpr{font-size:11px;color:#83964b;line-height:12px;padding-top:3px;}

#footmenu {float:right;padding-top:42px; padding-right:70px;}
#footmenu ul li {float:left;padding: 0px;margin: 0px;}


/*상단아이콘*/
#topnav_mBox {float: right;text-align: right;height: 22px;padding: 0 0 2px;overflow: hidden;position: relative;}
#topnav_mBox ul { margin-top:5px; }
#topnav_mBox li { margin-right:10px; }
/*메인메뉴*/

#Topmenu{position: relative;text-align: center;clear: both;float: left;height: 165px;width: 980px;margin: 0 auto;}
#Topmenu #logoImg{float: left;width: 200px;margin: 0;overflow: hidden;padding:10px 0 0 0px;}
#Topmenuxx #menuSWF{width: 750px;margin: 0;overflow: hidden;}

#Topmenu {position:relative;margin:0 auto;z-index:999;*zoom:1;padding-top:0px;}
#Topmenu:after {content:""; display:block; clear:both;}
#Tmenu {position:relative;margin: 35px 110px 0 200px; padding:0; list-style: none; height: 40px;background-color:#5c93b7;  border-radius: 20px;}
#Tmenu li {float: left; list-style: none; display: block; background: none; position: relative; z-index: 999; margin: 0;text-align:center;}
#Tmenu>li {width:16.6%;}
#Tmenu li.mfirst {margin:0;}
#Tmenu li a {display: block;font-size:15px;font-weight: bold; font-family:"Malgun Gothic", "맑은 고딕", NanumGothic, "나눔고딕", AppleGothic, sans-serif;line-height: 40px;height: 40px; text-decoration: none;  color: #FFF;margin:0;padding: 0px 0px; _width: 78px; _padding: 0; _text-align: center;_border: 0px;_display: block;letter-spacing:-1px;}
#Tmenu li a:hover, #Tmenu li a.hov, #Tmenu li a.hovx {color: #cdfabb;}
#Tmenu li a.hot {color: #cdfabb;}

#Tmenu ul {position: absolute; left:0;list-style: none;display: none; margin: 0; padding: 0; border:0;min-width:720px;}
#Tmenu ul.sfirst {left:0px;}
#Tmenu ul.sm1 {left:0px;}
#Tmenu ul li {float: left;display:inline; padding:0px;margin:0;white-space:nowrap;_margin:0;_padding:0;}
#Tmenu ul li a {display: block; height: 22px; line-height: 22px; padding: 0px 5px;margin:0px 3px; color: #444; font-size:12px;font-weight: 200;text-align:center;  _width:120px; _margin:5px 0px;_padding:0;_border: 0px;}
#Tmenu ul li a:hover, #Tmenu ul li a.hov, #Tmenu ul li a.hovx {color: #000;}
#Tmenu ul li a.hot {color: #000;}

* html #Tmenu ul { margin: 0 0 0 -2px; }
/** @group clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }



/*추천박스*/
#topLink {position: relative;float:left;width: 980px;z-index: 1;padding-top: 10px;}
#topLink #toMs {float:left;width:235px;overflow: hidden;margin-right:1px;}
#topLink #BMain {float:left;width:744px;overflow: hidden;}/*border: 3px solid #90ca32;}*/
#topLink #BBanner {float:left;width:734px;_width:729px;}/*border: 3px solid #90ca32;}*/

/*중간메뉴*/
#mtopBox {position: relative;height:70px;padding-top: 15px;}
#mtopBox #logBox {float: left;background: url(/images/logbk.gif) no-repeat; width: 235px;height:70px;overflow: hidden;padding-right:1px;}
#mtopBox #linkBox {float:left;width:744px;height:70px;}

/*메인 컨텐츠 3단 레이아웃*/
#main{ margin-top:0px; }
#main #contsLeft {float:left;width: 450px;overflow: hidden;padding-right:5px;}
#main #contsCenter {float:left; width: 520px; margin-left: 5px;_margin-left: 2px; overflow: hidden;}
#main #CCLeft {float:left;width: 300px;overflow: hidden;padding-right:10px; padding-top:20px;}
#main #CCRight {float:right; width: 100px;overflow: hidden;}


/*서브메뉴 컨텐츠 3단 레이아웃*/
#main #subCtsLeft {position: relative;float:left;width:190px; padding: 130px 0px 0 5px;
z-index: 50;
/*
background: url(/images/zeus/menu-bg.png) no-repeat;
_background:none; 
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/zeus/menu-bg.png',sizingMethod='crop');
*/
}
#main #subCtsCenter {position: relative;float:left;width:650px;min-height:600px;_height:600px;z-index: 60;}
#main #subCtsRight {float:right;width:75px;margin-right:10px;overflow: hidden;z-index: 30;}

/* slide 만 있는 레이아웃*/
#main #subSlideCenter {float:left;width: 870px;overflow: hidden;}

/*서브메뉴 컨텐츠 2단 레이아웃*/
#main #subCtsMain {float:left;width: 719px;overflow: hidden;padding-left:18px;_padding-left:10px;}

/*커뮤니티 서브메뉴 컨텐츠 3단 레이아웃*/
#main #subCommLeft {float:left;width: 130px;overflow: hidden;}
#main #subCommCenter {float:left;width: 620px;margin-left: 10px;_margin-left: 8px;overflow: hidden;}
#main #subCommRight {float:right;width: 200px;overflow: hidden;}

#subSWFxx {position:absolute;top:140;left:0;width:300px;height:800px;overflow:hidden;}


/* sub menu*/
#smenuBox {position:relative;width:70%;padding: 0%;}
#smenuBox dl {margin-top: 0;position: relative;}
#smenuBox dt {font-size:1.25rem;font-weight:bold;line-height:30px;min-height:30px; padding: 14px 0 5px 10px;margin-bottom:10px; vertical-align:middle;border-bottom:2px solid #373737;}
#smenuBox dd {font-size:1em;vertical-align:middle;line-height:33px;height:33px; padding-left:25px; margin:0px;background-color:none;}
#smenuBox dd a {color: #000;text-decoration:none;display: inline-block;}
#smenuBox dd:hover {background-color:#f1f1f1;}
#smenuBox dd:hover a {color: #139162;}

#smenuBox dd.sel {background-color:#e1f4da;}
#smenuBox dd.sel a {font-weight: bold;color: #139162;letter-spacing:0px;}
#smenuBox dd.last {background:none;}


.adlink {position:relative;display: block;font-size:0;text-align:center;}
.adlink:after {clear: both;content: "";display: block;}
.adlink a{border:0;margin:0;font-size:0;display: block;text-align:center;vertical-align:middle;}


.adbanner {list-style: none;}
.adbanner:after {clear: both;content: "";display: block;}
.adbanner li {float:left;margin:0;padding:0;list-style: none;margin-right:10px;}
.adbanner li a {display:block;border:0;padding:0;margin:0;}
.adbanner li:last-child {margin-right:0;}