body{margin:0 auto; color:#444; line-height:1.6; background-color:#FFF;font-size:12px; font-family:"Malgun Gothic", "맑은 고딕", NanumGothic, "나눔고딕",Dotum, "돋움",AppleGothic,sans-serif;}
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;}

li{list-style:none;}
/*hr{display:none;}*/
form,button{border:0; vertical-align:top;}
img {border:0;}
em, address{font-style:normal;}

a{color:#2f2f2f; text-decoration:none;outline: none;}
a:visited {color:#6E4987;}
a:active{color:#2f2f2f;}
a:hover{text-decoration:none;/*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:none;/*underline;*/}
a strong{letter-spacing:-1px;}

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

td{font-size:13px; }

#total {position:relative;width:900px;z-index:5;margin:11px auto;}
#head {position:relative;height:130px;z-index:4;background-color:#ffffff;}
#body {position:relative;top:0px;z-index:3;}

#left-area {position:relative;left:0px;width:180px;margin-top:0px;background-color:#ffffff;float:left;z-index:2;}
#left-area ul {margin:0px;padding:0px;list-style:none;}
#left-area li {padding:0px 0px 0px 0px;}

#login {font-size:11px;width:180px;height:150px;margin:0px 0px 10px 0px;background-image: url(images/main/login_bg.gif);background-repeat: no-repeat;}

#counsel {margin:0px 0px 10px 0px;}
#result {margin:0px 0px 10px 0px;}
#portfolio_inter-news {margin:0px 0px 0px 0px;}


.myid {position:absolute;top:53px;left:12px;}
.mylogin {position:absolute;top:56px;left:18px;letter-spacing:-1px;}
.mypw {position:absolute;top:76px;left:12px;}

#login2 {left:0px;width:180px;height:150px;margin:0px 0px 10px 0px;}
.login_button {position:absolute;top:55px;left:128px;}
.login_search {position:absolute;top:121px;left:20px;}
.login_search2 {position:absolute;top:205px;left:55px;}
.login_member {position:absolute;top:121px;left:105px;}
.login_member2 {position:absolute;top:205px;left:145px;}
.login {height:17px;font-size:11px;color:#68A500;padding:2px 0px 0px 2px;border-width:1px;border-style:solid;border-color:#BBC65F;background-color:#ffffff;}

.textbody {font-size:11px;color:#68A500;padding:3px 0px 0px 2px;border-width:1px;border-style:solid;border-color:#BBC65F;}
.button{;font-size:11pt;font-weight:700;color:#704BB9;padding:3px 0px 0px 3px;border-width:2px;border-style:solid;border-color:#C7BCDE;background-color:#FDFCFF;}
.login2 {height:18px;color:#000000;padding:2px 0px 0px 2px;border-width:1px;border-style:solid;border-color:#BBC65F;background-color:#ffffff;}
.login3 {color:#000000;padding:2px 0px 0px 2px;border-width:1px;border-style:solid;border-color:#BBC65F;background-color:#ffffff;}



#left-banner {position:relative;left:0px;width:180px;top-margin:0px;padding:0px 0px 10px 0px;background-color:#ffffff;float:left;}
#left-banner ul {margin:0px;padding:0px;list-style:none;}
#left-banner li {padding:0px 0px 5px 0px;}
#right-area {
position:relative;
left:5px;
width:200px;
color:#7f7f7f;
top-margin:0px;
background-color:#ffffff;
float:left;
z-index:2;
}

#right-area ul {margin:0px;padding:0px;}
#right-area li {padding:0px 0px 0px 0px;}
#project {left:0px;width:200px;height:125px;color:#787878;margin:16px 0px 25px 0px;line-height:20px;letter-spacing:0px;top-margin:5px;}
.result {color:#818181;text-indent:14px;margin:2px 0px 0px 0px;}
.result1 {font-size:11px;color:#868686;text-indent:15px;letter-spacing:-1px;padding:3px 0px 0px 0px;}
.indent {text-indent:64px;}
.indent10 {text-indent:10px;}
.mem {font-weight:700;color:#8261C5;text-indent:15px;}
.ing{font-size:9pt;;color:#4b4b4b;text-indent:10px;line-height:18px;padding:3px 0px 2px 0px;letter-spacing:+0.5px;}


#right-banner {position:relative;left:0px;width:200px;margin:16px 0px 25px 0px;}
.right_banner {position:relative;margin:0px 0px 2px 0px;}
#right-info {position:relative;left:0px;width:200px;height:189px;margin:0px 0px 0px 0px;}
.right_info {position:relative;height:189px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}

#content-area {position:relative;top:0px;left:5px;width:500px;font-size:10pt;color:#7f7f7f;background-color:#ffffff;float:left;z-index:4;}
#content-area ul {margin:0px;padding:0px;list-style:none;}
#content-area li {padding:0px 0px 0px 0px;}
#content-hpsm {width:500px;height:155px;margin:10px 0px 16px 0px;background-image: url(images/main/content_hoso_bg.gif);background-repeat: no-repeat;}

.content-hp {position:relative;left:0px;top:128px;}
.content-sm {position:relative;left:185px;top:97px;}
.content-mode0 {position:absolute;left:30px;top:244px;}
.content-mode1 {position:absolute;left:10px;top:267px;}
.content-mode2 {position:absolute;left:62px;top:267px;}
.content-mode3 {position:absolute;left:114px;top:267px;}
.content-mode4 {position:absolute;left:197px;top:267px;}
.content-mode5 {position:absolute;left:267px;top:267px;}
.content-mode6 {position:absolute;left:354px;top:267px;}
.content-mode7 {position:absolute;left:424px;top:267px;}
.content-np {position:relative;left:15px;top:0px;}
.content-np-bg {position:relative;left:0px;top:5px;}
.content-np-b1 {position:absolute;left:10px;top:415px;}
.content-np-b2 {position:absolute;left:74px;top:415px;}
.content-pf {position:absolute;left:300px;top:335px;}

#content-hp-type {position:absolute;font-size:11px;}

#top_logo {position:relative;margin:0 auto;text-align:center;}


#site-menu {position:absolute;width:900px;top:26px;left:0;}
#site-menu:after {clear: both;content: "";display: block;}
.top_login {position:absolute;right:10px;top:0px;color:#818181;padding:0px 0px 0px 0px;font-size:11px;}
.top_moto {position:absolute;left:35px;top:0px;padding:0px 0px 0px 0px;}
.top_moto img {height:15px;}

#top-navigation {position:absolute;width:900px;top:43px;left:0px;padding:0px 0px 10px 0px;}
#foot {position:relative;height:0px;width:900px;left:0px;background-color:#ffffff;}
#foot-area {position:relative;height:10px;width:900px;left:0px;background-color:#ffffff;clear:both;z-index:10;}
#foot-area ul {margin:20px 0px 0px 0px;padding:0px;list-style:none;}

#foot-area li {float:left;padding:0px 0px 0px 0px;font-size:11px;font-weight:400;color:#484848;}
.foot-info1 {position:relative;top:23px;left:195px;}

#copyright-area{position:relative;width:860px;margin:0px 0px 5px 30px;background-color:#ffffff;}
#copyright-area ul {margin:0px;padding:0px;list-style:none;}
#copyright-area li {float:left;padding:20px 16px 0px 0px;font-size:11px;font-weight:400;color:#727272;letter-spacing:0px;}

.foot-banner2 {position:absolute;top:2px;left:760px;}
.foot-banner3 {position:absolute;top:2px;left:745px;}
.root {font-size:11px;color:#5B3841;}
.member_join {font-weight:700;color:#019D17;}
.member {border-width:1px;border-style:solid;border-color:#D8DFCD;}

.input{
height:20px;color:#3e3e3e;padding:1px 0px 0px 2px;margin:1px 1px 1px 1px;border-width:1px;border-style:solid;border-color:#D8DFCD;}

.input-counsel {
height:15px;font-size:11px;color:#319100;padding:1px 0px 0px 2px;margin:1px 1px 1px 1px;
border-width:1px;border-style:solid;border-color:#D8DFCD;background-color:#EFF5E5;
}
.select-counsel {
width:88px;
height:16px;
font-size:11px;
letter-spacing:-5px;
color:#319100;
padding:1px 0px 1px 1px;
margin:2px 0px 1px 0px;
border-width:1px;
border-style:solid;
border-color:#D8DFCD;
background-color:#EFF5E5;
}

.member_button {color:#233500;padding:2px 0px 0px 2px;border-style:solid;border-color:#C5C9BD;background-color:#FAFEF3}
.i-news-text0 {color:#6F6F6F;line-height:22px;}
.i-news-text {color:#6F6F6F;line-height:19px;letter-spacing:-1px;}
.ct{text-align:center;}

.tb1 td{padding:5px ;}


#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: 0; padding:0; list-style: none; height: 40px;background-color:#009c00;  border-radius: 10px;}
#Tmenu li {float: left; list-style: none; display: block; background: none; position: relative; z-index: 999; margin: 0;text-align:center;}
#Tmenu>li {}
#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 22px; _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: #ffff99;}
#Tmenu li a.hot {color: #ffff99;}

#Tmenu ul {position: absolute; left:0;list-style: none;display: none; margin: 0; padding: 0; border:0;min-width:630px;}
#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: 20px; line-height: 20px; padding: 0px 5px;margin:0px 3px; color: #444; font-size:11px;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%; }

.clear { clear: both; height: 0; font-size: 0; visibility: hidden; overflow: hidden; }