/* 
---------------------------------------------
Product/Mobility & Healthcare
--------------------------------------------- 
*/
footer { background: none; }

.main-banner-box { padding-top: 319.6px; padding-bottom: 171.7px; }
.main-banner-box > .container.top { margin-bottom: 50px; }
.main-banner-box > .container.top  > p { font-weight: 500; }
.main-banner-box > .container.top  > p.page-loc { font-size: 12.75px; line-height: 15.555px; margin-bottom: 25.5px; font-family: Instrument Sans; }
.main-banner-box > .container.top  > p.page-type { line-height: 68px; font-size: 59.5px; font-family: GT Walsheim Trial; }
.main-banner-box > .banner-desc-box { display: flex; flex-direction: column; }
.main-banner-box > .banner-desc-box > div.banner-image { background-size: cover; background-repeat: no-repeat; }
.main-banner-box > .banner-desc-box > .container.desc { margin-top: 36px; }
.main-banner-box > .banner-desc-box > .container.desc > p { line-height: 30.6px; font-size: 20.4px; font-family: IBM Plex Sans KR; font-weight: 400; word-break: keep-all; }
.main-banner-box > .banner-desc-box > .container.desc > p > b { font-weight: 600; }
/* ---- Products section main-area common css ---- */
#section1 { position: relative; }
#section1 > div.scroll-box { position: absolute; top: 0; left: 50%; transform: transLateX(-50%); }
#section1 > div.scroll-box > span { font-size: 20.4px; line-height: 23.36px; font-family: GT Walsheim Trial; font-weight: 300; text-align: center; }
#section1 > div.scroll-box > img { margin: 0 auto; margin-top: 12px; width: 16px; display: block; }
.section { padding: 340.85px 0; }
.section .container .main-area { display: flex; padding-left: 99.45px; }
.section .container .main-area .info-boxes { flex-grow: 1; display: flex; flex-direction: column; }
.section .container .main-area .info-boxes p.num { font-size: 85px; line-height: 68px; margin-bottom: 45px; font-family: GT Walsheim Trial; font-weight: 300; }
.section .container .main-area .info-boxes .name-box { margin-bottom: 25px; }
.section .container .main-area .info-boxes .name-box > p { font-family: IBM Plex Sans KR; }
.section .container .main-area .info-boxes .name-box > p.product-sub { font-size: 20.4px; line-height: 20.4px; margin-bottom: 9px; font-weight: 300; }
.section .container .main-area .info-boxes .name-box > p.product-sub > b { font-weight: 600; }
.section .container .main-area .info-boxes .name-box > p.product-nm { font-size: 34px; line-height: 34px; font-weight: 600; }
.section .container .main-area .info-boxes .tag-box > span { background: rgba(128, 171, 255, 0.50); color: #0053D8; padding: 5.95px 20.4px; margin-right: 10.2px; display: inline-block; border-radius: 50px; backdrop-filter: blur(15px); font-family: IBM Plex Sans KR; font-weight: 400; margin-bottom: 10px; }
.section .container .main-area .info-boxes .tag-box > span:last-child { margin-right: 0px; }
.section .container .main-area .info-boxes .desc-box { flex-grow: 1; position: relative; }
.section .container .main-area .info-boxes .desc-box > p { font-size: 17px; line-height: 27px; position: absolute; bottom: 0; font-family: IBM Plex Sans KR; font-weight: 500; }
.section .container .main-area div.img > img { width: 652.8px; border-radius: 50px; }
/* ---- Products section sub-area css ---- */


/* 
---------------------------------------------
responsive
--------------------------------------------- 
*/
/* ---- Products section main-area common css ---- */
@media (max-width: 1299px) {
    .main-banner-box { padding-top: 255.68px; padding-bottom: 137.36px; }
    .main-banner-box > .banner-desc-box > div.banner-image { height: 652.8px; }
    .main-banner-box > .container.top > p.page-type { font-size: 47.6px; }
    .main-banner-box > .banner-desc-box > .container.desc > p { font-size: 16.32px; }
    #section1 > div.scroll-box > span { font-size: 16.32px; }
    #section1 > div.scroll-box > img { width: 12.8px; }
    .section { padding: 272.68px 0; }
    .section .container .main-area { padding-left: 50px; }
    .section .container .main-area .info-boxes p.num { font-size: 68px; line-height: 54.4px; margin-bottom: 36px; }
    .section .container .main-area .info-boxes .name-box { margin-bottom: 20px; }
    .section .container .main-area .info-boxes .name-box > p.product-sub { font-size: 16.32px; line-height: 16.32px; margin-bottom: 7.2px; }
    .section .container .main-area .info-boxes .name-box > p.product-nm { font-size: 27.2px; line-height: 27.2px; }
    .section .container .main-area .info-boxes .tag-box > span { padding: 5px 16.5px; margin-right: 8.16px; font-size: 14px; margin-bottom: 8px; }
    .section .container .main-area .info-boxes .desc-box > p { font-size: 16px; }
    .section .container .main-area div.img > img { width: 522.24px; }
}

@media (max-width: 1199px) {
    .section .container .main-area { padding-left: 0; }
    .section .container .main-area .info-boxes p.num { font-size: 64px; line-height: 50.4px; margin-bottom: 32px; }
    .section .container .main-area .info-boxes .name-box > p.product-sub { font-size: 15px; line-height: 15px; }
    .section .container .main-area .info-boxes .name-box > p.product-nm { font-size: 26px; line-height: 26px; }
    .section .container .main-area .info-boxes .tag-box > span { font-size: 13px; padding: 4px 15px; }
    .section .container .main-area .info-boxes .desc-box > p { font-size: 15px; line-height: 25px; }
    .section .container .main-area div.img > img { width: 500px; }
}

@media (max-width: 991px) {
    .main-banner-box > .container.top > p.page-loc { font-size: 12px; margin-bottom: 16px; }
    .main-banner-box > .container.top > p.page-type { font-size: 36px; line-height: 44px; }
    .main-banner-box > .banner-desc-box > div.banner-image { height: 500px; }
    .main-banner-box > .banner-desc-box > .container.desc > p { font-size: 15px; line-height: 26px; }
    .section .container .main-area .info-boxes p.num { font-size: 48px; line-height: 38px; margin-bottom: 18px; }
    .section .container .main-area .info-boxes .name-box { margin-bottom: 10px; }
    .section .container .main-area .info-boxes .name-box > p.product-sub { font-size: 14px; line-height: 14px; margin-bottom: 5px; }
    .section .container .main-area .info-boxes .name-box > p.product-nm { font-size: 20px; line-height: 20px; }
    .section .container .main-area .info-boxes .tag-box > span { font-size: 12px; padding: 3px 14px; }
    .section .container .main-area .info-boxes .desc-box > p { font-size: 13px; line-height: 20px; }
    .section .container .main-area div.img > img { width: 360px; }
}

@media (max-width: 767px) {
    .main-banner-box { padding-top: 33.391vw; padding-bottom: 17.939vw; }
    .main-banner-box > .container.top > p.page-loc { font-size: 1.5672vw; margin-bottom: 2.0896vw; }
    .main-banner-box > .container.top > p.page-type { font-size: 4.7vw; line-height: 5.7464vw; }
    .main-banner-box > .banner-desc-box > div.banner-image { height: 55.505vw; }
    .main-banner-box > .banner-desc-box > .container.desc { max-width: 100%; }
    .main-banner-box > .banner-desc-box > .container.desc > p { font-size: 2.25vw; line-height: 4vw; }
    .section { padding: 0 0; padding-bottom: 35.61vw; }
    #section1 { padding-top: 35.61vw; }
    #section1 > div.scroll-box > span { font-size: 2.131vw; }
    #section1 > div.scroll-box > img { width: 1.672vw; margin-top: 1.306vw; }
    .section .container .main-area { flex-direction: column-reverse; }
    .section .container .main-area div.img { text-align: center; }
    .section .container .main-area div.img > img { width: 100%; }
    .section .container .main-area .info-boxes { height: 37.874vw; margin-top: 5.224vw; }
    .section .container .main-area .info-boxes p.num { font-size: 6.7912vw; line-height: 5.4852vw; margin-bottom: 2.612vw; }
    .section .container .main-area .info-boxes .name-box > p.product-sub { font-size: 2.2202vw; line-height: 2.2202vw; margin-bottom: 1.0448vw; }
    .section .container .main-area .info-boxes .name-box > p.product-nm { font-size: 3.0038vw; line-height: 3.0038vw; }
    .section .container .main-area .info-boxes .tag-box > span { font-size: 1.6978vw; padding: 0.5224vw 1.8284vw; }
    .section .container .main-area .info-boxes .name-box { margin-bottom: 1.8284vw; }
    .section .container .main-area .info-boxes .desc-box > p { font-size: 2.0896vw; line-height: 3.0038vw; bottom: initial; top: 50%; transform: translateY(-50%); }
}

@media (max-width: 575px) {
    .main-banner-box { padding-top: 36vw; padding-bottom: 20vw; }
    .main-banner-box > .container.top > p.page-loc { font-size: 2.5vw; margin-bottom: 3vw; }
    .main-banner-box > .container.top > p.page-type { font-size: 6vw; line-height: 7.75vw; }
    .main-banner-box > .banner-desc-box > .container.desc > p { font-size: 3.2vw; line-height: 6vw; }
    .main-banner-box > .banner-desc-box > .container.desc > p > br { display: none; }
    #section1 > div.scroll-box > span { font-size: 3vw; }
    #section1 > div.scroll-box > img { width: 2vw; }
    .section .container .main-area div.img > img { width: 78vw; }
    .section .container .main-area .info-boxes { height: 58vw; margin-top: 8vw; padding-left: 7vw; }
    .section .container .main-area .info-boxes p.num { font-size: 8vw; line-height: 7vw; margin-bottom: 3.6vw; }
    .section .container .main-area .info-boxes .name-box > p.product-sub { font-size: 3.5vw; line-height: 3.5vw; }
    .section .container .main-area .info-boxes .name-box > p.product-nm { font-size: 5vw; line-height: 7vw; }
    .section .container .main-area .info-boxes .tag-box > span { font-size: 2.5vw; padding: 0.8224vw 2.5vw; }
    .section .container .main-area .info-boxes .desc-box > p { font-size: 3vw; line-height: 4.5vw; }   
}