/*
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.4.1756785095
Updated: 2025-09-02 12:51:35

*/

/* admin */
.admin-con { margin: auto; display: block; width: 50%; } 
.login_status { text-align: center; } 
.login_status a { padding: 1rem 3rem; background-color: var(--main-color); border-radius: 3rem; margin: 4rem; color: #fff; } 

/* header nav */
#header
{ background-color: #fff; position: sticky; z-index: 100; transition: all 0.3s ease; } 
#header.scrolled 
{ background-color:#fff; height: 9 0px; box-shadow: 0 0 1rem 0rem #00000024; position:fixed; z-index: 100; } 
#header #nav
{ font-size: 1.8rem; } 
#header #nav ul li { text-align: center; width: 21rem; } 
#header #nav ul li a
{ letter-spacing:-0.03em; display: flex; justify-content: center; font-family: var(--font1)!important; font-weight: 500; font-size: 2.2rem;color: #000; } 
#header #nav .has-submenu { padding: 3rem; text-align: center; } 
#header .sub-menu { overflow: hidden;    box-shadow: var(--box-shadow);} 
#header .sub-menu .elementor-sub-item
{ padding:2rem 0; text-align: center; font-size: 1.7rem!important; display: block; margin-left: -7px; background-color: #fff; } 
#header .sub-arrow { display: none; } 
#header #nav ul li a:hover { background-color: #eee;color: #000; } 

/* sitemap */
#SiteMap
{ cursor: pointer; } 
#sitemap{backdrop-filter: blur(1px);}
/* language */
#language nav > ul > li > a 
{justify-content: end;font-size: 0;  background: url("/wp-content/uploads/2025/09/site-language.png")no-repeat center;}
#language .sub-menu
{  border-radius: 1rem;}
#language .sub-menu .elementor-sub-item
{ background-color: var(--main-color)!important;color: #fff; padding: .7rem;font-size: 1.5rem!important;transition: var(--transition1);}
#language .sub-menu .elementor-sub-item:hover{color: var(--sub-color2);}
/* eng 추가 설정 */
html[lang="en-US"] .more-btn span
{padding: 1.5rem 2rem;}
html[lang="en-US"] .main-about-link .left-link ul 
{padding:6rem 0rem 3rem 6rem}
html[lang="en-US"] .right-link .right-link-box span
{font-size: 2.2rem;}
html[lang="en-US"] .main-about-link .left-link
{max-width: 60rem;}
html[lang="en-US"] .main-about-link .container
{gap: 10rem;}
html[lang="en-US"] .intro-content .intro-text ul .intro-name
{margin-top: 4rem;}
html[lang="en-US"] #subContent .block .prod-img-text .prod-text .text-box .text-box-img02
{margin-top: 7rem;}


/* slick */
body { margin: 0; padding: 0; } 
/* main slide start */
.main-slide { position:relative; margin: 0 auto; overflow: hidden; width: 100%; } 
/* main */
.main-slide .main-img
{ width: 100%;; height:870px; background-position: center center; background-repeat: no-repeat; background-size: cover; position:relative; } 
.main-img01 { background-image: url(/wp-content/uploads/2025/09/main-topimg01.jpg); } 
.main-img02 { background-image: url(/wp-content/uploads/2025/09/main-topimg02.jpg); } 
.main-img03 { background-image: url(/wp-content/uploads/2025/09/main-topimg03.jpg); } 

.main-top-text
{ text-align: center; position:absolute; left: 50%; top: 45%; transform: translate(-50%,-50%); width: 100%; color: #fff; font-family: var(--font2); } 
.main-top-text h3
{ font-size: 4rem; font-weight: 600; } 
.main-top-text h2
{ font-size: 9.6rem; font-weight: 900; } 
.main-slide-arrow { position:absolute; top: 68%;  z-index: 99; }  
.arr-btn { border: none; } 
.arr-btn:hover { background-color: transparent; } 
.arr-btn:focus { background-color: transparent; } 
.arr-prev { transform: rotate(-180deg); } 
.main-slide .custom-prev { left: 43%;    top: 67.6%; } 
.main-slide .custom-next { right: 43%; } 
.prod-uct-slide .custom-prev { left: 40%;     bottom: -21.6%;} 
.prod-uct-slide .custom-next { right: 40%; } 
/* main slide end */

/* slick dots 커스텀 */
.slick-dots li button 
{display: block;  color:var(--main-color);  transition: var(--transition1); width: 1rem;height: 1rem;content: ''!important; z-index: 99;}
.slick-dots li button:hover,.slick-dots li button:focus{background-color: transparent;}
.main-slide .slick-dots{bottom: 29%!important;}
.main-slide .slick-dots img{opacity: .3;}
.slick-active .dot img{scale: 1.5;opacity: 1;}

/* scroll down */
html { scroll-behavior: smooth; } 
.banner { 
position:relative; width:100%; height:870px;z-index: -1; } 
.scroll-down
{ position:absolute; bottom:11%; right:3%; transform:translateX(-50%); color:#fff; display:flex; flex-direction: column; flex-wrap:wrap; text-align:center; font-size:0; } 
.scroll-down .txt-wrap,.scroll-down .line-wrap
{ position:relative; } 
.scroll-down .txt-wrap span,.scroll-down .line-wrap span
{ display:inline-block; } 
.scroll-down .txt-wrap 
{ margin-bottom:1.5rem; } 
.scroll-down .txt-wrap span.floating-txt
{ font-size: 1.6rem; font-weight:600; animation: floating 1.5s infinite linear; } 
.scroll-down .txt-wrap span.floating-txt a 
{ text-decoration:none; color:#fff; transition:var(--transition1); writing-mode: vertical-rl; } 
/* @keyframes floating 
{ 0%, 100% { transform: translateY(0); } 
50% { transform: translateY(-7px); } 
}  */
.scroll-down .line-wrap
{ width:100%; } 
.scroll-down .line-wrap span.line 
{ width:5px; height:60px; background-color:rgba(255,255,255,.3); position:relative; } 
.scroll-down .line-wrap span.line::after 
{ position: absolute; top: 0; left: 0; width: 100%; height: 0%; animation: progress 5.5s infinite linear; background-color: #fff; content: '' } 
@keyframes progress 
{ 
0% { height: 0%; } 
100% { height: 100%; } 
} 
.empty 
{ position:relative; width:100%; height:100vh; background:gray; } 
.empty span 
{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:1.6rem; font-weight:600; color:#fff; } 

/* topBtn */
#topBtn
{opacity: 0;  visibility: hidden;    transition: opacity 0.4s ease; }
#topBtn.on
{opacity: 1; visibility: visible;;position: fixed;   bottom: 12%;  right: 5%;  z-index: 999;text-align: center; border: 1px solid #fff;width: 6rem;height: 6rem; display: flex ; flex-direction: column; align-items: center; justify-content: center;background:var(--main-color);cursor: pointer;}
#topBtn img
{transform: rotate(-90deg);}

/* main 공통 title */
.main-con-text 
{ font-family: var(--font1);text-align: center; } 
.main-con-text h4
{ font-size: 2.4rem; font-weight: bold; margin-bottom: 4rem;color: var(--main-color); font-family: var(--font2);} 
.main-con-text h3
{ font-size: 4.6rem; font-weight: bold;font-family: var(--font1); } 

/* mainslide img line */
.main-img .main-top-text
{border: 1px solid #ffffff32;height: 110vh;overflow: hidden;display: flex;align-items: center;flex-direction: column;flex-wrap: nowrap;justify-content: center;}
.main-img .main-top-text::before
{clear: both;content: '';display: block;position: absolute;background-color: #ffffff32;;width: 1px;height: 110%;left: 33%;}
.main-img .main-top-text::after
{clear: both;content: '';display: block;position: absolute;background-color: #ffffff32;;width: 1px;height: 110%;left: 66.5%;}
/* main line */
.main-line::before,.main-line::after{content: '';display: block;clear: both;  position: absolute;z-index:-1; background-color:#8e97b4; }
.prod-uct-text::before
{ height: 1px;width: 29rem;  bottom: -15rem;  right: 0rem;}
.prod-uct-text::after
{  width: 1px;height: 150vh;top: -30rem;right: 29.1rem;}
.prod-slide::after
{ height: 1px;width: 63rem;  bottom: -.1rem;  right: 0rem;}
.main-catalog-line::before
{ width: 1px; height: 173rem;  top: -25rem;  left: 29.3rem;}
.main-about-text::before
{ height: 1px;  width: 29.3rem;   top: 22.9rem;  left: 0rem;}
.main-about-link .about-bg::after
{ height: 1px;    width: 100.5rem;   bottom: -0rem;  left: -100rem;}

/* 자세히보기 a link */
.more-btn 
{position:relative;width:auto; max-width:none; color:#fff;border: 1px solid #fff;display: flex ;flex-direction: row;align-items: center;width: 21rem;margin-top: 10rem;}
.more-btn-b 
{color:#000;border: 1px solid #000}
.more-btn span 
{position:relative;border-right: 1px solid #fff;padding: 1.5rem 3rem;font-size: 1.8rem;font-weight: 600;transition:var(--transition2);}
.more-btn-b span 
{border-right: 1px solid #000;}
.more-btn::before 
{content:""; position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; background:#fff; clip-path:circle(0% at 100% 50%);transition:var(--transition2);}
.more-btn-b::before 
{background:var(--main-color);}
.more-btn::after 
{content:""; position:absolute; top:50%; right:25px; width:30px; height:22px; background:url("/wp-content/uploads/2025/09/main-arrow-b.png") no-repeat 30px center; transform:translateY(-50%); transition:var(--transition2);}
.more-btn-b::after 
{ position:absolute; top:50%; right:25px; width:30px; height:22px;background:url("/wp-content/uploads/2025/09/main-arrow-w-02.png") no-repeat 30px center; }
.more-btn:hover 
{color:#000;}
.more-btn-b:hover 
{color:#fff;}
.more-btn-b:hover span
{border-right: 1px solid transparent!important;}
.more-btn:hover::before 
{clip-path:circle(200% at 90% 50%);}
.more-btn:hover::after 
{background-position-x:0;}
.more-btn img
{padding:.5rem 1.6rem;}

/* ProdUct */
.prod-uct-text
{margin: 15rem auto ;position:relative}
.prod-uct-slide
{margin-bottom: 10rem;position: relative;}
.prod-uct-slide::before
{content: '';clear: both;display: block;position: absolute;z-index: -1;background-color: var(--main-color);width: 45%;height: 350px;top: -16%;}
.prod-slide-arrow
{ position:absolute; bottom: -22%;  z-index: 99; }  
.prod-uct-slide .prod-img-con{background-color: #fff;}
.prod-uct-slide .prod-img-con .prod-img-text
{width: 690px;height: 430px;display:inline-block; vertical-align: middle; background-color: #f3f3f3;background-size: contain;}
.prod-uct-slide .prod-img-con .prod-img
{height:100%;background-repeat: no-repeat;background-position: center ; }
.prod-uct-slide .prod-img-con .prod-img01
{background-image: url(/wp-content/uploads/2025/09/prod-img01.png); }
.prod-uct-slide .prod-img-con .prod-img02
{background-image: url(/wp-content/uploads/2025/10/auto-paker.png);    background-size: 75%; }
.prod-uct-slide .prod-img-con .prod-text
{width: 47%; display:inline-block; vertical-align: top;padding: 6rem 6rem 0;}
.prod-uct-slide .prod-img-con .prod-text h3
{font-family: var(--font2);font-size: 3.6rem;margin-bottom: 2rem;}
.prod-uct-slide .prod-img-con .prod-text p
{font-size: 2rem;color: #323232;font-weight: 500;}
.prod-uct-slide .slick-dots
{bottom: -20%;}

/* catalog */
.main-catalog
{margin: 15rem auto;background: url("/wp-content/uploads/2025/09/main-catalog-img.jpg");background-position: center;background-repeat: no-repeat;background-size: cover;height: 475px;
  display: flex;justify-content: center;  flex-direction: column; position: relative;overflow: hidden;}
.main-catalog .container
{ display: flex ;flex-direction: row;align-items: flex-end;justify-content: space-between; width: 100%; }
.main-catalog .main-con-text
{text-align: left;color: #fff;display: flex ;flex-direction: column;flex-wrap: nowrap;}
.main-catalog .main-con-text h4
{color: #fff;}
.main-catalog .more-btn{margin-top: 0;}
.main-catalog-bg
{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: var(--transition2);}
.main-catalog-bg:hover 
{background-color: #0000001c;}

/* about us */
.main-about-text{margin-bottom: 10rem;}
.main-about-link
{position: relative; margin-bottom: 20rem; }
.main-about-link .container
{position: relative;  padding-top: 12rem;}
.main-about-link .about-bg
{background: url("/wp-content/uploads/2025/09/main-aboutus-img.jpg") no-repeat center ; height: 560px;width: 63%;z-index: -1; right: 0; position: absolute; background-size: cover;}
.about-link-wrap
{display: flex;justify-content: space-between;align-items: flex-end;}
.main-about-link .left-link
{background-color: var(--main-color);color: #fff;display: flex  ;flex-direction: column;justify-content: flex-end;align-items: flex-end;padding: 0px 5rem 5rem 0 ;}
.main-about-link .left-link ul
{padding: 6rem 6rem 3rem;}
.main-about-link .left-link h3{font-size: 1.8rem;font-weight: bold;margin-bottom: 3rem;}
.main-about-link .left-link h2{font-size: 3.2rem;font-weight: bold;line-height: 4.5rem;}
.main-about-link .left-link .more-btn
{ border: 1px solid #fff;margin-top: 0;}
.right-link
{display: flex;gap: 2rem;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: flex-end;align-items: center;}
.right-link .right-link-box
{width: 48%;display: flex;align-items: center;justify-content: space-around;border: 1px solid #fff;height: 10rem;position:relative;}
.right-link .right-link-box span
{color: #fff;font-size: 2.4rem;font-weight:bold;position:relative; transition: var(--transition2);}
.right-link .right-link-box::before 
{content:""; position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; background:#fff; clip-path:circle(0% at 100% 50%);transition:var(--transition2);}
.right-link .right-link-box::after 
{content:""; position:absolute; top:50%; right:25px; width:40px; height:40px;transform:translateY(-50%); transition:var(--transition2);}
.right-link .right-link-box-01::after 
{ background:url("/wp-content/uploads/2025/09/main-about-img01-b.png") no-repeat 40px center;}
.right-link .right-link-box-02::after 
{ background:url("/wp-content/uploads/2025/09/main-about-img02-b.png") no-repeat 40px center;}
.right-link .right-link-box-03::after 
{ background:url("/wp-content/uploads/2025/09/main-about-img03-b.png") no-repeat 40px center;}
.right-link .right-link-box-04::after 
{ background:url("/wp-content/uploads/2025/09/main-about-img04-b.png") no-repeat 40px center;}
.right-link .right-link-box:hover span
{color:#000;}
.right-link .right-link-box:hover::before 
{clip-path:circle(200% at 100% 50%);}
.right-link .right-link-box:hover::after 
{background-position-x:0;}

/* footer */
footer
{background-color: #1f1f1f;color: #fff;position: relative;font-weight: 600;}
.ft-top
{display: flex;justify-content: space-between;padding: 5rem 0 2rem;;}
.ft-top::after
{content: '';clear: both;display: block;width: 100%;height: 1px ;background-color: #fff;position: absolute;top: 70%;left: 0;}
.ft-top .ft-logo
{margin-bottom: 1rem;}
.ft-top .ft-top-right
{text-align: right;}
.ft-bottom
{display: flex;justify-content: space-between;padding: 3rem 0;}
.ft-bottom span{font-size: 1.6rem;}
.ft-bottom ul li
{display: inline-block;vertical-align: middle;margin-right: 3rem;}
.ft-bottom ul li a{transition: var(--transition1);}
.ft-bottom ul li a:hover{color: var(--sub-color2);}
.ft-bottom ul li:last-child
{margin-right: 0;}

/* sub */
/* sub common 공통 */
/* subVisual */
#subVisual{height: 25rem;border-bottom: 1px solid var(--sub-color);;}
/* subMenu */
#subMenu ul
{overflow:hidden;width: 100%;}
#subMenu ul li
{overflow:hidden;}
#subMenu ul li.current-menu-item
{background:#fff;}
#subMenu ul li.current-menu-item a
{color: var(--sub-color);  font-weight: bold; }
#subMenu{position: absolute; bottom: -5rem;; transform: translateY(-50%);z-index:9;}
#subMenu ul {background-color: var(--sub-color);}
#subMenu ul li{border-right: 1px solid #ffffff73;}
#subMenu ul li a
{ font-size: 2rem;font-weight: 500;font-family: var(--font1);  transition: var(--transition1);  padding: 3rem 6rem;color: #fff;}
#subMenu ul li a:active{background-color: var(--sub-color);color: #fff;}
#subMenu ul li a:hover{color: var(--sub-color2);}
.sub-menu-none{display: none;}
/* subContent */
#subContent
{min-height: 700px;font-size: 1.8rem; font-family: var(--font1)!important;}
.sub-content {margin: 10rem auto 15rem; }
.sub-content-02 {margin: 10rem auto 15rem; }
/* .sub-content ul{margin-bottom: 5rem;}
.sub-content ul:last-child{margin-bottom: 0rem;}
.sub-content li{margin-bottom: 1rem;word-break: keep-all;}
.sub-content li:last-child {  margin-bottom: 0;} */
/* sub flex-content */
.flex-content
{display: flex; flex-direction: row;flex-wrap: nowrap;align-items: flex-start;gap: 30rem;}
.flex-content-02{gap: 20rem;}
.flex-content .flex-left
{width: 30%;display: flex;flex-direction: column;align-items: flex-start;}
.flex-content .flex-right{width: 100%;}
#subContent .flex-content{margin-bottom:13rem;}

/* sub-title */
#subContent .sub-title 
{display: flex; flex-direction: column;  flex-wrap: nowrap;  align-items: stretch;;}
#subContent .sub-title h4{color: var(--main-color);font-weight: 400;font-size: 2.2rem;border-bottom: 1px solid var(--main-color);    padding-bottom: .5rem;}
#subContent .sub-title h3{font-weight: bold;font-size:4rem;}
/* sub-text-title */
.sub-text-title{margin-bottom: 1rem;display: flex;}
.sub-text-title h4{font-size: 2rem;background-color: var(--sub-color);color: #fff;border-radius: 5rem;padding: 1rem 3rem;}
.sub-text-con{padding-left: 3rem;margin-bottom: 5rem;}
/* sub-table 공통 */
.table-common{ width: 100%; border-top: 2px solid var(--sub-color); border-bottom: 2px solid var(--sub-color);}
.table-common th,.table-common td{padding: 3rem ; border: none !important;vertical-align: middle;border-bottom: 1px solid #eee!important;font-size: 1.8rem;}
table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th{background-color: transparent;}
table tbody tr:hover>td, table tbody tr:hover>th{background-color: transparent;}
table tbody>tr{transition: var(--transition1);}
table tbody>tr:hover{background-color: #eeeeee70;}
.table-common th{width: 30%;text-align: left;}

/* sub_01 회사소개 */
/* ceo인사 */
/* .intro-content .intro-img
{background: url("/wp-content/uploads/2025/09/sub-top-img03.jpg") no-repeat center 100%; width: 100%;height: 38rem;border-radius: 3rem;background-size: cover;} */
.intro-content .ceo-img
{background: url(/wp-content/uploads/2025/10/ceo-img.jpg) no-repeat center bottom 42%;  width: 76rem;  height: 66rem;border-radius: 3rem;background-size: cover;}
.intro-content .intro-flex
{display: flex;    align-items: center;}
.intro-content .intro-text{padding: 0 10rem;}
.intro-content .intro-text ul li .bold
{font-size: 3rem;margin-bottom: 2rem;    margin-left: -1rem;}
.intro-content .intro-text ul li
{margin-bottom: 3.5rem;word-break: keep-all;font-size: 2rem;}
.intro-content .intro-text ul li:last-child{margin-bottom: 0;}
.intro-content .intro-text ul .intro-name
{font-size: 2.6rem;  margin-top: 10rem;  text-align: right;}
.intro-content .intro-text ul .intro-name strong
{font-size: 3rem;margin-left: 1rem;}

/* 특허현황 */
.cer-con
{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: stretch;gap: 2rem;}
.cer-con a
{width: 23%;display: flex ;  flex-direction: column;  align-items: center;  text-align: center;transition: var(--transition2);}
.cer-con a:hover img{box-shadow: 0 0 5px 5px #0000000d;}
.cer-con span
{font-size: 1.8rem;word-break: keep-all;padding: 1rem;}
.cer-con a img
{border: var(--border);transition: var(--transition2);}

/* 수출현황 수정 전 */
/* .export-content{margin-bottom: 0;}
.export-img-text .export-text{display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: space-between;align-items: stretch;}
.export-img-text .export-text .text-box{position: relative;}
.export-img-text .export-text .text-box h3{position: absolute;top: 15%;right: 3%;background-color: #000000a6;font-size: 2.4rem;color: #fff;border-radius: 5rem;padding: 1rem 2rem;font-weight: 500;}
.export-img-text .export-text .text-box .text-box-img{width: 100%;height: 25rem;margin: 2rem auto;border-radius: 1rem;background-size: cover;background-repeat: no-repeat;}
.export-img-text .export-text .text-box .text-box-img01{background-image: url("/wp-content/uploads/2025/09/sub-country-img01.jpg");background-position: center 57%;}
.export-img-text .export-text .text-box .text-box-img02{background-image: url("/wp-content/uploads/2025/09/sub-country-img02.jpg");background-position: center;}
.export-img-text .export-text .text-box .text-box-img03{background-image: url("/wp-content/uploads/2025/09/sub-country-img03.jpg");background-position: center 32%;}
.export-img-text .export-text .text-box .text-box-img04{background-image: url("/wp-content/uploads/2025/09/sub-country-img04.jpg");background-position: center 43%;}
.export-img-text .export-text .text-box .text-box-img05{background-image: url("/wp-content/uploads/2025/09/sub-country-img05.jpg");background-position: center;}
.export-img-text .export-text .text-box .text-box-img06{background-image: url("/wp-content/uploads/2025/09/sub-country-img06.jpg");background-position: center 21%;}
.export-img-text .export-text .text-box .text-box-img07{background-image: url("/wp-content/uploads/2025/09/sub-country-img07.jpg");background-position: center 56%;} */

/* 수출현황 수정 후 */
.export-content{margin-bottom: 30rem;}
.export-content .export-img{margin-top: 5rem;}
.export-content .export-txt{margin-top: 5rem;}
.export-content .export-txt ul
{display: flex;flex-direction: row;gap: 2rem;align-items: center;justify-content: center;}
.export-content .export-txt ul li
{padding: .7rem 2rem;background-color: var(--main-color);color: #fff;font-weight: 500;border-radius: 5rem;text-transform: uppercase;}

/* 오시는 길 */
.load-content {margin-bottom: 0;}
.load-content .load{height: 45rem;;}
.load-content .load .cont{display: none; }
.load-content .load .load-map{width: 100%;}
.load-content .root_daum_roughmap .wrap_map{height: 40rem;}
.load-content .load-link .load-container
{display: flex ;height: 100%;flex-direction: column;justify-content: center;max-width: var(--max-container); position: relative;z-index: 1;}
.load-content .load-link 
{  height: 100%;}
.load-content .load-link .more-btn {  margin-top: 5rem;}
.load-content .load-link-text h3{font-size: 3.5rem;color: #fff;}
.load-content .load-img::after
{content: '';display: block;clear: both;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: #0000005b;}
.load-content .load-img
{width: 100%;height: 40rem;margin: 2rem auto 0;background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;}
.load-content .load-img01
{background-image: url("/wp-content/uploads/2025/09/smart-img04.jpg")}

/* 제품소개 */
#subContent .block .prod-img-text .prod-title h3 strong
{font-size: 4rem; margin-bottom: 2rem;display: block;}
#subContent .block .prod-img-text .prod-title h3
{font-size: 2rem;font-weight: 500;line-height: 3rem;}
#subContent .block .prod-img
{margin:auto; width: 100%;background-size:auto;background-color:#E6E6E7 ;background-position: center;background-repeat: no-repeat;}
#subContent .block .prod-img01{background-image: url("/wp-content/uploads/2025/09/boxmate-img01.png"); height: 34rem;margin-top: 5rem;}
#subContent .block .prod-img02{background-image: url("/wp-content/uploads/2025/09/boxmate-img02.png");background-size:80%;height: 30rem;margin-bottom: 5rem;}
#subContent .block .prod-img03{background-image: url("/wp-content/uploads/2025/09/boxmate-img03.png");background-color:#fff; height: 23rem;margin-bottom: 5rem;border: var(--border);}
#subContent .block .prod-img-text .prod-text
{display: flex;flex-direction: row;justify-content: space-between;align-items: stretch;flex-wrap: wrap; background-color: #f7f7f7;padding:2rem 3rem 0}
#subContent .block .prod-img-text .prod-text .text-box
{width: 50%;padding: 3rem;}
#subContent .block .prod-img-text .prod-text .text-box:nth-child(1){border-bottom: 1px solid #fff;}
#subContent .block .prod-img-text .prod-text .text-box:nth-child(2){border-bottom: 1px solid #fff;}
#subContent .block .prod-img-text .prod-text .text-box:nth-child(odd){border-right: 1px solid #fff;}
#subContent .block .prod-img-text .prod-text .text-box h3
{border-bottom: 2px solid #00000083;padding-bottom: 1rem;font-weight: bold;font-size: 2rem;}
#subContent .block .prod-img-text .prod-text .text-box h3 span
{font-size: 1.8rem;}
#subContent .block .prod-img-text .prod-text .text-box .text-box-img
{width: 100%;height: 18rem;margin: 2rem auto;border-radius: 1rem;}
#subContent .block .prod-img-text .prod-text .text-box .text-box-img01{background: url("/wp-content/uploads/2025/09/smart-img06.jpg") no-repeat center;background-size: cover; }
#subContent .block .prod-img-text .prod-text .text-box .text-box-img02{background: url("/wp-content/uploads/2025/09/smart-img02.jpg") no-repeat center;background-size: cover;margin-top: 4.5rem; }
.box-content iframe{height: 54.5rem;padding: 3rem;background-color:#f7f7f7 ;}

/* 제품2 소개 */
#subContent .block .prod02-img01{background-image: url("/wp-content/uploads/2025/10/auto-paker.png"); height: 65rem;margin-top: 5rem;}

/* contact */ 
.con-content .con-img
{background: url("/wp-content/uploads/2025/09/smart-img01.jpg") no-repeat center; width: 100%;height: 34rem;background-size: cover;border-radius: 1rem; margin-bottom: 5rem;}
/* form-mail */
.con-content  #wpcf7-f6-p521-o1 .wpcf7-form 
{margin-top: 3rem;display: flex;flex-direction: column;  flex-wrap: nowrap;gap: 2rem;font-weight: bold;}
.con-content  #wpcf7-f6-p521-o1 label{width: 100%;}
.con-content  #wpcf7-f6-p521-o1 label p{font-size: 1.8rem!important;color: #000;}
.con-content  input[type=date], .con-content  input[type=email], .con-content  input[type=number], .con-content  input[type=password],.con-content   input[type=search], .con-content  input[type=tel], .con-content  input[type=text], .con-content  input[type=url], .con-content  select,.con-content   textarea
{ border: 1px solid #afafaf; padding: 1rem 1.5rem;  transition: all .3s;  width: 100%;font-size: 1.8rem;display: block;}
.con-content  textarea{max-height: 15rem;}
.con-content  [type=button],.con-content   [type=submit], button {
  background-color: var(--sub-color);  border: none;  border-radius: 3rem;  color: #fff;  display: block;  font-size: 1.8rem;  font-weight: 400;
  padding: .7rem;  transition: all .3s;  -webkit-user-select: none;  -moz-user-select: none;  user-select: none;  white-space: nowrap; width: 15rem;}
.con-content  [type=button]:hover,.con-content   [type=submit]:hover,.con-content   button:hover{color: var(--sub-color2);background-color: var(--sub-color);}
.con-content  [type=button]:focus,.con-content   [type=submit]:focus,.con-content   button:focus{color: var(--sub-color2);background-color: var(--sub-color);}
.form-name
{font-weight: 600;  }
.form-label
{display: block;}
/* form-agree */
.form-agree
{border: 1px solid #ddd;background-color: #eee;padding: 3rem 4rem;margin-bottom: 2rem;  }
.form-agree .form-agree-list p
{font-weight: 500;font-size: 1.6rem;}
.form-agree .form-agree-list p em
{font-weight: 700;text-transform: none;font-style: inherit;font-size: 1.7rem;  border-bottom: 1px solid #000;}
.wpcf7-list-item{margin: 0; margin-top: 1rem;}
.wpcf7 form.sent .wpcf7-response-output{border: none;}