@charset "utf-8";

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    font-family:"돋움","dotum","굴림","gulim",  Verdana, Arial, sans-serif; 
	font-size:12px; 
	color:#727272;
	
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}


/*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;}

/* header */
#layout {position:absolute; width:100%; height:99px; z-index:1000; border-bottom:10px solid #2471ae; background:#fff; }
#header {position:relative; z-index:2000; width:1024px; height:99px;margin:0 auto;  }
#header #logo { position:absolute; padding:15px 0 0 20px; }


.gnb {position:absolute;top:10px; width:100%; height:8px; }
.gnbBox { text-align:right; }
.gnbBox li { display:inline-block; *display:inline; *zoom:1; }


#header #gnb {height:75px; clear:both;padding-top:40px;}
#header #gnb ul {*zoom:1; float:right; padding-right:0px;position:relative; }
#header #gnb ul:after {content:" "; display:block; clear:both;}
#header #gnb ul li {float:left; padding-left:57px;display:inline; }
#header #gnb ul li a {position:relative; display:inline-block; height:16px; overflow:hidden;}
#header #gnb ul li a img {position:relative; top:0; vertical-align:top; }
#header #gnb ul li.active a img {top:-16px;}

#header #gnb div.submenu {display:none; position:absolute; top:45px; height:20px;  z-index:100;}
#header #gnb div.submenu ul {float:left; height:25px; background:#2471ae; border-top:0; padding:10px 20px 0 20px;}
#header #gnb div.submenu ul li {float:left; padding:0 10px 0 10px; border:0;}
#header #gnb div.submenu ul li a {position:relative; display:inline-block; height:13px; 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 img {top:-13px;}
#header #gnb div.submenu ul li.on > a img {top:-13px;}
#header #gnb ul li.m1 div.submenu {left:0px;}
#header #gnb ul li.m2 div.submenu  {left:80px;}
#header #gnb ul li.m3 div.submenu {left:100px;}
#header #gnb ul li.m4 div.submenu {left:200px;}
#header #gnb ul li.m5 div.submenu {left:235px;}


#main_slide {position:relative; width:100%; height:351px; }
#main_slide .slideshow {width:100%; height:351px; }
#main_slide .slideshow li {position:relative; width:100%; height:351px; }
#main_slide .slideshow li.s1 {background:#fff url("../img/main1.jpg") 50% 0 no-repeat;}
#main_slide .slideshow li.s2 {background:#fff url("../img/main2.jpg") 50% 0 no-repeat;}
#main_slide .slideshow li.s3 {background:#fff url("../img/main3.jpg") 50% 0 no-repeat;}
#main_slide .slideshow li .m_txt {position:absolute; left:0%; }
#main_slide .slideshow li.s4 .m_txt {top:0px;}
#main_slide .prev {position:absolute; top:175px; left:50%; margin:0 0 0 -500px; width:200px; height:116px; background:url("../img/prev_bt.png") 0 50% no-repeat; z-index:99999;}
#main_slide .next {position:absolute; top:175px; left:50%; margin:0 0 0 300px; width:200px; height:116px; background:url("../img/next_bt.png") 100% 50% no-repeat; z-index:99999;}
#main_slide .pagination {position:absolute; top:460px; left:50%;  z-index:99999;}
#main_slide .pagination li {float:left; width:6px; height:55px; margin:0 10px 10px 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;}


#sub_slide {position:relative; width:100%; height:261px; }
#sub_slide .slideshow {width:100%; height:261px; }
#sub_slide .slideshow li {position:relative; width:100%; height:261px; }
#sub_slide .slideshow li.s1 {background:#fff url("../img/sub/sub1.jpg") 50% 0 no-repeat;}
#sub_slide .slideshow li.s2 {background:#fff url("../img/sub/sub2.jpg") 50% 0 no-repeat;}
#sub_slide .slideshow li.s3 {background:#fff url("../img/sub/sub3.jpg") 50% 0 no-repeat;}
#sub_slide .slideshow li .m_txt {position:absolute; left:0%; }
#sub_slide .slideshow li.s4 .m_txt {top:0px;}
#sub_slide .prev {position:absolute; top:175px; left:50%; margin:0 0 0 -300px; width:200px; height:116px; background:url("../img/prev_bt.png") 0 50% no-repeat; z-index:9;}
#sub_slide .next {position:absolute; top:175px; left:50%; margin:0 0 0 300px; width:200px; height:116px; background:url("../img/next_bt.png") 100% 50% no-repeat; z-index:9;}
#sub_slide .pagination {position:absolute; top:460px; left:50%;  z-index:99999;}
#sub_slide .pagination li {float:left; width:6px; height:55px; margin:0 10px 10px 0; cursor:pointer; overflow:hidden;}
#sub_slide .pagination li .on {display:none;}
#sub_slide .pagination li .off {display:block;}
#sub_slide .pagination li.current .on {display:block;}
#sub_slide .pagination li.current .off {display:none;}



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

#m_con {position:relative; width:100%; z-index:1000; top:-46px;  background:#262626; }
#m_con .con {width:1024px; height:1500px; padding-top:40px;  background:url(/img/main_bg.jpg) no-repeat center top;}
#m_con .con img {display:block; }

#contents {position:absolute;  width:100%; z-index:900; top:0px; }
#contents .con {width:1040px; padding-top:40px;}


#left{position:relative; float:left; width:214px; *z-index:1; margin-top:6px; }
#left .lnbmenu{overflow:hidden; margin-top:13px; }
#left .lnbmenu .lnb{width:214px; margin-bottom:25px; padding:20px 0 130px 0; margin:0 auto; background:url(/img/sub/left_bg.png);}
#left .lnbmenu .lnb li{width:138px; margin:0 auto; border-bottom:1px solid #0089cd;}
#left .lnbmenu .lnbTit{width:214px;  margin:10px 0 0px 0px;}
#left .lnbmenu .lnbTit li{width:214px; }

#left img{display:block; }

.location .local{margin:0 0 14px 0px;color:#797979;font-size:11px; }
.localhome{color:#797979; }
.localPage{color:#0099de; font-weight:bold;  } 


/* 메인 비주얼 */
#container {width:100%; height:163px; position:relative; }
.bxslider_container {top:0px;}

#slides1 {overflow: hidden;}
.slides1_wrap .prev {position: absolute;left: 157px;top:-27px;outline: 0; }
.slides1_wrap .next {position: absolute;right: 11px;top: -27px;outline: 0;}


.menu-list {
		width: 823px;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;
	}
	.menu-list li {
		float: left;
		width: 23%;
		margin: 0;
		padding: 0;
		background: none;
	}
	.menu-list li a {
		display: block;
		margin: 1px;
		padding: 7px 0;
		font-size: 12px;
		font-weight: bold;
		font-family:"나눔고딕";
		color: #767676;
		border: 1px solid #ccc;
		border-radius: 4px;
		background-color: #f7f7f7;
		text-align: center;
		text-decoration: none;
	}
	.menu-list li.on a,
	.menu-list li a:hover {
		color: #fff;
		border-color: #ff5b00;
		background-color: #ff5b00;
	}




.list {
		width: 165px;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;
	}
	.list li {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		background: none;
	}
	.list li a {
		position:relative;
		display: block;
		margin: 1px;
		padding: 8px 0;
		font-size: 12px;
		font-weight: bold;
		font-family:"나눔고딕";
		color: #767676;
		border: 1px solid #ccc;
		border-radius: 20px;
		background-color: #f7f7f7;
		text-align: center;
		text-decoration: none;
		behavior: url(css/PIE.htc);

	}
	.list li.on a,
	.list li a:hover {
		color: #fff;
		border-color: #ff5b00;
		background-color: #ff5b00;
	}