@charset "utf-8" /* 기본
------------------------------------------------------------------------------------------------------------------------------------------------- */

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


* {-webkit-text-size-adjust:none;}


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




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





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

.png24 {
  tmp:expression(setPng24(this));
}


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;
	padding:0;
	color: #606060;
	line-height: 25px;
	font: 14px "Malgun Gothic", Dotum, sans-serif;
	letter-spacing:-0.6pt;
    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; 
  overflow-x:hidden;
overflow-y:hidden;
}
/**/html{
overflow-y:scroll;

}


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: #666666;
	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;}
.float_r1	{ float:right; color: #ff0000; padding-right:12px;}
.float_r2	{ float:right; color: #ff0000; padding-top:17px; .margin-top:-70px;}
.float_r3	{ float:right; color: #ff0000; padding-top:27px; .margin-top:-70px;}
.block { background:#000000;  padding:1px 1px 0px 1px; .padding:1px 1px 0px 1px; color:#fff;}
.block1 { background:#000000;  padding:1px 1px 0px 1px; .padding:1px 1px 0px 1px; color:#ffda10;}
.fs_10 { font-size:10px; line-height:13px; }
.fs_11 { font-size:11px; line-height:15px; }
.fs_12 { font-size:12px; }
.fc_999999 { color: #999999; }
.fc_location {color: #6b6b6b; font-weight:bold;}
.fc_table1_mt {color: #3b88b9; font-weight:bold;}

.fs_contit { font-size:16px; font-weight:bold; margin-bottom:16px; }
.fc_white { color:#ffffff; }
.fc_red { color:#dc0000; }
.fc_or_b { color:#f28900; font-weight:bold;}
.fc_red_b { color:#dc0000; font-weight:bold;}
.fc_red_oran { color:#ff5800; font-weight:bold;}
.fc_brown{ color:#a36a2b;}
.fc_red_s { color:#dd0000; font-size:14px;}
.fc_gray { font-size:11px; color:#767676; font-weight:bold;}
.fc_gray1 { font-size:12px;  font-weight:bold;}
.fc_gray2 { font-size:16px;  font-weight:bold;}
.fc_blue {color: #1778e4 }
.fc_blue_b {color: #1778e4;  font-weight:bold;}
.point01 { background-color:#ebebeb; }
.point02 { color:#dc0000; }
.fc_form{clear: both; font: 17px NanumBarunGothic, Dotum, sans-serif; color:#865e46; font-weight:400;}


/* 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:135px; margin:0 auto; padding:0; position:relative; min-width:1100px; background:url('../image/menu_back.gif') center top;  z-index:9999;}

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

#top_area .top_home { float:left; left:0px; width:40px; margin-top:0px; position:relative;}
#top_area .top_home ul li {float:left; padding:0px; height:35px;}

#top_area .logo { float:left; clear:both; width:266px; left:0px; height:66px; margin-top:17px; position:relative;  z-index:9999;}

#top_area .menu_top { float:right; position:relative; right:0px; height:35px; margin-top:0px; z-index:1000;}
#top_area .menu_top .quick ul li {float:left; padding:0px 0px 0px 0px; color:#707070;font-size:13px;}

#top_area .menu {float:right; right:0px; height:31px; margin-top:71px;  position:absolute; z-index:99;}
#top_area .menu ul li {float:left; padding:0px 0px 0px 40px;}




/* layout */
#header-inner { width:685px; margin:0 auto; }
#contents,

#wrap {}
#header { position:absolute; left:0; right:0; top:0; z-index:10; padding-bottom:79px; z-index:999;}
#bar {position:absolute; overflow:hidden; width:1920px;  padding:0; top:0; margin-top:135px; left:50%;  margin-left:-960px;   background:url('../image/smenu_back.gif') no-repeat; }

.main #header { border-bottom-width:0; }
#header-inner { position:relative; height:145px; /*background:#fff url('../img/common/logo.png') 50% 18px no-repeat;*/ }
#header-inner h1 { position:absolute; left:50%; top:18px; width:130px; height:60px; margin-left:-65px; background:url('../img/common/logo.png') 50% 50% no-repeat; }
#header-inner h1 a { display:block; width:100%; height:100%; font:0/0 Arial; text-indent:-99999px; overflow:hidden; }

#nav { position:absolute; left:170px; top:62px; width:830px;padding-top:9px;}
#nav li,
#nav li a { font-weight:700; font-family: 'Montserrat' !important; letter-spacing:0.2pt; font-size:16px; color:#5f5f5f;}
#nav li { display:inline; float:left; }
#nav li a { display:block; overflow:hidden; }
#nav .depth1 > li { position:relative; margin-left:0px; }
#nav .depth1 > li:first-child { margin-left:0; }
#nav .depth1 > li:first-child ul {}
#nav .depth1 > li > a { height:98px; padding:0px 26px; line-height:23px; word-spacing:-1px;}
#nav .depth1 > li > a:hover,
#nav .depth1 > li._on > a,
#nav .depth1 > li._active > a { color:#f05256; border-color:#fff;}
#nav .depth1 > li > ul,
#nav .depth2 > li > ul { position:absolute; left:0; top:-500px; width:775px; max-width:775px; padding-top:8px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
#nav .depth1 > li._active > ul,
#nav .depth1 > li._on > ul,
#nav .depth2 > li._on > ul { z-index:1; top:32px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
#nav li li { position:relative; margin-top:50px;  margin-left:10px; padding:0px 0px 0px 10px; }
#nav li li a { float:left; height:140px;  line-height:40px; color:#466073; text-transform:uppercase; }
#nav li li li { clear:both; width:100%; }
#nav li li li a { display:block; color:#466073; height:30px; line-height:30px; }
#nav li li .depth3 { position:absolute; left:0; top:-500px; width:205px; padding-bottom:10px; background-color:#00112f; }
#nav li li._on .depth3 { top:40px; }
#nav li li a:hover,
#nav li li._on > a,
#nav li li._active > a,
#nav li li li._active > a,
#nav li li li._on > a{ color:#fff; }

#nav .depth1 .n1 > ul { left:-8px; }
#nav .depth1 .n2 > ul { left:-200px; }
#nav .depth1 .n3 > ul { left:-85px; }
#nav .depth1 .n4 > ul { left:-167px; }
#nav .depth1 .n5 > ul { left:-25px; }
#nav .depth1 .n6 > ul { left:-305px; }
#nav.v2 .depth1 > li > ul { left:-130px; }
#nav.v2 .depth1 li li ul { left:-1px; }
#nav.v2 .depth1 .n2 > ul { left:-120px; } 
#nav.v2 .depth1 .n3 > ul { left:-120px; } 
#nav.v2 .depth1 .n4 > ul { left:-115px; }
#nav.v2 .depth1 .n5 > ul { left:-380px; } 
#nav.v2 .depth1 .n6 > ul { left:-80px; } 
#nav.v3 .depth1 > li { margin-left:0;}
#nav.v3 .depth1 > li > a { padding-left:0; padding-right:0; text-align:center; }
#nav.v3 .depth1 > li.n1 > a { width:159px; }
#nav.v3 .depth1 > li.n2 > a { width:125px; }
#nav.v3 .depth1 > li.n3 > a { width:174px; }
#nav.v3 .depth1 > li.n4 > a { width:107px; }
#nav.v3 .depth1 > li.n5 > a { width:146px; }
#nav.v3 .depth1 > li.n6 > a { width:108px; }
#nav.v3 .depth1 > li.n7 > a { width:120px; }
#header .util { position:absolute; right:0; top:25px; }
#header .util a { font-family: 'Gotham SSm 7r', 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; color:#8c8e8f; font-size:10px; }
#header .util > ul > li{ float:left; }
#header .util > ul > li > a{ display:block;height:13px;padding-left:6px;padding-right:6px;line-height:13px; }
#header .util > ul > li.language{ position:relative; padding-right:13px; background:url('/img/common/bg_language_arrow.gif') 100% 0 no-repeat; }
#header .util .sub { position:absolute; right:-99999px; top:13px; width:145px; padding:11px 0 12px 0; background-color:#00112f; }
#header .util .sub li a{display:none; text-align:right; padding:3px 17px 2px 17px; color:#4a6477; }
#header .util .sub li a:hover{ color:#fff; }
#header .util > ul > li.language.on .sub { right:0; }
#header .util > ul > li.language.on{background-position:100% -13px;}
#header .util > ul > li.language.on .sub a{display:block;}





#wrap_main { width:1100px; margin:0 auto; padding:0; position:relative; }




/* main_area */

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

#main_area1 {float:left; position:relative; margin-left:0px; width:1100px; height:188px; margin-top:43px; display:block; line-height:155%; margin-bottom:0px; background:url(../image/m_back.gif) no-repeat;}
#main_area1 .m_call {float:left; margin-left:23px; margin-top:20px; width:224px; }
#main_area1 .notice {float:left; margin-left:43px; margin-top:23px; width:236px; }
#main_area1 .m_title {float:left; left:0px; letter-spacing:-0.3pt; font-size:16px;color:#434343;}
#main_area1 .m_more {float:right; right:0px; margin-top:4px; margin-right:0px;}
#main_area1 .m_text { float:left; position:relative; margin-left:0px; padding-top:13px; text-align:left; width:236px; font-size:13px; color:#6e6e6e; }

#main_area1 .service {float:left; margin-left:43px; margin-top:23px; width:506px; }

#main_area1 .service1 {float:left; margin-left:0px; margin-top:16px; width:506px; }
#main_area1 .m_img { float:left; margin-right:2px; margin-left:17px;}
#main_area1 .m_img ul li {text-align:center; padding:2px; font-size:13px;}
#main_area1 .m_img1 { float:left; margin-left:5px; width:200px; border-left:1px solid #dfdfdf; padding-left:16px;}
#main_area1 .m_img1 ul li {text-align:center; padding:2px; font-size:13px;}


#main_area2 {float:left; position:relative; margin-left:0px; width:1100px; height:295px; margin-top:53px; margin-bottom:0px;}


/*sub_area */

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

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


#sub_left { float:left; position:relative; margin-left:0px; margin-right:0px; width:210px; margin-top:0px;  }
#sub_left1 { width:210px; 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:0px; height:210px; }
#sub_left1 .s_line{border-top:#d7d7d7 1px solid; width:210px; }
#sub_left1 .smenu ul li a{display:block; padding:12px 0 4px 14px; width:210px; height:26px; letter-spacing:-0.3pt; font-size:15px;}
#sub_left1 .smenu ul li a:hover { background:url('../image/left_menu_back02.png') no-repeat; padding:12px 0 4px 14px; width:210px; height:26px; letter-spacing:-0.3pt; font-weight:bold;font-size:15px;color:#a15b68;}
#sub_left1 .on a{ background:url('../image/left_menu_back02.png') no-repeat; padding:12px 0 4px 14px; width:210px; height:26px; letter-spacing:-0.3pt; font-weight:bold;font-size:15px;color:#a15b68;}

#sub_left2 { position:relative; margin-left:0px; margin-right:0px;  width:210px; margin-top:80px; margin-bottom:0px; display:block; line-height:120%;}


/* con_area */
#con_area {float:left; position:relative; margin-left:40px; margin-top:0px; margin-bottom:0px; min-height:450px; margin-right:0px; top:0px; line-height:165%; font-size:15px; width:850px;  }

#con_area #top_visual {padding-left:0px; margin-top:35px; position:relative; border-bottom:#e9e9e9 1px solid;  height:145px;}
#con_area #top_visual p.location { margin-top:24px;  padding-left:0px; padding-bottom:10px; font-size:14px; color:#808080; }
#con_area #top_visual .subimg { margin-top:-104px; padding-left:0px;  float:right }


#con_area .pic1 { float:left; width:850px; margin-top:46px; margin-left:0px; margin-right:0px; margin-bottom:40px;}
#con_area .pic1_1 { float:right;  margin-top:56px; margin-left:0px; margin-right:0px;}
#con_area .pic1_2 { float:left; margin-top:45px; margin-left:0px; margin-right:0px;}
#con_area .pic1_3 { float:left; margin-top:0px; margin-left:0px; margin-right:0px;}
#con_area .pic1_4 { float:left; margin-top:46px; margin-left:0px; margin-right:0px; margin-bottom:20px;}
#con_area .pic1_4_1 { float:left; margin-top:10px; margin-left:0px; margin-right:0px; margin-bottom:20px;}
#con_area .pic1_5 { float:left; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:40px;}


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

#con_area .right1 { float:left; width:517px; margin-top:0px; margin-left:39px; margin-right:0px;}
#con_area .right1_1 { float:left; margin-top:0px; margin-left:0px; margin-right:0px;}
#con_area .right1_2 { float:left; margin-top:13px; margin-left:0px; margin-right:0px;}

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

#con_area .right3 { float:left; width:561px; height:167px; margin-top:0px; margin-left:0px; margin-right:0px; border-top:1px #d7d7d7 solid; border-right:1px #d7d7d7 solid; border-bottom:1px #d7d7d7 solid;}
#con_area .right3_0 { float:left; width:561px; height:167px; margin-top:30px; margin-left:0px; margin-right:0px; border-top:1px #d7d7d7 solid; border-right:1px #d7d7d7 solid; border-bottom:1px #d7d7d7 solid;}
#con_area .right3_1 { float:left; margin-top:21px; margin-left:21px; margin-right:0px;}
#con_area .right3_2 { float:left; clear:both; margin-top:6px; margin-left:21px; margin-right:0px;}

#con_area .line1{float:left; width:100%; margin-top:45px; margin-left:0px; border-top:1px #dddddd solid;}



/* tab */
.tabArea{position:relative;width:850px;height:56px;margin-top:0px;background:url(../image/tab_back.gif);overflow:hidden;text-align:center;margin-bottom:0px;}
.tabArea ul{overflow:hidden;height:56px;}
.tabArea ul li{float:left;height:56px;}
.tabArea ul li a{display:block;height:52px;line-height:50px;color:#747474;font-size:15px;border-left:1px solid #d6d6d6;text-decoration:none;padding-top:2px;font-weight:normal;}
.tabArea ul li a.on{border:2px solid #594f4f; border-bottom:2px solid #594f4f;background:#594f4f;color:#ffffff;font-weight:500;padding-top:0;cursor:inherit}

.tabArea.tabOne li{width:100%}
.tabArea.tabTwo li{width:50%}
.tabArea.tabThree li{width:33.3333333%}
.tabArea.tabFour li{width:25%}
.tabArea.tabFive li{width:20%}
.tabArea.tabSix li{width:16.6666666%}



/* 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:48px; height:190px; margin-right:15px; font: 13px Malgun Gothic, Dotum, sans-serif;}
#con_area .sitemap1 ul li{padding:5px 0 5px 0; border-bottom:1px solid #dfe2e7;}
#con_area .sitemap2{ float:left; margin-top:28px; width:202px; margin-left:48px; height:185px; margin-right:15px; font: 13px Malgun Gothic, Dotum, sans-serif;}
#con_area .sitemap2 ul li{padding:5px 0 5px 0; border-bottom:1px solid #dfe2e7;}



#footer {clear:both;  float:left; width:100%;  height:177px; margin:0 auto; padding:0; position:relative; background:url('../image/footer_back.gif') repeat-x; margin-top:38px;}
#footer .copy	{ width:1100px; margin:0 auto;  text-align:left; position:relative; height:130px; font-size:11px;}
#footer .foot1 { position:relative;  text-align:center; margin-left:0px;padding-top:16px; }
#footer .foot1 ul li {float:left; padding:0px 14px 0px 0px; font-size:11px; font-family:dotum;color:#686663;}
#footer .foot1 ul li a{color:#686663;}
#footer .foot1 ul li a:hover{color:#a15b68;}
#footer .foot2 { position:relative; margin-left:0px;  margin-top:60px; letter-spacing:0pt; font-size:11px;font-family:dotum;color:#777777;line-height:170%}
#footer .foot3  { position:relative; margin-left:0px; margin-top:-16px; float:right; right:0px; }

#footer .foot_r3 {position:absolute; float:right; top:75px; right:0px;}