@charset "utf-8";

/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800;900&display=swap');*/
/*override*/
.latest_wr {padding-top: 250px; max-width: 1200px; width: 90%; margin: 0 auto; font-size: 14px;}
/*COMMON*/
* {box-sizing: border-box;}
html {font-size:62.5%; scroll-behavior: smooth;}
body {/*overflow-x:hidden;*/ overflow-wrap: break-word; font-size: 1.4rem; }
html.noscroll {overflow: hidden;}
textarea {font-size: 1.4rem;}
input {font-size: 1.4rem;}
[lang=='ko'] {word-break: keep-all;}
.copy-hidden {display: none;}
.hidden {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
.hover-tooltip {
  position: relative;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  background: #808080;
  border: 0;
  padding:0;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
  color:#fff;
  cursor: pointer;
}
.hover-tooltip:hover:before,
.hover-tooltip:focus:before {
  content:'';
  position: absolute;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-right-color:#808080;
  border-right-color:rgba(0,0,0,.5);
  border-left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 20px;  
}
.hover-tooltip:hover:after,
.hover-tooltip:focus:after {
  content: attr(aria-label);
  position: absolute;
  top: -6px;;
  left: 24px;
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  font-weight: 400;
  text-align: left;
  background: #808080;
  background: rgba(0,0,0,.5);
  border-radius: 3px;
  white-space: nowrap;
  color: #fff;
}

.file--thumbnail .hover-tooltip {
	background: #ff0000;

}
.file--thumbnail .hover-tooltip:hover:before,
.file--thumbnail .hover-tooltip:focus:before {
	border-right-color: #ff0000;
}
.file--thumbnail .hover-tooltip:hover:after, 
.file--thumbnail .hover-tooltip:focus:after {
	background: #ff0000;
}

.file--thumbnail {color: #ff0000;}

.mt20 {margin-top: 20px;}
/* selection */
/*::-moz-selection {background: #12887a; color:#fff;}*/
/*::selection {background: #12887a; color:#fff;}*/
/*::-moz-selection {background: #12887a; color:#fff;}*/
.product-table {
    table-layout: fixed;
    width: 100%;
    padding: 0;
    border-spacing: 0;
    border-bottom: 1px solid #000;
	border-top: 0;
	
}
.product-table th,.product-table td {
    padding: 20px 25px;
    border-top: 1px solid #d3d3d3;
    vertical-align: middle;
	font-size: 16px;
}

.product-table tr:first-child th,.product-table tr:first-child td {
    border-top: 2px solid #000
}

.product-table th {
    font-weight: 500
}
.product-table th:first-child {
    border-right: 1px solid #d3d3d3
}

.product-table td:first-child {
    border-right: 1px solid #d3d3d3;
    font-weight: 500;
    text-align: center
}

/**********************************************************************************
** font(family, size)
***********************************************************************************/
h1, h2, h3, .ns, a.ns, .btn, a.btn {font-weight: bold; word-break:keep-all; }
.en {font-family: 'Red Hat Display', sans-serif;}
.f60 {font-size: 6.0rem;}
.f32 {font-size: 3.2rem;}
.f24 {font-size: 2.4rem;}
.f22 {font-size: 2.2rem;}
.f20 {font-size: 2.0rem;}
.f18 {font-size: 1.8rem;}
.f16 {font-size: 1.6rem;}
.f14 {font-size: 1.4rem;}
.f12 {font-size: 1.2rem;}

/**********************************************************************************
** button
***********************************************************************************/
.ar_btn {
	display: inline-block;
	min-width: 180px;
	padding: 21px 29px;
	position: relative;
	vertical-align: middle;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -0.025em;
	line-height: 1;
	border: 1px solid #222;
	border-radius: 0px;
	background: transparent;
	overflow: hidden;
	-webkit-transition: color .55s cubic-bezier(.52,.08,.18,1);
	transition: color .55s cubic-bezier(.52,.08,.18,1);
}
.ar_btn:before {
	content: '';
	display: block;
	width: 120%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top;
	-webkit-transform: translateX(-101%) skewX(-17.62deg);
	-ms-transform: translateX(-101%) skewX(-17.62deg);
	transform: translateX(-101%) skewX(-17.62deg);
	-webkit-transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);
	transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);
	transition: transform .55s cubic-bezier(.52,.08,.18,1);
	transition: transform .55s cubic-bezier(.52,.08,.18,1), -webkit-transform .55s cubic-bezier(.52,.08,.18,1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.ar_btn:hover:before {
	-webkit-transform: translateX(0) skewX(-17.62deg);
	-ms-transform: translateX(0) skewX(-17.62deg);
	transform: translateX(0) skewX(-17.62deg);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
}
.ar_btn span {
	position: relative;
}
.ar_btn.more_btn:hover {
	color: #fff;
}
.ar_btn.more_btn:before {
	background: #222;
}

/**********************************************************************************
** board - gallery
***********************************************************************************/

/* table list*/
.table-inner {min-width: 555px; overflow: auto;}
table { border-spacing: 0; table-layout: fixed; word-wrap: break-word; width: 100%; border-top: 2px solid #a1a1a1; border-bottom:2px solid #a1a1a1; }
table th {background-color:#f3f3f3; color:#252525; padding: 15px 10px; border-right: 1px solid #e2e2e2; font-size:14px; vertical-align: middle;}
table td {font-size:14px; padding: 15px 10px; vertical-align: middle; word-break: keep-all;}

table.tbl-row {}
table.tbl-row th {border-bottom:1px solid #e2e2e2;}
table.tbl-row th:last-of-type {border-right:none;}
table.tbl-row tr:last-of-type th {border-right:none;}
table.tbl-row td {border-bottom:1px solid #a1a1a1; border-right:1px solid #eaecee; text-align:center;}
table.tbl-row td:last-of-type {border-right:none;}
table.tbl-row tr:last-of-type td {border-bottom:none;}
table.tbl-row tr:nth-last-of-type(2) td[rowspan="2"] {border-bottom: none;}
table.tbl-row tfoot tr td {border-top: 1px solid #a1a1a1;}

table.tbl-col th {border-bottom: 1px solid #e2e2e2;}
table.tbl-col thead th {background: #fff;}
table.tbl-col tbody tr:last-of-type th {border-bottom: none; }
table.tbl-col tr th:last-of-type {border-right: none; }
table.tbl-col td {border-bottom: 1px solid #eaecee; text-align: center; }
table.tbl-col tbody tr:last-of-type td {border-right:none; border-bottom: none;}
table.tbl-col tr:last-of-type td:last-of-type {border-right:none; border-bottom: none;}


/****************************************
	Style
****************************************/
.flex {
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
}
button {background: none; border: 0; }
img.img-white {filter : brightness(0) invert(1)}



/****************************************
	Fullpage
****************************************/
#fp-nav.right {right: 45px;}
#fp-nav ul li {height: 18px; margin: 12px 0; width: auto;}
#fp-nav ul li a span {background: #fff;width: 6px; height: 6px; margin: 0; transform: translate(-50%,-50%);}
#fp-nav ul li a.active span {display: block; width: 6px; height: 6px; margin: 0;}
#fp-nav ul li:hover a span,
#fp-nav ul li:hover a.active span {margin: 0; width: 10px; height: 10px;}
#fp-nav ul li a.active { display: block; width: 18px; height: 18px; border: 1px solid #fff; border-radius: 50%;}
#fp-nav ul li:last-child {display: none;}

#fp-nav.img-color ul li a span {background: #00190d;}
#fp-nav.img-color ul li a.active {border-color: #00190d; }

@media screen and (min-width: 700px) and (max-width: 1200px){
	#fp-nav.right {right: 10px;}
}
@media screen and (max-width: 699px){
	#fp-nav.right {right: 10px;}
}


/****************************************
	Header
****************************************/
.header {position: fixed; left:0; right: 0; top:0; z-index: 9999; height: 85px; width: 100%; opacity: 1; box-shadow: 0 0 0 1px rgb(255 255 255 / 20%);}
.header .header-wrap {max-width: 100%; height: 100%; position: relative;}
#logo {position: absolute; top: 50%; left: 120px; transform: translateY(-50%); transition: all .3s; padding: 0; float: none; z-index: 999; transition: all .3s;}
#logo a {display: block; width: 120px;}
#logo a img {width: 100%;}
.header-wrap .menu {position: absolute; top: 50%; right: 30px; font-size: 0; transform: translateY(-50%); z-index: 99}
.header-wrap .menu button {background: none; border: none; display: block; width: 25px; height: 20px; position: relative;}

@media screen and (max-width: 1200px){
	.header {height: 60px;}
	.noscroll #logo {z-index: -1;}
	#logo { width: 82px; position: initial; transform: initial; line-height: 60px; margin-left: 40px;}
	#logo img {max-width: 100%;}
}
@media screen and (max-width: 699px){
	.header {height: 50px;}
	#logo { width: 72px; margin-left: 20px; line-height: 50px;}
/*	.toggle-holder {top: 17px; right: 20px;}*/
}


/*menu*/
.menu_container {
	display: block;
	width: 100%;
	position: relative;
	font-size: 0;
	line-height: 1;
	text-align: center;
	z-index: 550;
}
.menu_bg {
	position: absolute;
	top: 85px;
	left: 0;
	right: 0;
	bottom:0;
	transition: height 0.6s, box-shadow 400ms, background 0.6s, -webkit-box-shadow 400ms;
	
}

#menu {
	display: inline-block;
	vertical-align: top;
}
#menu > li {display: inline-block;vertical-align: top;
	position: relative;
}
#menu a {display: block; line-height: 1.7; transition: all .3s;}

#menu > li > a {position: relative; padding: 25px 50px;	font-size: 1.8rem;	font-weight: 600;	color: #fff; line-height: 2; margin: 0 20px}
#menu > li:hover > a {color: #0a4a35;}
#menu > li > a:before {content:''; display: block; width: auto; height: 3px; background: #0a4a35; position: absolute; bottom: 0; left: 50%; right: 50%; transition: all 300ms;}
#menu > li:hover > a:before {left: 0; right: 0; transition: all 300ms;}

/* 2depth */
#menu > li > ul {display: none;	width: 100%; position: absolute; left: 0; background: transparent;}
#menu > li:last-child ul {border-right: 0;}
#menu > li > ul > li {display: block;}
#menu > li > ul > li > a {padding: 6.5px 15px; font-size: 1.6rem;font-weight: 400;text-align: center;color: #888;}
#menu > li > ul > li:first-child > a {padding-top: 24.5px;}
#menu > li > ul > li:last-child > a {padding-bottom: 36.5px;}
#menu > li > ul > li:hover > a, 
#menu > li > ul > li.current-menu-item > a, 
#menu > li > ul > li.current-page-ancestor > a {color: #0a4a35; font-weight: 600}

#menu:hover + .menu_bg {height: 250px; 	background: #fff;	box-shadow: 0 3px 6px 0px rgb(0 0 0 / 5%);}
#menu:hover .sub-menu {	display: block;}
.scrollheader#header #menu:hover + .menu_bg {top: 75px;}
.m_menu {display: none;}
/*override*/
a.gnb_2da:hover {color: #0a4a35;}

/*눌렀을때*/
.menu-box.active,
.menu-box.active .menu-overlay, 
.menu-box.active .menu-contents {visibility: visible; opacity: 1; right: 0; }
/*section 배경없을때*/
.header.img-color, .header.img-hover {border-bottom: 1px solid #e4e4e4; background: #fff;}
.header.img-color #menu > li > a,
.header.img-hover #menu > li > a {color: #252525}
.header.img-color #menu > li:hover > a,
.header.img-hover #menu > li:hover > a{color: #0a4a35;}
.header.img-color .img-white,.header.img-hover .img-white {filter: none;}
.header.img-color .menu-btn-line { background: #006935;}
.header.img-color .menu-btn-line:before,
.header.img-color .menu-btn-line:after {background: #006935;}


/****************************************
	Subpage-header
****************************************/
.article-subheader {width: 100%; position: fixed; top: 84px; opacity: .95;}
.article-meta {height: 52px; position: relative; background: #f6f6f6; border-bottom: 1px solid #e8e8e8;}
.article-breadcrumbs {max-width: 1900px; margin: 0 auto; padding: 0 120px; height: 100%;}
.article-breadcrumbs ul.breadcrumb {height: 100%; font-size: 0;}
.article-breadcrumbs ul.breadcrumb > li {display: inline-block; position: relative; vertical-align: middle; color:#aaa; width: 188px; font-size: 15px; height: 100%;}
.article-breadcrumbs ul.breadcrumb > li:after {content:''; display: block; width: 1px; height: 15px; background: #ddd; position: absolute; top:50%; right: 0; transform: translateY(-50%);}
.article-breadcrumbs ul.breadcrumb > li:last-child:after {width: 0;}
.article-breadcrumbs ul.breadcrumb li > a {height: 100%; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 17px}
.article-breadcrumbs ul.breadcrumb li button {height: 100%; width: 100%;}
.article-breadcrumbs ul.breadcrumb li button span {display: flex; align-items: center; justify-content: space-between; padding: 0 17px}
.article-breadcrumbs ul.breadcrumb li button i {font-size: 10px; transition: transform .3s;}
.article-breadcrumbs ul.breadcrumb li.active button i {transform: rotate(-180deg);}
.article-breadcrumbs ul.breadcrumb li.home {width: auto; height: auto; padding-right: 15px; }
.article-breadcrumbs ul.breadcrumb li.home a {display: inline-block; vertical-align: middle; width: 100%; font-weight: 900}
.article-breadcrumbs ul.breadcrumb li ul {position: absolute; top: 51px; font-size: 15px; padding: 17px; background: #f6f6f6; width: 100%; border: 1px solid #e8e8e8; border-top: 0; opacity: 0; visibility: hidden; transition: opacity .5s;}
.article-breadcrumbs ul.breadcrumb li.active ul {opacity: 1; visibility: visible;}
.article-breadcrumbs ul.breadcrumb li ul li a {display: inline-block; line-height: 1.4; padding: 7px 19px; font-size: 15px;}
.article-breadcrumbs ul.breadcrumb li ul li a:hover {color: #0a4a35 }

/*subpage*/
.article {padding-top: 135px;}
.article_header {
	position: relative; 
	height: 330px; 
	left: 0; 
	width: 100%; 
	z-index: 0; 
	top:0px; 
	overflow: hidden;
}
.article_header_bg {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top:0;
	left:0;
	background-size: cover;
	background-attachment: fixed;
	-webkit-transition: transform .3s ease-out; 
	-moz-transition: transform .3s ease-out; 
	-ms-transition: transform .3s ease-out;
	-o-transition: transform .3s ease-out; 
	transition: transform .3s ease-out;       
}
.article_header_bg.bg-scale { 
	background-color: #000
}
.article_header_bg:after {
	content:'';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left:0;
	mix-blend-mode: normal;
	background: rgba(0,0,0,.3);
}
/*background*/
.article_header_bg.overview {background-image: url('../img/customer.jpg');background-position: bottom center;}
.article_header_bg.greeting {background-image: url('../img/customer.jpg'); background-position: bottom center;}
.article_header_bg.service {background-image: url('../img/customer.jpg'); background-position: bottom center;}
.article_header_bg.customer {background-image: url('../img/customer.jpg'); background-position: bottom center;}
.article_header_bg.product {background-image: url('../img/customer.jpg');background-position: bottom center;}


.article_header_txt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
	text-align: center;
	width: 80%;
}
.article_header_txt .article_sub_tit {
	font-size: 26px;
	letter-spacing: 10px;
}
.article_header_txt .article_tit {
	font-size: 56px;
	padding: 10px 0 20px;
}
.article_header_txt .article_desc {
	font-size: 16px;
	font-weight: 500; word-break: keep-all;
}
.article_main {
	padding: 20px 0 0px;
}
.article_main .article_nav {
	font-size: 14px; 
	font-weight: 400;
	padding: 40px 0;
}
.article_main .article_nav i {
	vertical-align: bottom;
	font-size: 17px;
}
.article_main_tit {
	text-align: center;
	font-size: 42px;
	padding-bottom: 30px;
	padding-top: 62px;
}
.sub-tit {font-size: 17px; color: #666; text-align: center;}
@media screen and (max-width: 1400px) {
	#menu > li > a {padding: 25px 25px;}
}
@media screen and (min-width: 700px) and (max-width: 1200px) {
	.article-subheader {top: 60px;}
	.article-breadcrumbs {padding: 0 25px;}
	.article {padding-top: 110px;}
}

@media screen and (max-width: 699px){
	.article-subheader {top: 50px;}
	.article-breadcrumbs {padding: 0 5px;}
	.article-breadcrumbs ul.breadcrumb > li:nth-child(2) {width: auto;}
	.article-breadcrumbs ul.breadcrumb li.home {padding: 0; display: none;}
	.article {padding-top: 100px;}
	.article_header {height: 220px;}
	.article_header_txt .article_sub_tit {font-size: 20px;}
	.article_header_txt .article_tit {font-size: 40px;}

	.article_main_tit {font-size: 28px;	padding-top: 42px; padding-bottom: 16px;}
	.sub-tit {font-size: 14px;}
}

/****************************************
	SubPage
****************************************/
.inner {max-width: 1200px; width: 90%; margin: 0 auto; }
.img-text-list li {	display: flex; 	flex-wrap: wrap; align-items: center; margin-bottom: 150px;}
.img-text-list li:nth-child(2n) {flex-flow: row-reverse;}
.img-text-list li .overview_txt {width: 50%; font-size: 22px; padding-right: 22px;}
.img-text-list li:nth-child(2n) .overview_txt {padding-left: 22px; padding-right: 0;}
.img-text-list li .overview_txt b.en {font-size: 2em; font-weight: 400;}
.img-text-list li .overview_txt p {	word-break: keep-all;	padding-top: 16px;	font-weight: 400;	line-height: 1.6;}
.img-text-list li img {width: 50%;}

@media screen and (max-width: 1200px) {
	.img-text-list li .overview_txt {padding: 0 30px;}
	.img-text-list li .overview_txt b.en {font-size: 30px;}
	.img-text-list li .overview_txt p {font-size: 16px;}
}
@media screen and (max-width: 699px) {
	.img-text-list li {border: 1px solid #c9c9c9; margin-bottom: 50px;}
	.img-text-list li,
	.img-text-list li:nth-child(2n) {flex-flow: column-reverse;}
	.img-text-list li .overview_txt,
	.img-text-list li img {width: 100%;}
	.img-text-list li .overview_txt {padding: 60px 20px;}
}

/*overview*/
.overview_list,
.conslut_list {padding-top: 60px;}

.overview_list {padding-bottom: 160px;}
.overview_list ul.flex {display: flex; justify-content: space-between; padding: 20px 0; flex-wrap: wrap;}
.overview_list li {display: flex; flex-flow: column; align-items: center;width: calc(100% / 3 - 10px); background-color:rgba(5,104,57,.05); border-radius: 10px; padding: 50px 30px; margin-bottom: 20px;}
.overview_list li .overview-r {display: flex; flex-flow: column; align-items: center; padding-bottom: 30px;}
.overview_list li img {width: 64px;}
.overview_list li span.overview-sub-tit {display: inline-block; padding-top: 10px; font-weight: 600; font-size: 16px;}
.overview_list li .overview-sub-text {font-size: 20px;font-weight: 800; text-align: center; word-break: keep-all;}
@media screen and (max-width: 699px) {
	.overview_list li {width: calc(100% / 2 - 10px);}
}

@media screen and (max-width: 470px) {
	.overview_list li {width: calc(100%);}
}

/*service*/
.service-wrap {margin: 50px auto 0;}
.service-wrap img {width: 100%;}
.service-list-wrap {padding-bottom: 160px;}
.service-list-wrap ul.flex {display: flex; justify-content: space-between; padding: 50px 0; flex-wrap: wrap;}
.service-list-wrap li {display: flex; align-items: center; justify-content: space-around; width: calc(100%); background-color:rgba(5,104,57,.05); border-radius: 10px; padding: 50px; margin-bottom: 20px;}
.service-list-wrap li .service-r {display: flex; flex-flow: column; align-items: center; justify-content: center; text-align: center; width: 100px;}
.service-list-wrap li b {font-size: 30px; font-weight: bold; line-height: 0;}
.service-list-wrap li img {width: 64px;}
.service-list-wrap li .service-sub-text {width: calc(100% - 100px); font-size: 20px;  word-break: keep-all;}
.service-list-wrap li .service-sub-text span {display: inline-block; font-weight: 800; font-size: 16px; margin-bottom: 5px;}
.service-list-wrap li .service-sub-text p {font-weight: 400; word-break: keep-all;}

@media screen and (max-width: 1199px) {
	.service-wrap {overflow: auto hidden;}
	.service-wrap img {min-width: 1200px;}
}
@media screen and (max-width: 524px) {
	.service-wrap img {min-width: 1066px;}
	.service-list-wrap li {padding: 40px 16px;}
	.service-list-wrap li b {font-size: 26px;}
	.service-list-wrap li .service-r {width: 70px;}
	.service-list-wrap li .service-sub-text {font-size: 16px;}
}
/*greeting*/
.article_main.greeting {padding-top: 150px;}

.ceo-img01 { width: 520px; max-width: 38%; margin: 0 0 2% 2%;  transition: transform 0.6s}
.ceo-img01 img {width: 100%;}
.ceo-message01 { margin-bottom: 125px; transition: transform 0.6s; width: 60%;}
[class*='ceo-message'] b {font-size: 24px; font-weight: 600; letter-spacing: -0.025em; line-height: 1.5;}
[class*='ceo-message'] b span.color {color: #006935}
[class*='ceo-message'] p {margin-top: 25px; line-height: 1.5; color: #111; word-break: keep-all; font-size: 18px;}
.ceo-img02 {float: left; width: 952px; max-width: 78%; margin-left: -352px; transition: transform 0.6s}
.ceo-img02 img {width: 100%;}
.ceo-message02 {width: 34.3%; float: right; margin-top: 63px; transition: transform 0.6s;}
.ceo-message02 b {font-size: 30px; font-weight: 600; letter-spacing: -0.025em; }
.ceo-message02 p {margin-top: 25px; font-size: 16px; line-height: 1.8; color: #8a8a8a;  word-break: keep-all;}
.ceo-message03 {padding-bottom: 150px; }
@media screen and (max-width: 1260px) {
	.greeting_wrap .inner .flex {flex-flow: column-reverse;}
	[class*='ceo-message'] b {word-break: keep-all}
	.ceo-message01 {width: 100%;}
	.ceo-img01 {margin: 0; margin-bottom: 2%; max-width: 80%;}
	/* [class*='ceo-message'] br {display: none;} */
}
@media screen and (max-width: 1200px) {
	.article_main.greeting {padding-top: 70px;}
	.greeting_wrap {padding-bottom: 70px;}
	
	.ceo-message01 {margin-bottom: 60px;}
	.ceo-img02 {/*float: right;*/ max-width: 50%; margin-left: 0;}
	.ceo-message02 {/*float: left;*/ width: 45%; }
}

@media screen and (max-width: 699px) {
	[class*='ceo-message'] b {font-size: 24px;}
	[class*='ceo-message'] b br {display: none;}
	.ceo-img01,
	.ceo-img02 {float: none; width: 100%; max-width: 100%; margin: 0;}
	.ceo-message02 {width: 100%; margin-top: 30px;}
}
@media screen and (max-width: 460px) {
	[class*='ceo-message'] b {font-size: 22px; }
	
}

/*product*/
#page_tab {border-bottom: 1px solid #0a4a35;}
#page_tab  ul.page_tabs {display: flex; align-items: center;}
#page_tab  ul.page_tabs li {width: 180px; height: 60px; text-align: center; display: block; position: relative;}
#page_tab  ul.page_tabs li:not(.active):first-child {border-left: 1px solid #ddd;}
#page_tab  ul.page_tabs li:not(.active):last-child {border-right: 1px solid #ddd;}
#page_tab  ul.page_tabs li + li:after {content:''; width: 1px; height: 14px; background: #ddd; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#page_tab  ul.page_tabs li a {background: #f8f8f8; font-size: 16px; color: #aaa; display: flex; align-items: center; justify-content: center; height: 100%;border-top: 1px solid #ddd; position: relative; transition: all .3s;}
#page_tab  ul.page_tabs li.active a {background: #0a4a35; border-color:  #0a4a35; color: #fff;font-weight: 600}
#page_tab  ul.page_tabs li.active:after,
#page_tab  ul.page_tabs li.active + li:after {width: 0;}

.deatil-search {border-bottom: 1px solid #ddd; padding: 25px 10px; position: relative; display: flex; align-items: center; justify-content: space-between;}
.deatil-search p {font-size: 16px; line-height: 1.8}
.deatil-search p b {color: #0a4a35; font-weight: 600}
.deatil-search .btn-list i {font-size: 17px; color: #666;}

.product-list {display: flex; flex-wrap: wrap; }
.product-list-item {width: 33.33%; padding: 60px 20px;}
.product-list-item .product-list-img {position: relative; padding-top: 100%; overflow: hidden; border: 1px solid #ddd; margin-bottom: 18px;}
.product-list-item .product-list-img img {position: absolute; top: 0; left: 0; width: 100%; display: block; transform: scale(1) rotate(0deg); transition: transform 400ms, -webkit-transform 400ms; height: 100%;}
.product-list-item:hover .product-list-img img {transform: scale(1.05) rotate(0.01deg);} 
.product-list-nm-en {font-size: 18px; line-height: 1.2; color: #0a4a35; border-bottom: 1px solid #0a4a35; position: relative; display: inline-block; font-weight: 900}
.product-list-nm {display: block; font-size: 24px; margin-top: 9px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; padding-bottom: 5px;}
.product-list-price {padding: 10px 0;}
.product-list-price dl,
.product-list-price dt,
.product-list-price dd {display: inline-block;}
.product-list-price dl {margin-right: 18px; font-size: 16px; vertical-align: middle; line-height: 1; margin-top: 5px;}
.product-list-price dl dt {padding-right: 9px; margin-right: 7px; color: #0a4a35; position: relative; font-weight: 700}
.product-list-price dl dt:after {position:absolute; content:''; display: block; width: 1px; height: 10px; background: #ddd; top: 50%; right: 0; transform: translateY(-50%);}
.product-list-short {border-top: 1px solid #ddd; padding: 18px 0; margin-top: 18px; font-size: 16px;}

@media screen and (max-width: 1200px) {
	.product-list-item {padding: 40px 15px;}
}
@media screen and (max-width: 726px) {
	.product-list-item {width: 50%;}
}
@media screen and (max-width: 490px) {
	.product-list-item {width: 100%; padding: 20px 0px;}
	.product_wrap .page_tabs {margin-bottom: 0;}
}
/*product view*/
.product_main {padding-top: 137px}
.product_header {display: flex; justify-content: space-between; flex-wrap: wrap; /**/ padding-bottom: 50px;}
.product_header .product_thumb { width: 40%; overflow: hidden;}
.product_header .product_thumb img {width: 100%; height: auto;}
.product_header .product_info {position: relative; width: 50%; font-size: 15px;}
.product_header .product_info .product_nm {font-size: 32px; font-weight: 700; padding-bottom: 5px;}
.product_header .product_info .product_nm-sub {color: #777; font-size: 26px; font-weight: 900; color: #0a4a35; line-height: 1.1; border-bottom: 2px solid #0a4a35; margin-bottom: 10px; display: inline-block; letter-spacing: -1px;}
.product_header .product_info .product_feature {color: #777; font-size: 18px; padding-top: 5px;}

.product_info .product_info-wrap { height: 100%;}
.product_info .product_price {display: flex; align-items: center; padding: 40px 0 ;}
.product_price .product_price-item {font-size: 22px; white-space: nowrap;}
.product_price .product_price-item .product_price-number span{font-size: 20px; color: #aaa;}
.product_price .product_price-item .product_price-number .color {color: #0a4a35; font-weight: 700; font-size: 1.6em;}
.product_price .product_price-dot {padding: 0 40px;}
.product_price .product_price-dot i {font-size: 34px;}

.product_notice {position: relative; border-top: 1px solid #ddd; padding-top: 30px;}
.product_notice p {position: relative;  word-break: keep-all; font-size: 16px; padding-left: 20px; font-weight: 800; color: #0a4a35}
.product_notice i {position: absolute; top:50%; left:0; font-size: 16px; transform: translateY(-50%);}

.product_notice .dot-list {padding-top: 5px;}
.dot-list li {font-size: 15px; color: #252525; padding: 3px 0 3px 9px; position: relative; word-break: keep-all; }
.dot-list li:before {content:''; position: absolute; top: 10px; left: 0; width: 3px; height: 3px; background: #252525; border-radius: 50%;}

.product_btn {padding-top: 75px; margin-top: auto;}
.product_btn a {background: #eaeaea; display: inline-flex; align-items: center;	justify-content: center; width: calc(50% - 6px); padding: 25px 5px 23px; text-align: center;	font-size: 17px; font-weight: 500;}
.product_btn a:hover {background: #d0d0d0;}
.product_btn a.tel-btn {background: #0a4a35; color: #fff; margin-right: 5px;}
.product_btn a.tel-btn:hover {background: #062c1f;}
.product_detail {font-size: 16px; padding-bottom: 100px;}
.product_detail strong {font-size: 1.2em;}
.product_detail table {width: 100%;}
.product_detail .table {border-top: 2px solid #000;	border-bottom: 2px solid #000;}
.product_detail .table li {padding: 10px 0;}
.product_detail .table li + li {padding: 10px 0; border-top: 1px solid #777;}
.product_detail .table li strong {display: inline-block; width: 15%; padding: 0 10px; box-sizing: border-box; vertical-align: middle;}
.product_detail .table li span {display: inline-block; vertical-align: middle;}
.td-center td {text-align: center;}

@media screen and (max-width: 1200px) {
	.product_header .product_thumb {width: 45%;}
}
@media screen and (max-width: 726px) {
	.product_header {flex-flow: column;}
	.product_header .product_thumb {width: 100%;}
	.product_header .product_info {width: 100%;}
}
@media screen and (max-width: 490px) {
	.product_header .product_info .product_nm-sub {font-size: 20px;}
	.product_header .product_info .product_nm {font-size: 28px;}
	.product_price .product_price-item {font-size: 18px;}
	.product_price .product_price-dot {padding: 0 20px;}
	.product_price .product_price-item .product_price-number .color {font-size: 1.4em;}
	.product_btn a {padding: 20px 0 17px;}
}


/*rentalinfo*/
.rentalinfo.article_main {position: relative; padding: 0;}
.rentalinfo.article_main nav {background: #323128; position: sticky; top:136px; z-index: 999}
.rentalinfo.article_main nav ul {display: flex; align-items: center; justify-content: center;}
.rentalinfo.article_main nav ul a { color: rgba(255,255,255,.5); display: inline-block; padding: 16px 20px; font-size: 20px; }
.rentalinfo.article_main nav ul li.active a {color: #fff; font-weight: 600}

.rentalinfo_wrap {padding: 50px 0; }
.rentalinfo_wrap .sub-article-wrap.flex {justify-content: space-between; flex-wrap: wrap; margin-top: 80px;}
.rentalinfo_wrap .sub-article-wrap.flex.rentalinfo-service {}
.rentalinfo_wrap .sub-article-wrap.flex.rentalinfo-service .flex {align-items: center; justify-content: space-evenly; background-color: #f7f7f7; border-radius: 0px; overflow: hidden; padding: 50px 20px;}
.rentalinfo_wrap .sub-article-wrap.flex.rentalinfo-service .flex img {max-width: 120px;}
.rentalinfo_wrap .sub-article-wrap.flex.rentalinfo-service .flex ul {padding-left: 50px;}
.rentalinfo_wrap .sub-article-wrap.flex.rentalinfo-service .flex ul li {padding: 5px 0;}
.rentalinfo_wrap .sub-article-wrap.flex h3 {width: 300px; padding-right: 20px;}
.rentalinfo_wrap .sub-article-wrap.flex ul.list-circle li {position: relative;  padding: 5px 0 5px 20px; display: flex; align-items: flex-start}
.rentalinfo_wrap .sub-article-wrap.flex ul.list-circle li:before {content:''; display: inline-block; width: 6px; height: 6px; position: absolute; top: 14px; left: 0; border-radius: 50%; background-color: #252525;}
.rentalinfo_wrap .sub-article-wrap.flex div {width: calc(100% - 300px); font-size: 18px; }
.rentalinfo_wrap .sub-article-wrap.flex div table th,
.rentalinfo_wrap .sub-article-wrap.flex div table td {font-size: 16px;}
.rentalinfo_wrap .sub-article-wrap.flex div table td {text-align: left;}
.rentalinfo_wrap .sub-article-wrap.flex div table td.td-right {text-align: right;}
.rentalinfo .article_main_tit {position: relative; font-size: 28px; text-align: left; padding: 0; padding-left: 10px;}
.rentalinfo .article_main_tit:before {content:''; display: block; width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 0; left: 0; background: #0a4a35;}
.rentalinfo p {line-height: 1.4; word-break: keep-all;}

.process { margin-top: 70px; font-size: 0;  text-align: center; padding-bottom: 50px;}
.process li {position: relative; display: inline-block;  width: 20%;  font-size: 20px; vertical-align: top;}
.tab01 .process li { width: 25%;  }
.process-icon {position: relative; max-width: 120px; max-height: 120px; width: 90%; margin: 0 auto; border-radius: 50%; background: #f9f9f9; display: flex; align-items: center; justify-content: center; height: 120px;}
.process li:after {content:''; display: block; width: 100%; border-top: 1px dashed #d3d3d3; position: absolute; top: 60px; right: 0; z-index: -1;}
.process li:first-child:after {width: 50%;}
.process li:last-child:after {width: 50%; right: auto ; left: 0;}
.process-icon .icon { vertical-align: middle; display: block; width: 45%; height: 45%;}
.process-icon .icon.ico-prd-proc-01 { background: url(../img/step01.png) no-repeat center center; background-size: cover;}
.process-icon .icon.ico-prd-proc-02 { background: url(../img/step02.png) no-repeat center center; background-size: cover;}
.process-icon .icon.ico-prd-proc-03 { background: url(../img/step03.png) no-repeat center center; background-size: cover;}
.process-icon .icon.ico-prd-proc-04 { background: url(../img/step04.png) no-repeat center center; background-size: cover;}
.process-icon .icon.ico-prd-proc-05 { background: url(../img/step05.png) no-repeat center center; background-size: cover;}

.tab02 .process-icon .icon.ico-prd-proc-01 { background: url(../img/step02.png) no-repeat center center; background-size: cover;}
.tab02 .process-icon .icon.ico-prd-proc-02 { background: url(../img/step03.png) no-repeat center center; background-size: cover;}
.tab02 .process-icon .icon.ico-prd-proc-03 { background: url(../img/step04.png) no-repeat center center; background-size: cover;}
.tab02 .process-icon .icon.ico-prd-proc-04 { background: url(../img/step06.png) no-repeat center center; background-size: cover;}
.tab02 .process-icon .icon.ico-prd-proc-05 { background: url(../img/step05.png) no-repeat center center; background-size: cover;}

.tab02 .help-text {font-size: 16px;}
.tab02 ul.help-more li {font-size: 16px;}

.process-title {margin-top: 30px; font-size: 24px; font-weight: 500;}
.process-desc {margin-top: 5px; font-weight: 300; word-break: keep-all; letter-spacing: -0.05em; line-height: 1.5;}

.process-info {background: #ecf7e5; text-align: center; font-size: 18px; padding: 20px 40px; word-break: keep-all;}

.rentalinfo .link-btn {padding-top: 120px; margin-bottom: 70px; }
.rentalinfo .link-btn .ar_btn {width: 100%; align-items: center; justify-content: space-between; padding: 40px 30px; border-color: #0a4a35; color: #fff; background: #0a4a35;}
.rentalinfo .link-btn .ar_btn span {font-weight: 400; color: rgba(255,255,255,.6); transition: all 200ms;}
.rentalinfo .link-btn .ar_btn b {position: relative; font-size: 20px;}
.rentalinfo .link-btn .ar_btn.more_btn:before {background: #0a4a35;}
.rentalinfo .link-btn .ar_btn.more_btn b {position: relative; transition: all 200ms;}
.rentalinfo .link-btn .ar_btn.more_btn b i {position: absolute; right: 0; top: 0px; opacity: 0; transition: opacity 200ms, right .2s;}
.rentalinfo .link-btn .ar_btn.more_btn:hover span {color: #fff;}
.rentalinfo .link-btn .ar_btn.more_btn:hover b {margin-left: -10px; padding-right: 10px;}
.rentalinfo .link-btn .ar_btn.more_btn:hover b i {opacity: 1; right: -15px; top: 0px; }

.help-text {padding: 10px 0; word-break: keep-all;}

@media screen and (max-width: 1200px) {
	.rentalinfo.article_main nav {top: 112px;}
}
@media screen and (max-width: 792px) {
	.rentalinfo .article_main_tit {font-size: 24px;}
	.process {position: relative; padding: 0; text-align: left; margin-top: 20px;}
	.process li {display: flex; flex-wrap: wrap; margin-bottom: 40px; font-size: 18px; align-items: center; width: 100%;}
	.process:before {content:''; display: block; position: absolute; top: 10px; bottom: 10px; left: 60px; width: 1px; border-left: 1px dashed #d3d3d3;}
	.process li:after {display: none;}
	.process-icon {width: 120px; height: 120px; margin: 0;}
	.process-txt {padding-left: 30px; }
	.process-title {margin-top: 0; font-size: 20px;}
	.process-desc br {display: none;}
	.rentalinfo_wrap .sub-article-wrap.flex {flex-flow: column;}
	.rentalinfo_wrap .sub-article-wrap.flex h3 {width: 100%; margin-bottom: 20px;}
	.rentalinfo_wrap .sub-article-wrap.flex div {width: 100%;}
	.rentalinfo .link-btn .ar_btn {flex-flow: column; align-items: baseline;}
	.rentalinfo .link-btn .ar_btn span {display: inline-block; padding-bottom: 10px; word-break: keep-all; line-height: 1.3}
}
@media screen and (max-width: 699px) {
	.rentalinfo.article_main nav {top: 102px;}
}
@media screen and (max-width: 510px) {
	.rentalinfo.article_main nav ul a {font-size: 16px;}
	.process-icon {width: 90px; height: 90px; margin: 0;}	
	.process:before {left: 45px;}
	.process li  {font-size: 14px;}
	.process-title {font-size: 18px;}
	.rentalinfo .article_main_tit:before {width: 6px; height: 6px;}
	.process-txt {padding-left: 20px;}
	.process-info {font-size: 14px; padding: 20px;}
	.rentalinfo_wrap .sub-article-wrap.flex h3 {font-size: 18px;}
	.rentalinfo_wrap .sub-article-wrap.flex div {font-size: 14px;}
	.rentalinfo_wrap .sub-article-wrap.flex div table th, .rentalinfo_wrap .sub-article-wrap.flex div table td {font-size: 13px;}
	.rentalinfo .link-btn .ar_btn {padding: 30px;}
	.rentalinfo .link-btn {padding-top: 60px;}
}
/*FAQ skin>faq>basic>list */
#faq_sch {background: #fff; }
.faq-search {position: relative; display: inline-block;}
#faq_sch .frm_input {border: 0; border-bottom: 2px solid #333; box-shadow: none; border-radius: 0; width: 450px; font-size: 20px;}
#faq_sch .frm_input:focus {border: 0 !important; border-bottom: 2px solid #333 !important;}
#faq_sch .btn_submit {background: #fff; color: #333; position: absolute; top: 10px; right: 0px; height: auto; width: auto; padding: 0 2px;}
#faq_sch .btn_submit i {font-size: 20px;}
#bo_cate ul {text-align: center;}
#bo_cate a {padding: 12px 22px; border-color: rgb(10 74 53 / 50%); color: #0a4a35; min-width: 150px; text-align: center; font-size: 18px; border-radius: 0; font-weight: 500;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {background: #0a4a35; color: #fff;}
#bo_cate #bo_cate_on {font-weight: 500; background: #0a4a35; color: #fff; box-shadow: none; border-color: #0a4a35;}
#faq_wrap {margin: 10px 0 150px;}
#faq_wrap li h3 {padding:22px 15px; padding-left: 50px}
#faq_wrap li h3 .tit_bg {top: 50%; transform: translateY(-50%);}
#faq_wrap li h3 a {font-size: 18px; font-weight: 500; display: flex; align-items: center;}
#faq_wrap li h3.faq_li_open a {color: #0a4a35; font-weight: 700;}
#faq_wrap li h3 .tit_btn {color: #252525; top: 50%; transform: translateY(-50%);}
#faq_con .con_inner .closer_btn {top: 24px;}
#faq_con .con_inner .closer_btn {color: rgb(10 74 53 / 50%);}
#faq_wrap li p,
#faq_wrap li p span {font-family: 'SUIT','Noto Sans KR','Malgun Gothic', dotum, sans-serif !important; font-size: 18px !important; line-height: 1.8 !important; white-space: normal !important;}
#faq_con .con_inner {padding: 20px 15px 20px 50px; background: #f7f7f7; border-top: 1px solid #ececec}

#faq_wrap li h3 a span.cate {display: inline-block; background: #0a4a35; color: #fff; padding: 2px 10px 2px 12px; border-radius: 20px; margin-right: 5px; font-size: 15px; min-width: 88px; text-align: center;}

@media screen and (max-width: 699px) {
	.faq-search {width: 100%;}
	#faq_sch .frm_input {width: 100%; font-size: 18px;}
	#bo_cate ul {display: flex;}
	#bo_cate ul li {flex: 1;}
	#bo_cate a {min-width: 100%; font-size: 16px; padding: 8px 10px; white-space: nowrap;}
	#faq_wrap li h3 {padding-left: 38px;}
	#faq_wrap li h3 a,
	#faq_wrap li p,
	#faq_wrap li p span {font-size: 14px !important;}	
	#faq_con .con_inner {padding: 20px 15px;}
}
@media screen and (max-width: 490px) {
	#faq_sch {margin: 0;}
	#faq_sch .frm_input {font-size: 16px;}
	#bo_cate {margin-bottom: 16px;}
	#bo_cate a {font-size: 14px;}
	#faq_wrap li h3 {padding-left: 0;}
	#faq_wrap li h3 .tit_bg {display: none;}
	#faq_wrap li h3 a {flex-flow: column; align-items: baseline;}
	#faq_wrap li h3 a span.cate {margin-bottom: 5px; font-size: 14px;}
	#faq_con .con_inner .closer_btn {top: 40px;}
}

/*Board list*/
.reference-wrap {padding-top: 60px;}
.reference-wrap #bo_list {margin-bottom: 150px;}
#bo_list_total {font-size: 16px; font-weight: 500; color: #252525}
.td_datetime {position: relative;}
.td_datetime .td-day {font-size: 50px; display: block; font-weight: 900; color: #ccc; transition: all .3s;}
.td_datetime .td-month {font-size: 14px; font-weight: 800;  color: #ccc; display: block; transition: all .3s;}
.reference-wrap .tbl_head01 td {line-height: unset;}
.reference-wrap .bo_tit {font-size: 20px; font-weight: 600; margin-bottom: 5px;}

.tbl_head01 td {height: auto; border-top: 0;}
#bo_list tbody tr {transition: all .3s;}
#bo_list tbody tr,
#bo_list tbody tr:hover {border-left: 0;}
#bo_list tbody tr:hover td {border-bottom: 1px solid #252525; transition: all .3s;}
#bo_list tbody tr:hover .td_datetime .td-day,
#bo_list tbody tr:hover .td_datetime .td-month {color: #0a4a35}
.tbl_head01 tbody tr td {border-bottom: 1px solid #ededed;}
/*.tbl_head01 tbody tr:hover td {border-color: #252525}*/

#bo_list .bo_tit .fa-lock {background: none;}
#bo_list .bo_tit .new_icon {background: none;}
#bo_list .bo_tit .hot_icon {background: none;}
#bo_list .bo_tit .fa-download {background: none;}
#bo_list .bo_tit .fa-link {background: none;}

.bo_sch {transform: translate(-50%,-50%); margin: 0;}

#bo_v_title {text-align: center;}
#bo_v_info .profile_info {display: block; float: none; text-align: center;}
#bo_v_info .profile_info .profile_info_ct {float: none; display: flex; align-items: center; justify-content: center;}
#bo_v_info .profile_info .profile_info_ct p {position: relative; font-size: 17px; color: #aaa; font-weight: 600; padding: 0 16px; }
#bo_v_info .profile_info .profile_info_ct p + p:after {content:''; display: block; width: 1px; height: 14px; position: absolute; top: 50%; left: 0; background: #ddd; transform: translateY(-50%);}
#bo_v_info .profile_info .profile_info_ct p strong,
#bo_v_info .profile_info .profile_info_ct p span {font-weight: 600}
#bo_v_info .if_date {color: #aaa;}

.reference-wrap #bo_v {margin-bottom: 150px;}
#bo_v_file li:hover {border-color: #a6ada4;}
#bo_v_file li:hover i {color: #006935;}
#bo_v_file a:focus, 
#bo_v_file li:hover a, 
#bo_v_file a:active {color: #006935;}
#bo_v_file li:hover .bo_v_file_cnt {color: #63894b}

@media screen and (max-width: 1200px) {
	.article_main.reference-wrap {padding: 40px 0;}
}
@media screen and (max-width: 699px) {
	.td_datetime .td-day {font-size: 30px;}
	.td_datetime .td-month {font-size: 11px; white-space: nowrap;}
	.reference-wrap .bo_tit {font-size: 15px;}
	#bo_v_con {font-size: 14px;}
}
/****************************************
	Footer
****************************************/
#footer { position: relative; z-index: 2; background: #00190d; font-size: 14px; padding: 3rem 0;}
#footer .inner {max-width: 1200px; width: 100%; margin: 0 auto;}
.footer_wrap {position: relative; margin: 64px 0; padding-left: 198px; }
.footer_wrap .footer_logo {position: absolute; left:0; top:0;}
.footer_wrap .footer_logo img { width: 100px; opacity: .4;}
.footer_inner {color: #a5a5a5 !important; }
.footer_inner .color_a {color: #a5a5a5}
.footer_inner .footer_menu {line-height: 20px;}
.footer_inner .footer_menu a {color: #a5a5a5; padding-right: 1rem;}
.footer_inner .footer_menu a strong {color:#fff;}
.footer_inner .footer_addr {line-height: 1.6;}
.footer_inner .footer_addr span {display: inline-block;	padding-right: 1rem;}
.footer_inner .footer_copyright {margin-top: 2rem;	font-size: 14px; }
.footer_wrap .footer-admin {border-top: 1px solid rgba(255,255,255,.2); margin-top: 15px; padding-top: 15px; text-align: right;}
.footer_wrap .footer-admin a {color: rgba(255,255,255,.5)}

@media screen and (min-width: 700px) and (max-width: 1200px) {
	#footer .inner {width: 90%;}
}
@media screen and (max-width: 699px){
	#footer .inner {width: 90%;}
	.footer_wrap {padding-left: 130px}
}
@media screen and (max-width: 455px){
	.footer_wrap {margin: 32px 0; padding: 0;}
	.footer_wrap .footer_logo {position: relative; display: block; margin-bottom: 20px;}
	.footer_wrap .footer_logo img {width: 80px;}

}

/****************************************
	Main
****************************************/
#fullpage > section {overflow: hidden;}
#fullpage .fp-tableCell {vertical-align: top;}
.swiper {height: 100%;}
.visual-bg {width: 100%; height: 100%;position: absolute; top: 0; left: 0;}
.slide_01-1 .visual-bg {background: url(../img/main-banner01.png) no-repeat center center; background-size: cover;}
.slide_01-2 .visual-bg {background: url(../img/main-banner02.png) no-repeat center center; background-size: cover;}
.slide_01-3 .visual-bg {background: url(../img/main-banner03.png) no-repeat center center; background-size: cover;}
/*.visual-bg:after {content:''; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.2); }*/
.visual-txt {position: relative; width: 100%; max-width: 1740px; height: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center;}
.visual-txt .visual-title {margin-bottom: 24px; font-size: 18px; font-weight: 800;}
.visual-txt .visual-title span {position: relative; text-transform: uppercase;}
.visual-txt .visual-title span:after {content:''; display: block; width: 100%; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0;}
.visual-txt .visual-subtitle {font-size: 70px; line-height: 1.15; font-family: 'Anton', sans-serif; letter-spacing: 1px;}
.visual-txt .visual-desc {font-size: 18px; margin-top: 34px; color: #ddd; line-height: 1.8; display: block;}
.slider_status {position: absolute; top: 65%; color: #ddd; width: 150px; left: 50%; transform: translateX(-50%); z-index: 9; border-radius: 30px; padding: 10px; }
.slider_status .swiper-pagination {position: relative; font-size: 16px;  bottom: 0; font-weight: 100;}
.slider_status .swiper-pagination span {font-weight: 600;}
@media screen and (min-width: 700px) and (max-width: 1200px){
	.visual-txt .visual-subtitle {font-size: 42px;}
	.visual-txt .visual-desc {width: 50%; margin: 0 auto; line-height: 1.3; padding-top: 10px; word-break: keep-all;}
}
@media screen and (max-width: 699px){
	.visual-txt .visual-subtitle {font-size: 30px;}
	.visual-txt .visual-desc {width: 50%; margin: 0 auto; line-height: 1.3; padding-top: 10px; word-break: keep-all;}
}
@media screen and (max-width: 445px){
	.visual-txt .visual-subtitle {font-size: 26px; width: 80%; margin: 0 auto; word-break: keep-all;}
	.visual-txt .visual-desc {font-size: 15px; width: 60%;}
}
/*swiper*/
.swiper-button-prev, .swiper-container-rtl .swiper-button-next,
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: none;}
.swiper-button-next, 
.swiper-button-prev {height: auto; margin-top: 0; transform: translateY(-50%); font-size: 13px;}
.swiper-button-prev {left: 20px;}
.swiper-button-next {text-align: right; right: 20px;}

.section_wrap {height: 100%;}
.section_wrap > .flex {height: 100%;}


.banner-item {flex:1; overflow: hidden;}
.banner-item a {position: relative; display: block; height: 100%;}
.banner-item a figure {height: 100%;}
.banner-item a img {width: 100%; height: 100%; transform: scale(1) rotate(0deg); transition: transform .4s, -webkit-transform .4s;}
.banner-item a .banner-txt {position: absolute; text-align: center; top: 50%; left: 0; right: 0; padding: 0 20px; color: #fff; transition: transform .3s;}
.banner-item a .banner-txt b {font-size: 32px;}
.banner-item a .banner-txt p {font-size: 16px; color: #ddd; width: 80%; margin: 0 auto; word-break: keep-all; padding-top: 20px; line-height: 1.5}
.banner-item .type-01-btn {padding: 16px 20px; width: 155px; text-align: center; display: inline-flex; align-items: center; justify-content: space-between; font-size: 15px; border: 1px solid #fff; margin-top: 30px; opacity: 0; visibility: hidden; transition: opacity .3s, transform .3s, -webkit-transform .3s; transform: translate3d(0,10px,0)}
.banner-item .type-01-btn i {font-size: 10px;}
/*.banner-item a:hover img { transform: scale(1.05) rotate(0.01deg);}*/
.banner-item a:hover .banner-txt {transform: translate3d(0,-10px,0);}
.banner-item a:hover .banner-txt b {color: #3fdd93;}
.banner-item a:hover .type-01-btn {opacity: 1; visibility: visible; transform: translate3d(0,0,0); transition-delay: .25s;}
@media screen and (max-width: 1610px){
.banner-item a .banner-txt p {width:50%;}
.banner-item a .banner-txt p br {display: none;}
}
@media screen and (max-width: 1200px){
	#section02 .section_wrap > .flex {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 66% 34% ; max-height: calc(100vh - env(safe-area-inset-bottom));}
	#section02 .section_wrap > .flex .banner-item:last-of-type {grid-column-end: span 2;}
	.banner-item a, .banner-item figure {display: block; height: 100%;}
	.banner-item .type-01-btn {display: none;}
	.banner-item a:hover .type-01-btn {display: none;}
	.banner-item a .banner-txt {text-align: left; top: auto; bottom: 20px;}
	.banner-item a .banner-txt b {font-size: 20px;}
	.banner-item a .banner-txt p {font-size: 16px; width: 80%; padding-top: 10px; line-height: 1.4; margin: 0;}
	.banner-item a .banner-txt p br {display: none;}
}
@media screen and (max-width: 699px){
	#section02 .section_wrap > .flex { grid-template-columns: 1fr; grid-template-rows: 1fr 1fr 1fr; height: calc(100vh - env(safe-area-inset-bottom) - env(safe-area-inset-top)); height: calc(90vh - constant(safe-area-inset-bottom) - constant(safe-area-inset-top)); }
	#section02 .section_wrap > .flex .banner-item:last-of-type {grid-column-end: span 1;}
	.banner-item a .banner-txt p {font-size: 15px;}
	
}
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {
	#section02 .section_wrap > .flex { height: calc(85vh - env(safe-area-inset-bottom) - env(safe-area-inset-top));}  
}}


#section03 {background: #f9f9f9}
#section03 .section_wrap {display: flex; align-items: center; justify-content: center; flex-flow: column; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; padding-top: 86px;}
.section_tit {text-align: center; margin-bottom: 64px;}
#section03 .section_tit {margin-bottom: 50px;}
.section_tit h2 {font-size: 38px; font-family:'Anton', sans-serif; letter-spacing: 1px;}
.section_tit h2.init {font-family:'suit', sans-serif;}
.section_tit p {color: #777; font-size: 15px; padding-top: 10px; word-break: keep-all;}
.service-item {margin: 10px; width: 25%; background: #fff; word-break: keep-all;}
.service-txt {display: inline-block; padding: 30px 26px; background: #fff; width: 100%}
.service-txt b {font-size: 22px;}
.service-txt p {font-size: 15px; padding-top: 16px; line-height: 1.5; color: #777; width: 96%; word-break: keep-all;}
.service-item a {position: relative;display: block;transform: translate3d(0,0,0); transition: box-shadow .4s, transform .3s, -webkit-transform .3s; overflow: hidden; box-shadow: 0px 0px 18px rgb(0 0 0 / 5%); height: 100%;}
.service-item a figure {overflow: hidden; height: 250px;}
.service-item a img {width: 100%; height: 100%; transform: scale(1) rotate(0deg); transition: transform .4s, -webkit-transform .4s;}
.service-item a:hover .service-txt b {color: #006935}
.service-item a:hover img {transform: scale(1.05) rotate(0.01deg);}
.service-item a:before {content:''; display: block; width: auto; height: 3px; background: #006935; position: absolute; bottom: 0; left: 50%; right: 50%; transition: all 300ms;}
.service-item a:hover:before {left: 0; right: 0; transition: all 300ms;}
.section_wrap > .flex.slide03 {width: 80%;;}
.slide_03_mo {display: none;}
@media screen and (max-width: 1200px){
	.section_tit {margin-bottom: 20px;}
	.service-txt p br {display: none;}
	#section03 .section_wrap {padding-top: 60px;}
	#section03 .section_wrap > .flex { flex-flow: column; width: 100%; padding: 0 30px;}
	.service-item {width: 100%;}
	.service-item figure {width: 200px; min-width: 200px;}
	.service-item a {display: flex;}
	.service-txt p {word-break: keep-all;}
}
@media screen and (max-width: 699px){
	#section03 .section_wrap {padding-top: 30px;}
	.section_tit h2 {font-size: 30px;}
	.section_tit p {width: 90%; margin: 0 auto; word-break: keep-all;}
	.service-item figure {width: 180px; min-width: 150px;}
	.service-txt b {font-size: 18px;}

	.slide03 {display: none;}
	.slide_03_mo  {display: block; position: relative; z-index: 9999;}
	
	.slide_03_mo .service-item a {display: block;}
	.slide_03_mo .service-item figure {width: 100%;}
	.slide_03_mo .service-item a:hover .service-txt b {color: #252525}
	.slide_03_mo .service-item a:hover img {transform: scale(1) rotate(0);}
	.slide_03_mo .service-item a:hover:before {height:0; width: 0; }
	.slide_03_mo .service-txt {height: 190px;}
}
@media screen and (max-width: 455px){
	.section_tit h2 {font-size: 26px;}
	.section_tit p {width: 80%;}
	.slide_03_mo { padding: 0 !important;}
	.slide_03_mo .service-item {margin: 0;}
}
#section04 .section_wrap {display: flex; align-items: center; justify-content: center; flex-flow: column; height: 100%; padding-top: 86px;}
.data-wrap .pic_li_lt {width: 100%; float: none; padding: 0; min-width: 800px;}
.data-wrap .btn-wrap {text-align: center; margin-top: 36px;}

.data-wrap .pic_li_lt {border-top: 1px solid #e5eee8;}
.data-wrap .pic_li_lt li {margin: 0; border: 0;}
.data-wrap .pic_li_lt li .pic_li_tit {display: block; font-size: 16px; font-weight: 600; line-height: 1.5; padding: 16px 20px;border-bottom: 1px solid #e5eee8; transition: all .2s;}
.data-wrap .pic_li_lt li .pic_li_tit:hover {border-color: #00190d; background: #f2f4f3;}
.data-wrap .pic_li_lt li .pic_li_tit img {width: 80px; margin-right: 30px; vertical-align: middle;}
.data-wrap .pic_li_lt .lt_more {position: relative; top: 0; right: 0; padding: 16px 20px; width: 155px; text-align: center; display: inline-flex; align-items: center; justify-content: space-between; font-size: 16px; border: 1px solid #006935; color: #00190d; height: 58px; border-radius: 0; font-weight: 600}
.data-wrap .pic_li_lt .lt_more i {font-size: 10px;}

.pic_li_lt li .fa-lock {background: transparent;}
.pic_li_lt li .new_icon {background:transparent}
.pic_li_lt li .hot_icon {background:transparent}
.pic_li_lt li .fa-download {background:transparent}
.pic_li_lt li .fa-link {background:transparent}

@media screen and (max-width: 1200px){
	.data-wrap .pic_li_lt {min-width: 500px;}
}
@media screen and (max-width: 699px){
	.data-wrap .pic_li_lt {min-width: auto;}
}
@media screen and (max-width: 455px){
	.data-wrap .pic_li_lt li .pic_li_tit {font-size: 14px;}
	.data-wrap .pic_li_lt li .pic_li_tit img {width: 57px; margin-right: 10px;}
}
#section05 .section_wrap {display: flex; background: #0e3f28;}
#section05 .section_wrap figure {width: 45%; max-width: 863px;}
.contact-txt {width: 55%; background: #0e3f28; color: #fff; display: flex; justify-content: center; flex-flow: column; padding: 0 60px;}
.contact-txt h2 {font-size: 28px; font-weight: 600}
.contact-txt p {font-size: 17px; color: #ddd; padding-top: 16px; word-break: keep-all;}
.contact-txt .btn-wrap {margin-top: 60px;}
.contact-txt .type-01-btn {padding: 16px 20px; width: 155px; text-align: center; display: inline-flex; align-items: center; justify-content: space-between; font-size: 16px; border: 1px solid #fff; color: #fff; height: 58px; margin-right: 10px; margin-top: 10px;}

@media screen and (max-width: 1200px){
	#section05 .section_wrap figure {width: 42%; }
	.contact-txt {padding: 0 40px; width: 58%;}
}
@media screen and (max-width: 699px){
	#section05 .section_wrap {display: grid; grid-template-columns: 1fr; grid-template-rows: 36% 74%; height: 100vh;}
	#section05 .section_wrap figure {width: 100vw;}
	.contact-txt {width: 100vw; background: rgb(14 63 40 / 90%); padding: 40px 20px; justify-content: flex-start}
	.contact-txt p {font-size: 15px;}
	.contact-txt .btn-wrap {margin-top: 20px;}	
}
@media screen and (max-width: 455px){
	#section05 .section_wrap {display: grid; grid-template-columns: 1fr; grid-template-rows: 0% 100%; height: 100vh;}
	.contact-txt  {justify-content: center;}
	.contact-txt p {width: 90%;}
}
/****************************************
	왼쪽 사이드 버튼
****************************************/
.aside-btn-wrap {position: fixed; bottom: 30px; right: 30px; z-index: 999; }
.aside-btn-wrap > a {display: inline-block; width: 48px; height: 48px; }
.aside-btn-wrap > a img {width: 100%;}
@media screen and (max-width: 1200px){
	.aside-btn-wrap {right: 10px;}
}