/*
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.6.1772518491
Updated: 2026-03-03 06:14:51

*/


/********************************************
 * 풀페이지 네비게이션
********************************************/
#fp-nav.left 
{background:rgba(0,0,0,0.5); border-radius:50px; left: 16rem !important; top:auto; bottom:6rem; padding:1.5rem 0; transition:opacity 0.9s ease; opacity:1;} 
#fp-nav.left > ul 
{display:flex; align-items:center; padding:0 2rem;}
#fp-nav.left > ul > li
{width:6px; height:6px; margin:0 0.5rem; display: flex; align-items: center;}
#fp-nav.left > ul > li > a 
{display:flex; align-items:center;}
#fp-nav.left > ul > li > a > span 
{position:relative; display:inline-block; width:6px; height:6px; background:#ffffff40; border-radius:50%; border:none;  margin: 0; left: 0; top: 0;}

/* 툴팁 */
#fp-nav.left > ul > li > .fp-tooltip 
{font-size: 1.8rem; color: #fff; font-weight: 400; font-family: "Pretendard"; position: relative; overflow: visible; width: auto; left:0; top:0; margin-left:10px;  display:none;} 

/* 첫 섹션 DOTS 커스텀 */
#fp-nav.left > ul > li:first-child
{width:20px !important; height:18px !important; }
#fp-nav.left > ul > li:first-child > a > span
{background-image:url('/wp-content/uploads/2026/03/symbol-dots.png') !important; width:20px !important; height:18px !important; display:inline-block;  background-color:transparent !important; border:none !important; opacity:0.3}

/* 영역 액티브 */
#fp-nav.left > ul > li.active
{width:auto; margin:0 2rem;}
#fp-nav.left.active > ul > li > a > span 
{border-color: #9d9d9d !important; } 
#fp-nav.left > ul > li:first-child.active
{width:auto !important}
#fp-nav.left > ul > li > a.active > span
{ background: #fff; width: 6px; height: 6px; margin: 0; left: 0; top: 0; }
#fp-nav.left > ul > li:first-child.active 
{margin:0 2rem 0 0}
#fp-nav.left > ul > li:first-child.active span 
{opacity:1;}

/* 특정 영역 위치 조정 */
#fp-nav.move 
{bottom:35rem;}

/* 네비 온오프 */
#fp-nav.unActive 
{transition:all 0s ease; opacity:0; visibility:hidden;}

/* 호버 이펙트 */
#fp-nav ul li:hover .fp-tooltip
{opacity:0 !important;}
#fp-nav.fp-show-active a.active + .fp-tooltip
{opacity:0; left:0; display:block;}
#fp-nav.left > ul > li:hover > a > span,
#fp-nav.left > ul > li:hover > a.active > span 
{ background: #fff; width: 6px; height: 6px; margin: 0; left: 0; top: 0; }


/********************************************
 * 풀페이지 애니메이션
********************************************/
html .post-2 .section [data-scroll^="fade"],
html .post-3168 .section [data-scroll^="fade"]
{transform: translate3d(0, 30px, 0); -webkit-transform: translate3d(0, 30px, 0); opacity: 0; transition: all 0.9s ease; } 
html .post-2 .section.active [data-scroll="fade-up"],
html .post-3168 .section.active [data-scroll="fade-up"]
{opacity: 1; transform: none; -webkit-transform: none;}
html .post-2 .section.active [data-delay="0.2s"],
html .post-3168 .section.active [data-delay="0.2s"]
{ transition-delay:0.2s}
html .post-2 .section.active [data-delay="0.3s"],
html .post-3168 .section.active [data-delay="0.3s"]
{ transition-delay:0.3s}
html .post-2 .section.active [data-delay="0.4s"],
html .post-3168 .section.active [data-delay="0.4s"]
{ transition-delay:0.4s}
html .post-2 .section.active [data-delay="0.6s"],
html .post-3168 .section.active [data-delay="0.6s"]
{ transition-delay:0.6s}
html .post-2 .section.active [data-delay="0.8s"],
html .post-3168 .section.active [data-delay="0.8s"]
{ transition-delay:0.8s}
html .post-2 .section.active [data-delay="1s"] ,
html .post-3168 .section.active [data-delay="1s"] 
{transition-delay:1s}
html .post-2 .section.active [data-delay="1.2s"],
html .post-3168 .section.active [data-delay="1.2s"]
{ transition-delay:1.2s}
html .post-2 .section.active [data-delay="1.4s"],
html .post-3168 .section.active [data-delay="1.4s"]
{ transition-delay:1.4s}




/**************************************************
* MAIN VISUAL
* 메인 비주얼 공통 세팅
****************************************************/

.section.section-wrap .fp-tableCell .elementor-element
{height:calc(100% - var(--header-height)); margin-top:var(--header-height);}
.section .fp-tableCell .elementor-element,
.section .fp-tableCell .elementor-element .elementor-widget-container 
{ height: 100%; }
.section .fp-tableCell > .elementor-element > .container,
.section .fp-tableCell > .elementor-element > .full-container 
{width:100%; height:100%; display:flex;  flex-direction:column; padding:6rem 0 0 ;}
#mainConnectCon.section.section-wrap .fp-tableCell .elementor-element
{display:flex; flex-direction:column; justify-content:stretch;}
#mainConnectCon.section .fp-tableCell > .elementor-element > .full-container
{height:auto; padding:3rem 0;}







.main-visual-slide, .main-visual-slide .slick-list, .main-visual-slide .slick-track, .main-visual-item { height:100%; } 
.main-visual-item .container { height: 100%; } 
.main-visual-img { position:absolute; width:100%; height:100%; } 

.main-visual-item .visual-area 
{max-width:var(--max-container); margin:0 auto;  width:100%; height:100%;}
#mainVisualCon .main-visual-txt-con
{width:100%; height:100%; display:flex; align-items:center; text-align:center;}
#mainVisualCon .main-visual-txt-con .visual-txt-con 
{position:relative; width:100%; margin-bottom:4rem;}
#mainVisualCon .main-visual-txt-con .visual-txt-con h2
{font-size:6.4rem; color:#fff; font-weight:700; text-shadow:1px 1px 9px #0000004a;}
#mainVisualCon .main-visual-txt-con .visual-txt-con h2 strong
{font-size:7.4rem; font-weight:800; margin-left:1.5rem;}




#mainVisualCon .slick-dots 
{position:absolute; display:flex; justify-content:center; bottom:4rem; width:100%; z-index:9999;}
#mainVisualCon .slick-dots li
{margin:0 0.5rem;}
#mainVisualCon .slick-dots li button
{font-size:0; width:1rem; height:1rem; background:#8d8e90; border-radius:50px; padding:0; border:none;}
#mainVisualCon .slick-dots li.slick-active button
{width:3rem; background:#fff;}

.main-visual-controls
{position: absolute; width: 100%; top: 35rem; z-index:9998;}
.main-visual-controls .controls-area 
{max-width:var(--max-container); margin:0 auto; display:flex; justify-content:center; align-items:center;}
.main-visual-controls .visual-paging-con
{margin-right:3rem;}
.main-visual-controls .visual-paging-con span 
{color:#ffffff50; font-size:1.6rem; font-weight:600;}
.main-visual-controls .visual-paging-con span.slash
{margin:0 0.5rem;}
.main-visual-controls .visual-paging-con span.cur
{color:#fff}
.main-visual-controls .visual-progress-con
{width:20rem; height:3px;; position:relative; }
.main-visual-controls .visual-progress-con .bg
{width:100%; height:100%; position:absolute; left:0; top:0; background:#ffffff50; }
.main-visual-controls .visual-progress-con .progress 
{display:inline-block; position:absolute; width:0%; height:100%; background:#fff;}
.main-visual-controls .visual-progress-con .progress.active
{width:100%; transition:all 3.8s ease-in-out;}

.main-visual-controls .visual-play-pause-con
{position:relative; height:2rem; margin-left:2rem;}
.main-visual-controls .visual-play-pause-con button
{position:absolute; left:0; top:0; background:transparent}
.main-visual-controls .visual-play-pause-con button i
{font-size:1.8rem; color:#fff;}
.main-visual-controls .visual-play-pause-con button.play-btn
{display:none;} 

/**************************************************
* MAIN VISUAL PROGRESS BAR
* 메인 비주얼 프로그레스 바
****************************************************/
/* .main-visual-controls { } 
.main-visual-controls .visual-controls-wrap { width: 100%; display: flex; align-items: center; } 
.main-visual-controls .paging-controls span { font-size: 19px; font-weight: 600; color: rgba(255, 255, 255, 0.5); padding: 0 0.5rem; } 
.main-visual-controls .paging-controls span.cur { color: #fff; } 
.main-visual-controls .progress-bar-con { width: 21rem; height: 3px; margin: 0 1rem; } 
.main-visual-controls .progress-bar { position: relative; } 
.main-visual-controls .progress-bar .total-bar { width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); } 
.main-visual-controls .progress-bar .ing-bar { position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #fff; } 
.main-visual-controls .progress-bar.active .ing-bar { width: 100%; transition: all 3s ease-in-out; } 
.mouse-scroll { position: absolute; bottom: 7rem; right: 10rem; display:flex; align-items:center; animation: scrollDown 2.5s infinite ease-in-out; }  */


.main-title-con 
{display:flex; justify-content:space-between; align-items:center; margin-bottom:7rem;}
.main-title-con .tit-con h4 
{font-size:1.8rem; color:#000; font-weight:300;}
.main-title-con .tit-con h2
{font-size:5.4rem; color:#000; font-weight:700;}
.main-title-con .txt-con p 
{font-size:2.2rem; color:#000; font-weight:400;}

.main-business-list 
{display:flex; justify-content:space-between;}
.main-business-list li 
{width:calc((100% / 3) - 2.3rem); position:relative;}
.main-business-list li:nth-child(2)
{transform:translateY(20px)}
.main-business-list li:nth-child(3)
{transform:translateY(40px)}
.main-business-list li:after 
{content:''; position:absolute; border-radius:25px; left:0; top:0; width:100%; height:100%; background:var(--main-color); opacity:0; visibility:hidden; transition:all 0.5s ease; z-index:-1;}
.main-business-list li:last-child .prd-img-con
{align-items:start; }
.main-business-list li:last-child .prd-img-con .prd-img
{border-radius:25px; overflow:hidden;}
.main-business-list .prd-img-con 
{width:51rem; height:40rem; position:relative; display:flex; align-items:center; justify-content:center;}
.main-business-list .prd-img-con .bg 
{position:absolute; width:100%; height:100%; top:0}
.main-business-list .prd-img-con .prd-img 
{position:relative;}
.main-business-list .prd-txt-con
{max-width:30rem; margin:0 0 0 auto; width:100%; text-align:center; position:absolute; bottom:1rem; right:0; z-index:99}
.main-business-list .prd-txt-con span 
{font-size:2.8rem; color:#000; font-weight:700; display:flex; align-items:center; justify-content:center; transition:all 0.5s ease;  }

.main-business-list li:hover:after 
{opacity:1; visibility:visible; }
.main-business-list li:hover .prd-txt-con span 
{color:#fff;}

/* rnd */
#mainResearchCon.section .fp-tableCell > .elementor-element > .container
{padding:0; justify-content: center;}
#mainResearchCon .main-title-con .tit-con h4,
#mainResearchCon .main-title-con .tit-con h2,
#mainResearchCon .main-title-con .txt-con p
{color:#fff;}
.main-research-list 
{display:flex; flex-wrap:wrap; margin:0 -2rem;}
.main-research-list li 
{width:calc((100% / 4) - 4rem); margin:0 2rem;}
.main-research-list .bg-box 
{position:relative; width:37rem; height:32rem;}
.main-research-list .bg-box .bg 
{position:absolute; width:100%; height:100%;}
.main-research-list .txt-inner 
{position:relative; width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column}
.main-research-list .txt-inner .icon-con 
{text-align:center; width:10rem; height:10rem; display:inline-flex; align-items:center; justify-content:center;}
.main-research-list .txt-inner .txt-con
{margin-top:0.5rem;}
.main-research-list .txt-inner .txt-con p
{font-size:2.8rem; color:#000; font-weight:700; padding:0.5rem 3rem; background:transparent; border-radius:50px; transition:all 0.4s ease;}
.main-research-list .number-con 
{position:absolute; left:0; top:0;}
.main-research-list .number-con span 
{width:5rem; height:5rem; background:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:2rem; color:var(--main-color); font-weight:900;}
.main-research-list li:hover .txt-inner .txt-con p
{background:var(--main-color); color:#fff;}
/* esg */
#mainEsgCon .main-title-con
{margin-bottom:2rem;}
.main-esg-list 
{display:flex; flex-wrap:wrap; margin:0 -1.75rem;}
.main-esg-list li 
{position:relative; width:calc((100% / 3) - 3.5rem); height:54rem;  margin: 0 1.75rem; border-radius:25px; overflow:hidden;}
.main-esg-list li:nth-child(2)
{transform:translateY(15px) !important}
.main-esg-list li:nth-child(3)
{transform:translateY(30px) !important}
.main-esg-list li a 
{position:relative; display:block; width:100%; height:100%;}
.main-esg-list .bg-box 
{position:absolute; width:100%; height:100%;}
.main-esg-list .txt-box
{position:relative; padding:5rem; width:100%; height:100%; display:flex; align-items:end; z-index:999}
.main-esg-list .txt-box:after 
{content:''; position:absolute; width:100%; height:30%; background:linear-gradient(360deg, #0000006b, #0000004f, transparent); bottom:0; left:0; z-index:-1;}
.main-esg-list .txt-box .txt-con 
{width:100%; display:flex; justify-content:space-between; align-items:center;}
.main-esg-list .txt-box .txt-con h4 
{font-size:4.6rem; color:#fff; font-weight:700;}
.main-esg-list .txt-box .txt-con i 
{width:6rem; height:6rem; background:#fff; color:var(--main-color); font-size:2rem; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; transition:all 0.4s ease;}
.main-esg-list li:hover .txt-box .txt-con i 
{background:var(--main-color); color:#fff; }

/* connect */
.main-connect-con 
{padding:10rem; border-radius:25px; overflow:hidden;}
.main-connect-list 
{display:flex; flex-wrap:wrap; }
.main-connect-list li 
{width:50%; border-radius:15px; overflow:hidden; transition:all 0.3s ease;}
.main-connect-list li a 
{display:block; padding:6rem 5rem; position:relative;}
.main-connect-list .txt-box
{position:relative;}
.main-connect-list .txt-box h4 
{color:#fff; font-size:3rem; margin-bottom:2rem;}
.main-connect-list .txt-box p
{font-size:2.2rem; color:#fff; font-weight:400;}
.main-connect-list .txt-box i
{opacity:0; visibility:hidden; width:5rem; height:5rem; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:2rem; background:#fff; color:var(--main-color); position:absolute; right:0; top:50%; transition:all 0.3s ease;}

.main-connect-list li:hover 
{background:#004ea2c9;}
.main-connect-list li:hover .txt-box i 
{opacity:1; visibility:visible;}



/* 푸터 */
.f-family-con #familySite
{background-color: #292a2e; border: none; font-size: 1.4rem; color: #fff; padding: 1rem 5rem 1rem 2rem; font-weight: 400; background-image: url(/wp-content/uploads/2026/03/family-arrow.png); appearance: none; background-repeat:no-repeat; background-position: 90% 50%; border-radius:50px;}



.footer-con 
{background:#000; padding:4rem 0; height:100%;}
.f-top-con 
{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.f-info-con
{margin:3rem 0 1rem;}
.f-info-con ul li span
{font-size:1.6rem; color:#fff; display:inline-block; margin:0.5rem 0; width:auto; margin-right:3rem;}
.f-copy-police-con 
{display:flex; justify-content:space-between; flex-wrap:wrap;}
.f-copy-police-con .f-copy-con p 
{font-size:1.6rem; color:#c0c0c0; font-weight:300;}
.f-copy-police-con .f-police-con 
{display:flex; flex-wrap:wrap;}
.f-copy-police-con .f-police-con a 
{font-size:1.6rem; color:#aeaeae; font-weight:300; margin-left:4rem;}
.f-copy-police-con .f-police-con a:hover
{font-weight:500; color:#fff;}


#subContent
{padding:10rem 0;}
#subContent.np 
{padding:10rem 0 0;}
#subContent.nm .sub-cont
{margin:15rem 0 0;}
.sub-cont
{margin:15rem 0;}
.sub-cont2
{margin:10rem 0;}


#subCategoryCon
{margin-top:5rem;}
#subCategoryCon nav
{justify-content:center;}
#subCategoryCon nav ul
{border-radius:5px; overflow:hidden;}
#subCategoryCon nav li
{width:20rem; text-align:center; background:#f4f4f4;}
#subCategoryCon nav li a 
{font-size:1.8rem; color:#0e0e0e; font-weight:400; display:block; padding:2rem 0;}

#subCategoryCon nav li.current-menu-item 
{background:var(--sub-color);}
#subCategoryCon nav li.current-menu-item a
{color:#fff;}

.greeting-intro-con
{position:relative; }
.greeting-banner
{width:100%; height:45rem; border-radius:10px; overflow:hidden; position:relative;}
.greeting-banner .bg
{position:absolute; width:100%; height:100%; left:0; top:0;}
.greeting-txt-con 
{display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:100%; position:relative; background:rgba(0,0,0,0.3); z-index:9;}
.greeting-txt-con h2 
{font-size:11rem; font-family:'Exo 2'; letter-spacing:2rem; color:#fff; font-weight:700;   }
.greeting-txt-con h4
{color:#fff; font-weight:300; font-size:3.8rem; margin-top:1rem;}


/* CEO 인사말 */
.greeting-intro-banner 
{position:relative; margin:5rem 0 0;}
.greeting-intro-box
{}
.greeting-intro-box .area 
{max-width:1600px; margin: 0 auto;}
.greeting-intro-tit-con 
{position:relative; margin-bottom:10rem; z-index:9}
.greeting-intro-box .tit-box
{padding-top:10rem;}
.greeting-intro-box .tit-box h4 
{font-size:2.8rem; color:var(--main-color); font-family:'NanumSquare'; font-weight:600;}
.greeting-intro-box .tit-box h2
{font-family:'NanumSquare'; font-size:6.8rem; color:#000; font-weight:600; margin-top:2rem; line-height:1.5;}

.greeting-intro-bg
{position:relative;}
.greeting-intro-bg .bg-box
{position:relative; width:100%; height:100%; background:#000; object-fit:cover}


.bg-pattern 
{position:absolute; left:0;top:0;width:100%; height:100%; top:14%; z-index:5; mix-blend-mode: lighten; opacity: 0;}

.greeting-intro-banner2
{position:relative;}


.greeting-intro-banner2.animated 
{max-width:100%;}
.bg-inner 
{position:relative; background:#02080f; height:68rem;}
.greeting-intro-banner2 .intro-slogan-con
{position:relative; text-align:center; display:flex; align-items:center; justify-content:center; flex-direction:column; width:100%; height:100%; z-index:99;}
.greeting-intro-banner2 .intro-slogan-con h2 
{font-size:11rem; font-family:'Exo 2'; letter-spacing:2rem; color:#fff; font-weight:700;   }
.greeting-intro-banner2 .intro-slogan-con h2.animated
{letter-spacing:-0.04rem;;} 
.greeting-intro-banner2 .intro-slogan-con h4
{color:#fff; font-weight:100; font-size:4.8rem; margin-top:1rem;}

.greeting-intro-banner2 .intro-bg-box
{position:absolute; width:100%; height:100%; left:0; top:0; background:#02080f; z-index:0;}

.intro-bg 
{position:absolute; width:100%; height:100%; display:flex; align-items:center;justify-content:center ;left:0; top:0; overflow:hidden; z-index:4}

.greeting-text-box
{position: relative; margin-top:5rem;}
.greeting-text-box .area 
{max-width:1600px; margin:0 auto;}
.greeting-text-box .tit-con h2 
{font-family:'NanumSquare'; font-size:4rem; color:#000; margin-bottom:4rem; font-weight:600;}
.greeting-text-box .txt-con
{margin-top:3rem;}
.greeting-text-box .txt-con p 
{font-family: 'NanumSquare';  font-size: 2rem;  color: #4e4e4e;  margin: 3rem 0; line-height:1.8;}
.greeting-text-box .txt-con strong 
{text-align:right; display:block; font-size:2rem; color:#000; font-weight:500;}

.sub-title-con
{text-align:center; margin-bottom:8rem; }
.sub-title-con h2 
{font-size:5.2rem; color:#000; font-weight:700}
.sub-title-con h4
{font-family:'Exo 2'; font-size:2rem; color:var(--main-color); font-weight:700; margin-bottom:1rem;}

/* 회사 개요 */
.overview-intro 
{display:flex; align-items:center; flex-wrap:wrap;}
.overview-intro .intro-txt 
{width:100%; text-align:center;}
.overview-intro .intro-txt p 
{font-size:2rem; margin:1rem 0;}
.overview-intro .intro-detail 
{width:100%; display:flex; flex-wrap:wrap; justify-content:center; padding:4rem 2rem; margin:3rem 0; background:#f9f9f9; border-radius:10px;}
.overview-intro .intro-detail dl 
{padding:0 2rem;  width:calc(100% / 3); text-align:center;}
.overview-intro .intro-detail dl dt 
{width:8rem; height:8rem; display:inline-flex; align-items:center; justify-content:center;  margin-bottom:1rem; background:#fff; border-radius:50%;}
.overview-intro .intro-detail dl dd strong
{font-size:2rem; color:#000; font-weight:600; display:block; margin-bottom:0.5rem;}
.overview-intro .intro-detail dl dd span 
{font-size:1.6rem; color:#656565; display:block;}
.overview-intro .intro-detail dl dd 
{font-size:1.8rem;}

.overview-tit-con 
{text-align:center; margin-bottom:5rem;}
.overview-tit-con h2 
{font-size:4.2rem; color:#000; font-weight:700;}
.overview-place-con .place-list
{display:flex; flex-wrap:wrap; margin:0 -1rem}
.overview-place-con .place-list li 
{width:calc((100% / 3) - 2rem); margin:0 1rem;}
.overview-place-con .place-slide-con 
{width:100%; height:30rem; background:#edd; position:relative;}
.overview-place-con .place-info-con
{padding:2rem 0;}
.overview-place-con .place-info-con dl 
{display:flex; flex-wrap:wrap; margin:0.5rem 0;}
.overview-place-con .place-info-con dl dt 
{font-size:1.8rem; color:#000; font-weight:600; width:10rem;;}
.overview-place-con .place-info-con dl dd 
{font-size:1.8rem; width:calc(100% - 10rem); padding-left:2rem;}

.overview-place-con .place-slide-controls
{position:absolute; top:45%; transform:translateY(-50%); width:100%;}
.overview-place-con .place-slide-controls button 
{background:transparent; border:none; width:3rem; height:5rem; background:rgba(0,0,0,0.5); position:absolute;}
.overview-place-con .place-slide-controls button.prev-btn 
{left:0;}
.overview-place-con .place-slide-controls button.next-btn 
{right:0;}
.overview-place-con .place-slide-controls button i 
{font-size:2.4rem; color:#fff;}

/* 비즈니스 영역 */
.business-tab-menu-con 
{position:absolute; height:100%;}
.business-tab-menu-con ul 
{width:100%; height:100%; display:flex; flex-direction:column; justify-content:center;}
.business-tab-menu-con ul li 
{background:rgba(255,255,255,0.125); margin:1rem 0; text-align:center; width:24rem; border-radius:0 5px 5px 0; backdrop-filter:blur(5px); cursor:pointer; transition:all 0.3s ease;}
.business-tab-menu-con ul li span 
{padding:2.5rem 2rem; display:block; font-size:1.7rem; color:#fff; font-weight:600;}
.business-tab-menu-con ul li.active 
{background:var(--main-color); width:26rem;}
.business-tab-menu-con ul li:hover 
{width:26rem; background:var(--main-color);}

.business-intro-con 
{position:relative; width:100%; height:100vh; margin:10rem 0 0;}
.business-intro-con .business-bg-con 
{position:absolute; width:100%; height:100%; left:0; top:0;}
.business-intro-con .business-bg-con .cont-bg 
{width:100%; height:100%; left:0; top:0; position:absolute; opacity:0; transition:all 0.5s ease;}

.business-intro-con .business-bg-con .cont-bg.active 
{opacity:1;}

.business-tab-content 
{width:100%; height:100%;}
.business-cont 
{width:100%; height:100%; max-width:1420px; margin:0 auto 0 40rem; position:relative; padding:15rem 0;}
.business-cont .business-wrap
{width:100%; height:100%; display:flex; flex-direction:column; justify-content:center;}
.business-cont .tit-con 
{margin-bottom:3rem;}
.business-cont .tit-con h2 
{font-size:6rem; color:#fff; font-weight:800; font-family:'NanumSquare';}
.business-cont .tit-con h2 span 
{font-family:'NanumSquare';}
.business-cont .txt-con p 
{font-family:'NanumSquare'; font-size:2rem; color:#fff; margin:1rem 0;}

/* 경영이념 */
.ideology-list-con li 
{display:flex; align-items:center;}
.ideology-list-con li:nth-child(even)
{flex-direction:row-reverse;}
.ideology-list-con li .img-con 
{width:50%; height:60rem; text-align:center; display:flex; align-items:center; justify-content:center;}
.ideology-list-con li .img-con .img
{width:75%; height:100%; display:inline-block; background:#000; border-radius:10px; overflow:hidden;}
.ideology-list-con li .txt-con 
{width:50%; padding:5rem;}
.ideology-list-con li .txt-con h4
{font-size:4rem; color:#000; font-weight:700; margin-bottom:3rem;}
.ideology-list-con li .txt-con p
{font-size:2.1rem; color:#292929; font-weight:400; margin:1rem 0;}

/* 매출현황 */
.sales-row 
{margin-bottom:2rem;}
.sales-graph-con b 
{text-align:right; display:block; font-size:1.6rem; color:#000;}
.sales-graph-con .graph-img 
{text-align:center; padding:5rem 0; border:1px solid #eee;}
.sales-table-con
{margin-top:5rem;}
.sales-table-con table tr th 
{background:var(--main-color) !important; color:#fff; border-color:#ffffff21; font-size:1.7rem; font-weight:500; text-align:center; vertical-align:middle;}
.sales-table-con table tr td 
{background:#fff !important; font-size:1.7rem; color:#000; border-color:#ddd; font-weight:400; text-align:center; vertical-align:middle;}
/* ci */
.symbol-intro-con 
{display:flex; justify-content:space-between; flex-wrap:wrap;}
.symbol-intro-con .intro-tit-con 
{width:45%;}
.symbol-intro-con .intro-tit-con h2 
{font-size:4rem; color:#000; font-weight:600; margin-bottom:2rem;}
.symbol-intro-con .intro-tit-con p
{font-size:2rem; color:#111;}
.symbol-intro-con .intro-img-con 
{width:35%; display:flex; align-items:center; justify-content:center; background-image:url('/wp-content/uploads/2026/03/ci-bg-box.png'); background-repeat:repeat;}
.symbol-tit-con h2 
{font-size:4rem; color:#000; font-weight:600; margin-bottom:2rem;}
.symbol-detail-con 
{margin:10rem 0;}
.symbol-detail-con ul 
{display:flex; flex-wrap:wrap; justify-content:space-between;}
.symbol-detail-con ul li 
{position:relative; width:100%; display:flex; align-items:center;  flex-wrap:wrap; justify-content:center; margin:2rem 0;;}
.symbol-detail-con .img-con 
{position:relative; width:40%; height:15rem; border:1px solid #eee; background:#f7f7f7; display:flex; align-items:center; justify-content:center; padding:5rem 2rem;}
.symbol-detail-con ul li .img-con:after 
{content:'\e914'; position:absolute; font-size:2rem; color:#ddd; background:#2e3661; border-radius:50%; font-family:'Xeicon'; right:-44px; top:50%; transform:translateY(-50%); width:3rem; height:3rem; display:flex; align-items:center; justify-content:center; display:none;}
.symbol-detail-con ul li:last-child .img-con:after 
{display:none;}
.symbol-detail-con .txt-con 
{padding:2rem 5rem; width:60%;}
.symbol-detail-con .txt-con p 
{font-size:2rem; color:#1b1b1b; }

.color-content
{position:relative; padding-bottom:10rem;}
.color-infomation-con 
{display:flex;}
.color-box-con 
{position:relative; width:60%; display:flex; border-radius:15px;}
.color-box-con .color-box 
{width:70%; position:relative;}
.color-box-con .color-box:nth-child(2)
{position:absolute; width:70%; right:5%; bottom:-40%;}
.color-box-con .color-bg-con 
{position:absolute; width:100%; height:100%; left:0; top:0;}
.color-box-con .color-txt-con 
{position:relative; padding:5rem;}
.color-box-con .color-txt-con h4 
{font-size:3rem; color:#fff; font-weight:600; font-family:'NanumSquare'; margin-bottom:10rem;}
.color-box-con .color-txt-con span
{display:block; color:#ffffff96; font-size:2rem;}
.color-info-con 
{width:40%; padding:5rem 0;}
.color-info-con p 
{font-size:2rem; line-height:1.8; color:#111;}

/* 연혁 */



.history-part-row 
{display:flex; align-items:stretch; width:100%;}
.history-title-content 
{width:calc((100% / 2) - 10rem); margin-right:10rem; text-align:center; border-right:1px solid #ddd;;}
.history-title-area 
{position:sticky; top:12rem;}
.history-title-content .title-description 
{padding-bottom:5rem;}
.history-title-content h2
{font-family:'Exo 2'; font-size:5rem; color:#000; font-weight:700;}
.history-title-content strong 
{font-size:3rem; color:var(--main-color); display:block; margin:2rem 0 2rem;}
.history-title-content h4
{font-size:2.4rem; color:#000; line-height:1.5;}

.history-list-content 
{width:50%;}
.history-list-content .history-row
{display:flex; flex-wrap:wrap; margin-bottom:5rem; width:100%;}
.history-list-content .history-row .years 
{width:100%; margin-bottom:1rem;}
.history-list-content .history-row .years h4 
{font-family:'Poppins'; font-size:4rem; font-weight:600; color:#000; }
.history-list-content .history-row .des-con 
{width:100%;}
.history-list-content .history-row .des 
{display:flex; flex-wrap:wrap; align-items:start; margin-bottom:1rem; width:100%;}
.history-list-content .history-row .month 
{width:4rem; font-size:1.8rem; }
.history-list-content .history-row p
{width:calc(100% - 4rem);  font-size:1.8rem; padding-left:1rem;}
.history-list-content .history-row p span 
{display:block; font-size:1.6rem; color:#333; margin-top:0.5rem;}




/* .history-row
{display:flex; flex-wrap:wrap;}
.history-left-con 
{width:30%;}
.history-years 
{font-size:3.2rem; font-weight:800; color:#000; position:relative; text-align:center;}
.history-years:before
{position:absolute; content:''; width:1.5rem; height:1.5rem; background:var(--main-color); top:0.7rem; right:-0.8rem; border-radius:50%;}
.history-years:after
{position:absolute; content:''; width:3rem; height:3rem; background:#4147913b; top:0; right:-1.5rem; border-radius:50%; z-index:9;}
.history-right-con 
{width:70%; position:relative; padding-left:7rem; padding-bottom:7rem}
.history-right-con:before
{content:''; position:absolute; width:2px; height:100%; background:rgba(0,0,0,0.1); left:0; top:0; z-index:-1;}
.history-month-row 
{display:flex; flex-wrap:wrap; padding-bottom:3rem;}
.history-month 
{font-size:1.8rem; color:#000; font-weight:600; width:10rem; text-align:right;}
.history-txt 
{font-size:1.8rem; color:#0e0e0e; font-weight:400; margin-left:3rem;}
.history-txt span 
{display:block; color:#696969; font-size:1.7rem;} */

/* 그룹사 소개 */
.domestic-map-con 
{width:100%; height:60rem; background:#cedaeb; position:relative;}
.domestic-map-con .map-area 
{max-width:var(--main-color); margin:0 auto; position:relative; width:100%; height:100%;}
.domestic-map-con .map-area .map 
{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; z-index:9;}
/* 그룹사 메뉴 */
.domestic-map-info-box .domestic-menu-con 
{width:20rem; top:8rem; position:absolute; left:0; left:15rem; z-index:98; border-radius:10px; overflow:hidden;}
.domestic-map-info-box .domestic-menu-con a
{font-size:1.7rem; display:block; padding:2rem 3rem; background:#fff; color:#000; cursor:pointer; transition:all 0.3s ease;}
.domestic-map-info-box .domestic-menu-con a:hover 
{background:var(--main-color); color:#fff;}
.domestic-map-info-box .domestic-menu-con a.active
{background:var(--main-color); color:#fff;}

/* map dots */
.world-map-box 
{width:100%; height:100%; z-index:99;}
.world-map-location-con 
{position:relative; width:100%; height:100%; z-index:9;}
.world-map-box .location-dots 
{position:absolute;}
.world-map-box .location-dots .dots 
{width:10px; height:10px; background:var(--main-color); border-radius:50%; display:inline-block; position:relative}
.world-map-box .location-dots .dots .wave
{width:15px; height:15px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); border-radius:50%; opacity:0; background:#004ea2cf; z-index:-1; animation:network-wave 3s cubic-bezier(1, 2, 0.66, 3) infinite}
/* 한국 */
.world-map-box .location-dots-con.korea .location-dots .dots
{background:#ff0000}
.world-map-box .location-dots-con.korea  .location-dots .dots .wave
{background:#ff0000cf; }
.world-map-box .location-dots .map-info-box 
{position:absolute; width:35rem; background:#0d3969; }
.world-map-box .location-dots .map-info-box .inner 
{padding:2rem;}
.world-map-box .location-dots .map-info-box .tit-box h4 
{display:none;}
.world-map-box .location-dots .map-info-box .tit-box span
{font-size:2rem; color:#fff; font-weight:600;}
.world-map-box .location-dots .map-info-box .des-box p 
{font-size:1.6rem; color:#fff; font-weight:300;}
.world-map-box .location-dots .map-info-box .des-box a 
{font-size:1.6rem; color:#ffffffb3; margin-top:2rem; display:block; transition:all 0.3s ease;}
.world-map-box .location-dots .map-info-box .des-box a i
{margin-right:1rem;}
.world-map-box .location-dots .map-info-box .des-box a:hover 
{color:#fff;}






@keyframes network-wave {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  50% {
      opacity: 0.1;
  }
  100% {
      -webkit-transform: translate(-50%, -50%) scale(2);
      transform: translate(-50%, -50%) scale(2);
      opacity: 0;
  }
}
/* 두원 */

.domestic-map-info-box .location-dots-con
{display:none;}
.domestic-map-info-box .location-dots-con.active
{display:block;}

/* 국내 지도 dots 위치 */
.domestic-map-info-box .location-dots-con .asan
{left:45%; top:39%;}
.domestic-map-info-box .location-dots-con .asan .map-info-box 
{left:1rem; top:1rem; border-radius:0 15px 15px 15px}
.domestic-map-info-box .location-dots-con .asan2
{left:44.5%; top:39.5%;}
.domestic-map-info-box .location-dots-con .asan2 .map-info-box
{right:1rem; top:-14rem; border-radius:15px 15px 0 15px;;}
.domestic-map-info-box .location-dots-con .ulsan
{left:60%; top:77.5%; }
.domestic-map-info-box .location-dots-con .ulsan .map-info-box
{left:1rem; top:1rem; border-radius:0 15px 15px 15px}
.domestic-map-info-box .location-dots-con .gyeongju
{left:59%; top:68%;}
.domestic-map-info-box .location-dots-con .gyeongju .map-info-box
{right:1.5rem; top:1rem; border-radius:15px 0 15px 15px }
.domestic-map-info-box .location-dots-con .hwaseong
{left:43.5%; top:31%;}
.domestic-map-info-box .location-dots-con .hwaseong .map-info-box
{left:1rem; top:-14rem; border-radius:15px 15px 15px 0}
.domestic-map-info-box .location-dots-con .seoul
{left:42.5%; top:19%;}
.domestic-map-info-box .location-dots-con .seoul .map-info-box
{right:1rem; top:-14rem; border-radius:15px 15px 0 15px}
.domestic-map-info-box .location-dots-con .sacheon
{left:50%; top:89%;}
.domestic-map-info-box .location-dots-con .sacheon .map-info-box
{left:1rem; top:-13rem; border-radius:15px 15px 15px 0}
.domestic-map-info-box .location-dots-con .gwangju
{left:42%; top:89%;}
.domestic-map-info-box .location-dots-con .gwangju .map-info-box 
{left:1rem; top:-15rem; border-radius:15px 15px 15px 0;}
.domestic-map-info-box .location-dots-con .gwangju2
{left:41.5%; top:90%;}

.domestic-map-info-box .location-dots-con .gwangju2 .map-info-box 
{right:2rem; top:-13rem; border-radius:15px 15px 0 15px;}


.map-overlay-txt-con 
{background:rgba(0,0,0,0.9); position:absolute; width:100%; height:100%; left:0; top:0; display:flex; align-items:center; justify-content:center; z-index:999; cursor:pointer; display:none;}
.map-overlay-txt-con p
{font-size:3rem; color:#fff; font-weight:300;}

/* 상세 */
.domestic-tab-menu-con 
{margin-bottom:5rem;}
.domestic-detail-info-con 
{margin-top:10rem;}
.domestic-detail-row:first-child
{border-top:2px solid #000;}
.domestic-detail-row 
{padding:6rem 5rem; border-bottom:1px solid #ddd;}
.domestic-company 
{display:flex; flex-wrap:wrap;}
.domestic-company .company-name
{width:30%;}
.domestic-company .company-name h2 
{color:#000; font-weight:700; font-size:3.8rem; line-height:0.8}
.domestic-company .company-detail
{width:70%;}
.domestic-company .company-detail .info-row 
{display:flex; justify-content:space-between; align-items:center; width:100%; margin-bottom:4rem;}
.domestic-company .company-detail .info-row:last-child 
{margin-bottom:0;}
.domestic-company .company-detail .info-row dl
{display:flex; flex-wrap:wrap; width:80%;}
.domestic-company .company-detail .info-row dl dt 
{font-size:2rem; color:#282828; font-weight:600; width:20rem;}
.domestic-company .company-detail .info-row dl dd 
{font-size:2rem; color:#282828; width:calc(100% - 20rem);}
.domestic-company .company-detail .info-row a 
{font-size:1.8rem; color:#282828; font-weight:500; width:20%; display:flex; align-items:center; justify-content:center; letter-spacing:-0.04em; padding:1rem 2rem; border-radius:50px; transition:all 0.3s ease;}
.domestic-company .company-detail .info-row a i 
{margin-right:1rem;}
.domestic-company .company-detail .info-row a[href]:hover 
{background-color:var(--main-color); color:#fff;}

/* 해외 */
.global-map-con 
{width:100%; height:60rem; background:#cedaeb; position:relative;}
.global-map-con .map-area 
{max-width:var(--main-color); margin:0 auto; position:relative; width:100%; height:100%;}
.global-map-con .map-area .map 
{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; z-index:9;}


/* 해외 지도 dots 위치 */
.global-map-info-box .location-dots-con.korea .location-dots
{left:42.5%; top:46%;}
.global-map-info-box .location-dots-con.china .location-dots
{left:39%; top:42%;}
.global-map-info-box .location-dots-con.india .location-dots
{left:34%; top:55%;}
.global-map-info-box .location-dots-con.brazil .location-dots
{left:70%; top:67%;}
.global-map-info-box .location-dots-con.indonesia .location-dots
{left:38.5%; top:68%;}
.global-map-info-box .location-dots-con.thailand .location-dots
{left:38%; top:58%;}
.global-map-info-box .location-dots-con.usa .location-dots
{left:62%; top:37%;}
.global-map-info-box .location-dots-con.mexico .location-dots
{left:61%; top:50%;}
.global-map-info-box .location-dots-con 
{text-align:center; cursor:pointer}
.global-map-info-box .location-dots-con .national
{ margin-top:1.5rem; border-radius:50px; padding:0.2rem 2rem;}

.global-map-info-box .location-dots-con .national p 
{font-size:1.6rem; color:#000; font-weight:500;}
.global-map-info-box .location-dots-con .national.active 
{background:var(--sub-color);;}
.global-map-info-box .location-dots-con .national.active p
{color:#fff;}


.global-detail-info-con 
{margin-top:10rem;}
.national-tab-menu-con
{margin-bottom:5rem;}
.global-detail-info-con .national-tab-con
{border-top:2px solid #000; padding:6rem 5rem}
.global-company 
{display:flex; flex-wrap:wrap;}


.global-company .global-part-name
{width:20%;}
.global-company .global-part-name h2 
{color:#000; font-weight:700; font-size:3.8rem; line-height:0.8}

.global-company .global-part-detail
{width:80%; }
.global-company .global-city-detail-row 
{display:flex; flex-wrap:wrap; margin-bottom:4rem; padding-bottom:4rem; border-bottom:1px solid #ddd;}
.global-company .global-part-detail .city-name
{width:20%;}
.global-company .global-part-detail .city-name h4
{font-size:2.4rem; color:#111; font-weight:600;}

.global-company .global-part-detail .detail-info 
{width:80%;}


.global-company .global-part-detail .info-row 
{display:flex; justify-content:space-between; align-items:start; width:100%; margin-bottom:6rem;}
.global-company .global-part-detail .info-row:last-child 
{margin-bottom:0;}

.global-company .global-part-detail .info-row dl dt 
{font-size:1.8rem; color:#282828; margin-bottom:1rem; }
.global-company .global-part-detail .info-row dl dt b
{font-weight:700;}
.global-company .global-part-detail .info-row dl dt b span
{position:relative; margin-right:1rem; padding-right:1rem; display:inline-block;}
.global-company .global-part-detail .info-row dl dt b span:after 
{position:absolute; content:''; width:2px; height:50%; background:#333; right:0; top:25%}
.global-company .global-part-detail .info-row dl dt b span:last-child:after 
{display:none;}


.global-company .global-part-detail .info-row dl dd 
{font-size:1.7rem; color:#282828; padding-left:2rem;}
.global-company .global-part-detail .info-row dl dd p
{margin-bottom:0.5rem;}
.global-company .global-part-detail .info-row dl dd p.contact
{display:flex; flex-wrap:wrap;}
.global-company .global-part-detail .info-row dl dd p.contact span 
{margin-right:3rem; font-size:1.7rem;}



.global-company .global-part-detail .info-row a 
{font-size:1.8rem; color:#282828; font-weight:500; display:flex; align-items:center; letter-spacing:-0.04em; padding:1rem 2rem; border-radius:50px; transition:all 0.3s ease; display:none;}
.global-company .global-part-detail .info-row a i 
{margin-right:1rem;}
.global-company .global-part-detail .info-row a:hover 
{background-color:var(--main-color); color:#fff;}


/* 오시는길 */
.cm-tab-menu-con 
{display:flex; justify-content:center; }
.cm-tab-menu-con ul 
{display:flex; justify-content:center; padding:1rem; background:var(--sub-color); border-radius:50px;;}
.cm-tab-menu-con ul li
{width:15rem; text-align:center; display:flex; align-items:center; justify-content:center; border-radius:50px; cursor:pointer;}
.cm-tab-menu-con ul li span
{font-size:1.7rem; color:#fff; padding:1rem 2rem; display:block;}

.cm-tab-menu-con ul li.active 
{background:#fff;}
.cm-tab-menu-con ul li.active span 
{color:#000; font-weight:600;;}
.cm-tab-menu-con ul li:hover 
{font-weight:500;}


.location-con 
{margin-top:6rem;}
.location-con .map-con .cont 
{display:none;}
.location-con .map-con .map_border 
{display:none;}
.location-con .info-con 
{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-top:5rem;}
.location-con .office-info
{display:flex; flex-wrap:wrap; width:75%;}
.location-con .office-info .office-slide
{width:33.6rem; height:20rem; background:#000;}
.location-con .office-slide .slick-dots
{display:flex; flex-wrap:wrap; justify-content:center; margin-top:1rem;}
.location-con .office-slide .slick-dots li
{margin:0 0.3rem;}
.location-con .office-slide .slick-dots li button 
{background:transparent; border:none; font-size:0; width:2rem; height:8px; background:#ddd; border-radius:50px; padding:0; }
.location-con .office-slide .slick-dots li.slick-active button
{background:var(--main-color); }

.location-con .info-con .addr-con 
{width:calc(100% - 33.6rem); padding:3rem 3rem 3rem 5rem;}
.location-con .info-con .addr-con h4 
{font-size:2rem; color:#fff; background:#2b4e8f; font-weight:500; margin-bottom:1rem; display:inline-block; padding:0.7rem 4rem; border-radius:50px;}
.location-con .info-con .addr-con h2
{font-size:3.6rem; color:#000; font-weight:700; letter-spacing:-0.045em;}
.location-con .info-con .direction-btn-con 
{display:flex; flex-wrap:wrap; width:32rem;}
.location-con .info-con .direction-btn-con a 
{background:#f4f4f4; display:inline-block; margin:0 1rem; border-radius:10px; width:14rem; height:14rem; display:flex; align-items:center; justify-content:center; flex-direction:column; transition:all 0.5s ease;}
.location-con .info-con .direction-btn-con a p
{color:#000; font-size:1.6rem; font-weight:600; margin-top:1.5rem; transition:all 0.5s ease;}
.location-con .info-con .direction-btn-con a i
{color:#000; font-size:2.6rem; font-weight:600; transition:all 0.5s ease;}
.location-con .info-con .direction-btn-con a:hover 
{background:var(--main-color);}
.location-con .info-con .direction-btn-con a:hover p,
.location-con .info-con .direction-btn-con a:hover i
{color:#fff;}


/* 사업분야 */
.air-system-info-con 
{text-align:center; }
.air-system-info-con p 
{font-size:2.4rem; color:#000; font-weight:600; margin-bottom:2rem; }
.air-system-con
{margin:8rem 0;}
.air-system-top 
{display:flex; flex-wrap:wrap; align-items:center;}
.air-system-top .img-con 
{width:30rem;}
.air-system-top .des-con 
{padding-left:5rem; }
.air-system-top .des-con .tit-con h4
{font-size:2.4rem; color:#8e8e8e; font-weight:700;}
.air-system-top .des-con .tit-con h2
{font-size:4.2rem; color:#000; font-weight:700;}
.air-system-top .des-con .txt-con 
{margin-top:3rem;}
.air-system-top .des-con .txt-con p 
{font-size:2rem; color:#212121;}

.air-system-product 
{position:relative; margin-top:2rem;}
.air-system-product-slide
{margin:0 -1rem; overflow:hidden;}
.air-system-product-slide .slick-list 
{max-width:80%; overflow:visible; margin:0 auto 0 0 ;}
.air-system-product-slide .slide-item
{margin:0 1rem;}
.air-system-product-slide .slide-item .img-con
{background:#fff; display:flex; align-items:center; justify-content:center; flex-direction:column; width:100%; height:28rem; padding:0rem 2rem; position:relative; box-shadow:5px 5px 10px #0000000d; border:1px solid #eee;; transition:all 0.3s ease;;}
.air-system-product-slide .slide-item .float-tit-con
{position:absolute; left:3rem; bottom:3rem;}
.air-system-product-slide .slide-item .type
{font-size:1.6rem; color:#000; display:inline-block; font-weight:500; margin-bottom:0.5rem;}
.air-system-product-slide .slide-item .tit-con
{padding:2rem;}
.air-system-product-slide .slide-item .tit-con h4 
{font-size:1.8rem; color:#8f8f8f; font-weight:600;}
.air-system-product-slide .slide-item .tit-con h2
{font-size:3.2rem; color:#000; font-weight:700;}
.air-system-product-slide .slide-item .txt 
{position:relative;  margin-top:1rem;}
.air-system-product-slide .slide-item .txt p 
{color:#111; font-size:2rem; font-weight:300}

.air-system-controls 
{position:absolute; width:100%; top:25%; transform:translateY(-50%); left:0; }
.air-system-controls .arrow-btn 
{position:absolute; width:5rem; height:5rem; background:#fff !important; border-radius:50%; box-shadow:3px 3px 13px #00000010;}
.air-system-controls .arrow-btn.prev-btn 
{left:-2.5rem}
.air-system-controls .arrow-btn.next-btn 
{right:-3.5rem;}
.air-system-controls .arrow-btn i 
{font-size:2.8rem; color:#282828;}
.air-system-controls .arrow-btn:hover 
{background:var(--main-color) !important;}
.air-system-controls .arrow-btn:hover i
{color:#fff;}
/* 배관 */
.hose-prd-intro-con 
{text-align:center; margin-bottom:10rem;}
.hose-prd-intro-con .txt-con h4 
{font-size:3rem; color:#000; font-weight:700; margin-bottom:2rem; line-height:1.5;}
.hose-3d-list 
{display:flex; flex-wrap:wrap; justify-content:space-between;}
.hose-3d-list .video-con 
{position:relative; width:30%; } 
.hose-3d-list .video-con .type-con .type 
{display:inline-block; padding:1rem 2rem; background:var(--main-color); border-radius:50px; font-size:1.6rem; color:#fff; margin-bottom:1rem; min-width:20rem; text-align:center;}
.hose-3d-list .video-con .video 
{position:relative; width:100%; height:35rem;  box-shadow:3px 3px 13px #00000014; border-radius:10px; overflow:hidden;}
.hose-3d-list .video-con video 
{width:100%; height:100%;}
.hose-3d-list .video-con .overlay-txt-con 
{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); display:flex; align-items:center; justify-content:center; cursor:pointer;;}
.hose-3d-list .video-con .overlay-txt-con p 
{font-size:2rem; color:#fff;}
.hose-3d-list .video-con .overlay-txt-con p i 
{font-size:6rem; transition:all 0.3s ease;}
.hose-3d-list .video-con .overlay-txt-con:hover p i 
{color:#ff0000}
.hose-prd-con 
{margin-top:10rem;}
.host-prd-list
{margin-top:5rem;}
.host-prd-list ul 
{display:flex; flex-wrap:wrap; margin:0 -1rem;}
.host-prd-list ul li 
{width:calc((100% / 4) - 2rem); margin:1rem;}
.host-prd-list ul li .img-con 
{border-radius:10px; overflow:hidden; border:1px solid #ddd;}
.host-prd-list ul li .txt-con 
{padding:2rem; text-align:center;}
.host-prd-list ul li .txt-con p 
{font-size:1.8rem; color:#000; font-weight:400;}

#videoExpandPopup 
{width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.5); display:flex; align-items:center; justify-content:center; z-index:9999; opacity:0; visibility:hidden;}
#videoExpandPopup .popup-area 
{background:#fff; width:80%; height:70%;}
#videoExpandPopup .popup-area .popup-video-con
{width:100%; height:100%;}
#videoExpandPopup #closeVideoPopup 
{position:fixed; right:10rem; top:10rem; width:5rem; height:5rem; background:#fff; display:flex; align-items:center; justify-content:center; border-radius:25px; cursor:pointer; transition:all 0.3s ease;}
#videoExpandPopup #closeVideoPopup i 
{font-size:4rem; color:#000; transition:all 0.3s ease;}
#videoExpandPopup.show 
{opacity:1; visibility:visible; transition: all 0.3s ease;}
#videoExpandPopup #closeVideoPopup:hover 
{background:var(--main-color);}
#videoExpandPopup #closeVideoPopup:hover i 
{color:#fff;}

/* 임대사업 */
.lease-business-con
{margin:15rem 0;}
.lease-business-con .lease-con 
{display:flex; flex-wrap:wrap;}
.lease-business-con:nth-child(even) .lease-con
{flex-direction:row-reverse}
.lease-business-con .lease-con .img-con 
{width:72rem; height:48rem;; display:flex; align-items:center; justify-content:center;}
.lease-business-con .lease-con .img-con .img 
{width:50%; height:100%; transition:all 0.5s ease;}
.lease-business-con .lease-con .img-con .img img 
{width:100%; height:100%;; object-fit:cover;}
.lease-business-con .lease-con .txt-con 
{width:55%; padding:4rem 5rem;}
.lease-business-con .lease-con .txt-con h2 
{font-size:5.2rem; color:#000; font-weight:600;}
.lease-business-con .lease-con .txt-con p
{font-size:1.9rem; color:#333; line-height:1.8; margin-top:2rem;}
.lease-business-con.animated .lease-con .img-con .img
{width:100%;}


/* RND */
.rnd-intro-banner 
{display:flex; flex-wrap:wrap; position:relative; height:45rem; width:100%;}
.rnd-intro-banner .banner-bg 
{position:absolute; width:90%; height:100%; left:5%; top:0; background:#000; z-index:0; border-radius:10px; overflow:hidden; background-position:center; transition:all 0.8s ease;}
.rnd-intro-banner .banner-bg.animated
{width:100%; left:0;}

.rnd-intro-banner .inner 
{width:100%; height:100%; padding:6rem; display:flex; align-items:center; }
.rnd-intro-banner .banner-txt-flex-con 
{display:flex; align-items:center; justify-content:space-between; width:100%; position:relative;}

.rnd-intro-banner .banner-txt 
{width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; position:relative; z-index:9;}
.rnd-intro-banner .banner-txt h2 
{font-family:'NanumSquare'; font-size:3.8rem; color:#fff; font-weight:800;}
.rnd-intro-banner .banner-txt p
{font-size:2rem; color:#fff; font-weight:300; margin-top:2rem; line-height:1.8;}

.rnd-intro-banner .banner-img 
{background:rgba(0,0,0,0.5); backdrop-filter:blur(5px); width:35%; display:flex; align-items:center; justify-content:center; padding:1rem 2rem 3rem 2rem;}

.rnd-intro-banner2 
{position:relative; width:100%; height:28rem; border-radius:10px; overflow:hidden;}
.rnd-intro-banner2 .banner-bg 
{width:100%; position:absolute; height:100%; left:0; top:0; background-attachment:fixed; background-position:center;}




/* 연구소 소개 */
.rnd-ct-tit
{margin-bottom:6rem; text-align:center;}
.rnd-ct-tit h2 
{position:relative; font-size:4.6rem; color:#000; font-weight:700;}

.rnd-org-dep1 
{position:relative; display:flex; justify-content:center;}
.rnd-org-dep1 .box 
{width:20%; text-align:center; background:var(--main-color); position: relative; z-index:9;}
.rnd-org-dep1 .box span 
{font-size:1.8rem; color:#fff; font-weight:500; padding:2rem 0; display:block;}
.rnd-org-dep2 
{display:flex; flex-wrap:wrap; justify-content:space-around; padding-top:3.5rem; margin-top:3.5rem; position:relative;}
.rnd-org-dep2 .dep2-column 
{position:relative; width:20%; text-align:center; display:flex; flex-direction:column; justify-content:space-between;}
.rnd-org-dep2 .dep2-column .box
{position:relative; border:1px solid #ddd;}
.rnd-org-dep2 .dep2-column .box span 
{display:block; padding:1.5rem 0; font-size:1.7rem; color:#000; background:#d4e9f9}

.rnd-org-dep2 .dep2-column .des 
{position:relative; border:1px solid #ddd; margin-top:2rem; height:100%; }
.rnd-org-dep2 .dep2-column .des ul 
{background:#f7f7f7; padding:2rem; height:100%;}
.rnd-org-dep2 .dep2-column .des ul li 
{position:relative; padding-left:1rem; font-size:1.6rem; color:#333; margin:0 0 1rem; text-align:left;}
.rnd-org-dep2 .dep2-column .des ul li:before
{content:''; position:absolute; width:4px; height:4px; background:#0a2d53; border-radius:50%; left:0; top:9px;}

.rnd-org-dep1:after
{content:''; position:absolute; width:1px; height:54%; bottom:-54%; background:#ddd;}
.rnd-org-dep2:before
{content:''; position:absolute; width:75%; left:12.5%; top:0; height:1px; background:#ddd;}
.rnd-org-dep2 .dep2-column .box:before 
{content:''; position:absolute; width:1px; height:64%; top:-64%; background:#ddd;}
.rnd-org-dep2 .dep2-column .box:after
{content: ''; position: absolute; width: 7px; height: 7px; background: #245f9f; border-radius: 50%; top: -3.5px; left: calc(50% - 3px);}
.rnd-org-dep2 .dep2-column .des:before
{content:''; position:absolute; width:7px; height:7px; background:#ffa6ad; border-radius:50%; left:calc(50% - 3.5px); top:-3.5px;}
.rnd-org-dep2 .dep2-column .des:after
{content:''; position:absolute; width:1px; height:3rem; background:#ddd; top:-3rem; left:calc(50% - 0.5px); z-index:-1;}

.manage-system-con 
{display:flex; flex-wrap:wrap;}
.manage-system-con .system-box
{width:50%; padding:10rem; height:80rem; background-position:center; background-repeat:no-repeat; background-size:cover;}
.manage-system-con .system-box .tit-con h2
{font-size:6rem; color:#fff; font-weight:700;}
.manage-system-con .system-box .tit-con h2 span 
{font-family:'Poppins'; font-size:2.8rem; color:#cdcdcdb8; font-weight:400; display:block;}

.manage-system-con .system-box .des-con 
{margin-top:2rem;}

.manage-system-con .system-box .img-con 
{background:#fff; padding:0.5rem 3rem; display:inline-block; }
.manage-system-con .system-box .list-con
{margin-top:4rem; background:rgba(0,0,0,0.21); padding:3rem; backdrop-filter:blur(20px); border-radius:10px;}
.manage-system-con .system-box .list-con ul li
{font-size:1.8rem; color:#fff; margin: 0 0 1rem 0; padding-left:1.5rem; position:relative; font-weight:300;}
.manage-system-con .system-box .list-con ul li:before 
{content:''; position:absolute; width:3px; height:3px; background:#ffffff82; border-radius:50%; left:0; top:12px;}

/* 연구소 목표 비전 */
.rnd-goal-intro-con 
{position:relative; width:100%; height:60rem; }
.goal-intro-bg 
{width:100%; height:100%; background-attachment:fixed; position:absolute; left:0; background-repeat:no-repeat; background-size:cover;}
.goal-intro-txt-con 
{position:relative; width:100%; height:100%; z-index:9; display:flex; align-items:center;}
.goal-intro-txt-con h2 
{font-size:5rem; color:#fff; font-weight:700; font-family:'NanumSquare'; margin-bottom:4rem;}
.goal-intro-txt-con p
{font-family:'NanumSquare'; font-size:3rem; color:#fff; line-height:1.5; font-weight:100;}

.goal-vision-con 
{position:relative;}
.goal-vision-con .img-con 
{text-align:center;}
.goal-vision-con .overlay-txt-box
{position:absolute; width:100%; height:100%; top:0; left:0;}
.goal-vision-con .overlay-txt-con 
{display:flex; flex-wrap:wrap; position:relative; width:100%; height:100%;}
.goal-vision-con .overlay-txt-con .txt-box
{position:absolute; width:35rem; min-height:20rem; display:flex; align-items:center;  background:#2e3661; padding:1rem 2rem; border-radius:10px; box-shadow:10px 10px 11px #bfbfbf14;}
.goal-vision-con .overlay-txt-con .txt-box ul li 
{font-size:1.6rem; color:#fff; text-align:left; margin:1.5rem 0; padding-left:1.5rem; position:relative;}
.goal-vision-con .overlay-txt-con .txt-box ul li:before 
{content:''; position:absolute; width:3px; height:3px; background:#b7b7b7; border-radius:50%; left:0; top:10px; }
.goal-vision-con .overlay-txt-con .txt-box:nth-child(1) 
{left:60%; top:10%;}
.goal-vision-con .overlay-txt-con .txt-box:nth-child(2) 
{left:3%; bottom:8%;}
.goal-vision-con .overlay-txt-con .txt-box:nth-child(3) 
{right:3%; bottom:8%;}



.research-part-row 
{display:flex; flex-wrap:wrap; padding-bottom:10rem;}
.research-part-row:last-child 
{padding-bottom:0}
.research-part-row .left-con
{width:35%; }
.research-part-row .left-con .tit-con
{}
.research-part-row .left-con .tit-con h4 
{font-family:'Exo 2'; font-size:2.0rem; color:var(--main-color); font-weight:700; text-transform:uppercase; margin-bottom:1rem;}
.research-part-row .left-con .tit-con h2
{font-size:4rem; color:#000; font-weight:700;}
.research-part-row .right-con 
{width:65%;}
.research-part-row .right-con li
{ margin-bottom:10rem;}
.research-part-row .right-con .tit-con 
{margin-bottom:2rem;}
.research-part-row .right-con .tit-con h4 
{font-size:3rem; color:#000; font-weight:600; margin-bottom:0.5rem;}
.research-part-row .right-con .tit-con p
{font-size:2rem; position:relative; padding-left:2rem;}
.research-part-row .right-con .tit-con p:before
{content:''; position:absolute; left:0; width:5px; height:5px; background: var(--main-color);; top:10px; }
.research-part-row .right-con .img-con 
{width:100%; display:flex; align-items:center; justify-content:center; border:1px solid #ddd; padding:1rem 0; flex-wrap:wrap;}
.research-part-row .right-con .img-con .img-col 
{width:49%; text-align:center; margin:1rem 0;}
.research-part-row .right-con .img-con .img-col p 
{font-size:1.8rem; color:#222; font-weight:500; margin-top:1rem;}

/* 인재경영 */
.bg-con 
{background:#f4f4f4}
.sub-cont-row 
{padding-bottom:5rem;}
.sub-cont-tit 
{text-align:center; margin-bottom:5rem;}
.sub-cont-tit h4 
{font-family:'exo 2'; font-size:2rem; color:var(--main-color); font-weight:700; margin-bottom:1rem;}
.sub-cont-tit h2
{font-size:5rem; color:#000; font-weight:700;}

/* cm */
.cm-intro-con 
{position:relative;}
.cm-intro-con .intro-wrap 
{max-width:1600px; margin:0 auto; width:100%; height:100%;}
.cm-intro-con .bg 
{position:relative; left:0; top:0; width:100%; height:40rem; background:#000; border-radius:25px;}

.cm-intro-con .intro-tit
{margin-bottom:5rem;}
.cm-intro-con .intro-tit h4
{font-size:2.4rem; color:var(--main-color); font-family:'Exo 2'; font-weight:700; margin-bottom:1rem;}
.cm-intro-con .intro-tit h2
{font-family:'NanumSquare'; font-size:5.2rem; color:#000; font-weight:800;}

.talent-intro-bg 
{width:100%; height:45rem; background:#000; }
.cm-intro-con .intro-txt
{margin-top:5rem;}
.cm-intro-con .intro-txt p 
{font-size:3.8rem; color:#b3b3b3; font-weight:600; line-height:1.8;}
.cm-intro-con .intro-txt p.animated
{color:#1b1b1b;}

.hr-core-value ul 
{display:flex; flex-wrap:wrap; justify-content:space-between;}
.hr-core-value ul li
{width:19%; padding:4rem; background:#fff}
.hr-core-value .icon-con 
{width:8rem; height:8rem; background:var(--main-color); display:flex; align-items:center; justify-content:center; border-radius:50px;;}
.hr-core-value .txt-con 
{margin-top:2rem;}
.hr-core-value .txt-con .num
{border-radius:50%;  font-size:1.8rem; color:var(--main-color); font-family:'Exo 2'; font-weight:700;}
.hr-core-value .txt-con h4
{font-size:2.6rem; color:#000; font-weight:700; margin:1rem 0;}
.hr-core-value .txt-con p
{font-size:1.7rem; color:#000; font-weight:300;}

.hr-talent-list ul 
{display:flex; flex-wrap:wrap; justify-content:center;;}
.hr-talent-list .item 
{width:20%;  background:#f4f4f4; padding:8rem 2rem 11rem; text-align:center; position:relative; border-left:2px solid #fff;;}
.hr-talent-list .item:after 
{position: absolute; content: ''; width: 100%; height: calc(100% + 3.4rem); top: -1.7rem; left: 0; background: linear-gradient(130deg, #397cc5 15%, var(--main-color) 85%); opacity:0; transition: all 0.4s;}
.hr-talent-list .item .icon-con 
{width:8rem; height:8rem; background:#fff; display:inline-flex; align-items:center; justify-content:center; position:relative; z-index:9;border-radius:100px}
.hr-talent-list .item .txt-con
{position:relative; margin-top:2rem; z-index:9;}
.hr-talent-list .item .txt-con h5 
{font-size:2.0rem; color:#000; font-weight:500;}

.hr-talent-list .item.active:after
{opacity:1;}
.hr-talent-list .item.active .txt-con h5
{color:#fff;}

.hr-system-banner-con 
{position:relative; width:90%; left:5%; padding:10rem 0; background-position:center;;}
.hr-system-banner-con.animated {width:100%; left:0;}
.hr-system-banner-con .banner-tit 
{margin-bottom:3rem;}
.hr-system-banner-con .banner-tit h4 
{font-family:'Exo 2'; font-size:2.0rem; color:#fff; font-weight:700;}
.hr-system-banner-con .banner-tit h2
{font-size:4rem; color:#fff; font-weight:600; font-size:6rem; margin-top:1rem;}
.hr-system-banner-con .banner-txt p
{font-size:2.0rem; margin:0.5rem 0; color:#fff; font-weight:300;}
.hr-system-list
{margin-top:5rem;}
.hr-system-list ul 
{display:flex; justify-content:space-between;}
.hr-system-list ul li
{width:24%; text-align:center; background:#f7f7f7; padding:4rem 2rem; border-radius:20px;}
.hr-system-list .icon-con 
{display:inline-flex; align-items:center; justify-content:center;; width:7rem; height:7rem; }
.hr-system-list .txt-con 
{text-align:center; margin-top:1rem;}
.hr-system-list .txt-con h4
{font-size:2.4rem; color:#000; font-weight:600; margin-bottom:1rem;}
.hr-system-list .txt-con p
{font-size:1.7rem; color:#000; font-weight:300;}





/* 복리후생 */
.welfare-list-con 
{margin-top:5rem;}
.welfare-list 
{display:flex; flex-wrap:wrap; margin:0 -1rem;}
.welfare-list .item 
{position:relative; width:calc((100% / 3) - 2rem); margin:1rem; background:#f4f4f4; padding:4rem; border-radius:15px; display:flex; flex-direction:column; justify-content:space-between;}
.welfare-list .item .tit-con 
{margin-bottom:2rem;}
.welfare-list .item .tit-con h4
{font-size:2.4rem; color:#000; font-weight:600; margin-bottom:1rem;}
.welfare-list .item .tit-con p
{font-size:1.6rem;}
.welfare-list .item .list-con li 
{position:relative; font-size:1.6rem; padding-left:1rem;}
.welfare-list .item .list-con li:before
{content:''; position:absolute; width:3px; height:3px; top:9px; left:0; background:#999}
.welfare-list .item .icon-con 
{position:absolute; bottom:3rem; right:3rem; height:8rem; width:8rem; display:inline-flex; align-items:center; justify-content:center; border-radius:50px; background:#fff;}
.welfare-list .item.active 
{background:var(--main-color);}
.welfare-list .item.active .tit-con h4
{color:#fff;}
.welfare-list .item.active .tit-con p 
{color:#fff;}
.welfare-list .item.active .list-con li 
{color:#fff;}
.welfare-list .item.active .list-con li:before
{background:#fff;}

/* ESG 개요 */
.esg-overview-intro-con .esg-bg-con 
{width:100%; height:30rem; background-attachment:fixed; background-position:center; border-radius:25px; overflow:hidden;}
.esg-overview-con 
{margin:10rem 0;}
.esg-overview-con:last-child 
{margin:10rem 0 0;}
.esg-overview-con .overview-tit-con 
{text-align:center; margin-bottom:2rem;}
.esg-overview-con .overview-tit-con h4
{font-size:4.2rem; color:#000; font-weight:700;}
.esg-overview-con .overview-txt-con 
{text-align:center; margin-bottom:8rem;}
.esg-overview-con .overview-txt-con p
{font-size:2.4rem; color:#292929; line-height:1.8; font-weight:300;}


.esg-organ-chart-con .depth-row
{text-align:center;}
.esg-organ-chart-con .esg-dep1
{padding-bottom:4rem; margin-bottom:4rem; position:relative;}
.esg-organ-chart-con .esg-dep1 strong
{background:#008233; font-size:2rem; color:#fff; display:inline-block; padding:1.5rem 2rem; border-radius:50px; font-weight:500; width:35rem;}
.esg-organ-chart-con .dep2-box-con
{display:flex; justify-content:center;}
.esg-organ-chart-con .esg-dep2 .dep2-box 
{width:18%; margin:0 8rem; display:flex; flex-direction:column; position:relative;}
.esg-organ-chart-con .esg-dep2 .dep2-box strong 
{color:#fff; font-size:2rem; font-weight:500; display:block; padding:1rem 2rem; text-align:center; border-radius:10px;}
.esg-organ-chart-con .esg-dep2 .dep2-box:nth-child(1) strong
{background:#0b3059;}
.esg-organ-chart-con .esg-dep2 .dep2-box:nth-child(2) strong
{background:#b73a3a;}
.esg-organ-chart-con .esg-dep2 .dep2-box:nth-child(3) strong
{background:#92ad00;}
.esg-organ-chart-con .esg-dep2 .dep2-box ul 
{background:#fff; padding:2rem; margin-top:1rem; border:1px solid #eee; height:100%; border-radius:10px;}
.esg-organ-chart-con .esg-dep2 .dep2-box ul li 
{font-size:1.7rem; color:#222; margin:0 0 1rem 0;}



.esg-organ-chart-con .esg-dep1:before
{content:''; position:absolute; width:56%; height:1px; left:22%; background:#ddd; bottom:0;}
.esg-organ-chart-con .esg-dep1:after
{content:''; position:absolute; width:1px; height:40px; background:#ddd; left:50%; bottom:0px;}
.esg-organ-chart-con .esg-dep2 .dep2-box:before
{content:''; position:absolute; width:1px; height:40px; background:#ddd; left:50%; top:-40px;}


/* 환경 경영 */
.esg-con 
{display:flex; flex-wrap:wrap; margin-bottom:8rem;}
.esg-con-tit 
{width:20%;}
.esg-con-tit h2
{font-size:4rem; color:#000; font-weight:600;}
.esg-con-des 
{width:80%;}
.environment-con 
{background:#f7f7f7;}
.environment-inner 
{padding:5rem;}

.environment-slogan-con 
{text-align:center; margin-bottom:2rem;}
.environment-slogan-con h2
{font-size:3rem; color:#000; font-weight:700;}

.environment-des-box
{margin-bottom:3rem;}
.environment-tit-con
{margin-bottom:2rem;}
.environment-tit-con h4
{font-size:2.4rem; color:#000; font-weight:700; margin-bottom:0.5rem;}
.environment-tit-con p
{font-size:1.8rem; color:#000; font-weight:300; }



.environment-list
{display:flex; flex-wrap:wrap;}
.environment-list li 
{width:calc((100% / 3) - 1rem); margin:0.5rem; background:#fff; padding:3rem 10rem 4rem 3rem; position:relative; border:1px solid #eee; border-radius:5px;}
.environment-list h4
{font-size:2rem; color:#1b1b1b; font-weight:600; margin-bottom:1rem; display:flex;  line-height:1.5;}
.environment-list h4 b
{margin-right:0.5rem;  color:var(--main-color); font-weight:700;}
.environment-list p
{font-size:1.6rem; color:#434343;}
.environment-list .icon
{width:5rem; height:5rem; position:absolute; right:3rem;  bottom:3rem; display:none;}

.environment-company-con 
{text-align:right; margin-top:5rem;}
.environment-company-con p 
{text-align:center; font-size:2rem; color:#000; font-weight:500; margin-bottom:2rem;}
.environment-company-con strong 
{font-size:1.7rem; color:#111; display:block; font-weight:500; margin:0.5rem 0;}
/* 그래프 */
.environment-graph-con .environment-graph-row 
{margin:5rem 0;}
.environment-graph-con .graph-tit
{margin-bottom:1rem;}
.environment-graph-con .graph-tit strong 
{font-size:2.4rem; color:#000; display:block;}
.environment-graph-con .graph-tit span 
{background:var(--main-color); color:#fff; font-size:1.6rem; padding:0.5rem 2rem; display:inline-block; margin-top:0.5rem;}
.environment-graph-con .graph-img 
{width:100%; background:#fff; text-align:center;}
.environment-graph-con .graph-des-tbl
{margin-top:3rem;}
.environment-graph-con .graph-des-tbl .unit 
{display:block; text-align:right; font-size:1.5rem; color:#000; font-weight:600;}
.environment-graph-con .graph-des-tbl .tbl-con tr 
{}
.environment-graph-con .graph-des-tbl .tbl-con tr th 
{background:var(--point-color); font-size:1.5rem; color:#fff; font-weight:400; border-color:#ffffff30; padding:10px 5px;}
.environment-graph-con .graph-des-tbl .tbl-con tr td
{font-size:1.5rem; text-align:center; color:#fff; border-color:#ffffff2e; vertical-align:middle; padding:10px 5px; width:5%}
.environment-graph-con .graph-des-tbl .tbl-con tr.y24 td
{background:#0c2645}
.environment-graph-con .graph-des-tbl .tbl-con tr.y25 td
{background:#194b81}
.environment-graph-con .graph-des-tbl .tbl-con tr.diff td 
{background:#5d6f81}
.environment-graph-con .graph-des-tbl .tbl-con tr td.cat 
{width:12%}

/* list2 */
.environment-list2 dl
{margin-bottom:3rem;}
.environment-list2 dl dt
{font-size:2rem; color:#000; font-weight:600; margin-bottom:1rem;}
.environment-list2 dd p 
{font-size:1.6rem; color:#000; font-weight:300; margin-bottom:1rem;}
.environment-list2 dd p strong 
{font-weight:500;}
.environment-list2 dl .sub-inner-list
{margin-left:2rem}
.environment-list2 dl .sub-inner-list li
{width:100%; margin:0 0 2rem;}
.environment-list2 dl .sub-inner-list li strong
{font-size:1.7rem; color:#000; display:block; margin-bottom:0.5rem;}
.environment-list2 dl .sub-inner-list li span
{font-size:1.6rem; display:block;}
.environment-list2 dl .sub-list li
{position:relative; padding-left:1rem; margin:0.5rem 0;}
.environment-list2 dl .sub-list li:before
{content:''; position:absolute; width:3px; height:3px; background:#999; border-radius:50%; left:0; top:8px;}
.environment-list2 dl .sub-list li span
{font-size:1.6rem; }

/* list3 */
.environment-list3 
{background:#fff; padding:3rem;}
.environment-list3 li
{font-size:1.8rem; color:#2b2b2b; margin:1rem 0;}
/* list4 * certifi */
.environment-list4 ul 
{display:flex;}
.environment-list4 ul li
{width:50%; padding:0 1rem;}
.environment-list4 ul li p 
{font-size:1.8rem; color:#222;  margin-bottom:3rem;}
.environment-list4 ul li img 
{width:45rem; height:55rem; background:#000;}

#inquiry-style03-tbl .write-box 
{display:flex; flex-wrap:wrap;}
#inquiry-style03-tbl .write-box dl 
{width:48%; margin:0 2% 1% 0;}
#inquiry-style03-tbl .write-box dl.w100 
{width:100%;}
#inquiry-style03-tbl .write-box dl dt 
{font-size:1.7rem; color:#000;}
#inquiry-style03-tbl .write-box dl dd input,
#inquiry-style03-tbl .write-box dl dd textarea 
{background:#f6f6f6; padding:1rem; font-size:1.5rem; color:#484848; border-radius:5px; border:1px solid #eee;}
#inquiry-style03-tbl .write-box dl dd input::placeholder,
#inquiry-style03-tbl .write-box dl dd textarea::placeholder
{color:#999;}
#inquiry-style03-tbl .terms
{}
#inquiry-style03-tbl .terms p
{display:flex; align-items:center;}
#inquiry-style03-tbl .terms p span 
{font-size:1.7rem; margin:0;}
#inquiry-style03-tbl .terms a 
{margin-left:1rem; color:#101010; display:inline-block; border-bottom:2px solid #101010; font-size:1.7rem; padding:0 0.5rem;}
#inquiry-style03-tbl .submit-con
{margin-top:4rem; text-align:center;}
#inquiry-style03-tbl .submit-con input 
{border:none; background:var(--main-color); color:#fff; font-size:1.7rem; padding:1rem 4rem; transition: all 0.3s ease;}
#inquiry-style03-tbl .submit-con input:hover 
{background:var(--sub-color);}

@media screen and (max-width:767px) {
  #inquiry-style03-tbl .write-box dl
  {margin:0 0 2%; width:100%; }
}




/* 

.gnb-submenu
{position:fixed; top:10rem; left:0; width:100%; height:35rem; z-index:999;}
.gnb-submenu .gnb-bg 
{width:60%; height:100%; background:#fff; position:absolute; left:20%; top:2rem; display:none; z-index:0;}
.gnb-submenu .gnb-wrap 
{width:100%; height:100%; position:relative; z-index:9;}
.gnb-dep
{display:flex; padding:7rem 0 0; height:0; opacity:0; visibility:hidden; overflow:hidden; transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out 0.2s;}
.gnb-dep.active
{height:100%; opacity:1; visibility:visible;}
.gnb-dep .gnb-tit 
{width:30%;}
.gnb-dep .gnb-tit h2
{font-size:4rem; color:#000; font-weight:600;}
.gnb-dep .gnb-2dep 
{width:70%}
.gnb-dep .gnb-2dep-menu ul 
{display:flex; flex-wrap:wrap; justify-content:end;}
.gnb-dep .gnb-2dep-menu ul li
{width:100%; margin:1.5rem 0;}
.gnb-dep .gnb-2dep-menu ul#menu-mainmenu-sub01 li
{width:50%;}
.gnb-dep .gnb-2dep-menu ul li a
{font-size:1.8rem; color:#656565; font-weight:500; transition:all 0.3s ease;}
.gnb-dep .gnb-2dep-menu ul li a:hover 
{color:#000;}

.gnb-submenu {
  position: fixed;
  top: 10rem;
  left: 0;
  width: 100%;
  height: 0rem;
  z-index: 999;
  pointer-events: none;
  
}
.gnb-submenu.active 
{height:35rem;}

.gnb-submenu .gnb-bg {
  width: 60%;
  height: 100%;
  background: #fff;
  box-shadow:0px 7.2px 7.2px 0px #81818126;
  position: absolute;
  left: 20%;
  top: 2rem;
  display: none;
  z-index: 0;
  border-radius:10px;
}

.gnb-wrap {pointer-events: auto;}
.gnb-dep { display: flex; padding: 6rem 0 0; height: 0; opacity: 0; visibility: hidden; overflow: hidden; transition: height 0.5s ease-in-out, opacity 0.3s ease-in-out;
}
.gnb-dep.active { height: 100%; opacity: 1; visibility: visible;} */