@charset "utf-8";

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}

/* defult */
html {-webkit-text-size-adjust: none;}
html>/**/body {overflow-y:scroll;}
body,textarea,select,table,button {font-family:"Nanum Gothic",'돋움';line-height:18px;font-size:11px;color:#5f5f5f;margin:0;padding:0;}
img {border:0;vertical-align:middle;}
ul,ol {margin:0;padding:0;list-style:none;}
td{ font-family:"Nanum Gothic"; font-size: 9pt; text-decoration:none; color:#5f5f5f}
dl,dl dt,dl dd,form,p {margin:0;padding:0;}
li,li img,dt img,dd img,td img,p img {margin:0;padding:0; list-style:none;}
fieldset {margin:0;padding:0;border:0;}
legend {position:absolute;visibility:hidden;overflow:hidden;height:0;line-height:0;width:0;margin:0;padding:0;font:0/0 Arial;}
caption {visibility:hidden;overflow:hidden;height:0;line-height: 0;width:0;margin:0;padding:0;font:0/0 Arial;}
hr {display:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:1em;margin:0;}
a {text-decoration:none;color:#5f5f5f;}
a:hover,a:focus,a:active {text-decoration:none;color:#5f5f5f;}
/* table {table-layout:fixed;} */
select,label {padding:0;margin:0;vertical-align:middle;}
em,address {font-style:normal;}
textarea {vertical-align:top;margin:0;padding:0;}
object,param {padding:0;margin:0;line-height:0;}
section, article, header_home, footer, hgroup, figcaption, figure {display:block;}


/*hidden*/
.blind {visibility:hidden; font-size: 0; width: 0; height: 0; line-height: 0; margin: 0; padding: 0; background: none; position:absolute; left:0; top:0;}
/*ico*/
.ico_clip{ display: inline-block; *display: inline; *zoom: 1; background: url(/images/ico/ico_clip.gif) right top no-repeat; padding-right: 20px; line-height: 15px; }

select.menu_search {height:18px; line-height:18px; border:1px solid #bebebe; margin:0 3px 0 0 ; }
input.text_search {height:18px; line-height:18px; border:1px solid #bebebe;  margin:0 3px 0 0; }



#layout {position:absolute; width:100%; height:83px; z-index:1100;}

/* header */
#header_home{ position:relative; width:1020px; margin:0 auto; }
#header_home #logo_home { position:absolute; text-align:left;z-index:1000; }

.gnb {position:absolute; top:5px; width:100%;z-index:1000; }
.gnbBox {text-align:right; font-size:0; padding-right:20px;}
.gnbBox li {display:inline-block; *display:inline; *zoom:1; }

#lnb{ position: absolute; top: 60px; margin-left:360px;z-index:1000;}
#lnb .inside{ width: 900px; margin:0 auto; }
#lnb .inside li.mn{position: relative; display:inline; }
#lnb .inside li.m1{ margin-right:60px; }
#lnb .inside li.m2{ margin-right:60px; }
#lnb .inside li.m3{ margin-right:60px; }
#lnb .inside li.m4{ margin-right:60px; border-right:0 solid #fff;  }
#lnb .inside li.m5{ margin-right:0px; border-right:0 solid #fff;  }

#lnb .inside li.mn .depth2{ width: 180px; height: 0; overflow: hidden; position: absolute; top: 30px; left:-51px; display: none; }
#lnb .inside li.mn .depth2 .depth2_inside{ margin: 0px 0 0 0px; }
#lnb .inside li.mn .depth2 ul{display: block;  text-align:center; }
#lnb .inside li.mn .depth2 ul li{padding: 0; font-size:12px; border-bottom:1px solid #f0f0f0; }
#lnb .inside li.mn .depth2 ul li a {font-size:13px; display: block;  text-align:center;color:#666665; margin: 0px; padding: 7px 0px; background-color: #fff;}
#lnb .inside li.mn .depth2 ul li a:hover {font-size:13px; color:#4ebcd7; padding: 7px 0; text-align:center; background:#f0f0f0;}



.main_image{
	overflow:hidden;
	position:relative;
	width:100%;
	height:706px;
	margin:0 auto;
}
.mm_image{
	width:100%;
	
	position:relative;
}
.mm_image > p {
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-1000px;
}
.mm_image > p > img{
	margin:0 auto;
}
.main_image ul{
	width:100%;
	margin:0 auto;
	position:absolute;
	bottom:20px;
	left:50%;
	z-index:15;
}
.main_image ul li{
	float:left;
	width:20px;
	height:21px;
	margin-right:1px;
}

/*
#main_slide {position:relative; width:270px;height:290px;}
#main_slide .slideshow {width:270px; height:0px; }
#main_slide .slideshow li {position:relative; width:270px; height:290px;  }
#main_slide .slideshow li.s1 {background:#fff;}
#main_slide .slideshow li.s2 {background:#fff;}
#main_slide .slideshow li.s3 {background:#fff;}
#main_slide .slideshow li.s4 {background:#fff;}
#main_slide .slideshow li.s5 {background:#fff;}

#main_slide .pagination {position:absolute; top:0px;  margin-left:270px; z-index:99999;}
#main_slide .pagination li {width:240px; height:57px;  border-bottom:1px solid #ebebeb; cursor:pointer; overflow:hidden;}
#main_slide .pagination li .on {display:none;}
#main_slide .pagination li .off {display:block;}
#main_slide .pagination li.current .on {display:block;}
#main_slide .pagination li.current .off {display:none;}*/


#main_slide {position:relative; width:100%;height:706px; }
#main_slide .slideshow {width:100%; }
#main_slide .slideshow li {position:relative; width:100%;height:706px;}
#main_slide .slideshow li.s1 {background: url("../img/main.jpg") 50% 0 no-repeat;}
#main_slide .slideshow li.s2 {background: url("../img/main2.jpg") 50% 0 no-repeat;}
#main_slide .slideshow li.s3 {background: url("../img/main3.jpg") 50% 0 no-repeat;}
#main_slide .slideshow li.s4 {background: url("../img/main4.jpg") 50% 0 no-repeat;}

#main_slide .pagination {position:absolute; top:0px;  margin-left:270px; z-index:99999;}
#main_slide .pagination li {width:10px; height:10px;  border-bottom:1px solid #ebebeb; cursor:pointer; overflow:hidden;}
#main_slide .pagination li .on {display:none;}
#main_slide .pagination li .off {display:block;}
#main_slide .pagination li.current .on {display:block;}
#main_slide .pagination li.current .off {display:none;}

#main_banner {position:absolute; width:100%; z-index:900;}
#main_banner .banner1 {width:1000px; margin:0 auto; padding-top:130px; }
#main_banner .banner1 li {float:left; overflow:hidden; overflow:hidden;white-space:nowrap; padding-right:10px;}
#main_banner .banner2 {width:1000px; margin:0 auto; padding-top:405px; }
#main_banner .banner2 li {float:left; overflow:hidden; overflow:hidden;white-space:nowrap; padding-right:1px;}



#contents2 {position: relative; width:100%; background:#f3f3f3;}
#contents {position: relative; width:1050px; margin:0 auto; zoom:1;}
#contents:after {content:""; display:block; clear:both;}

/* main */


.main_section3 {width:510px; float:left; }
.main_section3 ul li {float:left; }

.main_section4 {width:270px; height:290px; padding-top:0px; float:left; position:relative; }
.main_section4 h2 {margin-bottom:42px;}
.main_section4 ul {text-align:left; }
.main_section4 ul li {float:left; overflow:hidden; overflow:hidden;white-space:nowrap; }

.main_section5 {width:270px; height:290px; float:left; position:relative; background:#fff;}
.main_section5 h2 {font-size:20px; margin-bottom:5px; padding:50px 0 10px 0px; text-align:center;}
.main_section5 ul {width:220px; background:#fff; margin:0 auto; padding:40px 0 30px 0px;}
.main_section5 ul li {padding:10px 0; border-bottom:1px solid #e4e4e4; overflow:hidden;width:220px; }
.main_section5 ul li a {overflow:hidden; overflow:hidden;white-space:nowrap; width:220px; font-size:13px;}
.main_section5 li span {float:right; color:#888;}
.main_section5 .more  {position:absolute; right:110px; top:80px;}


.main_section6 {width:270px; float:left; }
.main_section6 ul li {float:left; }

.main_section7 {width:240px; float:left; }
.main_section7 ul li { }

/* footer */
#footer{ position:relative; width:100%; background:#a8a8a8; margin-top:20px;}
#footer .inner {position:relative; width:1010px; margin:0 auto; text-align:left; padding:20px 0 10px 0px;}

/* sub */

#scontents {position:absolute;  width:100%; top:280px;}
.sub {width:1050px; margin:0 auto; }

#sub {position:relative; width:100%; height:310px;  background:url(/img/sub/sub.jpg) no-repeat center top;}
#sub2 {position:relative; width:100%; height:310px; background:url(/img/sub/sub2.jpg) no-repeat center top;}
#sub3 {position:relative; width:100%; height:310px; background:url(/img/sub/sub3.jpg) no-repeat center top;}
#sub4 {position:relative; width:100%; height:310px; background:url(/img/sub/sub4.jpg) no-repeat center top;}
#sub5 {position:relative; width:100%; height:310px; background:url(/img/sub/sub5.jpg) no-repeat center top;}
#sub6 {position:relative; width:100%; height:310px; background:url(/img/sub/sub6.jpg) no-repeat center top;}


#left {position:relative; float:left; width:231px;background:url(/img/sub/left01_bg.gif) no-repeat center top;}
#left .lnbmenu{overflow:hidden; }
#left .lnbmenu .lnb{width:181px; margin:0 auto; padding-bottom:70px;}
#left .lnbmenu .lnb li{padding:10px; border-bottom:1px solid #8dced6;}
#left .lnbmenu .lnbTit li{padding:27px; }

#bn {position:relative; width:231px; *z-index:1; margin:0px 0 70px 0px; }
#bn ul { width:231px; margin:0 auto; }
#bn ul li {text-align:center; padding-top:0px;}


.location .local{margin:0 0 0px 0px;color:#867b73;font-size:11px; }
.localhome{color:#867b73; }
.localPage{color:#4ebcd7;  } 


.style1 {font-size: 22px; color:#000;}
.style2 {font-size: 13px; color:#fff;}
.style3 {font-size: 14px; color:#000;}
.tt {font-size: 15px; color:#003182;}


/***  배너롤링  ***/

.piece{
	width: 510px;
	height: 190px;
	display:inline-block;
	margin: 0px 0 0 0px;
}

.tab_menu {
	width:240px;
	float:right;

}
.tab_menu li {
	width:240px;
	margin-bottom:5px;
	
}

.tab_menu .tit {
	display:block;
	background:url(../img/off.gif) no-repeat;
	cursor:pointer;
	color:#282828;
	font-weight:600;
	font-size:13px;
	padding:18px;
}
.tab_menu .on .tit {
	color:#0098b0; font-weight:600; font-size:13px;
	background:url(../img/on.gif) no-repeat;
}

.tab_menu li:first-child {border-left:0 none}
.tab_cont {float:left; width:270px; overflow:hidden;}
.tab_cont img{ width:270px; height:290px;}

