@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500&display=swap');


.container
{padding:0px;}


#header
{height:86px;}
#header.sticky
{height:86px;}
#header .container-fluid
{max-width:1170px; padding:0px;}
#header .logo
{width:135px; top:5px;}
#header .logo a img.logo-light
{max-height:65px;}


#header .gnb
{width:735px; left:37%; margin-left:0px;}
#header .gnb > li > a
{padding:0px 75px; font-size:22px; height:86px; line-height:86px;}
#header .gnb > li:hover > a
{color:#009440 !important;}
#header.is-active .gnb > li > a:after
{background-color:#009440;}
#header .gnb > li > .subnav li a
{font-family:'NanumSquare' !important; font-size:15px;}
#header .gnb > li > .subnav li a:hover
{color:#009440;}


/*** sticky **/
#header.is-active .logo a img.logo-dark
{max-height:65px;}
#header.sticky .logo a img.logo-dark
{max-height:65px;}

#header.sticky .gnb > li > a
{height:86px; line-height:86px;}


#main-hero
{height:894px;}
#main-hero .caption-inner
{text-align:center;}
#main-hero .slick-slide .slide-caption .caption-inner h2
{font-size:68px; line-height:110%;}
#main-hero .caption-inner .main_novo
{background:url('../images/main_novo.png'); width:392px; height:121px; display : inline-block; opacity:1; }

#main-hero .slick-dots li
{margin:0 5px;}
#main-hero .slick-dots li button
{opacity:.5; width:12px; height:12px; border:2px solid white}
#main-hero .slick-dots li.slick-active button
{background:white; opacity:1; border : 2px solid #009440; box-shadow:0 0 0 2px #fff;}
#main-hero .slick-arrow
{display : none !important;;}

.product 
{padding:75px 0px;}
.product .main_tit
{text-align:center;}
.product .main_tit h2
{color:#3e3e3e; font-size:42px;}
.product .main_tit p
{color:#858585; font-size:18px; transform:skew(0.1deg); margin:10px 0px 20px;}
.product .slide_wrap
{text-align:center;}
.product .slide_wrap .slide_txt p
{font-size:20px; color:#4a4a4a; font-weight:400; transform:skew(1.0deg);}
.product .slide_wrap .slide_txt a
{padding:5px 20px; border:1px solid #228f60; border-radius:25px; display : inline-block; font-size:14px; margin-top:10px; transition-duration:0.3s; color:#228f60;} 
.product .slide_wrap .slide_txt a:hover
{background:#228f60; color:white;}


.product .product_slide .owl-controls .owl-buttons
{position:absolute; top:44%; width:100%;}
.product .product_slide .owl-controls .owl-buttons .owl-prev
{font-size:0px; background:url('../images/pro_prev.png'); width:54px; height:54px; opacity:0.8; left:-70px; position:absolute; z-index:11;}
.product .product_slide .owl-controls .owl-buttons .owl-next
{font-size:0px; background:url('../images/pro_next.png'); width:54px; height:54px; opacity:0.8; right:-70px; position:absolute; z-index:11;}
.product .product_slide .owl-controls .owl-buttons .owl-prev:hover
{opacity:1;}
.product .product_slide .owl-controls .owl-buttons .owl-next:hover
{opacity:1;}




section.main-parallax-section 
{padding:100px 0px; background:url('../images/p_bg.jpg') center; height:auto;}
section.main-parallax-section .parallax-caption-inner
{text-align:center;}
section.main-parallax-section .parallax-caption-inner h2
{font-size:50px; color:white;}
section.main-parallax-section .parallax-caption-inner p
{font-family:'Spoqa Han Sans' !important; font-size:18px; color:white; letter-spacing:0px; opacity:1; font-weight:300; transform:skew(0.1deg);}


.main-product-section
{background:white;}
.main-section .section-heading h2
{font-size:42px; color:#3e3e3e; font-weight:400; letter-spacing:0;}
.main-section .section-heading p
{color:#858585;font-size:18px; margin:10px 0px 20px; transform:skew(0.1deg); line-height:1.42857143;}
.company .com_wrap
{float:left; padding:0px 49px; transition-duration:0.3s;}
.company .com_wrap:nth-child(1)
{padding-left:0px;}
.company .com_wrap:nth-child(4)
{padding-right:0px;}
.company .com_wrap h4
{text-align:center; padding-top:30px; font-size:24px; color:#3e3e3e; padding-bottom:10px;}
.company .com_wrap p
{text-align:center; color:#646464; font-size:16px;}
.company .com_wrap:hover img
{transform:scale(1.01);}
.company .com_wrap:hover h4
{color:#008842;}



.notice_wrap
{padding:30px 0px; border-top:1px solid #bfbfbf;}
.notice_wrap .notice_scroll
{position:relative;}
.notice_wrap h2
{float:left; font-size:24px; color:#3e3e3e;}
.notice_wrap table.article-list
{display : inline-block; width:88%; float:right;}
.notice_wrap tr.board_output_1_tr td:nth-child(2) a
{color:#646464; font-size:16px;}
.notice_wrap tr.board_output_1_tr td:nth-child(3)
{color:#8c8c8c; font-size:16px;}


.notice_wrap button.slick-prev.slick-arrow
{position:absolute; right:70px; border:none; background:none; font-size:0px; background:url('../images/notice_prev.jpg'); width:19px; height:12px; top:7px; z-index:2;} 
.notice_wrap button.slick-next.slick-arrow
{position:absolute; right:42px; border:none; background:none; font-size:0px; background:url('../images/notice_next.jpg'); width:19px; height:12px;top:7px; z-index:2;}
.notice_wrap .notice_plus
{position:absolute; right:16px; border:none; background:none; font-size:0px; background:url('../images/notice_plus.jpg'); width:15px; height:15px;top:6px; z-index:2;}
.notice_wrap button.slick-prev.slick-arrow:hover , .notice_wrap button.slick-next.slick-arrow:hover, .notice_wrap .notice_plus:hover
{opacity:.8;}




#footer
{padding:45px 0px; background-color:#484848; position:relative}
#footer .f_logo
{background:url('../images/f_logo.png') no-repeat center; width:170px; height:60px; position:absolute; margin-top:30px;}
#footer .info
{width:80%; float:right; text-align:left; opacity:1; line-height:145%;}
#footer .info .info01 span
{color:#b3b3b3; font-weight:300; font-size:15px;}
#footer .info .info02
{color:#d7d7d7; font-size:15px; font-weight:300; margin-top:20px;}
#footer .info .copy
{color:#d7d7d7; font-size:15px; font-weight:300; margin-top:15px;}








/* sub page */
#header .gnb > li:hover > a, #header .gnb > li.is-active > a
{color:#009440 !important;}
#header .gnb > li > .subnav li a:hover, #header .gnb > li > .subnav li.is-active a
{color:#009440;}

.dropdown-nav-section .dropdown-wrap > .dropdown
{padding:0px 0px 5px; font-family:'Spoqa Han Sans';}
.dropdown-nav-section .dropdown-wrap > a
{letter-spacing:-1px;}
.dropdown-nav-section .dropdown-wrap > .dropdown li.is-active a
{background:#009440;}
.dropdown-nav-section .dropdown-02 > a
{color:#009440;}


.sub-title
{padding-bottom:0px;}
.sub-body
{padding-top:0px;}

.sub-body .mob
{display:none;}

.sub-body img

/*board paging STR*/
.board-paging b
{background-color:#008842;}
.btn-default
{padding:0px;}
/*board paging END*/

/*policy STR*/
.info_policy
{padding:60px 30px; border:1px solid #eee;}
/*policy END*/

/* form mail */
.formmail_border
{border: 1px solid #d4d4d4;}
.btn-primary, .btn-primary
{border-color:#008842; background-color:#008842;}
.btn-primary:hover, .btn-primary:focus
{border-color:#26905a; background-color:#26905a;}





/*sub product */
.sub_wrap
{text-align:center;}
.sub_wrap .sub_img_wrap
{width:33.333%; text-align:center; display: inline-block; margin:0px; float:left; padding:0px 20px; margin-bottom:30px;transition:all .2s ease-in-out;}
.sub_wrap .sub_img_wrap > a
{width:100%;height:100%; display : inline-block;  border:1px solid #eee; box-shadow : 1px 3px 3px 3px #eee;}
.sub_wrap .sub_img_wrap:hover
{transform : translate(0px,-10px);}
.sub_wrap .sub_img_wrap:hover .txt3
{color:#333;}
.sub_wrap .sub_img_wrap .sub_txt_wrap
{background:#f3f3f3; text-align:left; padding:40px 10px; transform:skew(0.1deg);}
.sub_wrap .sub_img_wrap .sub_txt_wrap .txt1
{font-size:26px; font-weight:600; font-family:'NanumSquare'; color:#222;}
.sub_wrap .sub_img_wrap .sub_txt_wrap .txt2
{font-weight:400; color:#018020; font-size:19px; padding-top:5px;}
.sub_wrap .sub_img_wrap .sub_txt_wrap .txt3
{padding:10px 0px 0px; color:#333;}

.list_btn
{text-align:center; margin-top:80px;}
.list_btn a
{display : inline-block; padding:8px 50px; border:1px solid #008842; color:#fff; font-weight:300; font-size:18px; background:#008842;}
.list_btn a:hover
{background:#06964c; border-color:#06964c; }

.dropdown-nav-section .product-dropdown ul.dropdown li:last-child
{display : none;}

@media screen and (max-width:414px){
	
	.container
	{padding:0px 10px;}
	/* mobile menu STR */
	#header nav .btn-close-nav
	{left:unset; right:5px;}
	#header nav .mobile-header
	{border-color:#00692d;background:#00692d;}
	
	#header .gnb > li > a
	{padding:0px 20px; height:75px; line-height:75px;}
	#header .gnb > li.is-active > a, #header .gnb > li.is-open > a
	{color:#265333;}
	/* mobile menu END */
	#main-hero
	{height:325px;}
	#main-hero .slick-slide .slide-caption .caption-inner h2
	{font-size:28px; margin-top:50px;}
	#main-hero .slick-slide .slide-caption p
	{background:url('../images/logo.png'); width:135px; height:43px; margin-top:10px;}
	#main-hero .slick-dots
	{bottom:5px;}
	
	
	.product .main_tit h2
	{font-size:36px;}
	.product .main_tit p
	{font-size:16px;}
	.product .slide_wrap
	{margin-bottom:30px;}
	.product .owl-pagination
	{position:absolute; bottom:-25px; width:100%; display: inline-block; text-align:center;}
	.product .owl-pagination .owl-page
	{width:14px; height:14px; border-radius:50px; border:1px solid #009440; display : inline-block; margin:0px 3px;}
	.product .owl-pagination .owl-page.active
	{background:#009440; width:40px;}
	.product .product_slide .owl-controls .owl-buttons
	{display : none;}
	
	
	section.main-parallax-section
	{padding:100px 15px;}
	section.main-parallax-section .parallax-caption-inner h2
	{font-size:36px;}
	section.main-parallax-section .parallax-caption-inner p
	{font-size:15px;}
	section.main-parallax-section .parallax-caption-inner p .mo_hide
	{display : none;}
	
	.main-section .section-heading h2
	{font-size:36px;}
	.main-section .section-heading p
	{font-size:16px;}
	.company
	{display : inline-block; text-align:center; width:100%;}
	.company .com_wrap
	{float:none;padding:0px; margin-top:40px;}
	.company .com_wrap:nth-child(1)
	{padding-left:0px; margin-top:0px;}
	
	
	.notice_wrap h2
	{float:none; margin-bottom:15px;}
	.notice_wrap table.article-list
	{float:none; width:100%;}
	.notice_wrap button.slick-prev.slick-arrow
	{top:-33px;}
	.notice_wrap button.slick-next.slick-arrow
	{top : -33px;}
	
	
	#footer .f_logo
	{ float:none; position:relative; margin:0px; width:100%;}
	#footer .info
	{width:100%;float:none; margin-top:20px;}

	#footer .info .info02
	{line-height:150%; transform:skew(0.1deg);}
	
	
	
	/* sub product STR */
	.sub_wrap .sub_img_wrap
	{width:100%;}
	
	
	/* form mail */
	.contact .table
	{display : inline-block;}
	.contact .table > tbody
	{display : inline-block; width:100%;}
	.contact .table > tbody > tr
	{height: auto; display : inline-block; width:100%;}
	.contact .table > tbody > tr > td:nth-child(1)
	{display : inline-block; width:20% !important;}
	.contact .table > tbody > tr > td:nth-child(2)
	{width:79% !important; display : inline-block; }
	.contact .table > tbody > tr:nth-child(2) > td:nth-child(2)
	{height:25px;}
	.contact .table > tbody > tr > td:nth-child(2) > .formmail_border 
	{width:100%;}
	.contact .table > tbody > tr > td:nth-child(2) > .formmail_textarea_style
	{width:100%;}
	.contact .table > tbody > tr:last-child td.formmail_cell_bgcolor
	{width:100% !important; }


	.sub-body .com
	{display:none;}
	.sub-body .mob
	{display:inline-block}
}


@media screen and (max-width:360px){
	#main-hero .slick-slide .slide-caption .caption-inner h2
	{font-size:24px; transform:sked(0.1deg);}
	
	
	#footer .info span
	{margin:0px 6px;}
	

}