@charset "utf-8";

/**/
:root {
    --transition-time:0.5s;
    --header-height:110px;
}
.wrap {
    max-width:1440px;
    margin:auto;
}
.visually-hidden {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    white-space:nowrap;
    border:0;
}

@media (max-width:1600px) {
    .wrap {width:calc(100% - 40px);margin:auto;max-width:100%;}
}

/* Tablet */
@media (max-width:1023px) {
    /* 모바일 메뉴 ON (body 스크롤 방지) */
    body.overlay {
        overflow:hidden;
        height:100%;
        touch-action:none;
    }



}
/* Mobile */
@media only screen and (max-width:767px){


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

}

/**/
footer {
    padding:6.4rem clamp(1rem, 5vw, 11rem);
    background:#18356F;
    color:#fff;
}
footer .d-flex:nth-child(1) {
    justify-content: space-between;
    padding-bottom:5.6rem;
    margin-bottom:5.6rem;
    /*border-bottom:1px solid rgba(255, 255, 255, 0.2);*/
}
footer .d-flex:nth-child(1) .menu {
    color:rgba(255, 255, 255, 0.8);
}
footer .d-flex:nth-child(1) .menu a {
    margin-left:4.8rem;
}
footer .d-flex:nth-child(1) .menu a:first-child {
    margin-left:0;
}
footer .d-flex:nth-child(2) {
    justify-content: space-between;
}
footer .d-flex:nth-child(2) .info {
    display:flex;
    gap:2.4rem;
}
footer .d-flex:nth-child(2) .info > div {
    width:250px;
}
footer .d-flex:nth-child(2) .info > div .head {
    border-bottom:1px solid rgba(255,255,255,0.2);
    padding-bottom:1.2rem;
    margin-bottom:1.2rem;
}
footer .d-flex:nth-child(2) .info > div .body {}
footer .d-flex:nth-child(2) .office {}
footer .d-flex:nth-child(2) .contact {}
footer .d-flex:nth-child(2) .document {}
footer .d-flex:nth-child(2) .document a {}
footer .d-flex:nth-child(2) .document a svg {
    transform:translateY(-1px) translateX(3px);
}
footer .d-flex:nth-child(2) .coptright {
    color: #FFF;
    font-family: Pretendard, sans-serif;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 300;
    line-height: 2rem; /* 142.857% */
    display:flex;
    justify-content: flex-end;
    align-items: flex-end;
    opacity: 0.6;
}

/** 20251023 크몽 현블리셔 작업본 */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;800&family=Varela+Round&display=swap');

.blind{position: absolute;width: 1px;height: 1px;margin: -1px;overflow: hidden;padding: 0;border: 0;clip: rect(0,0,0,0)}

.init{opacity:0;visibility:hidden;transform:translateY(50px);transition:all 1000ms;}
.init.animate{opacity:1;visibility:visible;transform:translateY(0);}

.swiper-arrow-prev{width:56px;height:56px;border:1px solid #000000;border-radius:56px;cursor:pointer;background:transparent;display:flex;justify-content:center;align-items:center;}
.swiper-arrow-prev:before{content:'';width:24px;height:24px;background:url("/images/content/layout/arrow_left.png") no-repeat center / contain;}
.swiper-arrow-prev:hover{background:#31A0DB;border-color:#31A0DB;}
.swiper-arrow-prev:hover:before{background:url("/images/content/layout/arrow_left_wt.png") no-repeat center / contain;}
.swiper-arrow-prev.wt{border-color:#ffffff;}
.swiper-arrow-prev.wt:before{content:'';width:24px;height:24px;background:url("/images/content/layout/arrow_left_wt.png") no-repeat center / contain;}
.swiper-arrow-prev.wt:hover:before{background:url("/images/content/layout/arrow_left_wt.png") no-repeat center / contain;}
.swiper-arrow-next{width:56px;height:56px;border:1px solid #000000;border-radius:56px;cursor:pointer;background:transparent;display:flex;justify-content:center;align-items:center;}
.swiper-arrow-next:before{content:'';width:24px;height:24px;background:url("/images/content/layout/arrow_right.png") no-repeat center / contain;}
.swiper-arrow-next:hover{background:#31A0DB;border-color:#31A0DB;}
.swiper-arrow-next:hover:before{background:url("/images/content/layout/arrow_right_wt.png") no-repeat center / contain;}
.swiper-arrow-next.wt{border-color:#ffffff;}
.swiper-arrow-next.wt:before{content:'';width:24px;height:24px;background:url("/images/content/layout/arrow_right_wt.png") no-repeat center / contain;}
.swiper-arrow-next.wt:hover:before{background:url("/images/content/layout/arrow_right_wt.png") no-repeat center / contain;}


#header{position:absolute;top:0;width:100%;z-index:10000;}
#header .wrap{display:flex;align-items:center;justify-content:space-between;padding:0 80px;width:100%;max-width:100%;height:112px;}
#header .logo{flex:0 0 auto;}
#header .logo a{display:block;width:294px;height:46px;background:url(/images/content/layout/logo_white.png) no-repeat center / contain;}
#header .gnb{
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
}
#header .gnb .dp1{display:flex;align-items:center;}
#header .gnb .dp1 .dl1{position:relative;flex:0 0 120px;}
#header .gnb .dp1 .dl1 .da1{display:block;line-height:112px;font-size:18px;font-weight:700;color:#ffffff;text-align:center;}
#header .gnb .dp1 .dl1 .da1:hover{color:#31A0DB;}
#header .gnb .dp1 .dl1.on .dp2{opacity:1;visibility:visible;}
#header .gnb .dp2{position:absolute;top:100%;left:50%;transform:translateX(-50%);border-radius:0 0 5px 5px;background:#ffffff;min-width: 190px;padding:20px;opacity:0;visibility:hidden;transition:all 300ms;}
#header .gnb .dp2 .dl2{margin:0 0 4px 0;}
#header .gnb .dp2 .dl2:last-of-type{margin:0;}
#header .gnb .dp2 .dl2 .da2{display:block;padding:8px 12px;line-height:24px;font-size:18px;font-weight:500;color:#000000;text-align:left;border-radius:4px;white-space:nowrap}
#header .gnb .dp2 .dl2 .da2:hover{background:#EAEDF2}
#header .tool{display:flex;align-items:center;}
#header .tool .sns{position:relative;margin-left:8px;}
#header .tool .sns .snsBtn{display:flex;align-items:center;height:40px;padding:0 16px;font-size:16px;font-weight:600;color:#ffffff;border-radius:8px;border:1px solid rgb(255 255 255 / 40%);cursor:pointer;}
#header .tool .sns .snsBtn:after{content:'';width:24px;height:24px;background:url("/images/content/layout/dropdown_wt.png") no-repeat center / contain;}
#header .tool .sns .snsBox{position:absolute;top:calc(100% - 10px);left:50%;transform:translateX(-50%);border-radius:5px;background:#ffffff;width:120px;padding:10px;opacity:0;visibility:hidden;transition:all 300ms;}
#header .tool .sns .snsBox a{display:block;line-height:30px;font-size:16px;font-weight:500;color:#000;text-align:center;}
#header .tool .sns.on .snsBtn:after{transform:rotate(180deg);}
#header .tool .sns.on .snsBox{top:100%;opacity:1;visibility:visible;}
#header .tool .fam{position:relative;margin-left:8px;}
#header .tool .fam .famBtn{display:flex;align-items:center;height:40px;padding:0 16px;font-size:16px;font-weight:600;color:#ffffff;border-radius:8px;border:1px solid rgb(255 255 255 / 40%);cursor:pointer;}
#header .tool .fam .famBtn:after{content:'';width:24px;height:24px;background:url("/images/content/layout/dropdown_wt.png") no-repeat center / contain;}
#header .tool .fam .famBox{position:absolute;top:calc(100% - 10px);left:50%;transform:translateX(-50%);border-radius:5px;background:#ffffff;width:100%;padding:10px;opacity:0;visibility:hidden;transition:all 300ms;}
#header .tool .fam .famBox a{display:block;line-height:30px;font-size:16px;font-weight:500;color:#000;text-align:center;}
#header .tool .fam.on .famBtn:after{transform:rotate(180deg);}
#header .tool .fam.on .famBox{top:100%;opacity:1;visibility:visible;}
#header .tool .lang{position:relative;margin-left:40px;}
#header .tool .lang .langBtn{display:flex;align-items:center;text-decoration:underline;font-size:20px;font-weight:600;color:#ffffff;cursor:pointer;}
#header .tool .lang .langBtn:after{content:'';width:32px;height:32px;background:url("/images/content/layout/dropdown_wt.png") no-repeat center;}
#header .tool .lang .langBox{position:absolute;top:calc(100% - 10px);left:50%;transform:translateX(-50%);border-radius:5px;background:#ffffff;width:80px;padding:10px;opacity:0;visibility:hidden;transition:all 300ms;}
#header .tool .lang .langBox a{display:block;line-height:30px;font-size:16px;font-weight:500;color:#000;text-align:center;}
#header .tool .lang.on .langBtn:after{transform:rotate(180deg);}
#header .tool .lang.on .langBox{top:100%;opacity:1;visibility:visible;}
#header .tool .search{margin-left:20px;}
#header .tool .search button{display:flex;align-items:center;justify-content:center;padding:0;width:32px;height:32px;background:transparent;}
#header .tool .search button .icon{width:32px;height:32px;background:url("/images/content/layout/search_wt.png") no-repeat center;}
#header .mobile{display:none;}

#header.active{background:#ffffff;}
#header.active .logo{}
#header.active .logo a{background:url(/images/content/layout/logo_black.png) no-repeat center / contain;}
#header.active .gnb .dp1 .dl1 .da1{color:#000000;}
#header.active .tool .sns .snsBtn{color:#000000;border-color:#EAEDF2;}
#header.active .tool .sns .snsBtn:after{background:url("/images/content/layout/dropdown_bk.png") no-repeat center / contain;}
#header.active .tool .fam .famBtn{color:#000000;border-color:#EAEDF2;}
#header.active .tool .fam .famBtn:after{background:url("/images/content/layout/dropdown_bk.png") no-repeat center / contain;}
#header.active .tool .lang .langBtn{color:#000000;}
#header.active .tool .lang .langBtn:after{background:url("/images/content/layout/dropdown_bk.png") no-repeat center;}
#header.active .tool .search button .icon{background:url("/images/content/layout/search_bk.png") no-repeat center;}

#header.sub-content{position:relative;background:#ffffff;}
#header.sub-content .logo{}
#header.sub-content .logo a{background:url(/images/content/layout/logo_black.png) no-repeat center / contain;}
#header.sub-content .gnb .dp1 .dl1 .da1{color:#000000;}
#header.sub-content .tool .sns .snsBtn{color:#000000;border-color:#EAEDF2;}
#header.sub-content .tool .sns .snsBtn:after{background:url("/images/content/layout/dropdown_bk.png") no-repeat center / contain;}
#header.sub-content .tool .fam .famBtn{color:#000000;border-color:#EAEDF2;}
#header.sub-content .tool .fam .famBtn:after{background:url("/images/content/layout/dropdown_bk.png") no-repeat center / contain;}
#header.sub-content .tool .lang .langBtn{color:#000000;}
#header.sub-content .tool .lang .langBtn:after{background:url("/images/content/layout/dropdown_bk.png") no-repeat center;}
#header.sub-content .tool .search button .icon{background:url("/images/content/layout/search_bk.png") no-repeat center;}

#title{position:relative;background:#000000;padding:112px 0 0 0;}
#title .wrap{position:static;}
#title .text{position:relative;z-index:2;display:flex;flex-direction:column;height:488px;justify-content:center;align-items:flex-start;text-align:left;}
#title .text .title{line-height:86px;font-size:72px;font-weight:800;color:#ffffff;}
#title .text .desc{margin-top:24px;line-height:24px;font-size:18px;font-weight:400;color:rgb(255 255 255 / 60%);}
#title .image{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;pointer-events:none;}
#title .image:before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:rgb(0 0 0 / 60%);}
#title .image img{display:block;width:100%;height:100%;object-fit:cover;}

#nav{position:relative;background:#ffffff;}
#nav:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#EAEDF2;pointer-events:none;}
#nav .wrap{display:flex;align-items:center;justify-content:space-between;height:88px;}
#nav .navi{position:relative;z-index:2;display:flex;align-items:center;}
#nav .navi > a{position:relative;display:flex;align-items:center;justify-content:center;padding:0 24px;height:88px;font-size:18px;font-weight:600;color:#000;}
#nav .navi > a.on{color:#31A0DB;}
#nav .navi > a.on:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#31A0DB;}
#nav .navi > a.prev{padding:0;font-weight:400;font-size:16px;}
#nav .navi > a.prev:before{content:'';width:24px;height:24px;background:url("/images/content/layout/loca_prev.png") no-repeat center / contain;}
#nav .navi > a:hover{color:#31A0DB;}
#nav .loca{position:relative;z-index:2;display:flex;align-items:center;gap:8px;}
#nav .loca p{display:flex;align-items:center;gap:8px;line-height:24px;font-size:16px;font-weight:400;color:#555555;}
#nav .loca p:after{content:'';width:24px;height:24px;background:url("/images/content/layout/loca_arrow.png") no-repeat center / contain; }
#nav .loca p:last-of-type:after{display:none;}
#nav.clear:after{display:none;}

#contents{}

#main-visual{position:relative;}
#main-visual .swiper-wrapper{}
#main-visual .swiper-slide{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000000;}
#main-visual .swiper-slide .inner{position:relative;z-index:2;margin:0 auto;width:1440px;max-width:100%;}
#main-visual .swiper-slide .inner .tit{line-height:1.3;font-size:64px;font-weight:700;color:#ffffff;font-family:'Poppins','Pretendard'}
#main-visual .swiper-slide .inner .txt{margin:32px 0 0 0;line-height:32px;font-size:18px;font-weight:500;color:#ffffff;}
#main-visual .swiper-slide .video{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;pointer-events:none !important;;opacity: 0.6;}
#main-visual .swiper-slide .video video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none !important;}
#main-visual .swiper-slide .inner{opacity:0;visibility:hidden;transform:translateY(50px);transition:all 2000ms;}
#main-visual .swiper-slide-active .inner{opacity:1;visibility:visible;transform:translateY(0);}
#main-visual .swiper-arrow-prev{}
#main-visual .swiper-arrow-next{}
#main-visual .swiper-button-disabled{opacity:0.5;}
#main-visual .swiper-button-disabled:hover{background:transparent;border-color:#ffffff;}
#main-visual .swiper-play{width:56px;height:56px;cursor:pointer;background:transparent;display:flex;justify-content:center;align-items:center;}
#main-visual .swiper-play:before{content:'';width:24px;height:24px;background:url("/images/content/layout/stop.png") no-repeat center / contain;}
#main-visual .swiper-play.paused:before{width:12px;height:14px;background:url("/images/content/layout/play.png") no-repeat center / contain;}
#main-visual .control{display:flex;width:1440px;max-width:100%;position:absolute;z-index:10;bottom:84px;left:50%;transform:translateX(-50%);align-items:center;justify-content:flex-start;gap:8px;}

#about-us{position:relative;padding:153px 0 !important;background:#ffffff;}
#about-us .wrap{margin:0 auto;width:1440px;max-width:100%;display:flex;align-items:center;}
#about-us .text{flex:1 1;}
#about-us .text .name{margin:0 0 24px 0;line-height:32px;font-size:20px;font-weight:600;color:#31A0DB;font-family:'Poppins','Pretendard';}
#about-us .text .title{line-height:57px;font-size:44px;font-weight:800;color:#000;}
#about-us .text .button{margin:40px 0 0 0;display:flex;align-items:center;justify-content:flex-start;}
#about-us .text .button .btn{display:flex;align-items:center;justify-content:center;max-width:100%;width:224px;height:56px;border-radius:56px;border:1px solid rgb(0 0 0 / 20%);font-size:16px;font-weight:600;color:#000;gap:8px;}
#about-us .text .button .btn:after{content:'';width:24px;height:24px;background:url("/images/content/layout/link.png") no-repeat center / contain;}
#about-us .text .button .btn:hover{background:#31A0DB;border-color:#31A0DB;color:#FFFFFF;}
#about-us .text .button .btn:hover:after{background:url("/images/content/layout/link_hover.png") no-repeat center / contain;}
#about-us .image{flex:0 0 auto;width:899px;max-width:100%;border-radius:20px;overflow:hidden;}
#about-us .image img,
#about-us .image video{width:100%;height:100%;object-fit:cover;display:block;}

#best-products{position:relative;padding:120px 0 125px !important;background:#000000;overflow:hidden;}
#best-products .wrap{}
#best-products .header{position:relative;z-index:5;display:flex;flex-direction:column;margin:0 0 56px 0;}
#best-products .header .name{margin:0 0 24px 0;line-height:32px;font-size:20px;font-weight:600;color:#31A0DB;font-family:'Poppins','Pretendard';}
#best-products .header .title{line-height:57px;font-size:44px;font-weight:800;color:#fff;}
#best-products .header .tabs{margin:24px 0 0 0;display:flex;align-items:center;gap:8px;}
#best-products .header .tabs .tab{display:flex;align-items:center;justify-content:center;text-align:center;height:43px;padding:0 24px;border-radius:43px;background:#ffffff;font-size:16px;font-weight:500;color:#999999;}
#best-products .header .tabs .tab.on{color:#ffffff;background:#31A0DB;}
#best-products .header .control{position:absolute;bottom:0;right:0;display:flex;z-index:10;align-items:center;justify-content:flex-start;gap:8px;}
#best-products .slider{position:relative;z-index:5;}
#best-products .slider .swiper-slide{width:420px;height:446px;}
#best-products .slider .swiper-slide-active{}
#best-products .slider .inner{position:relative;display:block;overflow:hidden;}
#best-products .slider .inner:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #c4cbd0;border-radius:20px;}
#best-products .slider .inner:hover .img img.hover{opacity:1;visibility:visible;}
#best-products .slider .img{position:relative;z-index:2;width:100%;height:auto;aspect-ratio:420/250;border-radius:20px 20px 0 0;overflow:hidden;}
#best-products .slider .img img{display:block;width:100%;height:100%;object-fit:cover;}
#best-products .slider .img img.hover{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;visibility:Hidden;transition:all 500ms;}
#best-products .slider .con{padding:30px;background:#F1F4F7;border-radius:0 0 20px 20px;overflow:hidden;}
#best-products .slider .type{margin:0 0 8px;line-height:24px;font-size:16px;font-weight:500;color:#31a0db;}
#best-products .slider .name{line-height:34px;font-size:28px;font-weight:700;color:#183b80;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:68px;}
#best-products .slider .more{display:flex;align-items:center;margin:8px 0 0 0;line-height:24px;font-size:16px;color:#999999;}
#best-products .slider .more:after{content:'';width:24px;height:24px;background:url("/images/content/layout/link_arrow.png") no-repeat center / contain;}
#best-products .bg{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;pointer-events:none;}
#best-products .bg video{display:block;width:100%;height:100%;object-fit:cover;}
#best-products .bg:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6;}

#industries{position:relative;padding:120px 0 125px !important;background:#000000;overflow:hidden;}
#industries .wrap{}
#industries .header{position:relative;z-index:5;display:flex;flex-direction:column;margin:0 0 56px 0;}
#industries .header .name{margin:0 0 24px 0;line-height:32px;font-size:20px;font-weight:600;color:#31A0DB;font-family:'Poppins','Pretendard';}
#industries .header .title{line-height:57px;font-size:44px;font-weight:800;color:#000000;}
#industries .header .more{margin:24px 0 0 0;display:flex;align-items:center;gap:8px;}
#industries .header .more a{display:flex;align-items:center;justify-content:center;padding:0 68px;height:56px;border-radius:56px;border:1px solid rgb(0 0 0 / 20%);font-size:16px;font-weight:600;color:#000;gap:8px;}
#industries .header .more a:after{content:'';width:24px;height:24px;background:url("/images/content/layout/btn_arrow.png") no-repeat center / contain;}
#industries .header .more a:hover{background:#31A0DB;color:#ffffff;}
#industries .header .more a:hover:after{background:url("/images/content/layout/btn_arrow_hover.png") no-repeat center / contain;}
#industries .header .control{position:absolute;bottom:0;right:0;display:flex;z-index:10;align-items:center;justify-content:flex-start;gap:8px;}
#industries .slider{position:relative;z-index:5;height:640px;}
#industries .slider .swiper-wrapper{}
#industries .slider .swiper-slide{width:480px;height:304px;}
#industries .slider .inner{position:relative;display:block;border-radius:20px;overflow:hidden;box-shadow:0 4px 12px rgb(0 0 0 / 8%);}
#industries .slider .inner:before{content:'';position:absolute;z-index:2;bottom:-16px;left:0;right:0;height:144px;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);pointer-events:none;}
#industries .slider .inner .img{position:relative;z-index:1;}
#industries .slider .inner .img img{width:100%;height:100%;object-fit:cover;transition:all 500ms;}
#industries .slider .inner .tit{position:absolute;z-index:3;bottom:0;left:0;width:100%;padding:32px;text-align:right;line-height:34px;font-size:28px;font-weight:700;color:#ffffff;}
#industries .slider .inner:hover .img img{transform:scale(1.05);}

#quality-technology{position:relative;padding:120px 0 125px !important;background:#EAF5FB;overflow:hidden;}
#quality-technology .wrap{}
#quality-technology .header{position:relative;z-index:5;display:flex;flex-direction:column;margin:0 0 56px 0;}
#quality-technology .header .name{margin:0 0 24px 0;line-height:32px;font-size:20px;font-weight:600;color:#31A0DB;font-family:'Poppins','Pretendard';}
#quality-technology .header .title{line-height:57px;font-size:44px;font-weight:800;color:#000000;}
#quality-technology .header .more{margin:24px 0 0 0;display:flex;align-items:center;gap:8px;}
#quality-technology .header .more a{display:flex;align-items:center;justify-content:center;padding:0 68px;height:56px;border-radius:56px;border:1px solid rgb(0 0 0 / 20%);font-size:16px;font-weight:600;color:#000;gap:8px;}
#quality-technology .header .more a:after{content:'';width:24px;height:24px;background:url("/images/content/layout/btn_arrow.png") no-repeat center / contain;}
#quality-technology .header .more a:hover{background:#31A0DB;color:#ffffff;}
#quality-technology .header .more a:hover:after{background:url("/images/content/layout/btn_arrow_hover.png") no-repeat center / contain;}
#quality-technology .header .control{position:absolute;bottom:0;right:0;display:flex;z-index:10;align-items:center;justify-content:flex-start;gap:8px;}
#quality-technology .slider{position:relative;z-index:5;}
#quality-technology .slider .swiper-slide{width:420px;height:446px;}
#quality-technology .slider .swiper-slide-active{}
#quality-technology .slider .inner{position:relative;display:block;}
#quality-technology .slider .inner:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #c4cbd0;border-radius:20px;box-shadow:0 4px 12px rgb(0 0 0 / 8%);}
#quality-technology .slider .img{position:relative;z-index:2;width:100%;height:auto;aspect-ratio:420/250;border-radius:20px 20px 0 0;overflow:hidden;}
#quality-technology .slider .img img{display:block;width:100%;height:100%;object-fit:cover;}
#quality-technology .slider .img i{position:absolute;top:50%;left:50%;margin:-40px 0 0 -40px;width:80px;height:80px;border-radius:80px;border:1px solid #ffffff;background:rgb(0 0 0 / 30%);z-index:2;display:flex;align-items:center;justify-content:center;}
#quality-technology .slider .img i:before{content:'';display:block;width:16px;height:18px;background:url("/images/content/layout/play.png") no-repeat center / contain;}
#quality-technology .slider .con{padding:30px;background:#ffffff;border-radius:0 0 20px 20px;overflow:hidden;}
#quality-technology .slider .type{margin:0 0 8px;line-height:24px;font-size:16px;font-weight:500;color:#31a0db;}
#quality-technology .slider .name{line-height:34px;font-size:28px;font-weight:700;color:#183b80;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:68px;}
#quality-technology .slider .more{display:flex;align-items:center;margin:8px 0 0 0;line-height:24px;font-size:16px;color:#999999;}
#quality-technology .slider .more:after{content:'';width:24px;height:24px;background:url("/images/content/layout/link_arrow.png") no-repeat center / contain;}

#thomas-now{position:relative;padding:120px 0 125px !important;background:#000000;overflow:hidden;}
#thomas-now .wrap{}
#thomas-now .header{position:relative;z-index:5;display:flex;flex-direction:column;margin:0 0 56px 0;}
#thomas-now .header .name{margin:0 0 24px 0;line-height:32px;font-size:20px;font-weight:600;color:#31A0DB;font-family:'Poppins','Pretendard';}
#thomas-now .header .title{line-height:57px;font-size:44px;font-weight:800;color:#000000;}
#thomas-now .header .more{margin:24px 0 0 0;display:flex;align-items:center;gap:8px;}
#thomas-now .header .more a{display:flex;align-items:center;justify-content:center;padding:0 68px;height:56px;border-radius:56px;border:1px solid rgb(0 0 0 / 20%);font-size:16px;font-weight:600;color:#000;gap:8px;}
#thomas-now .header .more a:after{content:'';width:24px;height:24px;background:url("/images/content/layout/btn_arrow.png") no-repeat center / contain;}
#thomas-now .header .more a:hover{background:#31A0DB;color:#ffffff;}
#thomas-now .header .more a:hover:after{background:url("/images/content/layout/btn_arrow_hover.png") no-repeat center / contain;}
#thomas-now .header .social{position:absolute;bottom:0;right:0;display:flex;z-index:10;align-items:center;justify-content:flex-start;gap:8px;}
#thomas-now .header .social a{display:block;}
#thomas-now .list{position:relative;z-index:5;}
#thomas-now .list ul{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
#thomas-now .list li{}
#thomas-now .list .inner{position:relative;display:block;}
#thomas-now .list .inner:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #c4cbd0;border-radius:20px;box-shadow:0 4px 12px rgb(0 0 0 / 8%);}
#thomas-now .list .img{position:relative;z-index:2;width:100%;height:auto;aspect-ratio:420/250;border-radius:20px 20px 0 0;overflow:hidden;}
#thomas-now .list .img img{display:block;width:100%;height:100%;object-fit:cover;}
#thomas-now .list .con{padding:30px;background:#ffffff;border-radius:0 0 20px 20px;overflow:hidden;}
#thomas-now .list .title{line-height:34px;font-size:21px;font-weight:700;color:#000;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:68px;}
#thomas-now .list .date{display:flex;align-items:center;margin:24px 0 0 0;line-height:24px;font-size:16px;color:#999999;}
#thomas-now .quick{margin:80px 0 0 0;}
#thomas-now .quick ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;}
#thomas-now .quick li{}
#thomas-now .quick li a{position:relative;display:flex;align-items:center;border-radius:16px;background:#f1f4f7;}
#thomas-now .quick li a .con{flex:1;padding:40px 24px 40px 48px}
#thomas-now .quick li a .tit{line-height:34px;font-size:28px;font-weight:800;color:#183b80;}
#thomas-now .quick li a .eng{margin:6px 0 0 0;line-height:24px;font-size:16px;font-weight:500;color:#18356f;opacity:0.4;}
#thomas-now .quick li a .ico{flex:0 0 auto;padding:8px 16px;display:flex;align-items:center;justify-content:center;}
#thomas-now .quick li a .ico img{display:block;max-width:100%;}

#sub-products{position:relative;display:flex;}
#sub-products .aside{position:sticky;top:0;left:0;width:400px;background:#f1f4f7;padding:40px 24px 40px 56px;z-index:11;}
#sub-products .aside .title{line-height:32px;font-size:24px;font-weight:700;color:#000000;margin:0 0 32px 0;}
#sub-products .aside .menu{}
#sub-products .aside .menu ul{}
#sub-products .aside .menu li{border-bottom:1px solid #EAEDF2}
#sub-products .aside .menu li.on{}
#sub-products .aside .menu li.on .tit{}
#sub-products .aside .menu li.on .tit:after{background-image:url("/images/content/layout/menu_more_off.png");}
#sub-products .aside .menu li.on .con{}
#sub-products .aside .menu .tit{display:flex;align-items:center;justify-content:flex-start;height:60px;font-size:18px;font-weight:400;color:#555555;cursor:pointer;}
#sub-products .aside .menu .tit:after{content:'';width:24px;height:24px;flex:0 0 auto;margin:0 0 0 auto;background:url("/images/content/layout/menu_more.png") no-repeat center / contain;}
#sub-products .aside .menu .con{display:none;background:#EAEDF2;}
#sub-products .aside .menu .con a{display:flex;align-items:Center;justify-content:flex-start;padding:16px 16px;line-height:20px;font-size:15px;font-weight:400;color:#555555;border-bottom:1px solid rgb(196 203 208 / 30%)}
#sub-products .aside .menu .con a.on,
#sub-products .aside .menu .con a:hover{color:#000000;font-weight:500;}
#sub-products .contents{position:relative;flex:1;max-width:calc(100% - 400px);padding:40px 56px;}
#sub-products .contents .header{display:flex;align-items:center;line-height:32px;gap:12px;margin:0 0 28px 0;}
#sub-products .contents .header .title{line-height:32px;font-size:24px;font-weight:700;color:#000;}
#sub-products .contents .header .depth{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:500;color:#555555;}
#sub-products .contents .header .depth:before{content:'';width:24px;height:24px;background:url("/images/content/layout/loca_arrow.png") no-repeat center / contain; }
#sub-products .contents .header .depth + .depth:before{display:none;}
#sub-products .contents .tabs{display:flex;align-items:center;margin:0 0 32px 0;overflow:hidden;}
#sub-products .contents .tabs ul{}
#sub-products .contents .tabs li{width:auto;margin-right:8px;}
#sub-products .contents .tabs .tab{display:flex;align-items:center;justify-content:center;text-align:center;height:43px;border-radius:43px;padding:0 24px;border:1px solid rgb(196 203 208 / 60%);background:#ffffff;}
#sub-products .contents .tabs .tab:hover{background:#31A0DB;color:#ffffff;border:1px solid rgb(0 0 0 / 20%);}
#sub-products .contents .tabs .tab.on{background:#31A0DB;color:#ffffff;border:1px solid rgb(0 0 0 / 20%);}
#sub-products .contents .list{}
#sub-products .contents .list ul{display:flex;flex-wrap:wrap;gap:16px;}
#sub-products .contents .list li{width:320px;flex:0 0 auto;}
#sub-products .contents .list li .inner{display:block;padding:16px;border-radius:12px;border:1px solid rgb(196 203 208 / 60%);background:#f1f4f7;}
#sub-products .contents .list li .img{width:100%;height:176px;overflow:hidden;}
#sub-products .contents .list li .img img{display:block;width:100%;height:100%;object-fit:cover;}
#sub-products .contents .list li .con{padding:24px 0 0 0;}
#sub-products .contents .list li .name{margin:0 0 8px 0;line-height:28px;font-size:20px;font-weight:600;color:#000;}
#sub-products .contents .list li .desc{margin:0 0 4px 0;line-height:20px;font-size:13px;font-weight:300;color:#555555;}

#sub-products-detail{position:relative;background:#F1F4F7;padding:0 0 160px 0;}
#sub-products-detail .wrap{position:relative;display:flex;gap:40px;align-items:flex-start;}
#sub-products-detail .product{flex:0 0 448px;position:sticky;top:20px;}
#sub-products-detail .product .thumb{margin:0 0 12px 0;}
#sub-products-detail .product .thumb .image{width:100%;height:auto;aspect-ratio:448/600;border-radius:32px;overflow:hidden;background:rgb(0 0 0 / 4%);}
#sub-products-detail .product .thumb .image img{display:block;margin:0 auto;width:auto;max-width:100%;height:auto;}
#sub-products-detail .product .thumb .zoom{position:absolute;top:16px;right:16px;display:none;align-items:center;justify-content:center;width:48px;height:48px;border-radius:48px;border:1px solid rgb(0 0 0 / 8%);background:rgb(255 255 255 / 40%);cursor:pointer;}
#sub-products-detail .product .thumb .zoom:before{content:'';width:32px;height:32px;background:url("/images/content/layout/zoom.png") no-repeat center / contain;}
#sub-products-detail .product .thumb .zoom:hover{background:rgb(255 255 255 / 60%);}
#sub-products-detail .product .button{margin:0 0 12px 0;display:flex;gap:10px;}
#sub-products-detail .product .button a{display:flex;align-items:center;width:100%;height:74px;border-radius:8px;border:1px solid transparent;padding:0 28px;font-size:16px;font-weight:600;}
#sub-products-detail .product .button a:after{content:'';flex:0 0 auto;margin:0 0 0 auto;width:24px;height:24px;}
#sub-products-detail .product .button a.down{flex:1;background:rgb(49 160 219 / 10%);color:#31a0d8;border-color:rgb(49 160 219 / 10%);}
#sub-products-detail .product .button a.down:after{background:url("/images/content/layout/btn_down.png") no-repeat center / contain;}
#sub-products-detail .product .button a.link{flex:0 0 auto;width:160px;background:rgb(255 255 255 / 100%);color:#000000;border-color:rgb(196 203 208 / 60%);}
#sub-products-detail .product .button a.link:after{background:url("/images/content/layout/btn_blank.png") no-repeat center / contain;}
#sub-products-detail .information{flex:1 1;padding:56px;border-radius:32px;border:1px solid rgb(196 203 208 / 40%);background:#ffffff;}
#sub-products-detail .information .name{line-height:67px;font-size:56px;font-weight:700;color:#000000;}
#sub-products-detail .information .desc{margin:4px 0 0;line-height:32px;font-size:20px;font-weight:400;color:#555;}
#sub-products-detail .information .info{}
#sub-products-detail .information .info ul{}
#sub-products-detail .information .info li{margin:48px 0 0 0;}
#sub-products-detail .information .info li .tit{margin:0 0 20px;line-height:36px;font-size:24px;font-weight:700;color:#31a0db;}
#sub-products-detail .information .info li .con{}
#sub-products-detail .information .info li .con p{display:flex;align-items:flex-start;line-height:1.4;font-size:17px;font-weight:300;color:#555555;}
#sub-products-detail .information .info li .con p:before{content:'';width:3px;height:3px;background:#555555;border-radius:3px;flex:0 0 auto;margin:10px 10px 0 10px}
#sub-products-detail .information .info li .box{padding:38px 30px;border-radius:12px;background:#f1f4f7;display:flex;align-items:flex-start;}
#sub-products-detail .information .info li .box dl{flex:1;}
#sub-products-detail .information .info li .box dt{line-height:1.2;font-size:16px;font-weight:400;color:#555;margin:0 0 12px 0;}
#sub-products-detail .information .info li .box dd{line-height:1.2;font-size:16px;font-weight:600;color:#000;}

#sub-i5{position:relative;padding:160px 0;}
#sub-i5 .header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 0 120px 0;}
#sub-i5 .header .title{line-height:1.2;font-size:62px;font-weight:700;color:#000;}
#sub-i5 .header .text{margin:24px 0 0 0;line-height:1.5;font-size:18px;font-weight:500;color:#555;}
#sub-i5 .content{}
#sub-i5 .content .product{display:flex;padding:20px 0;gap:60px;margin:0 0 120px 0;}
#sub-i5 .content .image{flex:1;display:flex;align-items:center;justify-content:center;}
#sub-i5 .content .image img{max-width:100%;height:auto;}
#sub-i5 .content .info{fleX:0 0 auto;width:660px;}
#sub-i5 .content .info .type{margin:0 0 4px 0;line-height:20px;font-weight:400;color:#555555;}
#sub-i5 .content .info .name{line-height:1.2;font-size:56px;font-weight:700;color:#000000;}
#sub-i5 .content .info .desc{margin:32px 0 0 0;line-height:28px;font-size:18px;font-weight:500;color:#555;}
#sub-i5 .content .info .button{margin:40px 0 12px 0;display:flex;gap:10px;}
#sub-i5 .content .info .button a{display:flex;align-items:center;width:100%;height:74px;border-radius:8px;border:1px solid transparent;padding:0 28px;font-size:16px;font-weight:600;}
#sub-i5 .content .info .button a:after{content:'';flex:0 0 auto;margin:0 0 0 auto;width:24px;height:24px;}
#sub-i5 .content .info .button a.down{flex:1;background:rgb(49 160 219 / 10%);color:#31a0d8;border-color:rgb(49 160 219 / 10%);}
#sub-i5 .content .info .button a.down:after{background:url("/images/content/layout/btn_down.png") no-repeat center / contain;}
#sub-i5 .content .info .button a.link{flex:0 0 auto;width:200px;background:rgb(255 255 255 / 100%);color:#000000;border-color:rgb(196 203 208 / 60%);}
#sub-i5 .content .info .button a.link:after{background:url("/images/content/layout/btn_blank.png") no-repeat center / contain;}
#sub-i5 .content .explan{}
#sub-i5 .content .explan ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:32px;}
#sub-i5 .content .explan li{display:flex;flex-direction:column;align-items:center;}
#sub-i5 .content .explan .full-wrap .tit,
#sub-i5 .content .explan li .tit{position:relative;height:46px;line-height:34px;font-size:24px;font-weight:600;color:#31a0db;margin:0 0 20px 0;text-align:center;}
#sub-i5 .content .explan .full-wrap .tit:after,
#sub-i5 .content .explan li .tit:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#31a0db;}
#sub-i5 .content .explan .full-wrap .img,
#sub-i5 .content .explan li .img{display:flex;align-items:center;justify-content:center;width:100%;height:auto;aspect-ratio:704/400;border-radius:20px;border:1px solid #eaedf2;}
#sub-i5 .content .explan .full-wrap .img.borderless,
#sub-i5 .content .explan li .img.borderless {border:0;}
#sub-i5 .content .explan .full-wrap .img img,
#sub-i5 .content .explan li .img img{max-width:100%;width:auto;}
#sub-i5 .content .explan .full-wrap {text-align:center;}
#sub-i5 .content .explan .full-wrap .tit {display:inline-block; width:auto; margin:auto;}
#sub-i5 .auxiliary {text-align:center; margin-top:3.2rem; color:#999; font-size:1.6rem; font-weight:400;}


#sub-quality{position:relative;padding:160px 0;}
#sub-quality .header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 0 120px 0;}
#sub-quality .header .title{line-height:1.2;font-size:62px;font-weight:700;color:#000;}
#sub-quality .header .text{margin:24px 0 0 0;line-height:1.5;font-size:18px;font-weight:500;color:#555;}
#sub-quality .content{}
#sub-quality .assurance{}
#sub-quality .assurance ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:32px;}
#sub-quality .assurance li{border-radius:20px;border:1px solid #c4cbd0;overflow:hidden;}
#sub-quality .assurance li .img{width:100%;height:auto;aspect-ratio:704/300}
#sub-quality .assurance li .img img{display:block;width:100%;height:100%;object-fit:cover;}
#sub-quality .assurance li .con{padding:40px;background:#f1f4f7;}
#sub-quality .assurance li .sub{margin:0 0 12px 0;line-height:24px;font-size:16px;font-weight:500;color:#31a0db;}
#sub-quality .assurance li .tit{margin:0 0 16px 0;line-height:1.4;font-size:32px;font-weight:700;color:#000000;}
#sub-quality .assurance li .txt{line-height:28px;font-size:18px;font-weight:500;color:#999999;}
#sub-quality.page-8,
#sub-quality.page-11 {padding-bottom:0;}

#sub-quality.page-8 {}
#sub-quality.page-8 .process-rect {}
#sub-quality.page-8 .process-rect .tit {border-bottom:1px solid #555; padding-bottom:20px;}
#sub-quality.page-8 .process-rect ul {display:grid; gap:5.6rem 0;}
#sub-quality.page-8 .process-rect ul li {width:244px; margin:auto;}
#sub-quality.page-8 .process-rect .img {text-align:center;}
#sub-quality.page-8 .process-rect .name {color: #000; text-align: center; font-family: Pretendard, sans-serif; font-size: 1.6rem; font-style: normal; font-weight: 700; line-height: 24px;}
#sub-quality.page-8 .process-rect .links {display:flex; justify-content: center; gap:4px; margin-top:12px;}
#sub-quality.page-8 .process-rect .links .btn-show {border-radius: 5px; border: 1px solid #C4CBD0; background: #FFF; text-align:center; width:100%; max-width: 108px; padding: 8px 0 6px 0; color:#555;}
#sub-quality.page-8 .process-rect .links .btn-download {padding: 8px; display: flex; justify-content: center; align-items: center; border-radius: 5px; background: #31A0DB;}


.quality-introduction {display:flex; flex-direction: column; gap:2rem; max-width:1040px; margin:auto; margin-top:8rem;}
.quality-introduction .tit {color: #000; font-family: Pretendard, sans-serif; font-size: 4rem; font-style: normal; font-weight: 700; line-height: 140%; margin-bottom:3.2rem;}
.quality-introduction .txt {color: #555; font-family: Pretendard, sans-serif; font-size: 1.8rem; font-style: normal; font-weight: 500; line-height: 2.8rem;}
.quality-introduction p {}
.quality-introduction .button {display:flex; justify-content: space-between;}
.quality-introduction .button a{display:flex;align-items:center;width:100%;height:74px;border-radius:8px;border:1px solid transparent;padding:0 28px;font-size:16px;font-weight:600;}
.quality-introduction .button a:after{content:'';flex:0 0 auto;margin:0 0 0 auto;width:24px;height:24px;}
.quality-introduction .button a.link{flex:0 0 auto;width:32.5%;background:rgb(255 255 255 / 100%);color:#000000;border-color:rgb(196 203 208 / 60%);}
.quality-introduction .button a.link:after{background:url("/images/content/layout/btn_blank.png") no-repeat center / contain;}
.process-rect {background: #F1F4F7; padding:120px 0 160px 0; margin-top:12rem;}
.process-rect .tit {color: #000; text-align: center; font-size: 2.6rem; font-style: normal; font-weight: 600; margin-bottom:4.8rem;}
.process-rect ul {display:flex; justify-content: space-between; grid-template-columns: repeat(4, 1fr);}

#sub-service{position:relative;padding:160px 0;}
#sub-service .header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 0 80px 0;}
#sub-service .header .title{line-height:1.2;font-size:62px;font-weight:700;color:#000;}
#sub-service .header .text{margin:24px 0 0 0;line-height:1.5;font-size:18px;font-weight:500;color:#555;}
#sub-service .header .tabs{display:flex;align-items:center;margin:56px 0 0;overflow:hidden;gap:8px;}
#sub-service .header .tabs ul{}
#sub-service .header .tabs li{width:auto;margin-right:8px;}
#sub-service .header .tabs .tab{display:flex;align-items:center;justify-content:center;text-align:center;height:43px;border-radius:43px;padding:0 24px;border:1px solid rgb(196 203 208 / 60%);background:#ffffff;}
#sub-service .header .tabs .tab:hover{background:#31A0DB;color:#ffffff;border:1px solid rgb(0 0 0 / 20%);}
#sub-service .header .tabs .tab.on{background:#31A0DB;color:#ffffff;border:1px solid rgb(0 0 0 / 20%);}
#sub-service .content{}
#sub-service .market{display:none;}
#sub-service .market.on{display:block;}
#sub-service .market .section{margin:0 0 56px 0;}
#sub-service .market .section:last-of-type{margin:0;}
#sub-service .market .head{margin:0 0 16px;display:flex;align-items:center;justify-content:space-between;}
#sub-service .market .head .tit{line-height:1.5;font-size:24px;font-weight:700;color:#000;}
#sub-service .market .head .standard{line-height:1.4;font-size:16px;color:#999999;}
#sub-service .market .table{}
#sub-service .market .table table{width:100%;border-collapse:collapse;table-layout:fixed;}
#sub-service .market .table table tr{height:60px;font-size:18px;font-weight:400;color:#000;text-align:center;border-bottom:1px solid #eaedf2;}
#sub-service .market .table table th{vertical-align:middle;font-weight:600;background:#F1F4F7;border-right:1px solid #EAEDF2;}
#sub-service .market .table table th:last-of-type{border-right:0;}
#sub-service .market .table table td{vertical-align:middle;font-weight:400;background:#FFFFFF;border-right:1px solid #EAEDF2;}
#sub-service .market .table table td:last-of-type{border-right:0;}
#sub-service .distribution{padding:0 0 160px 0;}
#sub-service .distribution ul{}
#sub-service .distribution li{margin:0 0 80px 0;display:flex;align-items:flex-start;gap:120px;}
#sub-service .distribution li:last-of-type{margin:0;}
#sub-service .distribution li .img{flex:0 0 auto;position:relative;width:500px;height:auto;aspect-ratio:500/640;border-radius:20px;overflow:hidden;box-shadow:12px 12px 32px rgb(0 0 0 / 12%);}
#sub-service .distribution li .img:before{content:'';position:absolute;top:0;left:0;width:100%;height:auto;aspect-ratio:500/190;background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 100%);opacity:0.6;}
#sub-service .distribution li .img:after{content:'';position:absolute;z-index:2;top:20px;right:20px;width:261px;height:auto;aspect-ratio:261/56;background:url("/images/content/sub/distribution_mark.png") no-repeat center / contain;}
#sub-service .distribution li .img img{width:100%;height:100%;object-fit:cover;}
#sub-service .distribution li .con{flex:1;padding:80px 0 0 ;}
#sub-service .distribution li .step{margin:0 0 48px 0;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;height:44px;border-radius:44px;background:#31a0db;font-size:18px;font-weight:600;color:#ffffff;}
#sub-service .distribution li .title{line-height:1.4;font-size:42px;font-weight:800;color:#000;}
#sub-service .distribution li .text{margin:12px 0 0 0;line-height:1.4;font-size:20px;font-weight:600;color:#555555;}
#sub-service .distribution li .desc{margin:32px 0 0 0;line-height:1.4;font-size:16px;font-weight:500;color:#999999;}
#sub-service .distribution li .info{margin:48px 0 0 0;}
#sub-service .distribution li .info span{display:flex;align-items:center;height:67px;border-bottom:1px solid #eaedf2;gap:16px;font-size:15px;}
#sub-service .distribution li .info span img{flex:0 0 auto;width:24px;height:24px;}
#sub-service .solution{position:relative;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:88px 0;background:#000000;}
#sub-service .solution .text{position:relative;z-index:2;}
#sub-service .solution .text .tit{line-height:1.2;font-size:62px;font-weight:800;color:#ffffff;}
#sub-service .solution .text .txt{margin:24px 0 0 0;line-height:1.5;font-size:18px;font-weight:500;color:#ffffff;}
#sub-service .solution .text .btn{margin:24px 0 0 0;}
#sub-service .solution .text .btn a{display:flex;align-items:center;justify-content:center;padding:0 68px;height:56px;border-radius:56px;border:1px solid #ffffff;font-size:16px;font-weight:600;color:#fff;gap:8px;}
#sub-service .solution .text .btn a:after{content:'';width:24px;height:24px;background:url("/images/content/layout/btn_arrow_wt.png") no-repeat center / contain;}
#sub-service .solution .text .btn a:hover{background:#31A0DB;color:#ffffff;border-color:#31A0DB;}
#sub-service .solution .text .btn a:hover:after{background:url("/images/content/layout/btn_arrow_hover.png") no-repeat center / contain;}
#sub-service .solution .image{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;opacity:0.4;pointer-events:none;transform: scaleX(-1);}
#sub-service .solution .image img{width:100%;height:100%;object-fit:cover;}
#sub-service .gallery{padding:120px 0 0}
#sub-service .gallery .head{margin:0 0 40px;}
#sub-service .gallery .head .tit{line-height:56px;font-size:40px;font-weight:800;color:#000;}
#sub-service .gallery .list{}
#sub-service .gallery .list ul{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
#sub-service .gallery .list li{}
#sub-service .gallery .list .inner{display:block;}
#sub-service .gallery .list .img{border-radius:20px;overflow:hidden;}
#sub-service .gallery .list .img img{display:block;width:100%;height:100%;}
#sub-service.page-15 {padding-bottom:0;}
#sub-service.page-17 {padding-bottom:0;}
#sub-service.page-17 .process-rect {text-align:center;}
#sub-service.page-17 .process-rect video {max-width:1040px; max-height:640px;}

/* ✅ 반응형 추가 */
@media (max-width: 1280px) {
    #sub-service.page-17 .process-rect video {
        max-width: 90%;
        max-height: 520px;
    }
}

@media (max-width: 1024px) {
    #sub-service.page-17 .process-rect video {
        max-width: 92%;
        max-height: 440px;
    }
}

@media (max-width: 768px) {
    #sub-service.page-17 .process-rect {
        padding: 0 16px;
    }
    #sub-service.page-17 .process-rect video {
        width: 100%;
        max-width: 100%;
        max-height: 360px;
    }
}

@media (max-width: 480px) {
    #sub-service.page-17 .process-rect video {
        width: 100%;
        height: auto;
        max-height: 240px;
    }
}


#sub-introduce{position:relative;padding:160px 0 0;}
#sub-introduce .header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 0 80px 0;}
#sub-introduce .header .title{line-height:1.2;font-size:62px;font-weight:700;color:#000;}
#sub-introduce .header .text{margin:24px 0 0 0;line-height:1.5;font-size:18px;font-weight:500;color:#555;}
#sub-introduce .content{}
#sub-introduce .philosophy{padding:0 0 120px 0;}
#sub-introduce .philosophy .img{margin:0 0 80px 0;width:100%;height:auto;aspect-ratio:1440/560;border-radius:20px;overflow:hidden;background:#999;box-shadow:0 4px 12px rgb(0 0 0 / 8%);}
#sub-introduce .philosophy .img img{width:100%;height:100%;object-fit:cover;}
#sub-introduce .philosophy .con{margin:0 auto;width:1040px;max-width:100%;}
#sub-introduce .philosophy .tit{margin:0 0 32px 0;line-height:1.4;font-size:40px;font-weight:700;color:#000;}
#sub-introduce .philosophy .txt{line-height:28px;font-size:18px;font-weight:500;color:#555;}
#sub-introduce .philosophy .txt p{display:block;margin:0 0 20px;}
#sub-introduce .management{padding:120px 0;background:#F1F4F7;}
#sub-introduce .management .head{text-align:center;line-height:1.4;font-size:26px;font-weight:600;color:#000;margin:0 0 40px 0;}
#sub-introduce .management .list{margin:0 auto;width:1440px;height:auto;max-width:100%;}
#sub-introduce .management .list ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:32px;}
#sub-introduce .management .list li{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgb(0 0 0 / 20%);}
#sub-introduce .management .list li:before{content:'';position:absolute;bottom:0;left:0;z-index:2;width:100%;height:50%;background: linear-gradient(360deg, #0A1837 0%, rgba(19, 58, 132, 0) 100%);}
#sub-introduce .management .list .img{position:relative;z-index:1;width:100%;height:auto;aspect-ratio:458/366;background:#000;}
#sub-introduce .management .list .img img{width:100%;height:100%;object-fit:cover;}
#sub-introduce .management .list .con{position:absolute;bottom:0;left:0;z-index:3;width:100%;padding:24px 0;text-align:center;background:rgb(0 0 0 / 40%);backdrop-filter: blur(60px)}
#sub-introduce .management .list .tit{line-height:1.4;font-size:24px;font-weight:700;color:#ffffff;}
#sub-introduce .management .list .txt{margin:8px 0 0 0;line-height:1.4;font-size:16px;font-weight:400;color:#ffffff;}
#sub-introduce .location{padding:0 0 100px;}
#sub-introduce .location .desc{margin:0 0 32px 0;border-radius:32px;border:1px solid #c4cbd0;padding:56px;background:#ffffff;display:flex;justify-content:space-between;}
#sub-introduce .location .desc:last-of-type{margin:0;}
#sub-introduce .location .desc .map{flex:0 0 auto;width:648px;max-width:100%;height:auto;border-radius:20px;overflow:hidden;}
#sub-introduce .location .desc .map img{width:100%;height:100%;object-fit:cover;}
#sub-introduce .location .desc .con{flex:0 0 auto;width:518px;max-width:100%;display:flex;flex-direction:column;}
#sub-introduce .location .desc .name{margin:0 0 24px;line-height:1.4;font-size:32px;font-weight:800;color:#000;}
#sub-introduce .location .desc .name span{color:#31A0DB;}
#sub-introduce .location .desc .info{}
#sub-introduce .location .desc .info dl{display:flex;align-items:center;border-bottom:1px solid #eaedf2;gap:8px;}
#sub-introduce .location .desc .info dt{flex:0 0 108px;line-height:28px;font-size:18px;font-weight:700;color:#555555;padding:14px 0;}
#sub-introduce .location .desc .info dd{flex:1 1;line-height:28px;font-size:18px;font-weight:500;color:#999999;padding:14px 0;}
#sub-introduce .location .desc .button{margin:auto 0 0 0;width:344px;max-width:100%;}
#sub-introduce .location .desc .button a{display:flex;align-items:center;width:100%;height:74px;border-radius:8px;border:1px solid rgb(196 203 208 / 60%);;padding:0 28px;font-size:16px;font-weight:600;background:rgb(255 255 255 / 100%);color:#000000;}
#sub-introduce .location .desc .button a:after{content:'';width:24px;height:24px;margin-left:auto;background:url("/images/content/layout/btn_blank.png") no-repeat center / contain;}
#sub-introduce .patent{padding:0 0 160px}
#sub-introduce .patent .tool{margin:0 0 40px;display:flex;align-items:center;justify-content:space-between;}
#sub-introduce .patent .tool .total{font-size:16px;font-weight:500;color:#000;}
#sub-introduce .patent .tool .search{display:flex;align-items:center;gap:8px;}
#sub-introduce .patent .tool .search .sel{position:relative;width:190px;z-index:20;}
#sub-introduce .patent .tool .search .sel .dropdown-toggle{width:100%;height:56px;border-radius:8px;border:1px solid #c4cbd0;background:#ffffff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:18px;font-weight:500;cursor:pointer;}
#sub-introduce .patent .tool .search .sel .dropdown-toggle:after{content:'';width:32px;height:32px;margin-left:auto;background:url("/images/content/layout/dropdown.png") no-repeat center / contain;border:0;}
#sub-introduce .patent .tool .search .sel .dropdown-menu{display:none;position:absolute;z-index:20;top:calc(100% + 8px);left:0;min-width:100%;height:auto;border-radius:8px;border:1px solid #c4cbd0;padding:0 20px;box-shadow:0 4px 12px rgb(0 0 0 / 8%);max-height:300px;overflow-y:auto;}
#sub-introduce .patent .tool .search .sel .dropdown-menu a{display:flex;align-items:center;border-bottom:1px solid rgb(0 0 0 / 10%);height:56px;font-size:18px;font-weight:500;color:#000;white-space:nowrap;}
#sub-introduce .patent .tool .search .sel.on .dropdown-toggle:after{transform:rotate(180deg);}
#sub-introduce .patent .tool .search .sel.on .dropdown-menu{display:block;}
#sub-introduce .patent .tool .search .inp{position:relative;width:320px;border-radius:8px;border:1px solid #c4cbd0;padding:0 20px;background:#F1F4F7;display:flex;align-items:center;}
#sub-introduce .patent .tool .search .inp input{width:100%;height:56px;border:0;background:transparent;}
#sub-introduce .patent .tool .search .inp input:focus{border:0;outline:0}
#sub-introduce .patent .tool .search .inp button{background:transparent;display:flex;align-items:center;justify-content:center;width:32px;height:32px;}
#sub-introduce .patent .tool .search .inp.active{border-color:#31A0DB;}
#sub-introduce .patent .list{}
#sub-introduce .patent .list ul{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
#sub-introduce .patent .list li{}
#sub-introduce .patent .list li .inner{position:relative;display:block;border-radius:20px;}
#sub-introduce .patent .list li .inner:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #c4cbd0;border-radius:20px;box-shadow: 0 4px 12px rgb(0 0 0 / 8%);}
#sub-introduce .patent .list li .img{width:100%;height:auto;aspect-ratio:460/250;background:#eaedf2;display:flex;align-items:center;justify-content:center;padding:10px;border-radius:20px 20px 0 0;}
#sub-introduce .patent .list li .img img{max-height:100%;}
#sub-introduce .patent .list li .con{padding:25px 32px;background:#ffffff;border-radius:0 0 20px 20px;}
#sub-introduce .patent .list li .type{margin:0 0 4px;line-height:24px;font-size:16px;font-weight:500;color:#999999;}
#sub-introduce .patent .list li .name{height:68px;line-height:34px;font-size:24px;font-weight:600;color:#000;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
#sub-introduce .patent .paging{margin:40px 0 0 0;display:flex;align-items:center;justify-content:center;height:64px;gap:8px;}
#sub-introduce .patent .paging a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid transparent;font-size:16px;font-weight:500;color:#999;}
#sub-introduce .patent .paging a:hover{color:#000;}
#sub-introduce .patent .paging a.current{border-color:#000;color:#000;font-weight:700;}

#sub-introduce.sub-location{background:#F1F4F7;}


#sub-customer{position:relative;padding:160px 0 0;}
#sub-customer .header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 0 80px 0;}
#sub-customer .header .title{line-height:1.2;font-size:62px;font-weight:700;color:#000;}
#sub-customer .header .text{margin:24px 0 0 0;line-height:1.5;font-size:18px;font-weight:500;color:#555;}
#sub-customer .content{}
#sub-customer .inquiry{padding:0 0 160px 0;}
#sub-customer .inquiry .form{padding:80px 0;border-top:2px solid #000000;border-bottom:2px solid #000000;}
#sub-customer .inquiry .form dl{display:flex;margin:0 0 24px;}
#sub-customer .inquiry .form dl:last-of-type{margin:0;}
#sub-customer .inquiry .form dt{flex:0 0 auto;width:304px;line-height:56px;font-size:18px;font-weight:500;color:#555555;}
#sub-customer .inquiry .form dt em{color:#31A0DB}
#sub-customer .inquiry .form dd{flex:1 1;}
#sub-customer .inquiry .form .flex{display:flex;align-items:center;margin:0 0 8px 0;gap:17px;}
#sub-customer .inquiry .form .flex:last-of-type{margin:0;}
#sub-customer .inquiry .form .input{width:466px;max-width:100%;display:flex;gap:8px;}
#sub-customer .inquiry .form .bttn{flex:0 0 auto;}
#sub-customer .inquiry .form .bttn .btn{display:flex;align-items:center;justify-content:center;padding:0 48px;border-radius:56px;height:56px;border:1px solid #31A0DB;background:#ffffff;font-size:18px;font-weight:600;color:#31a0db;}
#sub-customer .inquiry .form .bttn .btn input{display:none;}
#sub-customer .inquiry .form .bttn .btn:hover{background:#31A0DB;color:#ffffff;border-color:#31A0DB;}
#sub-customer .inquiry .form .textarea{flex:1;width:100%;}
#sub-customer .inquiry .form .textarea textarea{width:100%;height:248px;border-radius:8px;background:#f1f4f7;border:0;padding:20px;line-height:1.4;font-size:18px;font-weight:500;]}
#sub-customer .inquiry .form .caution{line-height:1.4;font-size:16px;font-weight:400;color:#555555;}
#sub-customer .inquiry .form .agree{display:flex;flex-direction:column;gap:8px;}
#sub-customer .inquiry .form .agree .chk{}
#sub-customer .inquiry .form .agree .chk label{display:flex;align-items:center;cursor:pointer;gap:8px;}
#sub-customer .inquiry .form .agree .chk label input{display:none;}
#sub-customer .inquiry .form .agree .chk label input ~ i{width:24px;height:24px;background:url("/images/content/layout/checkbox.png") no-repeat center / contain;}
#sub-customer .inquiry .form .agree .chk label input ~ span{font-size:18px;font-weight:600;color:#000;}
#sub-customer .inquiry .form .agree .chk label input:checked ~ i{background:url("/images/content/layout/checkbox_on.png") no-repeat center / contain;}
#sub-customer .inquiry .form .agree .act{}
#sub-customer .inquiry .form .agree .act a{line-height:24px;font-size:16px;color:#555555;text-decoration:underline;}
#sub-customer .inquiry .form .inp{flex:1;position:relative;display:flex;}
#sub-customer .inquiry .form .inp input{width:100%;height:56px;padding:0 20px;border-radius:8px;border:1px solid #F1F4F7;background:#F1F4F7;font-size:18px;}
#sub-customer .inquiry .form .txt{flex:0 0 auto;line-height:56px;font-size:18px;font-weight:500;}
#sub-customer .inquiry .form .sel{flex:1;position:relative;}
#sub-customer .inquiry .form .sel .dropdown-toggle{width:100%;height:56px;border-radius:8px;border:1px solid #EAEDF2;background:#ffffff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:18px;font-weight:500;cursor:pointer;}
#sub-customer .inquiry .form .sel .dropdown-toggle:after{content:'';width:32px;height:32px;margin-left:auto;background:url("/images/content/layout/dropdown.png") no-repeat center / contain;border:0;}
#sub-customer .inquiry .form .sel .dropdown-menu{display:none;position:absolute;top:calc(100% + 8px);left:0;width:100%;height:auto;border-radius:8px;border:1px solid #c4cbd0;padding:0 20px;box-shadow:0 4px 12px rgb(0 0 0 / 8%);}
#sub-customer .inquiry .form .sel .dropdown-menu a{display:flex;align-items:center;border-bottom:1px solid rgb(0 0 0 / 10%);height:56px;font-size:18px;font-weight:500;color:#000;}
#sub-customer .inquiry .form .sel.on .dropdown-toggle:after{transform:rotate(180deg);}
#sub-customer .inquiry .form .sel.on .dropdown-menu{display:block;}
#sub-customer .inquiry .button{display:flex;align-items:center;padding:80px 0 0 0;justify-content:center;gap:8px;}
#sub-customer .inquiry .button .btn{display:flex;align-items:center;justify-content:center;padding:0 84px;border-radius:56px;height:56px;border:1px solid #e0e0e0;;font-size:16px;font-weight:600;color:#000;}
#sub-customer .inquiry .button .btn_01{background:#31A0DB;color:#ffffff;border-color:#31A0DB;}
#sub-customer .inquiry .button .btn_02{background:#ffffff;color:#000000;border-color:#000000;}


@media all and (max-width:1600px) {

    #header{}
    #header .wrap{margin:0;padding:0 20px;height:80px;}
    #header .logo{left:20px;}
    #header .gnb{position:fixed;top:81px;left:0;z-index:999;padding:0 16px;width:100%;background:#18356F ;transform:unset;opacity:0;visibility:hidden;height:calc(100dvh - 80px - 50px);overflow-y:auto;display:none;}
    #header .gnb {display:none;}
    #header .gnb .dp1{display:flex;flex-direction:column;}
    #header .gnb .dp1 .dl1{flex:0 0 auto;width:100%;}
    #header .gnb .dp1 .dl1 .da1{display:flex;align-items:center;height:50px;line-height:30px;font-size:20px;justify-content:flex-start;}
    #header .gnb .dp2{position:static;transform: unset;opacity:1;visibility:visible;background:rgb(255 255 255 / 5%);border-radius:0;padding:16px;}
    #header .gnb .dp2 .dl2{}
    #header .gnb .dp2 .dl2 .da2{padding:0;font-size:15px;color:#ffffff;}
    #header .gnb .dp2 .dl2 .da2:active,
    #header .gnb .dp2 .dl2 .da2:hover{background:transparent;}

    #header .tool{position:relative;top:4px;right:60px;}

    #header .mobile{top:32px;right:20px;}
    #header .mobile{position:absolute;top:36px;right:40px;width:20px;height:16px;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;}
    #header .mobile:before{content:'';width:100%;height:100%;border-top:2px solid #fff;border-bottom:2px solid #fff;}
    #header .mobile:after{content:'';position:absolute;top:50%;transform:translateY(-50%);display:block;width:100%;height:2px;background:#ffffff;}

    #header.allmenu{background:#18356F;}
    #header.allmenu .gnb{opacity:1;visibility:visible;display:block;}
    #header.allmenu .tool{opacity:1;visibility:visible;display:flex;}

    #header.sub-content .mobile{}
    #header.sub-content .mobile:before{border-color:#000;}
    #header.sub-content .mobile:after{background:#000;}

    #header.active{}
    #header.active .logo{}
    #header.active .logo a{background:url(/images/content/layout/logo_white.png) no-repeat center / contain;}
    #header.active .gnb .dp1 .dl1 .da1{color:#fff;}
    #header.active .tool .sns .snsBtn{color:#fff;}
    #header.active .tool .sns .snsBtn:after{background:url("/images/content/layout/dropdown_wt.png") no-repeat center / contain;}
    #header.active .tool .fam .famBtn{color:#fff;border-color:#EAEDF2;}
    #header.active .tool .fam .famBtn:after{background:url("/images/content/layout/dropdown_wt.png") no-repeat center / contain;}
    #header.active .tool .lang .langBtn{color:#fff;}
    #header.active .tool .lang .langBtn:after{background:url("/images/content/layout/dropdown_wt.png") no-repeat center;}
    #header.active .tool .search button .icon{background:url("/images/content/layout/search_wt.png") no-repeat center;}

    #title{padding:80px 0 0;}
    #title .text{height: 50vw;}
    #title .text .title{line-height:1.25;font-size:32px;}
    #title .text .desc{margin-top:12px;line-height:1.5;font-size:14px;}

    #nav{}
    #nav .wrap{height:50px;}
    #nav .navi{overflow-x:auto;}
    #nav .navi > a{height:50px;font-size:14px;padding:0 10px;white-space:nowrap;}
    #nav .loca{position:absolute;bottom:100%;right:0;padding:20px;display:none;}
    #nav .loca p{color:#ffffff;}

    #main-visual{height:700px !important;}
    #main-visual .swiper-slide{justify-content:flex-start;padding:140px 0 0;}
    #main-visual .swiper-slide .inner{padding:0 20px;}
    #main-visual .swiper-slide .inner .tit{line-height:1.35;font-size:38px;word-break:keep-all;}
    #main-visual .swiper-slide .inner .tit br{display:none;}
    #main-visual .swiper-slide .inner .txt{margin-top:20px;line-height:1.5;font-size:15px;}

    #main-visual .control{padding:0 20px;}

    #about-us{padding:40px 0 !important;}
    #about-us .wrap{flex-direction:column;padding:0 20px;gap:40px;}
    #about-us .text .title{line-height:1.25;font-size:32px;}
    #about-us .text .title br{display:none;}

    #best-products{padding:40px 0 !important;}
    #best-products .wrap{flex-direction:column;gap:40px;}
    #best-products .header .title{line-height:1.25;font-size:32px;}
    #best-products .header .title br{display:none;}
    #best-products .slider{}
    #best-products .slider .swiper-slide{width:60vw;aspect-ratio:420 / 446;height:auto;}
    #best-products .slider .con{padding:20px;}
    #best-products .slider .name{height:56px;line-height:28px;font-size:20px;}

    #industries{padding:40px 0 !important;}
    #industries .wrap{flex-direction:column;gap:40px;}
    #industries .header .title{line-height:1.25;font-size:32px;}
    #industries .header .title br{display:none;}
    #industries .header .control{position:static;margin:20px 0 0 0;}
    #industries .slider{width:100%;aspect-ratio:325/304;height:auto;}
    #industries .slider .swiper-slide{width:60vw;aspect-ratio:480/304;height:auto;}
    #industries .slider .inner .tit{padding:15px;font-size:20px;}

    #quality-technology{padding:40px 0 !important;}
    #quality-technology .wrap{flex-direction:column;gap:40px;}
    #quality-technology .header .title{line-height:1.25;font-size:32px;}
    #quality-technology .header .title br{display:none;}
    #quality-technology .header .control{position:static;margin:20px 0 0 0;}
    #quality-technology .slider{}
    #quality-technology .slider .swiper-slide{width:60vw;height:auto;}
    #quality-technology .slider .con{padding:20px;}
    #quality-technology .slider .name{line-height:28px;font-size:20px;height:56px;}

    #thomas-now{padding:40px 0 !important;}
    #thomas-now .wrap{flex-direction:column;gap:40px;}
    #thomas-now .header .title{line-height:1.25;font-size:32px;}
    #thomas-now .header .title br{display:none;}
    #thomas-now .header .social{position:static;margin:20px 0 0 0;}
    #thomas-now .list ul{grid-template-columns:repeat(1, 1fr);gap:32px;}
    #thomas-now .list .con{padding:20px;}
    #thomas-now .list .title{height:56px;line-height: 28px;font-size: 20px;}
    #thomas-now .quick{margin:40px 0 0 0;}
    #thomas-now .quick ul{grid-template-columns:repeat(1, 1fr);gap:16px;}
    #thomas-now .quick li a .con{padding:20px;}
    #thomas-now .quick li a .tit{line-height:1.5;font-size:20px;}
    #thomas-now .quick li a .eng{line-height:1.5;font-size:14px;}
    #thomas-now .quick li a .ico{width:100px;}

    #sub-products{flex-direction:column;}
    #sub-products .aside{flex:0 0 100%;width:100%;padding:10px;display:flex;align-items:center;gap:16px;}
    #sub-products .aside .title{margin:0;flex:0 0 auto;font-size:16px;}
    #sub-products .aside .menu{overflow-x:auto;}
    #sub-products .aside .menu ul{display:flex;}
    #sub-products .aside .menu li{padding:0 10px;}
    #sub-products .aside .menu .tit{height:50px;white-space:nowrap;font-size:15px;}
    #sub-products .aside .menu .con{position:absolute;top:100%;left:0;width:100%;max-height:calc(100dvh - 50px);}
    #sub-products .aside .menu .con a{padding:8px 20px;font-size:13px;}
    #sub-products .contents{flex:0 0 100%;max-width:100%;padding:20px;}
    #sub-products .contents .header{flex-wrap:Wrap;margin:0 0 12px 0;gap:4px;}
    #sub-products .contents .header .title{font-size:15px;}
    #sub-products .contents .header .depth{gap:4px;font-size:13px;}
    #sub-products .contents .tabs{margin:0 -20px 20px;padding:0 20px;}
    #sub-products .contents .tabs .tab{padding:0 10px;}
    #sub-products .contents .list ul{}
    #sub-products .contents .list li{width:100%;flex:0 0 100%;}


    #sub-i5{padding:40px 0;}
    #sub-i5 .header .title{font-size:32px;}
    #sub-i5 .header .text{font-size:14px;}
    #sub-i5 .content .product{flex-direction:column;}
    #sub-i5 .content .product .image{flex:0 0 100%;}
    #sub-i5 .content .info{flex:0 0 100%;width:100%;}
    #sub-i5 .content .info .name{font-size:36px;}
    #sub-i5 .content .info .desc{font-size:15px;margin:10px 0 0 0;line-height:1.5;}
    #sub-i5 .content .info .button{flex-direction:column;}
    #sub-i5 .content .info .button a{width:100%;padding:0 20px;gap:10px;}
    #sub-i5 .content .info .button a.down{flex:0 0 auto;height:50px;width:100%;}
    #sub-i5 .content .info .button a.link{flex:0 0 auto;height:50px;width:100%;}
    #sub-i5 .content .explan{}
    #sub-i5 .content .explan li .tit{font-size:20px;}
    #sub-i5 .content .explan ul{grid-template-columns: repeat(1, 1fr);}
    #sub-i5 .content .explan .full-wrap .flex {flex-direction: column;}
    #sub-i5 .content .explan .full-wrap .img {margin-top:4rem;}

    #sub-quality{padding:40px 0;}
    #sub-quality .header{padding:0 0 40px 0;}
    #sub-quality .header .title{font-size:32px;}
    #sub-quality .header .text{font-size:14px;}
    #sub-quality .assurance{}
    #sub-quality .assurance ul{grid-template-columns: repeat(1, 1fr);gap:20px;}
    #sub-quality .assurance li .con{padding:20px;}
    #sub-quality .assurance li .sub{}
    #sub-quality .assurance li .tit{font-size:20px;line-height:1.4;}
    #sub-quality .assurance li .txt{font-size:14px;line-height:1.4;}

    #sub-service{padding:40px 0;}
    #sub-service .header .title{font-size:32px;}
    #sub-service .header .text{font-size:14px;}
    #sub-service .header .tabs .tab{font-size:15px;}
    #sub-service .market{}
    #sub-service .market .head{flex-direction:column;align-items:stretch;gap:10px;}
    #sub-service .market .head .tit{font-size:20px;}
    #sub-service .market .head .standard{font-size:13px;}
    #sub-service .table{}
    #sub-service .table tr{}
    #sub-service .table th{font-size:14px;}
    #sub-service .table td{font-size:14px;}
    #sub-service .distribution{padding:0 0 80px 0;}
    #sub-service .distribution li{flex-direction:column;gap:16px;margin:0 0 40px;}
    #sub-service .distribution li .img{width:100%;}
    #sub-service .distribution li .con{padding:20px 0;}
    #sub-service .distribution li .step{margin-bottom:12px;font-size:15px;height:36px;padding:0 20px;}
    #sub-service .distribution li .title{font-size:24px;}
    #sub-service .distribution li .text{font-size:18px;}
    #sub-service .distribution li .text br{display:none;}
    #sub-service .distribution li .desc{font-size:14px;}
    #sub-service .distribution li .desc br{display:none;}
    #sub-service .distribution li .info{margin-top:24px;}
    #sub-service .solution{padding:40px 20px;}
    #sub-service .solution .text .tit{font-size:24px;}
    #sub-service .solution .text .txt{font-size:14px;}
    #sub-service .solution .text .btn{}
    #sub-service .solution .text .btn a{padding:0 32px;}
    #sub-service .gallery{padding:40px 0;}
    #sub-service .gallery .head .tit{font-size:24px;}
    #sub-service .gallery .list{}
    #sub-service .gallery .list ul{grid-template-columns:repeat(2, 1fr);gap:10px;}

    #sub-introduce{padding:40px 0 0;}
    #sub-introduce .header .title{font-size:32px;}
    #sub-introduce .header .text{font-size:14px;}
    #sub-introduce .philosophy{padding:0 0 40px}
    #sub-introduce .philosophy .tit{font-size:24px;}
    #sub-introduce .philosophy .txt{font-size:14px;}
    #sub-introduce .philosophy .txt br{display:none;}
    #sub-introduce .management{padding: 40px 0;}
    #sub-introduce .management .list{}
    #sub-introduce .management .list ul{grid-template-columns:repeat(1, 1fr);gap:10px;}
    #sub-introduce .management .list .con{padding:20px;}
    #sub-introduce .management .list .tit{font-size:20px;}
    #sub-introduce .management .list .txt{font-size:14px;}
    #sub-introduce .patent{}
    #sub-introduce .patent .tool{position:relative;z-index:11;flex-direction:column;align-items:stretch;gap:20px;}
    #sub-introduce .patent .tool .search .sel{flex:0 0 100px;width:100px;}
    #sub-introduce .patent .tool .search .sel .dropdown-toggle{font-size:15px;padding:0 10px 0 20px;}
    #sub-introduce .patent .tool .search .sel .dropdown-menu a{height:40px;font-size:15px;}
    #sub-introduce .patent .tool .search .inp{padding:0 10px 0 20px;}
    #sub-introduce .patent .tool .search .inp input{font-size:15px;}
    #sub-introduce .patent .list ul{grid-template-columns:repeat(1, 1fr);}
    #sub-introduce .patent .list li .con{padding:20px;}
    #sub-introduce .patent .list li .type{font-size:14px;}
    #sub-introduce .patent .list li .name{font-size:20px;line-height:28px;height:56px;}

    #sub-introduce .location{}
    #sub-introduce .location .desc{border-radius:8px;padding:20px;flex-direction:column;gap:20px}
    #sub-introduce .location .desc .name{font-size:20px;margin:0 0 10px 0;}
    #sub-introduce .location .desc .info dt{flex:0 0 40px;font-size:14px;line-height:1.35;}
    #sub-introduce .location .desc .info dd{flex:1 1;font-size:14px;line-height:1.35;}
    #sub-introduce .location .desc .button{margin-top:10px;}
    #sub-introduce .location .desc .button a{height:56px;padding:0 20px;}

    #sub-customer{padding:40px 0 0;}
    #sub-customer .header .title{font-size:32px;}
    #sub-customer .header .text{font-size:14px;}
    #sub-customer .inquiry{padding:0 0 40px;}
    #sub-customer .inquiry .form{padding:20px 0;}
    #sub-customer .inquiry .form dl{flex-direction:column;gap:4px;}
    #sub-customer .inquiry .form dt{font-size:14px;}
    #sub-customer .inquiry .form .flex{gap:10px;}
    #sub-customer .inquiry .form .input{}
    #sub-customer .inquiry .form .input .inp{}
    #sub-customer .inquiry .form .input .inp input{font-size:16px;padding:0 10px;}
    #sub-customer .inquiry .form .input .sel{}
    #sub-customer .inquiry .form .input .sel .dropdown-toggle{font-size:16px;padding:0 10px;}
    #sub-customer .inquiry .form .textarea{}
    #sub-customer .inquiry .form .textarea textarea{font-size:16px;padding:10px;}
    #sub-customer .inquiry .form .bttn .btn{font-size:16px;padding:0 20px;}
    #sub-customer .inquiry .button{flex-direction:column;padding:40px 0;}

}

@media all and (max-width:1200px){
    #footer{}
    #footer .d-flex{flex-direction:column;gap:10px;}
    #footer .d-flex .logo{}
    #footer .d-flex .logo img{width:150px;}
    #footer .d-flex:nth-child(1) .menu{display:Flex;flex-wrap:wrap;gap:10px;}
    #footer .d-flex:nth-child(1) .menu a{margin:0 !important;}
    #footer .d-flex:nth-child(2) .coptright{justify-content:flex-start;}


    #header .tool{position:fixed;top:80px;left:0;z-index:999;padding:0 20px;width:100%;height:50px;background:#18356F ;opacity:0;visibility:hidden;display:none;}
    #header .tool .sns{margin:0;}
    #header .tool .sns .snsBtn{padding:0 8px;font-size:13px;}
    #header .tool .sns .snsBox{left:0;transform:unset;}
    #header .tool .fam{}
    #header .tool .fam .famBtn{padding:0 8px;font-size:13px;}
    #header .tool .fam .famBtn{left:0;transform:unset;}
    #header .tool .lang{margin-left:auto;}
    #header .tool .lang .langBtn{padding:0 8px;font-size:13px;}
    #header .tool .search{margin-left:8px;}
    #header .tool .search .searchBtn{}

    #sub-products-detail{padding:0 0 60px 0}
    #sub-products-detail .wrap{flex-direction:column;gap:20px;}
    #sub-products-detail .product{flex:0 0 100%;position:static;width:100%}
    #sub-products-detail .product .thumb .image {aspect-ratio: auto;}
    #sub-products-detail .product .button{flex-direction:column;gap:10px;}
    #sub-products-detail .product .button a{flex:0 0 auto !important;;width:100% !important;height:50px;}
    #sub-products-detail .information{flex:0 0 100%;padding:20px;border-radius:10px;width:100%;}
    #sub-products-detail .information .name{font-size:30px;}
    #sub-products-detail .information .desc{font-size:16px;}
    #sub-products-detail .information .info{}
    #sub-products-detail .information .info li{}
    #sub-products-detail .information .info li .tit{font-size:20px;}
    #sub-products-detail .information .info li .con{}
    #sub-products-detail .information .info li .con p{font-size:14px;}
    #sub-products-detail .information .info li .box{padding:20px;flex-direction:column;gap:16px;}

    .process-rect ul {grid-template-columns: repeat(3, 1fr);}
}

@media all and (max-width:767px){
    #header .logo a{width:150px;aspect-ratio:294/46;height:auto;}

    .process-rect ul {grid-template-columns: repeat(2, 1fr);}

    .quality-introduction .button {flex-direction: column; gap:2rem;}
    .quality-introduction .button a.link {width:100%;}

}

@media all and (max-width:575px){
    .process-rect ul {grid-template-columns: repeat(1, 1fr);}
}

@media all and (max-width:500px){
    footer .d-flex:nth-child(1) {padding-bottom:0;}
    footer .d-flex:nth-child(2) .info {flex-direction: column;}
    footer .d-flex:nth-child(2) .info > div {width:100%;}
    footer .d-flex:nth-child(2) .info > div .body {display:flex; flex-direction: column;}
    #footer .d-flex:nth-child(2) .coptright {margin-top:3rem;}
}