@charset "euc-kr";
/*CSS Document*/
@import url(reset.css);

body { background:#949494; }
#Header{position:relative; height:110px; background:#333; display:block; width:1000px; margin:0 auto; }

#Gnb { height:30px; position:absolute; top:15px; right:25px;  }
#Gnb .utill {text-align:right; white-space: nowrap; font-size:11px;}
#Gnb .utill a { padding:7px 0 0 10px; display:inline-block; }
#Gnb .utill span { padding:0 10px; background:url(../img/comm/line_g.gif) no-repeat 8px 3px; color:#999}

.top_area h1{ position:absolute; left:40px; top:40px;font-size:28px; }
.top_area h1 a { color:#ddd; }


#Navi { position:absolute; right:10px; top:50px;  }
#Navi ul { overflow:hidden;}
#Navi ul li { float:left; }
#Navi ul li a { display:block; text-align:center; color:#ddd; line-height:46px; font-size:17px; font-weight:600; padding:0 15px; }
#Navi ul li a:hover { color:#888; }

#Visual {height:210px; background:url(../img/main/visual.jpg) center top no-repeat; text-align:center; position:relative; padding-top:495px; }
#Main_banner { height:150px; width:1000px; margin:0 auto; padding:25px 0px; background:url(../img/main/bn_bg.png); }
.banner_cont { width:960px; margin:0 auto; }
.cs_info span{font-size:38px; color:#ddd; font-family:Calibri; display:block; line-height:36px; }
.cs_info small{font-size:12px; color:#616161; font-weight:600; letter-spacing:-0.03em;}
.m_bbslist { width:100%; }
.m_bbslist li { position:relative; height:17px; line-height:17px;  }
.m_bbslist li a { position:absolute; left:0; }
.m_bbslist li span { position:absolute; right:0; }
 
#Sub_Wrap { width:970px; margin: 0 auto; overflow:hidden; padding:0 15px; background:#fff; }

#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 #f7f7f7; }
#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 { padding-top:20px; text-align:center; font-size:11px; line-height:20px; height:100px; width:1000px; margin:0 auto; background:#333; }
#footer .logo{background: url(../img/comm/f_logo.png) left 20px no-repeat;}
#Footer .copyright { color:#999; }
#Footer span { padding:0 10px; }

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

.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:#2b75da; }
.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: 550px;    margin-bottom: 35px;}
.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);
}