#wrap{position: relative; overflow: clip;}
    .w_custom{position: relative; width: calc(100% - 60px); max-width: 1600px; margin-inline: auto;}
    body::-webkit-scrollbar {display: none; }
    #container{padding-block:var(--row-gap80) var(--row-gap140);}
    #container:has(.full-sec){width: 100%; max-width:100%; padding:0;}
    #container:has(.pt-dn){padding-top:0;} 
    #container:has(.pd-dn){padding-bottom:0;} 
    #container:has(.main_content){padding:0;}
    #wrap [class*="swiper-button"]:after{display: none;}
    .link{position: absolute; inset: 0; z-index: 5;}
    .dragscroll{ scrollbar-gutter: stable;}
    .dragscroll::-webkit-scrollbar {width: clamp(3px, 0.6vw, 4px);height:2px;}
    .dragscroll::-webkit-scrollbar-track {background: #eee; border-radius: 10px;}
    .dragscroll::-webkit-scrollbar-thumb {background: #aaa; border-radius: 10px;}
    @media (max-width:1600px) {
        br.for_pc{display: none;}
    }
    @media (max-width:1023px) {
        br.for_pct{display: none;}
    }
    @media (max-width:860px) {
        .w_custom{width: calc(100% - 30px);}
    }
    @media (max-width:479px) {
        br.for_pcm{display: none;}
    }
    @media (max-width:320px) {
        .w_custom{width: calc(100% - 20px);}
    }
/*─────────────────────────────────────────────────────────
    header
─────────────────────────────────────────────────────────*/
    #header{position:fixed;left:0;top:0;z-index:100;width:100%;height:100px; backdrop-filter:blur(6px);}
    #header{&::before, &::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;transition: opacity .8s;background:linear-gradient(180deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,0) 100%);}}
    #header::before{opacity:1;}
    #header::after{background:linear-gradient(180deg,rgba(20,60,110,.45) 0%,rgba(8,31,49,0) 100%);opacity:0;}
    #header .w_custom{max-width: 1800px; height: 100%; display:flex;align-items:center;justify-content:space-between;}
    #header .logo{position: relative; height: 100%;}
    #header .logo a{display: flex;max-width:170px;align-items: center;height: 100%;padding-block: 15px;}
    #header .logo img{transition: all 0.4s;}
    #header nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
    #header .gnb{display:flex;gap: clamp(30px, 4.2vw, 80px);}
    #header .gnb > li{position: relative;}
    #header .gnb > li > a{display:block;padding:6px 0;font-weight:500;font-size: clamp(15px, 1.2vw, 20px);letter-spacing:-0.03em;color:var(--t1);white-space:nowrap;transition:color .8s var(--ease);position:relative;}
    #header .gnb > li > a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--brown);transition:all 0.4s;}
    #header .gnb > li.on > a::after{width:100%;}
    #header .gnb .dep02{position:absolute;left:50%;top:100%;min-width:170px;padding:16px 0;margin-top:16px;background:#fff;box-shadow:0 18px 40px rgba(0,35,70,.12);transform:translate(-50%,8px);opacity:0;visibility:hidden;transition:all 0.4s;}
    #header .gnb .dep02::before{content:'';position:absolute;left:0;right:0;top:-18px;height:18px;}
    #header .gnb .dep02 a{display:block;padding:10px 26px;font-size: 85%;font-weight:500;color:var(--t3)!important;text-align:center;white-space:nowrap;transition:color .2s;}
    #header .btn-all{display:none;position:relative;width:40px;height:40px;margin-left:10px;padding:0;border:0;background:none;color:var(--t1);cursor:pointer;}
    #header .btn-all i{position:absolute;left:9px;width:22px;height:2px;background:currentColor;transition:all 0.4s;}
    #header .btn-all i:nth-child(1){top:12px;}
    #header .btn-all i:nth-child(2){top:19px;}
    #header .btn-all i:nth-child(3){top:26px;}

    #header .utility{display: flex; align-items: center; gap: 8px;}
    #header .btn-consult{position:relative;z-index:0;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;background:var(--navy);color:#fff;font-weight:600;font-size:17px;letter-spacing:-0.03em;white-space:nowrap;transition:background .8s var(--ease),color .8s var(--ease);}
    #header .btn-consult::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--brown);transform:scaleX(0);transform-origin:left center;transition:transform .5s var(--ease);}
    
    body.on-dark #header .btn-all,body.all-open #header .btn-all{color:#fff;}
    body.all-open #header .btn-all i:nth-child(1){top:19px;transform:rotate(45deg);}
    body.all-open #header .btn-all i:nth-child(2){opacity:0;}
    body.all-open #header .btn-all i:nth-child(3){top:19px;transform:rotate(-45deg);}
    .all-menu{display:none;}

    body.on-dark #header::before{opacity:0;}
    body.on-dark #header::after{opacity:1;}
    body.on-dark #header .logo img{filter:brightness(0) invert(1);}
    body.on-dark #header .gnb li a{color:#fff;}
    body.on-dark #header .btn-consult{background:#fff;color:#090a03;}
    body.on-dark #header .btn-consult:hover{color:#fff;}

        @media (hover:hover) and (pointer: fine) {
            #header .gnb > li > a:hover::after{width:100%;}
            #header .gnb > li:hover .dep02{opacity:1;visibility:visible;transform:translate(-50%,0);}
            #header .gnb .dep02 > li:hover a:hover{color:var(--navy)!important;font-weight:600;}
            #header .btn-consult:hover::before{transform:scaleX(1);}
            #header .btn-consult:hover{color:#fff;}
        }

    @media (max-width:1200px) {
        #header nav{display: none;}
        #header .btn-all{display: block;}
    }