@charset "UTF-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/NotoSansCJKkr-Medium.css);
@import url(http://fonts.googleapis.com/earlyaccess/NotoSansCJKkr-Regular.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
@font-face {
  font-family: 'NanumSquareR';
  font-style: normal;
  font-weight: 400;
  src: url('http://leunkimasia.seoulsciencemuse.netdna-cdn.com/NanumSquareR.woff'); format('woff');
}



/* Reset */
html, body {width:100%; height:100%; -webkit-font-smoothing:antialiased}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, button, address, em, img, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, hr {margin:0; padding:0}
body {padding:0; background:#fff; font-family:"Noto Sans KR", sans-serif !important; font-size:13px; color:#696969; }
h1, h2, h3, h4, h5, h6 {font-weight:normal}
ol, ul, li {list-style:none}
table {width:100%; border-collapse:collapse; border-spacing:0}
form, fieldset, iframe {display:block; border:0}
img, button {border:0 none; vertical-align:middle}
hr {height:0; display:none}
i, em, address {font-style:normal}
label, button {cursor:pointer}
caption, legend {width:0; height:0; margin:0; padding:0; text-indent:-9999em; overflow:hidden;  font-size:0;} 
.blind {position:absolute !important; left:-9999em; width:0; height:0; margin:0; padding:0; text-indent:-9999em; overflow:hidden; font-size:0; line-height:0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}
input, textarea, select {margin:0; padding:0; font-family:"Noto Sans KR", sans-serif  !important;font-size:10.5pt; color:#555; vertical-align:middle}
textarea {border: 1px solid #666; resize:none}
button {overflow:visible; margin:0; padding:0; border:0 none; background:none; font-size:0; font-family:"Noto Sans KR", sans-serif  !important; vertical-align:top; cursor:pointer;}
button::-moz-focus-inner {border:0; padding:0;}
.ellipsis {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
a {color:#000; text-decoration:none; word-break:break-all;}
a:link, a:visited, a:hover, a:active, a:focus {text-decoration:none;}

/* skipNavi */
#skipnavi {position:absolute;left:0;top:0;}
#skipnavi li {float:left;position:relative;width:159px;height:30px;}
#skipnavi li a {position:absolute;left:-9999px;top:0;width:155px;border:2px solid #000;background:#fff;text-align:center;font-weight:bold;line-height:2.17;}
#skipnavi li a:focus {left:0;z-index:999;}
#skipnavi a {display:block;position:absolute;left:-9999px;top:0;width:155px;border:2px solid #000;background:#fff;text-align:center;font-weight:bold;line-height:2.17;}
#skipnavi a:focus {left:0;z-index:999;}

/*common*/
#wrap {min-width:1200px;}

/*Header*/
#header {width:100%;min-width:1200px;height:95px;position:relative; }
#header .header_inner {width:1200px; height:100px; margin:0 auto; position:relative;}
#header .header_inner:after {display:block; clear:both; content:""}
#header .title {float:left; padding:25px 0 0;position: relative;z-index: 2 }
#header .title a {display:block;}
#header .header_util {position:absolute; top:11px; right:-12px;}
#header .header_util li {float:left; margin-left:28px;}
#header .header_util li a {position:relative; margin:0; padding-right:13px;}
#header .header_util li a:after {display:block;position:absolute; top:3px; right:0; width:1px; height:11px; background:#7f7f7f; content:"";}
#header .header_util li:last-child a:after {display: none;}
#header .header_util li + li {margin-left:10px;}
#header .header_util:after {display:block; clear:both; content:""}
#header .header_util a {color:#7f7f7f; font-size:11px;}
#header .header_util a:hover, #header .header_util a:focus {color:#0e8102;}

/*GNB*/
.gnb {position: absolute;top: 30px;width: 100%;z-index: 1}
.gnb .gnb_box {position: relative;}
.gnb_ul {width: 1200px;margin: 0 auto;}
.gnb_ul>li:first-child {margin-left: 315px;}
.gnb_ul>li {float: left;display: inline-block;}
.gnb_ul>li>a {position: relative;display: block;margin: 17px 25px 0 25px;height: 46px;font-size:17px;color: #333;font-weight: bold}
.gnb_ul > li > a:hover, .gnb_ul > li > a:focus, .gnb_ul > li:hover a {border-bottom:4px solid #0e8102; }
.gnb_ul>li>a.m_menu {display: none;}
.gnb_ul>li .subdepth {display: none;position: absolute;left: 0;top: 66px;width: 100%;background-color: #0e8102}
.gnb_ul>li .subdepth>div {position: relative;margin: 0 auto;width: 1200px;}
.subdepth ul {display: inline-block;vertical-align: middle; }
.subdepth ul>li {float: left;padding: 10px 8px 7px; }
.subdepth.sub01 ul>li:first-child {margin-left: 324px;}
.subdepth.sub02 ul>li:first-child {margin-left: 433px;}
.subdepth.sub03 ul>li:first-child {margin-left: 547px;}
.subdepth.sub04 ul>li:first-child {margin-left: 725px;}
.subdepth.sub05 ul>li:first-child {margin-left: 0px;}
.subdepth.sub06 ul>li:first-child {margin-left: 895px;}
.subdepth.sub07 ul>li:first-child {margin-left: 1025px;}
.subdepth ul>li a {display: block;padding-left: 0px;line-height: 24px;font-size: 15px;color: #e3f2e1;}
.subdepth ul>li a:hover {color: #f3f7ab; }

/*Main*/
.main_visual_wrap {position: relative;width: 100%;height: 723px;background: url(../images/main_visual01.jpg);background-size: cover;background-position: center center;}
.main_visual_inner {width: 478px;margin: 0 auto;padding-top:196px;}
.main_visual_inner .visual_txt {background:rgba(0,0,0,0.2);text-align: center;padding:46px 40px;}
.main_visual_inner .visual_txt .tit {color: #fff;font-size: 52px;font-weight: bold;font-family: '나눔명조', 'Nanum Myeongjo';letter-spacing: -1px;position: relative;padding-bottom:25px;text-shadow: 3px 5px 10px #000; }
.main_visual_inner .visual_txt .tit:after {content: ' ';position: absolute;width: 50px;height: 3px;background: #0e8102;left: 50%;top: 100%;margin-left: -25px;}
.main_visual_inner .visual_txt .tit_desc {color: #fff;font-size: 35px;padding:20px 0;text-shadow: 3px 5px 10px #000; }
.main_visual_inner .visual_txt strong {font-weight: normal;color: #fff;font-size: 14px;text-shadow: 3px 5px 10px #000;letter-spacing: -1px; }
.main_business {position: absolute;width: 100%;height: 170px;min-width:1046px;z-index: 1;overflow: hidden;left: 0px;bottom: -130px;}
.main_business .business_contents {position: relative;width: 1046px;margin: 0 auto;line-height: 50px;background:#fff;height: 170px}
.statis_tit {float: left;position: relative;width: 198px;box-sizing: border-box;margin-top: 32px;margin-left: 50px;color: #0e8102;font-size: 20px;line-height: 24px}
.statis_tit a {color: #0e8102;padding-top: 25px;display: block;}
.statis_tit span {display: block;color: #202020}
.main_business .business_contents .repoart {width: 780px;float: left;padding:33px 0;}
.main_business .business_contents .repoart ul li {display: block;width: 154px;float: left;text-align: center;border-right: 1px solid #ccc}
.main_business .business_contents .repoart ul li:last-child {border-right: none;}
.main_business .business_contents .repoart ul li a {display:inline-block; width:143px; padding-top:65px;margin-top: 12px;line-height: 40px;color: #202020;font-size: 14px;}
.main_business .business_contents .repoart ul li a.r01 {background: url(../images/links_business01.png)no-repeat 50% 0;}
.main_business .business_contents .repoart ul li a.r02 {background: url(../images/links_business02.png)no-repeat 50% 0;}
.main_business .business_contents .repoart ul li a.r03 {background: url(../images/links_business03.png)no-repeat 50% 0;}
.main_business .business_contents .repoart ul li a.r04 {background: url(../images/links_business04.png)no-repeat 50% 0;}
.main_business .business_contents .repoart ul li a.r05 {background: url(../images/links_business05.png)no-repeat 50% 0;}
.main_contents {width: 942px;margin:0 auto;box-sizing: border-box;position: relative;overflow: hidden;padding-bottom:43px;}
.main_banner_note {padding:110px 0 0;}
.main_notice {float: left;width: 301px;}
.main_notice .notice_view {display: block;}
.main_notice .notice_view h3 {color: #202020;font-size: 20px;margin:48px 0 20px;}
.main_notice .notice_view h3 a {color: #0e8102}
.main_notice .notice_view p {color: #444;font-size: 15px;padding: 15px 0}
.main_notice .notice_view span {color: #444;font-family: 'Noto Sans KR Light'}
.main_notice .notice_view p.date {color: #858585;font-size: 12px;position: relative;padding-top: 30px;}
 .main_notice .notice_view p.date:before {content: '';position: absolute;width: 27px;height: 1px;background: #e4e3e3;left: 0;top: 20px}
.main_banner {float: right;width: 596px;margin-top: 40px;}
.main_banner .banner {position: relative;}
.main_banner .banner.type01 img {float: right;}
.main_banner .banner.type02 img {float: left}
.main_banner .banner strong {display: block;margin-bottom: 12px;margin-top: 54px;font-size: 26px;width: 298px;float: left;color: #202020}
.main_banner .banner.type02 strong {width: 278px;margin-left: 20px;text-align: right;}
.main_banner .banner p {width: 225px}
.main_banner .banner.type02 p  {width: 258px;float: right;text-align: right;margin-left: 20px;}
.main_banner .banner a {word-break: break-all;color: #696969}
.banner.type01 .banner_tit, .banner.banner .banner_tit {color: #fff;font-size: 12px;position: absolute;width: 63px;top: 20px;height: 22px;line-height: 20px;text-align: center;}
.banner.type01 .banner_tit {background:#0e8102;left: 0px;}
.banner.type02 .banner_tit {background:#202020;right: 0px}
#touchSlider1, #touchSlider2 {width: 596px;height: 177px !important;margin: 0 auto;position: relative;overflow: hidden;}
#touchSlider1 ul, #touchSlider2 ul {width: 99999px;height: 177px;position: absolute;top: 0;left: 0;overflow: hidden;}
#touchSlider1 ul li  {float: left;width: 200px;height: 177px;background: #fff;font-size: 13px;color: #000;}
#touchSlider2 ul li  {float: right;width: 200px;height: 177px;background: #fff;font-size: 13px;color: #000;}
.banner.type01 .btn_area {position: absolute;left: 68px;top: 20px;z-index: 9;height: 22px;}
.banner.type01 .btn_area a, .banner.type02 .btn_area a {margin-left: 1px;display: inline-block;}
.banner.type02 .btn_area {position: absolute;right: 68px;top: 20px;z-index: 9;height: 22px;}
.main_inquity {position: relative;width: 100%;background:#ccc;padding:33px 0;}
.main_inquity .main_inquity_inner {width: 942px;margin:0 auto;background: #ccc;overflow: hidden;}
.main_inquity .main_inquity_inner .inner_1 {float: left;padding:5px 0px 6px;position: relative;width: 159px;text-align: center;}
.main_inquity .main_inquity_inner .inner_1:after {content: '';position: absolute;width: 1px;height: 95px;right:0px;top:12px;background: #e8e6e6;}
.main_inquity_inner .inner_1 a  {background: url(../images/btn_catalogue_download.png)no-repeat 50% 0;display: inline-block;padding-top: 48px;line-height: 20px;color: #222222;font-size: 15px;margin:7px 0;}
.main_inquity_inner .inner_1 a span {display: block;color: #6d6d6d;}
.main_inquity .main_inquity_inner .inner_2 {float: left;padding:28px 59px;}
.main_inquity .main_inquity_inner .inner_2 span {display: block;text-align: right;color: #6d6d6d;font-size: 15px;padding-top: 10px;width:196px;}
.main_inquity .main_inquity_inner .inner_3 {background: url(../images/bg_location.png) no-repeat;width: 314px;height: 113px;float: left;line-height: 113px}
.main_inquity .main_inquity_inner .inner_3 a {text-align: right;font-size: 26px;color: #fff;text-shadow: 0 1px 1px #000;font-weight: normal;display: block;padding:0 28px;}

.main_inquity .main_inquity_inner .inner_4 {background: url(../images/bg_customer.png) no-repeat;width: 274px;height: 73px;float: left;padding:20px;text-align: right;}
.main_inquity .main_inquity_inner .inner_4 strong {font-size: 26px;font-weight: normal;}
.main_inquity .main_inquity_inner .inner_4 h3  {font-size: 24px;font-weight:bold;}
.main_inquity .main_inquity_inner .inner_4 p {font-size: 12px;font-family: 'Noto Sans KR Light';letter-spacing: -1px;}
.main_inquity .main_inquity_inner .inner_4 strong, .main_inquity .main_inquity_inner .inner_4 h3, .main_inquity .main_inquity_inner .inner_4 p {color: #fff;text-shadow: 0 1px 1px #bababa}

/*Content*/
.sub_visual_wrap {position: relative;width: 100%;height: 210px;background: url(../images/bg_visual_sub01.jpg);background-size: cover;background-position: center center;}
.sub_visual_inner {width: 1200px;margin: 0 auto;}
.sub_visual_inner .visual_txt {text-align: center;padding-top:60px;}
.sub_visual_inner .visual_txt .tit {color: #fff;font-size: 55px;font-weight: bold;font-family: '나눔명조', 'Nanum Myeongjo';letter-spacing: -1px;position: relative;padding-bottom:25px;text-shadow: 0 1px 1px #000}
.sub_visual_inner .visual_txt .tit:after {content: ' ';position: absolute;width: 50px;height: 3px;background: #0e8102;left: 50%;top: 100%;margin-left: -25px;margin-top: -13px}
.sub_visual_inner .visual_txt strong {font-weight: normal;color: #fff;font-size: 16px;letter-spacing: -1px;}
.container {width: 1200px !important;margin: 0 auto !important;position: relative !important;padding: 0 0 105px !important;overflow: hidden;float:none !important;border:none !important;}

/*Map*/
.contents .map_in { background: #f9f9f9 none repeat scroll 0 0; border-top: 2px solid #d13d3f; overflow: hidden; padding: 20px; font-size:16px; }
#container .contents .map_in h2 { color: #0e8102; float: left; width: 20%; }
.contents .map_in ul { float: left; width: 80%; }
.contents .map_in.subway { border-top: 1px dashed #666; }
.contents .map_in ul strong { display: inline-block; font-weight: bold; width: 18%; }
.contents .map_in.subway ul strong { width: 20%; }
.contents .map_in.subway.bus ul strong { width: 26%; }
.contents .map_in.subway ul strong { width: 18%; }
.contents .map a span { display: block; font-weight: 600; padding: 5px; }

.p {color:#a730df;}
.g {color:#58b421;}
.b {color:#3959a2;}
.y { color:#ccc25f;}
.r { color:#ff0000;}

/* breadcrumb */
.breadcrumb{text-align:right;padding:18px 0;position: relative;}
.breadcrumb li{display:inline-block;color:#808080 !important;font-size:14px}
.breadcrumb li a{color:#808080;font-size:14px;text-decoration:none}
.breadcrumb li:first-child a{background: url('/images/ico_home.png') no-repeat center 3px;width: 12px;height: 14px;text-indent: -9999px;display: inline-block;}
.breadcrumb li i{margin:0 5px}

/*Lnb*/
.LnbWrap {display:block;float:left;width:300px;margin-top:20px;}
	.Lnb {margin-right:80px;}
	.Lnb a {display:block;position:relative;word-wrap:break-word;}
	.Lnb li.active > a {background: url(../images/bg_left_titOn.png) no-repeat;}
	.Lnb > li > a {padding:10px 0;font-size:14px;color:#727272;text-align: center;}
	.Lnb > li {border-left:1px solid #46b142;border-right: 1px solid #46b142;border-bottom: 1px solid #46b142;}
	.Lnb li:first-child, .Lnb li.depth {border:none;}
	.Lnb li.depth > a {background: url(../images/bg_left_titOff.png) no-repeat;}
	.Lnb li.active > a, .Lnb li.depth > a {padding: 10px 0;color:#fff;text-align: center;font-size:18px}
	.Lnb li  ul {padding:10px 0;}
	.Lnb li  ul li a {text-align: center;color: #727272;padding:5px 0;}
	.Lnb li  ul li.active a, .Lnb li  ul li a:hover {color: #000;background: none;font-size: 16px;padding:5px 0;}
.contents {overflow: hidden;float: right;width: 900px;margin: 0 auto;padding-top: 6px;}
.subTit {font-size: 40px;color: #2a2a2a;padding-bottom: 47px;}
.subTit span {color: #36b0bf;font-size: 26px;font-weight: bold;margin-left: 7px;}
.subTit:after {display: block;content: "";background: #5a5e5a;margin-top: 17px;width: 65px;height: 1px;}
.contents p {margin-bottom: 35px}
	
	
/*Lnb2*/
.LnbWrap {display:block;float:left;width:300px;margin-top:20px;}
	.Lnb2 {margin-right:80px;}
	.Lnb2 a {display:block;position:relative; }
	.Lnb2 li.active > a {background: url(../images/bg_left_titOn2.png) no-repeat;}
	.Lnb2 > li > a {padding:10px 0;font-size:16px;color:#fff; text-align: center; }
	.Lnb2 li.depth > a {background: url(../images/bg_left_titOff2.png) no-repeat;}
	.Lnb2 li.active > a  {padding: 10px 0;color:#f3f7ab;text-align: center;font-size:18px; font-weight:bold; }
	.Lnb2 li  ul {padding:10px 0;}
	.Lnb2 li  ul li a {text-align: center;color: #000;padding:5px 0;}
	.Lnb2 li  ul li.active a, .Lnb2 li  ul li a:hover {color: #000;background: none;font-size: 16px;padding:5px 0;}

/*SITEMAP*/
.supplier ul{ color:#917c26; margin-left:10px; margin-bottom:30px; font-size:18px;  } 
.supplier ul li{ background:url(../images/dd_line.jpg) no-repeat 0px 10px; padding:0px 0 0px 12px; margin-bottom:7px;  }
#sitemap{ }
#sitemap>li{ float:left; background:none; text-align:center;  width:30%;padding-right:10px; }
#sitemap li a{ display:block; background:#0e8102; color:#fff;  padding:5px 0; }
#sitemap ul{ margin:5px 0 30px; background:#f9f9f9; overflow:hidden;  height:320px; }
#sitemap ul li{ float:none;  text-align:left; margin-left:20px; margin-bottom:5px; margin-top:5px; background-position:0 15px; font-size:16px;  }
#sitemap ul li a{ background:#fff; color:#000; width:90%; padding-left:5px;}

/*Footer*/
.footer {width: 100%;position: relative;background: #222222;}
.footer .foot_inner {width: 1200px;margin:0 auto;overflow:hidden;position: relative}
.foot_inner h3 {float: left;width: 230px;height: 105px;background: url(../images/logo_footer.png) no-repeat 20px 48px;}
.foot_inner h3 a {display: block;width: 152px;height: 44px;margin: 52px 70px 0 0;}
.foot_info {float: left;padding: 46px 0 37px;}
.foot_info .copy {color: #b2b1b1;font-size: 13px;}
.foot_info .copy_txt {margin-top: 18px;}
.btn_top {position: absolute;background: url(../images/btn_top.png) no-repeat;width: 42px;height: 42px;right: 0;top: 0}