@charset "utf-8";

/*---
font-family: 'NanumSquareNeoLight';
font-family: 'NanumSquareNeo';
font-family: 'NanumSquareNeoBold';
font-family: 'NanumSquareNeoExtraBold';
font-family: 'NanumSquareNeoHeavy';
---*/

/*-----------------------공통-----------------------*/
html {width:100%; -webkit-text-size-adjust:none; -moz-text-size-adjust: none; -ms-text-size-adjust:none; overflow-y:scroll; overflow-x:hidden; word-break:keep-all;}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline; list-style:none; font-family: 'NanumSquareNeo'; font-size:17px; color:#444; line-height:1.7; -webkit-text-size-adjust:none;}

html, body { height:100% !important;}

a {text-decoration:none;color:#000;-webkit-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-moz-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-ms-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-o-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;outline:none;}
a:hover, a:focus {text-decoration:none !important;}

p { word-break:keep-all;}

/*-----드래그----*/
::-moz-selection {
   background: #3e9937;
   color: #fff;
}
::selection {
   background: #3e9937;
   color: #fff;
}
/*-----드래그----*/

/*-----스크롤----*/
::-webkit-scrollbar { width:8px; height:4px;}
::-webkit-scrollbar-track { background:#fff;}
::-webkit-scrollbar-thumb { background:#3e9937;}
/*-----스크롤----*/

.wait { padding:100px 0; text-align:center;}

/*-----공통----*/
img { height:auto; max-width:100%; vertical-align:middle;}
.clear {clear:both;}
.clear20 {clear:both; height:20px;}
.clear40 {clear:both; height:40px;}
.clear60 {clear:both; height:60px;}
.clear80 {clear:both; height:80px;}
.clear100 {clear:both; height:100px;}
.clear140 {clear:both; height:140px;}
.clear200 {clear:both; height:200px;}
.clear_dot {clear:both; height:80px; margin-bottom:80px; border-bottom:#ddd dashed 1px;}

.text_center { text-align:center;}
.text_right { text-align:right;}

.mgt10 { margin-top:10px;}
.mgt20 { margin-top:20px;}
.mgt40 { margin-top:40px;}
.mgt60 { margin-top:60px;}
.mgt80 { margin-top:80px;}
.mgt100 { margin-top:100px;}

.mgb10 { margin-bottom:10px;}
.mgb20 { margin-bottom:20px;}
.mgb40 { margin-bottom:40px;}
.mgb60 { margin-bottom:60px;}
.mgb80 { margin-bottom:80px;}
.mgb100 { margin-bottom:100px;}

.mgr10 { margin-right:10px;}
.mgr20 { margin-right:20px;}
.mgr40 { margin-right:40px;}
.mgr60 { margin-right:60px;}
.mgr80 { margin-right:80px;}
.mgr100 { margin-right:100px;}

.img_round { border-radius:50%;}

.container { font-family: 'NanumSquareNeo'; max-width:1400px; width:100%; position:relative; margin:0 auto; padding:0 20px;}
h1 { font-family: 'NanumSquareNeoHeavy';}
h2 { font-family: 'NanumSquareNeoBold';}
h3 { font-family: 'NanumSquareNeoLight';}

#top_btn {position:fixed; bottom:20px; right:20px; width:45px; height:45px; border-radius:50%; border:1px solid #ccc; text-align:center; z-index:90; background:rgba(0,0,0,0.2); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
#top_btn img { position:relative; top:-3px;}
#top_btn:hover {border-color:#3e9937; background:#3e9937;}

.footer { vertical-align: top; width:100%; background:#fafafa; border-top:#ddd solid 1px; padding:40px 0;}
.footer_ul { padding-left:250px; position:relative; font-size:0;}
.footer_ul .footer_li { display:inline-block; vertical-align:top;}
.footer_ul .footer_li:first-child { width:40%;}

.footer_ul .footer_logo { padding-left:60px; border-left:#ccc solid 1px;}
.footer_ul .footer_logo li { font-size:15px;}
.footer_ul .footer_logo li img { position:absolute; width:180px; opacity:0.35; left:0; top:5px;}
.footer_ul .footer_logo li h1 { font-size:26px; color:#888; line-height:1.5; margin-bottom:15px;}

.footer_ul .footer_add li { display:inline-block; vertical-align:top; font-size:15px; color:#555; line-height:1; margin:7px 0;}
.footer_ul .footer_add .footer_bar { margin-right:15px; padding-right:15px; border-right:1px solid #ccc;}
.footer_ul .footer_add .none_bar { padding-right:0; border-right:none; display:block;}
.footer_ul .footer_add .footer_copy { font-size:12px; color:#aaa; margin-top:20px;}
.footer_ul .footer_add .footer_copy a { font-size:12px; color:#aaa;}

.green_text { color:#7ba02c;}
.white_text { color:#fff;}
/*-----공통----*/


/* 메인 */
.main_section { height:100vh; min-height:500px; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center;}

.main_btn { margin-top:40px;}
.main_btn a { font-size:18px; color:#fff;}
.main_btn a span { display:inline-block; font-size:15px; font-weight:bold; color:#000; width:25px; height:25px; margin-left:10px; background:#fff; border-radius:50%;}

.main_ul { font-size:0; text-align:center;}
.main_ul li { display:inline-block; vertical-align:top; width:33.33%; height:100vh; position:relative;}
.main_ul li:nth-child(1) { background:url("/kor/img/main/banner01.jpg") center center no-repeat; background-size:cover;}
.main_ul li:nth-child(2) { background:url("/kor/img/main/banner02.jpg") center center no-repeat; background-size:cover;}
.main_ul li:nth-child(3) { background:url("/kor/img/main/banner03.jpg") center center no-repeat; background-size:cover;}
.main_ul li .main_ul_cont { padding:120px 10%; width:100%; height:100vh; font-size:16px; color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; background:transparent; transition:background 0.5s;}
.main_ul:hover li .main_ul_cont { background: rgba(0,0,0,0.5);}/* 기본 상태에서 모든 .main_ul_cont 배경을 투명하게 */
.main_ul li:hover .main_ul_cont { background: transparent;}/* 마우스를 올린 li의 .main_ul_cont 배경만 투명하게 */
.main_ul li .main_ul_cont h1 { font-size:24px; color:#fff; line-height:1.3; margin:40px 0 20px 0;}
.main_ul li .main_ul_cont .main_btn { opacity:0; transition:opacity 0.5s;}
.main_ul li:hover .main_ul_cont .main_btn { opacity:1;}

.main_boardbox { background:url("/kor/img/main/main_boardbox_bg.jpg") right top no-repeat;}
/* 메인 */



/* 서브 */
.sub_top { padding:200px 0 150px 0; position:relative;}
.sub_topimg01 { background:url("/kor/img/sub/sub_top01.jpg") center center no-repeat; background-size:cover;}
.sub_topimg02 { background:url("/kor/img/sub/sub_top02.jpg") center center no-repeat; background-size:cover;}
.sub_topimg03 { background:url("/kor/img/sub/sub_top03.jpg") center center no-repeat; background-size:cover;}
.sub_topimg04 { background:url("/kor/img/sub/sub_top04.jpg") center center no-repeat; background-size:cover;}
.sub_topimg05 { background:url("/kor/img/sub/sub_top05.jpg") center center no-repeat; background-size:cover;}
.sub_top h2 { font-size:45px; color:#fff;}

.sub_nav_box { border-bottom:#ccc solid 1px;}
.sub_nav_box .sub_nav { display:inline-block;}
.sub_nav_box .sub_nav li { display:inline-block; margin-right:40px; padding:18px 5px;}
.sub_nav_box .sub_nav li a { font-size:16px; font-weight:600;}
.sub_nav_box .sub_nav li a:hover { color:#74ba2b;}
.sub_nav_box .sub_nav .nav_on { border-bottom:#74ba2b solid 2px;}
.sub_nav_box .sub_nav .nav_on a { color:#74ba2b;}

.sub_nav_box .nav_right { float:right; margin-top:20px;}
.sub_nav_box .nav_right li { display:inline-block; font-size:14px; color:#999; padding-right:20px; margin-right:10px; background:url("/kor/img/sub/nav_arrow.png") right center no-repeat;}
.sub_nav_box .nav_right li:last-child { color:#000; padding-right:0; margin-right:0; background:none;}

.sub_contents { padding:100px 0 160px 0;}

.sub_title01 { font-size:50px; margin:30px 0;}
.sub_title02 { font-size:25px; margin-bottom:10px; color:#379737;}

.sub_title03 { margin:20px 0;}
.sub_title03 span { font-size:20px; color:#fff; background:#2d6000; padding:15px 25px; border-radius:50px;}

.sub_title04 { font-size:20px; margin-bottom:40px; margin-top:-20px;}

.com01_ul { font-size:0;}
.com01_ul li { display:inline-block; vertical-align:middle; width:40%;}
.com01_ul li:last-child { width:60%;}
.com01_ul li .com01_ul_img { margin-right:40px; height:600px; border-radius:0 0 50px 0;}
.com01_ul li .com01_img { background:url("/kor/img/sub/com01.jpg") center center no-repeat; background-size:cover;}
.com01_ul li .com02_img { background:url("/kor/img/sub/com02.jpg") center center no-repeat; background-size:cover;}
.com01_ul li .esg01_img { background:url("/kor/img/sub/esg01.jpg") center center no-repeat; background-size:cover;}
.com01_ul_title { font-size:26px; margin-bottom:20px;}
.com01_ul_title span { font-size:26px; font-weight:900;}

/* 연혁 */
.his_img { height:350px; margin-bottom:60px; border-radius:0 0 50px 0; background:url("/kor/img/sub/his_img.jpg") center center no-repeat; background-size:cover;}

.timeline { position:relative;}
.timeline-item { padding-left:30px; padding-bottom:20px; position:relative;}
.timeline-item:last-child { padding-bottom:0;}
.timeline-info {
  color:#379737;
  font-size:20px;
  font-weight:800;
  margin: 0;
  white-space: nowrap;
  position:relative;
}
.timeline-centered .timeline-content li { font-size:15px; margin-bottom:10px; line-height:1.5;}
.timeline-marker {
  position: absolute;
  top: 5px;
  bottom: 0;
  left: 0;
  width: 10px;
}
.timeline-marker:before {
  background: #74ba2b;
  border: 1px solid transparent;
  border-radius: 100%;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 5px;
  left: 3px;
  transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}
.timeline-marker:after {
  content: "";
  width: 2px;
  background: #ddd;
  display: block;
  position: absolute;
  top: 20px;
  bottom: 0;
  left: 6px;
}
.timeline-marker-last:after {
  background:none;
}
.timeline-item:not(.period):hover .timeline-marker:before {
  background: transparent;
  border: 1px solid #74ba2b;
}
@media screen and (min-width:991px){  
  .timeline-centered,
  .timeline-centered .timeline-item,
  .timeline-centered .timeline-info,
  .timeline-centered .timeline-marker,
  .timeline-centered .timeline-content {
    display: block;
    margin: 0;
    padding: 0;
  }
  .timeline-centered .timeline-item {
    padding-bottom: 60px;
    overflow: hidden;
  }
  .timeline-item:last-child { padding-bottom:0;}
	
  .timeline-centered .timeline-marker {
    position: absolute;
    left: 50%;
    margin-left: -7.5px;
  }
  .timeline-centered .timeline-info,
  .timeline-centered .timeline-content {
    width: 50%;
  }
  .timeline-centered .timeline-content {
    padding-top:5px;
    top:-35px;
	margin:0 -20px;
  }
  .timeline-centered > .timeline-item:nth-child(odd) .timeline-info {
    float: left;
    text-align: right;
    padding-right: 30px;margin-left:-20px;
  }
  .timeline-centered > .timeline-item:nth-child(odd) .timeline-content {
    float: right;
    text-align: left;
    padding-left: 30px;margin-left:0;
  }
  .timeline-centered > .timeline-item:nth-child(even) .timeline-info {
    float: right;
    text-align: left;
    padding-left: 30px;margin-right:-20px;
  }
  .timeline-centered > .timeline-item:nth-child(even) .timeline-content {
    float: left;
    text-align: right;
    padding-right: 30px;margin-right:0;
  }
  .timeline-centered > .timeline-item.period .timeline-content {
    float: none;
    padding: 0;
    width: 100%;
    text-align: center;
  }
  .timeline-centered .period .timeline-marker:after {
    height: 10px;
    bottom: 0;
    top: auto;
  }
}
/* 연혁 */

.ci_ul { font-size:0; margin-top:40px;}
.ci_ul li { border:#ccc solid 1px;display:inline-flex; align-items:center; justify-content:center; vertical-align:middle; width:50%; height:300px; padding:40px; text-align:center;}
.ci_ul li:last-child { margin-left:-1px; border-radius:0 0 50px 0;}
.ci_ul li img { max-width:500px; max-height:150px;}
.ci_bg li { background:url("/kor/img/sub/ci_bg.jpg") center center;}

.map_ul { margin:0; padding:0; font-size:0; text-align:left;}
.map_ul .map_li { display:inline-block; vertical-align:top;}
.map_ul .map_li:first-child { width:30%; margin-right:5%;}
.map_ul .map_li:last-child { width:65%;}
.map_ul .map_li iframe { width:100%; height:450px; margin-top:-60px;}
.map_ul .map_li ul li { font-size:15px; margin-bottom:10px;}
.map_ul .map_li ul li span { font-size:15px; font-weight:600; color:#379737;}


.cer_ul { font-size:0; text-align:center; margin:0 -1%;}
.cer_ul li { display:inline-block; vertical-align:top; width:23%; margin:20px 1%;}
.cer_ul li img { border:#ccc solid 1px; border-radius:0 0 50px 0;}
.cer_ul li .cer_text { margin-top:15px; font-size:15px; color:#777;}

.pro_section { padding-top:120px;}
#section1 { margin-top:-100px;}

.pro_nav {}
.pro_nav li { display:inline-block; vertical-align:top; margin:15px 2px 15px 0;}
.pro_nav li a { padding:15px 25px; background:#ccc; font-size:16px; color:#fff; border-radius:50px;}
.pro_nav li .pro_nav_on { background:#2d6000;}


.pro_ul01 { font-size:0; margin:40px 0 80px 0;}
.pro_ul01 .pro_ul01_li { display:inline-block; vertical-align:top; width:50%;}
.pro_ul01 .pro_ul01_li h2 { font-size:22px; margin-bottom:10px;}
.pro_ul01 .pro_ul01_li .pro_ul01_img { margin-left:40px;}
.pro_ul01 .pro_ul01_li .pro_ul01_img img { border-radius:0 0 50px 0;}
.pro_ul01 .pro_ul01_li ul li { font-size:16px; margin:7px 0 7px 15px; list-style:disc;}

.pro_ul01_last {  margin:40px 0 0 0;}

.pro_gray { background:#f9f9f9; padding:100px 0}
.pro_gray_title { font-size:20px; color:#2d6000; margin-bottom:20px;}

.pro_textbox01 { margin-top:20px; padding:20px 0; border:#ccc solid 1px; border-radius:0 0 50px 0;}
.pro_textbox01 li { display:inline-block; vertical-align:top; margin:20px 40px; font-size:14px;}
.pro_textbox01 li strong { display:block; font-size:15px;}
.pro_textbox01 li img { display:block; margin-bottom:10px;}

.pro_title01 { font-size:22px; margin-bottom:10px;}

.tec03_ul { font-size:0; margin:20px -10px 0 -10px;}
.tec03_ul li { display:inline-block; vertical-align:top; width:20%; text-align:center; padding:10px;}
.tec03_ul li img  { border:#ddd solid 1px;}
.tec03_ul li .tec03_ul_text { font-size:14px; margin-top:10px;}

.esg02_ul { font-size:0; padding:40px 0; text-align:center; border:#ccc solid 1px; border-radius:0 0 50px 0;}
.esg02_ul li { display:inline-block; vertical-align:top; width:25%; padding:20px;}
.esg02_ul li img { border:#2d6000 solid 2px; border-radius:50%;}
.esg02_ul li .esg02_ul_title { margin-top:10px; font-size:15px;}
/* 서브 */




.table_style01 { margin-top:40px;}
.table_style01 table { width:100%; border-spacing:0; border-collapse:collapse; margin-bottom:0px; border-bottom:#3b6511 solid 2px; border-top:#3b6511 solid 2px;}
.table_style01 table tr td { padding:15px 20px; font-size:15px; line-height:1.5; vertical-align:middle; text-align:left; border:#ddd solid 1px;}
.table_style01 .table_title01 { font-size:16px; color:#fff; font-weight:600; background:#4d7b0c; border:#699629 solid 1px; padding:25px 20px;}
.table_style01 .table_title02 { font-size:16px; font-weight:600; background:#f3f3f3;}

.table_scroll { overflow-y:auto;}
.table_scroll table { min-width:800px;}

.number_ul li { font-size:15px; margin:8px 0 8px 15px; list-style:decimal;}

@media screen and (max-width:991px){
	.main_section { height:auto;}
	.main_boardbox { padding:80px 0;}
	
	.main_ul li { width:100%; height:auto;}
	.main_ul li .main_ul_cont { height:auto;}
	
	.footer_ul .footer_li:first-child { width:100%; margin-bottom:30px;}
	.footer_ul .footer_li:last-child { width:100%; margin-left:-250px;}
	
	.sub_nav_box .nav_right { float:none; margin-bottom:20px;}
	
	.cer_ul li { width:31.3%;}
	
	.tec03_ul { margin:20px -5px 0 -5px;}
	.tec03_ul li { width:33.3%; padding:5px;}
	
	.esg02_ul li { width:33.3%;}
}


@media screen and (max-width:767px){
	html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {font-size:16px;}
	
	.footer { padding:30px 0;}
	.footer_ul { padding-left:0;}
	
	.footer_ul .footer_logo { padding-left:0; border-left:none;}
	.footer_ul .footer_logo li, .footer_ul .footer_add li { font-size:13px;}
	.footer_ul .footer_logo li img { position:relative; display:block; margin-bottom:20px;}
	.footer_ul .footer_add .footer_copy { font-size:12px;}
	
	.footer_ul .footer_li:last-child { margin-left:0;}
	
	.sub_nav_box .sub_nav li { margin-right:20px; padding:15px 5px;}
	.sub_nav_box .sub_nav li a { font-size:15px;}
	
	
	.sub_contents { padding:40px 0 80px 0;}
	.sub_title01 { font-size:40px;}
	.sub_title02 { font-size:22px;}
	
	.com01_ul li { width:100%;}
	.com01_ul li:last-child { width:100%; margin-top:40px;}
	.com01_ul li .com01_ul_img { margin-right:0; height:300px;}
	.com01_ul_title { font-size:20px;}
	.com01_ul_title span { font-size:20px;}
	
	.ci_ul li { width:100%; height:auto; padding:60px;}
	.ci_ul li:last-child { margin-left:0; margin-top:-1px;}
	.ci_ul li img { max-height:100px;}
	
	.map_ul .map_li:first-child { width:100%; margin-right:0; margin-bottom:20px;}
	.map_ul .map_li:last-child { width:100%;}
	.map_ul .map_li iframe { margin-top:0;}
	.map_ul .map_li ul li { font-size:13px; margin-bottom:5px; margin-right:20px; display:inline-block; vertical-align:top;}
	.map_ul .map_li ul li span { font-size:13px;}
	
	.cer_ul li { width:48%;}
	
	.pro_section { padding-top:70px;}
	#section1 { margin-top:-50px;}
	
	.pro_nav li { margin:10px 2px;}
	.pro_nav li a { padding:12px 20px; font-size:14px;}
	
	.pro_ul01 .pro_ul01_li { width:100%;}
	.pro_ul01 .pro_ul01_li h2 { font-size:18px;}
	.pro_ul01 .pro_ul01_li .pro_ul01_img { margin-left:0; margin-top:20px;}
	.pro_ul01 .pro_ul01_li .pro_ul01_img img { max-width:500px; width:100%; height:auto;}
	
	.pro_title01 { font-size:18px;}
	
	.tec03_ul li { width:50%;}
	
	.esg02_ul li { width:50%;}
	
	.table_style01 table tr td { padding:10px 15px; font-size:14px;}
	.table_style01 .table_title01 { font-size:15px; padding:15px 15px;}
	.table_style01 .table_title02 { font-size:15px;}
	
	.number_ul li { font-size:14px;}
}