#subBg {background-position: top center; background-size: contain; background-repeat: no-repeat; background-attachment: fixed;}
#subBg.intro {background-image: url(/wp-content/uploads/2025/07/회사소개.jpg);}
#subBg.pro {background-image: url(/wp-content/uploads/2025/07/제품소개.jpg);}
#subBg.guide {background-image: url(/wp-content/uploads/2025/07/가이드.jpg);}
#subBg.data {background-image: url(/wp-content/uploads/2025/07/자료실.jpg);}
#subBg.req {background-image: url(/wp-content/uploads/2025/07/견적문의.jpg);}

/* 카테고리 */
.sub-category-con {margin:5rem 0 10rem} 
.sub-category-con ul {display:flex; justify-content: center; } 
.sub-category-con ul li {min-width: 25rem; text-align:center; border:1px solid #ddd; margin: 0 -0.5px; } 
.sub-category-con ul li a {font-size:1.8rem; font-weight: 500; color:#494949; height:5.8rem; line-height:5.8rem; display:block; padding: 0 1rem; cursor:pointer; transition:all 0.3s ease;} 
.sub-category-con ul li a:hover {color:var(--main-color); } 
.sub-category-con ul li.active,.sub-category-con ul li.current-menu-item {background:var(--main-color); } 
.sub-category-con ul li.active a,.sub-category-con ul li.current-menu-item a {color:#fff; } 
.sub-category-con ul li.current-page-ancestor {background-color: var(--main-color);}
.sub-category-con ul li.current-page-ancestor a {color: #fff;}

/* 인사말 */
.greeting-con .title-wrap
{text-align: center;}
.greeting-con .title-wrap .title
{margin-bottom: 2rem; font-size: 2rem; font-weight: 700; color: var(--main-color); font-family: "pretandard";}
.greeting-con .title-wrap h3
{margin-bottom: 8rem; font-size: 5rem; font-weight: 800; line-height: 1.44; font-family: "pretandard"; letter-spacing: -0.24rem;}
.greeting-con .txt-list
{text-align: center;}
.greeting-con .txt-list li
{color: var(--sub-color); font-size: 2.1rem; font-weight: 500; line-height: 4rem; font-family: "pretandard";}
.greeting-con .txt-list li b
{color: var(--txt-color);  font-size: 2rem; font-weight: 700; line-height: 4rem; font-family: "pretandard";}

.greeting-con .greeting-wrap .title-wrap h3
{color: #fff;}
.intro .business-con01:nth-last-of-type(1)
{background: url(/wp-content/uploads/2025/07/고정배경2.jpg) no-repeat center / cover;}
.greeting-wrap
{padding: 10rem 0;}
.greeting-wrap ul
{display: flex; flex-direction: column; gap: 10rem;}
.gre-item 
{display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 7rem; background-color: #0b173b2e; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 2rem; backdrop-filter: blur(7px);}
.gre-item .txt-wrap 
{width: 52%;}
.gre-item .img-wrap
{width: 41%;}
.gre-item .img-wrap img
{width: 100%; height: 35rem; object-fit: cover; border-radius: 1.5rem;}
.gre-item .txt-wrap .title
{margin-bottom: 3rem; font-size: 4rem; color: #fff; font-weight: 800; line-height: 1.5;}
.gre-item .txt-wrap h3
{margin-bottom: 2rem; font-size: 2.6rem; font-weight: 600; color: #fff; font-family: "pretandard"; letter-spacing: -0.14rem;}
.gre-item .txt-wrap p
{font-size: 2rem; font-weight: 300; color: #fff; line-height: 2; font-family: "pretandard"; letter-spacing: -0.14rem;}

/* 연혁 */
.history-con 
{position: relative; margin-top: 6.6rem; padding-bottom: 24rem;}
.history-con .sub-tab-con 
{padding-bottom: 15rem;}
.history-con .sub-tab-con:last-child 
{padding-bottom: 0;}
.history-percent-bar 
{position: absolute; top: 4rem; left: 28%; border-radius: 2px;width: 0.5rem; height: calc(100% - 25rem); background: rgba(0, 0, 0, 0.06);}
.history-percent-bar .percent-bar-child 
{position: absolute; content: ""; width: 100%; height: 0; border-radius: 2px; background-color: var(--main-color); z-index: 1;}
.percent-bar-child .point 
{display: flex; align-items: center; justify-content: center; position: absolute; bottom: -5rem; left: calc(50% - 2.5rem); content: ""; z-index: 10; width: 5rem; height: 5rem; border-radius: 4.4rem; background-color: var(--main-color); box-shadow: 0.5rem 0.5rem 2.5rem rgba(172, 0, 33, 0.1);}
.percent-bar-child .point i 
{font-size: 2rem; color: #fff;}
.history-year-group-box 
{position: relative;display: flex; padding-bottom: 11.8rem;}
.history-year-group-box:last-of-type 
{padding-bottom: 0;}
.history-year-group-box .history-year-group-tit-box 
{width: 40%; text-align: left;}
.history-year-group-box .history-year-group-tit 
{font-size: 8rem; font-weight: 700; color: #000; transition: all 0.3s;}
.history-year-group-box .history-year-group-tit.active 
{color: var(--main-color);}
.history-year-group-box.active .history-year-group-tit 
{color: var(--main-color);}
.history-year-group-box .history-year-list-box 
{width: 60%; padding-top: 3rem;}
.history-year-group-box .history-year-item 
{display: flex; justify-content: space-between; margin-bottom: 10rem;}
.history-year-group-box .history-year-item:last-of-type 
{margin-bottom: 0;}
.history-year-group-box .history-year-item .history-year
{display: block; padding-right: 4rem; font-size: 3.4rem; font-weight: 700; color: #000; line-height: 1.1;}
.history-year-group-box .history-year-item .history-month-box
{width: calc(100% - 15rem);}
.history-year-group-box .history-year-item .history-month-item 
{display: flex;margin-bottom: 0.5rem;}
.history-year-group-box .history-year-item .history-month-item:last-child
{margin-bottom: 0;}
.history-year-group-box .history-year-item .history-month-item .history-month 
{ width: 5rem; font-size: 1.8rem; line-height: 1.7em; font-weight: 600; letter-spacing: -0.015em; color: #9e9e9e;}
.history-year-group-box .history-year-item .history-month-item .history-detail-txt-con
{width: calc(100% - 4.5rem);}
.history-year-group-box .history-year-item .history-month-item .history-detail-txt 
{position: relative; font-size: 1.8rem; font-family: 'pretandard'; font-weight: 500; line-height: 1.7; color: var(--txt-color); padding-left: 1.2rem;}
.history-year-group-box .history-year-item .history-month-item .history-detail-txt::before 
{position: absolute; content: ""; top: 1.4295rem; left: 0; width: 5px; height: 2px; background-color: #000;}

/* 비전 */
.vision .business-con01
{background: url(/wp-content/uploads/2025/07/고정배경1.jpg) no-repeat center / cover;}
.vision-wrap
{padding: 10rem 0;}
.vision-wrap ul
{display: flex; flex-direction: column; gap: 10rem;}
.vis-item
{display: flex;}
.vis-item:nth-child(even)
{justify-content: end;}
.vis-item .txt-wrap
{position: relative; width: 78%; padding: 7rem; border: 1px solid rgba(255, 255, 255, 0.3); background-color: #0b173b2e; border-radius: 2rem; backdrop-filter: blur(7px);}
.vis-item .txt-wrap .title
{margin-bottom: 5rem; font-size: 4rem; color: #fff; font-weight: 800; line-height: 1.5;}
.vis-item .txt-wrap h3
{margin-bottom: 2rem; font-size: 2.6rem; font-weight: 600; color: #fff; font-family: "pretandard"; letter-spacing: -0.14rem;}
.vis-item .txt-wrap p
{position: relative; padding-left: 2.8rem; font-size: 2rem; font-weight: 300; color: #fff; line-height: 2; font-family: "pretandard"; letter-spacing: -0.14rem;}
.vis-item .txt-wrap p::after
{content: "\f00c"; position: absolute; top: 50%; transform: translateY(-50%); left: 0; font-size: 1.8rem; font-weight: 900; color: #fff; font-family: "Font Awesome 5 Free";}

.vis-item .txt-wrap::after {content: ""; position: absolute; top: -5rem; right: -5rem; width: 55rem; height: 40rem; border-radius: 2rem;}
.vis-item:nth-child(1) .txt-wrap::after {background: url(/wp-content/uploads/2025/07/안전보장.jpg) no-repeat center / cover;}
.vis-item:nth-child(2) .txt-wrap::after {background: url(/wp-content/uploads/2025/07/해외시장.jpg) no-repeat center / cover;}
.vis-item:nth-child(3) .txt-wrap::after {background: url(/wp-content/uploads/2025/07/기술혁신.jpg) no-repeat center / cover;}
.vis-item:nth-child(4) .txt-wrap::after {background: url(/wp-content/uploads/2025/07/esg.jpg) no-repeat center / cover;}

/* 오시는길 */
.company-con
{margin: 8rem 0;}
.company-con iframe
{width: 100%; border-radius: 2rem 2rem 10rem 2rem;}
.location-con 
{display: flex;}
.location-con .tit 
{width: 50%; display: flex; flex-direction: column; font-size: 4rem; font-weight: 700; font-family: "pretandard"; line-height: 1.4; letter-spacing: -0.14rem;}
.location-con .tit-detail 
{padding-bottom: 1rem; font-size: 2rem; color: var(--main-color); font-family: "pretandard";}
.location-con .info-box 
{width: 50%;}
.location-con .info-box dl 
{padding: 3rem; display: flex; border-bottom: 1px solid rgba(0,0,0,0.1);}
.location-con .info-box dl:first-child 
{border-top: 3px solid #000000;}
.location-con .info-box dl dt 
{width: 28%; font-size: 2.4rem; font-weight: 700; font-family: "pretandard";}
.location-con .info-box dl dt .fa-solid
{font-size: 2rem; color: var(--main-color); padding-right: 1.2rem;}
.location-con .info-box dl dd 
{font-size: 1.8rem; font-weight: 500; color: #666666; padding-top: 0.3rem;}
.location-con .info-box dl dd p
{font-size: 1.8rem; font-weight: 500; color: #666666; padding-bottom: 1.5rem; font-family: "pretandard";}
.location-con .info-box dl dd p:nth-last-of-type(1)
{padding-bottom: 0;}

/* form */
.inquiry-con-write-box
{display: flex; flex-wrap: wrap; background-color: #efefef; border-radius: 2rem; padding: 5rem;}
.inquiry-con-write-box dl 
{display:table; width: calc(100% - 2rem); margin: 1rem; background-color:#fff; border: 1px solid #dbdbdb; border-radius: 1rem;}
.inquiry-con-write-box dl.w50 
{width: calc(50% - 2rem); margin: 1rem;}
.inquiry-con-write-box dt 
{display:table-cell; position:relative; width: 13rem; vertical-align: top; height:6rem; padding-left: 2.8rem;}
.inquiry-con-write-box dt p
{font-size: 1.8rem; font-weight: 700; line-height: 6rem;}
.inquiry-con-write-box dt p .essential-icon
{font-size: 2rem; color: var(--main-color); margin-left: 0.2rem;}
.inquiry-con-write-box dd 
{width: calc(100% - 13rem); display:table-cell; vertical-align: top;}
.inquiry-con-write-box dd input,.inquiry-con-write-box dd select,.inquiry-con-write-box dd textarea
{height:6rem; border:0; width:100%; font-size:1.6rem; letter-spacing: -0.02em; font-weight: 400; border-radius: 1rem; background-color:#fff;}
.inquiry-con-write-box dd textarea 
{height:26rem; padding: 1.5rem 1rem;}
.inquiry-con-write-box dd input::placeholder,.inquiry-con-write-box dd textarea::placeholder 
{color: #828282;}
.inquiry-con-write-box .wpcf7-not-valid-tip
{font-size: 1.4rem; padding: 0.5rem 0;}
.inquiry-con-write-box .inquiry-btn
{margin: 5rem auto 0;}
.inquiry-con-write-box .inquiry-btn .wpcf7-form-control
{margin: 0; border: 0; width: 25rem; padding: 2rem; color: #fff; font-size: 2rem; font-weight: 500; background-color: var(--txt-color); border-radius: 0.5rem; transition: 0.3s ease;}
.inquiry-con-write-box .inquiry-btn .wpcf7-form-control:hover
{background-color: var(--main-color);}
.wpcf7-spinner
{display: none;}
.wpcf7 form .wpcf7-response-output
{font-size: 1.7rem !important;}
.inquiry-con-write-box .personal-info dt
{width: 20rem;}
.inquiry-con-write-box .personal-info dd p
{padding: 1rem; font-size: 1.5rem; line-height: 1.4;}
.inquiry-con-write-box .personal-info dd p b
{font-size: 1.5rem; line-height: 1.4; font-weight: 600;}
.privacy-wrap 
{width: 100%;}
.privacy-wrap .wpcf7-list-item input
{width: 1.5rem; height: 1.5rem; margin: 0.5rem;}
.privacy-wrap .wpcf7-list-item label
{display: flex; align-items: center;}
.privacy-wrap .wpcf7-list-item-label 
{font-size: 1.6rem; cursor: pointer;}

/* 제품소개 - 무용접하지 */
.product .business-con01
{background-image: url(/wp-content/uploads/2025/07/prod-bg.png); background-repeat: no-repeat; background-color: #033354;}

.pro-wrap 
{padding-top: 10rem;}
.pro-wrap:nth-last-child(1)
{padding-bottom: 10rem;}
.sub-title h3 
{margin-bottom: 4.5rem; font-size: 4.8rem; font-weight: 800; color: #fff; font-family: "pretandard"; letter-spacing: -0.18rem;}
.sub-detail p
{font-size: 2rem; line-height: 4rem; font-weight: 400; color: #fff; font-family: "pretandard";}
.sub-detail p b 
{font-size: 2rem; line-height: 4rem; color: var(--main-color);}
.sub-detail ul
{display: flex; gap: 2rem; justify-content: space-between; margin-top: 4rem;}
.sub-detail ul li
{padding: 3rem; border: 1px solid rgba(255, 255, 255, 0.3); background-color: #0b173b2e; backdrop-filter: blur(7px); border-radius: 3rem;}
.sub-detail ul li span
{font-size: 3rem; font-weight: 800; color: #ffffff70;}
.sub-detail ul li p
{font-size: 2.4rem; color: #fff; font-weight: 500;}
.sub-detail ul li img
{margin-top: 3rem; object-fit: cover; border-radius: 1rem; background-color: #fff;}
.business-con01 .pro-wrap .img-con 
{margin-top: 5rem; display:flex; gap: 2rem;}
.business-con01 .pro-wrap .img-con .video
{width: 35rem;}
 
/* 제품소개 */
.business-content .middle-container
{position:relative}
.business-char-con
{display:flex; flex-wrap:wrap;}
.business-char-con .left-con 
{width:25%;}
.business-char-con .tab-menu-list 
{width:30rem;}
.business-char-con .tab-menu-list li
{margin:0 0 1rem; border:1px solid #ddd; border-radius:10px; overflow:hidden; text-align:center; cursor:pointer}
.business-char-con .tab-menu-list li span
{font-size:1.6rem; color:#2b2b2b; display:block; padding:2rem;;}
.business-char-con .tab-menu-list li:hover span 
{color:#000; font-weight:500}
.business-char-con .tab-menu-list li.active span 
{background:var(--main-color); color:#fff;}
.business-char-con .right-con 
{width:75%;}
.business-char-con .tab-wrap
{display:flex;}
.business-char-con .tab-con .img-con 
{width:35%; height: 100%; border:1px solid #e5e5e5; background:#f9f9f9}
.business-char-con .tab-con .txt-con
{width:65%; padding:3rem;}
.business-char-con .tab-con .txt-con .tit 
{font-size:2.4rem; color:#222; font-weight:600; margin-bottom:2rem;}
.business-char-con .tab-con .txt-con .txt 
{font-size:1.7rem; color:#444; line-height:1.5;}
.business-char-con .tab-con .txt-con .txt.bold
{padding-top: 1rem; font-weight: 500;}
.business-char-con .tab-con .txt-con .txt span
{font-size:1.7rem;}

/* tab-in-slide */
.tab-in-slide-con 
{width: 35%; height: 100%;}
.business-char-con .tab-con .txt-con
{position: relative;}
.tab-in-slide-controls 
{position:absolute; left: 3rem; bottom: 6rem;}
.tab-in-slide-controls .arrow-btn 
{position:absolute; display:inline-block; left:0; width:6rem; height:6rem; background:#fff; border-radius:50%; border:1px solid #ddd; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all 0.3s ease;}
.tab-in-slide-controls .arrow-btn.next-btn 
{right:-13rem; left:auto;}
.tab-in-slide-controls .arrow-btn i
{color:#555;}
.tab-in-slide-controls .arrow-btn:hover 
{background:var(--main-color); border-color:var(--main-color)}
.tab-in-slide-controls .arrow-btn:hover i
{ color:#fff;}

/* 제품소개 타이틀 */
.business-tit-con 
{padding-bottom:2rem; margin-bottom:2rem; border-bottom:1px solid #ddd;}
.business-tit-con h4
{font-size:2.6rem; font-weight:700; color:#222;}
/* 제품소개 슬라이드 */
.business-img-slide-con .business-img-item 
{border:1px solid #ddd; margin:0 0.5rem}
.business-slide-controls 
{position:absolute; top:50%; width:100%;}
.business-slide-controls .arrow-btn 
{position:absolute; display:inline-block; left:-3rem; width:6rem; height:6rem; background:#fff; border-radius:50%; border:1px solid #ddd; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all 0.3s ease;}
.business-slide-controls .arrow-btn.next-btn 
{right:-3rem; left:auto;}
.business-slide-controls .arrow-btn i
{color:#555;}
.business-slide-controls .arrow-btn:hover 
{background:var(--main-color); border-color:var(--main-color)}
.business-slide-controls .arrow-btn:hover i
{ color:#fff;}
/* 제품소개 테이블 */
.business-char-tbl-con 
{margin-top:5rem;}
/* 제품소개 상단 텍스트 */
.business-top-txt 
{text-align:center;}
.business-top-txt h2
{font-size:3.6rem; color:#0a0a0a; font-weight:700; margin-bottom:3rem;}
.business-top-txt p
{font-size:2.2rem; color:#444; font-weight:400; line-height:1.8;}
/* 제품소개 협업업체 카탈로그 */
.business-catalog-con 
{margin-top:10rem;}
.business-catalog-con .tit
{margin-bottom:2rem; padding-bottom:2rem; border-bottom:1px solid #ddd;}
.business-catalog-con .tit h2 
{font-size:2.8rem; color:#222; font-weight:600; }
.business-catalog-con .catalog-list
{margin-top:5rem;}
.business-catalog-con .catalog-list ul 
{display:flex; flex-wrap:wrap; margin:0 -0.5%;}
.business-catalog-con .catalog-list .item
{width:24%; margin:0 0.5%;}
.business-catalog-con .catalog-list .item .img-con
{width:100%; box-shadow:3px 3px 13px #0000001c}
.business-catalog-con .catalog-list .item .img-con a
{width:100%;  display:block; position:relative;}
.business-catalog-con .catalog-list .item .img-con .overlay-txt 
{opacity:0; visibility:hidden; width:100%; height:100%; position:absolute; left:0; top:0; display:flex; justify-content:center; align-items:center; background:rgba(0,0,0,0.8); transition:all 0.3s ease;}
.business-catalog-con .catalog-list .item .img-con .overlay-txt p
{font-size:1.8rem; color:#fff;}
.business-catalog-con .catalog-list .item .img-con .overlay-txt p i
{color:#fff;}
.business-catalog-con .catalog-list .item .img-con:hover .overlay-txt 
{opacity:1; visibility:visible;}
.business-catalog-con .catalog-list .item .txt-con p
{font-size:1.8rem; color:#222; font-weight:600; padding:3rem 0; text-align:center; display:block;}
.business-catalog-con .catalog-list .item.product-process 
{width: 48%; margin-left: 1%;}
.business-catalog-con .catalog-list .item.product-process .video-title
{padding-bottom: 1.5rem; font-size: 2.4rem; font-weight: 600; color: #222;}

/* 안전한외장재선택가이드 */
.sub-content .guide-box {gap: 10rem;}
.sub-content .guide-box .icon-wrap ul {gap: 5rem; justify-content: flex-start;}
.sub-content .guide-box .icon-wrap p {white-space: nowrap;}
.sub-content .guide-box .gui-right {width: 45%;}
.sub-content .guide-box .gui-right .txt-wrap {padding: 4rem 0 6rem;}
.sub-content .guide-box .gui-left {height: 45rem; border-radius: 2rem;}