@charset "euc-kr";
/* CSS Document */
@font-face{
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: normal;
  src: url('/css/fonts/NanumGothic.eot'); 
  src: local('¨¨'), url('/css/fonts/NanumGothic.woff') format('woff'), url('/css/fonts/NanumGothic.ttf') format('truetype'); 
}

@font-face{
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: bold;
  src: url('/css/fonts/NanumGothicBold.eot');     
  src: local('¨¨'), url('/css/fonts/NanumGothicBold.woff') format('woff'), url('/css/fonts/NanumGothicBold.ttf') format('truetype'); 
}

/* reset css */
body{margin:0; padding:0; background-color:#fff;}
html{overflow-y:scroll;}
body, table, th, td, input, select, textarea, div{font-family:"³ª´®°íµñ",'NanumGothic',Helvetica!important; font-size:12px; color:#666; /*line-height:1.6;*/}
h1, h2, h3, h4, h5, h6, ol, ul, li, form, fieldset, input, textarea, hr, p{margin:0; padding:0;}
img, fieldset{border:0 none;}
img{vertical-align:middle;}/* ¾Ö´ÏÀ§Áî ¼Ö·ç¼ÇÀº middle */
input{vertical-align:middle;}
ol, ul, li{list-style:none;}
/*table{border-spacing:0; border-collapse:collapse; border:0 none;}*/
h1,h2,h3,h4,h5,h6{font-size:100%;}
button{border:0 none; padding:0; margin:0; background:transparent; *overflow:visible; cursor:pointer;}
button::-moz-focus-inner{border:0; padding:0;}
label{cursor:pointer;}
a:link{color:#666; text-decoration:none;}
a:visited{color:#666; text-decoration:none;}
a:hover{color:#1fa600; text-decoration:none;}
a:active{color:#666; text-decoration:none;}


/***************************************************** Çì´õ *****************************************************/
#Header{border-top:3px solid #269c00;}
#Header .inner{position:relative; width:980px; height:97px; margin:0 auto;}

#Header h1{position:absolute; left:0; top:29px;}

#Header .Topmenu{position:absolute; right:0; top:18px; overflow:hidden;}
#Header .Topmenu li{float:left; padding-left:21px; background:url(../img/header/topmenu_l.gif) 10px 3px no-repeat;}
#Header .Topmenu li.first{padding-left:0; background:none;}
#Header .Topmenu li a{display:block; font-size:12px; color:#787878; letter-spacing:-0.05em; line-height:1.3;}
#Header .Topmenu li a:hover{text-decoration:none; color:#1fa600;}

#Header .Navigation{position:absolute; right:0; top:50px; overflow:hidden;}
#Header .Navigation li{float:left; padding-left:75px;}
#Header .Navigation li a{display:block; font-size:21px; letter-spacing:-0.07em; font-weight:600; color:#333; line-height:1.3;}
#Header .Navigation li a:hover{text-decoration:none; color:#1fa600;}





/***************************************************** ǪÅÍ *****************************************************/
#Footer{border-top:1px solid #ddd; margin:30px 0 0;}
#Footer .inner{width:980px; padding:20px 0 50px; margin:0 auto; background:url(../img/header/f_logo.gif) right 40px no-repeat;}

/* ¸Þ´º */
#Footer .inner div.F_mn{overflow:hidden; margin:0 0 10px;}
#Footer .inner div.F_mn a{float:left; font-size:13px; letter-spacing:-0.05em; font-weight:600; color:#555; margin-right:20px; line-height:1.3;}
#Footer .inner div.F_mn a:hover{text-decoration:none; color:#1fa600;}

/* Á¤º¸ */
#Footer .inner div.F_info{color:#787878; line-height:1.7;}
#Footer .inner div.F_info span{display:inline-block; margin:0 7px; color:#ddd;}
#Footer .inner div.F_info small{display:block; color:#bababa; font-size:12px; padding:5px 0 0;}






/***************************************************** ¸ÞÀÎ *****************************************************/
#M_vis{position:relative; width:980px; height:440px; margin:0 auto;}
#M_vis a.btn_l{position:absolute; left:-50px; top:130px;}
#M_vis a.btn_r{position:absolute; right:-50px; top:130px;}

/* ¸ÞÀÎ ·¹À̾ƿô */
#M_container{width:980px; margin:20px auto 0; overflow:hidden;}
#M_container #M_cont_left{float:left; width:200px;}
#M_container #M_cont_center{float:left; width:550px; margin-left:20px;}
#M_container #M_cont_right{float:right; width:190px;}

/* ·Î±×Àιڽº */
.M_loginbox{width:200px; height:110px;}

/* ÁÂÃø¹è³Ê */
#M_container .M_leftbn{}
#M_container .M_leftbn a{display:block; margin:5px 0 0;}
#M_container .M_leftbn ul{overflow:hidden;}
#M_container .M_leftbn ul li{float:left;}

/* °Ô½ÃÆÇ */
#M_container .M_bbs{float:left; position:relative; width:265px; height:150px;}
#M_container .M_bbs p.tit{height:30px; font-size:16px; color:#333; font-weight:600; letter-spacing:-0.05em; border-bottom:1px solid #269c00; margin:0 0 8px;}
#M_container .M_bbs a.more{position:absolute; right:0; top:7px;}

/* ¿ìÃø¹è³Ê */
#M_container .rbn{}

/* ÃÖÀúÀӱݹý */
#M_container .minimum{margin:5px 0 0;}
#M_container .minimum div.tit{height:45px; line-height:43px; color:#fff; font-weight:600; letter-spacing:-0.05em; font-size:18px; background:url(../img/main/rbg.jpg) left top no-repeat; text-align:center;}
#M_container .minimum div.cont{height:105px; padding:10px 0 0; border-width:0 1px 1px; border-style:solid; border-color:#269c00;}
#M_container .minimum div.cont table{}
#M_container .minimum div.cont table th{width:30px; height:24px; text-align:left; font-size:13px; letter-spacing:-0.05em; font-weight:600; color:#444; padding-left:10px;}
#M_container .minimum div.cont table td{color:#1fa600; font-size:13px; letter-spacing:-0.05em;}
#M_container .minimum div.cont table td small{font-size:11px;}
#M_container .minimum div.result{height:47px; padding:8px 0 0; background:#1c9500; color:#fff; text-align:center; font-size:13px; line-height:1.6; font-weight:bold;}
#M_container .minimum div.result small{display:block; font-size:11px; font-weight:normal;}






/***************************************************** ¼­ºê *****************************************************/
#S_vis{height:150px; background:url(../img/sub/vis_bg.gif) left top repeat-x; text-align:center;}

#S_container{width:980px; margin:20px auto 0; overflow:hidden;}

/* ÁÂÃø¸Þ´º */
#S_container #Left_area{float:left; width:190px;}
#S_container #Left_area h2{height:59px; font-weight:600; font-size:25px; color:#4a4a4a; letter-spacing:-0.05em; line-height:1.3; border-bottom:1px solid #269c00;}
#S_container #Left_area h2 span{display:block; font-weight:600; font-size:13px; color:#5abb3e; letter-spacing:0; padding:0 0 3px;}

#S_container #Left_area ul{}
#S_container #Left_area ul li{}
#S_container #Left_area ul li a{display:block; height:38px; line-height:37px; font-size:13px; letter-spacing:-0.05em; color:#666; border-bottom:1px solid #ddd; padding-left:15px;}
#S_container #Left_area ul li a:hover{text-decoration:none; color:#1fa600;}
#S_container #Left_area ul li.on a{background:#f7f7f7; color:#333;}


/* ¿ìÃø */
#S_container #Content_area{float:right; width:770px;}
#S_container #Content_area #Pagetit{height:59px; border-bottom:1px solid #ccc; overflow:hidden; margin:0 0 20px;}
#S_container #Content_area #Pagetit h2{float:left; font-size:27px; font-weight:600; letter-spacing:-0.05em; line-height:1.8; color:#444;}
#S_container #Content_area #Pagetit ul{float:right; overflow:hidden; margin:19px 0 0;}
#S_container #Content_area #Pagetit ul li{float:left; color:#666; padding-left:20px; background:url(../img/sub/arrow.gif) 8px 4px no-repeat; line-height:1.3;}
#S_container #Content_area #Pagetit ul li.home{padding-left:14px; background:url(../img/sub/home.gif) left 4px no-repeat;}
#S_container #Content_area #Pagetit ul li b{color:#269c00; font-weight:600;}







/* °øÅë
------------------------------------------------------------------------------------------------------------*/
.top5{margin-top:5px;}
.top10{margin-top:10px;}
.top15{margin-top:15px;}
.top20{margin-top:20px;}
.top25{margin-top:25px;}
.top30{margin-top:30px;}
.top35{margin-top:35px;}
.top40{margin-top:40px;}
.top50{margin-top:50px;}
.top60{margin-top:60px;}
.top70{margin-top:70px;}
.top80{margin-top:80px;}
.top90{margin-top:90px;}

.left5{margin-left:5px;}
.left10{margin-left:10px;}
.left15{margin-left:15px;}
.left20{margin-left:20px;}
.left25{margin-left:25px;}
.left30{margin-left:30px;}
.left35{margin-left:35px;}
.left40{margin-left:40px;}
.left50{margin-left:50px;}
.left60{margin-left:60px;}
.left70{margin-left:70px;}
.left80{margin-left:80px;}
.left90{margin-left:90px;}

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}














/* OLD
------------------------------------------------------------------------------------------------------------*/



#top_wrap { height:112px; position:relative; }
.top_logo { position:absolute; left:0; top:22px; }
.top_navi { position:absolute; right:0; top:36px; width:700px; height:80px;}

.top_navi:after { display:block; clear:both; content:'';}
.top_navi li { float:left; padding-left:30px; }

.top_sub_navi { position:absolute; top:40px; left:0;   }
.top_sub_navi.50 { left:50px; }
.top_sub_navi.100 { left:100px; }
.top_sub_navi li { display:inline;  }


.s_img { margin:0 0 10px; width:980px; height:218px;  background:url(../img/top/sub_bg.jpg) no-repeat; }









.font02 { font-size:11px; padding-right:10px;}
.font03 { font-size:12px; font-weight:bold; text-align:center; }
.font04 { font-size:11px; font-weight:normal; text-align:center; }



.left_title { padding:10px 0 10px; border-bottom:1px solid #909090; }
.sub_title { margin:20px 0 20px; padding:0 0 20px; border-bottom:1px solid #d0d0d0; }

.partner_box { border-bottom:1px dotted #ccc; margin:0 0 30px; }
.pt_banner_box img { border:1px solid #dadada;}