@charset "utf-8";


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

    #header {
    padding: 0 2%;
}
.logo {width: 230px;}
.depth1 {padding: 0 1.5rem;}

.sec-02 h2 {font-size: 3rem;}

.sub-tit p br{ display: none;}
.main-tit h1 {font-size: 3.5rem;}
.main-tit {left: 62%;}
.main-tit p {font-size: 2.5rem;}
.main-sub-tit {font-size: 50px;}
#sv {padding: 0 40px;}
.info-list-con .list-item .info {font-size: 56px;}
/* .sec-03 .sub-tit {width: 40%;     margin-right: 10%;}
.contact {flex: 1;}
.info-left-top {padding: 40px 70px 40px 0;}
.sec-04-con {width: 90%;}
.item-con {padding: 94px 0 0 96px;} */

/* .subTit {padding-left: 40px;} */
#sv #sub-lnb.add .menu03.depth2 {display: flex; gap: 28px;}
#subConents {padding: 0 40px;}
#subConents .sub-page .top-area h2 {font-size: 40px; margin-bottom: 50px;}
#subConents {margin: 100px 0;}
#gnb ul {gap: 20px}
.inner.sec_02 {padding: 180px 40px 0}
.detail_view {position: unset;}
#atc02 .r_inner .swiper-wrapper .swiper-slide .tit {font-size: 3.5rem;}
h4.tit.font-60.en-pre {font-size: 40px;}

.history .list .his_box .item h3 {
    margin-bottom: 40px;
}
.history .list .his_box {
    margin-top: 100px;
    padding-left: 60px;
}

.history .list .his_box .item > ul > br{display: none;}

.bf-con {gap: 24px;}
.bf-con > li {max-width: 396px;}

}



@media screen and (max-width:1406px) {
.sec-03 .sub-tit {
    padding: 100px 56px 0 60px;}
}


@media screen and (max-width:1395px) {
.all-pro-list {gap: 24px;}

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

    #header {height: 80px;}
    .menu_btn {display: block;}
    .menu_btn img{width: 24px; }
    .utile_area {flex: 1;justify-content: flex-end;}
    .inner.hd {gap:20px}

    /* .logo {width: 160px;} */
    .logo_icon {width: 150px;}
    .logo_icon-em {width: 50px;}

    #gnb ul {display: none;}

    .main-tit h1 {font-size: 44px;}
    .main-tit p {font-size:36px;} 
    .main-tit {left: 67%;}
    .inner.sec_02 {padding: 150px 40px 0;}

    section.sec-01 {height: 580px;}    
    section.sec-02 {flex-wrap: wrap;}
    .sub-tit {position: unset;}

    .sec-02 h2 {/* text-align: center; */         padding-top: 50px;}

    .sec-03 {
    margin-top: 120px;}

    .swiper.project {width: 100%;}
    .sec-03 .sub-tit {left: 50%;transform: translate(-50%, 0); margin-right: unset; position: absolute;  background: none; color: #fff; width: 100%;    /*  padding: 100px 56px 0 60px; */}
    .sec-03 .sub-tit p {color: #fff;}

    .info-link-circle {}
    .info-link-circle .circle {height: 13rem;width: 13rem;}
    .main-sub-tit {font-size: 40px;}
    .info-link-circle .circle .tit-box .tit {font-size: 24px;}
    .info-list-con .list-item .info {font-size: 48px;}
    .info-list-con .list-item .tit {font-size: 14px;}
    p.plus-txt{font-size: 14px;}
 
    .tab__content > .sw-txt-box > h5 {font-size: 28px;}
    #atc02 .r_inner .swiper-wrapper .swiper-slide .tit-ko {font-size: 24px;}
    .model-Num {font-size: 24px;}
    .tab {justify-content: center;}
    .main-tit-box.s_03 > h3 {font-size: 44px;}
    #atc02 .l_inner .txt_box .pager_txt p > span {font-size: 1rem;}
    .tab__item {font-size: 15px;}
    #atc02 .btn-con {width: 180px;}
    #atc02 .btn-con .swiper-button-prev, #atc02 .btn-con .swiper-button-next {width: 70px; height: 70px;}
    .tab__content.active {/* padding:0 40px */}
    .tab__content.pro.active {padding: 0px;}

    .tab__content {gap: 100px;}
    .sw-txt-imgBox > img {width: 400px; height: 400px; }
   


    /* section_04 */
    .sec-04-con {width: 100%;    flex-direction: column-reverse;}
    .item-con {width: 100%; padding: 48px 56px 70px;}
    img.con-center-img {width: 430px;}
    .sec-04 .sub-tit {width: 100%;            padding: 48px 56px;}
    .sec-04 .sub-tit span {margin-bottom: 0; font-size: 32px;         position: unset;}
    .tit-inner {display: flex; align-items: center; justify-content: center; gap: 36px; flex-wrap: wrap;}
    .sec-04 .sub-tit p {margin-bottom: 0;}
    .item-con span {display: block; /* text-align: center; */     margin-bottom: 48px; font-size: 24px;         padding-bottom: 24px; border-bottom: 1px solid #efefef;}
    .btn-news {left: 50%;height: 20px;transform: translate(-50%, 20px);max-width: 160px;}




    .sec-03 h3 {margin-bottom: 96px;}

    .btn-con.txt { position: absolute; bottom: 80px; width: 150px; right: 0; left:unset; transform: translate(-50%, 0);}

    .btn-con.txt .swiper-button-prev, .btn-con.txt .swiper-button-next { color: #fff!important;}

    .sec-04 {padding: 80px 40px;     height: 240px;}


    .sub_con {display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    justify-content: center;
}

    .ceo-left-item {
    width: 100%;
}
.ceo-right-item {width: 100%;}
.avena-icon {
    max-width: 300px;
    
}
.ceo-right-item > p{width: 100%;}
     
    p.copy {margin-left: 0;}
    .info-bt { padding: 0 40px;  }
    .priv-wr {margin-right: 0;}

    .font-20 {font-size: 18px;}
    table.wp100 {font-size: 16px;}
    .item_con_desc.brand {padding-top: 44px;}
    h3.font-28.brand {margin-top: 30px;}

    .lnb-bg {display: none;}
    #sv .add {display: none;}
    #subConents .sub-page .top-area h2 {font-size: 36px; margin-bottom: 36px;}
    .item.greet-txt h3 {font-size: 28px; text-align: center;}
    .item.greet-txt p {font-size: 17px; text-align: center;}
    .item.greet-txt p  > br{display: none;}
    #subConents {margin: 80px 0;}

    .gall_row .col-gn-4 {width: 33.333%;}
    /* .subTit h1 {font-size: 56px;} */

    .tab__item {font-size: 16px;}

    .glass-detail {margin-left: 0;}
    .glass-con h3 {padding-left: 0; font-size: 24px;}
    .glass-detail li {font-size: 17px;}


    .product-item-con ul > li {width: calc(50% - 10px);}

    .txt-item-group {flex-direction: column; overflow-x: scroll;}
    .outline-txt h3 {font-size: 20px;}

    .outline-img-area img {height: 340px;}
    .outline-img-area {margin-bottom: 50px;}

    #bo_gall .gall_li {
        width: calc(33.333% - 10px);}

    .swiper.project .swiper-slide img {
        filter: brightness(0.8);
    }



    .gr-logo {width: 320px; height: unset;}
    .item.greet-txt {justify-content: center;     padding: 0 40px; }

    .sec-05 {height: 630px;}

    h2.en-mon.font-64.wh {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, 50%);

    }

    .history .list .his_box .item h3 {
        font-size: 80px; 
        max-width: 220px;
        margin-bottom: 0;
    }

    .history .list {
        margin-top: 40px;
    }

    .history .list .his_box .item {
        display: flex
;
        align-items: flex-start;
        margin-bottom: 70px;
    }
    .history .list .img_box {
        display: none;
    }
    .history .list .his_box .item > ul {
        width: calc(100% - 200px);
        margin-top: 34px;
    }
    .history .list .his_box {
        width: 100%;
        padding: 0 16px;
        margin-top: 0;
    }

    .dl-flex.com-info > dt {max-width: 200px;}
    .dl-flex.com-info.pro > dt {
        max-width: 260px;
    }

    .ov-wr , .mission-con  {
        margin-bottom: 100px;
    }
    .sub-tit-h3 , .ov-left-top > h3 {
        font-size: 56px;}

    .ov-left-top {justify-content: center;}

    
    .mb-80 {margin-bottom: 5rem;}

    .s-sub-vis_txt h2 {font-size: 7.5rem;}

    #sub-lnb {display: none;}

    .bf-con li > h5 {
        font-size: 20px;}

    .bf-con > li {
        max-width: 296px;
        }
    
    ul.bf-list {
        padding: 24px 30px;}


    .bf-con > li {
            padding: 40px 30px;}

    ul.bf-list {
    background: #fff;
    padding: 24px 40px;
    min-height: 200px;
}

    .bf-con li > ul > li {font-size: 17px;}

    .bf-con {
        gap: 12px;
    }
    #subConents .sub-page .top-area {
        text-align: center;
        margin-bottom: 50px;
    }

    .all-pro-list > li {width: calc(33.33% - 22px);}
    .all-pro-list {gap: 20px;}

    .ov-left-top.pro {display: flex; flex-direction: column-reverse; gap: 56px;     margin-bottom: 80px;}
    .pro-img-desc > img {padding: 0 40px;}
    .history-item.pro h4 {
        font-size: 3rem;
    }
    .history-item.pro h5 {

        font-size: 36px;
    }

    dd.ct {
        font-size: 2rem;}
    .history-item.pro p {font-size: 28px;}

    .certi-tit > h4 {font-size:24px ;}

    #atc02 .l_inner .txt_box .pager_txt p > span {
    padding: 0.5rem 20px}


    #atc02 .r_inner {
    padding-top: 50px;
}

#atc02 .r_inner::before {bottom:0;}
    .main-tit-box.s_03 {

    margin-bottom: 3rem;
    padding: 0 40px;
}

.main-tit-box.s_03 {
    padding:0 40px;
}
#atc02 .r_inner .swiper-wrapper .swiper-slide .tit {
    font-size: 2.5rem;
}
.ceo-left-top > h3 {
    font-size: 48px;}
.ceo-greet > strong , .ceo-greet >  p{ font-size: 28px!important;}
.ceo-left-bt > p {font-size: 18px;}
.ceo-left-top {margin-bottom: 2rem;}
}




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

    .item_con_desc {justify-content: center;}
    .history .list .his_box .item h3 {
        width: 204px;
        margin-bottom: 0;
    }
    .history .list .his_box {
        width: 100%;
        padding-left: 0;
        padding: 0 16px;
        margin-top: 0;
    }
    

}




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

    #site_Map.on {width: 100%;}
    .all_menu {width: 100%;}

    #subConents {margin: 50px 0;}
    /* .subTit h1 {font-size: 48px;} */
    #subConents .sub-page .top-area h2 {font-size: 32px;}

        .main-tit p {
        font-size: 28px;
        letter-spacing: -2px;
    }

        .main-tit h1 {
        font-size: 36px;
        letter-spacing: -2.8px;
    }

        .main-sub-tit {
        font-size: 36px;
    }

        .inner.sec_02 {
        padding: 100px 40px 0;
    }
    .sec-03 {
    margin-top: 80px;
    }
    .sw-txt-imgBox {width: 340px;;height:340px;}
    
    .tab__content { flex-direction: column; gap: 20px;}
    #atc02 .r_inner {padding-top: 30px; padding-bottom: 0;}
    #atc02 .r_inner .swiper-wrapper .swiper-slide .tit {font-size: 2.5rem;}
    .tab__content > .sw-txt-box > h5 {
        font-size: 24px;
    }
    .model-Num {
        font-size: 20px;
    }
    #atc02 .btn-con {bottom: 8%; right: -50%; transform: translate(-50%, 0);}
    .sw-txt-imgBox > img {width: 320px; height: 320px;}
    img.CTH_img {height: 350px;}

    #atc02 .swiper-button-prev i, #atc02 .swiper-button-next i {font-size: 24px;}
/*     .font-36 {font-size: 1.75rem;}
    .font-64 {font-size: 3rem;}
    .font-28{font-size: 24px;}
    .font-20 {font-size: 1rem;}
    .font-16 {font-size: 15px;} */
    
    .sec-05 {height: 560px;}

    .info_con ul > li > h5 {font-size: 1.125rem;}
    .info_con ul > li > p {font-size: 1rem;}

    .ft-con {margin-left: 0;  padding: 0;       flex-direction: column;}
    .ft-info { gap: 24px; justify-content: space-between;} 
    .info-left-top {padding: 2.5rem;padding: 20px 2.5rem 2.5rem;}
    #footer {border-top: 1px solid #efefef;}
    .ft-top {flex-direction: column;}
    .contact {width: 100%; padding: 40px 40px 30px; text-align: center; justify-content: center;}
    .contact dl > .d-flex{justify-content: center;}
    .info-right {flex-wrap: wrap;     gap: 32px;}
    .item-con {padding: 48px 40px 56px;}
    .dl-wrap {justify-content: center;         margin-bottom: 0;} 
    .contact dd {margin-bottom: 0; font-size: 24px;}

    
    .info-link-circle {width: 100%;    top: -146px;}
    .tit-box {display: flex; flex-direction: column;}

    .info-link-circle .circle {height: 6rem; width: 100%; border-radius: 50px; padding: 24px;}
    .info-link-circle .circle:nth-child(2){     transform: translateY(84px);}
    .info-link-circle .circle:nth-child(3) {transform: translateY(168px)}
    .info-list-con {padding: 150px 0 70px;         flex-direction: column; gap: 24px; align-items: center; text-align: center;}
    .info-list-con::before {border-radius: 0;}
    .info-logo {display: none;}

    #atc02 .l_inner .txt_box .pager_txt {gap: 8px 4px;}
    
    

    .tab__item {padding: 8px 1rem;}


    .loction {flex-wrap: wrap; gap: 0;}
    .loction-desc {width: 100%;}
    .map_area {width: 100%;height: 330px;}

    .loction-desc dl {padding-bottom: 14px; font-size: 16px;}

    .tab {margin-bottom: 20px; }

    .subTit h1 {font-size: 64px;}
    .item.greet-txt h3 {font-size: 24px;}

    .outline-dl .d-flex {line-height: 1.8;         border-bottom: 1px solid #efefef; flex-wrap: wrap;}
    .outline-dl dd {font-size: 16px;}
    .outline-txt p {font-size: 16px;}

    .outline-txt h3 {margin: 50px 0 30px;}
    
    .loction h3 {font-size: 20px;     padding-bottom: 12px;}
    .loction span {margin-bottom: 12px;         font-size: 18px;} 

    section.sec-01::before {bottom: -32px;}
    .sub-tit span {top:15%;}
    .swiper.product { padding-top: 0;}


/*     .product-item-con ul {gap: 20px 0;justify-content: center;}
    #bo_gall .gall_li { width: calc(50% - 8px);}

    .pa_sunroof_film > ul > li {
        width: calc(100% - 20px);}
    
    .pa_sun_txt, .pa_sun_txt.blue{width: 70%;}
    .sunroof-con {justify-content: center;}
    .out_attach_txt {width: 100%;}

    .item_con_desc.brand > .item_center_desc > img.con-center-img {width: 360px;}

    .item_con_desc.brand {padding-top: 48px;}
 */


    .history .list .his_box .item h3 {
        width: 100%;
        font-size: 50px;
    }

    .history .list .his_box .item > ul {
        width: 100%;
        margin-top: 20px;
        padding-left: 0;
    }

    .history .list .his_box .item {
        flex-direction: column;
    }

    .dl-flex.com-info > dt {
        max-width: 150px;
    }

    .dl-flex.com-info > dt {
        font-size: 18px;
    }

    .sub-tit-h3, .ov-left-top > h3 {
        font-size: 48px;
    }

    .ov-wr, .mission-con {
        margin-bottom: 80px;
    }

    .s-sub-vis_txt h2 {
        transform: translate(-50%, 0);
        font-size: 6.5rem;
        bottom: 5%;
        left: 63%;
        width: 100%;
    }

    .info-tit-wr h4 {
        font-size: 32px;
    }

    .s-sub-tit {margin-bottom: 20px;}

    .history .list .his_box .item > ul > li > ul > li { font-size: 18px;}

    .mb-80{margin-bottom: 2rem;}

    ul.menu03.depth2 {gap: 50px;}
    .s-sub-vis_txt {display: none;}

    .bf-con > li {
        max-width: 338px;
    }

    .bf-con {
        margin-top: 20px;
        justify-content: center;
    }

    #bo_gall .gall_li {
        width: calc(50% - 10px);
    }
   
    .all-pro-list > li {
        width: calc(50% - 10px);
        height: unset;
    }
    .all-pro-list > li > a > img {
        height: 240px;
        margin-bottom: 20px;
    }
    .all-pro-list > li > a {
        font-size: 20px;
        gap: 8px;
    }

    .history-item.pro h4 {
        font-size: 44px;
    }

    .history-item.pro h5 {
        font-size: 30px;
    }
    .history-item.pro p {
        font-size: 24px;
    }

    .pro-txt-desc > p {
        font-size: 24px;}
    .pro-txt-desc ul > li {font-size: 1rem;}
    .pro-txt-desc {padding: 30px 20px;}
    .tab.pro {justify-content: flex-start!important;}
      .sec-04 {
        padding: 50px 40px;
        height: 220px;
    }

        .certi-tit > h4 {
        font-size: 24px;
    }

    dl.dl-flex.com-info.pro.oh {
    padding: 20px;
}
     dl.dl-flex.com-info.pro.oh > dd{ font-size: 16px;}
     .oh-item-tit {
    padding: 20px;}
}





@media screen and (max-width:644px) {
    
    .tbl_head01{overflow-x: scroll;}
        .product-con ul > li {
        height: 8rem;}

    .history .list .his_box .item > ul > li > span {
        width: 40px;
        padding-left: 0;
    }

    .s-sub-vis_txt h2
     {font-size: 5.5rem;}
     .all-pro-list > li {
        width: 100%;}
}

@media screen and (max-width:426px) {
    #header {height: 60px;}
    .inner.hd {
        gap: 8px;
    }
    .logo {
        width: 130px;
    }
    .menu_btn > i {
        width: 30px;
        height: 30px;
    }
    #ol_after_btn {gap: 0;}
    #site_lang2 {font-size: 12px;}
    .menu_btn > i {
        font-size: 20px;}

    .main-scroll-icon {display: none}
    .video-con {border-radius:  0 0 0 150px;}
    .main-tit {left: 50%; text-align: center;}


    section.sec-01 {height: 340px;}
    .main-tit p {font-size: 17px;}
    .main-logo { width: 200px;}
    .swiper.main .swiper-pagination {left: -32% !important;}
    .main-tit h1 {    font-size: 1.9rem;}
    a.about.en-mon {top: 62%;}
    .sub-tit p {font-size: 16px;}
    .scroll-down .line-wr {display: none;}
    
    .font-64 {font-size: 2rem;}
    .sec-04 .sub-tit p {font-size: 17px;}
    .font-24 {font-size: 18px;}
   
    .font-36 {font-size: 20px;}
    .sec-04 {margin: 0; height: 150px;}

    .info_con ul > li {width: 100%;     padding: 20px;}
    .info_con ul > li > p {margin-bottom: 8px;}
    .info_con ul > li > h5 {margin-bottom: .75rem; padding-bottom: 0.75rem;}
    .sec-05 {height: 526px;}

    .ft-info {      justify-content: center;}
    .info-left-top {}
    .info-right {justify-content: center;         gap: 24px;}
    .dl-info {text-align: center;   width: 100%;}
    .sub-tit span {        left: 9%;}
    .sub-tit span::before {}

    img.con-center-img {width: 300px;}

    .info-bt {padding: 0;}

    .contact {padding: 40px 20px 8px;}
    .item-box h5 {font-size: 1rem;}
    dd.ct {font-size: 20px;}
    .contact dl > .d-flex {line-height: 1.7;}
    .info-bt {justify-content: center; }
    .d-flex.d-wrap {flex-wrap: wrap; gap: 0 8px;}
    .sec-04 .sub-tit {padding: 36px 0;}
    .item-con {padding: 48px 20px 40px;}
    p.copy {font-size: 12px;}
    .sec-03 .sub-tit p {line-height: 1.5;         font-size: 14px;}
    a.gall {bottom: -94px;}
    .tit-inner {gap: 8px 36px}
    .sec-03 .sub-tit { transform: translate(-50%, 0); padding: 0 20px; bottom: -40%;}
    .sec-03 h3 {margin-bottom: 24px; font-size: 36px;}
    a.gall { width: 48px; height: 48px;         right: -20px; bottom: -21px}
    .sec-04 .sub-tit span {font-size: 24px;}
    .sec-02 h2 {font-size: 36px;}


    .sec-03 {margin-top: 50px;        /*  padding: 0 20px; */}
    .btn-con.txt {transform: translate(-20%,  96px);}
    .item-con span {text-align: center; font-size: 1.25rem;}
    .main-tit h1::before {left: -40px; display: none;}
    .main-tit-box.s_03 > h3 {font-size: 22px; letter-spacing: -0.9px;}
    .model-Num{font-size: 16px;}
        #atc02 .btn-con .swiper-button-prev, #atc02 .btn-con .swiper-button-next {
        width: 50px;
        height: 50px;
    }
        #atc02 .btn-con {
        width: 126px;
        bottom: 2%;
    }
        #atc02 .r_inner {
        padding: 20px;
    }
        #atc02 .l_inner .txt_box .pager_txt {    padding: 0 20px;     justify-content: space-between;}
    .main-tit-box.s_03 {margin-bottom: 3rem;}
        .sw-txt-imgBox > img {
        width: 260px; height: 260px
    }

    .main-tit-box > .font-grey {
    font-size: 16px;
}

    .sec-03::before {height: 580px;}
    #atc02 .r_inner::before {display: none;}

    #atc02 .r_inner .swiper-wrapper .swiper-slide .tit {font-size: 1.5rem;}
    #atc02 .r_inner .swiper-wrapper .swiper-slide .tit-ko {font-size: 20px;}
    .tab__content > .sw-txt-box > h5 {
        font-size: 20px;
    }
    .sec-04::before {    width: 67px; height: 62px;}


  #atc02 {height: auto;}

    .gall_row .col-gn-4 {width: 100%;}
    #subConents {padding: 0 20px;}
    #sv .sv-box {height: 250px;}

    
    .subTit h1 {font-size: 40px;}
    #subConents .sub-page .top-area h2 {font-size: 28px;}
    .tab__item {padding: 0.2rem 0.6rem;text-align: center;}
    #subConents .sub-page .top-area h2 {margin-bottom: 24px; font-size: 1.5rem;}
    .tab__item {font-size: 14px; }

    .font-28 {font-size: 20px;}
    h3.font-28.brand {font-size: 22px;}
    .brand_desc {padding: 28px 0 0;}

    .glass-detail {line-height: 1.7; padding-left: 0;}

    .glass-detail li {font-size: 16px;}
    .glass-con img {height: 180px;}

    .item.greet-txt h3 { text-align: center; margin-top: 30px; margin-bottom: 20px;}

    .item.greet-txt p {font-size: 15px;}
    .item.greet-txt p br{display: none}

    .tab {gap: 0 8px;}

    .item.greet-txt h3 {font-size: 20px;}
    
    .main-tit p {text-indent: 0;}
    .main-tit p::before {left: -20px;}



    .tabs {margin-bottom: 20px;}
    .tabs ul {display: flex; flex-direction: column;}

    .outline-dl {font-size: 16px;margin-bottom: 70px;padding: 40px 30px;}
    .outline-txt h3 {font-size: 20px;}
    .outline-txt p {font-size: 15px; line-height: 1.6;}
    .outline-img-area img {height: 224px;}

    .tab {margin-bottom: 30px;}

    .glass-con h3 {font-size: 20px;}

    #bo_v_title .bo_v_tit {font-size: 1.2em;}

    .tabs li.active {background: #fff;border-top: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 0;}

    .tabs li {border-left: 1px solid #ddd;}
    #bo_gall .gall_li {width: 100%;}
    

    .gr-logo {width: 220px;}
    .item_left_desc > ul > li, .item_right_desc > ul > li {min-width: unset;}
    .item_con_desc.brand > .item_center_desc > img.con-center-img {width: 270px}

    .sub-tit-h3, .ov-left-top > h3 {
        font-size: 40px;
    }

        .ceo-right-item > p {

        font-size: 15px;
    }
    .last-greet > p {
    font-size: 18px;
}
.last-greet {
    gap: 24px;
}
    .s-sub-vis_txt {display: none;}
    .dl-flex.com-info > dd {
        font-size: 15px;
        color: #333333;
        line-height: 1.4;
    }
    .dl-flex.com-info {padding:12px 20px;}

    .dl-flex.com-info > dt {
        font-size: 16px;
    }
    .info-tit-wr {padding-bottom: 12px;}

    .history .list .his_box .item h3 {
        font-size: 40px;
    }

    .history .list .his_box .item > ul > li {
        margin-bottom: 12px;
    }

    .bf-con > li {
        max-width: 390px;
    }

    #subConents .sub-page .top-area {
        text-align: center;
        margin-bottom: 50px;
    }

    .dl-flex.com-info {
        gap: 8px;
    }

    .ov-left-top.pro {margin-bottom: 50px;}

    .pro-txt-desc > p {
        font-size: 18px;}

    .history-item.pro h4 {
        font-size: 28px;
        }
    .history-item.pro h5 {
        font-size: 24px;
    }
    .history-item.pro p {
        font-size: 20px;
    }

    .info-tit-wr h4 {
        font-size: 24px;
    }

    #sv {
        padding: 0 20px;
    }

    .subTit {
    justify-content: center;
}
    .breadcrumb ol {font-size: 14px;}

    nav.breadcrumb {
        margin-bottom: 8px;}
    
    .sec-03-con::before {left: 106px;}

        .main-sub-tit {
        font-size: 28px;
        letter-spacing: -2px;
    }

        .inner.sec_02 {
        padding: 50px 20px 0;
    }
        .info-link-circle .circle .tit-box .tit {
        font-size: 18px;
    }

        #atc02 .l_inner .txt_box .pager_txt p > span {
        font-size: 0.9rem;     padding: 0.7rem 10px
    }
        .ceo-left-top > h3 {
        font-size: 36px;
    }

        .ceo-greet > strong, .ceo-greet > p {
        font-size: 20px !important;
    }
    .certi-tit > h4 {
    font-size: 20px;
    margin-bottom: 20px;
}

    .info-left-top {
        padding: 20px 20px;
    }
    .bxslider > li {
    font-size: 16px;
}
    .video-con {
        border-radius: 0 0 0 80px;
    }
    .video-con video {border-radius: 0 0 0 80px;}

    .model-name {
    font-size: 14px;
    margin-bottom: 12px;}
    .pro-img-desc > img {
    margin-bottom: 30px;}

        .ceo-left-bt > p {
        font-size: 16px;
        margin-bottom: 24px;
    }
    dt.ct {
    font-size: 15px;
    margin-bottom: 8px;

}
}


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

        .main-tit p {
        font-size: 16px;
    }

        .main-tit h1 {
        font-size: 1.7rem;
    }

        .sec-03-con::before {
        left: 94px;
    }

        #atc02 .btn-con {
        bottom: 12%;
    }

        .last-greet {
        gap: 8px;
    }
}

@media screen and (max-width:320px) {
    .sec-03 {}
/* .sec-03 .sub-tit {bottom: -22%;} */

        .sec-03-con::before {
        left: 80px;
    }

        .main-tit h1 {
        font-size: 1.5rem;
    }

        .main-sub-tit {
        font-size: 22px;}
}