/*
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.1751943415
Updated: 2025-07-08 02:56:55

*/

/* 메인 비주얼 */
#mainVisualCon {position:relative;}
.main-visual-item .visual-area 
{max-width:1350px; margin:0 auto; height:100%;}
.main-visual-item .logo-img 
{width:410px; height:37px; display:inline-block; background-size:cover;}
.main-visual-item .visual-area h2
{font-size:4.4rem; color:#fff; font-weight:500; margin: 2rem 0 2rem;}
.main-visual-item .visual-area p
{font-size:2.4rem; color:#fff; font-weight:400;}

.main-visual-item .visual-img
{position:absolute; top:18rem; right:24rem;}

.main-visual-arrow 
{position:absolute; top:39%; left:0; width:100%; z-index:9995}
.main-visual-arrow .arrow-btn 
{position:absolute; width:10rem; height:10rem; border-radius:50%; display:flex; justify-content:center; align-items:center; z-index:999; background:transparent; transition:all 0.3s ease;}
.main-visual-arrow .arrow-btn.prev-btn
{left:0rem;}
.main-visual-arrow .arrow-btn.next-btn 
{right:0rem;}
.main-visual-arrow .arrow-btn i
{width:6rem; height:6rem; display:flex; align-items:center; justify-content:center; box-shadow:4px 4px 4px #0000006b; border-radius:50%; font-size:3rem; color:#4f4f4f; transition:all 0.3s ease;}
.main-visual-arrow .arrow-btn i:hover 
{background:var(--main-color)}
.main-visual-arrow .arrow-btn i:hover
{color:#fff;}


/* 메인 주요 제품 판매 */
.main-title-con
{text-align:center;}
.main-title-con h2 
{font-size:4rem; font-weight:700; color:#000;}
.main-product-sub-con .prd-sub-con
{padding-bottom:3rem; margin-bottom:3rem; border-bottom:1px solid #d1d1d1; position:relative; z-index:1;}
.main-product-sub-con .prd-sub-con:last-child 
{border-bottom:none;}
.main-product-sub-con .prd-tit 
{display:flex; align-items:center; justify-content:space-between; margin-bottom:2rem;}
.main-product-sub-con .prd-tit h4
{font-size:2.4rem; color:#000; font-weight:700;}
.main-product-sub-con .prd-tit a
{padding:1.3rem 2rem; background:var(--main-color); border-radius:50px; min-width:12rem; font-size:1.6rem; color:#fff; display:flex; justify-content:space-between; align-items:center; transition:all 0.3s ease;}
.main-product-sub-con .prd-tit a:hover 
{background:#db3f45}
.main-product-sub-con .prd-list ul
{display:flex; flex-wrap:wrap; margin:0 -1.8rem;}
.main-product-sub-con .prd-list ul li
{width:calc(calc(100% / 4) - 3.6rem); margin:0 1.8rem;}
.main-product-sub-con .prd-list ul li a 
{display:block;}
.main-product-sub-con .prd-list .img-con 
{background:#fff; height:26rem; display:flex; align-items:center; justify-content:center; overflow:hidden; border-radius:10px;}
.main-product-sub-con .prd-list .txt-con 
{text-align:center;}
.main-product-sub-con .prd-list .txt-con p
{font-size:2rem; font-weight:400; color:#1c1c1c; padding:2rem 0;}
.main-product-sub-con .prd-list li.left .img-con
{justify-content: start;}
.main-product-sub-con .prd-list li.right .img-con
{justify-content: end;}

.main-prd-bg-icon 
{position:absolute; z-index:0;}

/* 메인 Customer Service */
.main-customer-con 
{display:flex; align-items:center; justify-content:space-between;}
.main-customer-con .left-con .eng 
{font-size:2rem; color:var(--main-color); font-weight:600;}
.main-customer-con .left-con .customer-tit 
{margin-top:3rem;}
.main-customer-con .left-con .customer-tit h2
{font-size:4.5rem; color:#fff; font-weight:700;}
.main-customer-con .left-con .customer-tit p
{font-size:1.8rem; color:#fff; font-weight:200; margin-top:1rem;}
.main-customer-con .right-con a 
{min-width:25rem; display:inline-flex; padding:2rem 3rem; justify-content:space-between; align-items:center; border-radius:50px; border:1px solid #fff; font-size:1.5rem; color:#fff; margin-left:3rem; transition:all 0.3s ease;}
.main-customer-con .right-con a i
{font-size:2rem;}
.main-customer-con .right-con a:hover 
{background:var(--main-color); border-color:var(--main-color);}

/* 푸터 */
.f-logo 
{background-image:url('/wp-content/uploads/2025/07/f_logo.png'); width:266px; height:70px; background-position:center; background-repeat:no-repeat; display:inline-block;}
.footer-con 
{display:flex; justify-content:space-between; align-items:start;}
.footer-con .f-left-con 
{width:70%;}
.footer-con .f-detail ul li span 
{font-size:1.6rem; font-weight:400; color:#fff; padding-right:1.5rem; margin-right:1.5rem; position:relative; display:inline-block;}
.footer-con .f-detail ul li span:after 
{content:''; position:absolute; width:1px; height:60%; top:20%; right:0; top:20%; background:#ffffff59}
.footer-con .f-detail ul li span:last-child:after 
{display:none;}
.footer-con .copy
{font-size:1.4rem; color:#4f4f4f; font-weight:400; margin-top:2rem;}
.footer-con .police-con a 
{font-size:1.6rem; color:#fff; font-weight:300; margin-left:2rem;}

/* 서브 공통 */
#subContent
{padding:10rem 0;}
.sub-title-con 
{text-align:center; margin-bottom:5rem;}
.sub-title-con h2
{font-size:4.6rem; color:#222; font-weight:800;}
/* 인사말 */

/* 오시는길 */
.location-con 
{display:flex; flex-wrap:wrap;}
.location-con .location-map-con 
{width:50%;}
.location-con .location-detail-con 
{width:50%; padding:0 5rem; display:flex; flex-direction:column; justify-content:space-between;}
.location-con .location-detail-con .detail-top-con h3 
{font-size:4rem; font-weight:800; color:#000;}
.location-con .location-detail-con .detail-info-con 
{margin:4rem 0;}
.location-con .location-detail-con .detail-info-con dl
{display:flex; flex-wrap:wrap;}
.location-con .location-detail-con .detail-info-con dl dt
{font-size:1.7rem; color:#959595; font-weight:800; width:10rem; padding:0.5rem;}
.location-con .location-detail-con .detail-info-con dl dd
{font-size:1.7rem; padding:0.5rem; color:#000; font-weight:600; width:calc(100% - 10rem); }
.location-con .location-detail-con .detail-link-btn a
{border:2px solid var(--main-color); display:inline-block; padding:2rem 4rem; color:var(--main-color); font-weight:800; border-radius:10px; font-size:1.6rem; transition:all 0.5s ease;}
.location-con .location-detail-con .detail-link-btn a:hover 
{background:var(--main-color); color:#fff;}

/* 제품 소개 */
.product-list-con
{display:flex; flex-wrap:wrap; margin:0 -0.5%;}
.product-list-con li 
{width:24%; margin: 0 0.5% 2%;}
.product-list-con .prd-img-con 
{width:100%; height:25rem; background:#000}
.product-list-con .prd-des-con 
{padding:2rem 1rem;}
.product-list-con .prd-des-con .tit 
{font-size:2rem; color:#000; font-weight:700; margin-bottom:2rem;}
.product-list-con .prd-des-con .des 
{font-size:1.7rem; color:#8e8e8e; font-weight:500;}