/*
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.2.1.1736386614
Updated: 2025-01-09 01:36:54

*/

/**************************************************
* MAIN VISUAL
* 메인 비주얼 공통 세팅
****************************************************/
#mainVisualCon { width:100%; height:96rem; overflow:hidden;} 
/* 풀페이지에만 사용 */
/*
.section .fp-tableCell .elementor-element,
.section .fp-tableCell .elementor-element .elementor-widget-container { height: 100%; } 
*/
.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%; } 
#mainVisualCon .main-visual-txt-con {height:100%;}
#mainVisualCon .visual-txt-con { height:100%; display:flex; flex-direction:column; justify-content: center; align-items: start; } 
#mainVisualCon .visual-txt-con h4 {font-size:5rem; color:#fff; font-weight:300; position:relative; overflow:hidden; line-height:1.2; margin-bottom:3rem;}
#mainVisualCon .visual-txt-con h4 b {color:var(--main-color); font-weight:600;}
#mainVisualCon .visual-txt-con h2 {font-size:6rem; color:#fff; font-weight:800; position:relative; overflow:hidden; line-height:1; margin-top:3rem;}
#mainVisualCon .main-visual-item .visual-txt-con .line {position:absolute; width:0%; height:1px; background:#fff; left:0; z-index:9; display:inline-block;}

#mainVisualCon .visual-txt-con h4.down-animation-en {
  font-size: 4.6rem !important;
}

.main-visual-controls { position: absolute; width: 100%; bottom: 60.5%; z-index:9997;} 
.main-visual-controls .main-visual-controls-wrap
{max-width:1760px; margin:0 auto; position: relative;}
.main-visual-controls .visual-number-con 
{position:absolute; display:flex; flex-direction:column; top:4.5rem; z-index:99;}
.main-visual-controls .visual-number-con span 
{color:#fff; font-size:2.4rem; display:flex; align-items:center; margin:1rem 0;  font-weight:100; opacity:0;}
.main-visual-controls .visual-number-con span.cur-num 
{font-size:2.4rem; font-weight:900;}
.main-visual-controls .visual-arrow-con
{position:absolute; right:0; top:0; display:flex; flex-direction:column; opacity:0;}
.main-visual-controls .visual-arrow-con button 
{width:6rem; height:6rem; background:rgba(0,0,0,0.3); border-radius:50%; display:flex; align-items:center; justify-content: center; margin:2rem 0; }
.main-visual-controls .visual-arrow-con button i 
{background-position:center; background-repeat:no-repeat; width:22px; height:31px;}
.main-visual-controls .visual-arrow-con button:hover 
{background:rgba(0,0,0,0.7);}
.main-visual-controls .visual-arrow-con button.next-btn i 
{transform:rotate(180deg);}

.main-visual-item.slick-active .main-visual-img {animation: visualScale 4s ease-in-out both;}
#mainVisualCon .main-visual-item.slick-active .visual-txt-con .line
{animation: line 1s 1.8s ease forwards}

.main-visual-controls.active .visual-number-con span 
{opacity:1; transition: all 0.3s 1s ease;}
.main-visual-controls.active .visual-arrow-con
{opacity:1; transition: all 0.3s 1s ease;}


@keyframes visualScale {
	from {
		transform:scale(1.1)
	}
	to {
		transform:scale(1)
	}
}

@keyframes line {
  0%{
    width:0;
  }
  100% {
    width:100%;
  }
}

/* 비주얼 영문 */
.bg-video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#mainVisualCon .main-visual-slide-en .main-visual-txt-con { display: none; }

/* 메인 공통 */
.more-view
{border:2px solid #ffffff6b; padding:0.7rem 6rem 0.7rem 2rem; border-radius:25px; display:inline-block; font-size:1.7rem; font-weight:400; color:#fff; position:relative; z-index:9; overflow:hidden; }
.more-view:before
{content:''; position:absolute; width:100%; height:100%; right:0; border-radius:50px; top:0%;; z-index:-1;  transition: all 0.5s ease;}
.more-view i 
{position:absolute; width:3rem; height:3rem; background-image:url('/wp-content/uploads/2025/01/direct_arrow.png'); background-repeat:no-repeat; background-position:center; background-color:#fff; border-radius:50px; top:5px; right:6px;; transition:all 0.5s ease;}

/* 메인 사업소개 */
.main-business-con 
{display:flex; flex-wrap:wrap;}
.main-business-con .main-business-item 
{width:calc(100% / 3); height:73rem; position:relative; overflow:hidden;}
.main-business-con .main-business-item .business-item-bg 
{position:absolute; width:100%; height:100%; transform:scale(1.1) ;transition: all 1.3s ease;}
.main-business-con .main-business-item:hover .business-item-bg 
{transform:scale(1.0); }
.main-business-con .main-business-item .inner 
{display:block; padding:2rem; width:100%; height:100%;}
.main-business-con .business-txt-con 
{width:100%; height:100%; display:flex; flex-direction:column; justify-content: center; align-items: center; position:relative; z-index:9;;}
.main-business-con .business-txt-con .tit 
{font-size:3.5rem; color:#fff; font-weight:700;}
.main-business-con .business-txt-con .line 
{width:1px; height:5rem; background:#fff; margin:2rem 0;}

.main-business-con .main-business-item:hover .business-txt-con .more-view i 
{ right:13px;}
.main-business-con .main-business-item:hover .business-txt-con .more-view:before
{background:#000000bf; backdrop-filter:blur(20px);}


@media screen and (max-width: 1780px) {
  .main-visual-controls { padding: 0 1rem; }
}

@media screen and (max-width: 1380px) {
  #mainVisualCon { height: 65rem; }
  #mainVisualCon .container
  {width: 100%; padding:0 70px;}
  #mainVisualCon .visual-txt-con { padding-top: 6rem; }
  #mainVisualCon .visual-txt-con h4 { font-size: 4rem; }
  #mainVisualCon .visual-txt-con h2 { font-size: 5rem; }
  .main-visual-controls { bottom: 65.5%; }
}
@media screen and (max-width: 900px) {
  #mainVisualCon .visual-txt-con h2 { font-size: 4rem; }
}
@media screen and (max-width: 768px) {
  #mainVisualCon { height: 45rem; }
  .main-visual-controls { bottom: 63%; }
  #mainVisualCon .main-visual-item .visual-txt-con .line { top: 56%; }
  #mainVisualCon .visual-txt-con h2 {
    font-size: 3rem;
  }
}

/* 메인 회사소개 영역 */
.main-company-con 
{display:flex; flex-wrap:wrap; align-items:stretch; padding:10rem 0; }
.main-company-left-con 
{width:33.696%; background:#121e3a; background-image:url('/wp-content/uploads/2025/01/main_company_company_bg.png'); background-position:bottom; background-repeat:no-repeat;}
.main-company-left-con .inner 
{display:flex; width:100%; height:100%; flex-direction:column; justify-content: center; align-items:start; padding:15rem 5rem 14rem 5rem}
.main-company-left-con .tit 
{font-size:4rem; font-weight:800; color:#fff;}
.main-company-left-con .txt
{font-size:1.8rem; font-weight:300; color:#fff; line-height:1.8; margin:5rem 0;}
.main-company-right-con 
{width:calc(100% - 33.696%)}
.main-company-right-con > div 
{display:flex; flex-wrap:wrap; height:50%; }
.main-company-right-con .box 
{width:50%; position:relative; overflow:hidden;}
.main-company-right-con .box .item-bg 
{position:absolute; width:100%; height:100%; background-size:cover; background-position:center; transform:scale(1.0); transition: all 1.3s ease}
.main-company-right-con .box .inner 
{display:flex; flex-direction:column; flex-wrap:wrap; justify-content: center; align-items: center; width:100%; height:100%; position:relative; z-index:9}
.main-company-right-con .tit 
{font-size:3rem; color:#fff; font-weight:600; margin-bottom:2rem;}
.main-company-con .box:hover .more-view i 
{ right:13px;}
.main-company-con .box:hover .more-view:before
{background:#000000bf; backdrop-filter:blur(20px);}
.main-company-con .box:hover .item-bg 
{transform:scale(1.1); }
.main-company-bg
{background-image:url("/wp-content/uploads/2025/01/main_company_bg.jpg"); background-position:center; background-repeat:no-repeat; width:100%; height:100%; position:absolute; left:0; right:0; top:0; z-index:-2;}


/* 메인 비디오 영역 */
#mainVideoCon 
{overflow:hidden;}
.main-video-con 
{position:relative; opacity:0; transition:all 1.5s 0.7s ease;} 
.main-video-con .video-tit 
{margin-bottom:1rem;}
.main-video-con .video-tit h2
{font-size:4.6rem; color:var(--sub-color); font-weight:900}
.main-video-slide-con 
{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: end;}
.main-video-slide-con .main-video-slide
{width:70%; height:540px;}
.main-video-slide-con .main-video-slide .slick-list,
.main-video-slide-con .main-video-slide .slick-list .slick-track
{height:100%;}
.main-video-slide-con .main-video-slide .video-wrap,
.main-video-slide-con .main-video-slide .video-wrap iframe
{height:100%;}
.main-video-slide-con .main-video-thumb-slide
{width:28.262%; position:relative; z-index: 99;}
.main-video-slide-con .main-video-thumb-slide .thumb-img-con
{position:relative; cursor:pointer}
.main-video-slide-con .main-video-thumb-slide .thumb-img-con:before 
{content:''; position:absolute; width:100%; height:100%; left:0; top:0; background:#0000005e; transition: all 0.5s ease; }
.main-video-slide-con .main-video-thumb-slide .thumb-img-con:hover:before
{background:#ffffff4f}
.main-video-slide-controls 
{position:absolute; right:0; top:0; bottom:0; display:flex; height:auto; align-items:center;;}
.main-video-slide-controls .video-slide-number 
{font-size:2.4rem; color:#939393; font-weight:800; letter-spacing:-2px; margin-right:2rem;}
.main-video-slide-controls .video-slide-number .current 
{font-family:'SUIT'; font-size:3rem; color:#000; font-weight:900; letter-spacing:-3px;}
.main-video-slide-controls .video-slide-arrow .slick-arrow.next-btn .icon
{transform:rotate(180deg);}
.main-video-slide-controls .video-slide-arrow .slick-arrow .icon 
{width:3rem; height:3rem; display:inline-block; background:var(--sub-color); background-position:center; background-repeat:no-repeat; border-radius:50%;}
.main-video-slide-controls .video-slide-arrow .slick-arrow:hover .icon 
{background-color:var(--main-color)}
.main-video-bg 
{background-image: url(/wp-content/uploads/2025/01/main_video_bg.png); position: absolute; right: 0; width: 100%; height: 100%; top: 0; background-repeat: no-repeat;  background-position: right; z-index: -2;}
.main-video-bg .hide-bg 
{position: absolute; width: 100%; height: 100%; background: #fff; z-index: -1; right: -65%; transition: all 1s ease;}

#mainVideoCon.animated .main-video-con
{opacity:1;}
#mainVideoCon.animated .main-video-bg .hide-bg 
{right:-100%;}


/* 메인 커스터머 영역 */
.main-customer-con 
{display:flex; flex-wrap:wrap; }
.main-customer-con > div 
{width:50%; position:relative; overflow:hidden}
.main-customer-con .item-bg 
{position:absolute; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; transition: all 1s ease;}
.main-customer-con .customer-txt-con 
{text-align:center; position:relative; z-index:9;}
.main-customer-con .customer-txt-con .inner 
{display:block; padding:10.6% 0; }
.main-customer-con .customer-txt-con .tit 
{font-size:3.6rem; color:#fff; font-weight:900;}
.main-customer-con .customer-txt-con .txt 
{font-size:2rem; color:#fff; font-weight:400; margin-top:2rem;}
.main-customer-con > div:hover .item-bg 
{transform:scale(1.1);}

/* 푸터 */
.footer-top-con .police-con a 
{padding:2rem 0; font-size:1.7rem; font-weight:300;  margin-right:5rem; display:inline-block; color:#fff;}
.footer-bottom-con 
{padding:4rem 0; border-top:1px solid #ffffff7d}
.footer-bottom-con .footer-detail-con 
{display:flex;}
.footer-bottom-con .footer-detail-con .f-logo 
{width:100px; height:18px; display:inline-block;}
.footer-bottom-con .footer-detail-con .f-logo.f-logo-en
{ width: 209px !important; transform: translate(0px, 5px);}
.footer-bottom-con .f-info-con
{padding-left:3rem;}
.footer-bottom-con .f-info-con span 
{font-family:'SUIT'; display:inline-block; font-size:1.6rem; color:#c2c1c1; font-weight:300; margin-right:3rem;}
.footer-bottom-con .f-info-con .copy 
{font-size:1.6rem; color:#c1c1c1; font-weight:300; margin-top:0.5rem;}

/* 서브 */
.sub-title-con 
{text-align:center; margin:7rem 0;}
.sub-title-con .sub-title 
{font-size:4rem; font-weight:800; color:#000;}

/* 기업 개요 */
#subContent.animated
{}
.overview-con 
{display:flex; flex-wrap:wrap;}
.overview-con .left-con
{ display: flex; align-items: center; width: 50%; padding-right: 3%; padding-left: 13%; }
/* .overview-con .tit-con 
{margin-bottom:2rem;} */
.overview-con .tit-con h4 
{font-family:'Montserrat'; font-size:2.8rem; font-weight:700; color:#c5c5c5;}
.overview-con .tit-con h3
{font-size:3.5rem; color:#000; font-weight:800; margin-top:1rem;}
.overview-con .tbl-con table tr th 
{font-size:1.6rem; background:#474747 !important; color:#fff; padding:1.5rem 2rem; width:25%; font-weight:600; border-color:#ffffff14}
.overview-con .tbl-con table tr td 
{font-size:1.6rem; color:#666; font-weight:400;}
.overview-con .right-con 
{width:50%;}
.overview-con .video-con 
{height:100%;}
.overview-con .video-con iframe 
{height:100%;}


.overview-flex-con 
{display:flex; align-items: center;}
.overview-flex-con.reverse 
{flex-direction:row-reverse}
.overview-flex-con .img-con 
{position:relative; width:50%; padding-top:27.326%; overflow:hidden;}
.overview-flex-con .img-con .bg 
{position:absolute; width:100%; height:100%; left:0; top:0; transition:all 1.5s 0.5s ease;}
.overview-flex-con .img-con.animated .bg 
{transform:scale(1.1)}

.overview-flex-con .txt-con
{width:50%; padding:5rem 15rem 5rem 5rem; text-align:center;}
.overview-flex-con.reverse .txt-con
{padding:5rem 5rem 5rem 15rem;}
.overview-flex-con .txt-con .eng
{font-family:'Montserrat'; font-size:3rem; color:var(--sub-color); font-weight:800;;}
.overview-flex-con .txt-con .tit
{font-size:3.2rem; color:#000; font-weight:800; margin:1rem 0 2rem;}
.overview-flex-con .txt-con .txt 
{font-size:2.1rem; color:#666; font-weight:500;}

.top-banner-con
{width:100%; height:40rem; position:relative; background:#ddd}
.top-banner-con .top-bg-con 
{position:absolute; width:100%; height:100%;}
.top-banner-con .txt-con 
{position:relative;width:100%; height:100%; text-align:center; display:flex; justify-content: center; align-items: center; z-index:99}
.top-banner-con .txt-con .txt 
{font-size:3.4rem; color:#fff;;}

.history-con 
{display:flex; flex-wrap:wrap; align-items: start;}
.history-left-con 
{position:sticky; top:100px; width:45%;}
.history-left-con h2 
{font-size:4rem; font-weight:800; color:#000;}
.history-left-con p 
{font-size:1.9rem; color:#9f9f9f; margin-top:1rem; font-weight:700;}
.history-right-con 
{width:55%;}
.history-right-con .history-row
{display:flex; flex-wrap:wrap; align-items:center; padding:5rem 3rem; border-bottom:1px solid #ddd;}
.history-right-con .history-row .icon 
{width:8rem; margin-right:3rem;}
.history-right-con .history-row .years
{font-family:'Poppins'; font-size:2.3rem; font-weight:700; color:#444; border-bottom:3px solid #444;}
.history-right-con .history-row dd 
{margin-top:1rem;}

.history-right-con .history-row .txt
{font-size:1.8rem; color:#5d5d5d; font-weight:600;}

.vision-flex-con 
{display:flex; flex-wrap:wrap; align-items:start; margin:0 -1%;}
.vision-flex-con .vision-item 
{position:relative; width:23%; overflow:hidden; border-radius:20px; margin:0 1%; cursor:pointer; box-shadow:11px 17px 29px 8px rgba(0, 0, 0, 0.2);}
.vision-flex-con .vision-item:before 
{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1; opacity:0; visibility:hidden; transition:all 0.3s ease;}
.vision-flex-con .vision-item:nth-child(even)
{ margin-top:8%;}
.vision-flex-con .vision-item .vision-bg 
{width:100%; padding-top:140%;  background-size:cover; background-position:center; transition:all 1s ease;}
.vision-flex-con .vision-item .vision-txt-wrap
{position:absolute; width:100%; height:100%; top:0; z-index:9;}
.vision-flex-con .vision-item .vision-tit-con 
{width:100%; height:100%; display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; text-align:center; padding:5rem; transition:all 0.5s ease;}
.vision-flex-con .vision-item .vision-tit-con h5
{color:#fff; font-family:'Montserrat'; font-size:1.8rem; font-weight:700; }
.vision-flex-con .vision-item .vision-tit-con h2 
{font-size:2.2rem; color:#fff; margin:2rem 0; line-height:1.5;}
.vision-flex-con .vision-item .vision-tit-con i 
{font-size:3.2rem; color:#fff; transition:all 0.5s ease;}
.vision-flex-con .vision-item .vision-txt-con 
{opacity:0; visibility:hidden; position:absolute; top:0; left:0; width:100%; height:100%; background:#121e3aa1; display:flex; justify-content: center; align-items: center; padding:2rem; transition:all 0.5s ease;}
.vision-flex-con .vision-item .vision-txt-con .txt 
{font-size:1.8rem; text-align:center; color:#fff; line-height:1.8;}

.vision-flex-con .vision-item:hover:before 
{opacity:1; visibility:visible;}
.vision-flex-con .vision-item:hover .vision-bg 
{transform:scale(1.05)}
.vision-flex-con .vision-item.active .vision-tit-con 
{opacity:0; visibility:hidden;}
.vision-flex-con .vision-item.active .vision-txt-con 
{opacity:1; visibility:visible;}
.vision-flex-con .vision-item:hover .vision-tit-con i 
{color:var(--main-color);}

.partners-list 
{display:flex; flex-wrap:wrap;}
.partners-list .item 
{width:19%; height:10rem; border:1px solid #eee; display:flex; align-items:center; justify-content:center; margin:-0.5px;}

.product-row 
{margin-bottom:5rem;}
.product-tit 
{margin-bottom:1rem; text-align:center;}
.product-tit h4 
{font-size:2.1rem; font-weight:800; background:#000; color:#fff; display:inline-block; padding:1rem;}
.product-con 
{background-image:url('/wp-content/uploads/2025/01/product_bg.jpg'); padding:5% 0; background-size:cover; background-repeat:no-repeat;}
.product-con .product-list 
{display:flex; flex-wrap:wrap; justify-content: center;  padding:2rem 0; margin:0 -1rem;}
.product-con .product-list li 
{width:calc(33% - 4rem); background:#fff; border-radius:25px; box-shadow:-1px 1px 45px 1px rgba(0, 0, 0, 0.05); padding:3rem; margin:0 1rem; max-width:330px;}

.product-con2 .product-list li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.product-con .product-list .tit-con
{margin-bottom:1rem;}
.product-con .product-list .tit-con h4 
{font-family:'Poppins'; font-size:1.7rem; font-weight:700; color:var(--main-color); display:none;}
.product-con .product-list .tit-con h2
{font-family:'Poppins'; font-size:2.1rem; font-weight:600; color:#000;}
.product-con .product-list .img-con 
{text-align:center; }
.product-con .product-list .txt-con 
{margin-top:1rem; border-top:1px dashed #ddd; padding-top:1rem;}
.product-con .product-list .txt-con dd 
{font-size:1.5rem; color:#000; font-weight:600;}


.cm-tab-menu-con ul 
{display:flex; flex-wrap:wrap; justify-content: center;}
.cm-tab-menu-con ul li 
{min-width:20rem; text-align:center; border:1px solid #ddd; background:#fff; padding:1rem; margin:0 -0.3%; cursor:pointer; transition:all 0.5s ease;}
.cm-tab-menu-con ul li span 
{font-size:1.8rem; color:#000; transition:all 0.5s ease;}
.cm-tab-menu-con ul li.active 
{background:var(--sub-color)}
.cm-tab-menu-con ul li.active span
{color:#fff;}
.cm-tab-menu-con ul li:hover 
{background:vaR(--sub-color)}
.cm-tab-menu-con ul li:hover span 
{color:#fff;}

.product-etc-con
{margin-top:5rem;}
.product-etc-con .prd-etc-list 
{display:flex; justify-content: center; flex-wrap:wrap;;}
.product-etc-con .prd-etc-list li 
{width:30%; margin:0 2rem; border:1px solid #ddd; text-align:center; border-radius:25px; overflow:hidden; max-width:330px; min-height:250px;}
.product-etc-con .prd-etc-list .img-con 
{background:#f4f4f4; border-radius:25px; width:100%; height:100%; display:flex; align-items:center; justify-content: center;;}

/* R&D */
.business-top-txt-con .top-txt-con h2 
{font-family:'Montserrat'; font-size:4rem; color:#000; font-weight:600; text-align:center;}
.business-top-txt-con .top-txt-con p 
{font-family:'Montserrat'; font-size:1.9rem; color:#4e4e4e; font-weight:500; margin-top:1rem; line-height:1.3; text-align:center;;}

.top-tbl-con
{text-align:center; margin-top:5rem;;}
.top-tbl-con table 
{width:800px; text-align:center; display:inline-block;}
.top-tbl-con table tr th 
{font-size:1.8rem; font-weight:600; color:#000; border-color:#ddd;}
.top-tbl-con table tr td
{background:#fff !important; vertical-align:middle; text-align:center; font-size:1.7rem; font-weight:600; border-color:#ddd}
.sedm-frequency-row 
{display:flex; flex-wrap:wrap; justify-content: space-between;}
.sedm-frequency-row .sedm-frequency-col
{width:49%;}
.sedm-frequency-row .sedm-frequency-col .tit 
{display:inline-block; background:#000; color:#fff; padding:1rem;}
.sedm-frequency-row .sedm-frequency-col .tit h4 
{font-weight:600;}
.sedm-frequency-row .sedm-frequency-col img 
{width:100%; border:1px solid #ddd; height:15rem;}

.microscope-con .micro-row 
{display:flex; flex-wrap:wrap; justify-content:space-between;}
.microscope-con .micro-row .micro-col 
{width:49%;}
.microscope-con .micro-tit-con 
{margin-bottom:2rem;}
.microscope-con .micro-tit-con h4 
{font-family:'Montserrat'; font-size:2.1rem; color:#000; font-weight:700; line-height:1; position:relative; padding-left:2rem;}
.microscope-con .micro-tit-con h4:before 
{content:''; width:6px; height:100%; background:var(--sub-color); position:absolute; display:inline-block; left:0; top:0;}
.microscope-con .micro-tit-con p 
{font-size:1.8rem; margin-top:2rem; line-height:1.2;}
.microscope-con .micro-txt-con
{margin-top:2rem;}
.microscope-con .micro-txt-con p 
{font-size:1.7rem; color:#222;}

.business-sub-tit 
{text-align:center; margin-bottom:7rem;}
.business-sub-tit h4 
{font-family:'SUIT'; font-size:4rem; font-weight:900; color:#000;}

.business-flex-con
{display:flex; flex-wrap:wrap;}
.business-flex-con.reverse
{flex-direction:row-reverse}
.business-flex-con .left-con
{width:60%; padding-right:3%;}
.business-flex-con .right-con
{width:40%;}
.business-flex-con .right-con .img-con 
{text-align:center;}


.business-flex-con.reverse .left-con 
{padding:0;}
.business-flex-con.reverse .right-con 
{padding-right:3%; }

.business-flex-con .business-detail-txt-con .tit 
{font-family:'SUIT'; font-size:2.8rem; font-weight:800; color:#222;}
.business-flex-con .business-detail-txt-con .eng
{font-size:1.6rem; font-weight:500; color:#696969}
.business-flex-con .business-detail-txt-con .txt 
{font-family:'SUIT'; font-size:1.8rem; color:#333; margin-top:1rem; font-weight:600;}

.business-flex-con .effect-list 
{display:flex; flex-wrap:wrap; justify-content: space-between; margin-top:2rem;;}
.business-flex-con .effect-list li 
{display: flex; align-items: center; width:49%; background:var(--sub-color); margin:0 0 1rem 0; padding:2rem; border-radius:10px;}
.business-flex-con .effect-list li span
{font-size:1.7rem; color:#fff; display:inline-block; width:100%; border-radius:5px;}

.business-flex-con .different-con 
{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; }
.business-flex-con .different-con .box-con 
{width:49%; background:#f4f4f4; border-radius:10px; border:1px solid #ddd; overflow:hidden;}
.business-flex-con .different-con .box-con .tit-con 
{padding:1rem; text-align:center; background:var(--sub-color);}
.business-flex-con .different-con .box-con .tit-con .tit 
{font-size:2.4rem; font-weight:800; color:#fff;}
.business-flex-con .different-con .box-con .tit-con span 
{font-family:'Montserrat'; font-size:1.6rem; color:#ffffffbd;  display:block;}
.business-flex-con .different-con .box-con .list-con 
{padding:3rem 4rem; background:#fff; border-top:1px solid #ddd;}
.business-flex-con .different-con .box-con .list-con ul 
{display:flex; flex-wrap:wrap;}
.business-flex-con .different-con .box-con .list-con ul li 
{display: flex; width:50%; margin-bottom:1rem; }
.business-flex-con .different-con .box-con .list-con ul li i 
{margin-right:1rem; font-size:1.6rem; color:var(--sub-color)}
.business-flex-con .different-con .box-con .list-con ul li span 
{font-size:1.8rem; color:#222;}

.business-detail-des-con 
{background:#fff; border:1px solid #ddd; padding:3rem 5rem; border-top:2px solid #000; margin:0;}
.business-detail-des-con.full-con 
{ margin-top:2rem;}
.business-detail-des-con .detail-des-txt-con p 
{font-size:1.8rem; font-family:'SUIT'; color:#666; font-weight:600; margin:1rem 0;}
.business-detail-des-con .detail-des-txt-con h4 
{font-size:2.1rem; font-weight:800; color:#000;}


.business-flex-con .img-row-con 
{display:flex; flex-wrap:wrap; justify-content:center; padding:1rem; background:#fff;}
.business-flex-con .img-row-con .img-col 
{width:45%; text-align:center; margin:0 2.5%}
.business-flex-con .img-row-con .img-col p 
{font-size:1.7rem; color:#000;}

.business-flex-con .rnd-img-slide .slick-dots 
{display:flex; justify-content: center; width:100%; margin-top:1rem;}
.business-flex-con .rnd-img-slide .slick-dots li
{margin:0 0.5rem;}
.business-flex-con .rnd-img-slide .slick-dots li button 
{border:none; background:#999; font-size:0; width:3rem; height:1rem; padding:0; border-radius:50px;}
.business-flex-con .rnd-img-slide .slick-dots li.slick-active button 
{background:var(--main-color);}

.business-flex-img-con
{justify-content: space-between; margin:2rem 0;}
.business-flex-img-con .left-con 
{width:49%; padding:0;}
.business-flex-img-con .right-con 
{width:49%; padding:0;}
.business-flex-img-con .img-con 
{text-align:center; background:#fff;}
.business-flex-img-con .border 
{border:1px solid #e9e9e9;}

.business-tbl-con 
{margin-top:2rem; }
.algorithm-tbl-con
{overflow:scroll; width:100%; height:65rem;}
.business-tbl-con table tr th 
{background:#f1f1f1 !important; font-size:1.6rem; text-align:center; vertical-align:middle; font-family:'SUIT'; font-weight:800; border-color:#ddd;}
.business-tbl-con table tr td
{background:#fff !important; font-size:1.6rem; text-align:center; font-family:'SUIT'; border-color:#ddd; vertical-align:middle;}
.business-tbl-con table tr td p 
{font-family:'SUIT'; margin:1rem 0; position:relative; padding-left:2rem;}
.business-tbl-con table tr td p:before 
{content:''; position:absolute; width:10px; height:10px; background:#d3d3d3; left:0; top:7px;}
.business-tbl-con tr td p span
{display:block; padding-left:2rem; margin-left:1rem; position:relative; font-family:'SUIT'; margin-bottom:0.5rem;}
.business-tbl-con tr td p span:before 
{content:'>'; position:absolute; left:0;}
.business-tbl-con .table-left-con table tr th 
{text-align:left;}
.business-tbl-con .table-left-con table tr td 
{text-align:left;}
.business-tbl-con .table-con
{margin-top:5rem;}
.business-tbl-con .table-con:first-child 
{margin:0;}


.business-img-des-con .list-3 
{display:flex; margin:0 -0.5%;}
.business-img-des-con .list-3  li 
{width:32%; margin:0 0.5%; background:#fff; border:1px solid #eee; box-shadow:13px 13px 33px #0000000d;}
.business-img-des-con .img-con 
{text-align:center; background:#eee;}
.business-img-des-con .img-con img 
{padding:2rem 0;}
.business-img-des-con .txt-con 
{ padding:3rem 4rem;}
.business-img-des-con .txt-con .tit 
{font-size:2.1rem; color:#222; font-weight:800;}
.business-img-des-con .txt-con .txt 
{font-size:1.7rem; margin-top:2rem;}

.business-dots-list.box-list 
{border:1px solid #ddd; padding:4rem;}
.business-dots-list ul li 
{font-size:1.9rem; position:relative; padding-left:2rem; margin:1rem 0;}
.business-dots-list ul li:before 
{content:''; position:absolute; left:0; top:9px; width:5px; height:5px; background:var(--sub-color); border-radius:50%;}

.business-img-con .img-list 
{display:flex; flex-wrap:wrap; margin:0 -1%;}
.business-img-con .img-list li 
{width:31%; text-align:center; margin:1% 1%;}
.business-img-con .img-list .txt-con h4
{font-size:1.9rem; color:#000; padding:1rem;}

.business-img-con li .img-con
{ padding: 2rem; border-radius: 1rem; background-color: #f5f5f5; }

.business-img-con .img-list.list-4 li 
{width:23%; margin:1%;}


.intro-title 
{text-align:center;}
.intro-title .title-con h1 
{font-size:5rem; color:#000; font-weight:800}

.intro-title .intro-box-list 
{display:flex; flex-wrap:wrap; margin:5rem -1% 0; justify-content: center;}
.intro-title .intro-box-list dl 
{padding:4rem; width:23%; margin:1%; position:relative; background:vaR(--sub-color); box-shadow:13px 13px 33px #f1f1f1;;}
.intro-title .intro-box-list dl dt
{font-size:2.1rem; color:#fff; font-weight:700;}
.intro-title .intro-box-list dl dd 
{font-size:1.8rem; color:#fff; font-weight:300; margin-top:1rem; line-height:1.3;}

.map-con 
{overflow:hidden; border-radius:20px; border:1px solid #ddd;}
.location-con .detail-con 
{display: flex; align-items: center; flex-wrap:wrap; margin-top:3rem; padding:5rem 15rem; border:1px solid #ddd; background:#f7f7f7; border-radius:50px;}
.location-con .detail-con strong 
{width:50%; font-size:3.6rem; color:#1b1b1b; font-weight:800;}

.location-con .detail-con .info-tbl 
{width:50%;}
.location-con .detail-con.detail-con-en strong{
  width: 45%;
}
.location-con .detail-con.detail-con-en .info-tbl {
  width: 55%;
}
.location-con .detail-con .info-tbl li
{margin:1rem 0;}
.location-con .detail-con .info-tbl li .tit 
{font-family:'SUIT'; font-size:1.7rem; color:#8f8f8f; font-weight:800; min-width:10rem; display:inline-block;}
.location-con .detail-con .info-tbl li .tit i 
{margin-right:5px;}
.location-con .detail-con .info-tbl li .txt 
{font-family:'SUIT'; font-size:1.7rem; color:#222; font-weight:600;}



#inquiry-style05-tbl .write-box 
{display:flex; flex-wrap:wrap; margin:0 -1%}
#inquiry-style05-tbl .write-box dl 
{width:49%; margin:0 0.5% 1%; padding:2rem; border:1px solid #ddd; border-radius:5px; background:#f7f7f7;}
#inquiry-style05-tbl .write-box dl.w100 
{width:100%;}
#inquiry-style05-tbl .write-box dl dt 
{font-size:1.7rem; color:#333; font-weight:700; margin-bottom:0.5rem;}
#inquiry-style05-tbl .write-box dl dd input,
#inquiry-style05-tbl .write-box dl dd textarea 
{background:#fff; padding:1rem; font-size:1.5rem; color:#484848; border-radius:0px; border:1px solid #ddd;}
#inquiry-style05-tbl .write-box dl dd textarea 
{height:15rem;}
#inquiry-style05-tbl .write-box dl dd input::placeholder,
#inquiry-style05-tbl .write-box dl dd textarea::placeholder
{color:#999;}
#inquiry-style05-tbl .terms
{}
#inquiry-style05-tbl .terms p
{display:flex; align-items:center;}
#inquiry-style05-tbl .terms p span 
{font-size:1.7rem; margin:0;}
#inquiry-style05-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-style05-tbl .submit-con
{margin-top:4rem; text-align:center;}
#inquiry-style05-tbl .submit-con input 
{border:none; background:#000; color:#fff; font-size:1.7rem; padding:1rem 4rem; transition: all 0.3s ease;}
#inquiry-style05-tbl .submit-con input:hover 
{background:var(--sub-color);}

.intro-title h1 
{font-size:5rem; color:#000; font-weight:800;}


/* 개인정보처리방침 */
/* 

정책

*/

.fusion-text.fusion-text-1 p:first-child { font-size: 2rem; } 
.fusion-text.fusion-text-1 p,
.fusion-text.fusion-text-2 p { font-size: 1.6rem; line-height: 2.3rem; } 
.fusion-text.fusion-text-1 p + p,
.fusion-text.fusion-text-2 p + p { margin-top: 2rem; } 


@media screen and (max-width: 500px) {
   /* 정책 */
  .fusion-text.fusion-text-1 p:first-child {
    font-size: 1.6rem;
    font-weight: 600;
  }
}

/* 250318 수정 */
#kboard-default-list .kboard-list thead { background-color: #f7f7f7; }
.wpcf7-spinner { display: none; }

@media screen and (max-width: 1480px) {
  /************* 서브페이지 **************/
  .overview-flex-con { position: relative; display: block; }
  .overview-flex-con .img-con { width: 100%; }
  .overview-flex-con .img-con.animated .bg { background-repeat: no-repeat; background-size: cover; }
  .overview-flex-con .txt-con { position: absolute; z-index: 10; top: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 0; }
  .overview-flex-con.reverse .txt-con { padding: 0; }
  .overview-flex-con .txt-con .eng, .overview-flex-con .txt-con .tit, .overview-flex-con .txt-con .txt { color: #fff; }
}
@media screen and (max-width: 1280px) {
  /************* 서브페이지 **************/
  .overview-con .left-con { padding-left: 0; }

  .business-flex-con .left-con,
  .business-flex-con .right-con { width: 50%; }

  .location-con .detail-con { padding: 5rem; }
}
@media screen and (max-width: 1140px) {

  .main-video-slide-con .main-video-thumb-slide { display: none; }
  .main-video-slide-con .main-video-slide { order: 2; width: 100%; height: 34rem; }
  .main-video-slide-controls { position: static; order: 0; }

  /************* 서브페이지 **************/
  .product-con .product-list,
  .product-etc-con .prd-etc-list { gap: 1rem; }

  .business-flex-con .different-con .box-con .list-con ul {
    display: block;
  }
  .business-flex-con .different-con .box-con .list-con ul li { width: 100%; }
}
@media screen and (max-width: 1024px) {
  .main-business-con .main-business-item { height: 45rem; }
  .main-business-con .business-txt-con .tit { font-size: 2.5rem; }
  .more-view { font-size: 1.6rem; }

  .main-company-con { flex-direction: column; }
  .main-company-left-con,
  .main-company-right-con { width: 100%; }
  .main-company-left-con .inner { padding: 5rem; }
  .main-company-left-con .tit { font-size: 3rem; }
  .main-company-left-con .txt { font-size: 1.6rem; margin: 2rem 0; }
  .main-company-right-con .box .inner { padding: 6rem 0; }

  .main-customer-con .customer-txt-con { height: 100%; }
  .main-customer-con .customer-txt-con .inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 6rem 1rem;
    height: 100%;
  }
  .main-customer-con .customer-txt-con .txt br { display: none; }

  /************* 서브페이지 **************/
  .overview-con .left-con,
  .overview-con .right-con { width: 100%; }
  .left-con { margin-bottom: 2rem; }
  .overview-flex-con .img-con { padding-top: 42rem; }
  .overview-flex-con .txt-con .eng { font-size: 2rem; }
  .overview-flex-con .txt-con .tit { font-size: 2.2rem; }
  .overview-flex-con .txt-con .txt { font-size: 1.6rem; }
  .overview-flex-con .txt-con .txt br { display: none; }
  
  .top-banner-con { height: 30rem; }
  .top-banner-con .txt-con .txt { font-size: 2.6rem; }
  .vision-flex-con .vision-item { width: 48%; height: 250px; }
  .vision-flex-con .vision-item .vision-bg { height: 100%; padding: 0; }
  .vision-flex-con .vision-item .vision-txt-con .txt { font-size: 1.6rem; }
  .vision-flex-con .vision-item .vision-tit-con { display: flex; flex-direction: column; flex-wrap: nowrap; }
  .vision-flex-con .vision-item .vision-tit-con i { display: none; }

  .business-img-des-con .txt-con { padding: 3rem 1rem; }
  .business-img-des-con .txt-con .tit { font-size: 1.8rem; }

  .intro-title .intro-box-list { gap: 1rem; margin: 5rem 0; }
  .intro-title .intro-box-list dl { width: calc((100% - 2rem) / 3); margin: 0; padding: 4rem 2rem; }

  .location-con .detail-con {
    padding: 2rem;
  }
  
  .main-customer-con .customer-left-con, .main-customer-con .customer-right-con { width: 100%; }
  .elementor-element.elementor-element-fbbe5f2.elementor-widget.elementor-widget-html { width: 100%; }
  .main-customer-con .customer-txt-con .tit { font-size: 2.8rem; }
  .main-customer-con .customer-txt-con .txt { font-size: 1.6rem; }
}
@media screen and (max-width: 800px) {
  .top-tbl-con table { width: 100%; }
}
@media screen and (max-width: 768px) {
  .main-business-con { flex-direction: column; }
  .main-business-con .main-business-item { width: 100%; height: 32rem; }
  .main-business-con .main-business-item .business-item-bg { background-position: bottom center; }
  .main-business-con .business-txt-con { gap: 3rem; }
  .line.animated { display: none; }
  .main-business-con .business-txt-con .tit { text-align: center; font-size: 3rem; }
  .more-view { font-size: 1.5rem; }

  .main-company-right-con .tit { font-size: 3rem; }

  .main-video-con .video-tit h2 { font-size: 3rem; }


  #mainVisualCon.mainVisualCon-en .visual-txt-con h4.down-animation-en {
    font-size: 4rem !important;
  }
  #mainVisualCon.mainVisualCon-en .visual-txt-con h2 { margin-top: 0; }
  #mainVisualCon.mainVisualCon-en .main-visual-item .visual-txt-con .line,
  #mainVisualCon .main-visual-item.slick-active .visual-txt-con .line { display: none; }
  #mainVisualCon.mainVisualCon-en .main-visual-controls {
    bottom: 64%;
  }
  #mainVisualCon.mainVisualCon-en .visual-txt-con h2 {
    font-size: 2rem;
  }
  #mainVisualCon.mainVisualCon-en .container { padding: 0 7rem 0 5rem; }

  /************* 서브페이지 **************/
  .vision-flex-con { flex-direction: column; gap: 1rem; }
  .vision-flex-con .vision-item { width: 100%; height: 250px; }
  .vision-flex-con .vision-item,
  .vision-flex-con .vision-item:nth-child(even) { margin: 0; }
  
  .history-con { display: block; }
  .history-left-con { position: static; width: 100%; }
  .history-left-con h2 { font-size: 2.6rem; }
  .history-left-con p { font-size: 1.6rem; }
  .history-right-con { width: 100%; }
  .history-right-con .history-row { padding: 3rem 0rem; }
  .history-right-con .history-row .icon { width: 7rem; margin-right: 1rem; }
  .history-right-con .history-row .years { font-size: 2rem; }
  .history-right-con .history-row .txt { font-size: 1.6rem; }

  .partners-list .item { width: calc(100% / 5); }
  
  .product-con .product-list .tit-con h2 { font-weight: 700; }
  .product-con .product-list li,
  .product-etc-con .prd-etc-list li { width: calc(100% / 2); margin: 0; }

  .business-flex-con .different-con .box-con .list-con { padding: 3rem 1rem; }

  .business-top-txt-con .top-txt-con h2 { font-size: 3rem; }
  .business-top-txt-con .top-txt-con p { font-size: 1.6rem; }
  .top-tbl-con table tr th { font-size: 1.6rem; }

  .sedm-frequency-row { display: block; }
  .sedm-frequency-row .sedm-frequency-col { width: 100%; }
  .sedm-frequency-row .sedm-frequency-col + .sedm-frequency-col { margin-top: 1rem; }
  .microscope-con .micro-row { display: block; }
  .microscope-con .micro-row .micro-col { width: 100%; }
  .microscope-con .micro-row .micro-col + .micro-col { margin-top: 1rem; }

  .table-con { overflow-x: scroll; width: 100%; }
  .table-con table { min-width: 768px; width: 768px; }
  .business-img-des-con .list-3 { display: block; margin: 0; }
  .business-img-des-con .list-3 li { width: 100%; margin: 0; }
  .business-img-des-con .list-3 li + li { margin-top: 1rem; }

  .business-img-con .img-list { margin: 0; gap: 1rem; }
  .business-img-con .img-list li { width: calc((100% - 1rem) / 2); margin: 0; }

  .intro-title .intro-box-list dl { width: calc((100% - 1rem) / 2); } 

  .location-con .detail-con {
    flex-direction: column;
    align-items: center;
  }
  .location-con .detail-con strong {
    text-align: center;
  }

  .location-con .detail-con.detail-con-en strong,
  .location-con .detail-con.detail-con-en .info-tbl { width: 100%; }
  .location-con .detail-con.detail-con-en strong { font-size: 2rem; }


  .overview-con .tbl-con table tr th { vertical-align: middle; padding: 0.5rem 1rem; }
}

@media screen and (max-width: 600px) {
  .cm-tab-menu-con ul li { width: calc(100% / 3); min-width: auto; }
  .cm-tab-menu-con ul li span { font-size: 1.6rem; }

  /************* 서브페이지 **************/
  .business-flex-con {
    display: block;
  }
  .business-flex-con .left-con,
  .business-flex-con .right-con { width: 100%; }

  .business-detail-des-con { padding: 3rem 2rem; }
  .business-flex-con .different-con {
    display: block;
  }
  .business-flex-con .different-con .box-con { width: 100%; }
  .business-flex-con .different-con .box-con + .box-con { margin-top: 1rem; }
  .business-flex-con .different-con .box-con .list-con ul li span,
  .business-detail-des-con .detail-des-txt-con p { font-size: 1.6rem; }

  .business-sub-tit h4 { font-size: 2.6rem; }

  .business-dots-list.box-list { padding: 2rem; }
  .business-dots-list ul li { font-size: 1.6rem; }

  #inquiry-style05-tbl .write-box dl { width: 100%; margin: 1% 0; }
}

@media screen and (max-width: 500px) {
  .partners-list .item { width: calc(100% / 3); }

  .main-company-right-con .company-top-con,
  .main-company-right-con .company-bottom-con { flex-direction: column; }
  .main-company-right-con .company-top-con > .box,
  .main-company-right-con .company-bottom-con > .box { width: 100%; }
  
  .product-con .product-list,
  .product-etc-con .prd-etc-list { width: 100%; margin: 0; }
  .product-con .product-list li,
  .product-etc-con .prd-etc-list li { max-width: 100%; width: 100%; }

  .cm-tab-menu-con ul { flex-direction: column; padding: 0 1rem; }
  .cm-tab-menu-con ul li { width: 100%; } 

  .business-img-con .img-list li { width: 100%; }

  .intro-title .intro-box-list dl { width: 100%; } 

  .intro-title .title-con h1 { font-size: 2.6rem; }
  .intro-title .intro-box-list dl dt { font-size: 2rem; }

  .location-con .detail-con .info-tbl { width: 100%; }
  .location-con .detail-con .info-tbl li .tit { min-width: 7rem; }
  .location-con .detail-con .info-tbl li { display: flex; }

  .history-right-con .history-row { flex-direction: column; align-items: start; }

  #mainVisualCon .visual-txt-con h2 {
    font-size: 2rem;
    margin-top: 2rem;
  }
  .main-visual-controls {
    bottom: 60%;
  }
  #mainVisualCon .main-visual-item .visual-txt-con .line {
    top: 58%;
  }
  #mainVisualCon .container {
    padding: 0 1rem;
  }
  .main-visual-controls {
    bottom: 63%;
  }
  #mainVisualCon.mainVisualCon-en .visual-txt-con h4.down-animation-en {
    font-size: 3rem !important;
  }
  #mainVisualCon.mainVisualCon-en .container {
    padding: 0px 1rem 0 1rem;
  }
  .visual-arrow-con {
    flex-direction: row !important;
  }
  .main-visual-controls .main-visual-controls-wrap {
    display: flex;
    gap: 2rem;
  }
  .main-visual-controls .visual-arrow-con,
  .main-visual-controls .visual-number-con {
    position: static;
    gap: 1rem;
    flex-direction: row;
  }
  .main-visual-controls .visual-arrow-con button { 
    width: 4rem;
    height: 4rem;
  }
}

@media screen and (max-width: 450px) {
  .partners-list .item { width: calc(100% / 2); }

  .business-img-des-con .txt-con { padding: 3rem 2rem; }
  .business-img-des-con .txt-con .txt {
    font-size: 1.6rem;
  }

  #mainVisualCon .visual-txt-con h4 {
    font-size: 3rem;
  }
}


 /* topBtn, telBox */

 .tel-box,
 .top-btn { display: none; position: fixed; bottom: 100px; right: 100px; z-index: 999999; cursor: pointer; }
 
 .top-btn-wrap,
 .tel-box { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; width: 50px; height: 50px; border-radius: 5px; color: #fff; background-color: #121e3a; border: 1px solid #fff; }
 
 .tel-box { display: none; right: 5px; bottom: 5px; }
 .top-btn-wrap span {
   color: #fff;
   font-size: 1.4rem;
 }
 
 
 @media screen and (max-width: 768px) {
   
   .top-btn { right: 5px; bottom: 5px; cursor: pointer; }
   .tel-box i { font-size: 22px; }
   .tel-box { display: flex; bottom: 60px; }
 }