@charset "utf-8";


/* 초기화 */
*,html,body {margin:0;padding:0;}
img, a {border:0;}
ul,ol {list-style:none;}
a {text-decoration:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, address {display:block; font-style:normal;}
html,body {min-height:100%;}
body {font-size:12px; font-family:"나눔 고딕","맑은 고딕",Arial, Helvetica, sans-serif,dotum;}
.inner-width {width:1000px; max-width:1000px; margin:0 auto; min-width:1000px;min-height:100%;}
.none {display:none;}

#header {text-align:center; position:absolute; left:0; top:0; width:100%; z-index:90}
#header > h1 {margin:20px auto 10px;}
#header > h1 img {vertical-align:middle;}
#header #mnb {background:url(../img/gnb_bg.jpg) repeat-x; height:46px; width:100%;}
#header #mnb ul {overflow:hidden;}
#header #mnb ul li {float:left;}
#header #mnb ul li a {display:block; overflow:hidden; ; height:46px; text-indent:-9999px; background:url(../img/gnb.jpg) no-repeat;}
#header #mnb ul li.nb01 a {background-position:0 0; width:160px;}
#header #mnb ul li.nb02 a {background-position:-160px 0; width:170px;}
#header #mnb ul li.nb03 a {background-position:-330px 0; width:170px;}
#header #mnb ul li.nb04 a {background-position:-500px 0; width:170px;}
#header #mnb ul li.nb05 a {background-position:-670px 0; width:170px;}
#header #mnb ul li.nb06 a {background-position:-840px 0; width:160px;}
#header #mnb ul li.nb01 a:hover {background-position:0 -46px;}
#header #mnb ul li.nb02 a:hover {background-position:-160px -46px;}
#header #mnb ul li.nb03 a:hover {background-position:-330px -46px;}
#header #mnb ul li.nb04 a:hover {background-position:-500px -46px;}
#header #mnb ul li.nb05 a:hover {background-position:-670px -46px;}
#header #mnb ul li.nb06 a:hover {background-position:-840px -46px;}

#main-slider {height:700px; width:100%; position:relative; overflow:hidden; border-bottom:1px solid #ddd;}
#main-slider .slide {width:100% !important; height:700px;}
#main-slider .slide01 {background:url(../img/slide1.jpg) no-repeat center 0;}
#main-slider .slide02 {background:url(../img/slide2.jpg) no-repeat center 0;}
#main-slider .slide03 {background:url(../img/slide3.jpg) no-repeat center 0;}
#main-slider .slide04 {background:url(../img/slide4.jpg) no-repeat center 0;}
#main-slider .slide05 {background:url(../img/slide5.jpg) no-repeat center 0;}
#main-slider .bx-has-controls-direction {position:absolute; top:86%; left:0; width:100%; }
#main-slider .bx-controls-direction {position:relative; width:100%; max-width:1158px; margin:0 auto;}
#main-slider .bx-controls-direction a {display:block; position:absolute; top:0; width:79px; height:79px; z-index:100; text-indent:-9999px;; overflow:hidden;}
#main-slider .bx-controls-direction a.bx-prev {left:0; background:url(../img/prev.png) no-repeat 0 0;}
#main-slider .bx-controls-direction a.bx-next {right:0; background:url(../img/next.png) no-repeat 0 0;}
.bx-wrapper .bx-viewport {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}


#main-contents {position:relative; overflow:hidden;}
#main-contents .m_product {margin:30px 0 20px; overflow:hidden;}
#main-contents .m_product ul {text-align:center; overflow:hidden; font-size:0;}
#main-contents .m_product ul li {display:inline-block; *display:inline; *zoom:1; border:1px solid #ddd; width:242px; height:348px; margin:0 3px; text-align:center; letter-spacing:-0.5px;}
#main-contents .m_product ul li span {display:block; background:url(../img/over_img.jpg) no-repeat; width:154px; height:156px; overflow:hidden; margin:26px auto 30px;}
#main-contents .m_product ul li span.icon_01 {background-position:-46px 2px;}
#main-contents .m_product ul li span.icon_02 {background-position:-300px 2px;}
#main-contents .m_product ul li span.icon_03 {background-position:-546px 2px;}
#main-contents .m_product ul li span.icon_04 {background-position:-796px 2px;}
#main-contents .m_product ul li:hover span.icon_01 {background-position:-46px -158px;}
#main-contents .m_product ul li:hover span.icon_02 {background-position:-300px -158px;}
#main-contents .m_product ul li:hover span.icon_03 {background-position:-546px -158px;}
#main-contents .m_product ul li:hover span.icon_04 {background-position:-796px -158px;}
#main-contents .m_product ul li h3 {font-size:18px; font-weight:bold; color:#000; text-align:center;}
#main-contents .m_product ul li p {font-size:12px;font-weight:bold; color:#666; text-align:center; padding:12px 0 30px 0;}
#main-contents .m_product ul li a {font-size:12px; color:#666; width:120px; height:28px; border:1px solid #ddd; display:block; margin:0 auto; line-height:28px;}
#main-contents .m_product ul li a:hover {background:#284d77; color:#fff; border:1px solid #284d77;}

#main-contents .inner-width {overflow:hidden;}
#main-contents .lmb01 {margin:0 0 0 3px; float:left;}
#main-contents .lmb02 {margin:0 3px 0 0; float:right;}

#main-bottom {background:#284d77; position:relative; overflow:hidden; margin:24px auto 0;}
#main-bottom .notice_box, #main-bottom .pds_box, #main-bottom .location_box {border-left:1px solid #3e5f85; height:240px; float:left; position:relative;}
#main-bottom a.more_btn {position:absolute; top:21px; right:30px; width:20px; height:20px; display:block; overflow:hidden; text-indent:-9999px; background:url(../img/more_btn.jpg) no-repeat; z-index:2;} 
#main-bottom .notice_box {width:333px;}
#main-bottom .notice_box li {margin-bottom:10px;}
#main-bottom .notice_box li span.n-date {float:right;}
#main-bottom .pds_box {width:332px; background:url(../img/m_img01.jpg) no-repeat 80% 97%;}
#main-bottom .location_box {width:331px;border-right:1px solid #3e5f85; background:url(../img/m_img02.jpg) no-repeat 80% 97%;}
#main-bottom .mbox {width:274px; margin:30px auto 0; overflow:hidden; position:relative; color:#fff;}
#main-bottom .mbox a {color:#fff;}
#main-bottom .mbox h3 {font-size:18px; letter-spacing:-0.5px; padding-bottom:20px;}
#main-bottom .mbox p {font-size:12px; letter-spacing:-0.5px;}

#footer {position:relative; padding:20px 0 30px 0; overflow:hidden; background:#fff; width:100%; border-top:1px solid #ddd;}
#footer .inner-width {position:relative;}
#footer #f_logo {position:absolute; left:50px; top:18px;}
#footer #address {padding:20px 0 0 334px; font-size:12px;}
#footer #address span {margin-left:20px;}
#footer #copyright {padding:4px 0 0 334px; color:#555; font-size:12px;}


.subtop {margin-top:149px; background:url(../img/subtop.jpg) no-repeat center 0; height:148px; width:100%;}
#wrap {overflow:hidden; min-height:100%;}
#lnb {width:221px; float:left; position:relative; min-height:100%; min-height:400px;}
#lnb h2 {position:absolute; top:-44px; left:0; height:119px; width:221px; background:url(../img/lnb_bg.jpg) no-repeat 0 0; font-size:32px; color:#fff; line-height:119px; text-align:center; letter-spacing:-0.6px; overflow:hidden;}
#lnb > ul {overflow:hidden; margin-top:76px; border-left:1px solid #ddd; border-right:1px solid #ddd; min-height:100%;}
#lnb > ul > li { line-height:60px; border-bottom:1px solid #ddd;}
#lnb > ul > li > a {display:block; font-size:19px; text-align:left; color:#555; text-indent:32px; letter-spacing:-0.2px;} 
#lnb > ul > li > a:hover {background:#e9e9e9; color:#0c2848;}
#lnb > ul > li.current > a {background:#e9e9e9 url(../img/lnb_over.jpg) no-repeat 32px 50%; text-indent:52px; color:#0c2848;}
#lnb > ul > li > ul {padding-bottom:10px;background:#e9e9e9;}
#lnb > ul > li > ul > li {line-height:40px; padding-left:32px; }
#lnb > ul > li > ul > li a {font-size:14px; color:#555;}
#lnb > ul > li > ul > li a:hover {color:#000;}
#contaner {width:740px; float:right; overflow:hidden; min-height:300px; padding:46px 0 0 0;}
#contaner #current {border-bottom:1px solid #949494; padding-bottom:12px; position:relative;}
#contaner #current h1 {font-size:32px; color:#222222;}
#contaner #current p { position:absolute; bottom:12px; right:0;color:#555;}
#contaner #current p a {color:#555;}
#contaner #current p a.b-text {color:#284d77;}

#contents {padding:50px 0 0; overflow:hidden;  min-height:600px;}