/* Common */
.scroll-lock {overflow: hidden;}
.eternal {display: block !important;}
.hide {display: none;}

.symbol {position: relative;}
.symbol::before {position: absolute; left: -86px; bottom: -120px; width: 729px; max-width: 80%; height: 481px; background: url('/source/img/symbol.png') no-repeat center center/contain; content: ""; z-index: -1;}

/* Header */
#header {position: fixed; left: 0; top: 0; width: 100%; height: 90px; background: var(--white); box-shadow: 0 0 20px rgba(0,0,0,0.1); z-index: 50;}
.header-inner {display: flex; align-items: center; justify-content: space-between; padding-left: calc((100% - 1730px) / 2);}
.header-logo {line-height: 90px;}
.header-logo a {display: block;}
.header-nav {display: flex; align-items: center;}
.header-gnb {display: flex; justify-content: center; align-items: flex-start; gap: 55px;}
.header-gnb_item {position: relative;}
.header-gnb_item::before {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 3px; background: var(--green); content: ""; transition: 0.3s; opacity: 0;}
.header-gnb_item > a {display: flex; font-size: 18px; font-weight: 400; color: var(--black-1); line-height: 90px; transition: 0.3s;}
.header-gnb_item.active::before {width: 100%; opacity: 1;}
.header-gnb_item.active > a {color: var(--green);}
/* .header-gnb_item:hover .header-gnb2 {display: block;} */
.header-gnb2 {display: none; position: absolute; top: 100%; left: 50%; min-width: 168px; padding: 20px; background:var(--green); border-radius: 0 0 30px 0; transform: translateX(-50%); text-align: center;}
.header-gnb2_item ~ .header-gnb2_item {margin-top: 20px;}
.header-gnb2_item > a {display: block; font-size: 18px; font-weight: 500; color: #94FFCC; transition: 0.2s;}
.header-gnb2_item > a:hover {color: var(--white);}
.header-language {display: block; margin-left: 55px; padding: 8px 17px; font-size: 16px; font-weight: 300; color: var(--gray-3); border: 1px solid var(--gray-c); border-radius: 20px;}
.header-language i {display: inline-block; vertical-align: middle; width: 15px; height: 15px; margin-bottom: 1px; margin-right: 8px; background: url('/source/img/icon-language-bk.png') no-repeat center center/cover;}
.header-menu {width: 95px; height: 90px; margin-left: 23px; border: none; background: var(--green) url('/source/img/icon-menu.png') no-repeat center center; font-size: 0;}

/* Sitemap */
#sitemap {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: linear-gradient(180deg, rgba(59, 179, 184, 0.95) 0%, rgba(37, 207, 126, 0.95) 100%); backdrop-filter: blur(5px); z-index: 100;}
#sitemap .header-language {border: 1px solid var(--white); color: var(--white);}
#sitemap .header-language i {background-image: url('/source/img/icon-language-wh.png');}
#sitemap .header-menu {background: var(--gray-3) url('/source/img/icon-close.png') no-repeat center center;}
.sitemap {height: calc(100vh - 90px); color: var(--white); border-top: 1px solid rgba(255,255,255,0.2); text-align: center;}
.sitemap_list {display: flex; align-items: stretch; height: 100%;}
.sitemap_item {width: 16.6666%; padding: 200px 20px 0; border-right: 1px solid rgba(255,255,255,0.2);}
.sitemap_title {position: relative; display: inline-block; padding-bottom: 10px; font-size: 30px; font-weight: 700;}
.sitemap_title::after, .sitemap_item.active .sitemap_title::after {position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; height: 2px; background: var(--white); content: ""; opacity: 0 !important; transition: 0.3s;}
.sitemap_item:hover .sitemap_title::after, .sitemap_item.active .sitemap_title::after {width: 100% !important; opacity: 1 !important;}
.sitemap_link {display: block; margin-top: 40px;}
.sitemap_link a {display: block; font-size: 18px; font-weight: 500; color: var(--white); opacity: 0.6; transition: 0.3s;}
.sitemap_link a ~ a {margin-top: 20px;}
.sitemap_link a:hover {opacity: 1;}

/* Footer */
.footer {position: relative;}
.btn-top {position: fixed; right: 24px; bottom: 90px; display: none; flex-direction: column; align-items: center; justify-content: center; gap: 8px; width: 56px; height: 56px; border-radius: 24px; background-color: var(--gray-3); border: 0; color: var(--white); font-size: 14px; font-weight: 400; z-index: 10;}
.btn-top.sit {position: absolute; top: 0; transform: translateY(-50%);}
.footer-in {background-color: var(--white-4);}
.footer-top {padding: 10px 0; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8;}
.footer-partners {padding: 0 1px; overflow: hidden;}
.footer-partner a {display: flex; align-items: center; justify-content: center; height: 55px; border-radius: 10px; border: 1px solid var(--gray-e); background-color: var(--white);}
.footer-partner a img {max-width: 90%;}
.footer-btm {padding: 30px 0 33px;}
.footer-btm-in {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 30px;}
.footer-info-ul {display: flex; align-items: center; padding-bottom: 10px;}
.footer-info-li {font-weight: 400; color: var(--gray-6);}
.footer-info-li:not(:last-child) {position: relative; padding-right: 15px; margin-right: 15px;}
.footer-info-li:not(:last-child)::after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 17px; background-color: var(--gray-b);}
.footer-copyright {font-size: 14px; color: var(--gray-9);}
.footer-links {display: flex; align-items: center; flex-wrap: wrap;}
.footer-links > a {font-weight: 500; color: var(--gray-3);}
.footer-links > a:first-child {color: var(--green);}
.footer-links > a:not(:last-child) {position: relative; padding-right: 23px; margin-right: 23px;}
.footer-links > a:not(:last-child)::after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 15px; background-color: var(--gray-d);}

/* Main */
#main {overflow: hidden;}
.main-visual {position: relative;}
.main-visual_inner {width: calc(100% - 95px); margin: 0; z-index: 5;}
.main-visual_slide {position: relative; width: 100vw; height: 100vh; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 0 0 400px 0;}
.main-visual_slide1 {background-image: url('/source/img/main1-img1.jpg');}
.main-visual_slide2 {background-image: url('/source/img/main1-img2.jpg');}
.main-visual_content {display: flex; justify-content: center; align-items: start; flex-direction: column; width: 75%; height: 100%; margin: 0 auto;}
.main-visual_title {font-size: 66px; font-weight: 300; color: var(--white); line-height: 1.3;}
.main-visual_title b {font-weight: 700;}
.main-visual_text {margin-top: 25px; font-size: 20px; font-weight: 300;  color: var(--white-2);}
.main-visual_text b {font-weight: 600;}
.main-visual_ctrl {display: flex; align-items: center; gap: 0 15px; position: absolute; left: 0; bottom: 26vh; width: 100%; padding: 0 12.5%; z-index: 10;}
.main-visual_paging {min-width: 55px; font-size: 16px; font-weight: 500; color: var(--white);}
.main-visual_page.current {font-size: 18px;}
.main-visual_progress {position: relative; width: 180px; height: 2px; background-color: var(--white);}
.main-visual_bar {position: absolute; top: 0; left: 0; height: 100%; width: 0%; background-color: var(--green);}
.main-visual_button {}
.main-visual_button button {position: relative; width: 10px; height: 13px; border: 0; background: none;}
.main-visual_button button img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.main-visual_play {display: none;}
.main-visual_scroll {position: absolute; right: 10px; bottom: 100px; padding-right: 43px; font-size: 18px; font-weight: 500; color: var(--gray-3); letter-spacing: 0; transform: rotate(90deg); z-index: 1;}
.main-visual_scroll i {position: absolute; bottom: 6px; right: 0; display: inline-block; vertical-align: middle; width: 33px; height: 11px; margin-left: 11px; background: url('/source/img/icon-scroll.png') no-repeat center center/cover; animation: scrollDown 1.2s infinite both;}
.main-visual_scroll::after {position: absolute; right: -120px; top: 50%; transform: translateY(-50%); width: 214px; height: 214px; background: var(--white-3); border-radius: 50%; content: ""; z-index: -1;}

@keyframes scrollDown {
  0% {right: 0;}
  50% {right: -8px;}
  100% {right: 0;}
}

.main_title {font-size: 50px; font-weight: 300; line-height: 1.35;}
.main_title b {font-weight: 700;}
.main_title.black {color: var(--black-1);}
.main_title.white {color: var(--white);}
.main_title .green {color: var(--green);}
.main_more {position: relative; padding-left: 25px; font-size: 16px; font-weight: 500;}
.main_more i {display: inline-block; vertical-align: middle; width: 17px; height: 9px; margin-left: 6px; background-repeat: no-repeat; background-position: center center; background-size: contain;}
.main_more::after {position: absolute; left: 0; top: 50%; width: 75px; height: 75px; border-radius: 50%; background: var(--green); transform: translateY(-50%); content: ""; z-index: -1;}
.main_more.black {}
.main_more.black i {background-image: url('/source/img/icon-more-bk.png');}
.main_more.white {color: var(--white);}
.main_more.white i {background-image: url('/source/img/icon-more-wh.png');}
.swiper-button-disabled {opacity: 0.5;}

.main-example {padding-top: 220px; padding-bottom: 126px; font-size: 0;}
.main-example_head {display: inline-block; vertical-align: top; width: 32.5%; padding-left: calc((100% - 1600px) / 2); padding-right: 60px;}
.main-example_filter {display: flex; flex-wrap: wrap; gap: 9px; margin-top: 55px;}
.main-example_link {display: inline-block; vertical-align: middle; padding: 13px 25px; font-size: 18px; font-weight: 500; color: var(--gray-9); border-radius: 27px; border: 1px solid var(--gray-d); background: var(--white);}
.main-example_link.active {border: 1px solid var(--green); color: var(--green); box-shadow: 0 0 0 1px var(--green) inset;}
.main-example_body {position: relative; display: inline-block; vertical-align: top; width: 67.5%; min-height: 510px; overflow: hidden;}
.main-example_body::before {position: absolute; right: 0; top: 0; width: 745px; max-width: 90%; height: 934px; border-radius: 300px 0 0 0; background: rgba(38,207,126,0.06); content: ""; z-index: -1;}
.main-example_slider {position: relative;}
.main-example_slider {display: none;}
.main-example_slider.main-example_active {display: block;}
.main-example_wrapper {align-items: flex-end;}
.main-example_slide {display: flex; align-items: flex-end; position: relative; width: 315px; min-height: 300px; /*min-height: 338px;*/ padding: 30px 36px; margin-top: 150px; border-radius: 30px; overflow: hidden; transition: 0.5s;}
/* .main-example_slide:last-child {margin-right: 200px !important;} */
.main-example_slide::after {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.main-example_thumb {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; z-index: -1;}
.main-example_content {position: relative; width: 100%; z-index: 1;}
.main-example_category {display: inline-block; vertical-align: middle; padding: 6px 13px 4px; font-size: 14px; font-weight: 400; color: var(--white); border: 1px solid var(--gray-b); border-radius: 22px;}
.main-example_subject {margin-top: 15px; font-size: 18px; font-weight: 600; color: var(--white);}
.main-example_more {display: none; margin-top: 120px; /*margin-top: 155px;*/}
.main-example_button {display: flex; align-items: center; position: absolute; right: 0; top: 95px; gap: 38px; padding-right: 11.8%; z-index: 1;}
.main-example_button button {position: relative; display: flex; align-items: center; gap: 13px; font-size: 16px; font-weight: 500; color: var(--gray-6); border: none; background: none;}
.main-example_button button:not(:first-child)::after {position: absolute; left: -19px; top: 50%; margin-top: -7.5px; width: 1px; height: 15px; background: var(--gray-b); content: "";}
.main-example_button img {display: block;}

.main-example_slide.swiper-slide-active {width: 390px !important; min-height: 370px; /*min-height: 420px;*/ margin-top: 0; margin-bottom: 70px; padding: 42px 42px 80px;}
.main-example_slide.swiper-slide-active::after {content:"";}
.main-example_slide.swiper-slide-active .main-example_category {font-size: 16px; font-weight: 500;}
.main-example_slide.swiper-slide-active .main-example_subject {font-size: 22px;}
.main-example_slide.swiper-slide-active .main-example_more {display: block;}

.main-business {position: relative; width: 100%; color: var(--white);}
.main-business::before {position: absolute; left: 0; top: 0; width: calc(100% - 95px); height: 100%; background: url('/source/img/main3-bg.jpg') no-repeat center center/cover; border-radius: 0 400px 0 0; content: ""; z-index: -1;}
.main-business_inner {padding-top: 190px; padding-right: 95px; padding-bottom: 170px; padding-left: calc((100% - 1730px) / 2);}
.main-business_head {display: flex; align-items: end; justify-content: space-between;}
.main-business_head .main_title {padding-right: 30px;}
.main-business_more {margin-bottom: 15px; margin-right: 145px; z-index: 1;}
.main-business_body {font-size: 0; margin-top: 75px;}
.main-business_body > div {display: inline-block; vertical-align: top;}
.main-business_filter {width: 520px; padding-right: 109px;}
.main-business_link {display: block; width: 100%; padding: 18px 7px; background: none; border: none; border-bottom: 1px solid var(--gray-6); text-align: left;}
.main-business_link p {display: inline-block; vertical-align: middle; padding-right: 50px; font-size: 20px; font-weight: 500; color: var(--gray-a);}
.main-business_link.active {border-bottom: 2px solid var(--green);}
.main-business_link.active p {position: relative; font-weight: 700; color: var(--green);}
.main-business_link.active p::after {position: absolute; right: 0; top: 50%; width: 34px; height: 11px; margin-top: -5.5px; background: url('/source/img/icon-more-gr.png') no-repeat center center/contain; content: "";}
.main-business_ctrl {width: 56px; margin-top: 18px; text-align: center;}
.main-business_ctrl button {width: 100%; height: 56px; border-radius: 50%; border: none; background: var(--green); font-size: 0;}
.main-business_ctrl button img {margin-bottom: 2px;}
.main-business_paging {margin: 15px 0; font-size: 16px; font-weight: 700; color: var(--gray-6);}
.main-business_page {}
.main-business_page.current {font-size: 20px; color: var(--white);}
.main-business_page.total {}
.main-business_content {width: calc(100% - 576px); padding-left: 100px;}
.main-business_slider {position: relative; display: none;}
.main-business_slider.main-business_active {display: block;}
.main-business_wrapper {}
.main-business_slide {text-align: center;}
.main-business_thumb {display: flex; align-items: center; justify-content: center; width: 210px; height: 210px; margin: 0 auto; border-radius: 50%; background: rgba(255,255,255,0.3);}
.main-business_thumb img {max-width: 85%;}
.main-business_name {margin-top: 20px; font-size: 18px; font-weight: 700; color: var(--white);}

.main-content {padding-top: 179px;}
.main-content .wrap-2 {display: flex; align-items: stretch; padding-bottom: 90px; gap: 40px; border-bottom: 1px dashed var(--gray-d);}
.main-video {position: relative; width: 60%; padding-bottom: 33.3%; border-radius: 30px; overflow: hidden;}
.main-video iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.main-contact {width: calc(40% - 40px); padding: 60px 70px 46px; background: url('/source/img/main4-bg.jpg') no-repeat center center/cover; border-radius: 30px; color: var(--white);}
.main-contact_head {}
.main-contact_board {font-size: 16px; font-weight: 600;}
.main-contact_title {margin-top: 15px; font-size: 44px; font-weight: 300; line-height: 1.25;}
.main-contact_title b {font-weight: 700;}
.main-contact_body {margin-top: 30px; border-top: 1px dashed rgba(255,255,255,0.5);}
.main-contact_row {display: flex; align-items: center; padding: 23px 32px 25px 15px; border-bottom: 1px dashed rgba(255,255,255,0.5); color: var(--white);}
.main-contact_col {display: flex;}
.main-contact_text {display: flex; flex-direction: column; width: calc(100% - 75px); padding-right: 10px; gap: 10px;}
.main-contact_text1 {font-size: 26px; font-weight: 700;}
.main-contact_text2 {font-size: 16px; font-weight: 400;}
.main-contact_icon {width: 75px;}

.main-board {padding-top: 100px; padding-bottom: 132px;}
.main-board.symbol::before {bottom: -90px;}
.main-board, .main-board * {transition: 0.3s;}
.main-board .wrap-2 {display: flex; align-items: flex-start;}
.main-board_head {width: 35%;}
.main-board_more {display: inline-block; margin-top: 80px;}
.main-board_body {display: flex; flex-direction: column; width: 65%; gap: 10px;}
.main-board_row {padding: 30px 0 33px; border-radius: 30px; background: var(--white); box-shadow: 0 0 20px rgba(0,0,0,0.1); font-size: 0;}
.main-board_col {display: inline-block; vertical-align: middle;}
.main-board_col1 {width: 140px; text-align: center;}
.main-board_date1 {font-size: 30px; font-weight: 700; color: var(--black-1);}
.main-board_date2 {margin-top: 5px; font-size: 14px; font-weight: 400; color: var(--gray-6)}
.main-board_col2 {width: calc(100% - 140px); padding: 0 34px; border-left: 1px solid var(--gray-d);}
.main-board_category {display: inline-block; padding: 5px 15px 3px; font-size: 14px; font-weight: 500; color: var(--green); border: 1px solid var(--green); border-radius: 22px;}
.main-board_title {margin-top: 10px; font-size: 20px; font-weight: 500; color: var(--black-1);}
.main-board_text {margin-top: 10px; font-size: 16px; font-weight: 300; color: var(--gray-6);}
.main-board_row:hover {background: var(--green); background: linear-gradient(195.99deg, #3BB3B8 -110.75%, #42E597 90.18%);}
.main-board_row:hover .main-board_category {border: 1px solid var(--white); background: var(--white); color: var(--green);}
.main-board_row:hover .main-board_date1,
.main-board_row:hover .main-board_date2,
.main-board_row:hover .main-board_title, 
.main-board_row:hover .main-board_text {color: var(--white);}
.main-board_row:hover .main-board_col2 {border-left: 1px solid var(--white);}

/* Sub - Location */
.sub-visual {position: relative; margin-top: 90px; height: clamp(200px, 30vw, 500px);}
.sub-visual_bg {position: absolute; top: 0; left: 0; width: calc(100% - 95px); height: 100%; object-fit: cover; border-radius: 0 0 400px 0; background-position: center; background-size: cover}
.sub-visual_bg.introduce {background-image: url('/source/img/sub1-vs.jpg');}
.sub-visual_bg.wood {background-image: url('/source/img/sub2-vs.jpg');}
.sub-visual_bg.waste {background-image: url('/source/img/sub3-vs.jpg');}
.sub-visual_bg.example {background-image: url('/source/img/sub4-vs.jpg');}
.sub-visual_bg.customer {background-image: url('/source/img/sub5-vs.jpg');}
.sub-visual_bg.inquiry {background-image: url('/source/img/sub6-vs.jpg');}
.sub-visual_wrap {position: relative; height: 100%; z-index: 1;}
.sub-visual_inner {height: 100%; display: flex; flex-direction: column; justify-content: flex-end; gap: 70px; padding-bottom: 45px;}
.sub-visual .sub-visual_title {font-size: 56px; font-weight: 700; color: var(--white);}
.sub-location {display: flex; align-items: center; color: var(--white);}
.sub-location > * {position: relative;}
.sub-location > *::after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 14px; background-color: rgba(255, 255, 255, .3);}
.sub-location_home {padding-right: 20px;}
.sub-location_home a {display: flex; align-items: center;}
.sub-location_page {position: relative;}
.sub-location_name {padding: 0 40px 0 20px; min-width: 190px; background: none; border: 0; color: var(--white); line-height: 1; background: url('/source/img/icon-down-wh.png') no-repeat center right 20px; text-align: left;}
.sub-location_list {display: none; position: absolute; top: calc(100% + 10px); left: 0; width: 100%; padding: 15px 20px; border-radius: 0 0 30px 0; background-color: rgba(0,0,0,0.95); /*background-color: rgba(37, 207, 126, .95);*/}
.sub-location_item a {display: block; padding: 4px 0; font-weight: 400; color: rgba(255,255,255,0.8); transition: .2s;}
.sub-location_item a:hover {color: var(--white);}

/* Sub - Common */
.sub-contents {padding-top: 95px;}
.sub-content:last-child {padding-bottom: 160px;}

.sub_title {margin-bottom: 80px; font-size: 48px; font-weight: 700; color: var(--black-1); line-height: 1.2;}
.sub_title2 {font-size: 43px; font-weight: 700; color: var(--gray-3);}
.sub_title2 span {font-weight: 300;}
.sub_title2 b {color: var(--green);}

.tab-ctrl {margin-bottom: 60px; padding-bottom: 12px; font-size: 0;}
.tab-ctrl_button {position: relative; display: inline-block; vertical-align: middle; min-width: 165px; height: 53px; line-height: 53px; padding: 0 30px; background: var(--white); border: 1px solid var(--gray-d); font-size: 18px; font-weight: 600; color: var(--gray-8); text-align: center;}
.tab-ctrl_button ~ .tab-ctrl_button {margin-left: -1px;}
.tab-ctrl_button::after {display: none; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); width: 0; height: 0; border-top: 12px solid var(--green); border-left: 7px solid transparent; border-right: 7px solid transparent; content: "";}
.tab-ctrl_button.active {background: var(--green); border: 1px solid var(--green); color: var(--white);}
.tab-ctrl_button.active::after {display: block;}
.tab-content {display: none;}
.tab-content:first-child {display: block;}

/* Sub - 회사소개 > 인사말 */
.greeting-overview {}
.greeting-overview_inner {display: flex; gap: 150px;}
.greeting-overview_left {padding-top: 70px;; width: 42.5%;}
.greeting-overview_right {width: calc(57.5% - 150px);}
.greeting-text {display: flex; flex-direction: column; gap: 40px; padding-bottom: 30px;}
.greeting-text_1 {max-width: 550px; font-size: 32px; color: var(--black-1); line-height: 1.3;}
.greeting-text_1 strong {color: var(--green);}
.greeting-text_2 p {font-size: 17px; font-weight: 400; color: var(--gray-6); line-height: 1.88;}
.greeting-text_2 b {font-weight: 600; color: var(--gray-3);}
.greeting-ceo {font-size: 18px; font-weight: 500; color: var(--gray-3);}
.greeting-ceo b {font-size: 20px;}

/* Sub - 회사소개 > 경영철학 */
.philosophy-overview {padding-top: 105px; padding-bottom: 109px; background: var(--white-4); text-align: center;}
.philosophy-overview_title {font-size: 36px; font-weight: 300; color: var(--gray-3);}
.philosophy-overview_title b {font-weight: 700;}
.philosophy-overview_box {display: flex; justify-content: center; gap: 20px; margin-top: 60px;}
.philosophy-overview_circle {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 390px; height: 390px; padding: 20px; border-radius: 50%; background: var(--white); border: 3px solid var(--green); box-shadow: 0 0 30px rgba(0,0,0,0.07);}
.philosophy-overview_icon {width: 95px; height: 90px; margin-bottom: 25px;}
.philosophy-overview_text1 {font-size: 28px; font-weight: 700; color: var(--black-0);}
.philosophy-overview_text2 {margin-top: 15px; font-size: 20px; font-weight: 400; color: var(--gray-6);}
.philosophy-guide {padding-top: 176px; overflow: hidden;}
.philosophy-guide_row {display: flex; align-items: center; flex-direction: row; position: relative; padding: 0 71px; gap: 73px;}
.philosophy-guide_row:not(:first-child) {margin-top: 110px;}
.philosophy-guide_row::before {position: absolute; width: 575px; height: 651px; background: url('/source/img/philosophy-symbol.png') no-repeat center center/contain; z-index: -1; content: "";}
.philosophy-guide_row > div {width: 50%;}
.philosophy-guide_content {}
.philosophy-guide_title {font-size: 40px; font-weight: 300; color: var(--black-1);}
.philosophy-guide_title span {position: relative; font-weight: 700;}
.philosophy-guide_title span::before {position: absolute; left: 0; bottom: 3px; width: 100%; height: 15px; background: rgba(38,207,126,0.3); z-index: -1; content: "";}
.philosophy-guide_text {margin-top: 30px; font-size: 18px; font-weight: 400; color: var(--gray-6); line-height: 1.65;}
.philosophy-guide_text b {font-weight: 600; color: var(--gray-3);}
.philosophy-guide_image {height: 0; padding-bottom: 31.2%; overflow: hidden; border-radius: 200px 0 0 0;}
.philosophy-guide_row1, .philosophy-guide_row3 {flex-direction: row-reverse;}
.philosophy-guide_row1::before {bottom: 70px; left: -340px;}
.philosophy-guide_row2::before {bottom: 30px; right: -270px; transform: scaleX(-1);}
.philosophy-guide_row3::before {bottom: -80px; left: -340px;}
.philosophy-guide_row2 .philosophy-guide_content {padding-left: 95px;}
.philosophy-guide_row2 .philosophy-guide_image {border-radius: 0 200px 0 0;}
.philosophy-info {padding-top: 220px; font-size: 0;}
.philosophy-info_head {display: inline-block; vertical-align: top; width: 277px;}
.philosophy-info_body {display: inline-block; vertical-align: top; width: calc(100% - 277px); border-top: 1px solid var(--gray-3);}
.philosophy-info_row {display: flex; align-items: center; padding: 30px 38px; border-bottom: 1px solid var(--gray-c);}
.philosophy-info_item {width: 50%;}
.philosophy-info_item.w-100 {width: 100%;}
.philosophy-info_col {display: inline-block; vertical-align: middle;}
.philosophy-info_title {width: 200px; font-size: 18px; font-weight: 600; color: var(--black-0);}
.philosophy-info_text {width: calc(100% - 200px); padding-left: 25px; font-size: 18px; font-weight: 300; color: var(--black-0);}

/* Sub - 회사소개 > 연혁 */
.history_slogan {font-size: 50px; font-weight: 200; color: var(--black-0); line-height: 1.2;}
.history_slogan b {font-weight: 700;}
.history_slogan span {color: var(--green);}
.history_wrap {display: flex; margin-top: 115px; gap: 200px;}
.history_box {}
.history_box1 {position: sticky; top: 160px; width: 47%; height: 0; padding-bottom: 31.5%; border-radius: 0 200px 0 0; overflow: hidden;}
.history_box1 img {width: 100%;}
.history_box2 {flex: 1; padding-right: calc((100% - 1600px) / 2); padding-top: 130px; overflow-y: auto;}
.history_list {position: relative;}
.history_progress {position: absolute; left: 6px; top: 20px; width: 1px; background: var(--gray-d);}
.history_progress .history_bar {position: absolute; left: 0; top: 0; width: 1px; /*min-height: 20px;*/ max-height: 100%; background: var(--green);}
.history_item {position: relative; padding-left: 110px; padding-bottom: 140px; padding-right: 30px;}
.history_item:last-child {padding-bottom: 0;}
.history_item::before {position: absolute; left: 0; top: 10px; width: 13px; height: 13px; border-radius: 50%; background: var(--gray-6); content:"";}
.history_year {font-size: 40px; font-weight: 700; color: var(--green); line-height: 1.1;}
.history_text1 {margin-top: 20px; font-size: 22px; font-weight: 500; color: var(--gray-3);}
.history_text2 {margin-top: 10px;}
.history_text2 p {font-size: 18px; font-weight: 300; color: var(--gray-6); line-height: 1.5;}
.history_text2 p ~ p {margin-top: 5px;}

/* Sub - 회사소개 > 장비/인증서 현황 */
.cert-photo {}
.cert-photo_list {display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 58px 42px;}
.cert-photo_item {width: calc((100% - 168px) / 5); text-align: center;}
.cert-photo_image {position: relative; width: 100%; height: 0; padding-bottom: 119%; border: 1px solid var(--gray-d); border-radius: 5px; overflow: hidden;}
.cert-photo_image img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%;}
.cert-photo_name {margin-top: 20px; font-size: 18px; font-weight: 500; color: var(--gray-3);}

/* Sub - 회사소개 > 찾아오는 길 */
.location_map {border-radius: 0 0 150px 0; overflow: hidden;}
.location_map .map_border, 
.location_map .wrap_controllers {display: none !important;}
.location_map iframe {width: 100%; height: 600px;}
.location_info {margin: 50px -33px -5px; font-size: 0; text-align: center;}
.location_text {position: relative; display: inline-block; vertical-align: middle; padding: 5px 33px;}
.location_text:not(:last-child)::after {position: absolute; right: 0; top: 50%; width: 1px; height: 18px; margin-top: -9px; background: var(--gray-d); content: "";}
.location_text b {margin-right: 24px; font-size: 22px; font-weight: 700; color: var(--black-1);}
.location_text i {display: inline-block; vertical-align: sub; width: 24px; height: 24px; margin-right: 12px; background-repeat: no-repeat; background-position: center center;}
.location_text i.address {background-image: url('/source/img/location-icon1.png');}
.location_text i.call {background-image: url('/source/img/location-icon2.png');}
.location_text i.fax {background-image: url('/source/img/location-icon3.png');}
.location_text span {font-size: 22px; font-weight: 300; color: var(--gray-3);}
.location_text.none {display: block;}
.location_text.none::after {display: none;}

/* Sub - 우드칩, 임목폐기물 */
.wood-overview {margin-top: 60px; padding-top: 95px; padding-bottom: 95px; background: var(--white-4); text-align: center;}
.wood-circle {display: inline-block; vertical-align: middle; text-align: center; font-size: 0;}
.wood-circle_item {position: relative; display: inline-block; vertical-align: top; padding: 0 20px;}
.wood-circle_inner {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 274px; height: 274px; border-radius: 50%; border: 1px solid var(--gray-3); background: var(--white); box-shadow: 0 0 30px rgba(0,0,0,0.05); gap: 15px; z-index: 1;}
.wood-circle_image {}
.wood-circle_image img {}
.wood-circle_text {font-size: 18px; font-weight: 600; color: var(--gray-3);}
.wood-circle_desc {position: absolute; left: 50%; top: calc(100% + 35px); transform: translateX(-50%); width: 100%; font-size: 18px; font-weight: 400; color: var(--gray-6); line-height: 1.6; letter-spacing: -1px;}

.wood-circle.white {padding: 20px 0; background: var(--white); border-radius: 999px;}
.wood-circle.step2 {display: flex; align-items: center; justify-content: center; gap: 165px;}
.wood-circle.step2 .wood-circle_item {padding: 0;}
.wood-circle.step2 .wood-circle_item.set {position: relative; display: flex; gap: 28px;}
.wood-circle.step2 .wood-circle_item.set::before {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100px; height: 1px; border-top: 1px dashed var(--gray-6); content: "";}
.wood-circle.step2 .wood-circle_item.set::after {position: absolute; left: calc(100% + 30px); top: 50%; transform: translateY(-50%); width: 109px; height: 9px; background: url('/source/img/wood-arrow.png') no-repeat center right / cover; content: "";}
.wood-circle.step4 .wood-circle_item {max-width: calc((100% - 165px) / 4);}
.wood-circle.step4 .wood-circle_item:not(:first-child) {margin-left: 55px;}
.wood-circle.step4 .wood-circle_item:not(:first-child)::before {position: absolute; left: -60px; top: 50%; transform: translateY(-50%); width: 60px; height: 9px; background: url('/source/img/wood-arrow.png') no-repeat center right / cover; content: "";}
.wood-circle.step4 .wood-circle_inner {margin: 0 auto;}
.wood-circle.connect .wood-circle_item:not(:first-child) {margin-left: 30px;}
.wood-circle.connect .wood-circle_item:not(:first-child)::before {position: absolute; left: -70px; top: 50%; transform: translateY(-50%); width: 100px; height: 1px; border-top: 1px dashed var(--gray-6); content: "";}

.wood-circle_set {display: flex; align-items: center; padding: 34px 45px; border-radius: 999px; background: var(--white); border: 1px dashed var(--gray-6); z-index: 1;}
.wood-circle_set .wood-circle_inner {width: 225px; height: 225px; margin-right: -11px; background: transparent; box-shadow: none;}
.wood-circle_set .wood-circle_inner:last-child {margin-left: -11px;}
.wood-circle_set .wood-circle_text {font-size: 24px; font-weight: 700;}
.wood-circle_inner.green {border: 1px solid var(--green);}
.wood-circle_inner.green .wood-circle_text {font-size: 28px; font-weight: 700; color: var(--green);}

.wood-effect {padding: 120px 0 80px;}
.wood-effect_list {display: flex; flex-wrap: wrap; align-items: stretch; margin-top: 50px;}
.wood-effect_item {display: flex; align-items: center; width: 50%; padding: 80px 70px 80px 110px;}
.wood-effect_item:nth-child(2n-1) {border-right: 1px solid var(--gray-d);}
.wood-effect_item:not(:nth-last-child(-n+2)) {border-bottom: 1px solid var(--gray-d);}
.wood-effect_head {width: 88px; text-align: center;}
.wood-effect_body {display: flex; flex-wrap: wrap; flex-direction: column; align-items: start; width: calc(100% - 88px); padding-left: 40px;}
.wood-effect_title {width: 100%; font-size: 28px; font-weight: 700; color: var(--gray-3);}
.wood-effect_text {width: 100%; margin-top: 10px;}
.wood-effect_text p {font-size: 18px; font-weight: 400; color: var(--gray-6); line-height: 1.55;}

.wood-effect_list1 .wood-effect_body {flex-direction: row; align-items: center;}
.wood-effect_list1 .wood-effect_title {width: 40%;}
.wood-effect_list1 .wood-effect_text {width: 60%; margin-top: 0;}

.wood-function {padding: 100px 0; background: var(--white-4);}
.wood-function_list {display: flex; flex-wrap: wrap; margin-top: 53px; gap: 22px;}
.wood-function_item {width: calc(25% - 16.5px); padding: 68px 20px 70px; text-align: center; border-radius: 10px; background: var(--white); box-shadow: 0 0 20px rgba(0,0,0,0.07);}
.wood-function_head {display: flex; align-items: center; justify-content: center; height: 79px;}
.wood-function_body {margin-top: 15px;}
.wood-function_title {font-size: 30px; font-weight: 700; color: var(--gray-3);}
.wood-function_text {margin-top: 10px;}
.wood-function_text p {font-size: 18px; font-weight: 400; color: var(--gray-6); line-height: 1.55;}

.wood-introduction {padding-top: 100px;}
.wood-product {margin-top: 100px; font-size: 0;}
.wood-product > div {display: inline-block; vertical-align: top;}
.wood-image {width: 57%; padding-right: 60px; text-align: center;}
.wood-image.i-col-3 {padding-right: 30px;}
.wood-image_item {display: inline-block; vertical-align: middle; max-width: 50%; text-align: center;}
.wood-image_view {max-width: 100%; margin-bottom: 20px;}
.wood-image_name {display: inline-block; padding: 5px 25px; font-size: 22px; font-weight: 700; color: var(--green); border: 1px solid var(--green); border-radius: 30px;}
.wood-view {width: 43%; font-size: 16px;}
.wood-view_list {border-top: 1px solid var(--gray-6);}
.wood-view_item:not(:last-child) {border-bottom: 1px solid var(--gray-d);}
.wood-view_title {position: relative; padding: 28px 85px 26px 54px; font-size: 32px; font-weight: 600; color: var(--gray-c); background: url('/source/img/icon-plus.png') no-repeat center right 45px; cursor: pointer;}
.wood-view_inner {display: none; padding: 30px 54px; border-top: 1px solid var(--gray-d); background: var(--white-4);}
.wood-view_item:first-child .wood-view_inner {display: block;}
.wood-view_text {font-size: 18px; font-weight: 300; color: var(--gray-3);}
.wood-view_text ~ .wood-view_text {margin-top: 8px;}

.wood-view_item.active .wood-view_title {color: var(--gray-3); background: url('/source/img/icon-minus.png') no-repeat center right 45px;}

.wood-information {margin-top: 110px;}
.wood-information_title {font-size: 26px; font-weight: 600; color: var(--gray-3);}
.wood-information_wrap {margin-top: 35px;}
.wood-information_table {width: 100%; border-top: 1px solid var(--gray-6); border-bottom: 1px solid var(--gray-6);}
.wood-information_table th {width: 25%; height: 87px; padding: 20px; font-size: 22px; font-weight: 600; color: var(--gray-3); background: var(--white-4);}
.wood-information_table td {padding: 30px;}
.wood-information_table th:not(:last-child),
.wood-information_table td:not(:last-child) {border-right: 1px solid var(--gray-d);}
.wood-information_table td p {position: relative; padding-left: 22px; font-size: 17px; font-weight: 300; color: var(--gray-6);}
.wood-information_table td p::before {position: absolute; left: 0; top: 10px; width: 4px; height: 4px; border-radius: 50%; background: var(--green); content: "";}
.wood-information_table td p ~ p {margin-top: 5px;}

.wood-data {display: flex; align-items: start; justify-content: center; width: 84%; margin: 0 auto; padding-top: 140px; gap: 78px;}
.wood-data_item {max-width: 50%; margin: 0 auto; text-align: center;}
.wood-data_item.wood-data_item30 {max-width: 30%;}
.wood-data_name {display: inline-block; vertical-align: middle; padding: 11px 25px 10px; font-size: 18px; font-weight: 500; color: var(--gray-6); background: var(--gray-e); border-radius: 50px;}
.wood-data_view {margin-top: 28px;}
.wood-data_view img {border: 1px solid #888;}

.wood-manage {padding-top: 150px;}
.wood-manage_list {display: flex; flex-wrap: wrap; margin-top: 55px; gap: 20px;}
.wood-manage_item {position: relative; width: calc((100% - 20px) / 2); padding-top: 14.5%;}
.wood-manage_head {position: absolute; left: 0; top: 0; height: 0; padding-bottom: 30%; overflow: hidden;}
.wood-manage_body {height: 100%; padding: 30px 65px; border: 1px solid var(--gray-d); border-top: none;}
.wood-manage_title {font-size: 24px; font-weight: 700; color: var(--gray-3);}
.wood-manage_text {margin-top: 15px;}
.wood-manage_text p {font-size: 18px; font-weight: 400; color: var(--gray-6);}
.wood-manage_text p ~ p {margin-top: 5px;}

.wood-diagram {padding-top: 150px;}
.wood-diagram_wrap {display: flex; align-items: start; margin-top: 55px;}
.wood-diagram_list {display: flex; flex-wrap: wrap; width: 68%; gap: 17px; padding: 44px 50px; border-radius: 20px; border: 1px solid var(--gray-d);}
.wood-diagram_item {width: calc((100% - 51px) / 4); border-radius: 5px; border: 1px solid var(--gray-d);}
.wood-diagram_name {padding: 10px; font-size: 17px; font-weight: 500; color: var(--gray-6); text-align: center; background: var(--white-4);}
.wood-diagram_image {display: flex; align-items: center; justify-content: center; height: 175px; padding: 20px; text-align: center;}
.wood-diagram_image img {max-height: 100%;}
.wood-diagram_table {width: 32%; padding-left: 35px;}
.wood-diagram_head {display: flex; align-items: end; justify-content: space-between;}
.wood-diagram_title {font-size: 22px; font-weight: 600; color: var(--gray-6);}
.wood-diagram_unit {font-size: 17px; font-weight: 300; color: var(--gray-8);}
.wood-diagram_body {margin-top: 13px;}
.wood-diagram_body table {width: 100%; font-size: 18px; color: var(--gray-6); border-top: 1px solid var(--black-0); text-align: center;}
.wood-diagram_body table tr {border-bottom: 1px solid var(--gray-d);}
.wood-diagram_body table th {width: 50%; height: 60px; padding: 10px; font-weight: 400; background: var(--white-4);}
.wood-diagram_body table td {height: 60px; padding: 10px;}
.wood-diagram_body table th:not(:last-child),
.wood-diagram_body table td:not(:last-child) {border-right: 1px solid var(--gray-d);}

/* Sub - 우드칩 > 혼합유기질비료 */
#fertilizer .wood-overview {padding-bottom: 130px;}

/* Sub - 임목폐기물 */
#timber .wood-overview {padding-bottom: 200px;}
#timber .wood-manage {padding-top: 105px;}
#timber .wood-manage_list {margin-top: 0;}

/* Sub - 우드칩 > 컬러소개 */
.color-view {display: flex; align-items: center; justify-content: center; position: relative; width: 100%; height: 485px; background: var(--white-3); border: 1px solid var(--white-3); border-radius: 5px;}
.color-view_box {position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 96px; height: 87px; border-radius: 5px; transition: 0.3s;}
.color-view_box[data-view='red'] {background: #C42A12;}
.color-view_box[data-view='yellow'] {background: #C88D0D;}
.color-view_box[data-view='blue'] {background: #00439A;}
.color-view_box[data-view='green'] {background: #5FB42F;}
.color-view_box p {font-size: 18px; font-weight: 600; color: var(--white);}
.color-view_image {max-width: 90%; max-height: 80%;}
.color-view_description {position: absolute; right: 20px; bottom: 15px; max-width: 100%; font-size: 18px; font-weight: 300; color: var(--gray-6);}
.color-view_description span {color: var(--green);}
.color-ctrl {display: flex; align-items: start; justify-content: space-between; margin-top: 55px;}
.color-ctrl_button {width: calc((100% - 96px) / 4); padding: 13px 43px; font-size: 22px; font-weight: 700; text-align: left; line-height: 1.55; border: 3px solid var(--white-2); background: var(--white); border-radius: 5px; transition: 0.3s;}
.color-ctrl_button[data-color='red'] {color: #C42A12;}
.color-ctrl_button[data-color='yellow'] {color: #C88D0D;}
.color-ctrl_button[data-color='blue'] {color: #00439A;}
.color-ctrl_button[data-color='green'] {color: #5FB42F;}
.color-ctrl_button.active {color: var(--white);}
.color-ctrl_button.active[data-color='red'] {background: #C42A12; border: 3px solid #C42A12;}
.color-ctrl_button.active[data-color='yellow'] {background: #C88D0D; border: 3px solid #C88D0D;}
.color-ctrl_button.active[data-color='blue'] {background: #00439A; border: 3px solid #00439A;}
.color-ctrl_button.active[data-color='green'] {background: #5FB42F; border: 3px solid #5FB42F;}
.color-ctrl_kr {display: block;}
.color-ctrl_en {display: block;}

/* Sub - 임목폐기물 > 장비/인증 현황 */
.cert-equipment {background: url('/source/img/cert-bg.png') no-repeat center center/cover;}
.cert-equipment_bwrap {display: flex; align-items: stretch;}
.cert-equipment_left {width: 50%; padding-right: 10px;}
.cert-equipment_right {width: 50%; padding-left: 10px;}
.cert-equipment_list {display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; height: 100%; gap: 36px;}
.cert-equipment_item {width: calc((100% - 36px) / 2); height: calc((100% - 36px) / 2);padding: 55px 44px 30px; border-radius: 8px; box-shadow: 0 0 20px rgba(0,0,0,0.07); background: var(--white);}
.cert-equipment_head {padding-bottom: 25px; text-align: center;}
.cert-equipment_icon {height: 43px;}
.cert-equipment_icon img {max-height: 100%;}
.cert-equipment_name {margin-top: 20px; font-size: 22px; font-weight: 600; color: var(--gray-3);}
.cert-equipment_body {padding: 30px 10px 0; border-top: 1px dashed var(--gray-c);}
.cert-equipment_text {position: relative; padding-left: 20px; font-size: 18px; font-weight: 300; color: var(--gray-6);}
.cert-equipment_text ~ .cert-equipment_text {margin-top: 17px;}
.cert-equipment_text::before {position: absolute; left: 0; top: 8px; width: 11px; height: 9px; background: url('/source/img/icon-check.png') no-repeat center center; content: "";}

.cert-equipment_right_box {border-radius: 8px; background-color: #fff; border: 1px solid #ddd; overflow: hidden; position: relative;}
.cert-equipment_right_box .img-box {position: relative; height: 0; padding-bottom: 110.701%; overflow: hidden;}
.cert-equipment_right_box .img-box img {position: absolute; top: -2.5%; left: 50%; transform: translateX(-50%); max-width: 660px; max-height: 100%;}
.cert-equipment_right_box .text-box {position: absolute; bottom: 0; left: 0; width: 100%; background-color: #F9F9F9; text-align: center; padding: 12.5px 0;}
.cert-equipment_right_box .text-box .txt {font-weight: 500; font-size: 18px; color: #333;}

/* 20240816 팝업 관련 */
#hd_pop {width: 100%; margin-top: 90px; z-index: 50;}

/* 20240816 게시판(공통) 관련 */
.btn_cke_sc {line-height: 1.5em;}
#bo_w .write_div.bo_w_link {display: none;}