@charset "utf-8";
/* 공통 */
.subbox { margin-bottom: 110px; }
.subbox.mg { margin-bottom: 0; }
.subtit { font-size: 40px; line-height: 1.2em; color: #242424; font-weight: 700; }
.subtit.tc { text-align: center; margin-bottom: 85px; }
.subtit span { color: var(--color-primary);}

/* 메인 비주얼 비디오/iframe 스타일 */
.visual .main-visual .items .item .img video,
.visual .main-visual .items .item .img iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.visual .main-visual .items .item .img iframe {
    aspect-ratio: 16 / 9;
    min-height: 500px;
}
@media (max-width: 768px) {
    .visual .main-visual .items .item .img iframe {
        min-height: 300px;
    }
}

/* 인사말 */
.gt h4 { color: var(--color-primary); font-size: 32px; font-weight: 700; line-height: 1.2em; margin-bottom: 25px; }
.gt p { font-size: 22px; line-height: 1.6em; }
.gt .group { display: flex; margin-bottom: 85px; }
.gt .group:last-child { margin-bottom: 0; }
.gt .group .subtit { width: 43%; padding-right: 20px; padding-top: 140px; }
.gt .group .info { width: 57%; }
.gt .group .info .img { margin-bottom: 35px; }

/* 연혁 */
.hst-big { padding: 75px 10px; background: url(../images/sub/sub1-2-img.jpg) center no-repeat; background-size: cover; color: #fff; text-align: center; }
.hst-big h4 { line-height: 1em; font-size: 20px; font-weight: 700; margin-bottom: 20px; }
.hst-big .subtit { color: #fff; }
.hst { position: relative; }
.hst::before { content: ""; position: absolute; left: 43%; width: 1px; height: 96.5%; background: #ddd; top: 30px; }
.hst .group { display: flex; align-items: flex-start; margin-bottom: 70px; }
.hst .group:last-child { margin-bottom: 0; }
.hst .group .big-year { width: 43%; text-align: right; padding-right: 110px; font-size: 54px; font-weight: 700; color: #242424; line-height: 1.2em; }
.hst .group .info { width: 57%; padding-top: 23px; }
.hst .group .info .box { padding-left: 75px; position: relative; margin-bottom: 70px; display: flex; }
.hst .group .info .box:last-child { margin-bottom: 0; }
.hst .group .info .box::before { content: ""; position: absolute; left: -5px; top: 7px; width: 11px; height: 11px; border-radius: 11px; background: var(--color-primary); }
.hst .group .info .year { width: 140px; font-size: 28px; font-weight: 700; color: #242424;}
.hst .group .info .txt { flex: 1 1 auto; min-width: 0; width: 1%; line-height: 1.556em; font-weight: 300; }

/* 오시는 길 */
.lct { margin-top: 50px; }
.lct h4 { font-size: 20px; font-weight: 700; color: #242424; line-height: 1.3em; margin-bottom: 33px; } 
.lct ul li { display: flex; margin-bottom: 24px; align-items: center;}
.lct ul li:last-child { margin-bottom: 0; }
.lct ul li .tit { display: flex; width: 230px; align-items: center; }
.lct ul li .tit .icon { margin-right: 12px; }
.lct ul li .tit .icon strong { font-size: 18px; flex: 1 1 auto; min-width: 0; width: 1%; display: block; font-weight: 600;}
.lct ul li .txt { flex:1 1 auto; min-width: 0; width: 1%; }
.map-fx { display: flex; flex-wrap: wrap; gap: 40px 32px; }
.map-fx .col { width: calc(100%/2 - 16px); }
.mapbox img { width: 100%; }

/* 제품 탭메뉴 (토글) */
.pd-tab { display: flex; padding-bottom: 20px; margin-bottom: 60px; gap: 18px; flex-wrap: wrap; align-items: flex-start; border-bottom: 1px solid #ddd;}
.pd-tab>li { width: calc(100%/6 - 15px); border: 1px solid #ddd; border-radius: 30px; overflow: hidden; transition: all 0.3s ease;}
.pd-tab>li>a { text-align: center; font-size: 20px; font-weight: 500; color: #454545; line-height: 1em; padding: 20px 10px; display: block; transition: color 0.3s ease;}
.pd-sub { max-height: 0; padding: 0; background: var(--color-primary); color: #fff; overflow: hidden; transition: all 0.3s ease;}
.pd-sub ul li a { display: block; padding: 5px 24px; text-align: left; font-size: 18px; font-weight: 500; transition: all 0.2s ease;}
.pd-tab>li.active { background: var(--color-primary); border-color: var(--color-primary); }
.pd-tab>li.active a { color: #fff; }
.pd-tab > li.active .pd-sub { max-height: 200px; padding: 15px 0; }