@charset "UTF-8";


.mobile_btn .on{display: none;}

.swiper-visual {
    width: 100%;
    height: 100vh;
}

.swiper-slide {
    background-color: #fcfcfc;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    color: #fcfcfc;
    font-size: 24px;
}

.swiper-slide > .swiper-slide-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent no-repeat 50% 50% /cover;
}

.swiper-scale-effect .swiper-slide-cover {
    transition-timing-function: linear;
    transition-duration: 4s;
    transform: scale(1.2);
}

.swiper-scale-effect .swiper-slide.swiper-slide-active .swiper-slide-cover {
    transform: scale(1);
}

.swiper-slide .slide-01 {
    background-image: url('../img/visual.png');
    transform-origin: 50% 50%;
}

.swiper-slide .slide-02 {
    background-image: url('../img/visual2.jpg');
    transform-origin: 50% 50%;
}

.swiper-slide .slide-03 {
    background-image: url('../img/visual3.jpg');
    transform-origin: 50% 50%;
}

.scroll-indicator {
    position: absolute;
    left: 4%;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    color: #fff;
    font-family: Arial, sans-serif;
    z-index: 10;
}

/* SCROLL 글자 세로쓰기 */
.scroll-text {
    writing-mode: sideways-lr;
    text-orientation: mixed;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: rgba(255, 255, 255, 0.96);
}

/* 바깥 세로 라인 */
.scroll-line {
    position: relative;
    width: 2px;
    height: 80px;                 /* 세로 길이 */
    background: rgba(255,255,255,0.4);
    overflow: hidden;
}

/* 자동으로 내려가는 흰 막대 */
.scroll-thumb {
    position: absolute;
    left: 50%;
    width: 2px;
    height: 16px;
    background: #fff;
    transform: translate(-50%, -40px);   /* 약간 위에서 시작 */
    animation: scrollDown 3s ease-in-out infinite;
}

/* 아래로 내려갔다가 사라지고 다시 위에서 시작 */
@keyframes scrollDown {
    0% {
        transform: translate(-50%, -40px);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    80% {
        transform: translate(-50%, 160px); /* 라인 높이에 맞게 조절 */
        opacity: 1;
    }
    100% {
        transform: translate(-50%, 160px);
        opacity: 0;
    }
}

.visual{position: relative;}
.visual .img{height: 100vh;}
.visual .img img{width: 100%; height: 100%; object-fit: cover;}
.visual .vimg{position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; top: 0; left: 0;}

/* fullPage navigation tooltip 보이게 */
#fp-nav ul li .fp-tooltip,
.fp-slidesNav ul li .fp-tooltip{
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    top: -13px;

    /* 글자색/가독성 */
    color: rgba(255,255,255,0.6) !important;
    padding: 6px 10px;

    /* 잘림 방지 */
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    white-space: nowrap;

    /* 다른 요소에 가리는 현상 방지 */
    z-index: 9999;
}

/* 툴팁이 nav 뒤로 들어가서 안 보일 때 */
#fp-nav {
    z-index: 9999 !important;
}

/* active 된 dot의 tooltip만 빨간색 */
#fp-nav ul li > a.active + .fp-tooltip,
.fp-slidesNav ul li > a.active + .fp-tooltip{
    color: #fff !important;
}


#fp-nav ul li a span, .fp-slidesNav ul li a span{opacity: 0;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{width: 16px; height: 1px; background: #fff; border-radius: 0px; opacity: 1;}
#fp-nav ul, .fp-slidesNav ul{display: flex; flex-direction: column; gap: 40px 0;}

.m1{background: url("../img/m1-bg.png")no-repeat; background-size: cover;}
.m1 .width{text-align: center; color: #fff;}
.m1 h2{font-size: 5.6rem; font-weight: bold; line-height: 130%; margin-bottom: 48px;}
.m1 h3{font-size: 4.2rem; font-weight: bold; line-height: 130%; letter-spacing: -1.05px; margin-bottom: 20px;}
.m1 p{font-size: 2.0rem; font-weight: 200; line-height: 140%; letter-spacing: -0.5px;}
.m1 a{width: 160px; height: 56px; display: flex; align-items: center; justify-content: center; line-height: 150%; font-weight: 500; border: 1px solid #fff; border-radius: 40px; margin: 64px auto 0 auto; transition: 0.3s all;}
.m1 a:hover{background: #fff; color: #111;}

.mtxt h2{font-size: 5.6rem; font-weight: bold; line-height: 130%; margin-bottom: 20px;}
.mtxt p{font-size: 2.0rem; line-height: 140%; }

.m2_wrap{display: flex; height: 100%; position: relative;}
.m2_wrap .m2_area1{width: 50%; background: url("../img/m2-bg1.png")no-repeat; background-size: cover;}
.m2_wrap .m2_area2{width: 50%; background: url("../img/m2-bg2.png")no-repeat; background-size: cover;}
.m2_twrap{position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; height: 100%; display: flex; align-items: center; color: #fff;}
.m2 .mtxt p{margin-bottom: 60px;}
.m2 .a_wrap{display: flex; flex-direction: column; max-width: 557px;}
.m2 .a_wrap a{padding: 18px 24px 18px 16px; display: flex; align-items: center; gap: 0px 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.20); transition: 0.3s all;}
.m2 .a_wrap a .atwrap{display: flex; align-items: center; justify-content: space-between; width: 100%; }
.m2 .a_wrap a .atext h3{font-size: 1.2rem; color: #AEAEAE; line-height: 90%;}
.m2 .a_wrap a .atext h4{font-size: 2.2rem; color: #fff; line-height: 140%; font-weight: bold; letter-spacing: -0.55px;}
.m2 .a_wrap a .arrow{opacity: 0; transition: 0.3s all;}
.m2 .a_wrap a:last-child{border-bottom: 0px;}
.m2 .a_wrap a:hover .arrow{opacity: 1;}
.m2 .a_wrap a:hover{border-radius: 12px; background: rgba(0, 0, 0, 0.30); border-bottom: 1px solid rgba(255,255,255,0);}
.m2 .a_btn{max-width: 557px; margin-top: 24px;}
.m2 .a_btn a{width: 100%; height: 56px; border-radius: 50px; border: 1px solid #FFF; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 600; transition: 0.3s all;}
.m2 .a_btn a:hover{background: #fff; color: #111;}

.m3{background: url("../img/m3-bg.png")no-repeat; background-size: cover;}
.m3 .mtxt{text-align: center; margin-bottom: 60px; color: #fff;}
.m3 .box_wrap{display: flex; gap: 12px 6%;}
.m3 .box{position: relative; border-radius: 16px; background: rgba(0, 0, 0, 0.60); width: 33%; text-align: center; height: 466px; overflow: hidden;}
.m3 .box .bp1{padding: 107px 0 107px 0; height: 100%;}
.m3 .box .bp1 h3{font-size: 1.8rem; color: rgba(255,255,255,0.6); font-weight: bold; margin: 40px 0 8px 0;  }
.m3 .box .bp1 h2{font-size: 2.4rem; font-weight: bold; color: #fff; letter-spacing: -0.6px;}
.m3 .box .bp2{background: #fff; position: absolute; top: 22%; left: 0; height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; transition: 0.5s all; opacity: 0; border-radius: 16px;}
.m3 .box .bp2 h3{color: #999; margin-bottom: 8px; font-size: 1.8rem; font-weight: bold;}
.m3 .box .bp2 h2{font-size: 2.4rem; font-weight: bold; line-height: 140%; letter-spacing: -0.6px; margin-bottom: 20px;}
.m3 .box .bp2 p{color: #505050; font-size: 1.8rem; line-height: 140%; letter-spacing: -0.45px; margin-bottom: 40px;}
.m3 .box .bp2 a{width: 160px; height: 48px; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 600; border-radius: 100px;background: #111;}
.m3 .box:hover .bp2{opacity: 1; top: 0;}

.m4{background: #000;}
/*.fp-viewing-fourpage #header .head_menu .logo .off{display: none;}*/
/*.fp-viewing-fourpage #header .head_menu .logo .on{display:block;}*/
/*.fp-viewing-fourpage .mobile_btn .off{display: none;}*/
/*.fp-viewing-fourpage .mobile_btn .on{display: block;}*/
/*.fp-viewing-fourpage #fp-nav ul li .fp-tooltip, .fp-viewing-fourpage .fp-slidesNav ul li .fp-tooltip{color: #777 !important;}*/
/*.fp-viewing-fourpage #fp-nav ul li > a.active + .fp-tooltip, .fp-viewing-fourpage .fp-slidesNav ul li > a.active + .fp-tooltip{color: #111 !important;}*/
/*.fp-viewing-fourpage #fp-nav ul li a.active span, .fp-viewing-fourpage .fp-slidesNav ul li a.active span, .fp-viewing-fourpage #fp-nav ul li:hover a.active span, .fp-viewing-fourpage .fp-slidesNav ul li:hover a.active span{background: #111;}*/

.m4 .mtxt{color: #fff;}
.m4 .mtxt p{color: rgba(255, 255, 255, 0.86);}
.m4 .m_twrap{display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 40px; border-bottom: 1px solid #CCC;}
.m4 .m_twrap a{width: 160px; height: 56px; border-radius: 100px; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; font-weight: 600; transition: 0.3s all; color: #fff;}
.m4 .m_twrap a:hover{border: 1px solid #fff; background: #fff; color: #111;}
.m4 .box_wrap{display: flex; align-items: flex-end; gap: 20px 4%;}
.m4 .box_wrap .img{width: 48%;}
.m4 .box_wrap .img img{width: 100%;}
.m4 .latest{width: 48%;}

#ft{background: #000; padding: 0px; border-top: 1px solid rgba(255, 255, 255, 0.1); }
#ft .footer{display: flex; justify-content: space-between; padding: 40px 4% 20px 4%;}
#ft .footer .ft_wrap{display: flex; gap: 20px 4%; width: 70%;}
#ft .footer .ft_info_wrap .foot_info{display: flex; gap: 0px 25px;}
#ft .footer .ft_info_wrap .foot_info dl{display: flex;}
#ft .footer .ft_info_wrap .foot_info dl dt{font-size: 1.4rem; color: #999; letter-spacing: -0.56px; min-width: 46px; line-height: 150%; text-align: left;}
#ft .footer .ft_info_wrap .foot_info dl dd{font-size: 1.4rem; color: #fff; line-height: 150%; letter-spacing: -0.56px; text-align: left;}
.ft_menu{display: flex; gap: 30px 10%; width: 30%; justify-content: flex-end;}
.ft_menu ul li {font-size: 1.4rem; color: #999; line-height: 150%; margin-bottom: 16px; text-align: left;}
.ft_menu ul li b{font-size: 1.4rem; color: #fff; display: inline-block; margin-bottom: 20px; text-align: left;}

.fp-viewing-5 #fp-nav ul li a.active span, .fp-viewing-5 .fp-slidesNav ul li a.active span, .fp-viewing-5 #fp-nav ul li:hover a.active span, .fp-viewing-5 .fp-slidesNav ul li:hover a.active span{display: none;}

.copyright{padding: 20px 4% 60px 4%; border-top: 1px solid rgba(255, 255, 255, 0.20); }
.copyright span{font-size: 1.4rem; color: #fff; font-weight: 500; text-align: left; display: block;}

.fp-viewing-sub #header{background: #fff;}
.fp-viewing-sub #header .head_menu .logo .off{display: none;}
.fp-viewing-sub #header .head_menu .logo .on{display:block;}
.fp-viewing-sub .mobile_btn .off{display: none;}
.fp-viewing-sub .mobile_btn .on{display: block;}

.a_txt{display: flex; align-items: center; justify-content: center;}
.a_txt h2{font-size: 4.0rem; line-height: 130%; color: #fff; font-weight: 600; letter-spacing: -1px; position: relative; margin-left: 28px; padding-left: 28px;}
.a_txt h2:after{content: ''; width: 1px; height: 16px; background: rgba(255, 255, 255, 0.48); position: absolute; left: 0; top: 25%;}
.a1-1{background: url("../img/a1-bg1.png")no-repeat; background-size: cover;}
.a1-1 .line{background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.40) 50%, rgba(255, 255, 255, 0.00) 100%); width: 100%; height: 1px; display: block; margin-top: 28px;}
.a1-1 h3{font-size: 5.2rem; color: rgba(255,255,255,0.4); font-weight: bold; text-align: center; margin-top: 80px; margin-bottom: 40px;}
.a1-1 h3 b{font-weight: bold; color: #fff;}
.a1-1 .img{max-width: 876px; margin: 0 auto;}
.a1-1 .img img{width: 100%;}

.a1-2{background: url("../img/a1-bg2.png")no-repeat; background-size: cover;}
.a1-2 .line{background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.40) 50%, rgba(255, 255, 255, 0.00) 100%); width: 100%; height: 1px; display: block; margin-top: 28px;}
.a1-2 h3{font-size: 4.0rem; font-weight: bold; line-height: 130%; color: rgba(255,255,255,0.4); text-align: center; margin: 80px 0;}
.a1-2 h3 b{color: #fff; font-weight: bold;}
.a1-2 .box_wrap{display: flex; align-items: flex-start; gap: 15px 2%;}
.a1-2 .box{width: 20%; text-align: center; border-radius: 20px; background: rgba(255, 255, 255, 0.20); height: 250px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.a1-2 .box h4{font-size: 2.2rem; color: #fff; margin-top: 12px; line-height: 140%; letter-spacing: -0.55px; font-weight: bold;}
.a1-2 .box:nth-of-type(2n){margin-top: 60px;}

.a1-3{background: url("../img/a1-bg3.png")no-repeat; background-size: cover;}
.a1-3 .line{background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.40) 50%, rgba(255, 255, 255, 0.00) 100%); width: 100%; height: 1px; display: block; margin-top: 28px;}
.a1-3 .box_wrap{display: flex; margin-top: 160px;}
.a1-3 .box{position: relative; width: 34%; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; border-radius: 50%; overflow: hidden; background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.14) 100%);}
.a1-3 .box:before{display: none;}
.a1-3 .box2{position: relative; margin-left: -10px;}
.a1-3 .box3{position: relative; margin-left: -10px;}
.a1-3 .box1{color: #fff;}
.a1-3 .box3{color: #fff;}
.a1-3 .box3 .btxt img{filter: brightness(0) invert(1);}
.a1-3 .btxt{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; position: relative; z-index: 9;}
.a1-3 .box h6{font-size: 1.2rem; line-height: 130%;}
.a1-3 .box h5{font-size: 2.8rem; font-weight: 600; line-height: 130%; margin-bottom: 24px;}
.a1-3 .box h3{margin-top: 28px; font-size: 2.6rem; font-weight: bold; margin-bottom: 12px; line-height: 140%;}
.a1-3 .box p{font-size: 2.0rem; line-height: 140%; letter-spacing: -0.5px; opacity: 0.8;}
.a1-3 .box .bp2{background: #fff; position: absolute; top: 22%; left: 0; height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; transition: 0.5s all; opacity: 0; z-index: 10; padding: 0 12%;}
.a1-3 .box .bp2 h3{font-size: 2.2rem; font-weight: bold; margin-bottom: 12px; color: #111; line-height: 140%; margin-top: 0;}
.a1-3 .box .bp2 p{font-size: 1.6rem; line-height: 150%; color: #505050; letter-spacing: -0.5px; opacity: 1;}
.a1-3 .box:hover .bp2{opacity: 1; top: 0;}

.a2-1{background: url("../img/a2-bg1.png")no-repeat; background-size: cover; color: #fff;}
.a2-1 h2{font-size: 2.0rem; font-weight: 600; line-height: 130%; margin-bottom: 20px;}
.a2-1 h3{font-size: 5.2rem; font-weight: bold; line-height: 130%; margin-bottom: 60px;}
.a2-1 p{font-size: 2.0rem; font-weight: 500; line-height: 140%; color: rgba(255, 255, 255, 0.70);}

.a2-2{background: url("../img/a2-bg2.png")no-repeat; background-size: cover; }
.a2-2 .a2_txt{text-align: center; color: #fff; margin-bottom: 60px;}
.a2-2 .a2_txt h2{font-size: 5.6rem; font-weight: bold; margin-bottom: 10px;}
.a2-2 .a2_txt p{font-size: 2.0rem; font-weight: 400; line-height: 150%;}
.a2-2 .box_wrap{display: flex; gap: 12px 0;}
.a2-2 .box{position: relative; border-radius: 16px; background: none; width: 33.3%; text-align: center; height: 460px; overflow: hidden;}
.a2-2 .box .bp1{padding: 107px 0 107px 0; height: 100%;}
.a2-2 .box .bp1 h3{font-size: 1.8rem; color: rgba(255,255,255,0.6); font-weight: bold; margin: 40px 0 8px 0;  }
.a2-2 .box .bp1 h2{font-size: 2.8rem; font-weight: bold; color: #fff; letter-spacing: -0.6px;}
.a2-2 .box .bp2{background: #fff; position: absolute; top: 22%; left: 0; height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; transition: 0.5s all; opacity: 0; border-radius: 16px;}
.a2-2 .box .bp2 h3{color: #999; margin-bottom: 8px; font-size: 1.8rem; font-weight: bold;}
.a2-2 .box .bp2 h2{font-size: 2.8rem; font-weight: bold; line-height: 140%; letter-spacing: -0.6px; margin-bottom: 20px;}
.a2-2 .box .bp2 p{color: #505050; font-size: 1.8rem; line-height: 140%; letter-spacing: -0.45px; margin-bottom: 40px;}
.a2-2 .box .bp2 a{width: 160px; height: 48px; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 600; border-radius: 100px;background: #111;}
.a2-2 .box:hover .bp2{opacity: 1; top: 0;}

.a3_txt h2{font-size: 4.6rem; font-weight: bold; line-height: 130%;}
.a3-1{background: url("../img/a3-bg1.png")no-repeat; background-size: cover; }
.a3-1 .a3_txt{display: flex; justify-content: space-between;}
.a3-1 .a3_txt p{color: #505050; font-size: 2.3rem; line-height: 140%; letter-spacing: -0.5px;}
.a3-1 .a3_txt .text{display: flex; flex-direction: column; align-items: flex-start; gap: 16px 0;}
.a3-1 .map_wrap{max-width:1680px;margin:100px auto 0;position:relative;aspect-ratio:1680/764; width: 92%;}
.a3-1 .map_wrap .img img{width:100%;height:auto;display:block;}
.a3-1 .map_wrap .map_con{position:absolute;inset:0;}
.a3-1 .map_pin{position:absolute;transform:translate(-50%,-100%);text-align:center;width:fit-content;max-width:320px;}
.a3-1 .map_pin h2{font-size:clamp(14px,1.3vw,22px);font-weight:700;line-height:140%;margin-bottom:4px; position: relative; z-index: 9;}
.a3-1 .map_pin p{font-size:clamp(12px,1.1vw,20px);color:#505050;line-height:140%;margin-bottom:12px; position: relative; z-index: 9;}
.a3-1 .map_pin .wave{width:8px;height:8px;position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);display:inline-block;background:rgba(0,0,0,0.5);border-radius:50%;z-index:2;}
.a3-1 .map_pin .wave.wave_on{background:#000;}
.a3-1 .map_pin .wave.wave_on::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:2px;height:2px;border-radius:50%;border:2px solid rgba(0,0,0,.26);animation:a31_wave 1.8s ease-out infinite;}
.a3-1 .map_pin .wave.wave_on::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:2px;height:2px;border-radius:50%;border:2px solid rgba(0,0,0,.2);animation:a31_wave 1.8s ease-out infinite;animation-delay:.6s;}
.a3-1 .map_pin .wave.wave_on span{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:2px;height:2px;border-radius:50%;border:2px solid rgba(0,0,0,.1);animation:a31_wave 1.8s ease-out infinite;animation-delay:1.2s;}
@keyframes a31_wave{0%{transform:translate(-50%,-50%) scale(1);opacity:1;}100%{transform:translate(-50%,-50%) scale(6);opacity:0;}}

.a3-1 .pin1{left:9%;top:33%;}
.a3-1 .pin2{left:17%;top:52%;}
.a3-1 .pin3{left:11%;top:77%;}
.a3-1 .pin4{left:37%;top:44%;}
.a3-1 .pin5{left:76%;top:38%;}
.a3-1 .pin6{left:88%;top:67%;}

.a3-1 .tabnav{display: flex; gap: 5px 0; justify-content: space-between; flex-wrap: wrap}
.a3-1 .tabnav li{width: 14.285%;}
.a3-1 .tabnav li a{display: flex; align-items: center; justify-content: center; width: 100%; padding: 15px 0; font-size: 2.0rem; color: #999;}
.a3-1 .tabnav li a.active{border-radius: 100px; background: #000; color: #fff;}
.a3-1 .tabmap{max-width: 1680px; width: 96%; margin: 100px auto 40px auto;}
.a3-1 .tabmap img{width: 100%;}


.a3-2{background: #000;}
.a3-2 .a3_txt{margin-bottom: 48px; color: #fff;}
.a3-2 .a3_txt h3{margin-top: 60px; font-size: 2.8rem; font-weight: bold;}
.a3-2 .box_wrap{display: flex;}
.a3-2 .box_wrap .box{text-align: center; width: 25%; padding: 20px 5px; position: relative;}
.a3-2 .box_wrap .box:after{content: ''; width: 1px; height: 120px; background: rgba(255,255,255,0.4); right: 0; top: 30%; position: absolute;}
.a3-2 .box_wrap .box:last-child:after{background: #fff; display: none}
.a3-2 .box_wrap .box img{margin-right: -10px;}
.a3-2 .box_wrap .box p{color: #fff; line-height: 140%; font-size: 2.0rem; font-weight: bold; margin-top: 20px;}
.a3-2 .line{width: 100%; height: 1px; background:  rgba(255, 255, 255, 0.60);; display: block; position: relative; margin-top: 48px; margin-bottom: 78px; text-align: center;}
.a3-2 .line img{margin-top: -38px;}
.a3-2 .box_wrap2{border-radius: 20px; background: #F7F7F7; padding: 70px 5px; position: relative;}
.a3-2 .box_wrap2 h2{text-align: center; font-size: 2.8rem; font-weight: bold; line-height: 140%;}
.a3-2 .box_wrap2 .point1{position: absolute; left: 3%; top: 38%;}
.a3-2 .box_wrap2 .point2{position: absolute; right: 3%; top: 38%;}

.a3-3{background: #000; }
.a3-3 .a3_txt{margin-bottom: 60px; color: #fff;}
.a3-3 .a3_txt b{font-weight: bold; color:rgba(255, 255, 255, 0.6);}
.a3-3 .box_wrap{display: flex; flex-wrap: wrap; ;}
.a3-3 .box{position: relative; background: none; width:16.666%; text-align: center; height: 230px; overflow: hidden; }
.a3-3 .box .bp1{height: 100%; background: #333; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.a3-3 .box .bp1 h2{margin-top: 16px; color: #fff;}
.a3-3 .box h2{font-size: 2.0rem; font-weight: bold; letter-spacing: -0.6px; line-height: 150%;}
.a3-3 .box .bp2{background: #fff; position: absolute; top: 22%; left: 0; height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; transition: 0.5s all; opacity: 0; }
.a3-3 .box .bp2 h2{margin-bottom: 20px; margin-top: 40px;}
.a3-3 .box .bp2 a{}
.a3-3 .box:hover .bp2{opacity: 1; top: 0;}

.a4{background: #000; padding-bottom: 0px;}
.a4 .a3_txt {margin-bottom: 60px; color: #fff;}
.a4 .a4_top{padding: 20px 40px 20px 0 ; border-top: 1px solid rgba(255, 255, 255, 0.40);; border-bottom: 1px solid rgba(255, 255, 255, 0.40);; display: flex; align-items: center; justify-content: space-between; margin-bottom: 48px;}
.a4 .a4_top img{width: 50%;}
.a4 .a4_top .atop_text{width: 50%;}
.a4 .a4_top .atop_text dl{display: flex; align-items: center; padding: 20px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.40);;}
.a4 .a4_top .atop_text dl:last-child{border-bottom: 0px;}
.a4 .a4_top .atop_text dt{min-width: 110px; font-size: 2.0rem; font-weight: bold; color: #fff;}
.a4 .a4_top .atop_text dd{font-size: 2.0rem; color: rgba(255, 255, 255, 0.86);; }

.root_daum_roughmap_landing{width: 100% !important; border-radius: 20px; overflow: hidden;}
.root_daum_roughmap .cont .section{display: none;}

.a42{background: #000; padding-bottom: 160px;}
.a42 .box_wrap{ padding: 40px 0 40px 40px;border-bottom: 1px solid rgba(255, 255, 255, 0.20); display: flex; align-items: center; gap: 0px 5%;}
.a42 .box_wrap.box2{align-items: flex-start;}
.a42 .box_wrap .text{color: #fff;}
.a42 .box_wrap .text h3{font-size: 2.6rem; font-weight: bold; margin-bottom: 12px;}
.a42 .box_wrap .text h3 a{background: var(--color); padding: 5px 12px; font-size: 1.5rem; color: #fff; font-weight: bold; border-radius: 4px;}
.a42 .box_wrap .text p{color: rgba(255, 255, 255, 0.86); font-size: 2.0rem; line-height: 140%;}
.a42 .box2 .text p{display: flex; align-items: center; gap: 0px 12px; margin-top: 12px;}
.a42 .box2 .text span{padding: 6px 16px 4px 16px; font-weight: bold; border-radius: 40px; font-size: 1.6rem;}
.a42 .box2 .text span.c1{background: #8D51E0}
.a42 .box2 .text span.c2{background: #BF9F1E}
.a42 .box2 .text span.c3{background: #24AAE3}
.a42 .box2 .text span.c4{background: #333333}
.a42 .box2 .text span.c5{background: #1877A9}
.a42 .box2 .text span.c6{background: #DB1616}
.a42 .box2 .text span.c7{background: #2B91C7}

/* sub_visual */
.sub_visual{width: 100%;height: 700px;background-repeat: no-repeat !important;background-size: cover !important;background-position: center top !important; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative;}
.sub_visual .sub_top_text{text-align: center; color: #fff; padding-top: 100px;}
.sub_visual .sub_top_text h4{font-size: 2.4rem; font-weight: 500; line-height: 140%; letter-spacing: -0.6px; margin-bottom: 20px;}
.sub_visual .sub_top_text h3{font-size: 5.2rem; font-weight: bold; line-height: 130%; letter-spacing: -1.3px;}

/* lnb */
.lnb .lnb_map{display:flex;align-items:center;justify-content:center;border-radius:100px;background:rgba(0,0,0,.40);width:max-content;position:absolute;left:0;right:0;bottom:10%;margin:0 auto;padding:12px 40px 4px 40px;}
.lnb .lnb_map .home{height:100%;display:flex;justify-content:center;align-items:center;}
.lnb .lnb_map .home a{color:#333;}
.lnb .lnb_map .home i{font-size:20px;}
.lnb .lnb_map>li{padding:0 12px;position:relative;}
.lnb .lnb_map li.dep{margin-bottom:8px;}
.lnb .lnb_map li.dep svg{margin-left:8px;}
.lnb .lnb_map li.dep a{width:100%;height:100%;display:flex;align-items:center;font-size:14px;}
.lnb .lnb_map li.dep a span{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:1.6rem;color:rgba(255,255,255,.7);}
.lnb .lnb_map li.dep2 a span{color:#fff;}
.lnb .lnb_map li.dep ul{;position:absolute;left:0;top:36px;width:100%;z-index:10;}
.lnb .lnb_map li.dep ul li{width:100%;background:rgba(0,0,0,.4);}
.lnb .lnb_map li.dep ul li a{padding:15px 15px;font-size:1.2rem; color: rgba(255,255,255,0.7); letter-spacing: -0.08em;}
/*.lnb .lnb_map li.dep ul li a:hover{background:#2DAAE1;color:#fff;transition:.3s all;}*/
.lnb .lnb_map li.dep ul li a.on{background:#f1f1f1;}

.b1-1{background: #000;}
.b1-1 ul{display: flex; align-items: center; margin-bottom: 120px;}
.b1-1 ul li{width: 50%; }
.b1-1 ul li a{text-align: center; width: 100%; display: flex; align-items: center; justify-content: center; padding: 15px 0; font-size: 2.0rem; font-weight: bold; color: #999;}
.b1-1 ul li.active{background: #fff; border-radius: 50px; }
.b1-1 ul li.active a{color: #111;}
.b1-1 h2{color: #fff; font-size: 4.8rem; font-weight: bold; line-height: 130%;}
.b1-1 .text{width: 50%; margin:60px 0 0  auto; color: #fff; }
.b1-1 .text h3{font-size: 3.6rem; font-weight: bold; line-height: 140%; letter-spacing: -0.9px; margin-bottom: 28px;}
.b1-1 .text p{margin-top: 16px; color: rgba(255, 255, 255, 0.86); font-size: 2.0rem; line-height: 150%;}
.b1-1 .width{background-image: url("../img/b1-tbg.png"); background-repeat: no-repeat; background-position: -5% 100%;}

.b1-2{background: url("../img/b1-bg.png")no-repeat; background-size: cover; background-position: center;}
.b1-2 .tab{max-width: 1680px; margin: 0 auto; width: 92%;}
.b1-2 .tabnav{display: flex; gap: 10px 0; justify-content: center; margin-bottom: 60px;}
.b1-2 .tabnav li a{padding: 15px 28px; color: rgba(255, 255, 255, 0.90); font-size: 2.0rem; font-weight: bold; display: inline-block;}
.b1-2 .tabnav li a.active{border-radius: 100px; background: rgba(255, 255, 255, 0.16);}
.b1-2 .tab_box{display: flex; justify-content: center; gap: 10px 2%;}
.b1-2 .tab_box .box{width: 24%; position: relative; border-radius: 20px; overflow: hidden; transition: 0.3s all;}
.b1-2 .tab_box .box .img img{width: 100%;}
.b1-2 .tab_box .box .bp1{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 80px 40px 0 40px; transition: 0.3s all;}
.b1-2 .tab_box .box .bp1 h6{color: #999; font-weight: bold; margin-bottom: 20px; transition: 0.3s all;}
.b1-2 .tab_box .box .bp1 h2{font-size: 3.2rem; font-weight: bold; line-height: 130%; letter-spacing: -0.8px; transition: 0.3s all;}
.b1-2 .tab_box .box .bp1 .text{ color: #fff; opacity: 0; transition: 0.3s all;}
.b1-2 .tab_box .box h3{font-size: 1.9rem; font-weight: bold; line-height: 140%; margin-bottom: 12px;}
.b1-2 .tab_box .box h4{font-size: 2.5rem; font-weight: bold; line-height: 140%; letter-spacing: -0.65px; margin-bottom: 20px;}
.b1-2 .tab_box .box .bp1 .text p{color: rgba(255, 255, 255, 0.86); font-size: 1.7rem; font-weight: 500; line-height: 140%;}
.b1-2 .tab_box .box:hover .bp1{background: linear-gradient(0deg, rgba(0, 0, 0, 0.86) 0%, rgba(0, 0, 0, 0.86) 100%);}
.b1-2 .tab_box .box:hover .bp1 h6{color: #fff;}
.b1-2 .tab_box .box:hover .bp1 h3{color: #fff;}
.b1-2 .tab_box .box:hover .bp1 h4{color: #fff;}
.b1-2 .tab_box .box:hover .text{opacity: 1;}

.b1-3{padding-top: 160px;}
.b1-3 ul{display: flex; align-items: center; margin-bottom: 120px;}
.b1-3 ul li{width: 50%; }
.b1-3 ul li a{text-align: center; width: 100%; display: flex; align-items: center; justify-content: center; padding: 15px 0; font-size: 2.0rem; font-weight: bold; color: #999;}
.b1-3 ul li.active{background: #000; border-radius: 50px; }
.b1-3 ul li.active a{color: #fff;}
.b1-3 .text{height: 1280px; width: 90%; margin: 0 auto; background: url("../img/b1-bg3.png")no-repeat; background-size: cover; display: flex; align-items: center;
    transition: width .35s ease;}
.b1-3 .text .hi_text{width: 50%; margin: 0 0 0 auto; opacity: 0; transition: opacity 500ms ease 250ms;}
.b1-3.is-active .text{
    width: 100%;
}

.b1-3.is-active .hi_text{
    opacity: 1;
}

.b1-3 .text h2{font-size: 3.6rem; font-weight: bold; line-height: 140%; margin-bottom: 28px; color: #fff;}
.b1-3 .text p{margin-top: 16px; color: rgba(255, 255, 255, 0.80); line-height: 140%; font-size: 2.0rem ;}
.b1-3 h6{font-size: 4.8rem; font-weight: bold; line-height: 130%; margin-bottom: 60px;}

.b1-4 .box_wrap{ display: flex; height: 120vh; position: relative;}
.b1-4 .box_wrap .sbox{width: 50%; height: 100%;}
.b1-4 .box_wrap .s1{background: url("../img/b14-bg1.png")no-repeat; background-size: cover;}
.b1-4 .box_wrap .s2{background: url("../img/b14-bg2.png")no-repeat; background-size: cover;}
.b1-4 .box_wrap .s3{background: url("../img/b14-bg3.png")no-repeat; background-size: cover;}
.b1-4 .box_wrap .img{width: 50%; height: 100%;}
.b1-4 .box_wrap .img img{width: 100%; height: 100%; object-fit: cover;}
.b1-4 .box_wrap .width{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; color: #fff;}
.b1-4 .box_wrap h2{font-size: 4.8rem; font-weight: bold; line-height: 130%; margin-bottom: 8px;}
.b1-4 .box_wrap h3{font-size: 3.2rem; font-weight: bold; line-height: 130%; letter-spacing: -0.8px; margin-bottom: 28px;}
.b1-4 .box_wrap p{color: rgba(255, 255, 255, 0.86); font-size: 2.0rem; line-height: 140%; margin-top: 16px;}
.b1-4 .box_wrap .text{margin-top: 70px;}
.b1-4 .box_wrap .text h4{font-size: 2.4rem; font-weight: bold; padding: 10px 24px; border-radius: 100px; background: rgba(255, 255, 255, 0.16); display: inline-block; margin-bottom: 24px;}
.b1-4 .box_wrap .text ul li{display: flex; align-items: center; gap: 0 6px; font-size: 2.0rem; color: #fff; line-height: 140%; letter-spacing: -0.5px; margin-top: 20px;}

.b2{background: url("../img/b2-bg1.png")no-repeat; background-size: cover;}

.stxt{color: #fff;}
.stxt h2{font-size: 4.8rem; font-weight: bold; line-height: 130%;}
.stxt p{font-size: 2.0rem; color: rgba(255, 255, 255, 0.86); line-height: 140%; margin-top: 28px;}
.b2 .stxt{text-align: center;}
.b2 .box_wrap{max-width: 940px; gap: 24px 3%; display: flex; flex-wrap: wrap; margin: 60px auto 0 auto;}
.b2 .box_wrap a{text-align: center; aspect-ratio: 1 / 1; overflow: hidden; width: 31%; color: #fff; border-radius: 50%; background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.14) 100%); display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 16px 0; transition: 0.3s all;}
.b2 .box_wrap a h2{font-size: 2.0rem; font-weight: bold; line-height: 140%;}
.b2 .box_wrap a:hover{background: #fff; color: #111;}
.b2 .box_wrap a:hover img{filter: brightness(0.1) saturate(0);}

.b21{background: #000;}
.b_nav{display: flex; margin-bottom: 40px;}
.b_nav li{flex: 1 0 0;}
.b_nav li a{width: 100%; display: flex; align-items: center; justify-content: center; color: #999; font-size: 2.0rem; font-weight: bold; padding: 15px 0;}
.b_nav li.active{border-radius: 100px; background: rgba(255, 255, 255, 0.16);}
.b_nav li.active a{color: #fff;}

.b21_top{display: flex; align-items: center; justify-content: space-around; color: #fff; margin-bottom: 90px;}
.b21_top h2{font-size: 4.0rem; font-weight: bold;}
.b21_top p{color: rgba(255, 255, 255, 0.86); font-size: 2.0rem; line-height: 140%; letter-spacing: -0.5px;}
.b21 .box_wrap{display: flex; margin-top: -53px;}
.b21 .box{width: 25%;   background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.08) 100%); text-align: center; color: #fff; border-right: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 150px;}
.b21 .box:last-child{border-right: 0px;}
.b21 .box h6{position: relative; font-size: 1.8rem; font-weight: bold; padding-bottom: 12px; margin-bottom: 70px;}
.b21 .box h6:after{content: ''; width: 10px; height: 10px; background: #fff; border-radius: 50%; position: absolute; bottom: -10px; left: 0; right: 0; margin: 0 auto;}
.b21 .box h2{font-size: 2.8rem; font-weight: bold; margin: 40px 0 12px 0;}
.b21 .box p{color: rgba(255, 255, 255, 0.86); font-size: 1.5rem; font-weight: 500; line-height: 140%; padding: 0 10px;}
.b21 .box p br{display: none;}

.b21-2{background: #000;}
.b21-2 h2{font-size: 3.6rem; font-weight: bold; line-height: 130%; letter-spacing: -1px; margin-bottom: 25px; display: flex; align-items: center; justify-content: center; color: #fff;}
.b21-2 .box_wrap{background: url("../img/b21-bg1.png")no-repeat; background-size: cover; background-position: center top; padding: 70px 40px 70px 40px; }
.b2_wrap{display: flex; justify-content: space-between;}
.b2_wrap .b2_left{display: flex; flex-direction: column; gap: 25px 0;}
.b2_wrap .b2_right{display: flex; flex-direction: column; gap: 25px 0;}
.b2_wrap .b2_box{border-radius: 12px; background: rgba(255, 255, 255, 0.14); backdrop-filter: blur(8px); padding: 20px; display: flex; align-items: center; gap: 0px 6%; width: 370px; position: relative; overflow: hidden;}
.b2_wrap .b2_box > img{background: #fff; border-radius: 12px; overflow: hidden; max-width: 75px;}
.b2_wrap .b2_box .text h3{font-size: 2.0rem; font-weight: bold; letter-spacing: -0.6px; margin-bottom: 6px; color: #fff;}
.b2_wrap .b2_box .text p{font-size: 1.4rem; color: rgba(255, 255, 255, 0.70); }
.b2_h6{width: 100%; margin-top: 34px; font-size: 2.0rem; color: #fff; letter-spacing: -0.5px; line-height: 140%; text-align: center}
.b2_wrap .b2_box .text2{background: #fff; position: absolute; top: 0; right: 0; height: 100%; width: 255px; display: flex; flex-direction: column; gap: 4px 0; justify-content: center; opacity: 0;}
.b2_wrap .b2_box .text2 dl{display: flex; gap: 0px 6px; align-items: center;}
.b2_wrap .b2_box .text2 dd{color: #505050; font-size: 1.3rem; letter-spacing: -0.45px;}
.b2_wrap .b2_box:hover{background: #fff;}
.b2_wrap .b2_box:hover img{background: #f7f7f7;}
.b2_wrap .b2_box:hover .text2{opacity: 1;}

.b21-3{background: #000;}
.b21-3 .box_wrap{background: url("../img/b21-bg2.png")no-repeat; background-size: cover; background-position: center top; padding: 40px 40px 40px 40px; }
.b21-3 .box_wrap dl{margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid rgba(255, 255, 255, 0.40); width: 340px;}
.b21-3 .box_wrap dt{ font-size: 2.8rem; font-weight: bold; margin-bottom: 8px; color: #fff;}
.b21-3 .box_wrap dd{color: rgba(255, 255, 255, 0.86); font-size: 1.8rem; line-height: 140%; letter-spacing: -0.5px;}

.c1 .box{width: 33.333%;   background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.08) 100%); text-align: left; color: #fff; border-right: 1px solid rgba(255, 255, 255, 0.1); padding: 40px 40px 160px 40px;}
.c1 .box h4{color: rgba(255, 255, 255, 0.72); font-size: 1.8rem; margin-top: 48px;}
.c1 .box h2{margin-top: 0px; font-size: 3.2rem; margin-bottom: 20px;}
.c1 .box dl{display: flex; gap: 0px 6px; margin-top: 16px;}
.c1 .box dl dd{color: rgba(255, 255, 255, 0.86); font-size: 2.0rem; line-height: 140%;}

.c1-2 .b2_box{overflow: initial;}
.c1-2 .box_wrap{background: url("../img/c1-bg1.png")no-repeat; background-size: cover; background-position: center;}
.c1-2 h2 span{background: rgba(255, 255, 255, 0.76); display: inline-block; width: 1px; height: 28px; margin: 0px 24px;}
.c1-2 .b2_wrap .b2_left{gap: 160px 0;}
.c1-2 .b2_wrap .b2_right{gap: 160px 0;}
.c1-2 .line1:after{content: ''; width: 218px; height: 65px; background: url("../img/c1-line1.png")no-repeat; background-size: contain; position: absolute; bottom: -61px; left: 47%;}
.c1-2 .line2:after{content: ''; width: 218px; height: 65px; background: url("../img/c1-line2.png")no-repeat; background-size: contain; position: absolute; top: -61px; left: 47%;}
.c1-2 .line3:after{content: ''; width: 218px; height: 65px; background: url("../img/c1-line3.png")no-repeat; background-size: contain; position: absolute; bottom: -61px; right: 47%;}
.c1-2 .line4:after{content: ''; width: 218px; height: 65px; background: url("../img/c1-line4.png")no-repeat; background-size: contain; position: absolute; top: -61px; right: 47%;}
.c1-2 .b2_box .text2{border-radius: 0 12px 12px 0;}

.d1 .b21_top{margin-bottom: 40px;}
.d1 .box_wrap{margin-top: 0px;}
.d1 .box{width: 33.333%; padding-bottom: 60px;}
.d1 .box img{margin-bottom: 25px; width: 180px;}
.d1 .box dl{margin-top: 24px; text-align: left; padding-left: 10%;}
.d1 .box dl dt{font-size: 2.4rem; font-weight: bold; margin-bottom: 6px; line-height: 140%;}
.d1 .box dl dd{color: rgba(255, 255, 255, 0.86); font-size: 2.0rem; line-height: 140%;}

.e1 .e1_wrap{background: url("../img/e1-bg1.png")no-repeat; background-size: cover; background-position: center; padding: 30px; display: flex; gap: 0px 5%; align-items: center;}
.e1 .e1_wrap .e1_text{width: 50%; }
.e1 .e1_wrap .e1_text dl{border-bottom: 1px solid rgba(255, 255, 255, 0.40); padding-bottom: 40px; margin-bottom: 40px;}
.e1 .e1_wrap .e1_text dl:last-child{margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px;}
.e1 .e1_wrap .e1_text dl dt{font-size: 2.8rem; font-weight: bold; margin-bottom: 12px; color: #fff;}
.e1 .e1_wrap .e1_text dl dd{display: flex; align-items: flex-start; gap: 0px 8px; color: rgba(255, 255, 255, 0.86); font-size: 2.0rem; line-height: 140%; letter-spacing: -0.5px;}
.e1_point img{width: 50px;}
.e1 .b21_top{margin-bottom: 30px;}

.e2{background: #000;}
.e2 .box_wrap{background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.08) 100%); display: flex; align-items: center; }
.e2 .box_wrap .point{width: 30%; text-align: center;}
.e2 .box_wrap .point img{width: 150px;}
.e2 .text_wrap{width: 70%;}
.e2 .text{padding: 30px 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.40); display: flex; align-items: center; gap: 10px 6%;}
.e2 .text:last-child{border-bottom: 0px;}
.e2 .text .img{display: flex; align-items: center; gap: 0px 40px; width: 280px;}
.e2 .text .img h6{color: rgba(255, 255, 255, 0.72); font-size: 1.8rem; line-height: 140%; margin-bottom: 2px;}
.e2 .text .img h2{font-size: 3.0rem; font-weight: bold; color: #fff;}
.e2 .text .p_wrap{display: flex; flex-direction: column; gap: 12px 0;}
.e2 .text .p_wrap p{color: rgba(255, 255, 255, 0.86); font-size: 1.8rem; display: flex; gap: 0px 7px; align-items: flex-start;}

.f1 .b21_top{margin-bottom: 30px;}
.f1 .box_wrap{margin-top: 0px;}
.f1 .box{width: 33.3333%; padding-bottom: 60px;}
.f1 .box > img{width: 180px;}
.f1 .box .text{padding-left: 10%; text-align: left;}
.f1 .box .text h2{font-size: 3.6rem; position: relative; padding-bottom: 24px; margin-bottom: 24px;}
.f1 .box .text h2:after{content: ''; width: 28px; height: 1px; background: rgba(255, 255, 255, 0.60); position: absolute; left: 0; bottom: 0;}
.f1 .box .text p{margin-top: 16px; display: flex; align-items: flex-start; gap: 0 8px;}

.f2{background: #000;}
.f2 .box_wrap{margin-top: 80px; display: flex; gap: 15px 2%;}
.f2 .box{width: 33%; border-radius: 20px; background: #333; padding: 30px 30px 50px 30px; color: #fff;}
.f2 .box > img{margin-bottom: 40px;}
.f2 .box h2{font-size: 3.0rem; font-weight: bold; line-height: 140%; letter-spacing: -0.9px;}
.f2 .box p{margin-top: 16px; color: rgba(255, 255, 255, 0.86); font-size: 2.0rem; font-weight: 500; line-height: 140%; letter-spacing: -0.5px; display: flex; align-items: flex-start; gap: 0px 4px;}
.f2 h6{font-size: 2.0rem; color: #fff; line-height: 140%; margin-top: 52px; text-align: center;}

.g1 .box_wrap{display: flex; align-items: center; gap: 20px 5%;}
.g1 .box_wrap .img{width: 45%;}
.g1 .box_wrap .img img{width: 100%;}
.g1 .box_wrap .text{width: 50%; padding: 16px 28px 40px 28px; border-radius: 20px; background: #333;}
.g1 .box_wrap .text p{color: rgba(255, 255, 255, 0.86); font-size: 2.0rem; line-height: 140%; margin-top: 24px; display: flex; align-items: flex-start; gap: 0px 5px;}

.g2{background: #000;}
.g2 .al_box{ background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.08) 100%);}
.g2 .box_wrap{display: flex; align-items: center; gap: 10px 4%; margin-bottom: 30px; padding: 20px 30px 0 30px; justify-content: space-between;}
.g2 .box_wrap .text_wrap{display: flex; justify-content: space-between; width: 60%; align-items: center;}
.g2 .box_wrap .text_wrap dl{display: flex; align-items: center;}
.g2 .box_wrap .text_wrap dt{font-size: 2.0rem; font-weight: bold; min-width: 185px; color: #fff; display: flex; align-items: flex-start; gap: 0px 5px; max-width: 185px;;}
.g2 .box_wrap .text_wrap dd{font-size:1.7rem; color: #fff;}
.g2 .box_wrap .text{display: flex; flex-direction: column; gap: 30px 0;}
.g2 h6{padding-bottom: 40px; text-align: center; color: #fff; font-size: 2.0rem; line-height: 140%; letter-spacing: -0.5px;}
.g2 h5{font-size: 4.0rem; font-weight: bold; color: #fff; line-height: 130%; text-align: center; margin-bottom: 40px;}

.h1{background: #000;}
.h1 .box_wrap{display: flex; flex-direction: column; gap: 80px 0;}
.h1 .box{display: flex; align-items: center; gap: 20px 4%;}
.h1 .box:nth-of-type(2){flex-direction: row-reverse;}
.h1 .box .img{width: 48%;}
.h1 .box .img img{width: 100%;}
.h1 .box .text{width: 48%; color: #fff;}
.h1 .box .text h6{color: rgba(255, 255, 255, 0.70); font-size: 1.8rem; font-weight: bold; line-height: 130%; margin-bottom: 12px;}
.h1 .box .text h2{font-size: 4.0rem; font-weight: bold; line-height: 130%; letter-spacing: -1px; margin-bottom: 20px;}
.h1 .box .text p{color: rgba(255, 255, 255, 0.86); font-size: 2.0rem; line-height: 150%; letter-spacing: -0.5px; margin-bottom: 25px;}
.h1 .box .text a{width: 160px; height: 56px; border-radius: 50px; display: flex; align-items: center; justify-content: center; transition: 0.3s all; background: #222;}
.h1 .box .text a:hover{background: #fff; color: #111;}

.hbg1{background: url("../img/h1-bg1.png")no-repeat; background-size: cover; background-position: center;}
.hbg2{background: url("../img/h1-bg3.png")no-repeat; background-size: cover; background-position: center;}
.hbg3{background: url("../img/h1-bg4.png")no-repeat; background-size: cover; background-position: center;}

.h2 h2{font-size: 4.8rem; color: #fff; font-weight: bold; line-height: 130%; letter-spacing: -1.2px; margin-bottom: 60px;}
.h2 .box_wrap{display: flex; flex-direction: column; gap: 20px 0;}
.h2 .box{border-radius: 20px; background: #333; padding: 40px 0 40px 80px; display: flex; align-items: center; gap: 15px 5%;}
.h2 .box .num{width: 72px; min-width: 72px; height: 72px; display: flex; align-items: center; justify-content: center; font-size: 2.8rem; font-weight: bold; border-radius: 50%; background: #fff;}
.h2 .box .text h3{font-size: 2.8rem; font-weight: bold; line-height: 130%; margin-bottom: 12px; color: #fff;}
.h2 .box .text p{color: rgba(255, 255, 255, 0.86); font-size: 2.0rem; line-height: 140%; letter-spacing: -0.5px;}

.h3{background: url("../img/h1-bg2.png")no-repeat; background-size: cover; background-position: center;}
.h3 .stxt{margin-bottom: 100px;}
.h3 .box_wrap{position: relative; display: flex; gap: 20px 3%;}
.h3 .box_wrap:after{content: ''; width: 400%; height: 1px; background: rgba(255, 255, 255, 0.40); position: absolute; top: 0; left: -100%;}
.h3 .box{width: 32%; position: relative; padding-top: 80px;}
.h3 .box img{margin-bottom: 28px;}
.h3 .box h3{font-size: 2.8rem; font-weight: bold; line-height: 140%; letter-spacing: -0.7px; margin-bottom: 20px; color: #fff;}
.h3 .box h4{color: rgba(255, 255, 255, 0.86); font-size: 1.8rem; line-height: 140%; letter-spacing: -0.45px;}
.h3 .box:after{content: ''; width: 12px; height: 12px; background: #fff; border-radius: 50%; top: -6px; left: 0; position: absolute;}

.i1{background: #000000;}
.i1 .box_wrap{display: flex; gap: 20px 5%; margin-bottom: 80px;}
.i1 .box_wrap .stxt{width: 45%; background: url("../img/i1-bg1.png")no-repeat; background-size: cover; background-position: center bottom;}
.i1 .box_wrap .text{width: 50%; color: #fff;}
.i1 .box_wrap .text h3{font-size: 4.0rem; font-weight: bold; margin-bottom: 20px; line-height: 130%;}
.i1 .box_wrap .text dl{padding: 48px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.20);}
.i1 .box_wrap .text dt{font-size: 2.8rem; font-weight: bold; line-height: 140%; margin-bottom: 12px;}
.i1 .box_wrap .text dd{color: rgba(255, 255, 255, 0.86); font-size: 1.8rem; line-height: 140%; letter-spacing: -0.45px;}
.i1 .box_wrap2{background: url("../img/i1-bg2.png") no-repeat; background-position: center; background-size: cover; border-radius: 20px; padding: 77px 0; text-align: center;}
.i1 .box_wrap2 h2{font-size: 2.8rem; font-weight: bold; line-height: 140%; letter-spacing: -0.7px; margin-bottom: 20px;}
.i1 .box_wrap2 p{font-size: 2.0rem; line-height: 140%; color: #505050;}

.i2{background: #000;}
.i2 .stxt{margin-bottom: 80px; text-align: center;}
.i2 .box_wrap{display: flex; gap: 20px 2%;}
.i2 .box{width: 33%; border-radius: 20px; background: #333; padding: 0 10px 65px 10px; text-align: center;}
.i2 .box h6{width: 56px; height: 56px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 2.0rem; font-weight: bold; letter-spacing: -0.5px; margin: -28px auto 40px auto;}
.i2 .box img{margin-right: -8px;}
.i2 .box h2{color: #fff; font-size: 2.8rem; font-weight: bold; line-height: 140%; letter-spacing: -0.7px; margin-bottom: 28px; margin-top: 20px;}
.i2 .box p{color: rgba(255, 255, 255, 0.86); font-size: 2.0rem; line-height: 140%; letter-spacing: -0.5px;}
.i2 .box h5{width: 260px; text-align: left; margin: 0 auto; margin-top: 8px; color: rgba(255, 255, 255, 0.86); font-size: 2.0rem; line-height: 140%; letter-spacing: -0.5px; display: flex; align-items: center; gap: 0px 6px;}
.i2 .box h5 span{width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; min-width: 28px; font-weight: bold; background: #fff; border-radius: 50%; color: #111;}

.i3{background: url("../img/i3-bg.png") no-repeat; background-position: center; background-size: cover;text-align: center;}
.i3 h2{color: #fff; font-size: 4.0rem; line-height: 140%;}
.i3 h2 b{position: relative; }
.i3 h2 b:after{content: ''; width: 100%; height: 1px; background: #fff; bottom: 6px; left: 0; position: absolute;}

.i4{background: #000;}
.i4 .stxt{text-align: center; margin-bottom: 60px;}
.i4 .tabnav{display: flex; justify-content: center;}
.i4 .tabnav li a{width: 360px; padding: 15px 0;  display: flex; align-items: center; justify-content: center; font-size: 2.0rem; color: #999; font-weight: bold; border-radius: 40px;}
.i4 .tabnav li a.active{background: #fff;  color: #111;}
.i4 .tabcontent{margin-top: 48px; border-top: 1px solid #FFF;}
.i4 .tab_box .box_wrap{display: flex; flex-wrap: wrap;}
.i4 .tab_box .box{width: 50%; padding: 48px 32px; border-bottom: 1px solid rgba(255, 255, 255, 0.20); position: relative;}
.i4 .tab_box .last{border-bottom: 0px;}
.i4 .tab_box .box h2{font-size: 2.4rem; color: #fff; line-height: 140%; letter-spacing: -0.6px; margin-bottom: 12px; font-weight: bold;}
.i4 .tab_box .box span{padding: 4px 16px; border-radius: 50px; background: #fff; font-size: 1.8rem; font-weight: bold; line-height: 140%; letter-spacing: -0.45px; display: inline-block;}
.i4 .tab_box .bline:after{content: ''; width: 1px; height: 80px; background: #E5E5EC; position: absolute; right: 0; top: 30%;}
.i4 .tab_box h6{border-radius: 20px; background: #333; padding: 48px 5px; text-align: center; font-size: 2.4rem; font-weight: bold; line-height: 140%; letter-spacing: -0.6px; color: #fff;}

.j1 .stxt{text-align: center; margin-bottom: 60px;}
.j1 .box .text h2{font-size: 3.2rem;}
.j1 .text ul{display: flex; gap: 0px 1%; margin-top: 20px;}
.j1 .text ul li{padding: 6px 20px; font-size: 1.8rem; line-height: 150%; color: #fff; border-radius: 100px; background: #333;}

.j2 .stxt{margin-bottom: 48px;}
.j2 .stxt h2{font-size: 4.0rem; line-height: 130%; letter-spacing: -1px; margin-bottom: 60px;}
.j2 .stxt h3{font-size: 2.8rem; line-height: 140%; letter-spacing: -0.7px;}
.j2 .bimg{margin-bottom: 80px;}
.j2 .bimg img{width: 100%;}

.k1{background: url("../img/k1-bg1.png") no-repeat; background-position: center; background-size: cover;text-align: center;}
.k1 h2{text-align: center; color: #fff; font-size: 5.6rem; font-weight: bold; margin-bottom: 20px;}
.k1 span{display: block; width: 100%; height: 1px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.40) 50%, rgba(255, 255, 255, 0.00) 100%); margin-bottom: 28px;}
.k1 p{color: rgba(255, 255, 255, 0.86); font-size: 2.4rem; line-height: 140%; letter-spacing: -0.6px;}

.k2{background: url("../img/k1-bg1.png") no-repeat; background-position: center; background-size: cover;text-align: center;}
.k2 .stxt{margin-bottom: 60px;}
.k2 .box_wrap{display: flex; }
.k2 .box{width: 33.333%; padding: 0 20px 60px 20px; border-right: 1px solid rgba(255,255,255,0.2); color: #fff; text-align: left;}
.k2 .box:last-child{border-right: 0px;}
.k2 .box img{width: 100%;}
.k2 .box h2{font-size: 3.6rem; font-weight: bold; line-height: 140%; margin: 40px 0 32px 0;}
.k2 .box h3{font-size: 2.4rem; font-weight: bold; line-height: 140%; margin-bottom: 16px;}
.k2 .box p{color: rgba(255, 255, 255, 0.86); font-size: 2.0rem; line-height: 140%; letter-spacing: -0.5px;}

.k3{background: url("../img/k1-bg1.png") no-repeat; background-position: center; background-size: cover;}
.k3 .stxt{display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 60px;}
.k3 .stxt .text{width: 60%;}
.k3 .stxt h2{font-size: 5.6rem;}
.k3 .tabnav{display: flex; margin-bottom: 48px;}
.k3 .tabnav li{width: 25%;}
.k3 .tabnav li a{width: 100%; padding: 15px 0; font-size: 2.0rem; color: #999; text-align: center; font-weight: bold; display: block;}
.k3 .tabnav li a.active{border-radius: 100px; background: rgba(255, 255, 255, 0.16); color: #fff;}
.k3 .box_wrap{display: flex; gap: 20px 4%; justify-content: space-between;}
.k3 .box_wrap .text{width: 54%; color: #fff;}
.k3 .box_wrap .img{width: 40%;}
.k3 .box_wrap .img img{width: 100%;}
.k3 .box_wrap .text .t1 h2{font-size: 1.8rem; line-height: 140%; margin-bottom: 12px;}
.k3 .box_wrap .text .t1 h3{font-size: 2.8rem; font-weight: bold; line-height: 140%; letter-spacing: -0.7px;}
.k3 .box_wrap .text .t2{margin-top: 60px;}
.k3 .box_wrap .text .t2 h2{padding: 4px 24px; display: inline-block; border-radius: 100px;background: #FFF; font-size: 2.4rem; font-weight: bold; line-height: 140%; letter-spacing: -0.6px; color: #111; margin-bottom: 12px;}
.k3 .box_wrap .text .t2 li{display: flex; gap: 0px 5px; margin-top: 8px;}
.k3 .box_wrap .text .t2 li p{font-size: 2.0rem; line-height: 140%; letter-spacing: -0.5px;}
.k3 .box_wrap .text .t2 li span{font-size: 2.0rem; line-height: 140%; letter-spacing: -0.5px;}

.k4{background: url("../img/k1-bg1.png") no-repeat; background-position: center; background-size: cover;}
.k4 h2{font-size: 5.6rem; font-weight: bold; color: #fff; margin-bottom: 60px;}
.k4 .box_wrap{display: flex; flex-wrap: wrap; gap: 20px 0;}
.k4 .box{width: 20%; text-align: center;}
.k4 .box h3{margin-top: 4px; font-size: 2.0rem; font-weight: bold; line-height: 140%; margin-bottom: 4px; color: #fff;}
.k4 .box span{color: rgba(255, 255, 255, 0.86); line-height: 140%;}

.l1{background: #000;}
.l1 .stxt{text-align: center; margin-bottom: 100px;}
.l1 .box_wrap{position: relative; display: flex; gap: 0px 2%; padding-top: 50px;}
.l1 .box_wrap:before{content: ''; width: 400%; height: 1px; background: #333; position: absolute; top: 0; left: -100%;}
.l1 .box{width: 25%; text-align: center; padding: 60px 10px; border-radius: 20px; background: #333; color: #fff; position: relative; transition: 0.3s all;}
.l1 .box h3{font-size: 2.8rem; font-weight: bold; line-height: 140%; letter-spacing: -0.7px; margin-bottom: 20px; margin-top: 25px;}
.l1 .box img{margin-right: -7px;}
.l1 .box p{color: rgba(255, 255, 255, 0.86); font-size: 2.0rem; line-height: 140%; letter-spacing: -0.5px;}
.l1 .box h6{font-size: 1.8rem; font-weight: bold; line-height: 140%; letter-spacing: -0.45px; position: absolute; top: -90px; left: 0; right: 0; margin: 0 auto; color: rgba(255, 255, 255, 0.40);}
.l1 .box h6:after{content: ''; width: 20px; height: 20px; background: #333; border-radius: 50%; position: absolute; left: 0; right: 0; bottom: -25px; margin: 0 auto;}
.l1 .box:hover h6{color: #fff;}
.l1 .box:hover h6:after{background: #fff;}
.l1 .box:hover{background: #fff; color: #111;}
.l1 .box:hover p{color: #505050;}

.n2{background: #000;}
.n2 .stxt{padding-bottom: 40px; border-bottom: 1px solid rgba(255, 255, 255, 0.40);}
.n2 .area_wrap{display: flex; justify-content: space-between; margin-top: 120px;}
.n2 .area_wrap .latest{width: 60%; color: #fff;}

.n5{background: #000;}
.n5 .stxt{padding-bottom: 40px; border-bottom: 1px solid rgba(255, 255, 255, 0.40);}
.n5 .area_wrap{display: flex; gap: 0 8%; margin-top: 120px;}
.n5 .area_wrap .img{width: 24%; flex-shrink: 0; position: sticky; top: 0; align-self: flex-start;}
.n5 .area_wrap .img img{width: 100%;}
.n5 .area_wrap .latest{width: 60%; color: #fff;}

.form-group h2{font-size: 32px; font-weight: bold; line-height: 130%; margin-bottom: 32px;}
.form-group .h6{color: rgba(255, 255, 255, 0.86); font-size: 20px; font-weight: bold; letter-spacing: -0.5px; margin-bottom: 8px; display: block;}
.form-group .h6 span{color: #C00;}
.form-group input[type=text]{width: 100%; background: none; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.40); color: #fff; padding: 20px 0; font-size: 18px; outline: none; letter-spacing: -0.45px;}
.form-group input[type=text]::placeholder{color: rgba(255, 255, 255, 0.60);}
.form-group .box_wrap{margin-bottom: 60px;}
.form-group1{margin-bottom: 120px;}
.form-group textarea{width: 100%; background: none; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.40); resize: none; color: #fff; font-size: 18px; outline: none; padding: 23px 0; letter-spacing: -0.45px; line-height: 140%;}
.form-group textarea::placeholder{color: rgba(255, 255, 255, 0.60);}
.form-group4{display: flex; gap: 0px 5%; align-items: flex-start; margin-bottom: 12px;}
.form-group4 .write_box{display: flex; gap: 0px 2%; align-items: center;}
.form-group4 input{width: 100%;}
.form-group4 button{min-width: 160px; padding: 20px 0; border-radius: 12px; background: #333; border: none; color: #fff; font-weight: bold; font-size: 18px; cursor: pointer; letter-spacing: -0.45px;}
.form-group4 .file_btn_plus{cursor: pointer; flex-shrink: 0;}
.form-group4 .file_box{margin-bottom: 5px;}
.form-group5{margin-top: 120px;}
.form-group5 .all_check{display: flex; align-items: center; margin-top: 32px; padding-bottom: 32px; justify-content: space-between; border-bottom: 1px solid rgba(255, 255, 255, 0.40); gap: 5%;}
.form-group5 .all_check h3{font-size: 24px; font-weight: bold; letter-spacing: -0.6px; line-height: 140%;}
.form-group5 input[type="checkbox"]{appearance: none; -webkit-appearance: none; width: 24px; min-width: 24px; padding: 12px; border: 1px solid rgba(255,255,255,0.6); border-radius: 4px; outline: none; cursor: pointer; position: relative; flex-shrink: 0; background: transparent;}
.form-group5 input[type="checkbox"]:checked {background-color: var(--color); border-color: var(--color);}
.form-group5 input[type="checkbox"]:checked::after {content: '✓'; color: white; font-size: 18px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 100%;}
.form-group3 h6{color: rgba(255, 255, 255, 0.86); letter-spacing: -0.4px; font-size: 16px; line-height: 150%; margin-top: 12px; font-weight: 500;}

.form-group5 .all_check input[type="checkbox"]{appearance: none; -webkit-appearance: none; padding: 16px;}

.acco .collapsible {background: none; border: none; display: flex; align-items: center; justify-content: space-between; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.40); padding: 20px 0; cursor: pointer; gap: 5%;}
.acco .collapsible p{color: #ccc; font-size: 18px; font-weight: 500; display: flex; align-items: center; gap: 8px; letter-spacing: -0.45px; white-space: nowrap;}
.acco .collapsible p span{font-weight: bold;}
.acco .collapsible label{cursor: pointer; display: flex; align-items: center; gap: 2px; color: #fff; font-size: 16px; font-weight: bold; letter-spacing: -0.4px; white-space: nowrap;}
.acco .collapsible label img{width: 16px;}
.acco .collapsible label input{margin-left: 20px;}
.acco .active,
.acco .collapsible:hover {  }
.acco .content { padding: 0 18px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; border-bottom: 1px solid rgba(255,255,255,0.2); background: rgba(255,255,255,0.05);}
.acco .content .tbox{padding: 20px 0;}
.acco .content .tbox p{font-size: 14px; line-height: 150%; color: rgba(255,255,255,0.6);}

.form-footer button{width: 100%; padding: 22px 0; border-radius: 12px; background: #333; font-size: 18px; font-weight: 600; border: none; margin-top: 60px; color: #fff; cursor: pointer;}

.consent-text{
    margin: 0;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: rgba(255,255,255,0.6);
    word-break: keep-all;
    overflow-wrap: anywhere;
}

.n1{background: url("../img/n1-bg.png") no-repeat; background-size: cover; background-position: center; }
.n1 .box_wrap{ text-align: center; color: #fff; border-radius: 24px; overflow: hidden; padding: 84px 0;}
.n1 .box_wrap h2{font-size: 4.4rem; font-weight: 700; line-height: 140%; letter-spacing: -1.1px; margin-bottom: 40px;}
.n1 .box_wrap a{width: 217px; height: 56px; background: #fff; color: #111; border-radius: 30px; display: flex; align-items: center; justify-content: center; gap: 0px 5px; margin: 0 auto; font-size: 1.8rem; font-weight: 600; transition: 0.3s all;}
.n1 .box_wrap a:hover{background: #a9a9a9;}

/* ========================================
   반응형 - 1024px
   ======================================== */
@media all and (max-width: 1024px){
    /* 공통 타이틀 */
    .mtxt h2{font-size: 4.2rem;}
    .mtxt p{font-size: 1.8rem;}
    .visual .vimg img{width: 280px;}


    /* m1 섹션 */
    .m1 h2{font-size: 4.2rem; margin-bottom: 36px;}
    .m1 h3{font-size: 3.2rem; margin-bottom: 16px;}
    .m1 p{font-size: 1.8rem;}
    .m1 a{margin-top: 48px;}

    /* m2 섹션 */
    .m2 .mtxt p{margin-bottom: 40px;}
    .m2 .a_wrap{max-width: 480px;}
    .m2 .a_wrap a .atext h4{font-size: 2.0rem;}
    .m2 .a_btn{max-width: 480px;}

    /* m3 섹션 */
    .m3 .mtxt{margin-bottom: 40px;}
    .m3 .box_wrap{gap: 12px 3%;}
    .m3 .box{height: 400px;}
    .m3 .box .bp1{padding: 80px 0;}
    .m3 .box .bp1 h3{font-size: 1.6rem; margin: 30px 0 6px 0;}
    .m3 .box .bp1 h2{font-size: 2.0rem;}
    .m3 .box .bp2 h3{font-size: 1.6rem;}
    .m3 .box .bp2 h2{font-size: 2.0rem;}
    .m3 .box .bp2 p{font-size: 1.6rem; margin-bottom: 30px;}
    .m3 .box .bp2 a{width: 140px; height: 44px;}

    /* m4 섹션 */
    .m4 .m_twrap a{width: 140px; height: 50px;}
    .m4 .box_wrap{gap: 16px 2%;}

    /* 푸터 */
    #ft .footer{flex-direction: column; gap: 30px 0;}
    #ft .footer .ft_wrap{width: 100%;}
    .ft_menu{width: 100%; justify-content: flex-start; gap: 30px 8%;}

    /* a_txt */
    .a_txt h2{font-size: 3.2rem; margin-left: 20px; padding-left: 20px;}

    /* a1 섹션 */
    .a1-1 h3{font-size: 4.0rem; margin-top: 60px; margin-bottom: 30px;}
    .a1-2 h3{font-size: 3.2rem; margin: 60px 0;}
    .a1-2 .box{height: 220px;}
    .a1-2 .box h4{font-size: 1.8rem;}
    .a1-3 .box_wrap{margin-top: 100px; flex-wrap: wrap; justify-content: center; gap: 30px 0;}
    .a1-3 .box{width: 50%;}
    .a1-3 .btxt{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
    .a1-3 .box2{margin-left: 0;}
    .a1-3 .box3{margin-left: 0; width: 50%;}
    .a1-3 .box h5{font-size: 2.4rem;}
    .a1-3 .box h3{font-size: 2.2rem;}
    .a1-3 .box p{font-size: 1.8rem;}
    .a1-3 .box .bp2 h3{font-size: 2.0rem;}
    .a1-3 .box .bp2 p{font-size: 1.6rem;}

    /* a2 섹션 */
    .a2-1 h3{font-size: 4.0rem; margin-bottom: 40px;}
    .a2-1 p{font-size: 1.8rem;}
    .a2-2 .a2_txt h2{font-size: 4.2rem;}
    .a2-2 .a2_txt p{font-size: 1.8rem;}
    .a2-2 .box{height: 400px;}
    .a2-2 .box .bp1 h2{font-size: 2.4rem;}
    .a2-2 .box .bp2 h2{font-size: 2.4rem;}
    .a2-2 .box .bp2 p{font-size: 1.6rem;}

    /* a3 섹션 */
    .a3_txt h2{font-size: 3.6rem;}
    .a3-1 .a3_txt p{font-size: 1.8rem;}
    .a3-1 .map_wrap{margin-top: 60px;}
    .a3-1 .tabnav li a{padding: 12px 0; font-size: 1.8rem;}
    .a3-1 .tabmap{margin: 80px auto 32px auto;}
    .a3-2 .a3_txt h3{font-size: 2.4rem;}
    .a3-2 .box_wrap .box p{font-size: 1.8rem;}
    .a3-2 .box_wrap2 h2{font-size: 2.4rem;}
    .a3-3 .box{width: 25%; height: 200px;}
    .a3-3 .box h2{font-size: 1.8rem;}

    /* a4 섹션 */
    .a4 .a4_top{padding: 16px 30px 16px 0;}
    .a4 .a4_top .atop_text dt{font-size: 1.8rem; min-width: 100px;}
    .a4 .a4_top .atop_text dd{font-size: 1.8rem;}

    .a42{padding-bottom: 120px;}
    .a42 .box_wrap{padding: 32px 0 32px 32px; gap: 0 4%;}
    .a42 .box_wrap .text h3{font-size: 2.2rem; margin-bottom: 10px;}
    .a42 .box_wrap .text p{font-size: 1.8rem;}
    .a42 .box2 .text p{gap: 0 10px; margin-top: 10px;}
    .a42 .box2 .text span{padding: 5px 14px 4px 14px; font-size: 1.4rem;}

    /* sub_visual */
    .sub_visual{height: 600px;}
    .sub_visual .sub_top_text h4{font-size: 2.0rem;}
    .sub_visual .sub_top_text h3{font-size: 4.0rem;}


    /* scroll indicator */
    .scroll-indicator{left: 2%;}

    /* fp-nav */
    #fp-nav ul li .fp-tooltip{font-size: 12px;}

    /*.m3 .mtxt, .m4 .m_twrap, .a1-3 .a_txt, .a2-2 .a2_txt{padding-top: 80px;}*/
    /*.m3 .box_wrap, .m4 .box_wrap, .a1-3 .box_wrap, .a2-2 .box_wrap{padding-bottom: 80px;}*/
    /*.b21, .b21-2, .h3, .i2, .k2, .k3, .k4, .l1{padding: 80px 0;}*/

    .l1 .box_wrap:before{display: none;}
}


/* ========================================
   반응형 - 768px
   ======================================== */
@media all and (max-width: 768px){
    /* 공통 타이틀 */
    .mtxt h2{font-size: 3.2rem; margin-bottom: 16px;}
    .mtxt p{font-size: 1.6rem;}

    .swiper-pagination{display: none;}
    /* scroll indicator 숨김 */
    .scroll-indicator{display: none;}

    /* fp-nav 숨김 */
    #fp-nav{display: none;}

    .visual .vimg img{width: 50%;}

    /* m1 섹션 */
    .m1 h2{font-size: 3.2rem; margin-bottom: 28px;}
    .m1 h3{font-size: 2.4rem; margin-bottom: 12px;}
    .m1 p{font-size: 1.6rem;}
    .m1 a{width: 140px; height: 48px; margin-top: 36px; font-size: 1.4rem;}

    /* m2 섹션 */
    .m2_wrap{flex-direction: column;}
    .m2_wrap .m2_area1{width: 100%; height: 100%;}
    .m2_wrap .m2_area2{width: 100%; height: 50%; display: none;}
    .m2_twrap{padding: 0 5%;}
    .m2 .mtxt p{margin-bottom: 30px;}
    .m2 .a_wrap{max-width: 100%;}
    .m2 .a_wrap a{padding: 14px 16px 14px 12px; gap: 0 12px;}
    .m2 .a_wrap a .atext h3{font-size: 1.1rem;}
    .m2 .a_wrap a .atext h4{font-size: 1.8rem;}
    .m2 .a_wrap a .icon img{width: 40px;}
    .m2 .a_btn{max-width: 100%; margin-top: 16px;}
    .m2 .a_btn a{height: 48px; font-size: 1.4rem;}

    /* m3 섹션 */
    .m3 .mtxt{margin-bottom: 30px;}
    .m3 .box_wrap{flex-direction: column; gap: 16px 0;}
    .m3 .box{width: 100%; height: 320px; max-width: 325px; margin: 0 auto;}
    .m3 .box .bp1{padding: 60px 0;}
    .m3 .box .bp1 img{width: 60px;}
    .m3 .box .bp1 h3{font-size: 1.4rem; margin: 20px 0 4px 0;}
    .m3 .box .bp1 h2{font-size: 1.8rem;}
    .m3 .box .bp2 h3{font-size: 1.4rem;}
    .m3 .box .bp2 h2{font-size: 1.8rem; margin-bottom: 16px;}
    .m3 .box .bp2 p{font-size: 1.4rem; margin-bottom: 24px; padding: 0 20px;}
    .m3 .box .bp2 a{width: 120px; height: 40px; font-size: 1.4rem;}

    /* m4 섹션 */
    .m4 .m_twrap{flex-direction: column; align-items: flex-start; gap: 20px 0; padding-bottom: 24px;}
    .m4 .m_twrap a{width: 120px; height: 44px; font-size: 1.4rem;}
    .m4 .box_wrap{flex-direction: column; gap: 20px 0;}
    .m4 .box_wrap .img{width: 100%;}
    .m4 .latest{width: 100%;}
    .li_txt .li_h3{font-size: 1.4rem; min-width: 60px;}
    .pic_lt_block li .last_title{font-size: 1.8rem; text-align: left;}
    .pic_lt_block .lt_info2 .lt_date{font-size: 1.4rem; display: none;}
    .pic_lt_block li{padding: 15px 0;}

    /* 푸터 */
    #ft .footer{padding: 30px 4% 16px 4%;}
    #ft .footer .ft_wrap{flex-direction: column; gap: 40px 0; align-items: flex-start;}
    #ft .footer .ft_info_wrap .foot_info{flex-direction: column; gap: 12px 0; margin-bottom: 12px}
    #ft .footer .ft_info_wrap .foot_info dl dt{font-size: 1.2rem; min-width: 58px;}
    #ft .footer .ft_info_wrap .foot_info dl dd{font-size: 1.2rem;}
    .ft_menu{flex-wrap: wrap; gap: 20px 6%;}
    .ft_menu ul li{font-size: 1.2rem; margin-bottom: 12px;}
    .ft_menu ul li b{font-size: 1.2rem; margin-bottom: 16px;}
    .copyright{padding: 16px 4% 40px 4%;}
    .copyright span{font-size: 1.2rem;}

    /* a_txt */
    .a_txt{flex-direction: column; gap: 12px 0;}
    .a_txt h2{font-size: 2.4rem; margin-left: 0; padding-left: 0;}
    .a_txt h2:after{display: none;}
    .a_txt img{width: 140px;}

    /* a1 섹션 */
    .a1-1 h3{font-size: 2.8rem; margin-top: 40px; margin-bottom: 24px;}
    .a1-1 h3 br{display: none;}
    .a1-2 h3{font-size: 2.4rem; margin: 40px 0;}
    .a1-2 .box_wrap{flex-wrap: wrap; gap: 12px 3%;}
    .a1-2 .box{width: 48%; height: 180px;}
    .a1-2 .box:nth-of-type(2n){margin-top: 0;}
    .a1-2 .box h4{font-size: 1.6rem; margin-top: 8px;}
    .a1-2 .box img{width: 50px;}
    .a1-3 .box_wrap{flex-direction: column; margin-top: 60px; gap: 20px 0;}
    .a1-3 .box{width: 100%; max-width: 345px; margin: 0 auto;}
    /*.a1-3 .box2{margin-left: 0;}*/
    /*.a1-3 .box3{margin-left: 0;}*/
    .a1-3 .box h6{font-size: 1.1rem;}
    .a1-3 .box h5{font-size: 2.0rem; margin-bottom: 16px;}
    .a1-3 .box h3{font-size: 2.0rem; margin-top: 20px; margin-bottom: 8px;}
    .a1-3 .box p{font-size: 1.6rem;}
    .a1-3 .box .bp2{padding: 10%;}
    .a1-3 .box .bp2 h3{font-size: 1.8rem; margin-bottom: 8px;}
    .a1-3 .box .bp2 p{font-size: 1.4rem;}

    /* a2 섹션 */
    .a2-1 h2{font-size: 1.8rem; margin-bottom: 16px;}
    .a2-1 h3{font-size: 2.8rem; margin-bottom: 30px;}
    .a2-1 p{font-size: 1.6rem;}
    .a2-2 .a2_txt{margin-bottom: 40px;}
    .a2-2 .a2_txt h2{font-size: 3.2rem;}
    .a2-2 .a2_txt p{font-size: 1.6rem;}
    .a2-2 .box_wrap{flex-direction: column; gap: 16px 0;}
    .a2-2 .box{width: 100%; height: 320px; max-width: 345px; margin: 0 auto;}
    .a2-2 .box .bp1{padding: 60px 0;}
    .a2-2 .box .bp1 img{width: 60px;}
    .a2-2 .box .bp1 h3{font-size: 1.4rem; margin: 20px 0 4px 0;}
    .a2-2 .box .bp1 h2{font-size: 2.0rem;}
    .a2-2 .box .bp2 h3{font-size: 1.4rem;}
    .a2-2 .box .bp2 h2{font-size: 2.0rem; margin-bottom: 16px;}
    .a2-2 .box .bp2 p{font-size: 1.4rem; margin-bottom: 24px; padding: 0 20px;}
    .a2-2 .box .bp2 a{width: 120px; height: 40px; font-size: 1.4rem;}

    /* a3 섹션 */
    .a3_txt h2{font-size: 2.8rem;}
    .a3-1 .a3_txt{flex-direction: column; gap: 20px 0;}
    .a3-1 .a3_txt p{font-size: 1.6rem;}
    .a3-1 .map_wrap{margin-top: 40px;}
    .a3-1 .map_pin h2{font-size: 12px !important;}
    .a3-1 .map_pin p{font-size: 10px !important; margin-bottom: 8px; display: none;}
    .a3-1 .tabnav li{width: 33.333%;}
    .a3-1 .tabnav li a{padding: 10px 0; font-size: 1.6rem;}
    .a3-1 .tabmap{margin: 60px auto 24px auto; width: 100%;}
    .a3-2 .a3_txt{margin-bottom: 30px;}
    .a3-2 .a3_txt h3{margin-top: 40px; font-size: 2.0rem;}
    .a3-2 .box_wrap{flex-wrap: wrap;}
    .a3-2 .box_wrap .box{width: 50%; padding: 16px 5px;}
    .a3-2 .box_wrap .box:after{height: 80px; top: 35%;}
    .a3-2 .box_wrap .box:nth-child(2n):after{display: none;}
    .a3-2 .box_wrap .box img{width: 60px;}
    .a3-2 .box_wrap .box p{font-size: 1.6rem; margin-top: 16px;}
    .a3-2 .box_wrap .box p br{display: none;}
    .a3-2 .line{margin-top: 30px; margin-bottom: 50px;}
    .a3-2 .line img{width: 60px; margin-top: -30px;}
    .a3-2 .box_wrap2{padding: 50px 5px;}
    .a3-2 .box_wrap2 h2{font-size: 2.0rem;}
    .a3-2 .box_wrap2 .point1, .a3-2 .box_wrap2 .point2{display: none;}
    .a3-3 .a3_txt{margin-bottom: 40px;}
    .a3-3 .box{width: 50%; height: 160px;}
    .a3-3 .box .bp1 img{width: 40px;}
    .a3-3 .box h2{font-size: 1.6rem; margin-top: 12px;}
    .a3-3 .box .bp2 h2{margin-top: 30px;}
    .a3-3 .box .bp2 a img{width: 30px;}

    /* a4 섹션 */
    .a4 .a3_txt{margin-bottom: 40px;}
    .a4 .a4_top{flex-direction: column; padding: 20px 0 0 0; margin-bottom: 30px;}
    .a4 .a4_top img{width: 100%; margin-bottom: 20px;}
    .a4 .a4_top .atop_text{width: 100%;}
    .a4 .a4_top .atop_text dl{padding: 14px 0;}
    .a4 .a4_top .atop_text dt{font-size: 1.6rem; min-width: 80px;}
    .a4 .a4_top .atop_text dd{font-size: 1.6rem;}
    .root_daum_roughmap .wrap_map{height: 300px !important;}

    .a42{padding-bottom: 80px;}
    .a42 .box_wrap{padding: 24px 0 24px 20px; }
    .a42 .box_wrap img{width: 55px;}
    .a42 .box_wrap .text h3{font-size: 2.0rem; margin-bottom: 8px;}
    .a42 .box_wrap .text p{font-size: 1.6rem;}
    .a42 .box2 .text p{flex-wrap: wrap; gap: 8px;}
    .a42 .box2 .text span{padding: 4px 12px 3px 12px; font-size: 1.3rem;}

    /* sub_visual */
    .sub_visual{height: 500px;}
    .sub_visual .sub_top_text{padding-top: 80px;}
    .sub_visual .sub_top_text h4{font-size: 1.8rem; margin-bottom: 16px;}
    .sub_visual .sub_top_text h3{font-size: 3.0rem;}

    /* lnb */
    .lnb .lnb_map{padding: 10px 20px 4px 20px;}
    .lnb .lnb_map li.dep a span{font-size: 1.4rem;}
    .lnb .lnb_map>li{padding: 0px 3px;}
    .lnb .lnb_map li.dep svg{margin-left: 5px; width: 15px; height: 15px; display: none;}
}


/* ========================================
   반응형 - 1024px (354~731줄 섹션)
   ======================================== */
@media all and (max-width: 1024px){
    /* b1-1 섹션 */
    .b1-1 ul{margin-bottom: 80px;}
    .b1-1 h2{font-size: 4.0rem;}
    .b1-1 .text h3{font-size: 3.0rem; margin-bottom: 24px;}
    .b1-1 .text p{font-size: 1.8rem;}

    /* b1-2 섹션 */
    .b1-2 .tabnav li a{padding: 12px 20px; font-size: 1.8rem;}
    .b1-2 .tab_box{gap: 10px 1.5%;}
    .b1-2 .tab_box .box .bp1{padding: 60px 30px 0 30px;}
    .b1-2 .tab_box .box .bp1 h2{font-size: 2.6rem;}
    .b1-2 .tab_box .box .bp1 .text{margin-top: 80px;}
    .b1-2 .tab_box .box .bp1 .text h3{font-size: 1.6rem;}
    .b1-2 .tab_box .box .bp1 .text h4{font-size: 2.0rem;}
    .b1-2 .tab_box .box .bp1 .text p{font-size: 1.4rem;}

    /* b1-3 섹션 */
    .b1-3{padding-top: 120px;}
    .b1-3 ul{margin-bottom: 80px;}
    .b1-3 .text{height: 1000px;}
    .b1-3 .text h2{font-size: 3.0rem; margin-bottom: 24px;}
    .b1-3 .text p{font-size: 1.8rem;}
    .b1-3 h6{font-size: 4.0rem; margin-bottom: 48px;}

    /* b1-4 섹션 */
    .b1-4 .box_wrap h2{font-size: 4.0rem;}
    .b1-4 .box_wrap h3{font-size: 2.6rem; margin-bottom: 24px;}
    .b1-4 .box_wrap p{font-size: 1.8rem;}
    .b1-4 .box_wrap .text h4{font-size: 2.0rem; padding: 8px 20px; margin-bottom: 20px;}
    .b1-4 .box_wrap .text ul li{font-size: 1.8rem; margin-top: 16px;}

    /* b2 섹션 */
    .stxt h2{font-size: 4.0rem;}
    .stxt p{font-size: 1.8rem; margin-top: 24px;}
    .b2 .box_wrap{gap: 20px 2%;}
    .b2 .box_wrap a h2{font-size: 1.8rem;}

    /* b21 섹션 */
    .b_nav li a{font-size: 1.8rem; padding: 12px 0;}
    .b21_top h2{font-size: 3.2rem;}
    .b21_top p{font-size: 1.8rem;}
    .b21 .box h6{font-size: 1.6rem; margin-bottom: 50px;}
    .b21 .box h2{font-size: 2.4rem; margin: 30px 0 10px 0;}
    .b21 .box p{font-size: 1.6rem;}
    .b21 .box{padding-bottom: 120px;}

    /* b21-2 섹션 */
    .b21-2 h2{font-size: 3.2rem; margin-bottom: 32px;}
    .b21-2 .box_wrap{padding: 30px 30px 100px 30px;}
    .b2_wrap .b2_box{width: 320px; padding: 16px;}
    .b2_wrap .b2_box .text h3{font-size: 2.0rem;}
    .b2_h6{font-size: 1.8rem; margin-top: 40px;}

    /* b21-3 섹션 */
    .b21-3 .box_wrap{padding: 30px;}
    .b21-3 .box_wrap dl{width: 300px; margin-bottom: 36px; padding-bottom: 20px;}
    .b21-3 .box_wrap dt{font-size: 2.6rem; margin-bottom: 10px;}
    .b21-3 .box_wrap dd{font-size: 1.8rem;}

    /* c1 섹션 */
    .c1 .box{padding: 30px 30px 120px 30px;}
    .c1 .box h4{font-size: 1.6rem; margin-top: 36px;}
    .c1 .box h2{font-size: 2.6rem; margin-bottom: 16px;}
    .c1 .box dl dd{font-size: 1.8rem;}

    /* c1-2 섹션 */
    .c1-2 h2 span{height: 24px; margin: 0 20px;}
    .c1-2 .b2_wrap .b2_left, .c1-2 .b2_wrap .b2_right{gap: 180px 0;}

    /* d1 섹션 */
    .d1 .box img{margin-bottom: 36px;}
    .d1 .box dl dt{font-size: 2.0rem;}
    .d1 .box dl dd{font-size: 1.8rem;}

    /* e1 섹션 */
    .e1 .e1_wrap{padding: 48px; gap: 0 4%;}
    .e1 .e1_wrap .e1_text dl{padding-bottom: 32px; margin-bottom: 32px;}
    .e1 .e1_wrap .e1_text dl dt{font-size: 2.6rem; margin-bottom: 10px;}
    .e1 .e1_wrap .e1_text dl dd{font-size: 1.8rem;}

    /* e2 섹션 */
    .e2 .text{padding: 48px 32px; gap: 10px 4%;}
    .e2 .text .img{width: 240px; gap: 0 30px;}
    .e2 .text .img h6{font-size: 1.6rem;}
    .e2 .text .img h2{font-size: 2.6rem;}
    .e2 .text .p_wrap p{font-size: 1.8rem;}

    /* f1 섹션 */
    .f1 .box .text h2{font-size: 3.0rem; padding-bottom: 20px; margin-bottom: 20px;}
    .f1 .box .text p{font-size: 1.8rem;}

    /* f2 섹션 */
    .f2 .box_wrap{margin-top: 60px; gap: 12px 1.5%;}
    .f2 .box{padding: 32px 32px 48px 32px;}
    .f2 .box > img{margin-bottom: 48px;}
    .f2 .box h2{font-size: 3.0rem;}
    .f2 .box p{font-size: 1.8rem;}
    .f2 h6{font-size: 1.8rem; margin-top: 40px;}

    /* g1 섹션 */
    .g1 .box_wrap{gap: 16px 4%;}
    .g1 .box_wrap .text{padding: 14px 24px 32px 24px;}
    .g1 .box_wrap .text p{font-size: 1.8rem; margin-top: 20px;}

    /* g2 섹션 */
    /*.g2 .box_wrap{padding: 48px 32px 0 32px; margin-bottom: 50px;}*/
    /*.g2 .box_wrap .text_wrap dt{font-size: 2.0rem; min-width: 160px;}*/
    /*.g2 .box_wrap .text_wrap dd{font-size: 1.8rem;}*/
    /*.g2 h5{font-size: 3.2rem; margin-bottom: 32px;}*/
    /*.g2 h6{padding-bottom: 80px; font-size: 1.8rem;}*/

    /* g2 섹션 */
    .g2 .box_wrap{flex-direction: column; padding: 32px 20px 0 20px; margin-bottom: 40px; gap: 24px 0;}
    .g2 .box_wrap .text_wrap{width: 100%; flex-direction: column; gap: 16px 0;}
    .g2 .box_wrap .text_wrap dl{flex-direction: column; align-items: flex-start; gap: 6px 0;}
    .g2 .box_wrap .text_wrap dt{font-size: 1.8rem; min-width: auto;}
    .g2 .box_wrap .text_wrap dd{font-size: 1.6rem;}
    .g2 h5{font-size: 2.6rem; margin-bottom: 24px;}
    .g2 h6{padding-bottom: 60px; font-size: 1.6rem;}

    /* h1 섹션 */
    .h1 .box_wrap{gap: 60px 0;}
    .h1 .box{gap: 16px 3%;}
    .h1 .box .text h6{font-size: 1.6rem; margin-bottom: 10px;}
    .h1 .box .text h2{font-size: 3.2rem; margin-bottom: 16px;}
    .h1 .box .text p{font-size: 1.8rem; margin-bottom: 20px;}
    .h1 .box .text a{width: 140px; height: 50px;}

    /* h2 섹션 */
    .h2 h2{font-size: 4.0rem; margin-bottom: 48px;}
    .h2 .box{padding: 32px 0 32px 60px; gap: 12px 4%;}
    .h2 .box .num{width: 60px; min-width: 60px; height: 60px; font-size: 2.4rem;}
    .h2 .box .text h3{font-size: 2.4rem; margin-bottom: 10px;}
    .h2 .box .text p{font-size: 1.8rem;}

    /* h3 섹션 */
    .h3 .stxt{margin-bottom: 80px;}
    .h3 .box{padding-top: 60px;}
    .h3 .box img{margin-bottom: 24px;}
    .h3 .box h3{font-size: 2.4rem; margin-bottom: 16px;}
    .h3 .box h4{font-size: 1.6rem;}

    /* i1 섹션 */
    .i1 .box_wrap{gap: 16px 4%; margin-bottom: 60px;}
    .i1 .box_wrap .text h3{font-size: 3.2rem; margin-bottom: 16px;}
    .i1 .box_wrap .text dl{padding: 36px 0;}
    .i1 .box_wrap .text dt{font-size: 2.4rem; margin-bottom: 10px;}
    .i1 .box_wrap .text dd{font-size: 1.6rem;}
    .i1 .box_wrap2{padding: 60px 0;}
    .i1 .box_wrap2 h2{font-size: 2.4rem; margin-bottom: 16px;}
    .i1 .box_wrap2 p{font-size: 1.8rem;}

    /* i2 섹션 */
    .i2 .stxt{margin-bottom: 60px;}
    .i2 .box_wrap{gap: 16px 1.5%;}
    .i2 .box{padding: 0 8px 50px 8px;}
    .i2 .box h6{width: 48px; height: 48px; font-size: 1.8rem; margin: -24px auto 32px auto;}
    .i2 .box h2{font-size: 2.4rem; margin-bottom: 24px; margin-top: 16px;}
    .i2 .box p{font-size: 1.8rem;}
    .i2 .box h5{width: 240px; font-size: 1.8rem;}

    /* i3 섹션 */
    .i3 h2{font-size: 3.2rem;}

    /* i4 섹션 */
    .i4 .stxt{margin-bottom: 48px;}
    .i4 .tabnav li a{width: 300px; font-size: 1.8rem;}
    .i4 .tabcontent{margin-top: 36px;}
    .i4 .tab_box .box{padding: 36px 24px;}
    .i4 .tab_box .box h2{font-size: 2.0rem; margin-bottom: 10px;}
    .i4 .tab_box .box span{font-size: 1.6rem;}
    .i4 .tab_box h6{padding: 36px 5px; font-size: 2.0rem;}

    /* j1 섹션 */
    .j1 .stxt{margin-bottom: 48px;}
    .j1 .box .text h2{font-size: 2.6rem;}
    .j1 .text ul li{padding: 5px 16px; font-size: 1.6rem;}

    /* j2 섹션 */
    .j2 .stxt h2{font-size: 3.2rem; margin-bottom: 48px;}
    .j2 .stxt h3{font-size: 2.4rem;}
    .j2 .bimg{margin-bottom: 60px;}

    /* k1 섹션 */
    .k1 h2{font-size: 4.4rem;}
    .k1 p{font-size: 2.0rem;}

    /* k2 섹션 */
    .k2 .stxt{margin-bottom: 48px;}
    .k2 .box{padding: 0 16px 48px 16px;}
    .k2 .box h2{font-size: 3.0rem; margin: 32px 0 28px 0;}
    .k2 .box h3{font-size: 2.0rem; margin-bottom: 12px;}
    .k2 .box p{font-size: 1.8rem;}

    /* k3 섹션 */
    .k3 .stxt{margin-bottom: 48px;}
    .k3 .stxt h2{font-size: 4.4rem;}
    .k3 .tabnav{margin-bottom: 36px;}
    .k3 .tabnav li a{font-size: 1.8rem;}
    .k3 .box_wrap .text .t1 h3{font-size: 2.4rem;}
    .k3 .box_wrap .text .t2{margin-top: 48px;}
    .k3 .box_wrap .text .t2 h2{font-size: 2.0rem; padding: 4px 20px;}
    .k3 .box_wrap .text .t2 li p, .k3 .box_wrap .text .t2 li span{font-size: 1.8rem;}

    /* k4 섹션 */
    .k4 h2{font-size: 4.4rem; margin-bottom: 48px;}
    .k4 .box h3{font-size: 1.8rem;}

    /* l1 섹션 */
    .l1 .stxt{margin-bottom: 80px;}
    .l1 .box_wrap{gap: 0 1.5%; padding-top: 40px; flex-wrap: wrap;  gap: 140px 2%;}
    .l1 .box{padding: 48px 8px; width: 48%;}
    .l1 .box h3{font-size: 2.4rem; margin-bottom: 16px; margin-top: 20px;}
    .l1 .box p{font-size: 1.8rem;}
    .l1 .box h6{font-size: 1.6rem; top: -80px;}

    /* n1 섹션 */
    .n2 .area_wrap{margin-top: 80px;}
    .form-group h2{font-size: 2.6rem; margin-bottom: 28px;}
    .form-group .h6{font-size: 1.8rem;}
    .form-group input[type=text]{height: 60px; font-size: 1.6rem;}
    .form-group .box_wrap{margin-bottom: 48px;}
    .form-group1{margin-bottom: 80px;}
    .form-group textarea{font-size: 1.6rem;}
    .form-group4 button{min-width: 140px; height: 60px; font-size: 1.6rem;}
    .form-group5{margin-top: 80px;}
    .form-group5 .all_check h3{font-size: 2.0rem;}
    .acco .collapsible p{font-size: 1.6rem;}
    .acco .collapsible span{font-size: 1.6rem;}
    .form-footer button{height: 64px; font-size: 1.6rem; margin-top: 48px;}

    .b1-2 .tabnav{flex-wrap: wrap;}
    .b1-2 .tabnav li{width: 33%;}
    .b1-2 .tabnav li a{width: 100%; text-align: center;}
    .b1-2 .tab_box .box{width: 33%;}

    .n2 .img{display: none;}
    .n2 .area_wrap .latest{width: 100%;}

    .n5 .area_wrap{margin-top: 80px;}
    .n5 .area_wrap .img{display: none;}
    .n5 .area_wrap .latest{width: 100%;}

    .b21-3{height: initial !important; padding-top: 0px;}
    .b21-3 .fp-tableCell{height: initial !important;}
}


/* ========================================
   반응형 - 768px (354~731줄 섹션)
   ======================================== */
@media all and (max-width: 768px){

    /* b1-1 섹션 */
    .b1-1 ul{margin-bottom: 60px;}
    .b1-1 ul li a{padding: 12px 0; font-size: 1.6rem;}
    .b1-1 h2{font-size: 3.2rem;}
    .b1-1 .text{width: 100%; margin: 40px 0 0 0;}
    .b1-1 .text h3{font-size: 2.4rem; margin-bottom: 20px;}
    .b1-1 .text p{font-size: 1.6rem; margin-top: 12px;}

    /* b1-2 섹션 */
    .b1-2 .tabnav{ margin-bottom: 40px;}
    .b1-2 .tabnav li a{padding: 10px 16px; font-size: 1.6rem;}
    .b1-2 .tab_box{flex-wrap: wrap; gap: 16px 2%;}
    .b1-2 .tab_box .box{width: 48%;}
    .b1-2 .tab_box .box .bp1{padding: 40px 20px 0 20px;}
    .b1-2 .tab_box .box .bp1 h6{margin-bottom: 12px;}
    .b1-2 .tab_box .box .bp1 h2{font-size: 2.4rem;}
    .b1-2 .tab_box .box .bp1 .text{margin-top: 50px;}
    .b1-2 .tab_box .box .bp1 .text h3{font-size: 1.4rem; margin-bottom: 8px;}
    .b1-2 .tab_box .box .bp1 .text h4{font-size: 2rem; margin-bottom: 12px;}
    .b1-2 .tab_box .box .bp1 .text p{font-size: 1.6rem;}

    /* b1-3 섹션 */
    .b1-3{padding-top: 80px;}
    .b1-3 ul{margin-bottom: 60px;}
    .b1-3 ul li a{padding: 12px 0; font-size: 1.6rem;}
    .b1-3 .text{height: auto; min-height: 500px; width: 100%; padding: 60px 5%;}
    .b1-3 .text .hi_text{width: 100%; margin: 0;}
    .b1-3 .text h2{font-size: 2.4rem; margin-bottom: 20px;}
    .b1-3 .text p{font-size: 1.6rem; margin-top: 12px;}
    .b1-3 h6{font-size: 3.2rem; margin-bottom: 40px;}

    /* b1-4 섹션 */
    .b1-4 .box_wrap{height: auto; flex-direction: column;}
    .b1-4 .box_wrap .sbox{width: 100%; height: 700px;}
    .b1-4 .box_wrap .img{width: 100%; height: 300px;}
    .b1-4 .box_wrap .width{padding: 40px 5%; height: initial;}
    .b1-4 .box_wrap h2{font-size: 3.2rem;}
    .b1-4 .box_wrap h3{font-size: 2.2rem; margin-bottom: 20px;}
    .b1-4 .box_wrap p{font-size: 1.6rem; margin-top: 12px;}
    .b1-4 .box_wrap .text{margin-top: 40px;}
    .b1-4 .box_wrap .text h4{font-size: 1.8rem; padding: 8px 18px; margin-bottom: 16px;}
    .b1-4 .box_wrap .text ul li{font-size: 1.6rem; margin-top: 14px;}

    /* b2 섹션 */
    .stxt h2{font-size: 3.2rem;}
    .stxt p{font-size: 1.6rem; margin-top: 20px;}
    .b2 .box_wrap{gap: 16px 3%; margin: 40px auto 0 auto;}
    .b2 .box_wrap a{width: 48%; gap: 12px 0;}
    .b2 .box_wrap a img{width: 40px;}
    .b2 .box_wrap a h2{font-size: 1.6rem;}

    /* b21 섹션 */
    .b_nav{flex-wrap: wrap; gap: 8px 0; margin-bottom: 40px; justify-content: center;}
    .b_nav li{width: 26%; flex: initial;}
    .b_nav li a{font-size: 1.6rem; padding: 10px 0; width: 100%;}
    .b21_top{flex-direction: column; gap: 20px 0; text-align: center; margin-bottom: 60px;}
    .b21_top h2{font-size: 2.6rem;}
    .b21_top p{font-size: 1.6rem;}
    .b21 svg{display: none;}
    .b21 .box_wrap{flex-wrap: wrap; margin-top: -40px; gap: 20px 0;}
    .b21 .box{width: 100%; padding: 28px 0; border-radius: 20px;background: rgba(255, 255, 255, 0.10);}
    .b21 .box h6{font-size: 1.4rem; margin-bottom: 40px;}
    .b21 .box h2{font-size: 2.0rem; margin: 24px 0 8px 0;}
    .b21 .box p{font-size: 1.4rem;}
    .b21 .box > img{width: 80px;}
    .b21-3 .common{padding-top: 0px;}

    /* b21-2 섹션 */
    .b21-2 h2{font-size: 2.6rem; margin-bottom: 24px; text-align: center;;}
    .b21-2 .box_wrap{padding: 24px 20px 80px 20px; background: #000;}
    .b2_wrap{gap: 24px 2%; align-items: center;}
    .b2_wrap .b2_left, .b2_wrap .b2_right{gap: 24px 0; width: 100%; margin: 0 auto;}
    .b2_wrap .b2_box{width: 100%;  margin: 0 auto}
    .b2_wrap .b2_box .text2{left: 130px; right: initial; width: initial;}
    .b2_wrap .b2_box .text2 dt img{width: 20px;}
    .b2_wrap .b2_box .text2 dd{font-size: 1.4rem;}
    .b2_wrap .b2_box .text h3{font-size: 1.8rem;}
    .b2_wrap .b2_box .text p{font-size: 1.2rem;}
    .b2_h6{font-size: 1.6rem; margin-top: 32px;}

    /* b21-3 섹션 */
    .b21-3 .box_wrap{padding: 24px 20px;}
    .b21-3 .box_wrap dl{width: 100%; margin-bottom: 28px; padding-bottom: 16px;}
    .b21-3 .box_wrap dt{font-size: 2.2rem; margin-bottom: 8px;}
    .b21-3 .box_wrap dd{font-size: 1.6rem;}

    /* c1 섹션 */
    .c1 .box_wrap{flex-direction: column;}
    .c1 .box{width: 100%; padding: 24px 24px 60px 24px; border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.1); text-align: center; border-radius: 10px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.08) 100%);}
    /*.c1 .box:last-child{border-bottom: none;}*/
    .c1 .box h4{font-size: 1.4rem; margin-top: 28px;}
    .c1 .box h2{font-size: 2.2rem; margin-bottom: 20px; margin-top: 4px;}
    .c1 .box dl dd{font-size: 1.6rem; text-align: left;}
    .c1 .box > img{width: 80px;}
    .c1 .box dl{margin: 0 auto; max-width: 250px; width: 100%; margin-top: 8px;}

    /* c1-2 섹션 */
    .c1-2 h2{flex-direction: column; justify-content: center; }
    .c1-2 h2 span{height: 20px; margin:5px 0px; width: 20px; height: 1px;}
    .c1-2 .b2_wrap .b2_left, .c1-2 .b2_wrap .b2_right{gap: 24px 0;}
    .c1-2 .line1:after, .c1-2 .line2:after, .c1-2 .line3:after, .c1-2 .line4:after{display: none;}
    .c1-2 .common{padding-top: 0px; padding-bottom: 0px;}

    /* d1 섹션 */
    .d1 .box_wrap{flex-direction: column; gap: 0px 0; margin-top: 0px;}
    .d1 .box{width: 100%; background: none; border-bottom: 1px solid rgba(255, 255, 255, 0.40); border-radius: 0px; border-right: 0px;}
    .d1 .box img{margin-bottom: 20px; width: 160px;}
    .d1 .box dl{margin-top: 16px; padding-left: 0; text-align: center; text-align: left; max-width: 210px; margin: 12px auto 0 auto;}
    .d1 .box dl dt{font-size: 1.8rem; margin-bottom: 4px;}
    .d1 .box dl dd{font-size: 1.6rem;}

    /* e1 섹션 */
    .e1 .e1_wrap{flex-direction: column; padding: 32px 20px; gap: 24px 0; background: #000;}
    .e1 .e1_wrap .img{width: 100%;}
    .e1 .e1_wrap .img img{width: 100%;}
    .e1 .e1_wrap .e1_text{width: 100%;}
    .e1 .e1_wrap .e1_text dl{padding-bottom: 24px; margin-bottom: 24px;}
    .e1 .e1_wrap .e1_text dl dt{font-size: 2.0rem; margin-bottom: 8px;}
    .e1 .e1_wrap .e1_text dl dd{font-size: 1.6rem;}
    .e1_point{display: none;}

    /* e2 섹션 */
    .e2 .box_wrap{flex-direction: column; position: relative;}
    .e2 .box_wrap .point{ position: absolute; right: 0; top: 30%; z-index: 0;}
    .e2 .text_wrap{width: 100%; position: relative; z-index: 3;}
    .e2 .text{flex-direction: column; padding: 32px 20px; gap: 16px 0; align-items: flex-start;}
    .e2 .text .img{width: 100%; gap: 0 20px;}
    .e2 .text .img img{width: 80px;}
    .e2 .text .img h6{font-size: 1.4rem;}
    .e2 .text .img h2{font-size: 2.0rem;}
    .e2 .text .p_wrap{gap: 12px 0;}
    .e2 .text .p_wrap p{font-size: 1.6rem;}

    /* f1 섹션 */
    .f1 .box_wrap{flex-direction: column; gap: 0px 0; margin: 0;}
    .f1 .box{width: 100%; border-radius: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.40); background: none;}
    .f1 .box > img{width: 160px;}
    .f1 .box .text{padding-left: 0; text-align: center;}
    .f1 .box .text h2{font-size: 2.6rem; padding-bottom: 16px; margin-bottom: 16px;}
    .f1 .box .text h2:after{left: 50%; transform: translateX(-50%);}
    .f1 .box .text p{font-size: 1.6rem; text-align: left; max-width: 280px; margin: 10px auto 0 auto; justify-content: flex-start; align-items: center;}

    /* f2 섹션 */
    .f2 .box_wrap{flex-direction: column; margin-top: 48px; gap: 16px 0;}
    .f2 .box{width: 100%; padding: 28px 24px 40px 24px;}
    .f2 .box > img{margin-bottom: 36px; width: 60px;}
    .f2 .box h2{font-size: 2.4rem;}
    .f2 .box p{font-size: 1.6rem; margin-top: 12px; }
    .f2 h6{font-size: 1.6rem; margin-top: 32px;}

    /* g1 섹션 */
    .g1 .box_wrap{flex-direction: column; gap: 24px 0;}
    .g1 .box_wrap .img{width:86%; margin: 0 auto 25px auto;}
    .g1 .box_wrap .text{width: 100%; padding: 16px 20px 28px 20px;}
    .g1 .box_wrap .text p{font-size: 1.6rem; margin-top: 16px;}

    .g2 .text_wrap img{width: 100%;}

    /* h1 섹션 */
    .h1 .box_wrap{gap: 48px 0;}
    .h1 .box{flex-direction: column; gap: 24px 0;}
    .h1 .box:nth-of-type(2){flex-direction: column;}
    .h1 .box .img{width: 100%;}
    .h1 .box .text{width: 100%;}
    .h1 .box .text h6{font-size: 1.4rem; margin-bottom: 8px;}
    .h1 .box .text h2{font-size: 2.6rem; margin-bottom: 14px;}
    .h1 .box .text p{font-size: 1.6rem; margin-bottom: 18px;}
    .h1 .box .text a{width: 120px; height: 44px; font-size: 1.4rem;}

    /* h2 섹션 */
    .h2 h2{font-size: 3.2rem; margin-bottom: 40px;}
    .h2 .box_wrap{gap: 16px 0;}
    .h2 .box{padding: 24px 20px; gap: 12px 16px;}
    .h2 .box .num{width: 50px; min-width: 50px; height: 50px; font-size: 2.0rem;}
    .h2 .box .text h3{font-size: 2.0rem; margin-bottom: 8px;}
    .h2 .box .text p{font-size: 1.6rem;}

    /* h3 섹션 */
    .h3 .stxt{margin-bottom: 60px;}
    .h3 .box_wrap{flex-direction: column; gap: 40px 0;}
    .h3 .box{width: 100%; padding: 20px; background: #333; border-radius: 20px;}
    .h3 .box img{margin-bottom: 20px; width: 60px;}
    .h3 .box h3{font-size: 2.0rem; margin-bottom: 14px;}
    .h3 .box h4{font-size: 1.4rem;}
    .h3 .box:after{width: 10px; height: 10px; top: -5px; display: none;}
    .h3 .box_wrap:after{display: none;}

    /* i1 섹션 */
    .i1 .box_wrap{flex-direction: column; gap: 24px 0; margin-bottom: 48px;}
    .i1 .box_wrap .stxt{width: 100%; min-height: 200px; background-size: contain; background-position: right;}
    .i1 .box_wrap .text{width: 100%;}
    .i1 .box_wrap .text h3{font-size: 2.6rem; margin-bottom: 14px;}
    .i1 .box_wrap .text dl{padding: 28px 0;}
    .i1 .box_wrap .text dt{font-size: 2.0rem; margin-bottom: 8px;}
    .i1 .box_wrap .text dd{font-size: 1.4rem;}
    .i1 .box_wrap2{padding: 48px 20px;}
    .i1 .box_wrap2 h2{font-size: 2.0rem; margin-bottom: 14px;}
    .i1 .box_wrap2 h2 br{display: none;}
    .i1 .box_wrap2 p{font-size: 1.6rem;}

    /* i2 섹션 */
    .i2{padding-bottom: 60px;}
    .i2 .stxt{margin-bottom: 48px;}
    .i2 .box_wrap{flex-direction: column; gap: 40px 0;}
    .i2 .box{width: 100%; padding: 0 20px 40px 20px; max-width: 345px; margin: 0 auto;}
    .i2 .box h6{width: 44px; height: 44px; font-size: 1.6rem; margin: -22px auto 28px auto;}
    .i2 .box h2{font-size: 2.0rem; margin-bottom: 20px; margin-top: 14px;}
    .i2 .box p{font-size: 1.6rem;}
    .i2 .box h5{width: 100%; max-width: 220px; font-size: 1.6rem;}

    /* i3 섹션 */
    .i3{height: 320px !important;}
    .i3 .fp-tableCell{height: 320px !important;}
    .i3 h2{font-size: 2.0rem;}
    .i3 h2 br{display: none;}

    /* i4 섹션 */
    .i4 .stxt{margin-bottom: 40px;}
    .i4 .tabnav{flex-wrap: wrap; gap: 8px 0;}
    .i4 .tabnav li{width: 50%;}
    .i4 .tabnav li a{width: 100%; padding: 12px 0; font-size: 1.6rem;}
    .i4 .tabcontent{margin-top: 28px;}
    .i4 .tab_box .box_wrap{flex-direction: column;}
    .i4 .tab_box .box{width: 100%; padding: 28px 20px;}
    .i4 .tab_box .box h2{font-size: 2.2rem; margin-bottom: 8px;}
    .i4 .tab_box .box h2 br{display: none;}
    .i4 .tab_box .box span{font-size: 1.4rem; padding: 3px 12px;}
    .i4 .tab_box .bline:after{display: none;}
    .i4 .tab_box h6{padding: 28px 5px; font-size: 1.8rem;}

    /* j1 섹션 */
    .j1 .stxt{margin-bottom: 40px;}
    .j1 .box .text h2{font-size: 2.2rem;}
    .j1 .text ul{flex-wrap: wrap; gap: 8px 1%;}
    .j1 .text ul li{padding: 4px 14px; font-size: 1.4rem;}

    /* j2 섹션 */
    .j2 .stxt h2{font-size: 2.6rem; margin-bottom: 40px;}
    .j2 .stxt h3{font-size: 2.0rem;}
    .j2 .bimg{margin-bottom: 48px;}

    /* k1 섹션 */
    .k1 h2{font-size: 3.2rem; margin-bottom: 16px;}
    .k1 span{margin-bottom: 20px;}
    .k1 p{font-size: 1.6rem;}
    .k1 p br{display: none;}

    /* k2 섹션 */
    .k2 .stxt{margin-bottom: 40px;}
    .k2 .box_wrap{flex-direction: column; gap: 32px 0;}
    .k2 .box{width: 100%; padding: 0 0 32px 0; border-right: none; border-bottom: 1px solid rgba(255,255,255,0.2);}
    .k2 .box:last-child{border-bottom: none; padding-bottom: 0;}
    .k2 .box h2{font-size: 2.4rem; margin: 24px 0 20px 0;}
    .k2 .box h3{font-size: 1.8rem; margin-bottom: 10px;}
    .k2 .box p{font-size: 1.6rem;}

    /* k3 섹션 */
    .k3 .stxt{flex-direction: column; gap: 20px 0; margin-bottom: 40px;}
    .k3 .stxt .text{width: 100%;}
    .k3 .stxt h2{font-size: 3.2rem;}
    .k3 .tabnav{flex-wrap: wrap; margin-bottom: 28px;}
    .k3 .tabnav li{width: 50%;}
    .k3 .tabnav li a{font-size: 1.6rem; padding: 12px 0;}
    .k3 .box_wrap{flex-direction: column; gap: 24px 0;}
    .k3 .box_wrap .text{width: 100%;}
    .k3 .box_wrap .img{width: 100%; max-width: 345px; }
    .k3 .box_wrap .text .t1 h2{font-size: 1.6rem; margin-bottom: 10px;}
    .k3 .box_wrap .text .t1 h3{font-size: 2.2rem;}
    .k3 .box_wrap .text .t2{margin-top: 40px;}
    .k3 .box_wrap .text .t2 h2{font-size: 1.8rem; padding: 3px 16px; margin-bottom: 10px;}
    .k3 .box_wrap .text .t2 li p, .k3 .box_wrap .text .t2 li span{font-size: 1.6rem;}

    /* k4 섹션 */
    .k4 h2{font-size: 3.2rem; margin-bottom: 40px;}
    .k4 .box_wrap{gap: 16px 0;}
    .k4 .box{width: 33.333%;}
    .k4 .box img{width: 60px;}
    .k4 .box h3{font-size: 1.6rem; margin-bottom: 2px;}
    .k4 .box span{font-size: 1.2rem;}

    /* l1 섹션 */
    .l1 .stxt{margin-bottom: 60px;}
    .l1 .box_wrap{flex-wrap: wrap; gap: 95px 2%; padding-top: 60px;}
    .l1 .box{width: 48%; padding: 40px 8px;}
    .l1 .box h3{font-size: 2.0rem; margin-bottom: 14px; margin-top: 16px;}
    .l1 .box p{font-size: 1.6rem;}
    .l1 .box h6{font-size: 1.4rem; top: -50px;}
    .l1 .box h6:after{width: 16px; height: 16px; bottom: -20px;}
    .n1 .area_wrap .img{display: none;}

    /* n2 섹션 */
    .n2 .stxt{padding-bottom: 28px;}
    .n2 .area_wrap{flex-direction: column; gap: 40px 0; margin-top: 60px;}
    .n2 .area_wrap .latest{width: 100%;}

    /* n5 섹션 */
    .n5 .stxt{padding-bottom: 28px;}
    .n5 .area_wrap{flex-direction: column; gap: 40px 0; margin-top: 60px;}
    .n5 .area_wrap .img{display: none;}
    .n5 .area_wrap .latest{width: 100%;}
    .form-group h2{font-size: 22px; margin-bottom: 24px;}
    .form-group .h6{font-size: 16px; margin-bottom: 6px;}
    .form-group input[type=text]{padding: 14px 0; font-size: 14px;}
    .form-group .box_wrap{margin-bottom: 40px;}
    .form-group1{margin-bottom: 60px;}
    .form-group textarea{padding: 14px 0; font-size: 14px;}
    .form-group4{gap: 12px 3%;}
    .form-group4 .write_box{width: 100%;}
    .form-group4 button{width: 100%; min-width: auto; padding: 14px 12px; font-size: 14px; white-space: nowrap;}
    .form-group4 .file_btn_plus svg{width: 52px;}
    .form-group5{margin-top: 60px;}
    .form-group5 .all_check{align-items: flex-start; gap: 12px 0;}
    .form-group5 .all_check h3{font-size: 16px;}
    .form-group5 input[type="checkbox"]{padding: 10px;}
    .form-group5 .all_check input[type="checkbox"]{padding: 14px;}
    .acco .collapsible{padding: 16px 0;}
    .acco .collapsible p{font-size: 14px;}
    .acco .collapsible span{font-size: 14px;}
    .acco .content .tbox{padding: 20px 0;}
    .form-footer button{padding: 16px 0; font-size: 14px; margin-top: 40px;}
}


/* ========================================
   반응형 - 576px (354~731줄 섹션)
   ======================================== */

@media all and (max-width: 605px) {
    .l1 .box{width: 100%;}
    .b1-2 .tab_box .box{width: 100%;}
    .b1-2 .tabnav li{width: 50%;}
    .b_nav li{width: 30%;}
    .b21 .box_wrap{gap: 0px; }
    .b21 .box{border-radius: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.08) 100%); border-right: 0px;}

    .b2_wrap{flex-direction: column;}
    .e2 .box_wrap .point{display: none;}
    .ft_menu{display: none;}
}