#subBg.bis
{background: url(/wp-content/uploads/2025/06/회사소개.jpg) top center / contain no-repeat fixed;}
#subBg.pro
{background: url(/wp-content/uploads/2025/06/제품소개.jpg) top center / contain no-repeat fixed;}
#subBg.bild
{background: url(/wp-content/uploads/2025/06/보유시설.jpg) top center / contain no-repeat fixed;}
#subBg.req
{background: url(/wp-content/uploads/2025/06/문의하기.jpg) top center / contain no-repeat fixed;}


/* 인사말 */
.greeting-con 
{display:flex;}
.greeting-txt-con 
{width:60%;}
.greeting-txt-con h2 
{font-size: 3.3rem; color:#222; font-weight: 700; margin-bottom: 2rem;}
.greeting-txt-con h3
{font-size: 3rem; color:var(--txt-color); font-weight: 700; margin-bottom: 4rem;}
.greeting-txt-con h3 span
{position: relative; font-size: 3rem; color: var(--main-color); font-weight: 900; margin-bottom: 4rem;;}
.greeting-txt-con p
{font-size: 1.9rem; font-weight: 500; letter-spacing: -0.06rem; line-height: 1.4; margin-bottom: 1.6rem; color:#555;}
.greeting-txt-con p:nth-last-of-type(1)
{margin-top: 3rem; font-weight: 700; color: #222;}
.greeting-txt-con p .accent
{font-size: 2rem; line-height: 1.4; margin-bottom: 1.5rem; color:#333; font-weight: 700;}
.greeting-img-con 
{position: relative; width: 45%; margin-right: 6%;}
.greeting-img-con::before
{content: ''; position: absolute; right: -2rem; bottom: -2rem; width: 100%; height: 100%; background: var(--main-color); z-index: -1; }
.greeting-img-con img 
{width: 100%; height: 100%; background: #000; object-fit: cover;}

/* 특허인증 */
.license-wrap
{text-align: center;}
.license-wrap img
{width: 60rem;}

/* 오시는길 */
.company-con
{margin: 8rem 0; display: flex;}
.company-con .kakaomap-wrap
{position: relative; width: 60%; height: 60rem; border: 1px solid #d9d9d9; overflow: hidden;}
.company-con .kakaomap-wrap #daumRoughmapContainer1751596011911
{width: 100% !important;}
.location-con 
{position: relative; width: 40%; padding: 5rem; display: flex; justify-content: space-between; background-color: #232323;}
.location-con::after
{content: ""; position: absolute; left: 0; bottom: 0; width: 43%; height: 75%; background: url(/wp-content/uploads/2025/07/오시는길.jpg) no-repeat center / cover;}
.location-con .info-box
{width: 50%;}
.location-con .info-box dl 
{padding: 3rem 0; display: flex; flex-direction: column; gap: 2rem; border-top: 1px solid #ffffff15;}
.location-con .info-box dl dt 
{display: flex; align-items: center; font-size: 2.4rem; font-weight: 600; color: #fff;}
.location-con .info-box dl dt .fa-solid
{font-size: 1.8rem; padding-right: 1rem; color: var(--main-color);}
.location-con .info-box dl dd 
{font-size: 1.8rem; font-weight: 500; line-height: 1.4; color: #666666;color: #fff;}
.location-con .info-box dl dd p
{font-size: 1.8rem; font-weight: 400; color: #666666; padding-bottom: 1.5rem; color: #fff;}
.location-con .info-box dl dd p:nth-last-of-type(1)
{padding-bottom: 0;}

/* 보유시설 */
.prd-slide 
{position:relative;}
.prd-slide .slide-item
{margin:0 20px;}
.prd-slide .slide-item img 
{width:100%; height: 40rem; border: 1px solid #e9e9e9; object-fit: contain;}
.prd-slide .slide-item p 
{font-size:1.8rem; color:#222; text-align:center; font-weight: 700; margin-top:1rem; transform:translateY(10px); opacity:0; transition: all 0.3s ease;}
.prd-slide .slide-item.slick-active p 
{transform:translateY(0px); opacity:1;}

.prd-slide .slick-arrow
{width: 3rem; height: 3rem; background-color: #d1d1d1; opacity: 1; transition: all 0.3s ease;}
.prd-slide .slick-arrow:hover ,.prd-slide .slick-arrow:active ,.prd-slide .slick-arrow:focus
{background-color: #d1d1d1; color: none; opacity: 0.8;}
.prd-slide .slick-prev
{left: -3rem;}
.prd-slide .slick-next
{right: -3rem;}
.prd-slide .slick-arrow::before
{color: white; opacity: 1;}

/* form */
.inquiry-con-write-box
{display: flex; flex-wrap: wrap; background-color: #efefef; border-radius: 2rem; padding: 5rem;justify-content: space-evenly;}
.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;}

/* 상세페이지 이미지 + 동영상 */
 .sub-detail-page-con
{max-width:1000px; margin:0 auto; width: 100%;}
/* .img-video-wrap li 
{text-align: center;}
.video-con .video1
{height: 70rem;}
.video-con .video1 video
{object-fit: cover;}
.video-con.video-bg-red
{padding-bottom: 6rem; width: 100%; background: linear-gradient(to top, var(--main-color) 0%, var(--main-color) 60%, #ffffff 40%, #ffffff 100%);}
.video-con .video2
{display: flex; justify-content: space-between; gap: 3rem; height: 45rem; overflow: hidden;}
.video-con .video2 .video-wrap
{width: 50%; background-color: #bbbbbb;}
.video-con .video2 video
{width: 100%; height: 100%; object-fit: cover; object-position: bottom;}

.video-box-wrap
{padding: 2rem; border-radius: 3rem; background: linear-gradient(to bottom, #f3f6fb 0%, #e7eef9 50%, #d0e0f4 100%);}
.video-box-wrap ul
{display: flex; flex-direction: column; gap: 1rem;}
.video-box-wrap .box
{display: flex; justify-content: space-between; gap: 2.7rem;}
.video-box-wrap .box .video-left
{border-radius: 2.5rem; overflow: hidden; background-color: #d9d9d9;}
.video-box-wrap .box .video-left video
{height: 28rem; object-fit: cover; object-position: bottom;}
.video-left, .video-right
{width: calc(50% - 1.3rem);}
.video-right
{display: flex; align-items: center; justify-content: center;}
.video-right h3
{position: relative; display: inline-block; font-size: 2.4rem; color: var(--main-color); font-weight: 700;}
.video-right h3::after
{content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: var(--main-color);}
.video-right p
{padding-top: 2rem; font-size: 2.4rem; color: #262626; line-height: 1.2; font-weight: 700;} */

@media screen and (max-width: 1300px) {

#subBg {background-size: cover !important; min-height: 25rem;}
#subBg h2 {font-size: 4rem;}
#subVisual .elementor-nav-menu .menu-item-object-page > a.elementor-item {margin: 0 1rem !important; padding: 2rem; font-size: 1.8rem !important;}

/* 오시는길 */
.company-con {flex-direction: column; padding: 0 2rem;}
.company-con .kakaomap-wrap {width: 100%; height: 40rem;}
.location-con {width: 100%; padding: 5rem 2rem;}

.prd-con-wrap {padding: 0 4rem;}
}
@media screen and (max-width: 1024px) {
.greeting-con {flex-direction: column; gap: 4rem;}
.greeting-img-con {width: 100%; height: 35rem; margin-right: 0;}
.greeting-img-con::before {display: none;}

.greeting-txt-con {width: 100%;}
.greeting-txt-con h2,.greeting-txt-con h3,.greeting-txt-con h3 span {font-size: 2.4rem;}
.greeting-txt-con h3 {margin-bottom: 2rem;}
.greeting-txt-con p {font-size: 1.6rem; margin-bottom: 1rem;}

/* form */
.inquiry-con-write-box {padding: 2rem;}
.inquiry-con-write-box dl.w50 {width: 100%;}
.inquiry-con-write-box dt {padding-left: 2rem; height: 5rem; width: 10rem;}
.inquiry-con-write-box dt p {font-size: 1.6rem; line-height: 5rem;}
.inquiry-con-write-box dd input, .inquiry-con-write-box dd select, .inquiry-con-write-box dd textarea {height: 5rem;}
.inquiry-con-write-box .personal-info dt {width: 15rem;}
.inquiry-con-write-box .inquiry-btn .wpcf7-form-control {width: auto; padding: 1rem 4rem; font-size: 1.6rem;}
}
@media screen and (max-width: 767px) {
#subBg {min-height: 18rem;}
#subBg h2 {font-size: 2.6rem;}

#subVisual .elementor-nav-menu .menu-item-object-page > a.elementor-item {padding: 1rem; font-size: 1.4rem !important;}
.greeting-img-con {height: 28rem;}
.greeting-txt-con h2, .greeting-txt-con h3, .greeting-txt-con h3 span {font-size: 2.1rem;}

/* 오시는길 */
.company-con {margin: 0;}
.company-con .kakaomap-wrap,.company-con .kakaomap-wrap #daumRoughmapContainer1751596011911 {height: 30rem;}
.location-con {flex-direction: column; gap: 4rem;}
.location-con .info-box {width: 100%;}
.location-con::after {display: none;}
.location-con .info-box dl {padding: 2rem 0; gap: 1.5rem;}
.location-con .info-box dl dt {font-size: 1.8rem;}
.location-con .info-box dl dd p {font-size: 1.5rem;}
.location-con .info-box dl dt .fa-solid {font-size: 1.5rem;}

.prd-slide .slide-item img {height: 28rem;}
.prd-slide .slide-item p {font-size: 1.5rem;}
/* form */
.inquiry-con-write-box dl.w50,.inquiry-con-write-box dl.personal-info {margin: 0.5rem;}
.inquiry-con-write-box dl {width: 100%; margin: 0.5rem;}
.inquiry-con-write-box dl.personal-info {display: flex; flex-direction: column;}
.inquiry-con-write-box dl.personal-info dd {width: 100%; padding-left: 1rem;}
.privacy-wrap .wpcf7-list-item-label {font-size: 1.4rem; line-height: 1.2;}
.inquiry-con-write-box .personal-info dd p {padding: 0.5rem;}
.inquiry-con-write-box .inquiry-btn {margin: 4rem auto 0;}
.inquiry-con-write-box .wpcf7-not-valid-tip {padding: 0.5rem;}

.prd-con-wrap {padding: 0 2rem;}
}
@media screen and (max-width: 650px) {
.inquiry-con-write-box dl {display: flex; flex-direction: column;}
.inquiry-con-write-box dd input, .inquiry-con-write-box dd select, .inquiry-con-write-box dd textarea {height: auto;}
.inquiry-con-write-box dt ,.inquiry-con-write-box dd {width: 100%; padding-bottom: 0.5rem;}
.inquiry-con-write-box dt {padding-left: 1rem; height: 4rem;}
.inquiry-con-write-box dd input, .inquiry-con-write-box dd select, .inquiry-con-write-box dd textarea,.inquiry-con-write-box .personal-info dd p,.inquiry-con-write-box .personal-info dd p b {font-size: 1.4rem;}
.wpcf7 form .wpcf7-response-output {font-size: 1.4rem !important; line-height: 1.2;}

}