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

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


/*!
 *  Font Awesome 4.0.3 by @davegandy - http://Noto Sans KR.io - @Noto Sans KR
 *  License - http://Noto Sans KR.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 *
 /*
* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }



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

html, body {
	margin: 0;
	padding:0;
font-family: "Noto Sans KR", sans-serif;
font-size: 14px;
color:#6b6b6b;

-webkit-font-smoothing: antialiased;
word-wrap: break-word;
    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 {
	text-decoration: none;
	cursor: hand;
	color:#6b6b6b;
	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;}
.fc_blue{color:#2578df}
.fc_blue2{color:#2578df;font-size:16px; font-weight:500;}
.fc_red{color:#cc0000;}

/* Default link */

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





/****************************** main ******************************/

#top_area	{ width:1920px; margin-left:-960px; height:119px;  left:50%; top:0px; position:fixed;z-index:9999;  background:url('../image/top_back.gif') repeat-x;}

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

#top_area .logo { float:left; width:214px; left:0px; height:73px; margin-top:40px; position:relative;  }

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




#top_area .menu_top .quick ul li{float:left; padding:0px 0px 0px 21px; }
#top_area .menu_top .quick ul li a{color:#b1b3b6; line-height:60%;}


#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 70px;}



@media screen and (-webkit-min-device-pixel-ratio:0)

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


#top_area .menu_top .quick ul li{float:left; padding:0px 0px 0px 21px; }
#top_area .menu_top .quick ul li a{color:#b1b3b6; line-height:60%;}


}







#wrap_main {
	WIDTH: 100%;  HEIGHT:585px;  position:relative; margin-top:119px;
}

#wrap_main .wrap_main_pic {
position:absolute; overflow:hidden; width:1920px;  height:585px; margin-top:0px; left:50%;  margin-left:-960px; z-index:1; 
}





#wrap_sub {
	WIDTH: 100%;  HEIGHT:197px;  position:relative; margin-top:119px;
}

#wrap_sub .wrap_sub_pic {
position:absolute; overflow:hidden; width:1920px;  height:197px; margin-top:0px; left:50%;  margin-left:-960px; z-index:1;  background:url(../image/sub_img.jpg) top center no-repeat;  
text-align:center; font-size:34px; color:#fff; padding-top:44px; font-weight:500;
}


/* main_area */




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


#main_area0 {position:relative;margin:0 auto; padding:0;width:100%; border-top:1px solid #dadada; height:54px; border-bottom:1px solid #dadada; }

#main_area1 {position:relative;margin:0 auto; padding:0;width:1150px;margin-top:0px;}
#main_area1 .notice {float:left; margin-left:0px; margin-top:0px; width:430px; }
#main_area1 .notice_bar {float:left; left:0px;padding-top:17px;  }
#main_area1 .m_text { float:left; position:relative; padding-left:20px; padding-top:17px; text-align:left;  }
#main_area1 .m_more {float:right; right:0px; margin-top:0px; margin-right:0px; padding-top:12px;}



#main_area1 .quick1 {float:right; margin-top:-1px; right:0px;}

#main_area1 .quick1 ul li {float:left; margin-top:0px; margin-left:0px;}



#main_area00 {position:relative;margin:50px auto 0; padding:0; width:100%; height:585px; background:url(../image/m_service_back.jpg) top center no-repeat; }


#main_area2 {position:relative;margin:0 auto; padding:0;width:1150px;  padding-top:158px; cursor:pointer;}
#main_area2 ul li {position:relative; left:0px; padding:0; width:358px; float:left; margin-right:38px;}
#main_area2 ul li.last {position:relative;  padding:0; float:right; right:0px; margin-right:0px;}
#main_area2 ul li .lt_1{position:relative;padding:28px 0 28px 0;margin:0px; text-align:center; font-size:16px; width:100%; background:#fff;}


#main_area2_1 {position:relative;margin:0 auto; padding:0;width:1150px;  padding-top:158px; cursor:pointer;}
#main_area2_1 ul li {position:relative; left:0px; padding:0; width:274px; float:left; margin-right:18px;}
#main_area2_1 ul li.last {position:relative;  padding:0; float:right; right:0px; margin-right:0px;}
#main_area2_1 ul li .lt_1{position:relative;padding:28px 0 28px 0;margin:0px; text-align:center; font-size:16px; width:100%; background:#fff;}






#main_area3 {position:relative;margin:0 auto; padding:0;width:1150px;  padding-top:80px;}
#main_area3 ul li {position:relative; text-align:center;padding-top:38px; width:274px; height:186px; font-size:18px;float:left;line-height:180%; margin-right:18px; color:#fff; background:url(../image/m_quick_back.gif) no-repeat;}
#main_area3 ul li.last {position:relative;  padding-top:38px;float:right; right:0px; margin-right:0px;color:#fff;}
#main_area3 ul li a{color:#fff; }
#main_area3 ul li a.last {color:#fff;}


/*sub_area */

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




.tabArea{float:left; position:relative;width:100%;margin-top:40px;overflow:hidden;text-align:center;}
.tabArea ul{overflow:hidden;}
.tabArea ul li{float:left;}
.tabArea ul li a{display:block;color:#5d5d5d;font-size:18px; padding:15px 0 15px 0;text-decoration:none;font-weight:normal;border:1px solid #dddddd;background:url(../image/tab_off.gif) no-repeat right;}
.tabArea ul li a.on{ display:block;background:#168bd4;border:1px solid #168bd4;color:#ffffff; padding:15px 0 15px 0; cursor:inherit;z-index:9; }
.tabArea ul li .over{display:block;background:url(../image/tab_on.gif) no-repeat right; z-index:999;}


.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%}





/* con_area */
#con_area {float:left; position:relative; margin-left:0px; margin-top:50px; margin-right:0px; font-size:16px; font-weight:400;color:#747474; line-height:150%; width:1150px; min-height:500px; margin-bottom:60px;}


#con_area #top_visual {padding-left:0px; padding-bottom:0px; }
#con_area #top_visual p.location { margin-top:16px;  padding-left:0px; font-size:11px;font-family:dotum; color:#6b6b6b; clear:both;  float:right; }


#con_area .pic01{
float:left; position:relative;  margin-top:0px; width:1150px; margin-bottom:50px;font-size:16px; font-weight:400;color:#747474; line-height:150%; 
}


#con_area .hf{
width:555px; margin-right:40px; position:relative; font-size:16px; font-weight:400;color:#747474; line-height:160%; 
float:left;
}

#con_area .hf_p01{
right:0px;
float:right;width:555px; top:0px; font-size:16px; font-weight:400;color:#747474; line-height:160%; 
}



#con_area .btt{
position:absolute; bottom:0px; background:#000;  opacity:0.6; width:555px; z-index:99; 
}
#con_area .bt_b{
position:relative;  text-align:center; color:#fff;padding:20px 0 20px 0; 
}


#con_area .box{
float:left; position:relative;  text-align:center; border:1px solid #c9c9c9; padding:50px 0 20px 0; width:100%;
}


#con_area .line01{
float:left; position:relative;  text-align:left; border-bottom:1px solid #c9c9c9; padding:0px 0 20px 0; width:100%; line-height:180%;
}

#con_area .line02{
float:left; position:relative;  text-align:left; border-top:1px solid #c9c9c9; padding:20px 0 20px 0; width:100%; line-height:180%;
}

#con_area .com03{
float:left; position:relative; width:1150px; height:353px; background:url(../image/com03_back.jpg) no-repeat;
}

#con_area .com03_t1{
position:relative; margin-left:700px; margin-top:12px; line-height:170%;
}

#con_area .board{
float:left; position:relative;  margin-top:0px; width:100%; margin-bottom:50px;font-size:16px; font-weight:400;color:#747474; line-height:150%; min-height:500px;
}
#con_area .board1{
float:left; position:relative;  margin-top:0px; width:100%; margin-bottom:50px;font-size:16px; font-weight:400;color:#747474; line-height:150%; 
}



.part4 {float:left; position:relative; width:555px; margin-top:30px;  margin-left:0px; }
.part4 ul {float:left; position:relative; width:555px;  margin:10px 0px 0 0px;  }
.part4 ul li{float:left; position:relative; margin:0;  width:276px; min-height:114px; text-align:center;padding:0px; color:#727170;  line-height:160%;}
.part4 ul li.img{float:left; position:relative; padding:40px 0 28px 0; text-align:center; border:1px solid #cbcbcb;  background:#fff;}
.part4 ul li.img1{float:left; position:relative; padding:40px 0 28px 0; text-align:center; border-right:1px solid #cbcbcb; border-top:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; background:#f6f6f6;  }
.part4 ul li.img2{float:left; position:relative; padding:40px 0 28px 0; text-align:center; border-left:1px solid #cbcbcb; border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; background:#f6f6f6;  }
.part4 ul li.img3{float:left; position:relative; padding:40px 0 28px 0; text-align:center; border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb;background:#fff;}


.part3 ul{
	overflow: hidden; margin-top: 30px;
}

.part3 li {
	width: 300px; text-align: center; color: rgb(85, 85, 85); line-height: 24px; padding-bottom: 40px; margin-right: 30px;margin-left:50px; float: left;
}
.part3 li .txt{
margin-top:15px;
}




/* sitemap */
.sitemap{ margin-top:0px; margin-left:0px; margin-right:0px; }
.sitemap .tit1{padding:13px 0 0px 0; font-size:20px; width:280px; color:#000; height:50px; background:url(../image/sitemap_back.gif) no-repeat;}
.sitemap ul{ float:left; margin-top:28px;  width:280px;margin-right:30px;margin-left:70px; height:260px; }
.sitemap li{padding:5px 0 5px 20px;width:250px; border-bottom:1px solid #dfe2e7;}





/* 표스타일 */

.bbslist2 { width:100%; margin-top:0px; margin-bottom:0px;  font-size:14px; border-collapse:collapse;}

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

.bbslist2 tbody td { text-align:left;  padding:15px 0 15px 0;  }

.bbslist2 tbody td.tit { background:#f8f8f8; text-align:center; color:#2660a2; font-size:18px; font-weight:400; border-top:#2660a2 3px solid;  border-bottom:#2660a2 1px solid;}

.bbslist2 tbody td.tit1 { background:#f5f5f5;text-align:center;  height:28px; font-size:16px; font-weight:bold; border-top:#2660a2 3px solid; border-bottom:#2660a2 1px solid;}

.bbslist2 tbody td.t1 {text-align:left;  line-height:20px; padding:10px 0 10px 20px;   font-size:16px; border-bottom:#d3d3d3 1px solid; }

.bbslist2 tbody td.t2 {text-align:center;  line-height:20px; padding:10px 0 10px 20px;   font-size:16px; border-bottom:#d3d3d3 1px solid; }

.bbslist2 tbody td.tt {text-align:center;  line-height:20px; padding:10px 0 10px 20px;   font-size:16px; background:#f5f5f5; border-top:#d3d3d3 1px solid;border-bottom:#d3d3d3 1px solid; }



#footer {clear:both;  float:left; width:100%;  height:160px; margin:0 auto; padding:0; position:relative; background:#3d3d3d; margin-top:50px;}
#footer .copy	{ width:1150px; margin:0 auto;  text-align:left; position:relative;  }

#footer .foot1 { float:left; position:relative; margin-left:0px; margin-top:40px;  padding-right:30px;border-right:1px solid #585858;}
#footer .foot2 { float:left; position:relative; margin-left:30px;  margin-top:40px; font-size:13px; color:#aaaaaa;line-height:165%}
#footer .foot3  { position:relative; margin-top:50px; float:right; right:0px; }