@charset "euc-kr";
@import url(reset.css);
@font-face{font-family:'NanumGothic'; src:local("../css/font/NanumGothic.ttf"), url("../css/font/NanumGothic.ttf"), url("../css/font/NanumGothic.eot"), url("../css/font/NanumGothic.woff")};

/*CSS Document*/

/* reset css */

html{overflow-y:scroll;}
body, table, th, td, input, select, textarea, div{font-family:"³ª´®°íµñ",'Dotum',Helvetica; font-size:12px; color:#333333; 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:#1da933; 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;}

input{border:solid 1px #d1d1d1;}
input[type="text"]{padding:0 3px; ;}
select{border:solid 1px #d1d1d1;}

button::-moz-focus-inner{border:0; padding:0;}

/* Çì´õ */
.header_wrap{ height:90px; overflow:hidden; background:#25797d; }
#header{width:1000px; margin:0 auto;}
#header h1{margin:0px 0 0px; float:left;}
#header .gnb{margin-top:12px; float:right;}
#header .gnb .gnb_bar{float:left; text-align:center;}
#header .gnb .gnb_bar td{padding:4px 9px; border:1px solid #ededed;}
#header .gnb .gnb_bar td.gnb_home{padding:4px 13px;}
#header .gnb .gnb_bar td a{color:#7c7c7c; font-size:11px;}
#header .gnb a.favorite{float:left; color:#606261; font-weight:bold; background:url(../img/main/favorite_bg.png) 10px 6px no-repeat #f3f3f3; border:1px solid #e5e5e5; margin-left:10px; padding:3px 14px 3px 31px;}
#header ul{margin-top:40px; float:right;}
#header ul li{float:left; font-size:18px; font-weight:600; margin-left:58px;}
#header ul li.first{margin-left:0;}
#header ul li a{color:#fff;}
#header ul li a:hover{color:#139AB5;}

/* ºñÁê¾ó */
#Visual { height:510px; background:url(../img/main/visual.jpg) center top no-repeat; }

/* ¸ÞÀÎ ÄÁÅÙÃ÷ */
#m_container{width:1000px; margin:0 auto 26px; overflow:hidden; }
#m_container h4{font-size:18px; color: #454545; font-weight:600;}

.main_title { font-size:18px; font-weight:600; }
.bn_tit { text-align:center; line-height:90px; border:1px solid #; background:#f7f7f7; margin-top:10px; font-size:20px; }

/* °í°´¼¾ÅÍ */
.m_cs {overflow:hidden; background:#efefef; padding:40px;min-height: 135px;}
.m_cs span{font-size:43px; color:#ba7a45; font-family:Calibri; letter-spacing:-1.7px; display:block; line-height:60px; }
.m_cs small{ font-size:13px; color:#616161;  font-weight:600; letter-spacing:-0.03em;}


/* °øÁö»çÇ× */
#m_notice{position:relative; overflow:hidden; background:#efefef; padding:35px 40px;min-height: 142px; }
#m_notice h2{height:18px; font-size:18px; font-weight:600; margin-bottom:24px;}
#m_notice table{float:left; letter-spacing:-0.05em;}
#m_notice table td{font-size:11px; color:#a3a3a3; margin-bottom:2px;}
#m_notice .m_notice_title{padding-right:75px; margin-bottom:0;}
#m_notice .m_notice_title a{font-size:12px; color:#666666;}
#m_notice button{position:absolute; top:40px; right:40px; font-size:11px; color:#7d7d7d;}

/* »ó´ã¹®ÀÇ */
#m_ask{position:relative; overflow:hidden; background:#efefef; padding:35px 40px;min-height: 141px;}
#m_ask h2{height:18px; font-size:18px; font-weight:600; margin-bottom:24px;}
#m_ask table{float:left; letter-spacing:-0.05em;}
#m_ask table td{font-size:11px; color:#a3a3a3; margin-bottom:2px;}
#m_ask .m_notice_title{padding-right:75px; margin-bottom:0;}
#m_ask .m_notice_title a{font-size:12px; color:#666666;}
#m_ask button{position:absolute; top:40px; right:40px; font-size:11px; color:#7d7d7d;}




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

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

/*¼­ºêÄ«Å×°í¸®*/
#Sub_Category .Category_Title { padding:30px 0 15px 20px; letter-spacing:-0.05em; background:#96bdbf; }
#Sub_Category .Category_Title span { color:#FFF; 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:#000; 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{background:#ddd; overflow:hidden;}
#footer{width:786px; margin:0 auto; background:url(../img/comm/f_logo.png) left 20px no-repeat; padding-left:214px; overflow:hidden;}
#footer ul{margin-top:30px; overflow: hidden;}
#footer ul li{float:left; margin-left:10px; color:#666;}
#footer ul li.first{margin-left:0;}
#footer p{color:#999; margin:10px 0 35px;}

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

.txt_title { font-size:20px; 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_y9 { color: #f37800;}
.c_green9 { color:#3da211; }
.c_gray6 { color:#666666; }
.c_gray3 { color:#333333; }
.c_red { color:#ff0000; }
.c_blue { color:#15A6A8; }
.c_green { color:green }
.s_bold { font-weight:bold; }
.s_line { text-decoration:underline; }

.tb_typeA { border-top:2px solid #93979a; 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(file:///E|/hompage/webplanet/%ED%85%9C%EB%B8%94%EB%A6%BF%20(1)/sub/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;
width: 750px;}
.top30_1{margin-top:30px;
width: 250px;}
.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; }

.post_reply_comments {
    background: #f5f5f5;
    border-radius: 4px;
	padding: 30px;}
.inbox{
	padding:10px 20px 30px 20px;
	background-color: rgba(237, 235, 235, 0.53);
}