/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.9.1785829767
Updated: 2026-08-04 07:49:27

*/

/* visualCon */
.main-visual-con {position: relative;}
.main-vis-top-layer {position: absolute; width: 100%; text-align: center; z-index: 5; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center;}
.main-vis-top-layer .vis-title {margin-bottom:8rem; font-size: 5rem; color: #fff; font-weight: 400; letter-spacing: -0.12rem; line-height: 1.6; font-family: 'Suit';}
.main-vis-top-layer .vis-title b {font-size: 5rem; color: #fff; font-family: 'Suit';}

.main-vis-top-layer .vis-slide-nav {display: flex; gap: 8px; justify-content: center;}
.main-vis-top-layer .vis-slide-nav * {transition: var(--trans);}
.main-vis-top-layer .vis-slide-nav .slide-btn .num {opacity: 0; font-size: 2rem; color: #fff; font-weight: 600;}
.main-vis-top-layer .vis-slide-nav .slide-btn .bar {opacity: .5; display: block; margin-top: 1.5rem; width: 8rem; height: 4px; background-color: #fff;}
.main-vis-top-layer .vis-slide-nav .slide-btn:hover .bar,
.main-vis-top-layer .vis-slide-nav .slide-btn.active .num,
.main-vis-top-layer .vis-slide-nav .slide-btn.active .bar {opacity: 1;}

.main-vis-top-layer .vis-scroll {position: absolute; bottom: -80%; animation: scrollMove 2.5s ease-in-out infinite;}
@keyframes scrollMove 
{0%,100% {transform: translateY(0);} 50% {transform: translateY(2rem);}}

.vis-slide-arrow {position: absolute; z-index: 5; width: 100%; top: 50%; left: 0; display: flex; justify-content: space-between; transition: var(--trans);}
.vis-slide-arrow .vis-arrow {display: flex; align-items: center; gap: 1rem; font-size: 1.6rem; font-weight: 300; color: #fff;}
.vis-slide-arrow .vis-arrow .bar {width: 10rem; display: inline-block; height: 1px; background: #fff;}
.vis-slide-arrow .vis-arrow.prev {flex-direction: row-reverse;}
.vis-slide-arrow .vis-arrow:hover {opacity: 0.5;}

/* quickCon */
.main-quick-con {padding: 8rem 0;}
.main-quick-con .quick-row {display: flex; justify-content: space-between; align-items: center;}
.main-quick-con .quick-row .main-title {font-size: 4rem;}

.main-quick-con .quick-row .quick-list {display: flex; gap: 3rem;}
.main-quick-con .quick-row .quick-list .quick-item {flex: 1;}
.main-quick-con .quick-row .quick-list .quick-item * {transition: var(--trans);}
.main-quick-con .quick-row .quick-list .quick-item a {width: 18rem; height: 15rem; display: flex; flex-direction: column; gap: 2rem; border-radius: 2rem; justify-content: center; align-items: center;}
.main-quick-con .quick-row .quick-list .quick-item a .quick-icon {width: 6rem; height: 6rem; border-radius: 2rem; background: var(--bg-color) no-repeat center;}
.main-quick-con .quick-row .quick-list .quick-item a .quick-name{font-size: 2rem; font-weight: 600; letter-spacing: -0.08rem; color: #000;}
.main-quick-con .quick-row .quick-list .quick-item a:hover {background-color: var(--main-color);}
.main-quick-con .quick-row .quick-list .quick-item a:hover .quick-icon {background-color: #fff;}
.main-quick-con .quick-row .quick-list .quick-item a:hover .quick-name {color: #fff;}

/* galleryCon */
.main-gallery-con {position: relative; padding: 8rem 0; background-color: #f7f7f7; overflow: hidden;}
.main-gallery-con::before {content: ""; position: absolute; top: -50%; left: 0; width: 1971px; height: 879px; background: url(/wp-content/uploads/2026/08/m-gallery-sec-bg.png) no-repeat center; pointer-events: none;}

/* 추출 */
#kboard-default-latest .main-gallery-swiper {overflow: visible;}  
#kboard-default-latest .main-gallery-swiper .kboard-list-item {background-color: #ddd; width: 52rem; height: 34rem;}
#kboard-default-latest .main-gallery-swiper .kboard-list-thumbnail-child {width: 100%; height: 34rem; background-size: cover; background-position: center;}  
#kboard-default-latest .gal-control-wrap .gal-control {margin-top: 6rem; display: flex; justify-content: space-between; align-items: center; gap: 4rem; }  
#kboard-default-latest .gal-control-wrap .gal-control .gal-progress { flex: 1; height: 3px; background: #ddd; overflow: hidden; }  
#kboard-default-latest .gal-control-wrap .gal-control .gal-progress .gal-progress-bar { display: block; width: 0; height: 100%; background: var(--main-color); transition: .5s; }  
#kboard-default-latest .gal-control-wrap .gal-control .arrow-wrap { display: flex; align-items: center; gap: 2.5rem; }  
#kboard-default-latest .gal-control-wrap .gal-control .arrow-wrap * { font-size: 2rem; font-weight: 700; color: #000;} 
#kboard-default-latest .gal-control-wrap .gal-control .arrow-wrap .arrow {cursor: pointer; transition: var(--trans);}
#kboard-default-latest .gal-control-wrap .gal-control .arrow-wrap .arrow:hover {opacity: 0.5;}

/* informationCon */
.main-information-con {padding: 8rem 0;}
.main-info-list .info-menu {display: flex; flex-flow: wrap; gap: 1.5rem;}
.main-info-list .info-menu .info-item {position: relative; background-color: #ddd; overflow: hidden;}
.main-info-list .info-menu .info-item::before {opacity: 0; content: ""; transform: translateY(10rem); position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, #13118b, #13118b00); transition: var(--trans); z-index: 1; pointer-events: none;}
.main-info-list .info-menu .info-item:hover:before {opacity: 1; transform: translateY(0);}

.main-info-list .info-menu .info-item * {transition: var(--trans); position: relative; z-index: 2;}
.main-info-list .info-menu .info-item a {padding: 3rem; display: flex; align-items: flex-end; height: 100%;}
.main-info-list .info-menu .info-item .info-item-text {width: 100%; display: flex; justify-content: space-between; align-items: center;}
.main-info-list .info-menu .info-item .info-item-text .info-item-name {font-size: 3.2rem; font-weight: 600; color: #fff; letter-spacing: -0.08rem;}
.main-info-list .info-menu .info-item .info-item-text .info-item-arrow {width: 3.6rem; height: 3.6rem; background-color: #ffffff60; border-radius: 50%; display: flex; align-items: center; justify-content: center}
.main-info-list .info-menu .info-item .info-item-text .info-item-arrow i {font-size: 2.5rem; color: #fff;}

.main-info-list .info-menu .info-item.w30 {width: calc((100% - 3rem) / 3); height: 400px; background: no-repeat center / cover;}
.main-info-list .info-menu .info-item.w30:nth-of-type(1) {background-image: url(/wp-content/uploads/2026/08/m-info-btn01.jpg);}
.main-info-list .info-menu .info-item.w30:nth-of-type(2) {background-image: url(/wp-content/uploads/2026/08/m-info-btn02.jpg);}
.main-info-list .info-menu .info-item.w30:nth-of-type(3) {background-image: url(/wp-content/uploads/2026/08/m-info-btn03.jpg);}

.main-info-list .info-menu .info-item.w50 {width: calc((100% - 1.5rem) / 2);}
.main-info-list .info-menu .info-item.w50:nth-of-type(4) {background-color: var(--sub-color);}
.main-info-list .info-menu .info-item.w50:nth-of-type(5) {background-color: var(--main-color);}
.main-info-list .info-menu .info-item.w50 a {padding: 4rem 3rem;}
.main-info-list .info-menu .info-item.w50 .info-item-name {font-size: 2.8rem;}

.main-info-list .info-menu .info-item:hover .info-item-text .info-item-arrow {background-color: #fff;}
.main-info-list .info-menu .info-item:hover .info-item-text .info-item-arrow i {color: #444;}

/* *********
sub
***********/

/* ceo인사말 */
.introduce-con .ceo-top {margin-bottom: 10rem; text-align: center;}
.introduce-con .ceo-top .title {font-size: 5.2rem; line-height: 1.4; font-weight: 700; letter-spacing: -0.08rem; color: var(--main-color);}
.introduce-con .ceo-content {display: flex; align-items: flex-start; gap: 8rem;}
.introduce-con .ceo-photo {width: 42%;}
.introduce-con .photo-wrap {overflow: hidden; border-radius: 2rem;}
.introduce-con .photo-wrap img {width: 100%; display: block;}
.introduce-con .ceo-txt {flex: 1;}
.introduce-con .ceo-txt p {margin-bottom: 2rem; color: #555; font-size: 2rem; letter-spacing: -0.08rem; line-height: 1.6;}
.introduce-con .ceo-txt p:first-child {color: #111; font-size: 3.2rem; font-weight: 600; line-height: 1.6; letter-spacing: -0.06rem;}
.introduce-con .ceo-sign {margin-top: 4rem; padding-top: 2rem; border-top: 1px solid #ddd; text-align: right;}
.introduce-con .ceo-sign span {font-size: 2.6rem; font-weight: 700;}
 
/* 조직도 */
.organ-con {width: 100%; text-align: center;}

/* 찾아오시는길 */
.location-address {margin: 4rem 0;font-size: 2.8rem;font-weight: 600;color: #373847;letter-spacing: -0.08rem; text-align: center;}
.location-link {display: flex;gap: 1rem;}
.location-link li {flex: 1;}
.location-link li a {padding: 2rem; display: inline-flex; align-items: center; font-weight: 700; font-size: 2rem; letter-spacing: -0.08rem; border: 1px solid #e1e1e1; border-radius: 3rem; transition: 0.3s; width: 100%; justify-content: center;}
.location-link li a .icon {margin-right: 1rem;margin-top: 3px;width: 2rem;height: 2rem;background: url('/wp-content/uploads/2026/08/sub-map-naver.png') no-repeat center / contain;}
.location-link li a.link-kakao .icon {background-image: url('/wp-content/uploads/2026/08/sub-map-kakao.png');}
.location-link li a.link-google .icon {background-image: url('/wp-content/uploads/2026/08/sub-map-goole.png');}
.location-link li a:hover {color: #fff;background-color: #373847;}
.map-wrap .root_daum_roughmap {width: 100% !important; border-radius: 3rem; overflow: hidden;}
.map-wrap .root_daum_roughmap .cont,.map-wrap .root_daum_roughmap .map_border {display: none;}

/* 회사비전 */
.vision-list { display: flex; gap: 2rem; }  
.vision-list .vision-item {display: flex; flex-direction: column; align-items: center; text-align: center; flex: 1; position: relative; padding: 5rem 4rem;  border: 1px solid #ddd; border-bottom: 1rem solid var(--main-color); border-radius: 1rem; background: #fff; transition: all 0.4s; }  
.vision-list .vision-item .vision-icon {display: flex; align-items: center; justify-content: center; width: 12rem; height: 12rem; margin-bottom: 2rem; border-radius: 50%; background: #eef0f7; transition: all 0.4s ease;}
.vision-list .vision-item .vision-icon i {font-size: 5rem; color: var(--main-color); transition: all 0.4s ease; }  
.vision-list .vision-item .item-title {position: relative; margin-bottom: 2rem; padding-bottom: 2rem; font-size: 2.4rem; font-weight: 700; line-height: 1.4; letter-spacing: -0.04em; transition: all 0.4s ease; }  
.vision-list .vision-item .item-title::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 3.5rem; height: 2px; background: var(--main-color); transition: all 0.4s ease; }  
.vision-list .vision-item .item-detail { font-size: 1.7rem; line-height: 1.6; color: #777;transition: all 0.4s ease; }  
/* .vision-list .vision-item:hover { transform: translateY(-1.5rem); box-shadow: 0 25px 50px rgba(20, 50, 35, 0.2); }  
.vision-list .vision-item:hover .vision-icon { background: var(--main-color); transform: rotateY(180deg); }  
.vision-list .vision-item:hover .vision-icon i { color: #fff; }   */

/* 연혁 */
.history-con .history-row {display: flex; justify-content: space-between;}
.history-con .history-row .his-left {position: relative;}
.history-con .history-row .his-left::before {content: ""; position: absolute; bottom: 0; left: 0; width: 30rem; height: 25rem; background: url('/wp-content/uploads/2026/08/sub-his-buid-icon.png') no-repeat center / contain;}
.history-con .history-row .his-left .his-title {margin-bottom: 3rem; font-size: 3.8rem; color: var(--main-color); font-weight: 700; letter-spacing: -0.06rem; }
.history-con .history-row .his-left .his-detail {font-size: 1.8rem; color: #5b5b5b; font-weight: 400; line-height: 1.6; letter-spacing: -0.06rem;}

.history-con .history-row .his-right {position: relative; width: 50%; max-height: 50rem; padding-left: 1rem; overflow-y: scroll;}
.history-con .history-row .his-right::before {display: block; content: ""; width: 1px; height: 200%; background: #ddd; position: absolute; top: -50%; left: 1rem; z-index: 1;}
.history-con .history-row .his-right .history-list {display: flex; flex-direction: column; gap: 3rem }
.history-con .history-row .his-right .history-list .history-item {position: relative; padding-left: 5rem; display: flex; flex-direction: column; gap: 1rem;}
.history-con .history-row .his-right .history-list .history-item::before {display: block; content: ""; width: 1rem; height: 1rem; background: #ddd; border-radius: 100%; position: absolute; top: 6%; left: -5px; z-index: 1;}
.history-con .history-row .his-right .history-list .history-item .num {min-width: 7rem; color: var(--sub-color); font-size: 2.4rem; font-weight: 600; letter-spacing: -0.04rem;}
.history-con .history-row .his-right .history-list .history-item .txt {margin: 0.5rem 0;}
.history-con .history-row .his-right .history-list .history-item .txt .dot {display: flex; gap: 1rem; margin-bottom: 1rem; color: #334155; font-size: 1.7rem; font-weight: 400; line-height: 1.4; letter-spacing: -0.06rem;}
.history-con .history-row .his-right .history-list .history-item .txt .dot::before {content: ""; display: inline-block; margin-top: 1.1rem; width: 4px; height: 4px; background: #a1a1a1; border-radius: 50%;}
.history-con .history-row .his-right .history-list .history-item .txt .dot .month {line-height: 1.4;}

/* 지속가능경영 */
.esg-con {position: relative; padding: 12rem 0; overflow: hidden;}
.esg-con .esg-row .esg-left .esg-list {margin-top: 5rem; display: flex; flex-direction: column; gap: 4rem;}
.esg-con .esg-row .esg-left .esg-list .esg-item {position: relative; padding-left: 2rem; display: flex; gap: 2rem; align-items: flex-start;}
.esg-con .esg-row .esg-left .esg-list .esg-item::before {content: ""; position: absolute; top: 1rem; left: 0; width: 0.7rem; height: 0.7rem; background-color: var(--sub-color); border-radius: 50%;}
.esg-con .esg-row .esg-left .esg-list .esg-item .dot {margin-top: 1rem; flex: 0 0 .8rem; width: .8rem; height: .8rem;border-radius: 50%; background: var(--main-color);}
.esg-con .esg-row .esg-left .esg-list .esg-item .txt .title {display: block; margin-bottom: 1rem; color: #111; font-size: 2.4rem;}
.esg-con .esg-row .esg-left .esg-list .esg-item .txt .detail {color: #666; font-size: 1.7rem; line-height: 1.6;}
.esg-con .esg-row .esg-right {position: absolute; top: 0; left: 50%; width: 50%; height: 100%; overflow: hidden;}
.esg-con .esg-row .esg-right .esg-bg {position: absolute; inset: -10%; background: right no-repeat;}

.esg-con.esg {background-color: #f4f9f2;}
.esg-con.esg .main-category {color: #2ea100;}
.esg-con.esg .esg-row .esg-left .esg-list .esg-item::before {background-color: #2ea100;}
.esg-con.esg .esg-row .esg-right .esg-bg {background-image: url("/wp-content/uploads/2026/08/sub-esg-esg.jpg");}

.esg-con.ethic {background-color: var(--bg-color);}
.esg-con.ethic .esg-row .esg-right .esg-bg {background-image: url("/wp-content/uploads/2026/08/sub-esg-ethic.jpg");}

.esg-con.safety {background-color: #fffbf3;}
.esg-con.safety .main-category {color: #ff7d2e;}
.esg-con.safety .esg-row .esg-left .esg-list .esg-item::before {background-color: #ff7d2e;}
.esg-con.safety .esg-row .esg-right .esg-bg {background-image: url("/wp-content/uploads/2026/08/sub-esg-safety.jpg");}

.esg-con.eco {background-color: #f4f9f2;}
.esg-con.eco .main-category {color: #2ea100;}
.esg-con.eco .esg-row .esg-left .esg-list .esg-item::before {background-color: #2ea100;}
.esg-con.eco .esg-row .esg-right .esg-bg {background-image: url("/wp-content/uploads/2026/08/sub-esg-ceo.jpg");}