@charset "euc-kr" /* 기본
------------------------------------------------------------------------------------------------------------------------------------------------- */

window.onload=function() {
  var obj = document.getElementById('body');
  if (obj.clientWidth<980) obj.style.width='980px';
}


@font-face {font-family:'MalgunGothic'; src:url('MalgunGothic.eot');}



form {
 margin:0;
 padding:0;
 display:inline;
}




img { border:0;vertical-align:middle;} 
* {
margin: 0;
padding: 0;
}



a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus { -moz-outline-style: none; } /* for Firefox */
#steel {
	POSITION: relative
}

fieldset {
	border: 0;
}
input {

	vertical-align:middle;
	margin: 0;
	border: 1px solid #cccccc;
	padding: 3px 2px 1px 2px;
	color: #000000;
	
}

input[type=checkbox],input[type=radio],input[type=image]{ border:none;} 

select {
	vertical-align:middle;
	color: #4B4B4B;
}
textarea {
	padding: 3px;
	border: 1px solid #cccccc;
	color: #000000;
}

html, body {
	margin: 0;
	color: #999999;
	line-height: 16px;	
	font: 12px Malgun Gothic, Dotum, sans-serif;
    scrollbar-face-color: #f1f1f1;
	scrollbar-shadow-color: #E4E4E4;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #E4E4E4;
	scrollbar-arrow-color: #D2D2D2;
	  
	-webkit-text-size-adjust: none; 	
	-webkit-line-height-adjust: none; 
}



div, dl, dt, dd, ul, ol, li, h3, h4, h5, h6, pre, forms, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
	list-style:none
}

ul, ol, dl {
	list-style:none
}
a, a:link, a:visited {
	color: #555555;
	text-decoration: none;
	cursor: hand;
	outline:none; select-dummy: expression(this.hideFocus=true);
}
a:hover, a:active {
	text-decoration: none;
	cursor: hand;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
	border: 0;
}
hr {
	clear:both;
	display: none;
}
BODY {
	WIDTH: 100%; height:100%; background:#ffffff;

}

#wrap_body {
	POSITION: relative; WIDTH: 100%; 

}





/*Common*/
.clear { clear: both; }
.float_l	{ float:left; }
.float_r	{ float:right;}
.float_r1	{ float:right; color: #ff0000; padding-right:12px;}
.block { background:#000000;  padding:1px 1px 0px 1px; .padding:1px 1px 0px 1px; color:#fff;}

.fs_10 { font-size:10px; line-height:13px; }
.fs_11 { font-size:11px; line-height:15px; }
.fs_12 { font-size:12px; }

color:#000000; font: 16px Malgun Gothic, Dotum, sans-serif;


.fc_black { color:#000000; font-weight:bold; font-size:16px;}
.fc_red { color:#dc0000; }
.fc_or_b { color:#f28900; font-weight:bold;}
.fc_red_b { color:#dc0000; font-weight:bold;}
.fc_red_oran { color:#e65100; font-weight:bold;}
.fc_oran_back{ background:#ffa71d;  color:#fff;}
.fc_red_s { color:#000000; font-size:16px;}
.fc_gray { color:#666666; font-weight:bold;}
.fc_blue {color: #0059bd; }
.fc_blue_b {color: #3b88b9;  font-weight:bold;}


/* Default link */

a.list_on:link {font-size:12px; color:#e51937; text-decoration:none;}
a.list_on:visited {font-size:12px; color:#e51937; text-decoration:none;}
a.list_on:hover {font-size:12px; color:#e51937; text-decoration:none;}



/****************************** main ******************************/
#top_area	{ width:100%; height:149px; margin:0 auto; padding:0; position:relative; background:url('../image/menu-back.jpg') repeat-x;  }

#top_area .top{ width:980px; height:149px; margin:0 auto; padding:0;text-align:left;position:relative; }

#top_area .logo { float:left; width:225px; left:0px; height:88px; margin-top:32px; position:relative;  }

#top_area .menu_top { float:right; position:relative; right:0px; height:14px; margin-top:6px; z-index:1000;}

#top_area .menu_top .quick ul li {float:left; padding:0px 0px 0px 5px; color:#666;}


#top_area .menu {float:right; right:0px;height:55px; margin-top:60px;  position:absolute; z-index:100;}

#top_area .menu ul li {float:left; padding:0px 0px 0px 35px;}



/* main_area */
#main_area {position:relative; margin:0 auto; padding:0; width:980px; margin-top:38px; }

#main_area0 { position:relative; float:left; margin-left:0px; width:675px;}

#main_area1 {position:relative; margin:0 auto; padding:0; float:left; left:0px; width:675px; height:246px; }
#main_area1 .mpic { float:left; margin-left:0px; width:675px;}


/* main */

#rollingBanner{width:675px; height:246px;  float:left; position:relative; ; overflow:hidden;margin-top:0px; }
#rollingBanner ul li dl, #rollingBanner ul li dd{ width:675px; height:246px; overflow:hidden;}
#rollingBanner ul li dl dt a{position:absolute; display:block; width:18px;  overflow:hidden;background:url(../image/bg_mainimg_control.png) -2px top no-repeat;text-indent:-10em; z-index:101;}

.btn1 a{left:570px; top:310px; z-index:101;}
.btn2 a{left:590px; top:310px; z-index:101;}

#rollingBanner ul li dl dt a.iconOn{background:url(../image/bg_mainimg_control.png) -22px top no-repeat;  z-index:101;}


#main_area2 {position:relative; float:left; left:0px; margin-top:0px; width:348px;}
#main_area2 .quick1 { float:left; margin-left:0px; margin-right:1px; margin-bottom:1px; width:115px;}
#main_area2 .quick2 { float:left; margin-left:1px; margin-bottom:1px; width:231px;}

#main_area3 {position:relative; float:left; left:31px; width:296px;}
#main_area3 .con { float:left; position:relative; margin-left:0px; height:115px; width:296px;}
#main_area3 .notice {float:left; position:relative;margin-top:0px; width:296px; }
#main_area3 .notice_bar{position:relative; float:left; margin-top:28px; width:100px;}
#main_area3 .faq {float:left; position:relative; width:296px;}
#main_area3 .faq_bar{position:relative; float:left; padding-top:25px; width:100px;}
#main_area3 .m_more{position:relative; float:right; margin-top:28px;}
#main_area3 .m_more1{position:relative; float:right; margin-top:25px;}
#main_area3 .m_text{clear:both; position:relative; margin-left:20px; padding-top:15px; text-align:left; width:270px; height:67px; font: 12px MalgunGothic, 맑ì?고딕, sans-serif;}

#main_area4 {float:left; margin-left:30px; width:273px; height:600px; background:#ffffff; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
#main_area4 .con1 {position:relative; width:231px; margin-left:21px; margin-right:21px;}
#main_area4 .con_bar{position:relative; float:left; margin-top:24px; width:93px;}
#main_area4 .con_more {position:relative; float:left; margin-left:5px; margin-top:24px;}
#main_area4 .con_text {clear:both; position:relative; margin-left:0px; padding-top:15px; text-align:left; width:280px; height:138px; font: 12px MalgunGothic, 맑ì?고딕, sans-serif;}
#main_area4 .m_call {position:relative; width:231px; margin-top:28px; margin-left:21px; margin-right:21px;}
#main_area4 .sms {position:relative; width:231px; margin-left:21px; margin-right:21px;}
#main_area4 .sms_bar {position:relative; float:left; width:127px; margin-top:24px; }
#main_area4 .sms_pic {position:relative; float:left; width:127px; margin-top:10px; }

#main_area5 {float:left; position:relative; margin:0 auto; padding:0; width:100%; background:#ffffff; margin-top:29px; height:131px; }
#main_area5 .bb {position:relative; margin-left:0px; height:131px;  margin:0 auto; width:980px; margin-top:22px; line-height:120%;  display:block;}



/* sub_area */
#sub_area {position:relative; margin:0 auto; padding:0; width:980px; margin-top:34px; }

#sub_con {position:relative; margin:0 auto; padding:0; width:980px; margin-top:30px; background:#ffffff; min-height:630px; height:100%; overflow:hidden;  margin-bottom:34px; }

#sub_con1 {position:relative; margin:0 auto; padding:0; width:980px; margin-top:0px; overflow:hidden;  margin-bottom:0px; background:url('../image/sub_back01.jpg') no-repeat; }

#sub_left { float:left; position:relative; margin-left:30px; margin-right:0px; width:172px; margin-top:15px;  }
#sub_left1 { width:172px; top:0px; display:block; line-height:120%;}
#sub_left1 .stit {margin-left:0px; }
#sub_left1 .smenu {padding-top:20px; margin-left:0px;  padding-bottom:20px; height:120px;}
#sub_left1 .smenu ul li a{display:block; margin-left:0px; margin-top:0px; padding:2px 0 0 0px;  border-bottom:#e0e0e0 1px solid; width:172px; height:32px;}
#sub_left1 .smenu ul li a:hover { margin-top:0px;  margin-left:0px;padding:2px 0 0 0px; border-bottom:#e0e0e0 1px solid; width:172px; height:32px; color:#fff;}
#sub_left1 .on a{ margin-left:0px;  margin-top:0px; padding:2px 0 0 0px; width:172px; border-bottom:#e0e0e0 1px solid; height:32px; color:#fff;}

#sub_left2 { position:relative; margin-left:0px; margin-right:0px;  width:172px; margin-top:125px;}
#sub_left2_1 { position:relative; margin-left:0px; margin-right:0px;  width:172px; margin-top:10px;}

#sub_left3 { position:relative; margin-left:0px; margin-right:0px;  margin-bottom:30px; width:172px; margin-top:15px;}
#sub_left3 .qq { position:relative; margin-left:0px; margin-right:0px;}
#sub_left4 { position:relative; margin-left:0px; margin-right:0px;  margin-bottom:30px; width:172px; margin-top:-13px;}

#apDiv1 { float:right; position:relative; margin-left:0px; margin-top:550px; margin-bottom:40px;  padding-bottom:30px; margin-right:300px; top:0px; }

/* con_area */
#con_area {float:left; position:relative; margin-left:30px; margin-top:65px; margin-bottom:40px;  padding-bottom:30px; margin-right:0px; top:0px; font-size:13px; width:718px;  }

#con_area #top_visual {padding-left:0px; position:relative; border-bottom:#e9e9e9 1px solid;  height:65px;}
#con_area #top_visual p.location { margin-top:0px;  padding-left:0px; padding-bottom:10px; font-size:11px; font-family:dotum; color:#606060; }
#con_area #top_visual .tab { margin-top:10px;  padding-left:0px;  float:right }

#con_area .pic_in{ width:710px; margin-top:40px; margin-left:4px; margin-right:4px; }
#con_area .board_in{ width:710px; margin-top:20px; margin-left:4px; margin-right:4px; }

#con_area .pic1 { width:710px; margin-top:0px; margin-left:0px; margin-right:0px; }
#con_area .pic1_1 {float:left; width:710px; margin-top:20px; margin-left:0px; margin-right:0px; }
#con_area .pic1_2 { float:left; width:710px; margin-top:23px; margin-left:0px; margin-right:0px; }
#con_area .pic1_3 { width:710px; margin-top:30px; margin-left:0px; margin-right:0px;}

#con_area .pic2 { width:710px; margin-top:20px; text-align:center; margin-left:0px; margin-right:0px; }

#con_area .board_left{ margin-top:0px; margin-left:0px; margin-right:35px; width:710px;}
#con_area .pic_left1{ float:left; margin-top:0px; margin-left:0px; margin-right:35px;}
#con_area .pic_left2{ float:left; margin-top:35px; margin-left:0px; margin-right:30px;}
#con_area .pic_left3{ float:left; margin-top:20px; margin-left:0px; margin-right:30px;}
#con_area .pic_left4{ float:left; margin-top:0px; margin-left:0px; margin-right:30px;}

#con_area .pic_left5{ float:left; clear:both;  margin-top:0px; margin-left:0px; margin-right:26px; margin-bottom:15px;}

#con_area .pic_right1{ float:left;  margin-top:0px; }
#con_area .pic_right2{ float:left; margin-top:33px; width:452px; line-height:170%; font: 13px Malgun Gothic, Dotum, sans-serif;}
#con_area .pic_right3{ float:left; margin-top:33px; width:710px;}
#con_area .pic_right4{ float:left; margin-top:20px; width:424px; line-height:170%; font: 13px Malgun Gothic, Dotum, sans-serif;}
#con_area .pic_right5{ float:left; margin-top:0px; width:424px; line-height:170%; font: 13px Malgun Gothic, Dotum, sans-serif;}
#con_area .pic_right6{ float:left; margin-top:33px; width:705px;}
#con_area .pic_right7{ float:left; margin-top:33px; width:452px;}

#con_area .pic_right6 {width:519px; float:left; right:0px;  margin-top:10px;  }
#con_area .pic_right6 ul li {float:left; padding:0px 9px 9px 0px;}


#con_area .text1{ float:left; margin-top:20px; margin-left:0px; margin-right:0px; line-height:170%; font: 13px Malgun Gothic, Dotum, sans-serif;}
#con_area .text2{ float:left; margin-top:20px; margin-left:80px; margin-right:0px; line-height:170%; font: 13px Malgun Gothic, Dotum, sans-serif;}


/* sitemap */
#con_area .sitemap_tit{ margin-top:0px; margin-left:0px; margin-right:0px; }
#con_area .sitemap1{ float:left; margin-top:28px; width:202px; margin-left:19px; height:215px; margin-right:15px; font: 12px Malgun Gothic, Dotum, sans-serif;}
#con_area .sitemap1 ul li{padding:5px 0 5px 0; border-bottom:1px solid #dfe2e7;}



/* board */

.bbslist1 { width:710px; margin-top:0px; margin-bottom:15px; }

.bbslist1 thead tr th { background:#ececec; height:30px; color:#666666; font-weight:bold;  padding-top:6px; vertical-align:top; }

.bbslist1 tbody td { text-align:left; padding:7px 7px 7px 7px;height:20px; border:1px solid #ced4dd;}

.bbslist1 tbody td.tit { background:#f0f0f0;text-align:center;  height:20px; color:#666666; font-weight:bold; border-top:#ec750c 2px solid; }

.bbslist1 tbody td.left_tit1 { background:#f7f6f6;text-align:center;  height:20px; color:#666666; font-weight:bold;  }

.bbslist1 tbody td.t1 {text-align:left;  line-height:20px; padding:8px 8px 8px 8px;}



.bbslist2 { width:710px; margin-top:0px; margin-bottom:10px;  font: 12px Malgun Gothic, Dotum, sans-serif;}

.bbslist2 thead tr th { background:#ececec; height:30px; color:#666666; font-weight:bold;  padding-top:6px; vertical-align:top; }

.bbslist2 tbody td { text-align:left; padding:7px 7px 7px 7px; height:20px; border:1px solid #ced4dd;}

.bbslist2 tbody td.tit { background:#f0f0f0;text-align:center;  height:20px; color:#666666; font-weight:bold; border-top:#439ff0 2px solid; }

.bbslist2 tbody td.tit1 { background:#f4efc8;text-align:center;  height:20px; color:#666666; font-weight:bold; border-top:#ec750c 2px solid; }

.bbslist2 tbody td.left_tit { background:#f7f6f6;text-align:center;  height:20px; color:#666666; font-weight:bold;  }

.bbslist2 tbody td.subj1 {text-align:left;  padding:7px 0px 7px 0px;  font-weight:bold; line-height:14px;}

.bbslist2 tbody td.t1 {text-align:center;  line-height:20px; padding:3px 3px 3px 3px;}

.bbslist2 tbody td.t2 {background:#fff8f0; text-align:center;  line-height:20px; padding:3px 3px 3px 3px;}

.bbslist2 tbody td.t3 {text-align:center;  line-height:20px; font-weight:bold; padding:3px 3px 3px 3px;}



#footer { clear:both; width:100%; height:140px; margin:0 auto; padding:0; position:relative; background:url('../image/foot_back.gif') repeat-x;  margin-top:0px;}
#footer .copy	{ width:980px; margin:0 auto;  text-align:left; position:relative; height:140px; font-family:Dotum, ?‹ì?, sans-serif; font-size:11px;}
#footer .foot1 { position:relative; margin-left:0px;padding-top:16px; font-family:Dotum, ?‹ì?, sans-serif; font-size:13px; color:#6f6f6f;}
#footer .foot1_1 {position:absolute; margin-left:523px; margin-top:-20px;  font-size:11px;}
#footer .line	{ width:980px; margin:0 auto; margin-top:5px;}
#footer .foot2 { position:relative; margin-left:0px;  margin-top:15px;  font-size:12px; color:#6d6d6d; font-family:Dotum, ?‹ì?, sans-serif; line-height:160%;}
#footer .foot3 {position:absolute; margin-left:530px; margin-top:-35px;  font-size:11px;}

#footer .foot_r1 {position:absolute;float:right; top:5px; right:0px; }
#footer .foot_r1 ul li{float:left; padding:0 0 0 12px; }
#footer .foot_r2 {position:absolute; float:right; top:55px; right:0px;}
#footer .foot_r3 {position:absolute; float:right; top:85px; right:0px;}