@charset "utf-8";

/* 공통 변수 */
:root {
	--ttw: "Titillium Web";
	--point: #00683b;
	--point2: #00903d;
	--silver: #c2c1c1;
	--gray: #333;
	--blk: #000;
}
::-moz-selection {
   background: #f00;
   color: #fff;
}
::selection {
   background: #086937;
   color: #fff;
}
/* 컨텐츠 공통 */
[class^="btn_"] {padding: 11px 18px;color: #fff;min-width: 90px;line-height: 1;box-sizing: border-box;}
.btn_act {background-color: var(--blk);}
.ibtn_map {width: 32px;height: 32px;border-radius: 50%;background-color: #c1bfc0;}
.ibtn_map:before {width: 14px;height: 17px;background-position: -110px -292px;}
.ibtn_map:hover {background-color: #2e9949;}
.ibtn_map:hover:before {animation: mapBounce 1.5s infinite;}

.drop_wrap {position: relative;justify-self: start;display: inline-block;}
.btn_drop {display: inline-block;color: #000;padding: 10px 17px 10px 20px;white-space:nowrap;border: 1px solid #e2e2e1;}
.btn_drop[data-dropAlign="right"] + .pop_drop {left: auto;right: 0;}
.btn_drop:after {content: "";display: inline-block;vertical-align: middle;width: 0;height: 0;margin-top: -3px;margin-left: 8px;border-left: 5px solid rgb(0 0 0 / 0%);border-right: 5px solid rgb(0 0 0 / 0%);border-top: 5px solid #666;}
.btn_drop + .pop_drop {display: none;position: absolute;top: calc(100% - 1px);left: 0;z-index: 10;width: 678px;padding: 2rem 2rem 0;border: 1px solid rgb(226 226 225);background: #fff;}
.btn_drop.on:after {transform: rotate(-180deg);}
.btn_drop.on + .pop_drop {display: block;}
.pop_drop .auth li {position: relative;display: flex;align-items: center;padding-left: 50px;min-height: 40px;}
.pop_drop .auth li:not(:first-child) {margin-top: 14px;}
.pop_drop .auth li:before {content: "";position: absolute;top: 0;left: 0;width: 40px;height: 40px;background: url(../img/icons.png) 0 0 no-repeat;}
.pop_drop .auth li.iso:before {background-position: -232px -50px;}
.pop_drop .auth li.ks:before {background-position: -232px -100px;}
.pop_drop .auth li.jis:before {background-position: -232px -150px;}
.pop_drop .auth li.ce:before {background-position: -232px -200px;}
.pop_drop .auth li.KSA:before {background-position: -232px -252px;}
.pop_drop .auth li.CER:before {background-position: -232px -302px;}
.pop_drop .paper {position: relative;z-index: 1601;display: grid;gap: 13px;grid-template-columns: repeat(6, 1fr);margin-top: 30px;padding-top: 30px;padding-bottom: 50px;border-top: 3px solid #666;}
.pop_drop .paper img {border: 1px solid #e4e4e3;}
.pop_drop .paper1 {position: relative;z-index: 1601;display: grid;gap: 13px;grid-template-columns: repeat(4, 1fr);margin-top: 30px;padding-top: 30px;padding-bottom: 50px;border-top: 3px solid #666;}
.pop_drop .paper1 img {border: 1px solid #e4e4e3;}
.pop_drop .certificate {padding: 26px;}
.pop_drop .ibtn_close {position: absolute;top: 14px;right: 14px;width: 40px;height: 40px;}
.pop_drop .ibtn_close:before {content: "";position: absolute;top: 50%;left: 50%;width: 100%;height: 1px;-ms-transform: rotate(45deg) translate(-50%, -50%);transform: rotate(45deg) translate(-50%, -50%);-ms-transform-origin: 0 0;transform-origin: 0 0;background-color: rgb(136 136 136);background-image: none;}
.pop_drop .ibtn_close:after {content: "";position: absolute;top: 50%;left: 50%;width: 100%;height: 1px;-ms-transform: rotate(45deg) translate(-50%, -50%);transform: rotate(-45deg) translate(-50%, -50%);-ms-transform-origin: 0 0;transform-origin: 0 0;background-color: rgb(136 136 136);background-image: none;}
.pop_drop .btn_close {display: block;width: 100%;padding: 18px 0;color: #666766;border-top: 1px solid #e7e5e5;}
.pop_drop .btn_close:after {content: "";display: inline-block;vertical-align: middle;width: 0;height: 0;margin-top: -3px;margin-left: 8px;border-left: 5px solid rgb(0 0 0 / 0%);border-right: 5px solid rgb(0 0 0 / 0%);border-bottom: 5px solid rgb(102 102 102);background-image: none;}

.morecon {position: relative;display: inline-block;vertical-align: middle;font-size: 1.8rem;text-align: left;color: rgb(255 255 255 /60%);padding:14px 18px 14px 26px;/* border: 1px solid rgb(255 255 255 /60%); */transition: .5s;}
.morecon div{position: relative;display: inline-block;padding-right: 28px;}
.morecon i {position: absolute;top: 0;right: 0;display: inline-block;vertical-align: middle;width: 18px;height: 100%;}
.morecon i:before {content: "";position: absolute;top: 50%;right: 0;width: 16px;height: 1px;background-color: rgb(255 255 255 /60%);transform: translateY(-50%) rotate(0deg);transition: .5s .5s;}
.morecon i:after {content: "";position: absolute;top: 50%;right: 0;width: 16px;height: 1px;background-color: rgb(255 255 255 /60%);transform: translateY(-50%) rotate(90deg);transition: .5s 0s;}
.morecon:hover {color: rgb(255 255 255 / 100%);border-color: rgb(255 255 255 / 100%);}
.morecon:hover i {width: 10px;}
.morecon:hover i:before {width: 18px;height: 1px;display: block;background-color: rgb(255 255 255 / 100%);transition: all 0.5s .5s cubic-bezier(0.25, 1.7, 0.35, 0.8);}
.morecon:hover i:after {width: 10px;height: 10px;display: block;transform-origin: 100% 0;transform: rotate(45deg);border-width: 1px 1px 0 0;border-style: solid;border-color: rgb(255 255 255 / 100%);background-color: transparent;transition: .5s .5s;}

.morecon span {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;box-sizing: border-box;}
.morecon span:before {content: '';position: absolute;background: rgb(255 255 255 / 60%);}
.morecon:hover span:before {background-color: rgb(255 255 255 / 100%);}
.morecon span:nth-of-type(1):before {top: 0;left: 0;width: 100%;height: 1px;}
.morecon span:nth-of-type(2):before {bottom: 0;right: 0;width: 1px;height: 100%;}
.morecon span:nth-of-type(3):before {bottom: 0;right: 0;width: 100%;height: 1px;}
.morecon span:nth-of-type(4):before {bottom: 0;left: 0;width: 1px;height: 100%;}
.morecon:hover span:nth-of-type(1):before {height: 1px;animation: bdX .5s linear forwards;transform-origin: 0 0;}
.morecon:hover span:nth-of-type(2):before {width: 1px;animation: bdY .5s linear forwards;transform-origin: 0 0;}
.morecon:hover span:nth-of-type(3):before {height: 1px;animation: bdX .5s linear forwards;transform-origin: 100% 100%;}
.morecon:hover span:nth-of-type(4):before {width: 1px;animation: bdY .5s linear forwards;transform-origin: 100% 100%;}


.isearch {position: relative;display: inline-block;padding-right: 38px;border: 1px solid #d9d9d9;box-sizing: border-box;}
.isearch input {width: 100%;border-width: 0;}
.isearch a,
.isearch button {position: absolute;top: 0;right: 0;width: 38px;height: 100%;}
.isearch a:before,
.isearch button:before {content: "";position: absolute;top: 50%;left: 0;width: 1px;height: 18px;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background-color: #d9d9d9;}
.isearch a:after,
.isearch button:after {content: "";position: absolute;top: 50%;left: 50%;width: 15px;height: 15px;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background: url(../img/icons.png) -147px -194px no-repeat;}

.imodify {position: relative;padding-right: 58px;box-sizing: border-box;}
.imodify input {width: 100%;color: #666;border: 1px solid #d9d9d9;border-right-width: 0;}
.imodify button {position: absolute;top: 0;right: 0;width: 58px;height: 100%;color: #fff;border: 1px solid #919191;background-color: #acacac;}
.list_complete li {color: var(--blk);}
.list_complete li.complete {color: #888;}

.tab {margin-bottom: 42px;display: flex;flex: 0 0 25%;align-items: center; border-left: 1px solid #e3e1e0; border-bottom: 2px solid #000;}
.tab li {min-width: 246px;flex: 0 1 auto;border-width: 0 1px 0 0;border-style: solid;border-color: rgb(8 105 55) rgb(227 225 224) rgb(227 225 224);}
.tab li a {position: relative;display: block;padding: 24px 20px;font-size: 2.4rem;font-weight: bold;color: #999;text-align: center;transition: color .5s;}
.tab li a:before {content: "";position: absolute;left: 0;right: 0;top: 0;height: 1px;background-color: #e3e1e0;transition: background-color .5s;}
.tab li.on a:before {height: 4px;background-color: #086937;}
.tab li.on a {color: #000;}


.tab1 {margin-bottom: 70px;display: flex;flex: 0 0 25%;align-items: center; border-left: 1px solid #e3e1e0; border-bottom: 1px solid #ddd;}
.tab1 li {min-width: 50%;flex: 0 1 auto;border-width: 0 1px 0 0;border-style: solid;border-color: rgb(8 105 55) rgb(227 225 224) rgb(227 225 224);}
.tab1 li a {position: relative;display: block;padding: 30px 26px;font-size: 2.4rem;font-weight: bold;color: #999;text-align: center;transition: color .5s;}
.tab1 li a:before {content: "";position: absolute;left: 0;right: 0;top: 0;height: 1px;background-color: #e3e1e0;transition: background-color .5s;}
.tab1 li.on a:before {height: 4px;background-color: #086937;}
.tab1 li.on a {color: #000;}


[class*=_list] + .btns {display: flex;justify-content: center;}

/* 메인 */
html.loading-page body {overflow: hidden;}
html.loading-page .main {opacity: 0;}
html.loading-page .intro {position: fixed;top: 50%;left: 50%;width: 300px;height: 348px;opacity: 1;transform: scale(1) translate(-50%,-50%);overflow: hidden;animation: introOut 1s 2s linear forwards;}
html.loading-page .intro:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}
html.loading-page .intro .video_wrap {position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;transform: translate(-50%, -50%);overflow: hidden;}
html.loading-page .intro .video_wrap video {width: 100%;height: 100%;}
@keyframes introOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

.intro {opacity: 0;transform: scale(0)}
.main {opacity: 1;width: auto;height: auto;transition: opacity 1.5s;}
body:before,
body:after {z-index: -1;opacity: 0;}
.main_section {position: relative;height: 100%;display: flex;flex-direction: column;justify-content: center;width: 100%;/* min-height: 800px; */overflow: hidden;box-sizing: border-box;}
.main .sect_iwrap {position: relative;z-index: 2;text-align: center;padding: 100px 0 100px;box-sizing: border-box;}
.main .sect_iwrap .tit {position: relative;height: 9rem;font-size: 9.2rem;line-height: 1;display: block;color: var(--blk);overflow: hidden;font-family: var(--ttw), sans-serif;}
.fp-viewing-2 .main .sect_iwrap .tit {color: var(--blk);}
.main .sect_iwrap .tit span {margin-left: -5px}
.main .sect_iwrap .tit i,
.main .sect_iwrap .tit span,
.main .sect_iwrap .tit ~ em {display: inline-block;overflow: hidden;}
.main .sect_iwrap .text {margin-top: 20px;margin-bottom: 44px;padding: 0 20px;font-size: 2rem;overflow: hidden;color: #666766;}
.main .sect_iwrap .text:lang(en){line-height:1.5;}
.main .sect_iwrap .tit ~ em span,
.main .sect_iwrap .text span {display: inline-block;}
.fp-viewing-2 .main .sect_iwrap {}

.fp-nav ul li {margin: 36px 0;font-size: 1.2rem;font-weight: bold;}

#fullpage {height: 100%;}

#wrap.main {position: relative;}
.bg_visual {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}
@-webkit-keyframes scroll {
	0% {
		left: -160px;
	}
	100% {
		left: 160px;
	}
}
@keyframes scroll {
	0% {
		left: -160px;
	}
	100% {
		left: 160px;
	}
}

.main .scroll {position: absolute;left: 0;width: 165px;height: 20px;bottom: 0;z-index: 2;transform: rotate(90deg);transform-origin: 100% 100%;}
.main .scroll .scroll_bar {width: 165px;height: 1px;background: rgba(255, 255, 255, 0.2);overflow: hidden;position: absolute;left: 0;top: -1px;}
.main .scroll:before {display: block;content: "";width: 18px;height: 18px;border-radius: 50%;border: 1px solid #fff;position: absolute;right: 100%;top: 0;transform: translateY(-50%);box-sizing: border-box;}
.main .scroll span {font-size: 13px;font-family: 'GilroyM';color: #fff;letter-spacing: 6px;display: inline-block;text-align: center;position: relative;right: -40px;bottom: 30px;}
.main .scroll .scroll_bar:after {position: absolute;display: block;content: "";width: 165px;height: 1px;opacity: 1;top: 0;background: rgba(255, 255, 255, 1);-webkit-animation: scroll ease-in-out 1s infinite;animation: scroll ease-in-out 1s infinite;}

.bg_visual .main_slider {width: 100%;height: 100%;}
.bg_visual .main_slider li {width: 100%;height: 100%;}
.bg_visual .video_wrap {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100% !important;overflow: hidden;}
.bg_visual .video_wrap:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 3;}
.bg_visual .video_wrap video {position: absolute;top: 0;left: 0;min-width: 100%;min-height: 100%;z-index: 2;}
.bg_visual .video_wrap ._m {z-index: 1;}
/*.bg_visual .main_slider .slick-dots li:hover .text:before {animation-play-state: paused;}*/
.bg_visual .list {width: 100%;height: 100%;}
.bg_visual .slick-list div {height: 100%;}
.bg_visual .slick-list li {width: 100%;height: 100%;}
.bg_visual .slick-dots {position: absolute;left: 0;bottom: 0;text-align: left;transform: translateX(0);}
.bg_visual .slick-dots > li {position: relative;margin-right: 20px;width: 88px;height: 8px;border-radius: 0;background-color: #fff;overflow: initial;/* box-shadow: 0 0 5px var(--blk); */box-sizing: border-box;border: 0;float: left;}
.bg_visual .slick-dots > li .text {font-size: 0;color: transparent;overflow: visible;height: 100%;}
.bg_visual .slick-dots > li .text:after {content: "";position: absolute;bottom: 0;right: 105%;white-space: nowrap;font-size: 2rem;color: #fff;font-weight: bold;text-shadow: 0 0 5px var(--blk);}
.bg_visual .slick-dots > li .text:before {content: "";position: absolute;top: 0;left: 0;width: 0;height: 100%;background-color: #fff;transition: width 6s;}
.bg_visual .slick-dots > li.slick-active {background-color: #fff;}
.bg_visual .slick-dots > li.slick-active .text:before {animation: proBar 16s 1 forwards;width: 0; background-color: #00903d;}
.bg_visual .progress {position: absolute;top: 540px;left: 186px;z-index: 1010;width: 100%;}
@keyframes proBar {
	0% {width: 0;}
	100% {width: 100%;}
}

.main {position: relative;height: 100%;}
.main .main_text {position: absolute;top: 270px;left: 178px;font-size: 8.5rem;color: #fff;letter-spacing: -7px;line-height: 0.8;z-index: 10;}
.main .main_text li {height: 1.1em;overflow: hidden;text-shadow: 1px 1px var(--blk);}
.main .main_text li:lang(en){padding-right:1em;}
.main .main_text li span {font-weight: bold;}
.main .main_text li:nth-child(3) {font-size: 3.3rem;font-weight: bold;font-family: var(--ttw);}
.main .main_text li:not(:nth-child(3)) div {transform: translateY(200%);transition: 1s;}
.main .main_text li:nth-child(3) {width: 0;margin-top: 14px;margin-left: 4px;white-space: nowrap;transition: 1s;letter-spacing: -2px;}
.main .slick-current .main_text li:nth-child(1) div {transform: translateY(0);transition-delay: .5s}
.main .slick-current .main_text li:nth-child(2) div {transform: translateY(0);transition-delay: 1s}
.main .slick-current .main_text li:nth-child(3) {width: 100%;transition-delay: 1.5s}
.main .slick-current .main_text li:nth-child(3) div {transform: translateY(0);transition-delay: 1.5s}
.main .fp-nav {position: fixed;z-index: 50;top: 50%;opacity: 1;width: 14px;transform: translateY(-50%);right: 106px;text-align: center;}
.main .fp-nav li {position: relative;margin: 32px 0px;font-size: 1.2rem;font-weight: bold;width: 14px;height: 14px;}
.main .fp-nav li a {display: block;width: 100%;height: 100%;}
.main .fp-nav li a:before {content: "";display: block;width: 10px;height: 10px;}
.main .fp-nav li span {position: absolute;top: 0px;font-family: 'Noto Sans KR';margin-top: -4px;padding: 5px 12px 6px;color: #fff;background-color: #00903d;border-radius: 12px;right: 16px;white-space: nowrap;text-transform: uppercase;transition: .5s;}
.main .fp-nav li a:before {position: absolute;left: 50%;top: 50%;width: 10px;height: 10px;background-color: #fff;border-radius: 50%;transition: .5s;transform: translate(-50%, -50%);}
.fp-viewing-2 .main .fp-nav li a:before {background-color: #afafaf;}
.main .fp-nav li:hover a:before,
.main .fp-nav li a.active:before {width: 14px;height: 14px;background-color: #00903d !important;}
.main .fp-nav li a span {opacity: 0;transform: scale(0);transform-origin: 100% 50%;font-family: 'Noto Sans KR';padding: 5px 12px 6px;background-color: #00903d;border-radius: 12px;}
.main .fp-nav li a.active span {opacity: 1;transform: scale(1);}
.main .fp-nav li a:after {content: "";position: absolute;top: 50%;left: 50%;width: 32px;height: 32px;transition: .5s cubic-bezier(0.29, 1.31, 0.71, 1.22);transform-origin: 0 0;border: 1px solid rgba(0, 144, 61, .5);background-color: rgba(255, 255, 255, .1);border-radius: 50%;transform: scale(0) translate(-50%, -50%);}
.main .fp-nav li a.active:after,
.main .fp-nav li:hover a:after {transform: scale(1) translate(-50%, -50%);}
.fp-viewing-4 .main .fp-nav li a:before,
.fp-viewing-5 .main .fp-nav li a:before {background-color: #bfbfbf;}

.main .m_info{display: none;position: absolute;left: 0;width: 100%;height: 67px;bottom: 0;z-index: 1;grid-template-columns: repeat(4, auto);table-layout: fixed;background: rgb(0 0 0 / 40%);}
.main .m_info:lang(en){grid-template-columns: repeat(3, auto);}
.main .m_info li {position: relative;}
.main .m_info li a {display: block;height: 66px;text-align: center;z-index: 60;border-width: 1px 0 0 1px;color: rgb(148 148 152);transition: background-color .5s;/* border: 1px solid rgba(226, 225, 226, .4); */border-color: rgb(226 225 226 / 40%);border-style: solid;}
.main .m_info li:first-child a {border-left-width: 0;}
.main .m_info li a span {opacity: 0;position: absolute;bottom: 10px;left: 0;width: 100%;font-size: 1.2rem;transition: .5s 0s;}
/*.main .m_info li.on a span,
.main .m_info li a:hover span {opacity: 1;transition: .5s .3s;}*/
.main .m_info li.on > a:before {transform: translate(-50%, -90%);}
/*.main .m_info li a:hover:before {transform: translate(-50%, -90%);}*/
.main .m_info li.on a/*,
.main .m_info li a:hover */{color: #fff;background-color: #008140;}
.main .m_info li a:before {width: 26px;height: 24px;transition: transform .5s;}

/*.main .m_info li a.ibtn_location:before {background-position: -34px -122px;}
.main .m_info li a.ibtn_cs:before {background-position: -69px -122px;}
.main .m_info li a.ibtn_brosure:before {background-position: -34px -156px;}
.main .m_info li a.ibtn_contact:before {background-position: 0 -158px;}*/
.main .m_info li a.ibtn_top {height: 75px;}
.fp-viewing-3 .main .m_info li a.ibtn_top,
.main .m_info li a.ibtn_top:hover {color: #fff;}
.main .m_info li a.ibtn_top span {opacity: 1;bottom: 28px;font-weight: bold;transition: none;}
.main .m_info li a.ibtn_top:before {width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 4px solid #949498;-ms-transform: translate(-50%, -10px);transform: translate(-50%, -10px);}
.main .m_info li a.ibtn_top:hover:before {border-bottom-color: #fff;}
.fp-viewing-3 .main .m_info li a.ibtn_top:before {border-bottom: 4px solid #fff;}

.main .m_info li a.ibtn_location:before{background-position: -34px -54px;}
.main .m_info li a.ibtn_cs:before{background-position: -69px -54px;}
.main .m_info li a.ibtn_brosure:before{background-position: -34px -88px;}
.main .m_info li a.ibtn_contact:before{background-position: 0 -90px;}
.main .m_info li a.ibtn_fam:before{background-position: 0 -55px;}
.main .m_info li a.ibtn_pr:before{width: 26px;height: 25px;background-position: -194px -150px;}

/*.main .m_info li.on a.ibtn_location:before,
.main .m_info li a.ibtn_location:hover:before {background-position: -34px -54px;}
.main .m_info li a.ibtn_cs:hover:before {background-position: -69px -54px;}
.main .m_info li a.ibtn_brosure:hover:before {background-position: -34px -88px;}
.main .m_info li a.ibtn_contact:hover:before {background-position: 0 -90px;}
.main .m_info li a.ibtn_top:hover:before {background-position: 0 -55px;}*/
.fp-viewing-1 .main .m_info .dep2 {bottom: 82px;}
.main .m_info li:nth-child(1).on .dep2,
.main .m_info li:nth-child(1):hover .dep2 {transform: scaleX(1) rotateY(0deg);transform: perspective(2500px) rotateY(0deg);}

.main .we {padding-top: 74px;background: #f1f8f3;}
.main .we .text {position: relative;margin-top: 25px;margin-bottom: 46px;color: #666766;letter-spacing: -1.8px;}
.main .we .dots {display: inline-block;margin-bottom: 80px;}
.main .we .dots .slick-dots,
.main .we .dots .swiper-pagination-bullets {width: auto;height: 51px;padding: 1px 16px 0;display: table;table-layout: fixed;color: #fff;background: rgb(0 107 56);}
.main .we .dots li {display: table-cell;margin: 0 1px;width: auto;height: auto;font-size: 1.6rem;opacity: 1;}
.main .we .dots li a {display: block;position: relative;padding: 17px 26px 18px;white-space: nowrap;transition: .5s;background: #006b38;}
.main .we .dots li a:before {content: "";position: absolute;left: 50%;bottom: 0;width: 0;height: 4px;transform: translateX(-50%);background-color: rgb(0 107 56);transition: .5s;}
.main .we .dots li a:hover,
.main .we .dots li.slick-active a,
.main .we .dots li.swiper-pagination-bullet-active a {color: #00903d;font-weight: 700;background: #fff;}
.main .we .dots li a:hover:lang(en),
.main .we .dots li.slick-active a:lang(en),
.main .we .dots li.swiper-pagination-bullet-active a:lang(en){font-weight:normal;}
.main .we .dots li:hover a:before,
.main .we .dots li.slick-active a:before,
.main .we .dots li.swiper-pagination-bullet-active a:before {width: 90%;}

.main .we .slider {position: relative;display: block;margin: 0 auto;padding-bottom: 40px;max-width: 1362px;overflow: hidden;}
.main .we .slider .slick-track {padding: 46px 0;}
.main .we .slider .slick-slide {overflow: visible;}
.main .we .slider .list {height: 100%;cursor: pointer !important;}
.main .we .list [class^="item"] {position: relative;display: inline-block;width: 308px;height: 427px;box-sizing: border-box;transition: .5s .2s;perspective: 5000px;transform-origin: 50% 100%;}
/*.main .we .list [class^="item"]:lang(en){height: 490px;}*/
.main .we .list .slick-current.slick-active [class^="item"]:hover .card {transform: rotateY(180deg);}
.main .we .list [class^="item"].swiper-slide-active:hover .card {background-color: transparent;transform: rotateY(180deg);}
.main .we .list [class^="item"].swiper-slide-active:hover .card .img {visibility: hidden;}
.main .we .list [class^="item"].swiper-slide-active .card .img {background-blend-mode: normal;}
.main .we .list [class^="item"] .card {position: relative;width: 100%;height: 100%;text-align: center;transition: transform 0.8s;transform-style: preserve-3d;}
.main .we .list [class^="item"] .card .img,
.main .we .list [class^="item"] .card dl {width: 100%;height: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.main .we .list [class^="item"] .img {position: relative;display: block;width: 100%;height: 100%;background-color: rgb(38 169 104);background-blend-mode: multiply;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;transition: .5s;}
.main .we .list [class^="item"] .img:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: .5s;}
.main .we .list [class^="item"] .img:after {content: attr(data-tit);position: absolute;top: 50%;left: 50%;font-family: var(--ttw);font-size: 2rem;font-weight: bold;color: #fff;letter-spacing: 0;transition: .5s;transform: translate(-50%, -50%);text-transform: uppercase;white-space: nowrap;padding: 98px 50px 10px;text-shadow: 0 0 7px rgb(0 0 0 / 80%);background-repeat: no-repeat;background-position: 50% 20%;background-size: auto 60%;backface-visibility: hidden;}
.main .we .list [class^="item"].swiper-slide-active .img {border: 1px solid rgb(54 134 82);}
.main .we .list [class^="item"].swiper-slide-active .img:after {font-size: 2.8rem;font-weight: 900;padding: 10px 50px 10px;background-image: none;}
.main .we .list .slick-current [class^="item"] .img:before {background-color: rgba(0, 0, 0, 0);}
.main .we .list .slick-current [class^="item"] .img:after {opacity: 1;}
.main .we .list .slick-current [class^="item"] {transform: scale(1);}
.main .we .list .slick-current [class^="item"] .img {border: 1px solid rgb(255 255 255 / 50%);}
.main .we .list [class^="item"] dl {position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 40px 33px 25px;font-size: 1.4rem;color: #fff;text-align: left;background-color: #006b38;box-sizing: border-box;transform: rotateY(180deg);}
.main .we .list [class^="item"] dl dt {padding-bottom: 14px;font-size: 3rem;font-weight: 700;text-transform: uppercase;letter-spacing: -2px;line-height: 1;}
.main .we .list [class^="item"] dl dt span {margin-left: 0px;font-size: 1.7rem;font-weight: normal;text-transform: none;white-space: nowrap;}
.main .we .list [class^="item"] dl dd.txt {line-height: 1.5;letter-spacing: -1.5px;min-height: 6em;max-height: 84px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.main .we .list [class^="item"] dl dd .thumb {margin-top: 1.8rem;padding-top: 68%;width: 100%;background-repeat: no-repeat;background-position: 50% 80%;background-size: 100% auto;}
.main .we .list [class^="item"] dl dd.more {position: relative;padding-top: 20px;}
.main .we .list [class^="item"] dl a {position: relative;display: inline-block;padding-right: 40px;padding: 8px 40px 8px 0;text-transform: uppercase;line-height: 0.8;cursor: pointer;transition: .5s;}
.main .we .list [class^="item"] dl a.abtn_more:before {content: "";position: absolute;top: 50%;right: 0;background-color: rgb(255 255 255);width: 30px;height: 1px;transform-origin: 100% 0;transform: translateY(-50%);transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);}
.main .we .list [class^="item"] dl a.abtn_more:after {content: "";position: absolute;top: 50%;right: 0;margin: 0;width: 7px;height: 7px;display: block;transform-origin: 100% 0;border-width: 1px 1px 0 0;border-style: solid;border-color: #fff;transform: rotate(45deg);transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);background-image: none;}
.main .we .list [class^="item"] dl a.abtn_more:hover {opacity: .7;}
.main .we .list [class^="item"] dl a.abtn_home {position: absolute;top: 20px;right: 0;padding: 8px 0;transition: .5s;}
.main .we .list [class^="item"] dl a.abtn_home:after {margin-top: -1px;width: 12px;height: 12px;background-position: -136px -190px;}
.main .we .list [class^="item"] dl a.abtn_home:hover {opacity: .7;}

@keyframes weMoreBefore {
	0% {width: 30px;}
	50% {width: 25px;}
	100% {width: 30px;}
}
@keyframes weMoreAfter {
	0% {right: 0;}
	50% {right: 5px;}
	100% {right: 0;}
}
.main .we .swiper-nav {position: absolute;z-index: 10;top: 25%;left: 0;width: 100%;height: 0px;font-size: 1.8rem;color: #898989;cursor: pointer;font-weight: bold;text-transform: uppercase;}
.main .we .swiper-nav .swiper-button-prev,
.main .we .swiper-nav .swiper-button-next {font-size: 1.8rem;color: #368652;width: 86px;height: 17px;font-size: 1.8rem;color: rgb(137 137 137);font-weight: normal;}
.main .we .swiper-nav .swiper-button-prev {left: 26%;text-align: right;justify-content: flex-end;}
.main .we .swiper-nav .swiper-button-next {right: 26%;text-align: left;justify-content: flex-start;}
.main .we .swiper-nav .swiper-button-prev:before,
.main .we .swiper-nav .swiper-button-prev:after,
.main .we .swiper-nav .swiper-button-next:before,
.main .we .swiper-nav .swiper-button-next:after {content: "";position: absolute;bottom: 3px;background-color: #898989;height: 1px;display: block;transform-origin: 100% 0;transform: rotate(0deg);transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);z-index: -1;}
.main .we .swiper-nav .swiper-button-prev:before {left: 0;width: 12px;transform: rotate(-45deg);transform-origin: 0 50%;border-radius: 6px 10px 10px 6px;}
.main .we .swiper-nav .swiper-button-prev:after {left: 0;width: 35px;transform: rotate(0deg);transform-origin: 0 100%;border-radius: 10px 6px 6px 10px;}
.main .we .swiper-nav .swiper-button-next:before {right: 0;width: 12px;transform: rotate(45deg);transform-origin: 100% 0;border-radius: 6px 10px 10px 6px;}
.main .we .swiper-nav .swiper-button-next:after {right: 0;width: 35px;transform: rotate(0deg);transform-origin: 100% 0;border-radius: 10px 6px 6px 10px;}
.main .we .swiper-nav .swiper-button-prev:hover,
.main .we .swiper-nav .swiper-button-next:hover {color: #00903d;}
.main .we .swiper-nav .swiper-button-prev:hover:before {/*animation: weArrowLbefore .5s linear forwards;*/background-color: #00903d;}
.main .we .swiper-nav .swiper-button-next:hover:before {/*animation: weArrowRbefore .5s linear forwards;*/background-color: #00903d;}
.main .we .swiper-nav .swiper-button-prev:hover:after,
.main .we .swiper-nav .swiper-button-next:hover:after {width: 25px;/*animation: weArrowAfter .5s linear forwards;*/background-color: #00903d;}

@keyframes weArrowLbefore {
	0% {transform: rotate(-45deg);}
	50% {transform: rotate(0deg);}
	80% {transform: rotate(-45deg);}
	90% {transform: rotate(-50deg);}
	100% {transform: rotate(-45deg);}
}
@keyframes weArrowAfter {
	0% {transform: scale(1)}
	50% {transform: scale(.8)}
	80% {transform: scale(1)}
	90% {transform: scale(.9)}
	100% {transform: scale(1)}
}
@keyframes weArrowRbefore {
	0% {transform: rotate(45deg);}
	50% {transform: rotate(0deg);}
	80% {transform: rotate(45deg);}
	90% {transform: rotate(40deg);}
	100% {transform: rotate(45deg);}
}

/* slide */
.swiper-container {width: 100%;height: 100%;position: absolute;top: 0;left: 0;margin: 0 auto;}
.swiper-container-horizontal > .swiper-pagination-bullets {bottom: 0;}
.swiper-slide {width: 304px;height: 204px;background-position: center;background-size: cover;}

.swiper-container .swiper-slide.item_1[class^="item"].swiper-slide-active .img:after{white-space:normal;}
.swiper-container-horizontal .swiper-button-next, .swiper-container-horizontal .swiper-button-prev {top: 42.8%;}
.swiper-container .swiper-slide div {background-position: 0 0;background-repeat: no-repeat;background-size: 100% 100%;background-image: none;}
.swiper-container .swiper-slide.item_1 .img:after {background-image: url("../img/img_main_1_1_1.png");}
.swiper-container .swiper-slide.item_2 .img:after {background-position: 50% 0% !important;background-image: url("../img/img_main_1_1_2.png");}
.swiper-container .swiper-slide.item_3 .img:after {background-image: url("../img/img_main_1_1_3.png");}
.swiper-container .swiper-slide.item_4 .img:after {background-position: 50% 0% !important;background-image: url("../img/img_main_1_1_4.png");}
.swiper-container .swiper-slide.item_5 .img:after {background-image: url("../img/img_main_1_1_5.png");}
.swiper-container .swiper-slide.item_6 .img:after {background-image: url("../img/img_main_1_1_6.png");}
.swiper-container .swiper-slide.item_7 .img:after {background-image: url("../img/img_main_1_1_7.png");}
.swiper-container .swiper-slide.item_8 .img:after {background-image: url("../img/img_main_1_1_8.png");}
.swiper-container .swiper-slide.item_9 .img:after {background-image: url("../img/img_main_1_1_9.png");}



.main .inov {color: #fff;overflow: hidden;}
.main .inov .bg {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(../img/bg_main_3.jpg) 50% 100% no-repeat;background-size: cover;}
.main .inov.active .bg {animation: main_bg 3.5s ease-out forwards;}
@keyframes main_bg {
	0% {transform: scale(1.2);}
	100% {transform: scale(1);}
}
.main .inov .fp-tableCell {padding: 0;}
.main .inov .sect_iwrap {vertical-align: top;padding-top: 181px;height: 100%;box-sizing: border-box;}
.main .inov .tit {font-size: 4.8rem;text-transform: uppercase;}
.main .inov .tit > span {display: block;font-size: 11rem;height: 9rem;color: #fff;}
.main .inov .tit span,
.main .inov .tit i {letter-spacing: -2px;word-spacing: -9px;}
.main .inov .tit i {height: 9rem;line-height: 0.7;}
.main .inov .tit .per {font-weight: normal;letter-spacing: normal;}
.main .inov .tit span span {font-size: 6.6rem;}
.main .inov .tit ~ em {font-size: 4.2rem;text-transform: uppercase;font-weight: bold;margin-top: 16px;font-family: var(--ttw), sans-serif;letter-spacing: 2px;}
.main .inov .text {margin-top: 17px;color: #fff;letter-spacing: -1.3px;}
.main .inov ul {position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);display: flex;width: 1520px;margin: 0 auto;z-index: 2;align-content: flex-end;align-items: flex-end;justify-content: space-between;box-sizing: border-box;}
.main .inov li {position: relative;margin-left: 40px;width: 350px;text-align: center;color: #fff;line-height: 1.4;box-sizing: border-box;}
.main .inov li:first-child {margin-left: 0;}
.main .inov li strong:before {content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 7px;background-color: #fff;}
.main .inov li strong {position: absolute;bottom: 0;left: 0;right: 0;height: 44px;display: block;padding-bottom: 27px;font-size: 2.6rem;letter-spacing: -1px;transition: .5s;transform: translate3d(0, 0, 0);}
.main .inov li strong:lang(en){height: auto;}
.main .inov li dl {position: absolute;bottom: -450px;overflow: hidden;height: 0;width: 100%;opacity: 0;transition: .5s cubic-bezier(0.22, 0.58, 0.75, 1.29);}
.main .inov li dl > * {opacity: 0;}
.main .inov li dl dt {font-size: 3.2rem;padding-top: 187px;letter-spacing: -2px;background-repeat: no-repeat;background-position: 50% 42%;transform: translateY(20px);}
.main .inov li dl dd:nth-child(2) {padding: 7px 30px 58px;font-size: 1.8rem;letter-spacing: -1px;transform: translateY(20px);}
.main .inov li dl dd:nth-child(3) {/* transform: translateY(20px); */}
.main .inov li dl dd:nth-child(3):lang(en){position:absolute;left:0;right:0;bottom:20px;}
.main .inov li dl dd a {position: relative;display: inline-block;width: 148px;height: 45px;padding: 8px 0 10px 28px;padding: 0;text-align: left;border: 1px solid rgba(255, 255, 255, 0.2);}
.main .inov li dl dd a:lang(en){width: 190px;height: 50px;}
.main .inov li dl dd a span{position:relative;height: 100%;display: flex;justify-content: center;align-items: center;}
.main .inov li dl dd a span:before{display: none;}
.main .inov li:hover dl > * {transform: translateY(0);opacity: 1;}
.main .inov li:hover dl dt {transition: .5s .9s ease-in-out;}
.main .inov li:hover dl dd:nth-child(2) {transition: .5s .7s ease-in-out;}
.main .inov li:hover dl dd:nth-child(3) {transition: .5s .5s ease-in-out;}
.main .inov li:hover strong:before {opacity: 0;}
.main .inov li:hover strong {opacity: 0;}
.main .inov li:hover dl {bottom: 0;overflow: hidden;width: 100%;height: 416px;padding-bottom: 14px;opacity: 1;border: 1px solid #969196;border-bottom-width: 0;background-color: rgba(6, 0, 0, .6);box-sizing: border-box;}
.main .inov li:hover dl:lang(en){height: 520px;}
.main .inov li:nth-child(1) dl dt {background-image: url(../img/img_main_2_1.png);}
.main .inov li:nth-child(2) dl dt {background-image: url(../img/img_main_2_2.png);}
.main .inov li:nth-child(3) dl dt {background-image: url(../img/img_main_2_3.png);}
.main .inov li:nth-child(4) dl dt {background-image: url(../img/img_main_2_4.png);}
.main .inov li a {padding-right: 25px;text-transform: uppercase;transition: .5s;}
.main .inov li a:hover {color: #fff;background-color: rgba(255, 255, 255, .1);}
.main .inov li a.morecon i {position: relative;display: inline-block;vertical-align: middle;margin-left: 5px;width: 20px;height: 10px;}
.main .inov li a.morecon i:before {content: "";position: absolute;top: 50%;right: 0;width: 10px;height: 1px;transform: translateY(-50%) rotate(0deg);transition: .5s;}
.main .inov li a.morecon i:after {content: "";position: absolute;top: 50%;right: 0;width: 10px;height: 1px;transform: translateY(-50%) rotate(90deg);transition: .5s;}
.main .inov li a.morecon:hover i:before {width: 20px;height: 1px;display: block;background-color: #fff;transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);}
.main .inov li a.morecon:hover i:after {width: 6px;height: 6px;display: block;transform-origin: 100% 0%;transform: rotate(45deg);border-width: 1px 1px 0 0;border-style: solid;border-color: #fff;background-color: transparent;}

.main .sns [class^="circle_"] {position: absolute;border-radius: 50%;}
.main .sns .circle_lb {left: 0;bottom: 0;width: 417px;height: 233px;transform: translateY(100%);transition: 1s 2.5s;opacity: 0;}
.main .sns .circle_tr {right: 0;top: 0;width: 490px;height: 465px;transform: translateY(-100%);transition: 1s 2s;opacity: 0;}
.fp-viewing-4 .main .sns .circle_lb,
.fp-viewing-4 .main .sns .circle_tr {transform: translateY(0);opacity: 1;}
.main .sns .circle_1 {left: 97px;bottom: 63px;width: 70px;height: 70px;background-color: rgba(222, 173, 206, .15);animation: circle 5s .5s infinite ease;}
.main .sns .circle_2 {left: 220px;bottom: 60px;width: 175px;height: 175px;background-color: rgba(255, 153, 51, .1);animation: circle 7s 1.2s infinite ease;}
.main .sns .circle_3 {left: 162px;bottom: 237px;width: 60px;height: 60px;border-color: rgba(0, 129, 64, .09);border-width: 26px;border-style: solid;animation: circle 6s 1.7s infinite cubic-bezier(0.13, 0.64, 0.58, 1.3);}
.main .sns .circle_4 {right: 208px;top: 194px;width: 120px;height: 120px;background-color: rgba(255, 153, 51, .1);animation: circle 15s .7s infinite ease;}
.main .sns .circle_5 {right: 332px;top: 135px;width: 68px;height: 68px;background-color: rgba(222, 173, 206, .15);animation: circle 8s .4s infinite ease;}
.main .sns .circle_6 {right: 264px;top: 240px;width: 120px;height: 120px;border-color: rgba(0, 129, 64, .09);border-width: 48px;border-style: solid;animation: circle 10s .1s infinite ease;}
@keyframes circle {
	0%, 100% {transform: translate(0, 0);}
	30% {transform: translate(-50px, 15px);}
	60% {transform: translate(30px, 105px);}
}

.main .sns .slider {margin: 0 -108px;position: relative;display: inline-block;width: 100%;max-width: 1224px;}
.main .sns .list .item {position: relative;display: inline-block;/* margin: 0 8px; */max-width: 380px;text-align: left;box-sizing: border-box;}
.main .sns .list .item:before {content: "";position: absolute;bottom: 0;left: 0;right: 0;border-bottom: 1px solid #c7c2bf;transition: .5s .5s}
.main .sns .list .item:after {content: "";position: absolute;bottom: 0;left: 0;right: 0;border-bottom: 4px solid rgb(0 144 61 /0%);transition: .5s .5s;transform: scaleX(0);}
.main .sns .list .item:hover:after {border-width: 4px;border-bottom-color: rgb(0 144 61);transform: scaleX(1);}
.main .sns .list .item div {position: relative;padding-top: 230px;border: 0px solid #c7c2bf;margin-left: 0;background-position: 50% 50%;background-repeat: no-repeat;background-size: 100% 100%;transition: background-size .5s;}
.main .sns .list .item:hover div {border-width: 0px;border-color: var(--blk);background-size: 110% 110%;}
.main .sns .list .item p {padding: 20px 2px 20px;}
.main .sns .list .item p em {display: block;margin-bottom: 10px;font-size: 2rem;color: var(--blk);white-space: nowrap;overflow: hidden;letter-spacing: -1px;text-overflow: ellipsis;}
.main .sns .list .item p .morecon {color: inherit;padding: 0;font-size: 1.4rem;}
.main .sns .list .item p .morecon i {position: static;width: 10px;}
.main .sns .list .item p .morecon i:before,
.main .sns .list .item p .morecon i:after{width: 10px;height: 1px;background-color: #898989;transition: .5s;}
.main .sns .list .item:hover p .morecon i:after{width: 6px;height: 6px;display: block;transform-origin: 100% 0;transform: rotate(45deg);border-width: 1px 1px 0 0;border-style: solid;border-color: #898989;background-color: rgb(0 0 0 / 0%);}
.main .sns .list .item div span {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;box-sizing: border-box;}
.main .sns .list .item div span:before {content: '';position: absolute;background: #c7c2bf;}
.main .sns .list .item:hover div span:before {background-color: #00903d;}
.main .sns .list .item div span:nth-of-type(1):before {top: 0;left: 0;width: 100%;height: 1px;}
.main .sns .list .item div span:nth-of-type(2):before {bottom: 0;right: 0;width: 1px;height: 100%;}
.main .sns .list .item div span:nth-of-type(3):before {bottom: 0;right: 0;width: 100%;height: 1px;}
.main .sns .list .item div span:nth-of-type(4):before {bottom: 0;left: 0;width: 1px;height: 100%;}
.main .sns .list .item:hover div i {opacity: 1;transition: .5s, transform .5s .3s, opacity .5s .3s;transform: translate(-50%, -50%) rotate(360deg);}
.main .sns .list .item div i {content: "";position: absolute;top: 50%;left: 50%;width: 52px;height: 52px;border-radius: 50%;border: 1px solid #fff;opacity: 0;transform: translate(-50%, -50%) rotate(0deg);transition: .5s, transform .5s 0s, opacity .5s 0s;}
.main .sns .list .item div i:before,
.main .sns .list .item div i:after {content: "";position: absolute;top: 50%;left: 50%;width: 20px;height: 1px;background-color: #fff;transform: translate(-50%, -50%);transform-origin: 0 0;}
.main .sns .list .item div i:after {transform: rotate(-90deg) translate(-50%, -50%);}
.main .sns .list .item:hover div span:nth-of-type(1):before {height: 4px;animation: bdX .5s linear forwards;transform-origin: 0 0;}
.main .sns .list .item:hover div span:nth-of-type(2):before {width: 4px;animation: bdY .5s linear forwards;transform-origin: 0 0;}
.main .sns .list .item:hover div span:nth-of-type(3):before {height: 4px;animation: bdX .5s linear forwards;transform-origin: 100% 100%;}
.main .sns .list .item:hover div span:nth-of-type(4):before {width: 4px;animation: bdY .5s linear forwards;transform-origin: 100% 100%;}

@keyframes bdX {
	0% {transform: scaleX(0);}
	100% {transform: scaleX(1);}
}
@keyframes bdY {
	0% {transform: scaleY(0);}
	100% {transform: scaleY(1);}
}

/* ** slick Slider ** */
.slick-list,
.slick-track {width: 100%;height: 100% !important;overflow: hidden;}
.slick-slide {position: relative;float: left;width: 100%;height: 100%;overflow: hidden;outline: 0;}
.slick-slide > div {height: 100%;}
.slick-slide a {display: inline-block;width: 100%;height: 100%;padding-right: 15px;background-repeat: no-repeat;background-size: 100% 100%;background-position: 50% 0;}
.slick-slide a > div {height: 100%;background-position: 0 0;background-size: 100% auto;}
.slick-slide a img {opacity: 0;}
.sns .slick-arrow {position: absolute;z-index: 10;top: 46%;width: 30px;height: 58px;font-size: 0;color: transparent;cursor: pointer;-ms-transform: translateY(-50%);transform: translateY(-50%);}
.sns .slick-arrow.slick-prev {left: -45px;}
.sns .slick-arrow.slick-prev:before {content: "";position: absolute;top: 50%;left: 0;background-color: var(--blk);width: 40px;height: 1px;display: block;transform-origin: 0 0;transform: rotate(315deg);border-radius: 6px 10px 10px 6px;transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);z-index: -1;}
.sns .slick-arrow.slick-prev:after {content: "";position: absolute;top: 50%;left: 0;background-color: var(--blk);width: 40px;height: 1px;display: block;transform-origin: 0 100%;transform: rotate(45deg);border-radius: 10px 6px 6px 10px;transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);z-index: -1;}
.sns .slick-arrow.slick-next {right: -45px;}
.sns .slick-arrow.slick-next:before {content: "";position: absolute;top: 50%;right: 0;background-color: var(--blk);width: 40px;height: 1px;display: block;transform-origin: 100% 0;transform: rotate(45deg);border-radius: 6px 10px 10px 6px;transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);z-index: -1;}
.sns .slick-arrow.slick-next:after {content: "";position: absolute;top: 50%;right: 0;background-color: var(--blk);width: 40px;height: 1px;display: block;transform-origin: 100% 0;transform: rotate(-45deg);border-radius: 10px 6px 6px 10px;transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);z-index: -1;}
.sns .slick-arrow.slick-prev:hover:before {transform:rotate(315deg) scale(.8);/*animation: arrowLbefore .5s linear forwards;*/}
.sns .slick-arrow.slick-prev:hover:after {transform:rotate(45deg) scale(.8);/*animation: arrowLafter .5s linear forwards;*/}
.sns .slick-arrow.slick-next:hover:before {transform:rotate(45deg) scale(.8);/*animation: arrowRbefore .5s linear forwards;*/}
.sns .slick-arrow.slick-next:hover:after {transform:rotate(-45deg) scale(.8);/*animation: arrowRafter .5s linear forwards;*/}

@keyframes arrowLbefore {
	0% {transform: rotate(315deg);}
	50% {transform: rotate(360deg);}
	80% {transform: rotate(315deg);}
	90% {transform: rotate(306deg);}
	100% {transform: rotate(315deg);}
}
@keyframes arrowLafter {
	0% {transform: rotate(45deg);}
	50% {transform: rotate(0deg);}
	80% {transform: rotate(45deg);}
	90% {transform: rotate(40deg);}
	100% {transform: rotate(45deg);}
}
@keyframes arrowRbefore {
	0% {transform: rotate(-45deg);}
	50% {transform: rotate(0deg);}
	80% {transform: rotate(-45deg);}
	90% {transform: rotate(-40deg);}
	100% {transform: rotate(-45deg);}
}
@keyframes arrowRafter {
	0% {transform: rotate(45deg);}
	50% {transform: rotate(0deg);}
	80% {transform: rotate(45deg);}
	90% {transform: rotate(40deg);}
	100% {transform: rotate(45deg);}
}

.arrows {margin: 0 auto;width: 800px;height: 96px;}
.sns .slick-arrow.slick-disabled { opacity: .3; }
.sns .slick-dots {position: absolute;bottom: -30px;left: 50%;width: 100%;height: 10px;z-index: 210;-ms-transform: translateX(-50%);transform: translateX(-50%);text-align: center;}
.sns .slick-dots > li {display: inline-block;width: 1.4rem;height: 1.4rem;margin: 0 10px;vertical-align: middle;border: 1px solid #c7c7c7;border-radius: 50%;overflow: hidden;}
.sns .slick-dots > li:hover,
.sns .slick-dots > li.slick-active {width: 2.1rem;height: 2.1rem;border-color: #00903d;}
.sns .slick-dots > li button {position: relative;width: 100%;height: 100%;font-size: 0px;color: transparent;overflow: hidden;border-radius: 50%;}
.sns .slick-dots > li button:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-color: #00903d;transform: scale(0);transition: 0.2s cubic-bezier(0, 0, 1, 1);}
.sns .slick-dots > li.slick-active button:before,
.sns .slick-dots > li:hover button:before {transform: scale(1);}

.main [class*="lv"] {display: inline-block;vertical-align: text-bottom;width: 20px;height: 20px;font-size: 11px;line-height: 19px;font-weight: normal;text-align: center;color: #fff;border-radius: 50%;}

/* ***** 서브 *****  */
.content .tit_wrap {position: relative;}
.content h3.youtube_tit{margin-top: 7rem;margin-bottom: 3rem;font-size: 2.8rem;color: var(--blk);}
.content h3.tit {margin-top: 7rem;margin-bottom: 3rem;font-size: 3.6rem;color: var(--blk);}
.content h3.tit span {color: var(--point);}
.content h3.tit + p {position: relative;margin-top: -8px;font-size: 2rem;line-height: 1.5;letter-spacing: -1.2px;}
.content h4.tit {margin-top: 80px;margin-bottom: 30px;font-size: 3.8rem;color: var(--blk);}

.sect_wrap {position: relative;}
.sect_wrap._bg_gray .section {padding-bottom: 60px !important;}
.sect_wrap._bg_gray:before {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 60%;background-color: #eeeeed;}
.sect_wrap._bg_grayfull:before {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 93%;background-color: #eeeeed;}
.sect_wrap._bg_graymor .section {margin-top:50px; padding-bottom: 90px !important;}
.sect_wrap._bg_graymor:before {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 100%;  background-color: #f7f7f7;}


.section > .tit:nth-of-type(1) {margin-top: 0;}

/* CEO 인사말 */
.sect_wrap._map {margin-top: 90px;}
.sect_wrap._map:before {content: "";position: absolute;top: 0;bottom: 0;left: 50%;width: 100%;transform: translateX(-50%);background-color: #eeeeed;}
.sect_wrap._map .section {padding-top: 6.5rem;padding-bottom: 5.6rem;font-size: 2.2rem;background: url(../img/bg_sub_1_1.png) 100% 50% no-repeat;}
.sect_wrap._map .section:before {content: "";position: absolute;top: 0;left: 5rem;width: 3rem;height: 1rem;background-color: #cc1c1d;}
.sect_wrap._map .section:after {content: "";position: absolute;top: 0;left: 8rem;width: 6.7rem;height: 1rem;background-color: #086937;}
.sect_wrap._map + .section {margin-top: 4.8rem;}
.greeting_1 {position: relative;height: 48.3rem;padding: 87px 48px 0;background: url(../img/img_sub_1_1.jpg) 50% 0 no-repeat;background-size: cover;box-sizing: border-box;}
.greeting_1 > em {font-size: 7rem;color: #fff;font-weight: bold;font-family: var(--ttw);letter-spacing: -3px}
.greeting_1 > em span {font-style: italic;margin-left: -.2em;}
.greeting_1 > p {font-size: 2.4rem;color: #fff;font-weight: bold;}
.greeting_1 ul {position: absolute;left: 0;bottom: 0;width: 90%;height: 212px;display: flex;justify-content: center;align-items: center;background-color: #fff;}
.greeting_1 ul li {position: relative;flex-grow: 1;padding-top: 127px;height: 100%;font-size: 2rem;line-height: 1.3;box-sizing: border-box;text-align: center;}
.greeting_1 ul li:before {content: "";position: absolute;top: 35px;left: 50%;width: 84px;height: 80px;transform: translateX(-50%);background-position: 0 0;background-repeat: no-repeat;}
.greeting_1 ul li:not(:last-child):after {content: "";position: absolute;top: 57px;right: 0;width: 1px;height: 4rem;background-color: #d3d4d4;}
.greeting_1 ul li:nth-child(1):before {background-image: url(../img/deco_1_1_1.png);}
.greeting_1 ul li:nth-child(2):before {background-image: url(../img/deco_1_1_2.png);}
.greeting_1 ul li:nth-child(3):before {background-image: url(../img/deco_1_1_3.png);}
.greeting_1 strong {color: var(--point);}
.greeting_2 {color: var(--gray);}
.greeting_2 dt {margin-bottom: 26px;font-size: 5rem;}
.greeting_2 dt em {color: var(--point);font-weight: bold;}
.greeting_2 dd {line-height: 1.5;}
.greeting_3 {font-size: 1.8rem;line-height: 2;}
.greeting_3 p {margin-top: 112px;font-size: 1.6rem;}
.greeting_3 p strong {display: inline-block;margin-left: 16px;font-size: 2.2rem;color: var(--gray);}

/* 안전보건 경영 */
.greet_img{text-align: center;}

.greeting_7{ max-width: 1200px;display: flex;flex-direction: column;justify-content:center;align-items:center;color: #fff;line-height: 1.2;margin: 0 auto; height: 270px;text-align: center;padding: 0 20px;background: url(../img/img_sub_1_7.jpg) 50% 0 no-repeat;}
.greeting_7 strong{font-size: 6.6rem; margin-top: -10px;}
.greeting_7 p{font-size: 2.1rem;text-align: center; margin-top:6px;}
.greeting_7 p em{font-weight: bold;}
.greeting_7 i{font-style:italic;}


/* 비전 */
._bg_l_box.aos-animate:before,
._bg_r_box.aos-animate:before {animation: bg_lr_box 2s .5s cubic-bezier(0.18, 0.89, 0.32, 1.28) forwards;}
._bg_l_box:before {content: "";position: absolute;top: 156px;left: 0;width: 60%;height: 390px;transform-origin: 0 0;background-color: #eff8f7;}
._bg_r_box:before {content: "";position: absolute;top: 156px;right: 0;width: 60%;height: 390px;transform-origin: 100% 100%;background-color: #eff8f7;}
._bg_r_box:lang(en):before{height: 430px;} 
@keyframes bg_lr_box {
	0% {transform: scaleX(0);}
	100% {transform: scaleX(1);}
}
.vision_1 {position: relative;height: 50.2rem;overflow: hidden;box-sizing: border-box;}
.vision_1:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;box-sizing: border-box;background: url(../img/img_sub_1_2_1.jpg) 100% 100% no-repeat;}
[class^=vision_] dt {font-size: 6.2rem;color: var(--silver);font-family: var(--ttw);letter-spacing: -3px;}
[class^=vision_] dt em {font-weight: bold;color: var(--blk);}
.vision_1 dd {position: relative;width: 45%;padding-top: 40px;}
.vision_1 dd:before {content: "";opacity: 0;position: absolute;right: -15%;top: 0;width: 20px;height: 45px;transform: skewX(-45deg);background-color: rgb(255 113 31 / 25%);}
.vision_1 dd:after {content: "";opacity: 0;position: absolute;right: -21%;top: -7%;width: 20px;height: 55px;transform: skewX(-45deg);background-color: rgb(0 144 61 / 25%);}
.vision_1 dd span i {font-style: italic;margin-left: -.2em;}
.aos-animate .vision_1 dd:before {animation: bg_lr_box_op 1s 2.5s ease-out forwards;}
.aos-animate .vision_1 dd:after {animation: bg_lr_box_op 1s 3s ease-out forwards;}
@keyframes bg_lr_box_op {
	0% {opacity: 0;}
	0% {opacity: 0;}
	100% {opacity: 1;}
}
.vision_1 .txt_1 {font-family: var(--ttw);font-weight: bold;font-size: 5rem;letter-spacing: -5px;color: #00683b; padding-top:14px;}
.vision_1 .txt_1 span {font-size: 8.6rem;}
.vision_1 .txt_2 {font-size: 2.4rem;color: var(--gray);font-weight: bold; padding-top:17px;}
.vision_1 .txt_2 em {display: block;font-family: var(--ttw);font-size: 4.2rem;color: var(--blk);font-weight: bold;letter-spacing: -3px;text-transform: uppercase;}
.vision_1 .txt_2 span {display: block;margin: 12px 0 32px;}
.vision_1 .txt_3 {font-size: 1.8rem;line-height: 1.5; }
.vision_2 {position: relative;height: 52.2rem;overflow: hidden;}
.vision_2:lang(en){height: 63.2rem;}
.vision_2:before {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 100%;box-sizing: border-box;background: url(../img/img_sub_1_2_2.jpg) 0 100px no-repeat;}
.vision_2 dd {position: absolute;top: 178px;right: 0;width: 45%;}
.vision_2 dd:before {content: "";opacity: 0;position: absolute;left: -11%;top: -14%;width: 20px;height: 45px;transform: skewX(-45deg);background-color: rgb(255 113 31 / 25%);}
.vision_2 dd:after {content: "";opacity: 0;position: absolute;left: -6%;top: -20%;width: 20px;height: 55px;transform: skewX(-45deg);background-color: rgb(0 144 61 / 25%);}
.aos-animate .vision_2 dd:before {animation: bg_lr_box_op 1s 2.5s ease-out forwards;}
.aos-animate .vision_2 dd:after {animation: bg_lr_box_op 1s 3s ease-out forwards;}
.vision_2 dd strong {display: block;font-family: var(--ttw);font-size: 7.2rem;color: var(--point);letter-spacing: -3px; padding-top:14px;}
.vision_2 dd strong + p {font-size: 3.4rem;margin-top: 12px;color: var(--gray);font-weight: bold;letter-spacing: -3px;}
.vision_2 dd ul {margin: 22px 0 16px;font-size: 2rem;}
.vision_2 dd li {position: relative;margin-bottom: 8px;padding: 23px 96px 23px 84px;border: 1px solid #ecebeb;background-color: #fff;}
.vision_2 dd li:before {content: "";position: absolute;top: 50%;left: 26px;width: 40px;height: 35px;transform: translateY(-50%);}
.vision_2 dd li:nth-child(1):before {background: url(../img/icons.png) -122px -92px no-repeat;}
.vision_2 dd li:nth-child(2):before {height: 32px;background: url(../img/icons.png) -122px -138px no-repeat;}
.vision_2 .box {position: absolute;top: 50%;right: 0;font-family: var(--ttw);font-size: 1.4rem;color: #fff;font-weight: bold;padding: 8px 11px;transform: translateY(-50%);background-color: var(--point);}
.vision_2 dd ul + p {font-size: 2.4rem;color: var(--gray);font-weight: bold;text-transform: uppercase;}
.vision_2 dd ul + p em {color: var(--point);}

/* 걸어온길 */
dl.history {position: relative;margin-bottom: 80px;height: 456px;}
dl.history dt {font-size: 3.8rem;color: var(--blk);font-weight: bold;}
dl.history dt span {display: block;margin-top: 16px;font-size: 2.4rem;font-weight: normal;}
dl.history dd.txt {position: relative;margin-top: 26px;width: 45%;font-size: 1.8rem;line-height: 1.8;}
dl.history dd.video {position: absolute;bottom: 0;right: 0;width: 626px;height: 375px;}
dl.history dd.video video {width: 100%;height: 100%;}
dl.history dd.since {font-size: 1.6rem;font-family: 'Titillium Web';}
dl.history dd.since > * {position: absolute;;box-sizing: border-box;}
dl.history dd.since > strong {left: 0;bottom: 95px;font-size: 8.4rem;font-weight: normal;letter-spacing: -7px;}
dl.history dd.since > p {z-index: 1;bottom: 27px;font-size: 2.2rem;padding: 10px 0 10px 30px;color: #fff;text-transform: uppercase;background-color: #007d40;letter-spacing: 0;}
dl.history dd.since > p:after {
	content:"";
	position: absolute;
	right: -40px;
	top: 0;
	bottom: 0;
	width: 40px;
	background: -webkit-linear-gradient(left, rgba(0,125,64,1) 0%,rgba(0,125,64,1) 50%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(0,125,64,1) 0%,rgba(0,125,64,1) 50%,rgba(255,255,255,0) 100%);
	}
dl.history dd.since > .num {left: 184px;width: 44%;bottom: 0px;overflow: hidden;display: grid;grid-template-columns: repeat(4, auto);font-size: 21.2rem;font-weight: bold;line-height: 1;}
/*dl.history dd.since > .num em {display: block;font-weight: bold;line-height: 0.8;animation: num 10s 2s infinite;}*/
dl.history dd.since > .num em {display: block;font-weight: bold;opacity: 0;line-height: 1;animation: num .5s forwards;}
dl.history dd.since > .num em:nth-of-type(1) {color: #007d40;animation-delay: .2s;transform-origin: 65% 50%;}
dl.history dd.since > .num em:nth-of-type(2),
dl.history dd.since > .num em:nth-of-type(3) {color: var(--blk);}
/*dl.history dd.since > .num em:nth-of-type(2) {animation-delay: 2s;}
dl.history dd.since > .num em:nth-of-type(3) {animation-delay: 1s;}
dl.history dd.since > .num em:nth-of-type(4) {color: #fff;animation-delay: 1.6s;}*/
dl.history dd.since > .num em:nth-of-type(2) {animation-delay: 1s;}
dl.history dd.since > .num em:nth-of-type(3) {animation-delay: 1.5s;}
dl.history dd.since > .num em:nth-of-type(4) {color: #fff;animation-delay: 2s;}
@keyframes num {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
/*@keyframes num {
	0% {transform: perspective(.7em) translateY(0%) rotateY(0deg);}
	40% {transform: perspective(.7em) translateY(0%) rotateY(360deg);}
	50%, 80% {transform: perspective(.7em) translateY(-5%);}
	40% {transform: perspective(.7em) translateY(-15%);}
	60% {transform: perspective(.7em) translateY(-8%);}
	100% {transform: perspective(.7em) translateY(0%) rotateY(360deg);}
}*/
.his_wrap {position: relative;border-bottom: 1px solid #dadbdc;}
ul.history {background: url(../img/bg_line_ptt.png) -10px 0 repeat-x;}
ul.history dt strong {display: block;margin-bottom: 0.6rem;font-size: 6.4rem;color: #b2b2b2;font-family: 'Titillium Web';letter-spacing: -2px;font-weight: normal;}
ul.history dt strong span {color: var(--blk);font-weight: bold;}
ul.history dt p {color: #666;font-size: 2.2rem;}
ul.history dt p i {font-style: italic;}
ul.history dd {position: relative;padding-top: 30px;line-height: 1.5;color: #666;}
ul.history dd:nth-of-type(1) {margin-top: 25px;}
ul.history dd:nth-of-type(1):before {content: "";position: absolute;top: 0;width: 35px;height: 4px;background-color: #000;}
ul.history li:nth-child(odd) dd:nth-of-type(1):before {left: 0;}
ul.history li:nth-child(even) dd:nth-of-type(1):before {right: 0;}
ul.history dd strong {display: block;margin-bottom: 5px;font-size: 2.2rem;line-height: 1;color: var(--blk);}
ul.history li {position: relative;padding: 70px 0 80px;}
ul.history li:not(:nth-child(1)) {border-top: 1px solid #e1e1e0;}
ul.history li:nth-child(1) {background-image: url(../img/img_sub_1_3_4.jpg);background-position: 0 80px;background-repeat: no-repeat;}
ul.history li:nth-child(2) {background-image: url(../img/img_sub_1_3_3.jpg);background-position: 100% 80px;background-repeat: no-repeat;}
ul.history li:nth-child(3) {background-image: url(../img/img_sub_1_3_2.jpg);background-position: 0 80px;background-repeat: no-repeat;}
ul.history li:nth-child(4) {background-image: url(../img/img_sub_1_3_1.jpg);background-position: 100% 80px;background-repeat: no-repeat;}
.his_sub {font-size:1.7rem;}

.history_nav {position: absolute;top: 80px;left: 50%;width: 112px;bottom: 0;z-index: 1;overflow: hidden;font-size: 1.6rem;text-align: center;transform: translateX(-50%);background: rgb(142 142 142 / 8%);}
.history_nav:before {content: "";position: absolute;top: 0;left: 50%;width: 1px;bottom: 0;transform: translateX(-50%);background: #dadbdc;}
.history_nav ul {position: relative;padding-top: 30px;transition: .8s;border-top: 1px solid #368752;background: rgb(142 142 142 / 8%) url(../img/bg_history_timer.png) 0 0 no-repeat;}
.history_nav li a {position: relative;margin-top: -1px;display: block;height: 5.5rem;border: 1px solid #e1e1e0;border-width: 1px 0;display: flex;justify-content: center;align-items: center;background-color: #fff;}
.history_nav li a.on,
.history_nav li:hover a {color: #368652;z-index: 1;border-color: #368652;}

/* 사업장안내 */
.area.slider {margin: 5rem 0 2.8rem;position: relative;height: 504px;background: rgb(0 108 62);}
.area.slider .list {width: 850px;}
.area.slider [class^=item] {position: relative;height: 100%;color: #fff;}
.area.slider .img_wrap {position: absolute;top: 0;left: 0;width: 850px;height: 504px;background-color: rgb(0 124 64);}
.area.slider .img {position: relative;width: 100%;height: 100%;color: #fff;background-position: 0 0;background-repeat: no-repeat;background-size: 100% auto;}
.area.slider .img img{width: 100%;}
.area.slider dl {position: absolute;top: 0;right: 0;width: 29%;height: 100%;padding: 35px 32px;color: #fff;box-sizing: border-box;}
.area.slider dl dt {position: relative;padding-bottom: 20px;font-size: 4rem;font-weight: bold;border-bottom: 1px solid rgb(0 140 73);}
.area.slider dl dt:after{content:"";position:absolute;left:0;right:0;bottom:0;border-top: 1px solid rgb(0 31 18);}
.area.slider dl dt span {display: block;font-size: 1.8rem;font-weight: normal;margin-bottom: 10px;}
.area.slider dl.lab dt{font-size: 2.6rem;}
.area.slider dl.lab dt span {font-size: 1.6rem;}
.area.slider dl dt em {font-size: 2.5rem;}
.area.slider dl dd.txt {margin-top: 28px;font-size: 1.5rem;line-height: 1.5;text-transform: uppercase;word-break: break-all;word-wrap: break-word;opacity: .8;max-height: 190px;overflow: auto;}
.area.slider dl dd.txt:lang(en){font-size: 1.4rem;text-transform: none;}
.area.slider dl dd.txt p {color: #46b468;}
.area.slider .abtn_more {position: absolute;bottom: 90px;left: 884px;width: auto;height: auto;display: inline-block;padding-right: 15px;}
.area.slider .abtn_more:after {content: "";position: absolute;top: 50%;right: 0;margin: 1px 0 0;width: 7px;height: 7px;display: block;transform-origin: 100% 0;border-width: 1px 1px 0 0;border-style: solid;border-color: rgb(255 255 255);transform: rotate(45deg);transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);background-image: none;}
.area.slider .dots {position: absolute;bottom: 25px;right: 220px;z-index: 2;margin: 0;width: 41px;height: 45px;font-size: 2rem;color: #fff;display: flex;justify-content: center;align-items: center;}
.area.slider .slider_nav {position: absolute;bottom: 25px;right: 163px;margin: 0;width: 154px;height: 45px;z-index: 2;display: flex;justify-content: space-between;}
.area.slider .slider_nav a {position: relative;display: block;width: 43px;height: 43px;color: transparent;border: 1px solid #00492a;background: #fff;}
.area.slider .slider_nav a:before {content: "";position: absolute;top: 50%;left: 50%;width: 12px;height: 12px;border-width: 0 0 1px 1px;border-style: solid;border-color: #00492a;transform: translate(-20%, -50%) rotate(45deg);transform-origin: 50% 50%;}
.area.slider .slider_nav a.slick-next {transform: rotate(180deg);}

.area_info {display: grid;grid-template-columns: 1.7fr 2fr;border-top: 3px solid #006c3e;font-size: 1.8rem;background: #fff;}
.area_info .bundrex {font-size: 1.5rem; line-height:28px;}
.area_info:lang(en){grid-template-columns: 2fr 1fr;}
.area_info:before {position: fixed;}
.area_info > li {min-height: 3rem;display: grid;gap: 2.2rem;grid-template-columns: 130px 1fr;padding: 2rem 2rem 2rem 0;border-bottom: 1px solid rgb(238 238 237);}
.area_info > li:lang(en){grid-template-columns: 180px auto;}
.area_info > li > strong {position: relative;width: 100%;font-weight: normal;display: flex;justify-content: flex-start;align-items: center;padding-left: 4rem;padding-right: 2rem;box-sizing: border-box;}
.area_info > li > strong:before {content: "";display: inline-block;margin-right: 10px;width: 4px;height: 4px;transform: translateY(1px);background-color: #666766;border-radius: 50%;}
.area_info > li > strong:after {content: "";position: absolute;top: 50%;right: 0;width: 1px;height: 22px;transform: translateY(-50%);background-color: #cfcecd;}
.area_info > li > .txt {align-items: center;color: var(--blk);line-height: 1.3;min-height: 3rem;display: flex;align-items: center;justify-content: flex-start;}
.area_info._col3 {grid-template-columns: 1.7fr 1fr 1fr;}
.area_info._col3._vetnam {grid-template-columns: 1.4fr 1fr 1fr;}
.area_info._col3:lang(en){grid-template-columns: 1fr 1fr;}
.area_info._col3 > li > strong {width: 100%;display: flex;justify-content: flex-start;align-items: center;padding-left: 36px; box-sizing: border-box;}
.vetnam {/* margin-left:-50px; */}
.area_info._col3 > li:nth-child(1):lang(en) {grid-column: 1 / span 2;border-bottom: 1px solid rgb(238 238 237);}
.area_info._w2_1 {grid-template-columns: 2.5fr 1fr;}
.area_info._w2_1:lang(en){grid-template-columns: 2fr 1fr;}
.area_info._col2 {grid-template-columns: 1fr 1fr;}
.area_info li.span4 {grid-column: 1/3;grid-template-columns: auto 1fr;}
.area_info li.span5 {grid-column: 1/4;grid-template-columns: auto 1fr;}
.area_info .drop_wrap {margin-left: 10px;}
.area_info._col2 .drop_wrap {margin-bottom: -2rem;}

.root_daum_roughmap {width: 100% !important;}
.root_daum_roughmap .wrap_btn_zoom {width: 33px;z-index: 1 !important;}

/* 기술연구소 */
.prj {display: grid;grid-template-columns: 1fr 1fr;gap: 50px 40px;}
.prj li {position: relative;padding: 172px 0 0 172px;background-repeat: no-repeat;background-position: 100% 0;}
.prj li:nth-child(1) {background-image: url(../img/bg_sub_1_4_6_1.jpg);}
.prj li:nth-child(2) {background-image: url(../img/bg_sub_1_4_6_2.jpg);}
.prj li:nth-child(3) {background-image: url(../img/bg_sub_1_4_6_3.jpg);}
.prj li:nth-child(4) {background-image: url(../img/bg_sub_1_4_6_4.jpg);}
.prj dl {}
.prj dl dt {position: absolute;top: 0;left: 0;width: 140px;padding-top: 15px;font-size: 2.8rem;font-weight: bold;line-height: 1.1;color: var(--blk);letter-spacing: -2px;border-top: 4px solid var(--blk);}
.prj dl dd {line-height: 1.5;text-indent: -0.3em;padding-left: .3em;}
.prj dl dd:before {content: "·";display: inline-block;margin-right: 5px;}

.task {counter-reset: num;}
.task > li {position: relative;margin-top: 7rem;word-break: keep-all;text-transform: uppercase;}
.task > li:first-child {margin-top: 0;}
.task > li > div {display: grid;grid-template-columns: 1fr 1fr;gap: 50px 35px;margin-top: 3rem;padding-left: 3.8rem;}
.task > li:before {content: counter(num);counter-increment: num;display: inline-block;width: 4.5rem;height: 4.5rem;font-size: 2.8rem;font-weight: bold;color: #fff;border-radius: 50%;background-color: var(--point);display: inline-flex;justify-content: center;align-items: center;padding-bottom: 6px;box-sizing: border-box;}
.task > li dl:after {content: "";position: absolute;top: 48px;left: 0;width: 205px;height: 134px;background-position: 0 0;background-repeat: no-repeat;background-size: 100% auto;}
.task > li:nth-child(1) dl:nth-of-type(1):after {background-image: url(../img/thumb_sub_1_4_6_1.jpg);}
.task > li:nth-child(1) dl:nth-of-type(2):after {background-image: url(../img/thumb_sub_1_4_6_2.jpg);}
.task > li:nth-child(1) dl:nth-of-type(3):after {background-image: url(../img/thumb_sub_1_4_6_3.jpg);}
.task > li:nth-child(1) dl:nth-of-type(4):after {background-image: url(../img/thumb_sub_1_4_6_4.jpg);}

.task > li:nth-child(2) > div > dl:nth-of-type(1):after {background-image: url(../img/thumb_sub_1_4_6_5.jpg);}
.task > li:nth-child(2) > div > dl:nth-of-type(2):after {background-image: url(../img/thumb_sub_1_4_6_6.jpg);}
.task > li:nth-child(2) > div > dl:nth-of-type(3):after {background-image: url(../img/thumb_sub_1_4_6_7.jpg);}
.task > li:nth-child(2) > div > dl:nth-of-type(4):after {background-image: url(../img/thumb_sub_1_4_6_8.jpg);}

.task > li:nth-child(3) dl:nth-of-type(1):after {background-image: url(../img/thumb_sub_1_4_6_9.jpg);}
.task > li:nth-child(3) dl:nth-of-type(2):after {background-image: url(../img/thumb_sub_1_4_6_10.jpg);}
.task > li:nth-child(3) dl:nth-of-type(3):after {background-image: url(../img/thumb_sub_1_4_6_11.jpg);}
.task > li:nth-child(3) dl:nth-of-type(4):after {background-image: url(../img/thumb_sub_1_4_6_12.jpg);}

.task > li dl {position: relative;}
.task > li .tit {display: inline-block;font-size: 3rem;margin-left: 5px;color: var(--point);}
.task > li dt {margin-bottom: 18px;font-size: 2.4rem;font-weight: bold;letter-spacing: -2px;color: var(--blk);text-transform: uppercase;}
.task > li dd {min-height: 14rem;padding-left: 22rem;line-height: 1.5;}
.task > li dd strong {display: block;margin-bottom: 5px;font-size: 1.8rem;color: var(--blk);}
.task > li dd li {line-height: 1.5;text-indent: -0.3em;padding-left: 0.6em;}
.task > li dd li:before {content: "·";display: inline-block;margin-right: 5px;}

/* CI */
.ci_1 {position: relative;padding: 52px 35px 52px 568px;border: 1px solid #e3e2e2;background: url(../img/bg_sub_5_1.png) 0 0 repeat;}
.ci_1 dt {position: absolute;top: 50%;left: 125px;transform: translateY(-50%);}
.ci_1 dd {padding: 30px 34px;font-size: 1.8rem;color: var(--gray);line-height: 1.5;mix-blend-mode: multiply;background-color: #dededf;}
.ci_1 dd em {color: var(--point2);text-transform: uppercase;}

.ci_down {margin-top: 1.8rem;text-align: right;}
.ci_down a {width: 160px;height: 44px;margin-left: 1px;font-weight: bold;font-size: 1.6rem;color: #fff;display: inline-flex;justify-content: center;align-items: center;background-color: #818181;}

.ci_2 {position: relative;margin-top: 72px;}
.ci_2 dt {font-size: 3rem;font-weight: bold;color: var(--blk);}
.ci_2 dd.img {position: absolute;bottom: 0;left: 0;padding: 50px 47px;border: 1px solid #e3e2e2;background: url(../img/bg_sub_5_1.png) 0 0 repeat;}
.ci_2 dd.txt {margin: 0 0 0 278px;padding: 30px 0 0;font-size: 1.6rem;line-height: 1.5;}
.ci_2 dd ul {display: grid;gap: 20px;grid-template-columns: repeat(3, 1fr);margin-top: 25px;}
.ci_2 dd ul li {padding: 20px 28px;font-size: 1.4rem;color: #fff;text-transform: uppercase;flex-grow: 0;box-sizing: border-box;}
.ci_2 dd ul li strong {display: block;font-size: 1.6rem;font-weight: normal;}
.ci_2 dd ul li:nth-child(1) {background-color: #00903d;}
.ci_2 dd ul li:nth-child(2) {background-color: #231916;}
.ci_2 dd ul li:nth-child(3) {background-color: #e72910;}

.ci_3 {position: relative;margin-top: 100px;}
.ci_3 dt {margin-bottom: 28px;font-size: 3rem;font-weight: bold;color: var(--blk);}
.ci_3 dd {display: flex;justify-content: space-between;}

/* 제품소개 */
.prd.slider {position: relative;height: 504px;}
.prd.slider .list_wrap {position: relative;float: right;width: 642px;height: 100%;}
.prd.slider .list_wrap .tit {position: absolute;top: 81px;left: -20px;padding: 11px 48px;z-index: 2;font-family: var(--ttw);font-size: 2rem;line-height: 1.2;font-weight: bold;color: rgb(255 255 255);text-transform: uppercase;background-color: rgb(0 124 64 / 100%);}
.prd.slider [class^=item] {position: relative;height: 100%;}
.prd.slider .list {position: absolute;top: 60px;right: 15px;width: 622px;height: 430px;background-color: rgb(0 124 64);}
.prd.slider .list:before {content: "";position: absolute;top: -14px;right: -15px;bottom: -14px;width: 36%;background-color: #007c40;}
.prd.slider .img {position: relative;width: 100%;height: 100%;color: #fff;background-size: 100% 100%;}
.prd.slider .img img{width:100%;}
.prd.slider dl {position: absolute;top: 0;left: 0;width: 40%;height: 100%;}
.prd.slider dl dt {font-size: 3.8rem;font-weight: bold;color: var(--blk);}
.prd.slider dl dt._steelbar {font-size: 3.6rem;}
.prd.slider dl dt span {display: block;margin-top: 1rem;font-size: 2.4rem;font-weight: normal;text-transform: uppercase;}
.prd.slider dl dd.txt {margin-top: 2.3rem;font-size: 1.6rem;line-height: 1.5;max-height: 330px;overflow: auto;}
.prd.slider dl dd.txt:lang(en) {margin-top: 2.3rem;font-size: 1.5rem;line-height: 1.7; max-height: 330px;overflow: auto;}
.prd.slider dl dd.txt._brand{max-height: 270px;}
.prd.slider dl dd.txt p {margin-top: 1.8rem;color: ##007c40;}
.prd.slider dl dd.detail {position: absolute;left: 0;bottom: 14px;right: 0;width: 386px;display: flex;justify-content: space-between;align-items: stretch;flex-flow: wrap-reverse;}
.prd.slider dl dd.detail a {flex: 1 1 50%;display: flex;justify-content: center;align-items: center;font-size: 2rem;font-weight: bold;min-height: 6.8rem;transition: .5s;}
.prd.slider dl dd.detail a:hover {opacity: .9;}
.prd.slider dl dd.detail a.btn_cs {background-color: #007c40;}
.prd.slider dl dd.detail a.btn_spec {background-color: #373738;}
.prd.slider dl dd.detail a.btn_store {background-color: #373738;}
.prd.slider dl dd.detail p {margin-bottom: 8px;width: 100%;}
.prd.slider dl dd.detail p a.abtn_home {background: rgb(6 0 0);}
.prd.slider dl dd.detail p a.abtn_home:after {margin-top: 0;margin-left: 10px;width: 18px;height: 18px;background-position: -162px -190px;}
.prd.slider dl dd.detail .btn_spec span {position: relative;display: inline-block;padding-right: 44px;}
.prd.slider dl dd.detail .btn_spec span:before {content: "";position: absolute;top: 50%;right: 0;background-color: rgb(255 255 255);width: 30px;height: 1px;transform-origin: 100% 0;transform: translateY(-50%);transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);}
.prd.slider dl dd.detail .btn_spec span:after {content: "";position: absolute;top: 50%;right: 0;margin: 0;width: 10px;height: 10px;display: block;transform-origin: 100% 0;border-width: 1px 1px 0 0;border-style: solid;border-color: rgb(255 255 255);transform: rotate(45deg);transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);background-image: none;}
.prd.slider dl dd.detail .btn_store span {position: relative;display: inline-block;padding-right: 44px;}
.prd.slider dl dd.detail .btn_store span:before {content: "";position: absolute;top: 50%;right: 0;background-color: rgb(255 255 255);width: 30px;height: 1px;transform-origin: 100% 0;transform: translateY(-50%);transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);}
.prd.slider dl dd.detail .btn_store span:after {content: "";position: absolute;top: 50%;right: 0;margin: 0;width: 10px;height: 10px;display: block;transform-origin: 100% 0;border-width: 1px 1px 0 0;border-style: solid;border-color: rgb(255 255 255);transform: rotate(45deg);transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);background-image: none;}
.prd.slider .dots {position: absolute;bottom: 14px;left: 37.9%;margin: 0;width: 41px;height: 45px;font-size: 2rem;color: #898989;display: flex;justify-content: center;align-items: center;}
.prd.slider .slider_nav {position: absolute;bottom: 14px;left: 33.8%;margin: 0;width: 138px;height: 45px;z-index: 1;display: flex;justify-content: space-between;}
.prd.slider .slider_nav a {position: relative;display: block;width: 43px;height: 43px;color: transparent;border: 1px solid #cacaca;background: #fff;}
.prd.slider .slider_nav a:before {content: "";position: absolute;top: 50%;left: 50%;width: 12px;height: 12px;border-width: 0 0 1px 1px;border-style: solid;border-color: #898989;transform: translate(-20%, -50%) rotate(45deg);transform-origin: 50% 50%;}
.prd.slider .slider_nav a.slick-next {transform: rotate(180deg);}

.weare {margin-top: 12.2rem;display: grid;grid-template-columns: repeat(4, 1fr);gap: 32px;}
.weare li {position: relative;padding: 140px 8px 25px;text-align: center;border: 1px solid #c9ddca;}
.weare li strong {display: block;margin-bottom: 1rem;font-size: 2.4rem;color: var(--blk);}
.weare li p {font-size: 1.6rem;line-height: 1.5;}
.weare li:nth-child(odd) {background-color: #f3f6f1;}
.weare li:before {content: "";position: absolute;top: 10%;left: 50%;width: 110px;height: 100px;transform: translateX(-50%);background-position: 50% 0;background-repeat: no-repeat;}
.weare li:nth-child(1):before {background-image: url(../img/deco_2_1_1.png);}
.weare li:nth-child(2):before {background-image: url(../img/deco_2_1_2.png);}
.weare li:nth-child(3):before {background-image: url(../img/deco_2_1_3.png);}
.weare li:nth-child(4):before {background-image: url(../img/deco_2_1_4.png);}

.weare._superdeck li:nth-child(1):before {background-image: url(../img/deco_2_3_1.png);}
.weare._superdeck li:nth-child(2):before {background-image: url(../img/deco_2_3_2.png);}
.weare._superdeck li:nth-child(3):before {background-image: url(../img/deco_2_3_3.png);}
.weare._superdeck li:nth-child(4):before {background-image: url(../img/deco_2_3_4.png);}

.weare._bundrex {grid-template-columns: repeat(3, 1fr);gap: 26px;}
.weare._bundrex li:nth-child(1):before {background-image: url(../img/deco_2_4_1.png);}
.weare._bundrex li:nth-child(2):before {background-image: url(../img/deco_2_4_2.png);}
.weare._bundrex li:nth-child(3):before {background-image: url(../img/deco_2_4_3.png);}


.weare._mesh {grid-template-columns: repeat(3, 1fr);gap: 26px;}
.weare._mesh li:nth-child(1):before {background-image: url(../img/deco_2_5_1.png);}
.weare._mesh li:nth-child(2):before {background-image: url(../img/deco_2_5_2.png);}
.weare._mesh li:nth-child(3):before {background-image: url(../img/deco_2_5_3.png);}

.weare._processed2 {grid-template-columns: repeat(3, 1fr);gap: 26px;}
.weare._processed2 li:nth-child(1):before {background-image: url(../img/deco_2_7_2_1.png);}
.weare._processed2 li:nth-child(2):before {background-image: url(../img/deco_2_7_2_2.png);}
.weare._processed2 li:nth-child(3):before {background-image: url(../img/deco_2_7_2_3.png);}

.weare._processed3 {grid-template-columns: repeat(3, 1fr);gap: 26px;}
.weare._processed3 li:nth-child(1):before {background-image: url(../img/deco_2_7_3_1.png);}
.weare._processed3 li:nth-child(2):before {background-image: url(../img/deco_2_7_3_2.png);}
.weare._processed3 li:nth-child(3):before {background-image: url(../img/deco_2_7_3_3.png);}

.weare._mortar {grid-template-columns: repeat(3, 1fr);gap: 26px;}
.weare._mortar li:nth-child(1):before {background-image: url(../img/deco_2_9_1.png);}
.weare._mortar li:nth-child(2):before {background-image: url(../img/deco_2_9_2.png);}
.weare._mortar li:nth-child(3):before {background-image: url(../img/deco_2_9_3.png);}

.weare._sbss {grid-template-columns: repeat(3, 1fr);gap: 26px;}
.weare._sbss li:nth-child(1):before {background-image: url(../img/deco_2_10_1.png);}
.weare._sbss li:nth-child(2):before {background-image: url(../img/deco_2_9_3.png);}
.weare._sbss li:nth-child(3):before {background-image: url(../img/deco_2_4_3.png);}

/*신통방통 몰탈강화재*/
.mortar_txt {font-size: 1.8rem; font-weight: bold; color:#056937;}
.mortar_txt1 {font-size: 2.8rem; font-weight: bold; color:#056937;}
.content h3.tit1 {margin-top: 7rem; margin-bottom:-20px; font-size: 3.6rem;color: var(--blk);}
.mortar_txt2 {color:#666;font-size: 1.8rem; line-height: 9rem;}
.mortar_txt3 {font-size: 1.7rem; margin-top:-20px; margin-bottom:20px; line-height: 1.35;}
.mortar_da_img {display: flex; margin-top:20px; padding-bottom:40px;}
.mortar_da_img01{margin-left:auto; display:block;}

.mortar_charter {margin: 20px 0px 0px 0px; padding-top:10px; font-size: 2.8rem; font-weight: 700; color:#000;}
.mortar_box{border:1px solid #ededec; background-color: #fff; text-align: center;}
.mortar_box1{margin-top:50px;}
.mortar_box2{margin:50px 0 50px 0px; text-align: center;}
.mortar_tit{margin:30px 0 -42px 38px; font-size:2rem; font-weight:bold;text-align: left; color:#000;}

/*SBSS*/
.sbss_charter {padding-top:50px; font-size: 3.2rem; font-weight: 700; color:#000;}
.sbss_charter_pd {padding-top:0px; font-size: 3.2rem; font-weight: 700; color:#000;}
.sbss_charter_pd > span{font-size:21px; color:#666;}
.sbss_charter > span{font-size:21px; color:#666;}
.sbss_txt {color:#005d96; padding-left:11px; background-image: url(../img/sbss_dot.jpg); background-position: 0 60%; background-repeat: no-repeat;}
.sbss_red_txt {font-size: 1.8rem; font-weight: bold; color:#d93523;}
.sbss_txt1 {margin:16px 0 0px 0px; font-size: 1.7rem; line-height: 2.4rem;}
.sbss_txt2 {margin:36px 0 34px 0; color:#666;font-size: 1.8rem; line-height: 2.4rem;}
.sbss_rect {margin-top:60px; display:flex; width:auto;}

.sbss_rect_left_01 {font-size:2.8rem; color: #000; font-weight:700;}
.sbss_rect_left_01 ul {padding:6px 0px 0px 50px; background-image: url("../img/sbss_num01.png"); background-repeat: no-repeat;}
.sbss_rect_left_01 ul li {padding-left:12px; background-image: url("../img/sbss_dot1.jpg"); background-position: 0 60%; background-repeat: no-repeat; padding-top:5px; font-size:1.6rem; color:#666; font-weight: normal; line-height: 2.8rem;}
.sbss_pd {margin-top:10px;}
.sbss_rect_right {margin-left:auto;}
.sbss_img {margin:10px 0 0 12px;}

.sbss_rect_left_02 {font-size:2.8rem; color: #000; font-weight:700;}
.sbss_rect_left_02 ul {padding:6px 0px 0px 50px; background-image: url("../img/sbss_num02.png"); background-repeat: no-repeat;}
.sbss_rect_left_02 ul li {padding-left:12px; background-image: url("../img/sbss_dot1.jpg"); background-position: 0 60%; background-repeat: no-repeat; padding-top:5px; font-size:1.6rem; color:#666; font-weight: normal; line-height: 2.8rem;}

.sbss_rect_left_03 {font-size:2.8rem; color: #000; font-weight:700;}
.sbss_rect_left_03 ul {padding:6px 0px 0px 50px; background-image: url("../img/sbss_num03.png"); background-repeat: no-repeat;}
.sbss_rect_left_03 ul li {padding-left:12px; background-image: url("../img/sbss_dot1.jpg"); background-position: 0 60%; background-repeat: no-repeat; background-position-y:10px; font-size:1.6rem; color:#666; font-weight: normal; line-height: 2.2rem;}
.sbss_rect_left_03 p{margin:6px 0px 0 12px; font-size:1.6rem; color:#666; font-weight: normal; line-height: 2.2rem;}

.sbss_test {padding-top:30px;}

/* 시공사례 */
.pd16{padding:16px;}
/*SBSS*/


.feat_list {counter-reset: num;text-transform: uppercase;margin-top: 100px;}
.feat_list > li {position: relative;min-height: 326px;margin-top: 70px;}
.feat_list > li:first-child {margin-top: 0;}
.feat_list > li:before {content: "";position: absolute;top: 0;width: 100%;height: 100%;background-position: left center;background-repeat: no-repeat;}
.feat_list > li:nth-child(odd) {padding-left: 53.6%;}
.feat_list > li:nth-child(even) {padding-right: 53.6%;}
.feat_list > li:nth-child(even):before {background-position: 100% 0;}
.feat_list > li:nth-child(1):before {left: 0;background-image: url(../img/feature_2_3_1.jpg);}
.feat_list > li:nth-child(2):before {left: 0;background-image: url(../img/feature_2_3_2.jpg);}
.feat_list > li:nth-child(3):before {left: 0;background-image: url(../img/feature_2_3_3.jpg);}
.feat_list > li:nth-child(4):before {right: 0;background-image: url(../img/feature_2_3_4.jpg);}

.feat_list._bundrex > li strong {color: var(--point);text-transform: none;}
.feat_list._bundrex > li:nth-child(1) {padding-bottom: 45px;}
.feat_list._bundrex > li:nth-child(2) {padding-bottom: 20px;}
.feat_list._bundrex > li:nth-child(3) {padding-bottom: 40px;}
.feat_list._bundrex > li:nth-child(1):before {left: 0;background-image: url(../img/feature_2_4_1.jpg);}
.feat_list._bundrex > li:nth-child(2):before {right: 0;background-image: url(../img/feature_2_4_2.jpg);}
.feat_list._bundrex > li:nth-child(3):before {left: 0;background-image: url(../img/feature_2_4_3.jpg);}
.feat_list._bundrex > li:nth-child(4):before {right: 0;background-image: url(../img/feature_2_4_4.jpg);}

.feat_list > li strong:before {content: counter(num, decimal-leading-zero) "";counter-increment: num;position: absolute;top: 3rem;width: 7.8rem;height: 6rem;font-size: 3.2rem;color: #fff;font-weight: bold;background-color: #007c40;display: flex;justify-content: center;align-items: center;text-indent: 0.8rem;}
.feat_list > li:nth-child(odd) strong:before {left: -10rem;}
.feat_list > li:nth-child(even) strong:before {right: -10rem;}
.feat_list > li strong {position: relative;display: block;padding: 4rem 0 0;font-size: 3.2rem;font-weight: 900;color: var(--blk);}
.feat_list > li span {color: #cc1c1d;font-weight: bold;}
.feat_list > li em {position: relative;display: block;margin: 2rem 0 4.3rem;font-size: 1.8rem;line-height: 1.3;font-weight: bold;color: var(--blk);letter-spacing: -1.6px;}
.feat_list > li p {position: relative;line-height: 1.5;}
.bundrex_tk {margin-top:-30px;}

.prdtype_list {display: grid;grid-template-columns: repeat(4, 1fr);gap: 32px;}
.prdtype_list li {position: relative;padding: 338px 5px 0;text-transform: uppercase;background-repeat: no-repeat;}
.prdtype_list li strong {display: block;font-size: 2.2rem;color: var(--point);font-weight: 900;}
.prdtype_list li p {font-size: 1.8rem;line-height: 1.5;color: var(--gray);}

.stmat_list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 17px; padding-top:48px;}
.stmat_list li {position: relative;padding: 142px 5px 0;text-transform: uppercase;background-repeat: no-repeat; background-color: #fff; border: 1px solid #d9d9d9; text-align: center;}
.stmat_list li strong {display: block;font-size: 2.2rem;color: #333;font-weight: 800; }
.stmat_list li p {padding:10px 0px 20px 0px; font-size: 1.6rem;line-height: 1.2;color: #666;}

.stmat_list01 {display: grid;grid-template-columns: repeat(2, 1fr);gap: 17px; padding-top:17px;}
.stmat_list01 li {position: relative;padding: 142px 5px 0;text-transform: uppercase;background-repeat: no-repeat; background-color: #fff; border: 1px solid #d9d9d9; text-align: center;}
.stmat_list01 li strong {display: block;font-size: 2.2rem;color: #333;font-weight: 800; }
.stmat_list01 li p {padding:10px 0px 20px 0px; font-size: 1.6rem;line-height: 1.2;color: #666;}

.stmat_list02 {display: grid;grid-template-columns: repeat(1, 1fr);gap: 17px; padding-bottom:46px;}
.stmat_list02 li {position: relative; height:298px; margin-top:17px; text-transform: uppercase;background-repeat: no-repeat;}

.st_type  {font-size:4.8rem; width: 100%; height:440px; text-align:center; border:1px solid#e4e4e4; font-weight: 900; color:#358652; padding-top:26px;}
.st_type p{font-size:1.8rem; font-weight: normal; color: #666; line-height: 24px; padding-top:10px; padding-bottom:14px;}

.st_type_list {display: flex; justify-content: center;}
.st_type_list li {height:246px; width:550px; padding-top:260px; margin:10px; background-repeat: no-repeat;}
.st_type_list li strong {display: block;font-size: 2.2rem;color: #358652;font-weight: 800; }
.st_type_list li p {padding:10px 0px 20px 0px; font-size: 1.6rem;line-height: 0.4;color: #666;}


.spec_area {display: flex;justify-content: space-between;}
.spec_area > * {}
.spec_area > .txt {position: relative;width: 618px;padding: 2.2rem 0rem 2.2rem 0rem;text-transform: uppercase;color: var(--blk);line-height: 1.5;}
.spec_area > .txt:before {content: "";position: absolute;top: 0;left: 0;width: 100px;height: 6px;background-color: #368652;}
.spec_area > .txt strong {font-size: 3.2rem;color: var(--point);}
.spec_area > .txt em {font-weight: bold;color: var(--point);}
.spec_area > .txt .btns {position: absolute;bottom: 0;left: 0;}
.spec_area > .txt a {display: block;width: 142px;height: 52px;font-size: 2rem;color: #fff;font-weight: bold;background-color: #007c40;display: flex;justify-content: center;align-items: center;}

.prd_area {margin: 124px 0 0px;display: grid;grid-template-columns: 600px 3fr;justify-content: space-between;}
.prd_area > * {flex: 1 1 50%;}
.prd_area > dl {position: relative;padding: 2.2rem 2rem 2.2rem 5.3rem;text-transform: border: 1px solid #e3e1e0;border-left-width: 0;background: #fff;}
.prd_area > dl:before {content: "";position: absolute;top: 0;left: 5.3rem;width: 100px;height: 6px;background-color: #368652;}
.prd_area dt {margin-bottom: 14px;font-size: 2.6rem;font-weight: bold;color: var(--blk);}
.prd_area dt:nth-of-type(2) {float: left;margin-right: .3em;}
.prd_area dd {margin-bottom: 2rem;line-height: 1.5;}
.prd_area dd:lang(en){font-size: 1.6rem;}
.prd_area dd:nth-of-type(1) {margin-bottom: 1rem;}
.prd_area dd:last-child {margin-bottom: 0;}
.prd_area dd .ibtn_map {margin-top: -8px;margin-left: 10px;background-color: #006c3e;}
.prd_area dd .ibtn_map:lang(en){transform:scale(.8);margin-top: 0;}
.prd_area dd .drop_wrap {margin-left: 1rem;position: absolute;bottom: 26px;right: 30px;}

.pop_inwrap._spec:before {content: "";position: absolute;top: 0;left: 74px;width: 70px;height: 6px;background-color: #007c40;}

/* sns 홍보 ,  */
.ls_search{position: absolute;bottom: -12px;right: 0;height: 40px;z-index: 10;}
.ls_search>.ibtn_search_toggle{position:absolute;right: 0;top: 0;border: 0;width: 42px;height: 42px;border: 1px solid #e3e2e1;}
.ls_search>.ibtn_search_toggle:before{width: 20px;height: 22px;transform: scale(1) translate(-50%,-50%);background-image: none;}
.ls_search.on .ibtn_search_toggle:before{}
.ls_search .ibtn_search_toggle i{position: absolute;bottom: 0;right: 0;width: 100%;height: 100%;}
.ls_search .ibtn_search_toggle i:before{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transform: scale(0);background-color: #fff;transition: .5s 1s;/* box-shadow: 0 -10px 10px 2px rgba(0,0,0,.1); */}
.ls_search .ibtn_search_toggle i:after{content:"";position: absolute;top: 50%;left: 50%;width: 20px;height: 22px;transform: scale(1) translate(-50%,-50%);transform-origin: 0 0;transition: .5s 1s;background: url(../img/icons.png) -194px -54px no-repeat;}
.ls_search.on .ibtn_search_toggle i{transform: scale(1);width: 100%;height: 100%;}
.ls_search.on .ibtn_search_toggle i:before{transform: scale(1);opacity: 1;transition: .5s 0s;}
.ls_search.on .ibtn_search_toggle i:after{transform: scale(0) translate(-50%,-50%);transition: .5s 0s;}
.ls_search .ibtn_search_toggle:before	{content:'';width:50%;height:2px;position:absolute;left: 25%;top: 50%;z-index: 1;background-color:transparent;transform: rotate(45deg);transition: background-color .5s .5s;}
.ls_search .ibtn_search_toggle:after	{content:'';width:50%;height:2px;position:absolute;left: 25%;top: 50%;z-index: 1;background-color:transparent;transform:rotate(-45deg);transition: background-color .5s .5s;}
.ls_search.on .ibtn_search_toggle:before,
.ls_search.on .ibtn_search_toggle:after{background-image: none;transition: background-color .5s .5s;background-color:#000;}
.ls_search .ls_inwrap{position: absolute;top: 100%;right: 0;padding: 0;opacity: 0;padding: 0;height: 0;background-color: #fff;transform-origin: 50% 0;overflow: hidden;border: 1px solid #e3e2e1;transition: .5s .5s;}
.ls_search.on .ls_inwrap{opacity: 1;padding: 22px;height: 45px;box-shadow: 0 10px 10px 2px rgba(0,0,0,.1);}
.ls_search input{width: 508px;margin: 0;padding: 8px 50px 8px 6px;font-size: 2rem;border-width:0 0 2px 0;border-style: solid;border-color: #000;background-color: #fff;}
.ls_search .ibtn_search{display:inline-block;margin-left: -37px;width: 30px;height: 30px;vertical-align: middle;}
.ls_search .ibtn_search:before{width: 20px;height: 22px;}


.ls_search + .ls_tab{right: 84px;}

.ls_tab {position: absolute;bottom: 0;right: 0;}
.ls_tab li {float: left;color: #999899;margin-left: 42px;font-size: 1.6rem;}
.ls_tab li:first-child {margin-left: 0;}
.ls_tab li input {display: none;}
.ls_tab li label {transition: .5s;}
.ls_tab li label:hover,
.ls_tab li input:checked + label {color: var(--blk);}


.ls_search + .ls_atab{right: 84px;}

.ls_atab {position: absolute;bottom: 0;right: 0;}
.ls_atab li {float: left;color: #999899;margin-left: 42px;font-size: 1.6rem;}
.ls_atab li:first-child {margin-left: 0;}
.ls_atab a {display:block;}
.ls_atab a {transition: .5s;}
.ls_atab a:hover {text-decoration:none; color: var(--blk); }
.ls_atab a span {color: var(--blk);}



.total_list li {position: relative;;padding: 20px 15px 32px;text-align: center;line-height: 1.5;text-transform: uppercase;border: 1px solid #e3e2e2;}

.sns_list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 8rem 3rem;margin-bottom: 5rem;width: 100%;}
.sns_list li {position: relative;color: #999899;font-size: 1.6rem;border-bottom: 1px solid #ededed;}
.sns_list li a {display: block;padding-bottom: 24px;}
.sns_list li .img {position: relative;overflow: hidden;max-height:236px;}
.sns_list li .img img{transform:scale(1);transition:.5s;}
.sns_list li .img:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;transition: .5s;background-color: rgb(0 0 0 / 0%);}
.sns_list li:hover .img i {opacity: 1;transition: .5s, transform .5s .3s, opacity .5s .3s;transform: translate(-50%, -50%) rotate(360deg);}
.sns_list li:hover .img img{transform:scale(1.2);}
.sns_list li .img i {content: "";position: absolute;top: 50%;left: 50%;width: 52px;height: 52px;z-index: 1;border-radius: 50%;border: 1px solid #fff;opacity: 0;transform: translate(-50%, -50%) rotate(0deg);transition: .5s, transform .5s 0s, opacity .5s 0s;}
.sns_list li .img i:before,
.sns_list li .img i:after {content: "";position: absolute;top: 50%;left: 50%;width: 20px;height: 1px;background-color: #fff;transform: translate(-50%, -50%);transform-origin: 0 0;}
.sns_list li .img i:after {transform: rotate(-90deg) translate(-50%, -50%);}

.sns_list li:hover .img:before {background-color: rgb(0 0 0 / 70%);}
.sns_list li:after {content: "";position: absolute;bottom: 0;left: 0;right: 0;border-bottom: 4px solid rgb(0 144 61 /0%);transition: .5s .5s;transform: scaleX(0);}
.sns_list li:hover:after {border-width: 4px;border-bottom-color: rgb(0 144 61);transform: scaleX(1);}

.sns_list li p {margin: 0 6px;}
.sns_list li strong {display: block;margin: 19px 0 9px;font-size: 1.8rem;color: var(--blk);font-weight: normal;}
.sns_list li [class^=ico] {display: inline-block;}
.sns_list li [class^=ico]:after {content: "";margin-left: 6px;display: inline-block;vertical-align: top;width: 17px;height: 17px;background: url(../img/icons.png) 0 0 no-repeat;}
.sns_list li .ico_ytb:after {background-position: -110px -258px;}
.sns_list li .ico_fb:after {background-position: -136px -258px;}
.sns_list li .ico_in:after {background-position: -162px -258px;}
.sns_list + .btns a {display: flex;justify-content: center;align-items: center;width: 158px;height: 54px;font-size: 1.6rem;color: #666766;transition: .5s;border: 1px solid #d7d7d7;}
.sns_list + .btns a:after {content: "";display: inline-block;margin-top: 0;width: 13px;height: 13px;background-position: 0 -190px;transition: .5s;}
.sns_list + .btns a:hover {color: var(--blk);border-color: var(--blk);}
.sns_list + .btns a:hover:after {transform: rotate(180deg);}

/* 유튜브 상세 팝업 */
.pop_inwrap._sns .head {margin: 0;font-size: 2.6rem;line-height: 1.2;text-align: left;color: #000;padding: 0 40px 25px 0;border-bottom-width: 0;}
.pop_inwrap._sns .head .tit {font-size: inherit;}
.pop_inwrap._sns .head p {margin-top: 10px;font-size: 1.6rem;color: #888988;}
.pop_inwrap._sns .head [class^=ico] {display: inline-block;}
.pop_inwrap._sns .head [class^=ico]:after {content: "";margin-left: 6px;display: inline-block;vertical-align: top;width: 17px;height: 17px;background: url(../img/icons.png) 0 0 no-repeat;}
.pop_inwrap._sns .head .ico_ytb:after {background-position: -110px -258px;}
.pop_inwrap._sns .head .ico_fb:after {background-position: -136px -258px;}
.pop_inwrap._sns .head .ico_in:after {background-position: -162px -258px;}
.pop_inwrap._sns .body {padding: 0;}
.pop_inwrap._sns .body iframe {width: 856px;height: 47vw;max-height: 570px;}

/* 페이스북 상세 팝업 */
.fb_inwrap._sns .head {margin: 0;font-size: 2.6rem;line-height: 1.2;text-align: left;color: #000;padding: 0 40px 25px 0;border-bottom-width: 0;}
.fb_inwrap._sns .head .tit {font-size: inherit;}
.fb_inwrap._sns .head p {margin-top: 10px;font-size: 1.6rem;color: #888988;}
.fb_inwrap._sns .head [class^=ico] {display: inline-block;}
.fb_inwrap._sns .head [class^=ico]:after {content: "";margin-left: 6px;display: inline-block;vertical-align: top;width: 17px;height: 17px;background: url(../img/icons.png) 0 0 no-repeat;}
.fb_inwrap._sns .head .ico_ytb:after {background-position: -110px -258px;}
.fb_inwrap._sns .head .ico_fb:after {background-position: -136px -258px;}
.fb_inwrap._sns .head .ico_in:after {background-position: -162px -258px;}
.fb_inwrap._sns .body {padding: 0;}
.fb_inwrap._sns .body iframe {width: 856px;height: 47vw;max-height: 570px;}

/* 링크드인 팝업 */
.link_inwrap._sns .head {margin: 0;font-size: 2.6rem;line-height: 1.2;text-align: left;color: #000;padding: 0 40px 25px 0;border-bottom-width: 0;}
.link_inwrap._sns .head .tit {font-size: inherit;}
.link_inwrap._sns .head p {margin-top: 10px;font-size: 1.6rem;color: #888988;}
.link_inwrap._sns .head [class^=ico] {display: inline-block;}
.link_inwrap._sns .head [class^=ico]:after {content: "";margin-left: 6px;display: inline-block;vertical-align: top;width: 17px;height: 17px;background: url(../img/icons.png) 0 0 no-repeat;}
.link_inwrap._sns .head .ico_ytb:after {background-position: -110px -258px;}
.link_inwrap._sns .head .ico_fb:after {background-position: -136px -258px;}
.link_inwrap._sns .head .ico_in:after {background-position: -162px -258px;}
.link_inwrap._sns .body {padding: 0;}
.link_inwrap._sns .body iframe {width: 856px;height: 47vw;max-height: 570px;}

/* we are KOMAN */
.ls_detail {margin-bottom: 5rem;}
.ls_detail dt {display: grid;grid-template-columns: 3fr 1fr;justify-content: space-between;align-items: center;padding: 2.6rem .5rem 2.6rem 2rem;border-width: 1px 0;border-style: solid;border-color: #d5d4d4;}
.ls_detail dt strong {font-size: 2.8rem;color: #000;line-height: 1.4;}
.ls_detail dt p {font-size: 1.6rem;color: #888988;text-align: right;}
.ls_detail dt .writer,
.ls_detail dt .date {position: relative;display: inline-block;vertical-align: middle;}
.ls_detail dt .writer { margin-right: 25px;padding-right: 25px;}
.ls_detail dt .writer:after {content: "";position: absolute;top: 50%;right: 0;width: 1px;height: 2.5rem;transform: translateY(-50%);background-color: #c4c4c4;}
.ls_detail dd {padding: 64px 52px 70px;line-height: 1.5;font-size: 1.8rem;border-width: 0 0 1px;border-style: solid;border-color: #d5d4d4;}
.ls_detail + .btns a {display: flex;justify-content: center;align-items: center;width: 158px;height: 54px;font-size: 1.6rem;color: #666766;transition: .5s;border: 1px solid #d7d7d7;}
.ls_detail + .btns a span {position: relative;display: inline-block;padding-left: 35px;}
.ls_detail + .btns a span:before {content: "";position: absolute;top: 50%;left: -1px;background-image: none;background-color: #666766;width: 30px;height: 1px;margin-top: 0;transform-origin: 0 0;transform: translateY(-50%);transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);}
.ls_detail + .btns a span:after {content: "";position: absolute;top: 50%;left: 2px;margin: 0;width: 10px;height: 10px;display: block;transform-origin: 100% 0;border-width: 0 0 1px 1px;border-style: solid;border-color: #666766;transform: rotate(45deg);transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);background-image: none;}
.ls_detail + .btns a:hover span:before {background-color: var(--blk);}
.ls_detail + .btns a:hover span:after {border-color: var(--blk);}

/* 다운로드 */
.down_list {display: grid;grid-template-columns: repeat(4, 274px);gap: 6rem 3.4rem;margin-bottom: 5rem;width: 100%;}
.down_list li {position: relative;color: #999899;font-size: 1.6rem;border-bottom: 1px solid #ededed;}
.down_list li a {display: block;padding: 24px 25px 14px;border: 1px solid #ecebeb;}
.down_list li .img {position: relative;width: 220px;height: 312px;border: 1px solid #ecebeb;}
.down_list li .img:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: .5s;background-color: rgb(0 0 0 / 0%);}
.down_list li:hover .img i {opacity: 1;transition: .5s, transform .5s .3s, opacity .5s .3s;transform: translate(-50%, -50%) rotate(360deg);}
.down_list li .img i {content: "";position: absolute;top: 50%;left: 50%;width: 52px;height: 52px;border-radius: 50%;border: 1px solid #fff;opacity: 0;transform: translate(-50%, -50%) rotate(0deg);transition: .5s, transform .5s 0s, opacity .5s 0s;}
.down_list li .img i:before,
.down_list li .img i:after {content: "";position: absolute;top: 50%;left: 50%;width: 20px;height: 1px;background-color: #fff;transform: translate(-50%, -50%);transform-origin: 0 0;}
.down_list li .img i:after {transform: rotate(-90deg) translate(-50%, -50%);}

.down_list li:hover .img:before {background-color: rgb(0 0 0 / 70%);}
.down_list li:after {content: "";position: absolute;bottom: 0;left: 0;right: 0;border-bottom: 4px solid rgb(0 144 61 /0%);transition: .5s .5s;transform: scaleX(0);}
.down_list li:hover:after {border-width: 4px;border-bottom-color: rgb(0 144 61);transform: scaleX(1);}

.down_list li p {position: relative;margin: 15px 0 0;}
.down_list li p:after {content: "";position: absolute;bottom: 0;right: 0;width: 18px;height: 8px;border: 1px solid #868787;border-top-width: 0;}
.down_list li strong {position: relative;display: block;margin-right: 27px;font-size: 1.8rem;color: #666766;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.down_list li p i:before {content: "";position: absolute;bottom: 4px;right: 9px;width: 1px;height: 12px;background-color: #868787;transform: translateX(-50%);}
.down_list li p i:after {content: "";position: absolute;bottom: 6px;right: 2px;width: 5px;height: 5px;border: 1px solid #868787;border-width: 0 0 1px 1px;transform: rotate(-45deg) translateX(-50%);transform-origin: 0% 100%;}
.down_list li [class^=ico] {display: inline-block;}
.down_list li [class^=ico]:after {content: "";margin-left: 6px;display: inline-block;vertical-align: top;width: 17px;height: 17px;background: url(../img/icons.png) 0 0 no-repeat;}
.down_list li .ico_ytb:after {background-position: -110px -258px;}
.down_list li .ico_fb:after {background-position: -136px -258px;}
.down_list li .ico_in:after {background-position: -162px -258px;}
.down_list + .btns a {display: flex;justify-content: center;align-items: center;width: 158px;height: 54px;font-size: 1.6rem;color: #666766;transition: .5s;border: 1px solid #d7d7d7;}
.down_list + .btns a:after {content: "";display: inline-block;margin-top: 0;width: 13px;height: 13px;background-position: 0 -190px;transition: .5s;}
.down_list + .btns a:hover {color: var(--blk);border-color: var(--blk);}
.down_list + .btns a:hover:after {transform: rotate(180deg);}

/* cs */
.cs_p {margin-top: 30px !important;padding-right: 230px;}
.csp_btn_wp {position: absolute;top: -20px;right: 0;color: #fff;}
.csp_btn_wp .bbtn_tel {width: 196px;height: 56px;color: rgb(255 255 255);background-color: rgb(0 107 62);font-size: 2rem;font-weight: bold;display: inline-flex;align-items: center;justify-content: center;padding: 0 20px;}
.csp_btn_wp .bbtn_tel:lang(en){width:auto;}
.csp_btn_wp .bbtn_tel:before {margin-right: 8px;width: 32px;height: 32px;background-position: -193px -212px;}

.csp_btn_wp .bbtn_call {width: 196px;height: 56px;color: rgb(255 255 255);background-color: rgb(0 107 62);font-size: 2rem;font-weight: bold;display: inline-flex;align-items: center;justify-content: center;}
.csp_btn_wp .bbtn_call:before {margin-right: 8px;width: 32px;height: 32px;background-position: -194px -258px;}

.cs_head {position: relative;margin-top: 38px;padding: 62px 20px 50px;text-align: center;background: #f7f8f8 url(../img/bg_line_ptt.png) -10px 100% repeat-x;}
.cs_head .select_wrap {position: relative;max-width: 636px;margin: 0 auto;}
.cs_head .btn_select {width: 100%;margin: 0 auto;padding: 13px;font-size: 2.2rem;text-align: center;color: #a3a2a2;border-width: 0;text-align: center;letter-spacing: -1px;border-bottom: 3px solid #000;background: url(../img/bg_select.png) 100% 50% no-repeat;}
.cs_head .btn_select.on + .list {display: block;}
.cs_head .list {display: none;position: absolute;top: 100%;left: 0;width: 100%;padding: 10px 0;border: 1px solid #e2e1e0;background-color: #fff;box-sizing: border-box;}
.cs_head .list li button {display: block;width: 100%;height: 100%;padding: 10px 30px;text-align: left;}
.cs_head .req {position: absolute;top: 50%;right: 20px;transform: translateY(-50%);color: var(--point);}

.form {display: grid;gap: 60px 0;grid-template-columns: repeat(2, 48%);margin: 40px 0 0;justify-content: space-between;}
.form li strong {margin: 0 0 11px;font-size: 2rem;color: var(--blk);display: flex;align-items: center;}
.form li.req strong:after {content: "*";display: inline-block;color: #006b3e;margin-left: 5px;font-weight: normal;vertical-align: middle;padding-top: 8px;height: 100%;box-sizing: border-box;}
.form li input {width: 100%;padding: 7px 2px;font-size: 1.6rem;color: var(--blk);border-width: 0 0 1px;border-style: solid;border-color: #000;}
.form li input:first-of-type {margin-left: 0;}
.form li input:last-of-type {margin-right: 0;}
.form li:nth-child(1) input {flex-basis: 39%;flex-grow: 0;}
.form li:nth-child(5),
.form li:nth-child(6),
.form li:nth-child(7) {grid-column: 1 / 3;}

.form li textarea {font-size: 1.6rem;color: var(--blk);border-width: 0 0 1px;border-style: solid;border-color: #000;}
.form li .file_wrap {width: calc(48% + 118px);display: grid;gap: 20px;grid-template-columns: 1fr 95px;}
.form li .file_wrap input[type=file] {display: none;}
.form li .file_wrap input[type=file]:add {display: none;}
.form li .file_wrap label {color: #ccc;padding: 11px 2px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-bottom: 1px solid #000;}
.form li .file_wrap label.on {color: var(--blk);}
.form li .btn_file {color: #006B3E;border: 1px solid #006B3E;}

.agreement {margin: 62px 0 50px;line-height: 1.5;}
.agreement h4.tit {margin-top: 0;margin-bottom: 18px;font-size: 2rem;color: var(--gray);}
.agreement h4.tit.req:after {content: "*";display: inline-block;color: #006b3e;margin-left: 5px;font-weight: normal;vertical-align: middle;padding-top: 8px;height: 100%;box-sizing: border-box;}
.agreement li {}
.agreement .box {margin: 15px 0 20px;padding: 16px 34px 34px;font-size: 1.8rem;border-width: 1px;border-style: solid;border-color: #f0f0f0 #f0f0f0 transparent;background: #f6f7f7 url(../img/bg_line_ptt.png) -10px 100% repeat-x;}
.agreement .box li {display: grid;margin: 12px 0;grid-template-columns: 145px auto;}
.agreement .box li strong {color: var(--blk);font-weight: normal;}
.agreement .box li span {padding-left: 2rem;text-indent: -2.4rem;}
.agreement .box li span:before {content: ":";margin-right: 2rem;}
.agreement p {text-align: right;}
.agreement + p button {padding: 18px 0 20px;width: 188px;font-size: 2rem;text-align: center;font-weight: bold;}

/* 사업부 연락처 */
.contact {position: relative;margin: 62px 0;padding-bottom: 4.5rem;display: grid;grid-template-columns: 1fr 1fr;gap: 0 5.4rem;background: url(../img/bg_line_ptt.png) -10px 100% repeat-x;}
.contact + .contact {margin-top: 100px;margin-bottom: 0;padding-bottom: 0;}
.contact:last-of-type {background-image: none;}
.contact > li {padding: 5.2rem 0 4.5rem 1.2rem;border-top: 1px solid #e4e4e4;}
.contact > li strong {display: block;margin-bottom: 10px;font-size: 3.2rem;color: var(--blk);}
.contact > li span {margin-left: 4px;font-weight: bold;}
.contact > li ul {display: flex;flex-wrap: wrap;align-content: stretch;font-size: 2rem;line-height: 1;}
.contact > li ul:lang(en){display:block;}
.contact > li li {position: relative;display: flex;align-items: flex-end;margin: 10px 0;}
.contact > li li:nth-child(1) span {font-size: 2.8rem;color: #076937;}
.contact > li li:nth-child(2) {margin-left: 22px;padding-left: 22px;}
.contact > li li:nth-child(2):lang(en){margin-left: 0;padding-left: 0;}
.contact > li li:nth-child(2):before {content: "";position: absolute;bottom: 0;left: 0;width: 1px;height: 2rem;background-color: #969696;}
.contact > li li:nth-child(2):lang(en):before {display:none;}
.contact > li li:last-child{width:100%;}
.contact > li.vina li:nth-child(2) {margin-left: 0;padding-left: 0;}
.contact > li.vina li:nth-child(2):before {display: none;}
.contact > li li a {position: relative;display: inline-block;padding-right: 4.2rem;}
.contact > li li a:after {content: "";position: absolute;top: 50%;right: 0;width: 31px;height: 31px;transform: translateY(-50%);border-radius: 50%;background: rgb(150 150 150) url(../img/icons.png) -129px -286px no-repeat;}

/* 인재 영입 */
.we_koman{ max-width: 1400px;display: flex;flex-direction: column;justify-content:center;align-items:center;color: #fff;line-height: 1.2;margin: 0 auto; height: 366px;text-align: center;padding: 0 20px;background: url(../img/img_sub_4_2_1.jpg) 50% 0 no-repeat;}
.we_koman strong{font-size: 6.6rem;}
.we_koman p{font-size: 3.8rem;text-align: center;}
.we_koman p em{font-weight: bold;}
.we_koman i{font-style:italic;}

.koman_is{counter-reset: num;}
.koman_is li{position: relative;margin-bottom: 11.6rem;padding-left: 7.7em;padding-bottom: 356px;text-indent: -7.7em;line-height: 1.5;text-transform: uppercase;}
.koman_is li:last-child{margin-bottom: 0;}
.koman_is li>*{text-indent: 0;}
.koman_is li:before {content: counter(num, decimal-leading-zero) ". ";counter-increment: num;position: static;font-weight: bold;color: #086937;font-size: 7.2rem;line-height: 1;}
.koman_is li>strong{display: inline-block;font-size: 3.8rem;color: var(--blk);line-height: 1;}
.koman_is li>strong span{color: var(--point);}
.koman_is li>p{margin: 2rem 0;font-size: 1.8rem;}
.koman_is li>em{display: block;font-size: 2.2rem;color: var(--blk);}
.koman_is li>em span{color: var(--point);font-weight: bold;}
.koman_is li>.img{position: absolute;left: 0;width: 100%;bottom: 0;height: 296px;padding-bottom: 22px;color: #fff;display: flex;flex-direction: column;justify-content: flex-end;background-position: 50% 0;background-repeat: no-repeat;box-sizing: border-box;}
.koman_is li>.img span{position: relative;display: block;font-size: 2rem;}
.koman_is li>.img span:before{content:"";position: absolute;top: 50%;width: 36px;height: 1px;background-color: #fff;}
.koman_is li>.img strong{font-size: 3rem;}
.koman_is li:nth-child(odd)>.img{padding-left: 42px;background-position: 0 0;}
.koman_is li:nth-child(odd)>.img span:before{left: -42px;}
.koman_is li:nth-child(even)>.img{text-align: right;padding-right: 42px;background-position: 100% 0;}
.koman_is li:nth-child(even)>.img span:before{right: -42px;}
.koman_is li:nth-child(1)>.img{background-image: url(../img/img_sub_4_2_2.jpg);}
.koman_is li:nth-child(2)>.img{background-image: url(../img/img_sub_4_2_3.jpg);}
.koman_is li:nth-child(3)>.img{background-image: url(../img/img_sub_4_2_4.jpg);}

/* 보상 이야기 */
.koman_benefit{counter-reset: num;}
.koman_benefit>li{position: relative;margin-bottom: 11.6rem;line-height: 1.5;text-transform: uppercase;}
.koman_benefit>li:last-child{margin-bottom: 0;}
.koman_benefit>li>*{text-indent: 0;}
.koman_benefit>li:before {content: counter(num, decimal-leading-zero) ". ";counter-increment: num;position: static;font-weight: bold;color: #086937;font-size: 7.2rem;line-height: 1;letter-spacing: -4px;margin-right: -3px;}
.koman_benefit>li>strong{display: inline-block;font-size: 3.8rem;color: var(--blk);line-height: 1;letter-spacing: -2px;}
.koman_benefit>li>strong span{color: var(--point);}
.koman_benefit>li>.text{margin: 2rem 0 3.6rem;padding-left: 6.7em;}
.koman_benefit>li>.text p{font-size: 1.8rem;}
.koman_benefit>li>.text p span{font-size: 2.4rem;color: var(--point);font-weight: bold;}
.koman_benefit>li>.text em{display: block;font-size: 2.2rem;color: var(--blk);}
.koman_benefit>li>.text em span{color: var(--point);font-weight: bold;}
.koman_benefit>li>.img{height: 282px;background-position: 50% 0;background-repeat: no-repeat;box-sizing: border-box;}
.koman_benefit>li:nth-child(1)>.img{background-image: url(../img/img_sub_4_1_1.jpg);}
.koman_benefit>li:nth-child(2)>.img{background-image: url(../img/img_sub_4_1_2.jpg);}

.reward{margin-top: 7rem;counter-reset: num;display: grid;grid-template-columns: repeat(2,1fr);gap: 5rem 8rem;align-items: center;}
.reward li{position: relative;line-height: 1.5;text-transform: uppercase;}
.reward li:before {content: counter(num) ". ";counter-increment: num;position: static;font-size: 2.6rem;font-weight: bold;color: var(--blk);}
.reward li>strong{display: inline-block;font-size: 2.6rem;color: var(--blk);line-height: 1;letter-spacing: -2px;}
.reward li>p{position: relative;display: flex;align-items:center;min-height: 10.4rem;margin: 2rem 0 0;padding-left: 12.2rem;font-size: 1.8rem;}
.reward li p:before {content:"";position: absolute;top: 50%;left: 0;width: 104px;height: 104px;transform: translateY(-50%);}
.reward li:nth-child(1) p:before{background-image: url(../img/reward_1.png);}
.reward li:nth-child(2) p:before{background-image: url(../img/reward_2.png);}
.reward li:nth-child(3) p:before{background-image: url(../img/reward_3.png);}
.reward li:nth-child(4) p:before{background-image: url(../img/reward_4.png);}
.reward li:nth-child(5) p:before{background-image: url(../img/reward_5.png);}
.reward li:nth-child(6) p:before{background-image: url(../img/reward_6.png);}

.benefits{margin-top: 6rem;counter-reset: num;display: grid;grid-template-columns: repeat(3,1fr);gap: 3rem 2.2rem;align-items: stretch;}
.benefits li{position: relative;padding: 160px 15px 32px;text-align: center;line-height: 1.5;text-transform: uppercase;border: 1px solid #e3e2e2;}
.benefits li:before {content: counter(num,decimal-leading-zero);counter-increment: num;position: absolute;top: 2rem;left: 2.2rem;width: 43px;height: 43px;display: flex;justify-content:center;align-items:center;font-size: 2rem;font-weight: bold;color: #fff;border-radius: 50%;background-color: #cbcbcb;}
.benefits li>strong{display: inline-block;font-size: 2.6rem;color: var(--blk);line-height: 1;letter-spacing: -2px;}
.benefits li>p{position: relative;display: flex;align-items:center;margin: 1.5rem 0 0;font-size: 1.8rem;justify-content: center;}
.benefits li:after {content:"";position: absolute;top: 30px;left: 50%;width: 108px;height: 105px;transform: translateX(-50%);}
.benefits li:nth-child(1):after{background-image: url(../img/benefits_1.png);}
.benefits li:nth-child(2):after{background-image: url(../img/benefits_2.png);}
.benefits li:nth-child(3):after{background-image: url(../img/benefits_3.png);}
.benefits li:nth-child(4):after{background-image: url(../img/benefits_4.png);}
.benefits li:nth-child(5):after{background-image: url(../img/benefits_5.png);}
.benefits li:nth-child(6):after{background-image: url(../img/benefits_6.png);}
.benefits li:nth-child(7):after{background-image: url(../img/benefits_7.png);}
.benefits li:nth-child(8):after{background-image: url(../img/benefits_8.png);}
.benefits li:nth-child(9):after{background-image: url(../img/benefits_9.png);}

/*유튜브*/
.video-wrap {position:relative; padding-bottom:56.25%; padding-top:80px; height:0; overflow:hidden;}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;}

.video1-wrap {position:relative; padding-bottom:56.25%; padding-top:0px; height:0; overflow:hidden;}
.video1-wrap iframe,
.video1-wrap object,
.video1-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;}

.video_guide{display:flex; justify-content: flex-start; width:100%; height:100%; margin-top:60px; margin-bottom:40px;}
.guide_left{margin-right: auto;  width:100%; height:328px;}
.guide_right{margin-left:32px; width:100%; height:328px;}
.guide_txt{display:block; font-size: 22px; padding-bottom: 18px;}

.youtube_wrap { display:flex; width:100%; height:100%; align-items: center;}
.youtube_left, .youtube_right{width: 49%; height:100%; padding-bottom:30px;}
.youtube_right{margin-left:auto; display: inline-block;}


/* 홍보영상 팝업 */
.pr_pop_wrap iframe {width: 853px;height: 47vw;max-height: 480px;}

/* ***** 모바일 ***** */
@media (max-width: 650px) {
	.youtube_wrap {display:inline-block; width:100%; height:100%; align-items: center;}
	.youtube_left, .youtube_right{width: 100%; height:100%; padding-bottom:30px;}
	.youtube_right{clear: both;}
}
@media (max-width: 1650px) {
	.main .we .slider {position: static;width: 100%;}
}
@media (min-width: 901px) and (max-width: 1650px) {
	.main .sns .slider {width: 790px;}
}
@media (min-width: 1301px) {
	/* aos */
	[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {transition-duration: 50ms}  [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {transition-delay: 50ms}  [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {transition-duration: .1s}  [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {transition-delay: .1s}  [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {transition-duration: .15s}  [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {transition-delay: .15s}  [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {transition-duration: .2s}  [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {transition-delay: .2s}  [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {transition-duration: .25s}  [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {transition-delay: .25s}  [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {transition-duration: .3s}  [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {transition-delay: .3s}  [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {transition-duration: .35s}  [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {transition-delay: .35s}  [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {transition-duration: .4s}  [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {transition-delay: .4s}  [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {transition-duration: .45s}  [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {transition-delay: .45s}  [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {transition-duration: .5s}  [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {transition-delay: .5s}  [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {transition-duration: .55s}  [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {transition-delay: .55s}  [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {transition-duration: .6s}  [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {transition-delay: .6s}  [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {transition-duration: .65s}  [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {transition-delay: .65s}  [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {transition-duration: .7s}  [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {transition-delay: .7s}  [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {transition-duration: .75s}  [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {transition-delay: .75s}  [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {transition-duration: .8s}  [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {transition-delay: .8s}  [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {transition-duration: .85s}  [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {transition-delay: .85s}  [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {transition-duration: .9s}  [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {transition-delay: .9s}  [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {transition-duration: .95s}  [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {transition-delay: .95s}  [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {transition-duration: 1s}  [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {transition-delay: 1s}  [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {transition-duration: 1.05s}  [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {transition-delay: 1.05s}  [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {transition-duration: 1.1s}  [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {transition-delay: 1.1s}  [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {transition-duration: 1.15s}  [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {transition-delay: 1.15s}  [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {transition-duration: 1.2s}  [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {transition-delay: 1.2s}  [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {transition-duration: 1.25s}  [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {transition-delay: 1.25s}  [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {transition-duration: 1.3s}  [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {transition-delay: 1.3s}  [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {transition-duration: 1.35s}  [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {transition-delay: 1.35s}  [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {transition-duration: 1.4s}  [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {transition-delay: 1.4s}  [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {transition-duration: 1.45s}  [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {transition-delay: 1.45s}  [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {transition-duration: 1.5s}  [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {transition-delay: 1.5s}  [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {transition-duration: 1.55s}  [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {transition-delay: 1.55s}  [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {transition-duration: 1.6s}  [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {transition-delay: 1.6s}  [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {transition-duration: 1.65s}  [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {transition-delay: 1.65s}  [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {transition-duration: 1.7s}  [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {transition-delay: 1.7s}  [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {transition-duration: 1.75s}  [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {transition-delay: 1.75s}  [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {transition-duration: 1.8s}  [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {transition-delay: 1.8s}  [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {transition-duration: 1.85s}  [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {transition-delay: 1.85s}  [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {transition-duration: 1.9s}  [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {transition-delay: 1.9s}  [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {transition-duration: 1.95s}  [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {transition-delay: 1.95s}  [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {transition-duration: 2s}  [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {transition-delay: 2s}  [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {transition-duration: 2.05s}  [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {transition-delay: 2.05s}  [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {transition-duration: 2.1s}  [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {transition-delay: 2.1s}  [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {transition-duration: 2.15s}  [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {transition-delay: 2.15s}  [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {transition-duration: 2.2s}  [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {transition-delay: 2.2s}  [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {transition-duration: 2.25s}  [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {transition-delay: 2.25s}  [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {transition-duration: 2.3s}  [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {transition-delay: 2.3s}  [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {transition-duration: 2.35s}  [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {transition-delay: 2.35s}  [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {transition-duration: 2.4s}  [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {transition-delay: 2.4s}  [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {transition-duration: 2.45s}  [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {transition-delay: 2.45s}  [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {transition-duration: 2.5s}  [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {transition-delay: 2.5s}  [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {transition-duration: 2.55s}  [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {transition-delay: 2.55s}  [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {transition-duration: 2.6s}  [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {transition-delay: 2.6s}  [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {transition-duration: 2.65s}  [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {transition-delay: 2.65s}  [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {transition-duration: 2.7s}  [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {transition-delay: 2.7s}  [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {transition-duration: 2.75s}  [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {transition-delay: 2.75s}  [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {transition-duration: 2.8s}  [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {transition-delay: 2.8s}  [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {transition-duration: 2.85s}  [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {transition-delay: 2.85s}  [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {transition-duration: 2.9s}  [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {transition-delay: 2.9s}  [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {transition-duration: 2.95s}  [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {transition-delay: 2.95s}  [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {transition-duration: 3s}  [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {transition-delay: 3s}  [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {transition-duration: 3s}  [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {transition-delay: 3s}  [data-aos][data-aos][data-aos-duration="3500"], body[data-aos-duration="3500"] [data-aos] {transition-duration: 3.5s}  [data-aos][data-aos][data-aos-delay="3500"], body[data-aos-delay="3500"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="3500"].aos-animate, body[data-aos-delay="3500"] [data-aos].aos-animate {transition-delay: 3.5s}  [data-aos][data-aos][data-aos-duration="3500"], body[data-aos-duration="3500"] [data-aos] {transition-duration: 3.5s}  [data-aos][data-aos][data-aos-delay="3500"], body[data-aos-delay="3500"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="3500"].aos-animate, body[data-aos-delay="3500"] [data-aos].aos-animate {transition-delay: 3.5s}  [data-aos][data-aos][data-aos-duration="4000"], body[data-aos-duration="4000"] [data-aos] {transition-duration: 4s}  [data-aos][data-aos][data-aos-delay="4000"], body[data-aos-delay="4000"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="4000"].aos-animate, body[data-aos-delay="4000"] [data-aos].aos-animate {transition-delay: 4s}  [data-aos][data-aos][data-aos-duration="4000"], body[data-aos-duration="4000"] [data-aos] {transition-duration: 4s}  [data-aos][data-aos][data-aos-delay="4000"], body[data-aos-delay="4000"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="4000"].aos-animate, body[data-aos-delay="4000"] [data-aos].aos-animate {transition-delay: 4s}  [data-aos][data-aos][data-aos-duration="4500"], body[data-aos-duration="4500"] [data-aos] {transition-duration: 4.5s}  [data-aos][data-aos][data-aos-delay="4500"], body[data-aos-delay="4500"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="4500"].aos-animate, body[data-aos-delay="4500"] [data-aos].aos-animate {transition-delay: 4.5s}  [data-aos][data-aos][data-aos-duration="4500"], body[data-aos-duration="4500"] [data-aos] {transition-duration: 4.5s}  [data-aos][data-aos][data-aos-delay="4500"], body[data-aos-delay="4500"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="4500"].aos-animate, body[data-aos-delay="4500"] [data-aos].aos-animate {transition-delay: 4.5s}  [data-aos][data-aos][data-aos-duration="5000"], body[data-aos-duration="5000"] [data-aos] {transition-duration: 5s}  [data-aos][data-aos][data-aos-delay="5000"], body[data-aos-delay="5000"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="5000"].aos-animate, body[data-aos-delay="5000"] [data-aos].aos-animate {transition-delay: 5s}  [data-aos][data-aos][data-aos-duration="5000"], body[data-aos-duration="5000"] [data-aos] {transition-duration: 5s}  [data-aos][data-aos][data-aos-delay="5000"], body[data-aos-delay="5000"] [data-aos] {transition-delay: 0s}  [data-aos][data-aos][data-aos-delay="5000"].aos-animate, body[data-aos-delay="5000"] [data-aos].aos-animate {transition-delay: 5s}  [data-aos] {pointer-events: none}  [data-aos].aos-animate {pointer-events: auto}  [data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {transition-timing-function: cubic-bezier(.25, .25, .75, .75)}  [data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {transition-timing-function: ease}  [data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {transition-timing-function: ease-in}  [data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {transition-timing-function: ease-out}  [data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {transition-timing-function: ease-in-out}  [data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {transition-timing-function: cubic-bezier(.6, -.28, .735, .045)}  [data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)}  [data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)}  [data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {transition-timing-function: cubic-bezier(.47, 0, .745, .715)}  [data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {transition-timing-function: cubic-bezier(.39, .575, .565, 1)}  [data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {transition-timing-function: cubic-bezier(.445, .05, .55, .95)}  [data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {transition-timing-function: cubic-bezier(.55, .085, .68, .53)}  [data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {transition-timing-function: cubic-bezier(.25, .46, .45, .94)}  [data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {transition-timing-function: cubic-bezier(.455, .03, .515, .955)}  [data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {transition-timing-function: cubic-bezier(.55, .085, .68, .53)}  [data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {transition-timing-function: cubic-bezier(.25, .46, .45, .94)}  [data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {transition-timing-function: cubic-bezier(.455, .03, .515, .955)}  [data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {transition-timing-function: cubic-bezier(.55, .085, .68, .53)}  [data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {transition-timing-function: cubic-bezier(.25, .46, .45, .94)}  [data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {transition-timing-function: cubic-bezier(.455, .03, .515, .955)}
	@media screen {
		html:not(.no-js) [data-aos^=fade][data-aos^=fade] {opacity: 0;transition-property: opacity, -webkit-transform;transition-property: opacity, transform;transition-property: opacity, transform, -webkit-transform;}  html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {opacity: 1;-webkit-transform: none;transform: none;}  html:not(.no-js) [data-aos=fade-up] {-webkit-transform: translate3d(0, 100px, 0);transform: translate3d(0, 100px, 0);}  html:not(.no-js) [data-aos=fade-down] {-webkit-transform: translate3d(0, -100px, 0);transform: translate3d(0, -100px, 0)}  html:not(.no-js) [data-aos=fade-right] {-webkit-transform: translate3d(-100px, 0, 0);transform: translate3d(-100px, 0, 0);}  html:not(.no-js) [data-aos=fade-left] {-webkit-transform: translate3d(100px, 0, 0);transform: translate3d(100px, 0, 0)}  html:not(.no-js) [data-aos=fade-up-right] {-webkit-transform: translate3d(-100px, 100px, 0);transform: translate3d(-100px, 100px, 0)}  html:not(.no-js) [data-aos=fade-up-left] {-webkit-transform: translate3d(100px, 100px, 0);transform: translate3d(100px, 100px, 0)}  html:not(.no-js) [data-aos=fade-down-right] {-webkit-transform: translate3d(-100px, -100px, 0);transform: translate3d(-100px, -100px, 0)}  html:not(.no-js) [data-aos=fade-down-left] {-webkit-transform: translate3d(100px, -100px, 0);transform: translate3d(100px, -100px, 0)}  html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {opacity: 0;transition-property: opacity, -webkit-transform;transition-property: opacity, transform;transition-property: opacity, transform, -webkit-transform}  html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {opacity: 1;-webkit-transform: translateZ(0) scale(1);transform: translateZ(0) scale(1)}  html:not(.no-js) [data-aos=zoom-in] {-webkit-transform: scale(.6);transform: scale(.6)}  html:not(.no-js) [data-aos=zoom-in-up] {-webkit-transform: translate3d(0, 100px, 0) scale(.6);transform: translate3d(0, 100px, 0) scale(.6)}  html:not(.no-js) [data-aos=zoom-in-down] {-webkit-transform: translate3d(0, -100px, 0) scale(.6);transform: translate3d(0, -100px, 0) scale(.6)}  html:not(.no-js) [data-aos=zoom-in-right] {-webkit-transform: translate3d(-100px, 0, 0) scale(.6);transform: translate3d(-100px, 0, 0) scale(.6)}  html:not(.no-js) [data-aos=zoom-in-left] {-webkit-transform: translate3d(100px, 0, 0) scale(.6);transform: translate3d(100px, 0, 0) scale(.6)}  html:not(.no-js) [data-aos=zoom-out] {-webkit-transform: scale(1.2);transform: scale(1.2)}  html:not(.no-js) [data-aos=zoom-out-up] {-webkit-transform: translate3d(0, 100px, 0) scale(1.2);transform: translate3d(0, 100px, 0) scale(1.2)}  html:not(.no-js) [data-aos=zoom-out-down] {-webkit-transform: translate3d(0, -100px, 0) scale(1.2);transform: translate3d(0, -100px, 0) scale(1.2)}  html:not(.no-js) [data-aos=zoom-out-right] {-webkit-transform: translate3d(-100px, 0, 0) scale(1.2);transform: translate3d(-100px, 0, 0) scale(1.2)}  html:not(.no-js) [data-aos=zoom-out-left] {-webkit-transform: translate3d(100px, 0, 0) scale(1.2);transform: translate3d(100px, 0, 0) scale(1.2)}  html:not(.no-js) [data-aos^=slide][data-aos^=slide] {transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;visibility: hidden}  html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate {visibility: visible;-webkit-transform: translateZ(0);transform: translateZ(0)}  html:not(.no-js) [data-aos=slide-up] {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)}  html:not(.no-js) [data-aos=slide-down] {-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0)}  html:not(.no-js) [data-aos=slide-right] {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0)}  html:not(.no-js) [data-aos=slide-left] {-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0)}  html:not(.no-js) [data-aos^=flip][data-aos^=flip] {-webkit-backface-visibility: hidden;backface-visibility: hidden;transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform}  html:not(.no-js) [data-aos=flip-left] {-webkit-transform: perspective(2500px) rotateY(-100deg);transform: perspective(2500px) rotateY(-100deg)}  html:not(.no-js) [data-aos=flip-left].aos-animate {-webkit-transform: perspective(2500px) rotateY(0);transform: perspective(2500px) rotateY(0)}  html:not(.no-js) [data-aos=flip-right] {-webkit-transform: perspective(2500px) rotateY(100deg);transform: perspective(2500px) rotateY(100deg)}  html:not(.no-js) [data-aos=flip-right].aos-animate {-webkit-transform: perspective(2500px) rotateY(0);transform: perspective(2500px) rotateY(0)}  html:not(.no-js) [data-aos=flip-up] {-webkit-transform: perspective(2500px) rotateX(-100deg);transform: perspective(2500px) rotateX(-100deg)}  html:not(.no-js) [data-aos=flip-up].aos-animate {-webkit-transform: perspective(2500px) rotateX(0);transform: perspective(2500px) rotateX(0)}  html:not(.no-js) [data-aos=flip-down] {-webkit-transform: perspective(2500px) rotateX(100deg);transform: perspective(2500px) rotateX(100deg)}  html:not(.no-js) [data-aos=flip-down].aos-animate {-webkit-transform: perspective(2500px) rotateX(0);transform: perspective(2500px) rotateX(0);}
	}

	ul.history li{min-height: 270px;}
	ul.history li:nth-child(odd) {padding-left: 60.6%;}
    ul.history li:nth-child(even) {padding-right: 60.6%;text-align: right;}
}

@media (max-width: 1300px) {
	#header .logo {margin-left: 10px;}
	.menu {width: 100px;border-width: 0;}
	
	.nav_wrap .lang{display: none;}
	.gnb_all_wrap .lang{display: block;}
	.gnb_all_wrap > div {padding: 14.9rem 6rem;}
	.gnb_all_wrap .share{display: block;}
	.gnb_all li {position: relative;display: inline-block;vertical-align: top;}
	.gnb_all > li {display: block;width: 100%;border-width: 0;border-style: solid;border-color: #e3e2e2;padding-bottom: 3.5rem;}
	.gnb_all > li:first-child {border-top-width: 0;}
	.gnb_all > li > * {text-align: left;}
	.gnb_all > li > a {display: block;border-width: 0 0 1px;border-style: solid;border-color: rgb(227 226 226);position: relative;font-size: 2.4rem;padding: 0 0.1rem 1.3rem;line-height: 1;font-weight: bold;vertical-align: top;text-align: left;}
	.gnb_all > li > ul {position: relative;}
	.gnb_all > li > ul a {position: relative;display: inline-block;font-size: 1.8rem;margin-right: 1.2rem; padding-top:1.8rem; padding-right:0rem; padding-bottom:0rem; padding-left:0rem; color: #666766;line-height: 1;vertical-align: top;}
	.gnb_all > li > ul a:hover {color: #e71f1d;}
	
	.rnb {display: none;}
	.main .fp-nav {right: 20px;display: none;}
	.main .main_text {top: 170px;left: 4vw;right: 4vw;font-size: 12vw;}
	.main .main_text:lang(en){font-size:7vw;letter-spacing: 0;}
	.main .main_text li:nth-child(3) {font-size: 2.6rem;}
	.main .inov ul {position: relative;margin: 170px 30px 0;display: grid;gap: 50px 10px;width: auto;left: 0px;right: 0;bottom: 30px;transform: translateX(0);grid-template-columns: repeat(2, 48%);text-shadow: 0 0 10px #a5a5a5;}
	.main .inov ul li {width: auto;margin: 0;position: static;}
	.main .inov li strong {position: static;display: block;}
	.main .inov li dl {left: 0;z-index: 1;background-color: rgb(6 0 0 / 90%) !important;}
	.main .scroll {left: 10vw;bottom: 180px;transform: rotate(0deg);display: none;}
	.main .scroll:before{width: 17px;height: 193px;border: 0;background: url(../img/bg_m_scroll.png) 0 0 no-repeat;border-radius: 0;transform: translateY(-50%);}
	.main .scroll .scroll_bar,
	.main .scroll span{display: none;}
	.bg_visual .progress{left: 4vw;top: auto;bottom:100px;}
	.bg_visual .slick-dots > li{width: 44px;height: 4px;margin-right: 10px;}
	
	.main .m_info{display: grid;}
	.main .we .swiper-nav {top: 17%;}
	.main .we .swiper-nav .swiper-button-prev {left: 5%;}
	.main .we .swiper-nav .swiper-button-next {right: 5%;}
	.sect_wrap:nth-child(3) > .section:nth-child(1) {margin-top: 4rem;}
	.main .inov .sect_iwrap {height: auto;}
	
	#content .title h2 {font-size: 4.6rem}
	#content .title p {font-size: 2rem;}
	.crumbs_wrap .share {display: none;top: 50%;right: 20px;transform: translateY(-50%);width: 26px;height: 26px;}
	
	.tab li {min-width: 0;}
	.tab li a {padding: 15px;font-size: 2rem;}
	
	._bg_l_box:before,
	._bg_r_box:before {display: none;}
	[class^=vision_] dt em {font-weight: bold;color: var(--blk);}
	
	.vision_1 {height: auto;padding: 4rem;background-size: cover;box-sizing: border-box;}
	.vision_1:before,
	.vision_2:before {background-size: cover;top: 0;left: auto;width: 320px;height: 196px;background-position: 0 0;}
	.vision_1 .txt_1 {color: rgb(1 130 74);}
	.vision_1 .txt_2 em {color: rgb(255 255 255);}
	.vision_1 .txt_2 {color: rgb(255 255 255 / 80%);}
	.vision_1 dd {position: relative;width: 100%;padding-top: 4rem;color: rgb(234 234 234 / 88%);}
	.vision_1 dd:before,
	.vision_1 dd:after {display: none;}
	
	.vision_2 {height: auto;padding: 4rem;background-size: cover;box-sizing: border-box;}
	.vision_2 {height: auto;background-size: cover;position: relative;width: 100%;color: rgb(0 0 0 / 60%);padding: 4rem;background-position: 0 0;background-size: cover;box-sizing: border-box;}
	.vision_2 dd {position: relative;top: auto;right: 0;width: 100%;}
	.vision_2 dd:before,
	.vision_2 dd:after {display: none;}
	.vision_2 dd strong {color: rgb(60 127 98);}
	.vision_2 dd ul + p em {color: rgb(60 127 98);}
	
	.vision_1,
	.vision_1 dd {padding: 0;}
	.vision_1 dd .txt_2 > *,
	.vision_1 dd .txt_3 {color: var(--blk) !important;}
	
	.vision_2 {padding: 0;height: auto !important;}
	.vision_2 dd .txt_2 > *,
	.vision_2 dd .txt_3 {color: var(--blk) !important;}
	.vision_2:before {}
	
	dl.history {height: auto;}
	dl.history dd.txt {width: 100%;z-index: 1;}
	dl.history dd.video {display: none;}
	dl.history dd.since {position: relative;}
	dl.history dd.since > * {position: static;}
	dl.history dd.since > strong {display: block;margin-top: 2rem;font-size: 8.4rem;}
	dl.history dd.since > p:after{display: none;}
	dl.history dd.since > .num {position: absolute;left: auto;right: 0;width: auto;display: grid;grid-template-columns: repeat(4, auto);font-size: 13.2rem;}
	dl.history dd.since > .num em:nth-of-type(4) {color: var(--blk);}
	
	ul.history {padding-top: 7px;}
	ul.history li{padding: calc(57.2% + 92px) 0 20px;margin-top: 60px;text-align: left;background-size: 100% auto;background-position: 0 112px !important;}
	ul.history li:not(:nth-child(1)) {border-top-width: 0;}
	ul.history li:not(:last-child) {border-top-width: 0;border-bottom: 1px solid rgb(225 225 224);}
	ul.history li:nth-child(even) dd:nth-of-type(1):before {right: auto;left: 0;}
	ul.history li dt {position: absolute;left: 0;top: 0;}
	.history_nav {display: none;}
	
	.area.slider {height: auto;padding-bottom: 32px;}
	.area.slider .inwrap {padding-top: 59.2%;}
	.area.slider .slider_nav,
	.area.slider .dots {bottom: 20px;}
	.area.slider .slider_nav {right: 20px;}
	.area.slider .dots {right: 74px;}
	.area.slider .list {position: absolute;top: 0;left: 0;width: 100%;}
	.area.slider dl {position: relative;width: 100%;height: auto;}
	.area.slider dl dd.txt{max-height:none;}
	.area.slider .abtn_more {font-size: 1.5rem;/* color:red; */position: relative;left: auto;bottom: 0;margin-left: 32px;padding-right: 15px;}
	
	.area_info > li > .txt{flex-wrap: wrap;}
	.area_info .drop_wrap{margin: 10px 0 0 !important;width: 100%;}
	.btn_drop.on + .pop_drop{right: 0;}
	.area_info,
	.area_info._w2_1,
	.area_info._col3 {grid-template-columns: 1fr;}
	.area_info._col3 li {border-bottom: 1px solid rgb(238 238 237);}
	.area_info._col3._vetnam{display: block;}
	.area_info:lang(en){display:block;}
	
	.prj,
	.task > li > div {grid-template-columns:1fr;padding-top: 20px;}
	.task > li > div {gap: 40px 0;}
	.task > li dt{/* margin-bottom:9px; */}
	.prj li {min-height: 108px;padding: 0 430px 0 172px;}
	
	.ci_1 {padding: 35px 35px;}
	.ci_1 dt {position: static;margin-bottom: 35px;text-align: center;transform: none;}
	.ci_1 dd br {display: none;}
	
	.ci_2 dd.img {position: static;margin-top: 30px;text-align: center;}
	.ci_2 dd.txt {margin-left: 0;}
	.ci_2 dd ul li {width: 100%;}
	
	.ci_3 dd {display: grid;gap: 30px}
	
	.prd_area > dl {padding-top: 30px;}
	.prd_area > dl:before {display: none;}
	.prd.slider dl dd.txt{max-height:none !important;}
	.prd_area .img img {width: 100%;}
	
	.feat_list > li:nth-child(odd) {padding-left: 0;padding-right: 360px;}
	.feat_list > li:nth-child(even) {padding-right: 0;padding-right: 360px;}
	.feat_list > li:nth-child(odd):before {left: auto !important;right: 0;top: 80px;width: 30%;height: 100%;background-position: 100% 0;background-size: 100% auto;}
	.feat_list > li:nth-child(even):before {left: auto;right: 0;top: 80px;width: 30%;height: 100%;background-position: 100% 0;background-size: 100% auto;}
	.feat_list > li:nth-child(odd) strong {padding-top: 8rem;}
	.feat_list > li:nth-child(even) strong {padding-top: 8rem;}
	.feat_list > li:nth-child(odd) strong:before {top: 0;left: 0;}
	.feat_list > li:nth-child(even) strong:before {top: 0;right: auto;}
	
	.weare._bundrex,
	.weare._mesh,
	.weare._mortar,
	.weare._sbss,	
	.weare._processed3 {grid-template-columns: 1fr;}
	.prdtype_list {grid-template-columns: 1fr 1fr;}
	.prdtype_list li {height: 15vw;padding: 0 0 0 15vw;background-size: contain;}



	.spec_area {display: block;position: relative;}
	.spec_area .img {position: absolute;top: 0;right: 0;width: 30%;}
	.spec_area > .txt {width: auto;}
	.spec_area > .txt br {display: none;}
	.spec_area > .txt .btns {position: static;margin-top: 20px;}
	
	.sns_list {grid-template-columns: repeat(2, 1fr);}
	.sns_list li .img {width: 100%;height:auto;max-height:236px;}
	.sns_list li .img img {width: 100%;height:auto;}
	.down_list {grid-template-columns: repeat(3, 30%);gap: 6rem 5%;}
	.down_list li .img img {width: 100%;}
	.down_list li .img {width: auto;height: auto;}
	
	.prd.slider {height: auto;display: flex;flex-direction: column-reverse;}
	.prd.slider .inwrap {width: 100%;}
	.prd.slider .list_wrap {float: none;width: 100%;box-sizing: border-box;}
	.prd.slider .list_wrap .tit {top: 3vw;}
	.prd.slider .list {position: static;width: auto;left: 15px;right: 0;height: auto;}
	.prd.slider .list .img {/*padding-top: 52%;*/}
	.prd.slider dl {position: relative;width: 100%;margin-bottom: 50px;}
	.prd.slider dl dd.detail {position: static;margin-top: 30px;}
	.prd.slider .slider_nav {left: auto;right: 30px;bottom: 30px;}
	.prd.slider .dots {left: auto;right: 79px;bottom: 30px;color: #fff;z-index: 1;}
	.prd_area {grid-template-columns: 1fr;margin: 60px 0 0;}
	
	.benefits{grid-template-columns: repeat(2, 1fr);}
	
	.contact > li ul {flex-direction: column;text-align: left;}
	.contact > li li {margin-left: 0 !important;padding-left: 0 !important;}
	.contact > li li:before {display: none;}
	
}
@media (max-width: 1200px) {
	.pop_wrap .pop_inwrap {width: 80%;padding: 25px 20px;}
	.pop_wrap .pop_inwrap .head{margin: 0 34px 17px 0;padding: 0 0 15px 16px;font-size: 2.4rem;}
	.pop_wrap .body{padding: 0 16px;}
	.pop_wrap .ibtn_close{top: 20px;right: 20px;width: 30px;height: 30px;}

	.fb_wrap .fb_inwrap {width: 80%;padding: 25px 20px;}
	.fb_wrap .fb_inwrap .head{margin: 0 34px 17px 0;padding: 0 0 15px 16px;font-size: 2.4rem;}
	.fb_wrap .body{padding: 0 16px;}
	.fb_wrap .fb_close{top: 20px;right: 20px;width: 30px;height: 30px;}

	.link_wrap .link_inwrap {width: 80%;padding: 25px 20px;}
	.link_wrap .link_inwrap .head{margin: 0 34px 17px 0;padding: 0 0 15px 16px;font-size: 2.4rem;}
	.link_wrap .body{padding: 0 16px;}
	.link_wrap .linked_close{top: 20px;right: 20px;width: 30px;height: 30px;}
	
	.pr_pop_wrap .pop_inwrap {width: 80%;padding: 25px 20px;}
	.pr_pop_wrap .pop_inwrap .head{margin: 0 34px 17px 0;padding: 0 0 15px 16px;font-size: 2.4rem;}
	.pr_pop_wrap .body{padding: 0 16px;}
	.pr_pop_wrap .ibtn_close{top: 20px;right: 20px;width: 30px;height: 30px;}
	
	.privacy_pop_wrap .pop_inwrap {width: 80%;padding: 25px 20px;}
	.privacy_pop_wrap .pop_inwrap .head{margin: 0 0 17px 0;padding: 0 0 15px 16px;font-size: 2.4rem;}
	.privacy_pop_wrap .body{padding: 0 16px;}
	.privacy_pop_wrap .ibtn_close{top: 20px;right: 20px;width: 30px;height: 30px;}
	
	.pop_inwrap._sns .body iframe,
	.link_inwrap._sns .body iframe,
	.fb_inwrap._sns .body iframe,
	.pr_pop_wrap iframe {width: 100%;}
	
	#footer .address li:lang(en){display: block;margin-bottom: 5px;}
	#footer .address li:lang(en):before{display: none;}
	
}

@media (max-width: 1000px) {
	html{font-size:58%;}
	
	.bg_visual .video_wrap{top:50%;transform: translateY(-50%);}
	.bg_visual .video_wrap ._pc{z-index: 1;}
	.bg_visual .video_wrap ._m{z-index: 2;}
	.bg_visual .video_wrap video{transform: translate(-50%, -50%);left: 50%;top: 50%;}
	
	.main .we .dots {display: block;overflow-x: scroll;-webkit-overflow-scrolling: touch;overflow: -moz-scrollbars-none;background: rgb(0 107 56);}
	.main .we .dots::-webkit-scrollbar {display: none;}
	.main .we .dots .slick-dots, .main .we .dots .swiper-pagination-bullets {background-color: transparent;margin: 0 auto;}
	
	.product_link {justify-content: space-between;grid-template-columns: repeat(1, 1fr);}

	.crumbs_wrap{display: block;/*height: 3.9rem;*/margin: -6.4rem 0 0;font-size: 1rem;}
	.crumbs_wrap .crumbs > li:first-child{display: none;}
	.crumbs_wrap .crumbs > li{min-width: 0;border-right-width:0;}
	.crumbs_wrap .crumbs li > a{display: block;padding:0 30px 0 10px;/*font-size: 1.5rem;*/line-height: 5.9rem;}
	.crumbs_wrap .crumbs li{width:100%;}
	.crumbs_wrap .crumbs > li:nth-child(2){display:none;}
	.crumbs_wrap .crumbs > li:not(:first-child) > a:after{position: absolute;right:10px;top:50%;transform: translateY(-50%);}
	.crumbs_wrap .crumbs._3dp{/*margin-left:48px;*/}
	.crumbs_wrap .crumbs._3dp > li{display:none;}
	.crumbs_wrap .crumbs._3dp > li:nth-child(4){display:block;width:100%;}
	/*.crumbs_wrap .crumbs._3dp > li:nth-child(4) ul{left: auto;right: -1px;}*/
	.crumbs_wrap .crumbs > li ul li{min-height: 2.8rem;height: auto;display: flex;align-items: center;}
	.crumbs_wrap .crumbs > li ul li a{/*font-size: 1.3rem;line-height: 1.5;*/padding: 0 10px;text-align: left;white-space: normal;width: 100%;}
	.crumbs_wrap .share a {display: none;margin: 5px 0 0;}
	.crumbs_wrap .share a:after {display: none;}
	.crumbs_wrap .share .ibtn_more {display: flex !important;justify-content: center;align-items: center;margin: 0;}
	.crumbs_wrap .share:hover a {display: block;}
	
	#content{padding-bottom: 100px;}
	#content .title {display: grid;align-content: center;padding-top: 0;height: 24rem;padding-bottom: 6.2rem;}
	.greeting_1 {height: auto;padding: 3rem 0 0;}
	.greeting_1 ul {position: relative;width: 100%;height: auto;margin: 3em 0 0;padding: 2rem 0;flex-direction: column;align-items: flex-start;background-color: rgb(255 255 255 / 90%);}
	.greeting_1 ul li {margin: 1rem 0 0 3rem;padding: 3rem 0 2rem 12rem;text-align: left;}
	.greeting_1 ul li:before {top: 50%;left: 0;transform: translateY(-50%);}
	.greeting_1 li:after {display: none;}
	.greeting_1 > em,
	.greeting_1 > p {margin-left: 3rem;}

	.vision_1:before,
	.vision_2:before {display: none;}
	
	.area_info {display: block;}
	/*.area_info._col2 {display: block;}*/
	.feat_list > li:nth-child(odd),
	.feat_list > li:nth-child(even){padding-right: 0;}
	.feat_list > li:nth-child(odd):before,
	.feat_list > li:nth-child(even):before {background-image: none !important;}
	
	.prj li {padding: 0 0 0 172px;background-image: none !important;}
	
	.ci_2 dd ul {grid-template-columns: 1fr;}
	
	.weare {margin-top: 12vw;grid-template-columns:repeat(2, 2fr);}
	
	.prd_area > dl{padding: 20px;}
	.prd_area dd .drop_wrap {position: relative;display: block;bottom: auto;right: auto;margin-top: 10px;margin-left: 0;}
	.btn_drop[data-dropAlign="right"] + .pop_drop{left: 0;right: auto;width: auto;}
	.pop_drop .auth{margin-top: 50px;}
	
	
	.spec_area .img {display: none;}
	.ls_tab {position: static;margin-bottom: 20px;}
	.ls_tab li {margin-left: 40px;}
	
	.ls_atab {position: static;margin-bottom: 20px;}
	.ls_atab li {margin-left: 40px;}
	
	.ls_detail dt {grid-template-columns: 1fr;gap: 10px;}
	.ls_detail dd {padding: 30px 15px;}
	
	.down_list {gap: 60px 10%;grid-template-columns: 45% 45%;}
	
	.cs_p {padding-right: 0;}
	.cs_p .csp_btn_wp {position: relative;display: flex;justify-content: flex-end;top: 0;margin-top: 30px;text-align: right;}
	.cs_head .select_wrap {margin: 0 auto;}
	.cs_head .req {position: static;transform: none;margin: 30px auto 0;text-align: right;max-width: 636px;}
	.form li .file_wrap {width: 100%;}
	
	
	.reward{grid-template-columns: repeat(1, 1fr);}
	.reward br{display: none;}
	.benefits{grid-template-columns: repeat(1, 1fr);}
	
	.contact {grid-template-columns: 1fr;}
	
}

@media (max-width: 900px) {
	
	.main .sns .slider {width: 100%;}
	.main .we{padding-top: 0;}
	#footer .info:lang(en) {display: block;margin: 3rem 0;}

	.area_info._col3:lang(en){display: block;}

}
@media (max-width: 650px) {
	html {min-width: 320px;}
	
	#header .lang {right: 74px;padding: 18px 5px;}
	.gnb_all_wrap > div {padding: 10rem 3rem;}
	.gnb_all_wrap .share {left: 15rem;}
	.share a {margin-left: 2rem;}
	.share a:after {width: 1.5rem;right: -1.9rem;}
	
	#header .gsearch .gs_inwrap {position: fixed;top: 47px;left: 0;padding: 2rem;display: grid;grid-template-columns: 1fr auto;}
	#header .gsearch input {width: 100%;padding: 4px 8.5rem 4px 3px;}
	#header .gsearch .ibtn_gsearch:before {background-position: -61px -3px;width: 13.5px;height: 13.5px;background-size: 500px auto;}
	
	.gnb_all_wrap {font-size: 10px;}
	.gaw_iwp {font-size: 1.6rem;}
	
	#header .lang > input:checked + label:before {border-radius: 25px;}
	.main .we .tit{font-size: 6.2rem;height: 6rem;}
	.main .main_text li:nth-child(3){font-size: 4.6vw;}
	.main .sns .list .item {max-width: 300px;}
	.main .sns .list .item div{padding-top: 190px;}
	.main .inov .tit i{line-height: 1.2;}
	.main .inov .tit span{font-size: 8rem;height: auto;}
	.main .inov .tit span span{font-size: 3rem;}
	.main .inov .tit ~ em{font-size: 2.2rem;}
	.main .inov ul {position: relative;margin-top: 50px;grid-template-columns: repeat(1, 80%);grid-template-rows: repeat(4, 1fr);justify-content: center;}
	.main .inov li:hover dl{height: auto;padding-bottom: 5rem;}
	
	.sns .slick-dots > li {width: 1rem;height: 1rem;}
	.sns .slick-dots > li:hover, .sns .slick-dots > li.slick-active {width: 1.6rem;height: 1.6rem;}
	.sns .slick-dots > li button:before {transition: 0s;}
	
	#footer .inwrap {}
	#footer .sns {margin: 2rem 0;top: auto;display: block;}
	#footer .sns li:first-child {margin-left: 0;}
	
	#footer .family_site {right: 5px;text-align: right;}
	#footer .info {display: block;margin: 3rem 0;}
	#footer .info a{padding:2px 0;}
	#footer .address li{display: block;line-height: 1.5;}
	#footer .address li:lang(en){padding-right: 110px;}
	#footer .address li:before {display: none;}

	


	/*스틸매트*/
		.sect_wrap._bg_grayfull:before {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 96.5%;background-color: #eeeeed;}
		.stmat_list {grid-template-columns: 1fr; margin-top:-30px;}
		.stmat_list li {height: auto; padding-top:2%;background-size: 100% auto;}
		.stmat_list li strong{margin:114px 0 0 0px;}
		.stmat_list li p{}
	
		.stmat_list01 {grid-template-columns: 1fr; margin-top:0px;}
		.stmat_list01 li {height: auto; padding-top:25%;background-size: 100% auto;}
		.stmat_list01 li strong{}
		.stmat_list01 li p{margin:0 0 0 0px}
	
		.stmat_list02 {}
		.stmat_list02 li {width:100%; height: auto; padding-top:84%; background-size: 100%; background-image: url(/img/m_stmat_type_06.jpg) !important;}
	
		.st_type {height:auto;}
		.st_type_list {display: block; background-size: 100% auto;}
		.st_type_list li {height: auto; width: auto;
			padding-top: 50%;
			margin: 10px;
			background-repeat: no-repeat;
			background-size: 100% auto;
			box-sizing: border-box;
		}
		.st_type_list li strong {display: block;font-size: 2.2rem;color: #358652;font-weight: 800; }
		.st_type_list li p {padding:10px 0px 20px 0px; font-size: 1.6rem;line-height: 0.4;color: #666;}
	
	/*스틸매트*/	

	/*신통방통 몰탈강화재*/
	.content h3.tit1 {margin-top: 7rem;	margin-bottom: 10px; font-size:3rem;}
	.mortar_txt1 {font-size: 2.4rem; font-weight: bold; color:#056937;}
	.mortar_txt2 {line-height: 2.5rem; margin-bottom:10px;}
	.mortar_da_img {display: inline;}
	.mortar_da_img01 {margin-top:10px;}
    .mortar_tit{margin:24px 0 -42px 6px; font-size:1.5rem; font-weight:bold;text-align: left; color:#000;}
    .mortar_charter {margin: 20px 0px 20px 0px; padding-top:10px; font-size: 2.4rem; font-weight: 700; color:#000;}
	.mortar_box2{margin:10px; text-align: center;}
    .mortar_txt3 {font-size: 1.6rem; margin-top:-20px; margin-bottom:20px; line-height: 1.2;}
	
	/*신통방통 사용 가이드*/
	.mortar_video {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;	max-width: 100%;}
	.video_guide{display:block; width:100%; height:100%; margin-top:60px;}
	.guide_left iframe {height:212px;}
	.guide_right iframe {height:212px;}
	.guide_left{display:unset;width:100%; height:212px;}
	.guide_right{display:unset;width:100%;}
	.guide_txt{font-size: 16px; padding-bottom: 18px;}

	
	/*신통방통 몰탈강화재*/

	/*SBSS*/
    .sbss_rect{display:block;}
    .sbss_rect_right{padding: 6px 0px 0px 62px; max-width: 472px; margin: 0;}
    .sbss_charter {display:block; margin-top:-50px;}
    .sbss_rect_left_01 {font-size:2.8rem; color: #000; font-weight:700;}
    .sbss_rect_left_01 ul {padding:6px 0px 0px 50px; background-image: url("../img/sbss_num01.png"); background-repeat: no-repeat;}
    .sbss_rect_left_01 ul li {padding-left:12px; background-image: url("../img/sbss_dot1.jpg"); background-position: 0 60%; background-repeat: no-repeat; padding-top:5px; font-size:1.6rem; color:#666; font-weight: normal; line-height: 2.8rem;}
    .sbss_pd {margin-top:10px;}
    /*SBSS*/

	.wallter{clear:both(); display: block; padding-left:50px;}
	/*#content{padding-bottom: 50px;}*/
	.section {padding: 0 2rem;}
	.tab {flex-wrap: wrap;}
	.tab li {border-width: 0 1px 1px 0;margin-top: -1px;}
	
	.greeting_1 > em {font-size: 4rem;}
	.greeting_1 > p {font-size: 2rem;}
	.greeting_1 ul {counter-reset: num;}
	.greeting_1 ul li:before {content: counter(num) ". ";counter-increment: num;position: static;font-weight: bold;}
	.greeting_1 ul li {padding: 0 0 0 1em; text-indent: -1em;}
	.greeting_1 ul li:before {background-image: none !important;}

	.vision_2 dd li {padding: 5rem 2rem 2rem;}
	.vision_2 dd li:before {display: none;}
	.vision_2 dd li .box {top: 0;left: 0;transform: translateY(0);display: block;}
	
	dl.history dd.since > .num {position: relative;left: auto;right: 0;width: auto;bottom: 0;grid-template-columns: repeat(4, auto);font-size: 27vw;justify-content: space-between;bottom: 0;}
	dl.history dd.since > .num em {animation: none;display: inline;opacity: 1;}
	ul.history dt strong {font-size: 4rem;}
	ul.history dt p {font-size: 2rem;}
	
	ul.history li {background-position: 0 80px !important;}
	ul.history li{padding: calc(59% + 66px) 0 20px;}
	.area.slider dl dd.txt br {display: none;}
	
	.area_info li{display:block;}
	.area_info > li > strong:after{display:none;}
	.area_info > li > .txt{margin-top:10px;padding-left: 51px;}

	.prj li {padding: 0;}
	.prj dl dt {position: relative;width: auto;padding-bottom: 15px;}
	.task > li dd {padding-left: 0;position: relative;z-index: 1;}
	.task > li dl {border-top: 1px solid rgb(238 238 237);}
	.task > li dl:after {left: auto;right: 0;background-image: none !important;}
	.task > li dt {margin-top: 18px;}
	.task > li > div {padding: 0;}
	
	.ci_down a {display: flex;margin-top: 1.8rem;}
	
	.prd_area dd:nth-of-type(1) {padding-right: 50px;}
	.prd_area dd:nth-of-type(1) .ibtn_map {position: absolute;right: 20px;}
	.prd_area dt:nth-of-type(2) {float: none;}
	.prd.slider dl dd.detail {width: auto;}
	
	.weare {grid-template-columns:1fr;}
	.prdtype_list {grid-template-columns:1fr;}
	.prdtype_list li {height: 44vw;padding: 0 0 0 25vw;}

	.sns_list {grid-template-columns: repeat(1, 1fr);}
	
	.down_list {gap: 60px 0;grid-template-columns: 100%;}
	.ls_search .ls_inwrap input{width: 240px;}
	
	.form {display: block;margin-bottom: 60px;}
	.form li {margin-bottom: 60px;}
	.form li .file_wrap {grid-template-columns:1fr}
	
	.agreement .box li,
	.agreement .box li span {display: block;}
	.agreement .box li span {padding-left: 0;text-indent: 0;}
	.agreement .box li span:before {display: none;}
	
	.contact li li {flex-direction: column;text-align: left;align-items: flex-start;line-height: 1.2;}
	.contact > li span {margin-left: 0;}
	
	.we_koman{align-items: center;}
	.we_koman strong{line-height: 1;margin-bottom: .2em;}
	.we_koman p{font-size:2.5rem;}
	.koman_is li{padding-left: 0;text-indent: 0;}
	.koman_is li:before{display: block;}
	.koman_is li>strong{line-height: 1.1;}
	.koman_is li>.img strong{line-height: 1.1;}
	.koman_is li:nth-child(odd) .img{padding:0 20px 20px;background-position: 50% 0;}
	.koman_is li:nth-child(even) .img{padding:0 20px 20px;text-align: left;background-position: 50% 0;}
	.koman_is li:nth-child(odd) .img span:before,
	.koman_is li:nth-child(even) .img span:before{display: none;}
	
	.koman_benefit>li>.text{padding-left: 0;}


	#footer .info{margin: 2rem 0;}
	#footer .inwrap .info > a{display: block;line-height: 2;}
}
.koman_sales {
	overflow: hidden;
	max-width: 800px;
	height: 2865px;
	margin: auto;
	text-align: center;
	background-image: url(http://www.kosteel.co.kr/img/koman/22_salesking_img01.jpg);
}



/*we are koman 게시판 스타일*/
.collist_2 {
	overflow: hidden;
	max-width: 800px;
	margin: auto;
	text-align: center;
}

	.collist_2 li {
		float: left;
		width: 50%;
		padding-bottom:60px;
	}
.workshop{width:800px; margin:0 auto; text-align: center; background-color:#f2f2f2;}
.workshop_video{margin:0 auto; padding-top:65px; text-align:center; width:78%; height:340px;}
.sales_video{
	width:800px; margin-top:876px; text-align: center;
}
.sales_list{margin:0 auto; text-align:center;}
.sales_mobile{margin: auto; width:550px; height:294px;  text-align:center; position:relative; top:-1460px; left:auto; z-index:10;}
@media (max-width: 650px) {
		.workshop {
			float: left;
			width: 100%;
		}
	}
@media (max-width: 650px) {
		.workshop_video {
			display: block;
			width:100%; height:160px;
			margin-top:-35px;
		}
	}
@media (max-width: 650px) {
		.sales_mobile{
			width: 260px; height:134px; position:relative; top:-620px; left:auto; z-index:10; 
		}
	}
@media (max-width: 650px) {
	.collist_2 li {
		float: left;
		width: 100%;
	}
}
@media (max-width: 650px) {
	.collist_2 li.title {
		font-size:46px;
	}
}