@charset "euc-kr";

@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'); 
}
button::-moz-focus-inner{border:0; padding:0;}

/* 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; font-size:13px; color:#444444; 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:baseline;}
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;}
label{cursor:pointer;}
a:link{color:#333333; text-decoration:none; selector-dummy:expression(this.hideFocus=true); outline:none;}
a:visited{color:#333333; text-decoration:none; selector-dummy:expression(this.hideFocus=true); outline:none;}
a:hover{color:#67b81c; text-decoration:none; selector-dummy:expression(this.hideFocus=true); outline:none;}
a:active{color:#333333; text-decoration:none; selector-dummy:expression(this.hideFocus=true); outline:none;}

/* Çì´õ */
#header{border-bottom:3px solid #7fc241;}
#header .inner{position:relative; width:1020px; height:97px; margin:0 auto; overflow:hidden;}
#header h1{position:absolute; left:0; top:24px;}
#header .Navi{position:absolute; top:45px; right:0;}
#header .Navi li{float:left; margin-left:30px;}
#header .Navi li a{font-size:18px; color:#555; font-weight:600; font-family:"³ª´®°íµñ",'NanumGothic',"µ¸¿ò", 'Dotum', Helvetica;}


/* ¸ÞÀÎ ºñÁÖ¾ó */
#M_vis{height:500px; background:url(../img/main/visual1.jpg) 50% 0 no-repeat;}


/* ¸ÞÀÎ ÄÁÅÙÃ÷ ¿µ¿ª */


#m_container{width:1020px; margin:30px auto 50px; overflow:hidden;}

/* Áø·á¿¹¾à¹®ÀÇ */
.m_cs{float:left; width:310px; height:120px;}
.m_cs .tit{height:30px; font-weight:600; color:#444; font-size:18px; letter-spacing:-0.05em; line-height:1.3;}

/* ÀçÈ°Ä¡·á»çÁø */
.m_photo{float:left; width:665px; height:120px; margin-left:45px;}
.m_photo .tit{height:30px; font-weight:600; color:#444; font-size:18px; letter-spacing:-0.05em; line-height:1.3;}
.m_photo ul{overflow:hidden;}
.m_photo ul li{float:left; width:155px; height:90px; margin-left:15px;}
.m_photo ul li:first-child{margin-left:0;}
.m_photo ul li a{display:block;}

/* °øÁö»çÇ× */
.m_notice{float:left; position:relative; width:310px; height:130px; margin:30px 0 0;}
.m_notice .tit{height:30px; font-weight:600; color:#444; font-size:18px; letter-spacing:-0.05em; line-height:1.3;}
.m_notice a.more{position:absolute; right:0; top:0;}
.m_notice table{}
.m_notice table th, .m_notice table td{height:19px; text-align:left; font-weight:normal;}
.m_notice table th{}
.m_notice table th a{}
.m_notice table td{text-align:right;}

/* »ó´ã¹®ÀÇ */
.m_counsel{float:left; position:relative; width:310px; height:130px; margin:30px 0 0 45px;}
.m_counsel .tit{height:30px; font-weight:600; color:#444; font-size:18px; letter-spacing:-0.05em; line-height:1.3;}
.m_counsel a.more{position:absolute; right:0; top:0;}
.m_counsel table{}
.m_counsel table th, .m_counsel table td{height:19px; text-align:left; font-weight:normal;}
.m_counsel table th{}
.m_counsel table th a{}
.m_counsel table td{text-align:right;}

/* ½Ã¼³¾È³» */
.m_guide{float:left; width:310px; height:130px; margin:30px 0 0 45px;}
.m_guide .tit{height:30px; font-weight:600; color:#444; font-size:18px; letter-spacing:-0.05em; line-height:1.3;}






#Sub_Wrap { width:1000px; margin: 0 auto; overflow:hidden; }

#Sub_Category { float:left; width:200px; margin-top:30px; }
#Sub_Container { float:right; width:750px; margin-top:30px;  }

/*¼­ºêÄ«Å×°í¸®*/
#Sub_Category .Category_Title { padding:30px 0 15px 20px; letter-spacing:-0.05em; background:#666; }
#Sub_Category .Category_Title span { color:#999; font-size:13px; }
#Sub_Category h2 { font-size:24px; font-weight:normal; color:#fff;  height:40px; line-height:40px;  }
#Sub_Category ul { border-width:0px 1px 0px; border-style:solid; border-color:#ddd; }
#Sub_Category li { border-bottom:1px solid #ddd; background:#fff; }
#Sub_Category li a { display:block; line-height:1.2!important; color:#666; padding:13px 0 13px 20px; font-size:13px; }
#Sub_Category li a:hover { background:url(../img/comm/arrow.png) no-repeat 90% 17px #f8f8f8; }
#Sub_Category li.on a  { font-weight:bold; color:#008aff; background:url(../img/comm/arrow.png) no-repeat 90% 17px #fff; }

/*¼­ºêŸÀÌƲ*/
#Sub_Title { position:relative; border-bottom:1px solid #ddd; height:48px;}
#Sub_Title h3 { position:absolute; font-size:26px; font-weight:normal; color:#333; letter-spacing:-0.05em;  }
#Sub_Title ul { position:absolute; overflow:hidden; right:0; top:10px; }
#Sub_Title li { float:left; color:#666; letter-spacing:-0.05em; padding-left:15px; background:url(../img/comm/arrow.png) no-repeat 4px -29px;  font-size:12px !important;}
#Sub_Title li.home {  background:url(../img/comm/home.png) no-repeat 4px 4px; }
#sub_title ul li span{color:#555;  }

/*¼­ºêÄÁÅÙÃ÷*/
#Sub_Body  { margin-top:30px; min-height:500px; padding-bottom:50px; }



/* ǪÅÍ */
.footer_wrap{border-top:1px solid #d4d4d4;}
#footer{width:740px;height:130px; margin:0 auto; padding-left:280px; background:url(../img/main/f_logo.png) 7px 21px no-repeat; overflow:hidden; letter-spacing:-0.07em;}
#footer ul{margin-top:27px; overflow: hidden;}
#footer ul li{float:left; margin-left:10px; color:#858585;}
#footer ul li.first{margin-left:0;}
#footer p{color:#b8b8b8; margin-top:10px;}



/* Font */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body, table, th, td, input, select, textarea, div{font-family:"³ª´®°íµñ",'NanumGothic','Nanum Gothic',Helvetica; font-size:12px; color:#666; /*line-height:1.6;*/}

/*¼­ºêÄÁÅÙÃ÷*/

.txt_title { font-size:30px; letter-spacing:-0.03em; }
.txt10 { font-size:10px }
.txt13 { font-size:13px; }
.txt15 { font-size:15px; }
.txt20 { font-size:20px;  }
.txt25 { font-size:25px; }
.lh10 {  line-height:1.0; }
.lh13 {  line-height:1.3; }
.lh15 {  line-height:1.5; }
.lh18 {  line-height:1.8; }
.lh20 {  line-height:2.0; }
.c_black { color:#000000; }
.c_gray9 { color:#999999; }
.c_gray6 { color:#666666; }
.c_gray3 { color:#333333; }
.c_red { color:#ff0000; }
.c_blue { color:#0084dd; }
.c_green { color:green }
.s_bold { font-weight:bold; }
.s_line { text-decoration:underline; }

.tb_typeA { border-top:2px solid #0084dd; width:100%; text-align:left; }
.tb_typeA th { border-bottom:1px solid #dde0e1; background:#f5f5f5; padding:8px 0 8px 20px; }
.tb_typeA td { border-bottom:1px solid #dde0e1; padding:0px 0 0 20px; }

.tb_typeB { border-top:1px solid #666; width:100%; text-align:left; }
.tb_typeB th { border-bottom:1px solid #dde0e1; background:#f5f5f5; padding:8px 0 8px 20px; }
.tb_typeB td { border-bottom:1px solid #dde0e1; padding:10px 20px; }

.tit_A { background:url(../img/comm/icon_t1.png) no-repeat 0 55%; padding:0 0 0 17px; font-size:16px; font-weight:normal; }

/* ã¾Æ¿À½Ã´Â±æ*/
.metro_link {width:250px; margin-bottom:20px; padding:10px 15px; background:#84d4f2; color:#fff; display:block;}
.metro_link:hover { color:#fff; }



/* ¸¶Áø -------------------------------------------------------------------*/
.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;}

.right5{margin-right:5px;}
.right10{margin-right:10px;}
.right15{margin-right:15px;}
.right20{margin-right:20px;}
.right25{margin-right:25px;}
.right30{margin-right:30px;}
.right40{margin-right:40px;}
.right50{margin-right:50px;}
.right60{margin-right:60px;}
.right70{margin-right:70px;}
.right80{margin-right:80px;}
.right90{margin-right:90px;}

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

.size30 { font-size:30px; }
.size40 { font-size:40px; }
.size50 { font-size:50px; }