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

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

@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: #666666;
	
}

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: #666666;
}

html, body {
margin: 0;
padding:0;
font: 12px Malgun Gothic, Dotum, sans-serif;
color:#666666;
scrollbar-face-color: #f1f1f1;
scrollbar-shadow-color: #E4E4E4;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #E4E4E4;
scrollbar-arrow-color: #D2D2D2;
overflow-x:hidden;
overflow-y:hidden;
-webkit-text-size-adjust: none;
-webkit-line-height-adjust: none;
}
/**/html{
overflow-y:scroll;

}

body{
font-size:13px; line-height:150%;
}

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:#6e6e6e;
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:#fff; 

}

#wrap {
	POSITION: relative; WIDTH: 100%; height:100%;

}


/*Common*/
.clear { clear: both; }
.float_l	{ float:left; }
.float_r	{ float:right; right:0px;}
.float_c	{text-align:center;}
.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;}
.fs_11 { font-size:11px; }
.fs_12 { font-size:12px; }

.fc_red { color:#e90909; }
.fc_or_b { color:#f28900; font-weight:bold;}
.fc_red_b { color:#e90909; font-weight:bold;}
.fc_red_oran { color:#e65100; font-weight:bold;}
.fc_oran_back{ background:#ffa71d;  color:#fff;}
.fc_red_s { color:#dc0000; font-weight:bold; font-size:11px;}
.fc_gray { color:#575757; font-weight:bold;}
.fc_gray1 { color:#333333; font-weight:bold; font-size:15px; }
.fc_blue {color: #0088bc; font-weight:bold;}
.fc_blue_b {color: #3b88b9;  font-weight:bold;}
.fc_black_b { color:#000000; font-weight:bold;}
.fc_location {font-weight:bold;}
.fc_faq {margin-left:10px;}

/* 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:137px; margin:0 auto; padding:0; position:relative; background:url('../image/menu_back.gif') repeat-x;  }

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

#top_area .sns { float:left; left:0px; width:101px; margin-top:0px; position:relative;}
#top_area .sns ul li {float:left; padding:0px; height:33px;}

#top_area .menu_top { float:right; position:relative; right:0px; margin-top:0px; height:33px; font: 11px Dotum, sans-serif;}
#top_area .menu_top .quick ul li {float:left; padding:13px 22px 0px 22px; height:33px; color:#525252; background:url(../image/top_line.gif) no-repeat;}
#top_area .menu_top .quick ul li.home {float:left; padding:0px; width:45px; height:33px;}
#top_area .menu_top .quick ul li.last {float:left; padding:1px; height:33px;  color:#525252; background:url(../image/top_line.gif) right 0 no-repeat;}

#top_area .logo {clear:both;  float:left; width:262px; left:0px; height:101px; margin-top:3px; position:relative;  }

#top_area .menu{position:relative; float:right; right:0px;width:760px;  height:67px; margin-top:37px;  }
#top_area .menu ul li a.mn{display:block; float:left; height:67px; margin-left:0px; margin-top:0px; padding:6px 0 4px 35px; letter-spacing:-0.3pt; font-weight:bold; font-size:17px;color:#333333;font-family: malgun gothic }
#top_area .menu ul li a:hover.mn { margin-top:0px; height:67px; margin-left:0px;padding:6px 0 4px 35px; background:url(../image/menu_back01.gif) 35px 0 no-repeat;  letter-spacing:-0.3pt; font-weight:bold; font-size:17px;color:#0054bb;font-family: malgun gothic }
#top_area .menu on a.mn{ margin-left:0px; height:67px;  margin-top:0px; padding:6px 0 4px 35px; background:url(../image/menu_back01.gif) 35px 0 no-repeat;  letter-spacing:-0.3pt; font-weight:bold; font-size:17px;color:#0054bb;font-family: malgun gothic }


#wrap_main {
	WIDTH: 100%;  HEIGHT:532px;  position:relative; 
}

#wrap_main .wrap_main_pic {
position:absolute; overflow:hidden; width:1920px;  height:532px; margin-top:1px; left:50%;  margin-left:-960px; z-index:0; background:url('../image/main_img_back2.jpg') no-repeat; 
}

#wrap_main .wrap_main_pic .pic001 {width:1050px; margin:0 auto; padding:0; position:relative; margin-top:0px; }

#wrap_main .text1 { float:left; margin-left:0px; margin-top:0px; }



#wrap_sub {
	WIDTH: 100%; position:relative; height:1px; overflow:hidden; background:#c9c9c9; 
}




#wrap_main .wrap_main_pic .parallax-viewport {
	position:relative;
	overflow:hidden;
	width:600px;
	left:400px;
	height:100%;
	margin:0px auto;
	position:absolute;
	text-align:center;
	z-index:99;
}
#wrap_main .wrap_main_pic .parallax-layer {
	position:absolute;
	text-align:center;
}

#wrap_main .wrap_main_pic .parallax1 {width: 600px; height: 400px; display: block; top: 78.5895%; margin-top: -340.398px; left: 24.6184%; margin-left: -190.874px;}
#wrap_main .wrap_main_pic .parallax2 {width: 600px; height: 400px; display: block; top: 65.5895%; margin-top: -210.939px; left: 14.6184%; margin-left: 70.413px;}



#main_area { position:relative; margin:0 auto; padding:0; width:1050px; margin-top:0px; }

#main_area1 {float:left; position:relative; margin-left:0px; width:1050px; margin-top:32px; display:block; line-height:155%; background:url(../image/m_area_back01.gif) no-repeat;}
#main_area1 .notice {float:left; margin-left:0px; margin-top:0px; width:259px; height:175px;}
#main_area1 .m_title {float:left; left:0px; letter-spacing:-0.3pt; font-weight:bold; font-size:15px;color:#434343;font-family: malgun gothic}
#main_area1 .m_notice_img {clear:both; float:left; left:0px; margin-top:15px; }
#main_area1 .m_more {float:right; right:0px; margin-top:0px; margin-right:0px;}
#main_area1 .m_text { float:left; position:relative; margin-left:1px; padding-top:8px; text-align:left; width:259px; height:55px; }

#main_area1 .estimate {float:left; margin-left:60px; margin-top:0px; width:205px; height:175px; background:url(../image/m_es_back.jpg) no-repeat;}
#main_area1 .m_title1 {clear:both; float:left; margin-top:80px; letter-spacing:-0.3pt; font-size:13px;color:#727272;}

#main_area1 .travel {float:left; margin-left:46px; margin-top:0px; width:208px; height:175px; background:url(../image/m_tra_back.jpg) no-repeat;}
#main_area1 .m_title1 {clear:both; float:left; margin-top:80px; letter-spacing:-0.3pt; font-size:13px;color:#727272;}

#main_area1 .m_tel {float:left; margin-left:45px; margin-top:0px; width:204px; height:175px;}
#main_area1 .m_tel_img {clear:both; float:left; left:0px; margin-top:15px; }

#main_area1 .line {position:relative; float:left; width:1050px; margin-top:40px; height:1px; overflow:hidden; background:#e1e1e1; }

#main_area2 {float:left; position:relative; margin-left:0px; width:1050px; margin-top:40px; display:block; line-height:155%;}
#main_area2 .m_bus {float:left; margin-left:0px; margin-top:0px; width:317px; }
#main_area2 .m_pro {float:left; margin-left:50px; margin-top:0px; width:317px; }
#main_area2 .m_map {float:left; margin-left:49px; margin-top:0px; width:317px; }
#main_area2 .m_img {clear:both; float:left; left:0px; margin-top:0px; }
#main_area2 .m_title {float:left; margin-top:-33px; letter-spacing:-0.3pt; font-weight:bold; font-size:15px;color:#434343; font-family: malgun gothic}
#main_area2 .m_text { float:left; clear:both; position:relative; margin-left:1px; margin-top:-13px; text-align:left;}
#main_area2 .m_more {float:right; right:0px; margin-top:-30px; margin-right:0px;}




/*sub_area */

#sub_area {width:1050px; margin:0 auto; padding:0; position:relative; margin-top:38px;}

#sub_con {position:relative; margin:0 auto; padding:0; width:1050px; margin-top:21px; min-height:500px; height:100%; overflow:hidden;  margin-bottom:0px; }


#sub_left { float:left; position:relative; margin-left:0px; margin-right:0px; width:202px; margin-top:0px;  }
#sub_left1 { width:202px; top:0px; display:block; line-height:120%;}
#sub_left1 .stit {margin-left:0px; padding-bottom:11px; }
#sub_left1 .smenu {padding-top:0px; margin-left:0px;  padding-bottom:20px; height:250px; }
#sub_left1 .s_line{background:url('../image/left_menu_back01.png') no-repeat; width:202px; height:1px;}
#sub_left1 .smenu ul li a{display:block; padding:10px 0 4px 14px; width:202px; height:24px; letter-spacing:-0.3pt; font-size:14px;}
#sub_left1 .smenu ul li a:hover { background:url('../image/left_menu_back02.png') no-repeat; padding:10px 0 4px 14px; width:202px; height:24px; letter-spacing:-0.3pt; font-weight:bold;font-size:14px;color:#347cbc;}
#sub_left1 .on a{ background:url('../image/left_menu_back02.png') no-repeat; padding:10px 0 4px 14px; width:202px; height:24px; letter-spacing:-0.3pt; font-weight:bold;font-size:14px;color:#347cbc;}





#sub_left2 { position:relative; margin-left:0px; margin-right:0px;  width:167px; margin-top:40px; margin-bottom:0px; display:block; line-height:120%;}
#sub_left2 .m_title {float:left; margin-bottom:15px; letter-spacing:-0.3pt; font-weight:bold; font-size:15px;color:#434343;font-family: malgun gothic}
#sub_left2 ul { position:relative; width:207px; display:block;   line-height:120%;}
#sub_left2 ul li { position:relative; width:207px; display:block;   line-height:120%;}




/* con_area */
#con_area {float:left; position:relative; margin-left:38px; margin-top:0px; margin-bottom:40px; min-height:450px; margin-right:0px; top:0px; font-size:13px; width:810px;  }

#con_area #top_visual {padding-left:0px; position:relative; border-bottom:#e9e9e9 1px solid;  height:86px;}
#con_area #top_visual p.location { margin-top:3px;  padding-left:0px; padding-bottom:10px; font: 11px Dotum, sans-serif; color:#606060; }
#con_area #top_visual .subimg { margin-top:-84px; padding-left:0px;  float:right }

#con_area .pic { float:left; width:810px; margin-top:35px; margin-left:0px; margin-right:0px;}
#con_area .pic1 { float:left; margin-top:20px; margin-left:0px; margin-right:0px;}
#con_area .pic1_1 { float:left; margin-top:20px; margin-left:35px; margin-right:0px; }
#con_area .pic1_2 { float:left; width:810px; margin-top:4px; margin-left:0px; margin-right:0px;}
#con_area .pic1_3 { float:left; width:810px; margin-top:0px; margin-left:0px; margin-right:0px;}

#con_area .tab { float:left; left:0px; margin-top:20px; position:relative;}
#con_area .tab ul li {float:left; padding:0px 6px 0px 0px; }

#con_area .left1{ float:left; margin-top:0px; margin-left:0px; margin-right:0px;}

#con_area .right1{ float:left; width:533px; margin-top:0px; margin-left:13px; margin-right:0px;}
#con_area .right2{ float:left; margin-top:20px; margin-left:0px; margin-right:0px;}
#con_area .right3{ float:right; right:0px; margin-top:20px; margin-left:0px; margin-right:0px;}

#con_area .text1{ clear:both; margin-top:0px; line-height: 130%; letter-spacing:-0.6pt; font-size:20px; color:#333333;}
#con_area .text2{ clear:both; float:left; margin-top:20px; line-height: 130%; letter-spacing:-0.6pt; font-size:20px; color:#333333;}
#con_area .text3{ clear:both; float:left; margin-top:35px; line-height: 130%; letter-spacing:-0.6pt; font-size:20px; color:#333333;}

#con_area .history .hispic{float:left; position:relative; height:100%; left:0px; width:586px;margin-left:47px; margin-top:0px;}
#con_area .history .year {float:left; position:relative; left:0px; margin-top:0px; width:100%; background:url(../image/history_back.gif) repeat-y; }
#con_area .history .y_tit{padding-left:51px; position:relative;background:url(../image/history_back.gif) repeat-y; }
#con_area .history .y_tit2{display:block; padding-left:51px; position:relative; padding-top:30px; background:url(../image/history_back.gif) repeat-y;}
#con_area .history .year ul {position:relative; padding-top:20px;background:url(../image/history_back.gif) repeat-y;  letter-spacing:-0.6pt; font-size:14px; color:#666666;font-family: malgun gothic}
#con_area .history .year ul li {padding-left:51px; position:relative; background:url(../image/history_li.gif) left -6px no-repeat; min-height:32px; letter-spacing:-0.6pt; font-size:14px; color:#666666;font-family: malgun gothic}

#con_area .com05_1{float:left; width:259px; margin-top:15px; margin-left:0px; margin-right:0px; }
#con_area .com05_1 ul li  {text-align:center;  margin-bottom:6px;}
#con_area .com05_2{float:left; width:259px; margin-top:15px; margin-left:16px; margin-right:0px;}
#con_area .com05_2 ul li  {text-align:center; margin-bottom:6px; }

#con_area .bus03{float:left; width:800px; margin-top:35px; margin-left:0px; margin-right:0px; border:#eef0f0 5px solid; }
#con_area .bus03_1{float:left; padding:10px 10px 10px 10px; }
#con_area .bus03_2{float:left; width:550px; padding:10px 10px 10px 10px; }


#con_area .re {float:left; width:810px; margin-top:0px; margin-left:0px; margin-right:0px; }
#con_area .re01{float:left; width:385px; height:100px; margin-top:35px; margin-left:0px; margin-right:0px; background:url(../image/re_back.gif) no-repeat;}
#con_area .re01_0{float:left; width:385px; height:100px; margin-top:35px; margin-left:40px; margin-right:0px; background:url(../image/re_back.gif) no-repeat;}
#con_area .re01_1 {float:left; margin-top:20px; margin-left:16px;}
#con_area .re01_2 { float:left; width:255px;  padding-left:34px; margin-top:10px; margin-left:0px; margin-right:0px;}
#con_area .re01_3 {float:left; margin-top:15px; margin-left:34px; line-height: 130%; letter-spacing:-0.6pt; font-weight:bold; font-size:15px; color:#0088bc;}


/* sitemap */
#con_area .sitemap_tit{ margin-top:0px; margin-left:0px; margin-right:0px; }
#con_area .sitemap1{ float:left; margin-top:28px; width:212px; margin-left:35px; height:250px; margin-right:15px; font-size:12px; color:#6e6e6e; line-height:19px;}
#con_area .sitemap1 ul li{padding:5px 0 5px 0; padding-left:10px; border-bottom:1px solid #dfe2e7;}



.bbslist2 { width:810px; margin-top:30px; margin-bottom:0px;  font-size:13px; border-collapse:collapse;}

.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:15px;}

.bbslist2 tbody td.tit { background:#ebebeb;text-align:center;  height:30px; font-size:15px; color:#333333; font-weight:bold; border-top:#818793 3px solid;  border-bottom:#cccccc 1px solid;}

.bbslist2 tbody td.tit1 { background:#eef1f6;text-align:center;  height:15px; color:#3360aa; font-weight:bold; border-top:#266fcc 3px solid; border-bottom:#cccccc 1px solid;}

.bbslist2 tbody td.left_tit { background:#fbfbfb;text-align:center;  height:15px; font-weight:bold; color:#666666;  border-bottom:#ededed 1px solid; border-right:#ededed 1px solid;}

.bbslist2 tbody td.left_tit1 { background:#fafbfc;text-align:center;  height:15px; color:#3360aa;  border-bottom:#ededed 1px solid; border-right:#ededed 1px solid;}

.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; border-bottom:#ededed 1px solid; border-right:#ededed 1px solid;}

.bbslist2 tbody td.t2 {text-align:center;  line-height:20px; padding:3px 3px 3px 3px; border-bottom:#ededed 1px solid;}

.bbslist2 tbody td.t3 {text-align:left;  line-height:20px; padding:3px 3px 3px 20px; border-bottom:#ededed 1px solid; border-right:#ededed 1px solid;}

.bbslist2 tbody td.t4 {text-align:left;  line-height:20px; padding:3px 3px 3px 20px; border-bottom:#ededed 1px solid;}




#footer { clear:both; float:left; position:relative; margin:0 auto; padding:0; width:100%; height:147px; margin-top:46px; background:url('../image/footer_back.gif') repeat-x; }
#footer .copy	{ width:1050px; margin:0 auto;  text-align:left; position:relative; height:130px; font-size:11px;}
#footer .foot1 { position:relative; margin-left:0px;padding-top:11px;  font-size:11px; color:#b4b4b4;}
#footer .foot2 { position:relative; margin-left:0px;  margin-top:32px;  font: 11px Dotum, sans-serif; color:#858585; line-height:170%;}
#footer .foot3  { position:relative; margin-left:0px; margin-top:-25px; float:right; right:0px; }

#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:54px; right:0px;}