/*header*/
header {height: 90px;}
header .h_center {width: 1440px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
header .h_center .logo {/*margin-top: 10px;*/ margin-top: 15px;}
header .h_center .gnb {display: flex; align-items: center;}
header .h_center .gnb > li {position: relative;}
header .h_center .gnb > li  > a {position: relative; display: block; padding: 30px 25px; 	box-sizing:border-box; width: 100%; height: 100%; font-size: 20px; font-weight: 500;}

header .h_center .gnb > li > a:after {
	content:"";
	display: block;
	position: absolute;
	bottom: -1px;
	left: 50%;
	transform: translateX(-50%);
/* 	border-radius: 5px; */
	width: 0;
	height: 5px;
	background-color: #5c8540;
	transition: all 0.3s;
}

header .h_center .gnb > li:hover > a::after {
	width: 100px;
}

header .h_center .gnb .depth2 {
	display: none;
	position: absolute; 
	left: 50%; 
	top: 90px; 
	transform: translateX(-50%); 
	width: 200px; 
	z-index: 45; 
	background-color: #fff; 
	transition: all 0.3s;
}
header .h_center .gnb .depth2 > li {
	border-bottom: 1px solid #efefef; 
	transition: all 0.3s;

}
header .h_center .gnb .depth2 > li:hover {background-color:#e4f3d8;}
header .h_center .gnb .depth2 > li:last-child {border-bottom: none;}
header .h_center .gnb .depth2 > li:last-child:hover {border-bottom:none;}
header .h_center .gnb .depth2 > li > a {display: block; padding: 15px; text-align: center;  width: 100%; height: 100%; box-sizing: border-box;}


.btn_full_menu {
	position: relative;
	margin-top:21px;
	width: 34px; 
	height: 34px; 
	font-size: 0; 
	background-color: transparent;
	border:none; 
	cursor:pointer; 
	z-index:60;
}
.btn_full_menu  .bar_top,
.btn_full_menu  .bar_mid {
	display: block; 
	position: absolute; 
	right: 0; 
	border-radius:3px; 
	background-color: #3eb46b; 
	transform-origin: top right;  
	transition:all .3s ease-in-out;
}
.btn_full_menu  .bar_top {
	top: 8px; 		
	width: 52px; 
	height: 4px; 
}
.btn_full_menu  .bar_mid {
	bottom: 8px;
	width: 30px; 
	height: 4px; 
}

header.openFull .btn_full_menu  .bar_top {
	top: 4px; 
	left: -7px; 
	width: 33px; 
	transform: rotate(-45deg); 
}
header.openFull .btn_full_menu  .bar_mid {
	top:28px; 
	left: -5px; 
	width: 33px; 
	transform: rotate(45deg); 
}

.m-navWrap {display: none;}
.m-btn {display: none;}

/*header*/

/*footer*/
footer {padding: 46px 0 56px 0; background-color: #eeebeb;}
footer .f_center {width: 1440px; margin: 0 auto;}
footer .f_center .f_logo {margin-bottom: 40px;}
footer .f_middle span {font-size: 14px;}
footer .f_middle span::after {display: inline-block; margin: 0 10px; content:""; width: 1px; height: 10px; background-color: #000;}
footer .f_middle span.noline::after {display: block; width:0; height: 0; margin: 0;}
footer .copyright {margin-top: 39px; font-size: 14px; font-weight: 300;}
/*footer*/

.topBtn {position: fixed; right: 6%; bottom: 10%; z-index:99;}
.topBtn:hover {animation:upDown 1s linear 0s normal none infinite;}

@keyframes upDown{
	0%{bottom: 9%;}
	50%{bottom: 10%;}
	100%{bottom: 9%;}
}

.c_center {width: 1440px; margin: 0 auto;}
/*section_visual*/
.visual {position: relative; width: 100%; height: 850px; background-color:#ece6e2; overflow: hidden;}
.v_symbol {position: absolute; bottom: -150px; left: -50px;}
.visual .c_center {position: relative; margin-top: 170px; display: flex; justify-content: space-between; height: 525px;}
.visual .c_center .v_txtBox {padding-top: 118px;}
.visual .c_center .v_txtBox .v_txt_gray {transform: translateY(101%);/* font-size: 24px; */ font-size:20px; color: #646464; font-family: 'MaruBuri'; padding-left:8px; box-sizing:border-box; line-height:1.5;}
.visual .c_center .v_txtBox .v_txt_gray .bold {display:block; font-weight: bold;}
.visual .c_center .v_txtBox h3 {transform: translateY(100%); color: #333333; font-size: 48px; font-family: 'MaruBuriExtraLight';}
.visual .c_center .v_txt_hidden {margin-bottom: 46px; position: relative; width: 100%; /*height: 65px; */ height:auto; overflow:hidden;}
.visual .c_center .v_tit_hidden {position: relative; width: 100%; height: 59px; overflow:hidden;}

.v_slickWrap {width: 800px; height: 525px;}
.v_slickWrap .v_slickBox {width: 800px; height: 525px; border-radius: 30px; overflow:hidden;}
.v_slickWrap .v_slickBox .v_img {width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; 	transition:all 2s .3s;}
.v_slickWrap .v_slickBox:nth-child(1) .v_img {background-image:url('../images/visual_slide01.png');}
.v_slickWrap .v_slickBox:nth-child(2) .v_img {background-image:url('../images/visual_slide02.png');}
.v_slickWrap .v_slickBox:nth-child(3) .v_img {background-image:url('../images/visual_slide03.png');}
.v_slickWrap .v_slickBox:nth-child(4) .v_img {background-image:url('../images/visual_slide04.png');}
.v_slickWrap .v_slickBox:nth-child(5) .v_img {background-image:url('../images/visual_slide05.jpg');}
.v_slickWrap .v_slickBox:nth-child(6) .v_img {background-image:url('../images/visual_slide06.jpg');}
.v_slickWrap .v_slickBox:nth-child(7) .v_img {background-image:url('../images/visual_slide07.jpg');}


.v_slickWrap .v_slickBox.slick-active .v_img {
	transform: scale(1.05);
}


.visual .indicaotr {position: absolute; left: 0; bottom: 90px; display:flex;}
.visual .indicaotr span {display: block; overflow: hidden; text-indent:-9999px; width: 50px; height: 50px; background-repeat:no-repeat; background-position: center center; background-size: cover; cursor: pointer;}
.visual .indicaotr .prevArrow {margin-right: 13px; background-image: url("../images/v_prev.png");}
.visual .indicaotr .nextArrow {background-image: url("../images/v_next.png");}

.visual .slick-dots li button:before {content:""; border-radius: 50%; width: 11px; height: 11px; background-color:#333;}
.visual .slick-dots {bottom: -48px;}
.visual .slick-dots li button:focus:before, .slick-dots li button:hover:before {background-color:#5c8540;}
.visual .slick-dots li.slick-active button:before {opacity: 1; background-color:#5c8540;}
/*section_visual*/

/*section_aboutUs*/
.aboutUs {position: relative; padding: 156px 0;}
.aboutBg_wrap {position:absolute; top:0; left: 0; display: flex; width: 100%; height: 100%;}
.aboutBg_wrap .aboutBg {width: 20%; height: 100%; box-sizing: border-box; border-right: 1px solid #f3f3f3;}
.aboutUs .c_center {position:relative; display: flex; justify-content: space-between;}
.about_left {position: relative; width: 270px; height: 72px;}
.about_left .green_cir {position: absolute; right:10px; bottom:0; opacity: 0.8; background-color: #5c8540; width: 30px; height: 30px; border-radius: 50%; animation:introDot 1.8s linear 0s normal none infinite;}

@keyframes introDot{
	0%{transform:scale(0.8);}
	50%{transform:scale(1);}
	100%{transform:scale(0.8);}
}

.about_left h3 {position: absolute; font-family: 'Lato', sans-serif; font-size: 58px; font-weight: 700;}
.about_right .bold_green {margin-bottom: 20px; color: #5c8540; font-weight: 700; font-size: 24px;}
.about_right .about_detail {color: #5d5d5d; font-size: 20px; line-height: 30px;}
/*section_aboutUs*/

/*section_keepTabSec*/
.keepTabSec {padding: 134px 0; box-sizing: border-box; background-color: #f9f9f9;}
.keepTabSec .k_pattern01 {position: absolute; top: 70px; left: 70px; }
.keepTabSec .k_pattern02 {position: absolute; bottom: 70px; right: 70px;}
.keepTabSec .keep_top {margin-bottom: 85px; display: flex; justify-content: space-between; align-items: end;}
.keepTabSec .keep_top h3 {font-size: 44px; font-weight: 700;}
.keepTabSec .keep_top .tabBtn {display: flex;}
.keepTabSec .keep_top .tabBtn li {display: inline-block; margin: 0 10px;}
.keepTabSec .keep_top .tabBtn li a {display: block; padding: 3px 20px; height: 34px; border-radius: 20px; background-color: transparent; font-size: 22px; color: #5d5d5d; cursor:pointer; transition: all 0.3s;}
.keepTabSec .keep_top .tabBtn li a.on {color: #fff; background-color: #5c8540;}
.keepTabSec .tabBoxWrap .tabBox {position: relative; width: 100%; height: 604px;}
.keepTabSec .tabBoxWrap .tabBox_bg {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 797px; height: 520px; background-color: #dfd7c5; border-radius: 0 50px 50px 0;}
.keepTabSec .tabBoxWrap .tabImgWrap {position: absolute; left:0; top:0; width: 850px; height: 520px;}
.keepTabSec .tabBoxWrap .tabImgWrap .tabImg {height: 520px; border-radius: 50px 0 0 0; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover;}

.seokjo .tabImgWrap .tabImg:nth-child(1) {background-image: url('../images/s_img01.jpg')}
.seokjo .tabImgWrap .tabImg:nth-child(2) {background-image: url('../images/s_img02.jpg')}
.seokjo .tabImgWrap .tabImg:nth-child(3) {background-image: url('../images/s_img03.jpg')}
.seokjo .tabImgWrap .tabImg:nth-child(4) {background-image: url('../images/s_img04.jpg')}

.dotogi .tabImgWrap .tabImg:nth-child(1) {background-image: url('../images/d_img01.jpg')}
.dotogi .tabImgWrap .tabImg:nth-child(2) {background-image: url('../images/d_img02.jpg')}
.dotogi .tabImgWrap .tabImg:nth-child(3) {background-image: url('../images/d_img03.jpg')}
.dotogi .tabImgWrap .tabImg:nth-child(4) {background-image: url('../images/d_img04.jpg')}
.dotogi .tabImgWrap .tabImg:nth-child(5) {background-image: url('../images/d_img05.jpg')}

.zikmul .tabImgWrap .tabImg:nth-child(1) {background-image: url('../images/zm_img01.jpg')}
.zikmul .tabImgWrap .tabImg:nth-child(2) {background-image: url('../images/zm_img02.jpg')}

.metal .tabImgWrap .tabImg:nth-child(1) {background-image: url('../images/g_img01.jpg')}
.metal .tabImgWrap .tabImg:nth-child(2) {background-image: url('../images/g_img02.jpg')}
.metal .tabImgWrap .tabImg:nth-child(3) {background-image: url('../images/g_img06.jpg')}
.metal .tabImgWrap .tabImg:nth-child(4) {background-image: url('../images/g_img07.jpg')}

.paper .tabImgWrap .tabImg:nth-child(1) {background-image: url('../images/z_img01.jpg')}
.paper .tabImgWrap .tabImg:nth-child(2) {background-image: url('../images/z_img02.jpg')}
.paper .tabImgWrap .tabImg:nth-child(3) {background-image: url('../images/z_img03.jpg')}

.wood .tabImgWrap .tabImg:nth-child(1) {background-image: url('../images/m_img01.jpg')}
.wood .tabImgWrap .tabImg:nth-child(2) {background-image: url('../images/m_img02.jpg')}
.wood .tabImgWrap .tabImg:nth-child(3) {background-image: url('../images/m_img03.jpg')}
.wood .tabImgWrap .tabImg:nth-child(4) {background-image: url('../images/m_img04.jpg')}

.bugtreat .tabImgWrap .tabImg:nth-child(1) {background-image: url('../images/b_img01.jpg')}
.bugtreat .tabImgWrap .tabImg:nth-child(2) {background-image: url('../images/b_img02.jpg')}

.duplicate .tabImgWrap .tabImg:nth-child(1) {background-image: url('../images/sb_img01.jpg')}
.duplicate .tabImgWrap .tabImg:nth-child(2) {background-image: url('../images/sb_img02.jpg')}

.keepTabSec .tabBoxWrap .tabTxtWrap {position: absolute; right: 0; bottom: 50px; padding: 68px 45px; width: 650px; box-sizing: border-box; background-color: #fff;}
.keepTabSec .tabBoxWrap .tabTxtWrap h4 {margin-bottom: 40px; font-weight: 500; font-size: 38px;}
.keepTabSec .tabBoxWrap .tabTxtWrap p {font-size: 17px; line-height: 26px; color: #5d5d5d;}
.keepTabSec .tabBoxWrap .tabTxtWrap .location {margin-top: 50px;}
.keepTabSec .tabBoxWrap .tabTxtWrap .location span {cursor:pointer; margin: 0 20px;}
.keepTabSec .tabBoxWrap .tabTxtWrap .location span:nth-child(1) {margin-left:0;}
/*section_keepTabSec*/

/*section_contactBnr*/
.contactBnr {padding: 100px 0 115px 0; box-sizing: border-box; width: 100%; height: 450px; background-repeat: no-repeat; background-size: cover; background-position: center center; background-image:url('/images/contact_bg.jpg');}
.contactBnr h3 {margin-bottom: 50px; font-family: 'Lato', sans-serif; color: #fff; font-weight: bold; font-size: 38px;}
.contactBnr .phoneBx span {font-family: 'Lato', sans-serif; color: #fff; font-weight: bold;}
.contactBnr .phoneBx span:nth-child(1) {margin-right: 30px; font-size: 60px;}
.contactBnr .phoneBx span:nth-child(2) {font-size: 32px;}
.contactBnr p {margin-top:30px; font-size: 18px; line-height: 28px; color: #fff;}
/*section_contactBnr*/

@media (max-width:1440px){
	header .h_center {width: 97%;}
	.visual  {height: 600px;}
	.visual .c_center {margin-top: 80px;}
	.v_slickWrap  {width: 530px; height: 364px;}
	.v_slickWrap .v_slickBox {height: 350px;}
	/*.visual .c_center .v_txtBox .v_txt_gray {font-size: 21px;}*/
	.visual .c_center .v_txt_hidden {margin-bottom:25px;}
	.visual .c_center .v_txtBox h3 {font-size: 32px;}
	.visual .indicaotr {bottom: 145px;}

	.aboutUs {padding: 80px 0;}
	.about_left {width: 228px; height: 60px;}
	.about_left h3 {font-size: 48px;}
	.aboutUs .c_center {display: block;}
	.about_left {margin-bottom: 30px;}

	.keepTabSec .keep_top {display: block;}
	.keepTabSec .keep_top h3 {margin-bottom: 30px; font-size: 32px;}

	.keepTabSec .tabBoxWrap .tabBox {height: 670px;}
	.keepTabSec .tabBoxWrap .tabBox_bg {width: 77%; height: 479px;}
	.keepTabSec .tabBoxWrap .tabImgWrap {width: 830px; height: 460px; }
	.keepTabSec .tabBoxWrap .tabImgWrap .tabImg {height: 460px;}
	.keepTabSec .tabBoxWrap .tabTxtWrap {bottom: -70px; width: 57%; padding: 41px 45px;}

	

	.c_center {width: 97%;}
	footer .f_center {width: 97%;}
}

@media (max-width:1078px){	
	header .h_center .gnb > li > a {font-size: 16px;}

	header .h_center .logo {margin-top: 22px;}
	header .h_center .logo > a > img {width: 170px;}

	.about_right .bold_green {font-size: 22px;}
	.about_right .about_detail {font-size: 18px; line-height: 28px;}

	.keepTabSec .keep_top .tabBtn li {margin: 10px;}
	.keepTabSec .keep_top .tabBtn li a {font-size: 16px; height: 25px;}
	.keepTabSec .tabBoxWrap .tabTxtWrap h4 {font-size: 30px; margin-bottom: 30px;}
	.contactBnr .phoneBx span:nth-child(1) {font-size: 50px;}

}

@media (max-width:980px){	
	header {height: 70px;}
	header .h_center .gnb {display: none;}
	.m-btn {display:block;}

	.m-btn {position: absolute; top: 19px; right: 10px; width: 32px; height: 32px; font-size: 0; background-color: transparent; border:none; cursor:pointer; z-index:55;}
	.m-btn .bar_top,
	.m-btn .bar_mid,
	.m-btn .bar_bot {display: block; position: absolute; right: 0; width: 32px; height: 4px; border-radius:4px; background-color: #5c8540; transform-origin: top right;  transition:all .3s ease-in-out;}
	.m-btn .bar_top {top: 4px;}
	.m-btn .bar_mid {top: 50%; transform: translate(0, -50%);}
	.m-btn .bar_bot {bottom: 4px; width:20px;}

	.header.openFull .m-btn  .bar_bot {opacity:0;}
	.header.openFull .m-btn  .bar_top {top: 4px; left: -7px; width: 33px; transform: rotate(-45deg); background-color:#5c8540;}
	.header.openFull .m-btn  .bar_mid {top:28px; left: -5px; width: 33px; transform: rotate(45deg); background-color:#5c8540;}



	.m-navWrap {display:block; position:fixed; right:0; top:0; width:0; overflow:hidden; height: 100%; z-index:30;}
	
	.m-navWrap .bBg {display:none; background-color: rgba(0,0,0,0.3); width: 100%; height: 100%; position:absolute; z-index: 30; }
	
	.m-navWrap .m-navbox {position: absolute;  right: -100%; top:0; padding-top: 80px; width: 80%; height: 100%; background-color: #fff; z-index: 31; transition:all 0.5s;}
   	.m-navWrap .m-navbox.on {right: 0;}

	.m-navWrap .m-navbox .mn-top {position: relative; height: 80px; background: #5880ac;}
	.m-navWrap .m-navbox .mn-top .m-util-wrap {position:absolute; left: 50px; top:50%; transform:translateY(-50%);}
	.m-navWrap .m-navbox .mn-top .m-util-wrap li {float:left;}
	.m-navWrap .m-navbox .mn-top .m-util-wrap li:first-child::after {content:""; display:inline-block; margin:0 15px; width: 2px; height: 12px; background-color:#fff;}
	.m-navWrap .m-navbox .mn-top .m-util-wrap li a {color:#fff; transform:skew(-0.03deg);}

    .m-navWrap .m-navbox .m-nav > li {position: relative;}
	.m-navWrap .m-navbox .m-nav > li:nth-child(1) > a {border-top: 1px solid #e1e1e1;}
    .m-navWrap .m-navbox .m-nav > li > a {display: block; height: 50px; line-height: 50px; color: #383c46; border-bottom: 1px solid #e1e1e1; text-indent: 50px; text-align:left; font-size:1.250rem; font-weight: 600; transform:skew(-0.03deg);}
    .m-navWrap .m-navbox .m-nav > li .lnr {display: none; position: absolute; top: 19px; right: 20px; font-size: 15px; color: #000;}
    .m-navWrap .m-navbox .m-nav > li .lnr-chevron-down {display: block;}
    .m-navWrap .m-navbox .m-nav > li.on .lnr-chevron-down {display: none;}
    .m-navWrap .m-navbox .m-nav > li.on .lnr-chevron-up {display: block;}

    .m-navWrap .m-navbox .m-nav .m-depth2 {display: none; background-color: #f5f5f5;}

	.m-navWrap .m-navbox .m-nav .m-depth2 > li:last-child {border-bottom:none;}
    .m-navWrap .m-navbox .m-nav .m-depth2 > li > a {display: block; height: 40px; line-height: 40px; font-size: 14px; text-indent: 50px; text-align:left; color: #383c46; transform:skew(-0.03deg);}

	.visual .c_center {margin-top: 42px; height: auto; flex-wrap: wrap;}
	.visual .c_center .v_txtBox {order: 1; padding-top: 50px; width: 100%;}
	.v_slickWrap {order:2; padding-top: 20px; width: 95%; margin: 0 auto; height: 260px;}
	.v_slickWrap .v_slickBox {height: 270px;}
	.slick-dotted.slick-slider {margin-bottom: 0;}
	.visual .slick-dots {bottom:-64px;}


	.visual .indicaotr {order:3; bottom: -83px; left: 50%; transform: translateX(-50%);}
	.visual .indicaotr span {width: 40px; height: 40px;}
	.visual .indicaotr .nextArrow {margin-left: 13px;}
	.visual .c_center .v_txtBox .v_txt_gray {font-size: 15px; text-align: center;}
	.visual .c_center .v_txt_hidden {/*height: 60px; */height:auto; margin-bottom: 6px;}
	.visual .c_center .v_tit_hidden {height: 40px;}
	.visual .c_center .v_txtBox h3 {font-size: 26px; text-align: center;}


	.v_symbol {bottom: -120px; left: -17px;}
	.v_symbol img {width: 274px;}


	.aboutUs {padding: 50px 0;}
	.about_left {width: 195px; height: 51px;}
	.about_left h3 {font-size: 40px;}
	.about_left .green_cir {width: 25px; height: 25px; right: 14px;}
	.about_right .bold_green {font-size: 18px; line-height: 29px;}
	.about_right .about_detail {font-size: 15px; line-height: 25px;}

	.keepTabSec {padding: 60px 0;}
	.keepTabSec .keep_top h3 {font-size: 30px;}

	.keepTabSec .keep_top .tabBtn_wrap {overflow-x: scroll;}
	.keepTabSec .keep_top .tabBtn {width: 1001px;}
	.keepTabSec .tabBoxWrap .tabBox_bg {display: none;}
	.keepTabSec .tabBoxWrap .tabImgWrap {position: static; width:  100%; height: 300px;}
	.keepTabSec .tabBoxWrap .tabImgWrap .tabImg {border-radius: 20px 20px 0 0; width: auto; height: 300px;}
	.keepTabSec .tabBoxWrap .tabTxtWrap {position: relative; width: 100%; bottom:0; }

	.keepTabSec .slick-list {height: 100%;}
	.keepTabSec .slick-track {height: 100%;}
	.keepTabSec .keep_top {margin-bottom: 30px;}

	.keepTabSec .tabBoxWrap .tabTxtWrap {padding: 15px 20px 30px;}
	.keepTabSec .tabBoxWrap .tabTxtWrap h4 {font-size: 27px; margin-bottom: 17px;}
	.keepTabSec .tabBoxWrap .tabTxtWrap p {font-size: 15px; line-height: 26px;}
	.keepTabSec .tabBoxWrap .tabTxtWrap p br {display: none;}
	.keepTabSec .tabBoxWrap .tabTxtWrap .location {margin-top: 22px;}

	.contactBnr {padding: 50px 20px; height: auto;}
	.contactBnr h3 {margin-bottom: 28px; font-size: 33px;}
	.contactBnr .phoneBx span {display: block;}
	.contactBnr .phoneBx span:nth-child(1) {font-size: 32px;}
	.contactBnr .phoneBx span:nth-child(2) {margin-top: 10px; font-size: 25px;}
	.contactBnr p {font-size: 15px;}




	footer .f_center {width:95%;}
	footer .f_center .f_logo img {width: 160px;}
	footer .f_middle span {margin-bottom:10px; display: block;}
	footer .f_middle span::after {display: none; margin: 0;}

	.topBtn a img {width: 60px;}



} 


@media (max-width:580px){
	.visual .c_center .v_txtBox .v_txt_gray, .visual .c_center .v_txtBox h3 {transform: translateY(0%);}
	.visual .c_center .v_txtBox .v_txt_gray > .pc_only {display:none;}
}