/*
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.1753080954
Updated: 2025-07-21 06:55:54

*/

/* 메인 */

.main-title-con 
{text-align:center; margin-bottom:3rem;}
.main-title-con h2
{font-size:3.6rem; color:#000; font-weight:700; display:inline-block; position:relative;}
.main-title-con h2:before 
{content:''; position:absolute; width:5px; height:5px; background:var(--main-color); border-radius:50%; right:-13px; bottom:7px;}
.main-title-con p
{font-size:2.4rem; font-weight:400; color:#000; }


/* 메인 비주얼 */
#mainVisualBg 
{position:absolute; right:0; top:0; width:32%; height:73rem; background:var(--main-color); border-radius:0 0 0 50px; z-index:-1;}
#mainVisualCon .main-visual-con 
{width:100%; height:100%; overflow:hidden;}
#mainVisualCon .main-visual-slide .slick-list 
{overflow:visible; width:90%; margin:0 0 0 auto;}
.main-visual-slide .main-visual-item .container 
{margin:0; height:100%; max-width:100%;}
.main-visual-item .main-visual-item-inner 
{display:flex; justify-content:space-between; max-width:1640px;}
.main-visual-item .main-visual-txt-con 
{width:27%; }
.main-visual-item .main-visual-txt-con .txt-con
{padding-top:18rem;}
.main-visual-item .main-visual-txt-con .txt-con h2 
{font-size:4rem; color:#000; font-weight:800;}
.main-visual-item .main-visual-txt-con .txt-con p
{font-size:2.2rem; color:#000; font-weight:400; margin-top:2rem;}
.main-visual-item .img-con 
{position:relative; width:102rem;}
.main-visual-slide .main-visual-item .main-visual-img 
{width:1020px; height:580px;}


.main-visual-slide .main-visual-item.slick-current .main-visual-item-inner 
{max-width:1520px;}



/* 제품소개 */
.main-product-list 
{display:flex; flex-wrap:wrap; justify-content: space-between; margin:0 -2rem;}
.main-product-list .item 
{width:calc(calc(100% / 3) - 4rem); margin:0 2rem; border-radius:10px; background:#f8f8f8; position:relative; overflow:hidden;}
.main-product-list .item a 
{display:block; padding:6rem 4rem; text-align:center;}
.main-product-list .item .prd-tit-con 
{position:relative; text-align:left; margin-bottom:3rem;}
.main-product-list .item .prd-tit-con b 
{font-family:'Roboto'; font-size:5.2rem; color:#d9080d; opacity:0.1; font-weight:900; position:absolute; top:0; font-style:italic; letter-spacing:2px;}
.main-product-list .item .prd-tit-con h4
{font-size:2.8rem; color:#000; font-weight:700; padding-top:4rem;}

.main-product-list .item .overlay-box 
{opacity:0; visibility:hidden; position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.7); transition:all 0.4s ease;}
.main-product-list .item .overlay-box .more-view
{display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.main-product-list .item .overlay-box .more-view span
{width:10rem; height:10rem; background:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--main-color); font-weight:700; font-size:1.6rem;}
.main-product-list .item:hover .overlay-box 
{opacity:1; visibility:visible;}

/* 문의하기 */
#mainCustomerCon .main-title-con h2 
{color:#fff;}
#mainCustomerCon .main-title-con h2:before 
{background:#fff;}
#mainCustomerCon .main-title-con p
{color:#fff;}
.main-customer-list 
{display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 -2rem;}
.main-customer-list .item 
{width:calc(calc(100% / 4) - 4rem); margin:0 2rem; border-radius:15px; background:#79282a; transition:all 0.3s ease;}
.main-customer-list .item a 
{padding:4.5rem 3rem; height:100%; display:flex; flex-direction:column;;}
.main-customer-list .item .tit-con 
{display:flex; flex-wrap:wrap; align-items:center; margin-bottom: 3rem;}
.main-customer-list .item .tit-con .icon 
{width:5rem; height:5rem;  border-radius:50%; background-color:#fff; transition:all 0.3s ease;}
.main-customer-list .item .tit-con .icon i 
{width:100%; height:100%; background-position:center; background-repeat:no-repeat; display:flex; justify-content: center; align-items: center; transition:all 0.3s ease; }
.main-customer-list .item .tit-con strong 
{font-size:2.4rem; color:#fff; padding-left:2rem; transition:all 0.3s ease;}
.main-customer-list .item .des-con 
{display:flex; align-items:center; height:100%;}
.main-customer-list .item .des-con p 
{font-size:1.8rem; color:#fff; font-weight:500; transition:all 0.3s ease;}

.main-customer-list .item:hover
{background:#fff;}
.main-customer-list .item:hover .tit-con strong 
{color:#000;}
.main-customer-list .item:hover .tit-con .icon 
{background-color:var(--main-color)}
.main-customer-list .item:hover .tit-con .icon i
{filter:brightness(0) invert(1);}
.main-customer-list .item:hover .des-con p 
{color:#000;}


.f-top-con 
{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; margin-bottom:3rem;}
.f-top-con a 
{font-size:1.6rem; color:#fff; font-weight:500;}
.f-top-con a:hover 
{text-decoration:underline;}
.f-detail-con li 
{margin:2px 0}

.f-detail-con li span 
{font-size:1.8rem; font-weight:300; position:relative; color:#ffffff; padding-right:3rem; margin-right:3rem;}
.f-detail-con li span:after 
{content:''; position:absolute; height:60%; top:20%; width:1px; background:#eee; right:0;}
.f-detail-con li span:last-child 
{margin:0; padding:0;}
.f-detail-con li span:last-child:after 
{display:none;}
.f-detail-con li span b 
{font-weight:600;}
.f-detail-con li.copy 
{color:#a3a3a3; font-size:1.6rem; font-weight:300; text-transform:uppercase;}



/* */
#subContent
{padding:10rem 0;}
.sub-title-con 
{text-align:center; margin-bottom:8rem;}
.sub-title-con h2
{font-size:4.8rem; font-weight:800; color:#000;}

/* 회사 개요 */
.overview-list 
{display:flex; flex-wrap:wrap; justify-content:center; margin:0 -0.5%}
.overview-list .item 
{width:25%; border:1px solid #ddd; padding:3rem; text-align:center; margin:0.5%;}
.overview-list .item:nth-child(even)
{background:#f4f4f4;}
.overview-list .item .icon
{width:6rem; height:6rem; display:inline-block; background-repeat:no-repeat; background-position:center;}
.overview-list .item h4
{font-size:2rem;color:#000; font-weight:600; margin:2rem 0 0;}
.overview-list .item p
{font-size:1.7rem; color:#222;}

.history-con 
{margin-top:10rem;}
.history-con .history-wrap 
{max-width:1000px; margin:0 auto; border-top:2px solid #222;}
.history-con .history-wrap dl 
{display:flex; flex-wrap:wrap; padding:2rem; border-bottom:1px solid #ddd;}
.history-con .history-wrap dl dt
{font-size:2rem; font-weight:600; width:15rem;}
.history-con .history-wrap dl dd
{width:calc(100% - 15rem); display:flex; flex-wrap:wrap; align-items:center; font-size:1.7rem;}
.history-con .history-wrap dl dd .month
{margin-right:2rem; font-weight:700; color:var(--main-color);}
.history-con .history-wrap dl dd p
{font-size:1.7rem; color:#444;}

/* 오시는 길 */
.location-con 
{display:flex; flex-wrap:wrap;}
.location-con .location-map-con 
{width:100%;}
.location-con .location-detail-con 
{width:100%; padding:3rem 3rem;}
.location-info-con 
{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.location-info-con h4
{font-size:4rem; color:#000; font-weight:700;}
.location-info-box 
{width:70%; display:flex; flex-wrap:wrap; padding-left:5rem;}
.location-info-box dl 
{display:flex; flex-wrap:wrap; align-items:center; margin:2rem 0; width:50%;}
.location-info-box dl dt 
{font-size:2.4rem; font-weight:700; color:#000; width:10rem; display:flex; align-items:center; }
.location-info-box dl dt i
{color:var(--main-color); font-size:1.8rem; margin-right:1rem;}
.location-info-box dl dd
{width:calc(100% - 10rem); font-size:2.0rem; }
.location-link-box 
{width:15%; text-align:right;}
.location-link-box a
{display:inline-flex; align-items:center; border:2px solid var(--main-color); border-radius:5px; padding:2rem 4rem; font-size:1.6rem; color:var(--main-color); font-weight:600; transition:all 0.3s ease;}
.location-link-box a:hover 
{background:var(--main-color); color:#fff;}

/* 제품소개 */
.product-container 
{max-width:1440px; margin:0 auto;}
.product-info-txt-con 
{background:#f4f4f4; padding:5rem 2rem; text-align:center; margin-bottom:5rem; border-radius:5px; border:1px solid #ddd;}
.product-info-txt-con p
{font-size:2.1rem; color:#222; font-weight:500;}
.product-img-list 
{display:flex; flex-wrap:wrap;; margin:0 -1rem;}
.product-img-list .item 
{margin:0 1rem 2rem;}
.product-img-list .item .img-con 
{text-align:center; box-shadow:1px 1px 10px #00000017;}
.product-img-list .item .img-con img 
{vertical-align: top;;}

/* 문의하기 */

.inquiry-info-box .info-box 
{display:flex; flex-wrap:wrap; margin:0 -1%;}
.inquiry-info-box .info-box .box 
{width:31.333%; border:1px solid #ddd; margin: 0 1%; border-radius:5px; overflow:hidden;}
.inquiry-info-box .info-box .box a 
{display:inline-flex; flex-wrap:wrap; flex-direction:column; padding:5rem 3rem; background:#f4f4f4; width:100%; justify-content:center; align-items:center; transition:all 0.3s ease;}
.inquiry-info-box .info-box .box i
{width:6rem; height:6rem; display:inline-block; border-radius:50%; background-position:center; }
.inquiry-info-box .info-box .box p
{font-size:2rem; color:var(--main-color); font-weight:800; margin-top:2rem;}
.inquiry-info-box .info-box .box span 
{font-size:1.8rem; color:#000; font-weight:600;}
.inquiry-info-box .info-box .box:hover a 
{background:#fff;}