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

.t_1 {color: #000; font-size:13px;}

/* header */
#layout {position:relative; width:100%; height:98px; background: url("../img/top_bg.gif"); border-bottom:6px solid #26467e;}
#header {position:relative; width:1150px; height:185px; margin:0 auto; z-index:100; overflow:hidden;}
#header #logo {position:absolute; width:241px; margin:0 auto;  z-index:1000; padding:17px 0 0 0px;}

#header #gnb {text-align:center; clear:both;padding-top:39px; padding-left:350px;}
#header #gnb ul {*zoom:1;position:relative;}
#header #gnb ul:after {content:" "; display:block; clear:both;}
#header #gnb ul li {padding-right:70px;display:inline; height:83px; display:inline-block; *display:inline; *zoom:1;}
#header #gnb ul li a {position:relative; display:inline-block; height:19px; overflow:hidden;}
#header #gnb ul li a img {position:relative; top:0; vertical-align:top; }
#header #gnb ul li.active a img {top:-19px;}

#header #gnb div.submenu {display:none; position:absolute; top:36px; height:40px; z-index:100; background:#26467e;}
#header #gnb div.submenu ul {float:left; height:43px; border-top:0; padding:9px 20px;}
#header #gnb div.submenu ul li {float:left; padding:0 11px; border:0; font-size:12px;}
#header #gnb div.submenu ul li a {position:relative; display:inline-block; color:#fff; height:17px; overflow:hidden;}
#header #gnb div.submenu ul li a img {position:relative; top:0; vertical-align:top; }
#header #gnb div.submenu ul li a:hover {color:#fbae3f;}
#header #gnb div.submenu ul li.on > a img {top:-17px;}
#header #gnb ul li.m1 div.submenu {left:130px;}
#header #gnb ul li.m2 div.submenu  {left:190px;}
#header #gnb ul li.m3 div.submenu {left:535px;}
#header #gnb ul li.m4 div.submenu {left:450px;}
#header #gnb ul li.m5 div.submenu {left:630px;}

#main_slide {position:relative; width:100%; height:462px; top:0px;}
#main_slide .slideshow {width:100%; height:0px; }
#main_slide .slideshow li {position:relative; width:100%; height:462px;  text-align:center;}
#main_slide .slideshow li.s1 {background:#fff url("../img/main1.jpg")  center top no-repeat;}
#main_slide .slideshow li.s2 {background:#fff url("../img/main2.jpg")  center top no-repeat;}
#main_slide .slideshow li.s3 {background:#fff url("../img/main3.jpg")  center top no-repeat;}
#main_slide .slideshow li.s4 {background:#fff url("../img/main4.jpg")  center top no-repeat;}

#main_slide .prev {position:absolute; top:200px; left:50%; margin:0 0 0 -600px; width:61px; height:85px; background:url("../img/prev_bt.gif") 0 50% no-repeat; z-index:99999;}
#main_slide .next {position:absolute; top:200px; left:50%; margin:0 0 0 540px; width:61px; height:85px; background:url("../img/btn_next.gif") 100% 50% no-repeat; z-index:99999;}
#main_slide .pagination {position:absolute; top:378px; z-index:99999;}
#main_slide .pagination li {float:left; width:160px; height:54px; margin:0 2px 5px 0; 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;}


#quick {position:absolute;left:50%;top:670px;margin-left:600px;z-index: 1000;}
#quick img {vertical-align:top;}

#scroll_item {position:fixed;left:50%;top:590px;margin-left:550px;z-index: 1000;}
#scroll_item img {vertical-align:top; }


#scroll_item2 {position:fixed;left:50%;top:390px;margin-left:550px;z-index: 1000;}
#scroll_item2 img {vertical-align:top;}


#main {position:relative; width:100%; height:419px; top:0px; background:url(/img/main.jpg) no-repeat center top;}

#sub1 {position:relative; width:100%; height:139px; top:0px; background:url(/img/sub/sub.jpg) no-repeat center top;}

#mcontents {position:relative;  width:100%; background:url("../img/bg.gif") }
.mcon {width:993px; margin:0 auto; }

/* sub */


#scontents {position:absolute;  width:100%; top:225px;}
.sub {width:1050px; margin:0 auto; }

#sub1 {position:relative; width:100%; height:121px; top:0px; background:url(/img/sub/sub1.jpg) no-repeat center top;}
#sub2 {position:relative; width:100%; height:121px; top:0px; background:url(/img/sub/sub2.jpg) no-repeat center top;}
#sub3 {position:relative; width:100%; height:121px; top:0px; background:url(/img/sub/sub4.jpg) no-repeat center top;}
#sub4 {position:relative; width:100%; height:121px; top:0px; background:url(/img/sub/sub3.jpg) no-repeat center top;}


#left {position:relative; float:left; width:210px; }
#left .lnbmenu{overflow:hidden; background:url(/img/sub/left_bg.gif)}
#left .lnbmenu .lnb{width:175px; margin:0 auto; }
#left .lnbmenu .lnb li{ height:33px; }
#left .lnbmenu .lnb .end{padding-bottom:25px; }
#left .lnbmenu .lnb .end2{padding-bottom:77px; }
#left .lnbmenu .lnbTit{width:209px; padding:0px 0 0 0; }
#left .lnbmenu .lnbTit li{width:20j2px; }
#left .lnbmenu .lnb .ss{ height:21px; }
#left .lnbmenu .lnb .ss2{ padding-top:15px; }

#blank {position:relative; float:left; width:210px; height:56px; background:url(/img/sub/left_bottom.gif)}

#bn {position:relative; float:left; width:200px; *z-index:1; margin:70px 0 100px 0px; }
#bn ul { width:210px; margin:0 auto; }
#bn ul li {text-align:center; padding-top:1px;}


.location .local{margin:20px 0 14px 0px;color:#696e67;font-size:11px; margin-bottom:20px; }
.localhome{color:#696e67;}
.localPage{color:#fbae3f;}



.menu-list {
		width: 768px;
		padding: 0;
		margin-bottom:20px;
		overflow: hidden;
}
.menu-list li {
		float: left;
		width: 20%;
		margin: 0;
		padding: 0;
		background: none;
}
.menu-list li a {
		display: block;
		padding: 10px 0;
		margin:1px;
		font-size: 15px;
		letter-spacing:-0.06em;
		font-family:"나눔고딕";
		color: #767676;
		border: 1px solid #ccc;
		background-color: #fff;
		text-align: center;
		text-decoration: none;
}
.menu-list li.on a,
.menu-list li a:hover {
		color: #fff;
		border-color: #12397c;
		background-color: #12397c;
}

.menu-list2 {
		width: 768px;
		padding: 0;
		margin-bottom:20px;
		overflow: hidden;
}
.menu-list2 li {
		float: left;
		width: 50%;
		margin: 0;
		padding: 0;
		background: none;
}
.menu-list2 li a {
		display: block;
		padding: 10px 0;
		margin:1px;
		font-size: 15px;
		letter-spacing:-0.06em;
		font-family:"나눔고딕";
		color: #767676;
		border: 1px solid #ccc;
		background-color: #fff;
		text-align: center;
		text-decoration: none;
}
.menu-list2 li.on a,
.menu-list2 li a:hover {
		color: #2c2c2c;
		border-color: #e5e5e5;
		background-color: #e5e5e5;
}



.menu-list3 {
		width: 768px;
		padding: 0;
		margin-bottom:20px;
		overflow: hidden;
}
.menu-list3 li {
		float: left;
		width: 25%;
		margin: 0;
		padding: 0;
		background: none;
}
.menu-list3 li a {
		display: block;
		padding: 10px 0;
		margin:1px;
		font-size: 15px;
		letter-spacing:-0.06em;
		font-family:"나눔고딕";
		color: #767676;
		border: 1px solid #ccc;
		background-color: #fff;
		text-align: center;
		text-decoration: none;
}
.menu-list3 li.on a,
.menu-list3 li a:hover {
		color: #fff;
		border-color: #12397c;
		background-color: #12397c;
}


.menu-list4 {
		width: 768px;
		padding: 0;
		margin-bottom:20px;
		overflow: hidden;
}
.menu-list4 li {
		float: left;
		width: 33%;
		margin: 0;
		padding: 0;
		background: none;
}
.menu-list4 li a {
		display: block;
		padding: 10px 0;
		margin:1px;
		font-size: 15px;
		letter-spacing:-0.06em;
		font-family:"나눔고딕";
		color: #767676;
		border: 1px solid #ccc;
		background-color: #fff;
		text-align: center;
		text-decoration: none;
}
.menu-list4 li.on a,
.menu-list4 li a:hover {
		color: #fff;
		border-color: #12397c;
		background-color: #12397c;
}


.menu-list5 {
		width: 768px;
		padding: 0;
		margin-bottom:20px;
		overflow: hidden;
}
.menu-list5 li {
		float: left;
		width: 50%;
		margin: 0;
		padding: 0;
		background: none;
}
.menu-list5 li a {
		display: block;
		padding: 10px 0;
		margin:1px;
		font-size: 15px;
		letter-spacing:-0.06em;
		font-family:"나눔고딕";
		color: #767676;
		border: 1px solid #ccc;
		background-color: #fff;
		text-align: center;
		text-decoration: none;
}
.menu-list5 li.on a,
.menu-list5 li a:hover {
		color: #fff;
		border-color: #12397c;
		background-color: #12397c;
}

.blank {height:300px; background:url("../img/sub/blank.gif")  center top no-repeat;}