@charset "utf-8";

.wrap{margin:0 40px;}
@media all and (max-width:800px){
    .wrap{margin:0 20px;}
}

.p_only{display:none;}
.m_only{display:none;}

/* header */
#header{position:fixed; top:0; left:0; right:0; z-index:40; border-bottom:1px solid #E2E6E9; background-color:#fff;}
#header .wrap{display:flex; height:75px; justify-content:space-between;align-items:center;}
.logo{display:inline-flex; position:relative; z-index:35; justify-content:center;align-items:center;}
.logo a{display:inline-block; width:126px; height:23px; background:url(/images/v2/common/logo.svg) center/contain no-repeat; font-size:0;}
.gnb_toggle{display:none;}
.gnb{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; font-family:'Pretendard';}
.gnb .depth_list{display:flex; justify-content:center;align-items:center;gap:30px;}
.gnb .depth_text{display:inline-flex; position:relative; height:74px; font-size:16px; font-weight:600; align-items:center;}
.gnb .depth_text:before{display:block; position:absolute; left:0; right:0; bottom:-2px; height:0; background-color:#38BBCD; content:'';}
.gnb .depth1_item.active .depth_text{color:#38BBCD;}
.gnb .depth1_item.active .depth_text:before{height:3px;}
#header .login{position:relative; z-index:35;}
#header .login a{display:inline-block; padding:12px 30px; border-radius:8px; background-color:#38BBCD; color:#fff; font-size:16px; font-weight:600;}
#header .prev{display:none;}

.login_wrapper .gnb .depth_list{padding-right:40px; justify-content:end;}
.login_wrapper #header .login{display:none;}
@media all and (min-width:1024px){
    .gnb .depth_text:hover{color:#38BBCD;}
    .gnb .depth_text:hover:before{height:3px;}
}
@media all and (max-width:1400px){
    .p_only{display:block;}
}
@media all and (max-width:1023px){
    .p_only{display:none;}

    #header .wrap{height:50px;}
    #header:before{display:block; position:absolute; z-index:25; width:100%; height:100%; border-bottom:1px solid #E2E6E9; background-color:#fff; content:'';}
    #header .logo{position:absolute; left:0; right:0; width:auto; text-align:center;}
    #header .logo a{width:88px; height:16px;}
    #header .gnb_toggle{display:block; position:absolute; top:calc(50% - 14px); left:16px; z-index:35;}
    #header .gnb_toggle button{width:24px; height:24px; background:url(/images/v2/common/menu_btn.png) center/auto no-repeat; font-size:0; line-height:0;}
    #header .gnb{bottom:auto; z-index:20; padding-top:50px; background-color:#fff; transform:translateY(-100%); transition:.3s linear; transition-property:transform, box-shadow;}
    .gnb_open #header .gnb{box-shadow:0 4px 4px 0 rgba(0,0,0,.1); transform:translateY(0);}
    .gnb .depth{padding:41px 20px;}
    .gnb .depth_list{flex-direction:column;align-items:stretch;}
    .gnb .depth_text{/* width:100%; */height:auto;font-size:20px;}
    .gnb .depth1_item.active .depth_text:before{height: 2px;}
    #header .login{position:absolute; right:20px;}
    #header .login a{padding:7px 16px; font-size:12px;}

    .login_wrapper #header .login{display:block;}
}
@media all and (max-width:799px){
    .m_only{display:block !important;}

    .login_wrapper #header .login{display:none;}
    .login_wrapper #header .gnb_toggle{display:none;}
    .login_wrapper #header .prev{display:block; position:absolute; top:13px; left:16px; z-index:99; width:24px; height:24px; background:url(/images/v2/common/prev_icon.png) no-repeat center / 100%; font-size:0;}
}

/* container */
#container{overflow:hidden; position:relative; padding-top:75px; font-family:'Pretendard';}
@media all and (max-width:1023px){
    #container{margin-top:50px; padding-top:0;}
}

/* main */
/* main - banner */
#main .main_banner .banner_slider{width:1712px;margin:30px auto;border-radius: 50px;overflow: hidden;}
#main .main_banner .banner_slide{display:inline-flex;overflow:hidden;height:658px;padding-left:148px;background-repeat:no-repeat;background-position:center;background-size:cover;flex-direction:column;justify-content:center;align-items:flex-start;gap:30px;width: 100% !important;}
#main .main_banner .banner_slide.n1{background-image:url(/images/v2/main/banner_img1.png);}
#main .main_banner .banner_slide.n2{background-image:url(/images/v2/main/banner_img2.png); }
#main .main_banner .banner_slide strong{color:#fff; font-size:60px; font-weight:600; line-height:normal; letter-spacing:0;}
#main .main_banner .banner_slide p{color:#fff; font-size:26px; font-weight:400; line-height:normal; letter-spacing:0;}
#main .main_banner .banner_slide .btn_wrap{display:flex; margin-top:15px; gap:10px;}
#main .main_banner .banner_slide .banner_btn{display:inline-block; padding:18px 30px; border:1px solid #fff; border-radius:30px; color:#fff; font-size:20px; font-weight:600; transition:.8s ease-in-out;}
#main .main_banner .banner_slide.n1 .banner_btn{margin-top:55px;}
#main .main_banner .banner_slide.n2 .banner_btn{margin-top:-55px;}
#main .main_banner .banner_slide.swiper-slide-active .banner_btn{margin-top:0;}
#main .main_banner .deco{display:inline-block; position:relative; padding:12px 64px; text-align:center;}
#main .main_banner .deco:before{display:block; position:absolute; top:0; left:0; width:64px; height:112px; background:url(/images/v2/main/banner_deco.png) center/cover no-repeat; content:'';}
#main .main_banner .deco:after{display:block; position:absolute; top:0; right:0; width:64px; height:112px; background:url(/images/v2/main/banner_deco.png) center/cover no-repeat; content:''; transform:rotateY(180deg);}
@media all and (max-width:1800px){
    #main .main_banner .banner_slider{width:auto; margin:30px 40px;}
}
@media all and (max-width:1400px){
    #main .main_banner{}
    #main .main_banner .banner_slider{margin:40px 20px;border-radius: 29px;}
    #main .main_banner .banner_slide{height:378px; padding-left:85px; gap:12px;}
    #main .main_banner .banner_slide strong{font-size:35px; line-height:normal;}
    #main .main_banner .banner_slide p{font-size:15px; line-height:normal;}
    #main .main_banner .banner_slide .banner_btn{padding:10px 17px; font-size:12px;}
    #main .main_banner .banner_slide.n1 .banner_btn{margin-top:35px;}
    #main .main_banner .banner_slide.n2 .banner_btn{margin-top:-35px;}
    #main .main_banner .banner_slide.swiper-slide-active .banner_btn{margin-top:0;}
    #main .main_banner .deco{padding:10px 40px;}
    #main .main_banner .deco:before,#main .main_banner .deco:after{width:46px; height:81px;}
}
@media all and (max-width:799px){
    #main .main_banner .banner_slider{margin:40px 30px;}
    #main .main_banner .banner_slide{height:284px; padding-left:65px; border-radius:22px;}
    #main .main_banner .banner_slide strong{font-size:26px;}
    #main .main_banner .banner_slide p{font-size:12px;}
    #main .main_banner .banner_slide .btn_wrap{margin-top:5px;}
    #main .main_banner .banner_slide .banner_btn{padding:6px 13px 7px; font-size:9px;}
    #main .main_banner .deco{padding:8px 30px 4px;}
    #main .main_banner .deco:before,#main .main_banner .deco:after{width:34px; height:61px;}
}
@media all and (max-width:799px){
    #main .main_banner .banner_slider{margin:0;border-radius: 0;}
    #main .main_banner .banner_slide{height:575px; padding:40px 20px 31px; border-radius:0;}
    #main .main_banner .banner_slide.n1{background-image:linear-gradient(0deg, rgba(0,0,0,.5), transparent), url(/images/v2/main/banner_m_img1.png); background-repeat:no-repeat; background-position:bottom center, center center; background-size:cover;/*background-size:100% 205px, 100% auto*/ ;}
    #main .main_banner .banner_slide.n2{background-image:linear-gradient(0deg, rgba(0,0,0,.5), transparent), url(/images/v2/main/banner_m_img2.png); background-repeat:no-repeat; background-position:bottom center, center center; background-size:cover;/*background-size:100% 205px, 100% auto*/ ;}
    #main .main_banner .banner_slide strong{font-size:32px;}
    #main .main_banner .banner_slide .btn_wrap{width:100%; margin-top:auto; justify-content:center;gap:4px;}
    #main .main_banner .banner_slide .banner_btn{padding:12px 26px 11px; font-size:14px;}
    #main .main_banner .deco{padding:8px 30px 4px;}
    #main .main_banner .deco:before,#main .main_banner .deco:after{width:34px; height:61px;}
}

/* main - sect */
#main .sect{text-align:center;}
#main .sect .sect_tit{color:#000; font-size:48px; font-weight:600; text-align:center; line-height:57px; letter-spacing:0;word-break:keep-all;}
#main .sect .sect_tit+p{margin-top:30px; color:#000; font-size:20px; font-weight:300; text-align:center; line-height:25px; letter-spacing:0;word-break:keep-all;}

@media all and (max-width:379px){
    #main .main_banner .banner_slide strong{font-size:27px;}
    #main .main_banner .banner_slide .banner_btn{padding-left:16px; padding-right:16px;}
}

@media all and (max-width:1400px){
    #main .sect .sect_tit{font-size:34px; line-height:44px;}
    #main .sect .sect_tit+p{margin-top:20px; font-size:16px; line-height:21px;}
}
@media all and (max-width:799px){
    #main .sect .sect_tit{font-size:24px; line-height:31px;}
    #main .sect .sect_tit+p{padding-right:16px; padding-left:16px; font-size:14px; line-height:18px;}
}

/* main - sect1 */
#main .sect1{margin-top:150px;}
#main .sect1 .sect_tit+p{margin-top:20px;}
#main .sect1 .sect1_slider{display:flex; width:max-content; margin-top:84px; gap:20px;will-change:transform; align-items:end;}
#main .sect1 .sect1_slide{overflow:hidden; position:relative; width:270px; border:1px solid rgba(0,0,0,.1); border-radius:6px 20px 20px 6px; box-shadow:0 4px 20px rgba(0,0,0,.2);}
#main .sect1 .sect1_slide img{width:100%;}
#main .sect1 .sect1_slider.paused .slick-track{animation-play-state:paused !important;}
#main .sect1 .sect1_slider .slick-track{animation-play-state:running !important;}
@media all and (max-width:1400px){
    #main .sect1{margin-top:111px;}
    #main .sect1 .sect1_slider{margin-top:51px; gap:12px;}
    #main .sect1 .sect1_slide{width:154px; border-radius:4px 12px 12px 4px;}
}
@media all and (max-width:799px){
    #main .sect1{margin-top:80px;}
    #main .sect1 .sect_tit+p br{display:none;}
    #main .sect1 .sect1_slider{margin-top:37px; gap:6px;}
    #main .sect1 .sect1_slide{width:100px; height:156px; border-radius:3px 8px 8px 3px; box-shadow:0 2px 8px 0 rgba(0,0,0,.1);}
}

/* main - sect2 */
#main .sect2{margin-top:168px;}
#main .sect2 .sect2_imgs{display:flex; max-width:1134px; margin:34px auto 0; padding-left:18px; justify-content:center;align-items:center;gap:6px;}
#main .sect2 .sect2_img{display:none;}
#main .sect2 .sect2_img.pc{display:block;}
#main .sect2 .sect2_img img{width:100%;}
#main .sect2 .sect2_imgs .sect2_img:nth-child(1){margin-top:-4px; margin-right:30px;}
@media all and (max-width:1400px){
    #main .sect2{margin-top:120px;}
    #main .sect2 .sect2_imgs{gap:5px;}
    #main .sect2 .sect2_imgs .sect2_img{font-size:0; line-height:0;}
    #main .sect2 .sect2_imgs .sect2_img img{display:block; max-width:100%;}
    #main .sect2 .sect2_imgs .sect2_img:nth-child(1){width:359px; margin-top:-4px; margin-right:16px;}
    #main .sect2 .sect2_imgs .sect2_img:nth-child(2),#main .sect2 .sect2_imgs .sect2_img:nth-child(3){width:198px; margin-top:-4px;}
}
@media all and (max-width:799px){
    #main .sect2{margin-top:84px;}
    #main .sect2 .sect2_imgs{overflow:auto; margin-top:18px; padding-right:calc(50% - 136px); padding-left:calc(50% - 136px); justify-content:flex-start;gap:5px;}
    #main .sect2 .sect2_imgs::-webkit-scrollbar{height:4px; border:none;}
    #main .sect2 .sect2_imgs::-webkit-scrollbar-button:horizontal:start:decrement,#main .sect2 .sect2_imgs::-webkit-scrollbar-button:horizontal:start:increment{display:block; width:20px;}
    #main .sect2 .sect2_imgs::-webkit-scrollbar-button:horizontal:end:increment,#main .sect2 .sect2_imgs::-webkit-scrollbar-button:horizontal:end:decrement{display:block; width:20px;}
    #main .sect2 .sect2_imgs::-webkit-scrollbar-track{border-radius:2px; background-color:#E0E7F7;}
    #main .sect2 .sect2_imgs::-webkit-scrollbar-thumb{border-radius:2px; background-image:linear-gradient(90deg, #26C6DA, #268CDA); box-shadow:0 2px 2.3px 0 rgba(38,198,218,.45);}
    #main .sect2 .sect2_imgs::-webkit-scrollbar-button{display:none;}
    #main .sect2 .sect2_img.pc{display:none;}
    #main .sect2 .sect2_img.mobile{display:block; width:272px; flex:0 0 auto;}
    #main .sect2 .sect2_img.mobile+.sect2_img.mobile{margin-left:-20px;}
}

/* main - sec3 */
#main .sect3{margin-top:112px;}
#main .sect3 .sect_tit+p{margin-top:28px;}
#main .sect3 .sect3_imgs{display:flex; max-width:1192px; margin:35px auto 0; justify-content:center;align-items:center;}
#main .sect3 .sect3_img{display:none;}
#main .sect3 .sect3_img.pc{display:block;}
#main .sect3 .sect3_img+.sect3_img{margin-left:-17px;}
#main .sect3 .sect3_img img{display:block; max-width:100%;}
@media all and (max-width:1400px){
    #main .sect3{margin-top:120px;}
    #main .sect3 .sect_tit+p{margin-top:16px;}
    #main .sect3 .sect3_imgs{margin-top:27px;}
    #main .sect3 .sect3_img{width:423px;}
    #main .sect3 .sect3_img+.sect3_img{margin-left:-15px;}
}
@media all and (max-width:799px){
    #main .sect3{margin-top:80px;}
    #main .sect3 .sect3_img.pc{display:none;}
    #main .sect3 .sect3_imgs{overflow:auto; margin-top:18px; padding-right:calc(50% - 136px); padding-left:calc(50% - 136px); justify-content:flex-start;gap:5px;}
    #main .sect3 .sect3_imgs::-webkit-scrollbar{height:4px; border:none;}
    #main .sect3 .sect3_imgs::-webkit-scrollbar-button:horizontal:start:decrement,#main .sect3 .sect3_imgs::-webkit-scrollbar-button:horizontal:start:increment{display:block; width:20px;}
    #main .sect3 .sect3_imgs::-webkit-scrollbar-button:horizontal:end:increment,#main .sect3 .sect3_imgs::-webkit-scrollbar-button:horizontal:end:decrement{display:block; width:20px;}
    #main .sect3 .sect3_imgs::-webkit-scrollbar-track{border-radius:2px; background-color:#E0E7F7;}
    #main .sect3 .sect3_imgs::-webkit-scrollbar-thumb{border-radius:2px; background-image:linear-gradient(90deg, #26C6DA, #268CDA); box-shadow:0 2px 2.3px 0 rgba(38,198,218,.45);}
    #main .sect3 .sect3_imgs::-webkit-scrollbar-button{display:none;}
    #main .sect3 .sect3_img.mobile{display:block; width:auto; width:272px; margin-left:0; flex:0 0 auto;}
}

/* main - sect4 */
#main .sect4{margin-top:110px;}
#main .sect4 .sect4_imgs{max-width: 777px;margin:34px auto 0;}
#main .sect4 .sect4_img{display:none;}
#main .sect4 .sect4_img.pc{display:inline-block;}
#main .sect4 .sect4_img img{display:block; max-width:100%;}
@media all and (max-width:1400px){
    #main .sect4{margin-top:120px;}
    #main .sect4 .sect_tit+p{margin-top:16px;}
    #main .sect4 .sect4_imgs{margin-top:27px;}
    #main .sect4 .sect4_img{width: 553px;}
    #main .sect4 .sect4_img+.sect4_img{margin-left:-15px;}
}
@media all and (max-width:799px){
    #main .sect4{margin-top:80px;}
    #main .sect4 .sect4_img.pc{display:none;}
    #main .sect4 .sect4_imgs{margin-top:18px; padding-left:5px; text-align:center;}
    #main .sect4 .sect4_img.mobile{display:block; width:272px; margin:0 auto; flex:0 0 auto;}
}

/* main - sect5 */
#main .sect5{margin-top:109px; padding-top:151px; padding-bottom:120px; background-color:#f1f5f8;}
#main .sect5 .sect_wrap{width:1136px; margin:49px auto; text-align:left;}
#main .sect5 .sect5_slider{display:flex; margin-top:13px; gap:12px;}
#main .sect5 h3{color:#000; font-size:24px; font-weight:600; line-height:29px; letter-spacing:0;}
#main .sect5 .sect-swiper+h3{margin-top:66px;}
#main .sect5 .sect5_slider+h3{margin-top:85px;}
#main .sect5 .sect5_slider .slide{width:152px; flex:0 0 auto;}
#main .sect5 .sect5_slider .slide a{display:flex; height:100%; flex-direction:column;justify-content:flex-end;}
#main .sect5 .sect5_slider .slide_img{display:inline-block; overflow:hidden; border:1px solid rgba(0,0,0,.26); border-radius:3px 10px 10px 3px; box-shadow:0 1.85px 11.18px rgba(0,0,0,.2);}
#main .sect5 .sect5_slider .slide_img img{display:block; width:calc(100% + 4px); height:auto; margin:0 -1px;}
#main .sect5 .sect5_slider .tit{display:block;overflow:hidden;margin-top:25px;color:#000;font-size:16px;font-weight:400;text-overflow:ellipsis;line-height: 1;white-space:nowrap;letter-spacing:0;}
#main .sect5 .sect5_slider .text{display:block; overflow:hidden; margin-top:9px; color:#636363; font-size:11px; font-weight:400; text-overflow:ellipsis; line-height:13px; white-space:nowrap; letter-spacing:0;}
@media all and (max-width:1400px){
    #main .sect5{margin-top:80px; padding-top:110px;}
    #main .sect5 .sect_wrap{width:794px; margin-top:32px;}
    #main .sect5 .sect5_slider{margin-top:6px; gap:6px;}
    #main .sect5 h3{font-size:16px;}
    #main .sect5 .sect-swiper+h3{margin-top:47px;}
    #main .sect5 .sect5_slider .slide{width:107px;}
    #main .sect5 .sect5_slider .tit{margin-top:18px; font-size:12px;}
    #main .sect5 .sect5_slider .text{margin-top:4px; font-size:11px;}
}
@media all and (max-width:1023px){
    #main .sect5 .sect_wrap{width:740px;}
    #main .sect5 h3{font-size:15px;}
    #main .sect5 .sect5_slider .slide{width:100px;}
    #main .sect5 .sect5_slider .tit{font-size:11px;}
    #main .sect5 .sect5_slider .text{font-size:10px;}
}
@media all and (max-width:799px){
    #main .sect5{margin-top: 40px;padding-top: 80px;padding-bottom:62px;}
    #main .sect5 .sect_wrap{width:auto; margin:32px 16px;}
    #main .sect5 .sect5_slider{display:inline-block;/* width:calc(100% + 32px); *//* margin: 10px -16px 0 -16px; *//* padding: 0 8px; */display: flex;gap: 0;margin-top: 10px;gap: 12px;}
    #main .sect5 .sect5_slider .slick-list{overflow:visible !important;}
    #main .sect5 .sect5_slider .slick-track{display:flex;}
    #main .sect5 .sect5_slider .slide{width:152px;/* margin:0 6px; */margin: 0;}
    #main .sect5 .sect5_slider .slide:last-child{margin-right:72px;}
    #main .sect5 .sect5_slider .tit{font-size:16px;}
    #main .sect5 .sect5_slider .text{margin-top:10px; font-size:12px;}
}

/* main - sect6 */
#main .sect6{margin-top:150px;}
#main .sect6 .sect_tit br{display:none;}
#main .sect6 .sect6_info{display:flex; padding-top:12px; background:url(/images/v2/main/sect6_bg.png) center/910px auto no-repeat; justify-content:center;}
#main .sect6 .info_item{display:flex; align-items:center;}
#main .sect6 .info_item+.info_item{margin-left:-40px;}
#main .sect6 .info_cont{display:flex; margin-bottom:10px; flex-direction:column;}
#main .sect6 .info_cont span{color:#000; font-size:20px; font-weight:600; line-height:normal; letter-spacing:0;}
#main .sect6 .info_cont em{margin-top:2px; color:#000; font-style:normal; font-size:30px; font-weight:600; line-height:normal; letter-spacing:0;}
#main .sect6 .info_img{width:288px;}
#main .sect6 .info_img img{display:block; width:100%;}
#main .sect6 .sect6_info+p{margin-top:33px; color:#888; font-size:20px; font-weight:300; line-height:normal; letter-spacing:0;}
@media all and (max-width:1400px){
    #main .sect6{margin-top:106px;}
    #main .sect6 .sect6_info{margin-top:2px; background-size:596px auto;}
    #main .sect6 .info_item+.info_item{margin-left:-26px;}
    #main .sect6 .info_img{width:188px;}
    #main .sect6 .info_img img{display:block; width:100%;}
    #main .sect6 .info_cont span{font-size:14px;}
    #main .sect6 .info_cont em{font-size:20px;}
    #main .sect6 .sect6_info+p{margin-top:21px; font-size:14px;}
}
@media all and (max-width:799px){
    #main .sect6{margin-top:82px;}
}
@media all and (max-width:799px){
    #main .sect6 .sect_tit br{display:inline;}
    #main .sect6 .sect6_info{margin-top:16px; padding-top:0; background-position:center 30%; background-size:590px auto;}
    #main .sect6 .info_item{display:flex; flex-direction:column;}
    #main .sect6 .info_cont{margin-top:-7px; margin-bottom:0; order:2;}
    #main .sect6 .info_img{order:1;}
    #main .sect6 .info_cont span{font-size:12px;}
    #main .sect6 .info_cont em{font-size:16px;}
}

/* floating */
.floating{display:flex;position:sticky;left:0;right:0;bottom: 16px;z-index:10;margin:30px 0;transition:opacity .25s ease-in-out;justify-content:center;gap:8px;}
.floating .floating_link{padding: 0 40px;border-radius:28px;background-color:#38BBCD;color:#fff;font-size:16px;font-weight:600;line-height: 55px;letter-spacing:0;}
@media all and (max-width:1400px){
    .floating{margin:20px 0;}
    .floating .floating_link{padding: 0 30px;font-size:16px;line-height: 40px;}
}
@media all and (max-width:799px){
    .floating{bottom:12px; gap:6px;}
    .floating .floating_link{padding-right:20px; padding-left:20px; font-size:14px;}
    .floating .floating_link span{display:none;}
    .floating .floating_link span.m_only{display:inline-block !important;}
}
@media all and (max-width:400px){
    .floating .floating_link{font-size:13px;}
}
/* totop */
#totop{display:block;position:fixed;right:104px;bottom: 23px;z-index:15;}
#totop button{display:block; width:40px; height:40px; border-radius:50%; background-image:url(/images/v2/common/totop_arr.png); background-repeat:no-repeat; background-position:center; background-size:auto; background-color:#38BBCD; font-size:0; line-height:0;}
@media all and (max-width:1400px){
    #totop{right:30px;bottom: 15px;}
}
@media all and (max-width:799px){
    #totop{display:none;}

    /* #totop{right:20px;}
     #totop button{width:32px; height:32px; background-size:12px auto;}
 */
}

/* footer */
#footer{padding:40px 0 50px; border-top:1px solid #B9C2CF; background-color:#F9F9F9; font-size:0; font-family:'Pretendard';}
#footer .logo a{background-image:url(/images/v2/common/footer_logo.svg);}
#footer .footer_info{position:relative;}
#footer .footer_info p{margin-top:20px; color:#888; font-size:12px; font-weight:300; line-height:normal; letter-spacing:0;}
#footer .footer_info .info_list{display:block; position:relative;}
#footer .footer_info .info_list.n1{margin-top:20px;}
#footer .footer_info .info_list.n2{position:absolute; left:576px; bottom:28px; padding-left:21px;}
#footer .footer_info .info_list.n2:before{display:block; position:absolute; top:8px; left:0; bottom:8px; width:1px; background-color:#B9C2CF; content:'';}
#footer .footer_info .info_list li{margin:6px 0; color:#888; font-size:12px; font-weight:300; line-height:normal; letter-spacing:0;}
#footer .footer_info .info_list li b{font-weight:600;}
/*#footer .footer_info .info_list li b:after{content:':';}
*/
#footer .footer_info .copyright{color:#888; font-size:12px; font-weight:300; line-height:normal; letter-spacing:0;}
#footer .footer_info .copyright b{font-weight:600;}
@media all and (max-width:1400px){
    #footer{padding-bottom:40px;}
    #footer .footer_info .info_list.n2{left:484px; bottom:-6px;}
}
@media all and (max-width:799px){
    #footer .logo a{width:89px; height:17px;}
    #footer .footer_info .info_list.n1{width:50%;}
    #footer .footer_info .info_list.n1 b{display:block;}
    #footer .footer_info .info_list.n1 b:after{display:none;}
    #footer .footer_info .info_list.n2{left:51%; bottom:-4px;}
}
@media all and (max-width:799px){
    #footer .footer_info .info_list.n1{width:auto;}
    #footer .footer_info .info_list.n2{position:relative; left:auto; bottom:auto; margin-top:40px;}
    #footer .footer_info .info_list.n2:before{top:0; bottom:0;}
}

/* sub */

#sub h2{display:inline-block; margin:74px auto 9px auto; padding:0 17px; border-radius:25px; background-image:linear-gradient(to right, #26c6da 0%, #268cda 100%); box-shadow:4px 4px 10px 0 rgba(38, 198, 218, 0.25); color:#fff; font-size:16px; font-weight:600; line-height:49px;}
#sub h2:before{display:inline-block; width:20px; height:25px; margin-top:-2px; margin-right:10px; background:url(/images/v2/sub/title_icon.png) no-repeat center / 20px; content:''; vertical-align:middle;}
#sub h3{color:#000; font-size:48px; font-weight:600; line-height:1.3; word-break:keep-all;}
#sub .wrap{max-width:1290px; margin:0 auto;}
#sub .sect{position:relative; padding:100px 0;}
#sub .sect .wrap > p{color:#000; font-size:20px; line-height:1.5; word-break:keep-all; letter-spacing:-0.02em;}
#sub .sect .wrap > p b{font-weight:600;}

#sub .sub_visual{display:flex; overflow:hidden; height:469px; margin-top:40px; padding:60px; border-radius:20px; background-repeat:no-repeat; background-size:cover; flex-direction:column; gap:38px; justify-content:center;}
#sub .sub_visual div{color:#fff; font-size:40px; font-weight:600; line-height:1; word-break:keep-all;}
#sub .sub_visual p{color:#fff; font-size:24px; font-weight:300; line-height:1.417; word-break:keep-all;}
#sub .sub_visual p b{font-weight:600;}

#sub .sect1{padding-top:0 !important;}

#sub .sub1 .sect1 .wrap > p{margin-top:15px;}
#sub .sub1 .sect1 .sub_visual{background-image:url(/images/v2/sub/sub1_sect1_bg.jpg);}

#sub .sub1 .sect2{background-color:#f1f5f8;}
#sub .sub1 .sect2 .img{position:absolute; top:308px; left:0; right:0; height:406px; text-align:center;}
#sub .sub1 .sect2 .img img{height:100%;}
#sub .sub1 .sect2 ul{margin-top:40px; font-size:0;}
#sub .sub1 .sect2 ul li{display:inline-block; width:calc(calc(100% - 36px) / 3); padding:29px 30px; border-radius:20px; background-color:#fff; vertical-align:top;}
#sub .sub1 .sect2 ul li:nth-child(1){margin:29px 0 309px 0;}
#sub .sub1 .sect2 ul li:nth-child(2){margin:0 18px;}
#sub .sub1 .sect2 ul li:nth-child(3){margin:29px 0 309px 0;}
#sub .sub1 .sect2 ul li:nth-child(5){margin:61px 18px 0;}
#sub .sub1 .sect2 ul li div{display:flex; position:relative; color:#000; font-size:20px; font-weight:600; gap:8px; align-items:center;}
#sub .sub1 .sect2 ul li div:before{display:block; width:34px; height:34px; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:24px; background-color:#38bbcd; content:'';}
#sub .sub1 .sect2 ul li:nth-child(1) div:before{background-image:url(/images/v2/sub/sub1_sect2_icon01.png);}
#sub .sub1 .sect2 ul li:nth-child(2) div:before{background-image:url(/images/v2/sub/sub1_sect2_icon02.png);}
#sub .sub1 .sect2 ul li:nth-child(3) div:before{background-image:url(/images/v2/sub/sub1_sect2_icon03.png);}
#sub .sub1 .sect2 ul li:nth-child(4) div:before{background-image:url(/images/v2/sub/sub1_sect2_icon04.png);}
#sub .sub1 .sect2 ul li:nth-child(5) div:before{background-image:url(/images/v2/sub/sub1_sect2_icon05.png);}
#sub .sub1 .sect2 ul li:nth-child(6) div:before{background-image:url(/images/v2/sub/sub1_sect2_icon06.png);}
#sub .sub1 .sect2 ul li p{margin-top:14px; color:#000; font-size:14px; font-size:16px; line-height:1.2;}

#sub .sub1 .sect3 .scroll{margin-top:40px;}
#sub .sub1 .sect3 .tab{display:flex; gap:10px;}
#sub .sub1 .sect3 .tab li button{height:49px; padding:0 30px; border-radius:25px; background-color:#f1f5f8; color:#636363; font-size:18px; font-weight:600; white-space:nowrap;}
#sub .sub1 .sect3 .tab li.active button{background-color:#222; color:#fff;}
#sub .sub1 .sect3 .panel .panel_list{margin-top:30px;}
#sub .sub1 .sect3 .panel .panel_item{width:309px;}
#sub .sub1 .sect3 .panel .panel_item a{display:block; overflow:hidden; border-radius:10px; background-color:#f1f5f8;}
#sub .sub1 .sect3 .panel .panel_item a .panel_img{display:block;}
#sub .sub1 .sect3 .panel .panel_item a .panel_img img{width:100%;}
#sub .sub1 .sect3 .panel .panel_item a .panel_box{display:flex; height:98px; padding:5px 16px; flex-direction:column; justify-content:center; gap:6px;}
#sub .sub1 .sect3 .panel .panel_item a .panel_box span{display:block;}
#sub .sub1 .sect3 .panel .panel_item a .panel_box .panel_subject{color:#000; font-size:16px; font-weight:600;}
#sub .sub1 .sect3 .panel .panel_item a .panel_box .panel_text{color:#636363; font-size:12px; line-height:1.25;}
#sub .sub1 .sect3 .panel .slick-arrow{display:none;}

#sub .sub1 .sect4{background-color:#f9f9f9;}
#sub .sub1 .sect4 p{margin-top:15px; font-size:28px; /* font-weight:500;*/}
#sub .sub1 .sect4 .history{display:flex; position:relative; margin-top:79px; flex-direction:column; gap:60px;}
#sub .sub1 .sect4 .history:before{display:block; position:absolute; top:18px; left:15px; bottom:18px; width:2px; background-color:#d9d9d9; content:'';}
#sub .sub1 .sect4 .history .history_item{display:flex;}
#sub .sub1 .sect4 .history .history_item .year{position:relative; width:180px; padding-left:42px; color:#000; font-size:26px; font-weight:600; line-height:1.5;}
#sub .sub1 .sect4 .history .history_item .year:before{display:block; position:absolute; top:14px; left:10px; width:12px; height:12px; border-radius:50%; background-color:#38bbcd; content:'';}
#sub .sub1 .sect4 .history .history_item .month{display:flex; gap:2px; flex-direction:column;}
#sub .sub1 .sect4 .history .history_item .month .month_item{display:flex; padding:5px 0;}
#sub .sub1 .sect4 .history .history_item .month .month_item div{width:66px; padding-right:30px; font-size:18px; font-weight:600; text-align:right; line-height:1.5; white-space:nowrap;}
#sub .sub1 .sect4 .history .history_item .month .month_item ul li{color:#000; font-size:18px; line-height:1.5;}

#sub .sub1 .sect5 .wrap > .map{overflow:hidden; height:500px; margin-top:40px; border:1px solid rgba(0,0,0,.2); border-radius:10px;}
#sub .sub1 .sect5 .map .root_daum_roughmap{width:100% !important; height:100%;}
#sub .sub1 .sect5 .map .root_daum_roughmap .wrap_map{height:100% !important;}
#sub .sub1 .sect5 .map .wrap_controllers,
#sub .sub1 .sect5 .map .cont,
#sub .sub1 .sect5 .map .map_border{display:none;}

#sub .sub2 .sect1{padding-bottom:0;}
#sub .sub2 .sect1 .wrap >  p{margin-top:15px;}
#sub .sub2 .sect1 .sub_visual{background-image:url(/images/v2/sub/sub2_sect1_bg.jpg);}

#sub .sub2 .sect2 .wrap > p{margin-top:15px;}
#sub .sub2 .sect2 ul{display:flex; margin-top:40px; gap:40px 18px; flex-wrap:wrap;}
#sub .sub2 .sect2 ul li{display:flex; overflow:hidden; width:calc(50% - 9px); height:310px; border-radius:20px; background-color:#fff; box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.17); justify-content:space-between;}
#sub .sub2 .sect2 ul li .text{display:flex;width: calc(100% - 309px);padding:40px;flex-direction:column;justify-content:space-between;}
#sub .sub2 .sect2 ul li .text div{color:#000; font-size:24px; font-weight:600;}
#sub .sub2 .sect2 ul li .text p{color:#636363; font-size:16px;}
#sub .sub2 .sect2 ul li .img{width: 309px;}
#sub .sub2 .sect2 ul li .img img{height:100%;}

#sub .sub2 .sect3{background-color:#f1f5f8;}
#sub .sub2 .sect3 .wrap{display:flex;}
#sub .sub2 .sect3 .text{display:flex; position:relative; width:50%; flex-direction:column; gap:21px;}
#sub .sub2 .sect3 .text:before{display:block; position:absolute; top:40px; left:22px; bottom:200px; width:2px; background-color:#b6cfe3; content:'';}
#sub .sub2 .sect3 .text .text_item{display:flex; position:relative; gap:10px;}
#sub .sub2 .sect3 .text .text_item .num{width:46px; height:46px; margin-top:12px; border:4px solid #b6cfe4; border-radius:50px; background-color:#f1f5f8; color:#b6cfe3; font-size:20px; font-weight:600; text-align:center; line-height:38px; transition:.25s ease-in-out; transition-property:color, background, box-shadow;}
#sub .sub2 .sect3 .text .text_item .box{padding:20px 40px; border-radius:20px; transition:.25s ease-in-out;}
#sub .sub2 .sect3 .text .text_item .box div{color:#000; font-size:24px; font-weight:600;}
#sub .sub2 .sect3 .text .text_item .box ul{display:flex; margin-top:10px; flex-direction:column; gap:6px;}
#sub .sub2 .sect3 .text .text_item .box ul li{color:#636363; font-size:14px;}
#sub .sub2 .sect3 .text .text_item .box ul li div{font-size:16px;}
#sub .sub2 .sect3 .text .text_item.active .num{border:0; background-image:linear-gradient(131deg, #26c6da 5%, #268cda 83%); box-shadow:0 6px 5px 0 rgba(38, 198, 218, 0.34); color:#fff; line-height:46px;}
#sub .sub2 .sect3 .text .text_item.active .box{background-color:#fff;}
#sub .sub2 .sect3 .img{position:relative; width:50%; text-align:center;}
#sub .sub2 .sect3 .img li{opacity:0; transition:.5s ease-in-out;}
#sub .sub2 .sect3 .img li.active{opacity:1;}
#sub .sub2 .sect3 .img li:not(:first-child){position:absolute; top:0; left:0; right:0;}
#sub .sub2 .sect3 .img li img{width:385px; margin-top:-16px;}

#sub .sub2 .sect4 .wrap > p{margin-top:15px;}
#sub .sub2 .sect4 .scroll{/* margin:0 -16px; *//* padding:0 16px; *//* overflow-x:auto; *//* overflow-y:hidden; */}
#sub .sub2 .sect4 .review{display:flex; margin-top:40px; flex-wrap:wrap; gap:56px 18px;}
#sub .sub2 .sect4 .review li{width:calc(calc(100% - 36px) / 3); padding:29px 30px; border-bottom:1px solid #ccc;}
#sub .sub2 .sect4 .review li .profile img{width:64px;}
#sub .sub2 .sect4 .review li .star{margin:10px 0 14px;}
#sub .sub2 .sect4 .review li .star img{height:20px;}
#sub .sub2 .sect4 .review li p{color:#000; font-size:16px; letter-spacing:-0.02em;}
#sub .sub2 .sect4 .img{margin-top:50px; font-size:0;}
#sub .sub2 .sect4 .img img:nth-child(1){width:57.751%;}
#sub .sub2 .sect4 .img img:nth-child(2){width:42.249%;}

#sub .sub2 .sect5{background-color:#f9f9f9;}
#sub .sub2 .sect5 .box{display:flex; overflow:hidden; margin-top:40px; padding:40px; border:1px solid #ccc; border-radius:20px; background-color:#fff; gap:40px;}
#sub .sub2 .sect5 .box .text{display:flex; width:210px; color:#000; font-size:24px; font-weight:600; align-items:center; justify-content:center;}
#sub .sub2 .sect5 .box .img{display:flex; width:calc(100% - 250px); padding-left:40px; border-left:1px solid #e2e6e9; text-align:center; gap:40px 20px; flex-wrap:wrap; align-items:center;}
#sub .sub2 .sect5 .box .img li img{max-width:100%;}

#sub .sub2 .sect6 h3{text-align:center;}
#sub .sub2 .sect6 ul{display:flex; margin-top:40px; gap:18px;}
#sub .sub2 .sect6 ul li{overflow:hidden; width:calc(calc(100% - 36px) / 3); padding:40px 35px; border:1px solid #ccc; border-radius:20px; background-color:#fff;}
#sub .sub2 .sect6 ul li div{color:#000; font-size:32px; font-weight:600;}
#sub .sub2 .sect6 ul li p{margin-top:10px; padding-top:25px; border-top:1px solid #ccc; color:#636363; font-size:14px;}
#sub .sub2 .sect6 ul li p span{display:block; margin-bottom:6px; color:#000; font-size:16px; font-weight:600;}

#sub .sub3 .sect1{padding-bottom:0;}
#sub .sub3 .sect1 .wrap{position:relative; padding-bottom:40px;}
#sub .sub3 .sect1 .wrap:before{display:block; position:absolute; left:0; right:0; bottom:0; height:1px; background-color:#d9d9d9; content:'';}
#sub .sub3 .sect1 p{margin-top:15px;}

#sub .sub3 .marketing .wrap{display:flex;}
#sub .sub3 .marketing .text{width:50%;}
#sub .sub3 .marketing .text .tag{display:inline-block; padding:0 20px; border:1px solid #ccc; border-radius:26px; color:#636363; font-size:18px; font-weight:600; line-height:50px;}
#sub .sub3 .marketing .text .tag img{height:44px; margin-right:10px;}
#sub .sub3 .marketing .text h3{margin-top:30px;}
#sub .sub3 .marketing .text p{margin-top:40px; color:#636363; font-size:24px; line-height:1.417; word-break:keep-all;}
#sub .sub3 .marketing .img{width:50%; text-align:right;}
#sub .sub3 .marketing .img img{width:582px; max-width:100%;}

#sub .sub3 .sect2 .img img{width:660px;}

#sub .sub3 .sect3{background-color:#f1f5f8;}
#sub .sub3 .sect3 .text{padding-left:95px; order:2;}
#sub .sub3 .sect3 .text h3 img{width:26px; margin:-12px 16px 0;}
#sub .sub3 .sect3 .img{text-align:left; order:1;}
#sub .sub3 .sect3 .img img{width:527px; margin-top:-23px;}

#sub .sub3 .sect4 .img img{margin-top:-14px;}

#sub .btn_down{display:inline-block; padding:0 50px; border:1px solid #b9c2cf; border-radius:6px; background-color:#fff; color:#000; font-size:20px; font-weight:500; text-align:center; line-height:80px;}
#sub .btn_down:after{display:inline-block; width:24px; height:24px; margin:27px 0 0 9px; background:url(/images/v2/sub/down_icon.png) no-repeat center / 24px; content:''; vertical-align:top;}
#sub .btn_down.white{border-color:transparent; background-color:#38bbcd; color:#fff;}
#sub .btn_down.white:after{background-image:url(/images/v2/sub/down_icon_white.png);}

#sub .sub3 .sect5{background-color:#f9f9f9;}
#sub .sub3 .sect5 ol{display:flex; margin-top:40px; align-items:center; justify-content:center; gap:50px;}
#sub .sub3 .sect5 ol li{position:relative;}
#sub .sub3 .sect5 ol li + li:before{display:block; position:absolute; top:96px; left:-35px; width:21px; height:27px; background:url(/images/v2/sub/sub3_sect4_arrow.png) no-repeat center / auto 27px; content:'';}
#sub .sub3 .sect5 ol li .img{display:flex; width:218px; height:218px; border-radius:50%; background-color:#fff; align-items:center; justify-content:center;}
#sub .sub3 .sect5 ol li .img img{height:100px;}
#sub .sub3 .sect5 ol li .text{margin-top:18px; color:#000; font-size:24px; font-weight:600; text-align:center;}
#sub .sub3 .sect5 .btn_wrap{margin-top:61px; text-align:center;}

#sub .sub4 .sect1{background-image:linear-gradient(to bottom, rgba(241, 245, 248, 0) 0%, #f1f5f8 48%);}
#sub .sub4 .sect1 .box{display:flex; margin-top:20px;}
#sub .sub4 .sect1 .box .img{display:flex; width:436px; align-items:end;}
#sub .sub4 .sect1 .box .img img{width:100%;}
#sub .sub4 .sect1 .box .text{width:calc(100% - 436px); padding-top:39px;}
#sub .sub4 .sect1 .box .text > p{color:#000; font-size:30px; word-break:keep-all;}
#sub .sub4 .sect1 .box .text ol{display:flex; margin-top:34px; gap:16px;}
#sub .sub4 .sect1 .box .text ol li{width:calc(50% - 8px); padding:40px; border-radius:20px; background-color:#fff; box-shadow:0 0 22px 0 rgba(0, 0, 0, 0.1);}
#sub .sub4 .sect1 .box .text ol li .num{display:inline-block; padding:0 10px; border-radius:15px; background-color:#38bbcd; color:#fff; font-size:18px; font-weight:600; line-height:29px;}
#sub .sub4 .sect1 .box .text ol li p{margin-top:10px; color:#000; font-size:25px; font-weight:600;}
#sub .sub4 .sect1 .box .text ol li .date{display:flex; height:156px; margin-top:40px; border-radius:20px; background-color:#f1f5f8; color:#000; font-size:40px; font-weight:600; align-items:center; justify-content:center;}

#sub .sub4 .sect2{padding-top:0; padding-bottom:0;}
#sub .sub4 .sect1 + .sect2{padding-top:100px;}
#sub .sub4 .sect2 .install{display:flex; overflow:hidden; margin-top:40px; padding:40px 84px; border-radius:20px; background-color:#fff; box-shadow:0 0 15.7px 0 rgba(0, 0, 0, 0.17); gap:66px;}
#sub .sub4 .sect2 .install h4{margin-bottom:20px; color:#000; font-size:25px; font-weight:600;}
te{display:none;}
#sub .sub4 .sect2 .install .box .btn img{width:24px;}
#sub .sub4 .sect2 .install .box .btn span{color:#fff; font-size:16px;}
#sub .sub4 .sect2 .install .box .btn span b{display:block; font-weight:600;}
#sub .sub4 .sect2 .install .box ul{display:flex; gap:30px; justify-content:space-between;}
#sub .sub4 .sect2 .install .box ul li{display:flex; text-align:center; flex-direction:column;}
#sub .sub4 .sect2 .install .box ul li p{margin-top:20px; color:#636363; font-size:14px; line-height:1.2; word-break:keep-all;}
#sub .sub4 .sect2 .install .box.n1{width:389px;}
#sub .sub4 .sect2 .install .box.n1 ul li a{display:block;}
#sub .sub4 .sect2 .install .box.n1 ul li a img{width:178px;}
#sub .sub4 .sect2 .install .box.n1 ul li a img + img{display:block; width:135px; margin-top:10px; margin-right:auto; margin-left:auto;}
#sub .sub4 .sect2 .install .box.n1 ul li a .btn{display:none;}
#sub .sub4 .sect2 .install .box.n1 ul li p{margin-top:8px;}
#sub .sub4 .sect2 .install .box.n2{width:calc(100% - 323px);}
#sub .sub4 .sect2 .install .box.n2 ul li h4{text-align:left;}
#sub .sub4 .sect2 .install .box.n2 ul li .btn{display:block; display:flex; width:178px; height:178px; border-radius:10px; background-image:linear-gradient(136deg, #31c2d9 -62%, #8f56e9 98%); flex-direction:column; align-items:center; justify-content:center; gap:10px;}
#sub .sub4 .sect2 .install .box.n2 ul li:last-child .btn{background-image:linear-gradient(137deg, #444 -2%, #000 98%);}

#sub .sub4 .sect3 ul{margin-top:40px; border-top:1px solid #000;}
#sub .sub4 .sect3 ul li{display:flex; padding:40px; border-bottom:1px solid #000; align-items:center; justify-content:space-between;}
#sub .sub4 .sect3 ul li .text div{color:#000; font-size:25px; font-weight:600;}
#sub .sub4 .sect3 ul li .text p{margin-top:10px; color:#636363; font-size:16px;}
#sub .sub4 .sect3 ul li .btn .btn_down{width:417px; padding:0 20px;}

#sub .bu{display:flex; margin-top:9px; flex-direction:column; gap:10px;}
#sub .bu li{position:relative; padding-left:19px; color:#000; font-size:20px;}
#sub .bu li:before{display:block; position:absolute; top:0; left:0; content:'-';}
#sub .sub5 .sect1{padding-bottom:0;}
#sub .sub5 .sect1 .list{display:flex; margin-top:40px; gap:18px;}
#sub .sub5 .sect1 .list li{width:calc(50% - 9px); border:1px solid #ccc; border-radius:20px;}
#sub .sub5 .sect1 .list li img{width:100%;}
#sub .sub5 .sect1 .btn_wrap{margin-top:50px; text-align:center;}

#sub .sub5 .sect2{padding-bottom:0;}
#sub .sub5 .sect2 .list{display:flex; margin-top:56px; gap:18px; align-items:end;}
#sub .sub5 .sect2 .list li{width:calc(calc(100% - 36px) / 3);}
#sub .sub5 .sect2 .list li .title{color:#000; font-size:26px; font-weight:600;}
#sub .sub5 .sect2 .list li .title span{font-size:20px;}
#sub .sub5 .sect2 .list li .color{display:flex; overflow:hidden; height:230px; margin-top:20px; border:1px solid transparent; border-radius:10px; font-size:20px; font-weight:600; align-items:center; justify-content:center;}
#sub .sub5 .sect2 .list li:nth-child(1) .color{background-color:#38bbcd; color:#fff;}
#sub .sub5 .sect2 .list li:nth-child(2) .color{border-color:#ccc;}
#sub .sub5 .sect2 .list li:nth-child(3) .color{background-color:#0082ca; color:#fff;}
#sub .sub5 .sect2 .list li .text{margin-top:11px; padding:0 10px; color:#000; font-size:20px; line-height:34px;}
#sub .sub5 .sect2 .list li .text b{font-weight:600;}

#sub .sub5 .sect3{padding-bottom:0;}
#sub .sub5 .sect3 .list{display:flex; overflow:hidden; height:418px; margin-top:38px; padding:0 107px; border-radius:10px; background-color:#f1f5f8; align-items:center; justify-content:space-between;}
#sub .sub5 .sect3 .list li:nth-child(1) img{width:426px;}
#sub .sub5 .sect3 .list li:nth-child(2) img{width:420px;}

#sub .sub5 .sect4 h4{margin-top:100px; color:#000; font-size:26px; font-weight:600;}
#sub .sub5 .sect4 h3 + h4{margin-top:40px;}
#sub .sub5 .sect4 .list1{display:flex; margin-top:20px; flex-direction:column; gap:78px;}
#sub .sub5 .sect4 .list1 li{display:flex; align-items:center; justify-content:space-between;}
#sub .sub5 .sect4 .list1 li img:nth-child(1){width:544px;}
#sub .sub5 .sect4 .list1 li img:nth-child(2){height:21px;}
#sub .sub5 .sect4 .list2{display:flex; margin-top:40px;}
#sub .sub5 .sect4 .list2 li{width:50%;}
#sub .sub5 .sect4 .list2 li img{width:100%;}
#sub .sub5 .sect4 .list3{display:flex; margin-top:40px; gap:48px 28px; flex-wrap:wrap;}
#sub .sub5 .sect4 .list3 li{width:calc(50% - 14px);}
#sub .sub5 .sect4 .list3 li img{width:100%;}

@media all and (max-width:1400px){
    #sub .wrap{padding:0 40px;}

    #sub h3{font-size:34px;}
    #sub .sect .wrap > p{font-size:16px; line-height:1.3;}

    #sub .sub_visual{height:358px; padding:44px; border-radius:16px; gap:29px;}
    #sub .sub_visual div{font-size:28px;}
    #sub .sub_visual p{font-size:18px;}


    #sub .sub1 .sect2 .img{top:269px; height:310px;}
    #sub .sub1 .sect2 ul li{width:calc(calc(100% - 26px) / 3); padding:22px 23px;}
    #sub .sub1 .sect2 ul li:nth-child(1){margin:22px 0 230px;}
    #sub .sub1 .sect2 ul li:nth-child(2){margin:0 13px;}
    #sub .sub1 .sect2 ul li:nth-child(3){margin:22px 0 230px;}
    #sub .sub1 .sect2 ul li:nth-child(5){margin:47px 13px 0;}
    #sub .sub1 .sect2 ul li div{font-size:16px; gap:6px;}
    #sub .sub1 .sect2 ul li div:before{width:26px; height:26px; background-size:18px;}
    #sub .sub1 .sect2 ul li p{margin-top:10px; font-size:14px;}

    #sub .sub1 .sect3 .tab li button{height:47px; font-size:16px;}

    #sub .sub1 .sect4 p{font-size:24px;}



    #sub .sub2 .sect2 p{font-size:20px;}
    #sub .sub2 .sect2 ul{gap:40px 18px;}
    #sub .sub2 .sect2 ul li{height:237px;}
    #sub .sub2 .sect2 ul li .text{width:calc(100% - 237px); padding:30px;}
    #sub .sub2 .sect2 ul li .text div{font-size:20px;}
    #sub .sub2 .sect2 ul li .text p{font-size:12px; line-height:1.2;}
    #sub .sub2 .sect2 ul li .img{overflow:hidden; width:215px;}
    #sub .sub2 .sect2 ul li .img img{margin-left:-11px;}

    #sub .sub2 .sect3 .text{gap:10px;}
    #sub .sub2 .sect3 .text:before{left:17px; bottom:130px;}
    #sub .sub2 .sect3 .text .text_item{gap:6px;}
    #sub .sub2 .sect3 .text .text_item .num{width:36px; height:36px; margin-top:10px; border-width:3px; font-size:16px; line-height:30px;}
    #sub .sub2 .sect3 .text .text_item .box{padding:15px 30px; border-radius:16px;}
    #sub .sub2 .sect3 .text .text_item .box div{font-size:20px;}
    #sub .sub2 .sect3 .text .text_item .box ul{margin-top:8px; gap:5px;}
    #sub .sub2 .sect3 .text .text_item .box ul li{font-size:12px;}
    #sub .sub2 .sect3 .text .text_item .box ul li div{font-size:14px;}
    #sub .sub2 .sect3 .text .text_item.active .num{line-height:36px;}
    #sub .sub2 .sect3 .img li img{width:296px; margin-top:-12px;}

    #sub .sub2 .sect4 p{font-size:20px;}
    #sub .sub2 .sect4 .review{gap:20px 18px;}
    #sub .sub2 .sect4 .review li{width:calc(50% - 9px);}
    #sub .sub2 .sect4 .img{margin-top:40px;}

    #sub .sub2 .sect5 .box{margin-top:20px; padding:36px; border-radius:16px;}
    #sub .sub2 .sect5 .box .text{width:153px; font-size:18px;}
    #sub .sub2 .sect5 .box .img{width:calc(100% - 153px); padding-left:36px; gap:28px 14px;}
    #sub .sub2 .sect5 .box .img li{flex:0 1 calc(100% / 7 - 12px);}

    #sub .sub2 .sect6 ul li{padding:30px 25px;}
    #sub .sub2 .sect6 ul li div{font-size:24px;}
    #sub .sub2 .sect6 ul li p{padding-top:20px;}

    #sub .sub3 .sect1 .wrap:before{left:40px; right:40px;}

    #sub .sub3 .marketing .text p{font-size:20px;}

    #sub .sub3 .sect2 .img img{margin-top:-11px;}

    #sub .sub3 .sect3 .text{padding-left:60px;}
    #sub .sub3 .sect3 .text h3 img{width:18px; margin:-8px 10px 0;}

    #sub .sub3 .sect5 ol{margin-top:31px; gap:20px 36px;}
    #sub .sub3 .sect5 ol li + li:before{top:72px; left:-30px; width:22px; height:17px; background-size:auto 17px;}
    #sub .sub3 .sect5 ol li .img{width:160px; height:160px;}
    #sub .sub3 .sect5 ol li .img img{height:74px;}
    #sub .sub3 .sect5 ol li .text{margin-top:13px; font-size:18px;}

    #sub .sub4 .sect1 .box{margin-top:18px;}
    #sub .sub4 .sect1 .box .img{width:327px;}
    #sub .sub4 .sect1 .box .text{width:calc(100% - 327px); padding-top:29px;}
    #sub .sub4 .sect1 .box .text p{font-size:22px;}
    #sub .sub4 .sect1 .box .text ol{margin-top:26px; gap:10px;}
    #sub .sub4 .sect1 .box .text ol li{width:calc(50% - 5px); padding:30px; border-radius:15px;}
    #sub .sub4 .sect1 .box .text ol li .num{padding:0 8px; font-size:14px; line-height:23px;}
    #sub .sub4 .sect1 .box .text ol li p{margin-top:8px; font-size:20px;}
    #sub .sub4 .sect1 .box .text ol li .date{height:114px; margin-top:30px; font-size:30px;}

    #sub .sub4 .sect2 .install{padding:28px 52px; gap:48px;}
    #sub .sub4 .sect2 .install h4{margin-bottom:15px; font-size:18px;}
    #sub .sub4 .sect2 .install .box .btn span{font-size:12px;}
    #sub .sub4 .sect2 .install .box ul li{width:134px;}
    #sub .sub4 .sect2 .install .box ul li p{font-size:12px; letter-spacing:-0.035em;}
    #sub .sub4 .sect2 .install .box.n1{width:292px;}
    #sub .sub4 .sect2 .install .box.n1 ul li a img{width:134px;}
    #sub .sub4 .sect2 .install .box.n1 ul li a img + img{width:101px; margin-top:7px;}
    #sub .sub4 .sect2 .install .box.n1 ul li p{margin-top:6px;}
    #sub .sub4 .sect2 .install .box.n2{width:calc(100% - 292px);}
    #sub .sub4 .sect2 .install .box.n2 ul li .btn{width:134px; height:134px; border-radius:8px; gap:7px;}
    #sub .sub4 .sect2 .install .box.n2 ul li p{margin-top:15px;}

    #sub .sub4 .sect3 ul{margin-top:30px;}

    #sub .bu{gap:7px;}
    #sub .bu li{padding-left:14px; font-size:16px;}
    #sub .sub5 .sect1 .list li{border-radius:15px;}
    #sub .sub5 .sect1 .btn_wrap{margin-top:40px;}

    #sub .sub5 .sect2 .list{margin-top:40px; gap:13px;}
    #sub .sub5 .sect2 .list li{width:calc(calc(100% - 26px) / 3);}
    #sub .sub5 .sect2 .list li .title{font-size:16px;}
    #sub .sub5 .sect2 .list li .title span{font-size:inherit;}
    #sub .sub5 .sect2 .list li .color{height:169px; margin-top:10px; border-radius:7px; font-size:14px;}
    #sub .sub5 .sect2 .list li .text{margin-top:8px; padding:0 7px; font-size:14px; line-height:24px;}

    #sub .sub5 .sect3 .list{height:305px; padding:0 75px; border-radius:7px;}
    #sub .sub5 .sect3 .list li:nth-child(1) img{width:305px;}
    #sub .sub5 .sect3 .list li:nth-child(2) img{width:305px;}

    #sub .sub5 .sect4 h4{font-size:16px;}
    #sub .sub5 .sect4 .list1{gap:56px;}
    #sub .sub5 .sect4 .list1 li img:nth-child(1){width:398px;}
    #sub .sub5 .sect4 .list1 li img:nth-child(2){height:15px;}
    #sub .sub5 .sect4 .list2{margin-top:20px;}
    #sub .sub5 .sect4 .list3{margin-top:20px; gap:35px 22px;}
    #sub .sub5 .sect4 .list3 li{width:calc(50% - 11px);}
}
@media all and (max-width:1023px){

    #sub h2{margin-top:40px;}
    #sub .sect{padding:80px 0;}
    #sub .wrap{padding:0 30px;}

    #sub .sub_visual{height:280px;}


    #sub .sub1 .sect2 .img{position:relative; top:auto; left:auto; right:auto; margin-top:39px;}
    #sub .sub1 .sect2 .img img{position:absolute; top:0; left:50%; transform:translateX(-50%);}
    #sub .sub1 .sect2 ul{display:flex; margin-top:20px; gap:10px; flex-wrap:wrap;}
    #sub .sub1 .sect2 ul li{width:calc(50% - 5px); margin:0 !important;}
    #sub .sub1 .sect2 ul li:nth-child(5){order:6;}
    #sub .sub1 .sect2 ul li p{padding-left:32px;}





    #sub .sub2 .sect2 ul{gap:10px;}
    #sub .sub2 .sect2 ul li{width:calc(calc(100% - 20px) / 3); height:auto; box-shadow:0 0 12.2px 0 rgba(0, 0, 0, 0.17); flex-direction:column;}
    #sub .sub2 .sect2 ul li .text{width:100%; height:154px; padding:20px; order:2;}
    #sub .sub2 .sect2 ul li .text div{font-size:16px;}
    #sub .sub2 .sect2 ul li .img{position:relative; width:100%; height:177px; order:1;}
    #sub .sub2 .sect2 ul li .img img{position:absolute; top:50%; left:0; right:0; width:100%; height:auto; margin-left:0; transform:translateY(-50%);}

    #sub .sub2 .sect3 .text{width:452px;}
    #sub .sub2 .sect3 .img{width:calc(100% - 452px);}

    #sub .sub2 .sect4 .review{gap:1px 14px;}
    #sub .sub2 .sect4 .review li{width:calc(50% - 7px);}

    #sub .sub2 .sect5 h3{margin-bottom:40px;}
    #sub .sub2 .sect5 .box{margin-top:10px; padding:28px;}
    #sub .sub2 .sect5 .box .text{width:120px; font-size:14px;}
    #sub .sub2 .sect5 .box .img{width:calc(100% - 120px); padding-left:28px; gap:26px 11px;}
    #sub .sub2 .sect5 .box .img li{flex:0 1 calc(100% / 7 - 10px);}

    #sub .sub2 .sect6 h3{text-align:left;}
    #sub .sub2 .sect6 ul{gap:13px;}
    #sub .sub2 .sect6 ul li{width:calc(calc(100% - 26px) / 3);}
    #sub .sub2 .sect6 ul li div{font-size:18px;}
    #sub .sub2 .sect6 ul li p span{font-size:14px;}

    #sub .sub3 .sect1 .wrap:before{left:30px; right:30px;}

    #sub .sub3 .marketing{padding-bottom:390px;}
    #sub .sub3 .marketing .text p{padding-right:80px;}
    #sub .sub3 .marketing .img{position:absolute; right:8px; bottom:50px; width:100%; text-align:right;}
    #sub .sub3 .marketing .img img{width:auto; height:460px;}

    #sub .sub3 .sect2 .text{width:100%;}

    #sub .sub3 .sect3{padding-bottom:320px;}
    #sub .sub3 .sect3 .text{padding-left:0;}
    #sub .sub3 .sect3 .img img{height:400px;}

    #sub .sub3 .sect4{padding-bottom:350px;}
    #sub .sub3 .sect4 .img{background:url(/images/v2/sub/sub3_sect4_img_m.png) no-repeat center right / auto 100%;}
    #sub .sub3 .sect4 .img img{opacity:0;}


    #sub .sub3 .sect5 ol{flex-wrap:wrap;}

    #sub .sub4 .sect1 .box .text{padding-top:9px;}
    #sub .sub4 .sect1 .box .text ol{margin-top:53px; gap:8px;}
    #sub .sub4 .sect1 .box .text ol li{width:calc(50% - 4px); padding:20px; border-radius:15px;}
    #sub .sub4 .sect1 .box .text ol li .date{height:101px; border-radius:15px; font-size:20px;}

    #sub .sub4 .sect2 .install{box-shadow:0 0 16.5px 0 rgba(0, 0, 0, 0.1); flex-direction:column;}
    #sub .sub4 .sect2 .install .box.n1{width:100%;}
    #sub .sub4 .sect2 .install .box.n1 ul:after{display:block; width:134px; content:'';}
    #sub .sub4 .sect2 .install .box.n2{width:100%;}

    #sub .sub4 .sect3 ul li{flex-direction:column; gap:20px;}
    #sub .sub4 .sect3 ul li .text{width:100%;}
    #sub .sub4 .sect3 ul li .btn{width:100%;}
    #sub .sub4 .sect3 ul li .btn .btn_down{width:100%;}

    #sub .bu li{padding-left:13px; font-size:15px;}
    #sub .sub5 .sect1 .list li{border-radius:10px;}
    #sub .sub5 .sect1 .btn_wrap{margin-top:32px;}

    #sub .sub5 .sect2 .list li .title{font-size:14px;}

    #sub .sub5 .sect3 .list{height:240px; padding:0 60px;}
    #sub .sub5 .sect3 .list li:nth-child(1) img,
    #sub .sub5 .sect3 .list li:nth-child(2) img{width:240px;}

    #sub .sub5 .sect4 .list3{gap:20px 18px;}
    #sub .sub5 .sect4 .list3 li{width:calc(50% - 9px);}
}
@media all and (max-width:799px){

    #sub h2{margin-top:35px; margin-bottom:10px; padding:0 12px; font-size:14px; line-height:32px;}
    #sub h2:before{width:14px; height:18px; margin-right:10px; background-size:14px;}
    #sub h3{font-size:24px; line-height:1.2;}
    #sub .sect{padding:60px 0;}
    #sub .wrap{padding:0 16px;}
    #sub .sect .wrap > p{font-size:14px;}

    #sub .sub_visual{height:230px; margin:22px -16px 0; padding:17px; border-radius:0; gap:10px;}
    #sub .sub_visual div{font-size:22px; line-height:1.2;}
    #sub .sub_visual p{font-size:14px; line-height:1.3;}
    #sub .sub_visual p br:nth-child(2),
    #sub .sub_visual p br:nth-child(3){display:none;}

    #sub .sub1 .sect1{padding-bottom:0;}

    #sub .sub1 .sect2 .img{height:161px; margin-top:30px;}
    #sub .sub1 .sect2 ul{gap:6px;}
    #sub .sub1 .sect2 ul li{width:100%;}

    #sub .sub1 .sect3 .scroll{margin:30px -16px 0 -16px; padding:0 16px; overflow-x:auto; overflow-y:hidden;}
    #sub .sub1 .sect3 .tab{width:621px;}
    #sub .sub1 .sect3 .tab li button{height:45px; padding:0 23px;}
    #sub .sub1 .sect3 .panel .panel_list{margin-top:20px;}
    #sub .sub1 .sect3 .panel .panel_item{width:215px;}
    #sub .sub1 .sect3 .panel .panel_item a{border-radius:7px;}
    #sub .sub1 .sect3 .panel .panel_item a .panel_box{height:91px; padding:5px 12px; gap:4px;}
    #sub .sub1 .sect3 .panel .panel_item a .panel_box .panel_subject{font-size:14px; line-height:1.2;}
    #sub .sub1 .sect3 .panel .panel_item a .panel_box .panel_text{font-size:11px; line-height:1.2; letter-spacing:-0.008em;}

    #sub .sub1 .sect4 .history{margin-top:40px;}
    #sub .sub1 .sect4 .history:before{left:5px; bottom:108px;}
    #sub .sub1 .sect4 .history .history_item{flex-direction:column;}
    #sub .sub1 .sect4 .history .history_item .year{padding-left:22px;}
    #sub .sub1 .sect4 .history .history_item .year:before{left:0;}
    #sub .sub1 .sect4 .history .history_item .month{margin-top:22px; padding-left:22px;}
    #sub .sub1 .sect4 .history .history_item .month .month_item{flex-direction:column; gap:6px;}
    #sub .sub1 .sect4 .history .history_item .month .month_item div{padding-right:0; text-align:left;}
    #sub .sub1 .sect4 .history .history_item .month .month_item ul li{font-size:14px; font-weight:300;}

    #sub .sub1 .sect5 .wrap > .map{height:180px; margin-top:20px;}


    #sub .sub2 .sect2{padding-bottom:47px;}
    #sub .sub2 .sect2 .scroll{/* margin:0 -16px; *//* padding:0 16px; *//* padding-bottom:13px; *//* overflow-x:auto; *//* overflow-y:hidden; */}
    #sub .sub2 .sect2 ul{flex-wrap:nowrap;}
    #sub .sub2 .sect2 ul li{width:250px;}
    #sub .sub2 .sect2 ul li:last-child{margin-right:50px;}

    #sub .sub2 .sect3 .text{width:100%;}
    #sub .sub2 .sect3 .text:before{left:14px;}
    #sub .sub2 .sect3 .text .text_item .num{width:32px; height:32px; border:0; background-image:linear-gradient(131deg, #26c6da 5%, #268cda 83%); box-shadow:0 4.6px 3.8px 0 rgba(38, 198, 218, 0.34); color:#fff; line-height:32px !important;}
    #sub .sub2 .sect3 .text .text_item .box{width:calc(100% - 38px); background-color:#fff;}
    #sub .sub2 .sect3 .img{display:none;}

    #sub .sub2 .sect4 .review{width:1550px;gap:10px;flex-wrap:nowrap;}
    #sub .sub2 .sect4 .review li{width:250px;height: 248.75px;border:1px solid #ccc;border-radius:10px;}
    #sub .sub2 .sect4 .review li:last-child{margin-right:50px;}
    #sub .sub2 .sect4 .review li p{font-size:14px; font-weight:300;}
    #sub .sub2 .sect4 .review li p br{display:none;}
    #sub .sub2 .sect4 .img{margin-top:29px;}
    #sub .sub2 .sect4 .img img{width:100% !important;}

    #sub .sub2 .sect5 h3{margin-bottom:0;}
    #sub .sub2 .sect5 h3 br{display:none;}
    #sub .sub2 .sect5 .box{margin-top:20px; padding:36px 0; flex-direction:column; gap:30px;}
    #sub .sub2 .sect5 .box .text{width:100%; padding:0 30px; font-size:18px; justify-content:left;}
    #sub .sub2 .sect5 .box .img{width:100%; padding:0 20px; gap:22px 26px;}
    #sub .sub2 .sect5 .box .img li{flex:0 1 calc(100% / 3 - 18px);}
    #sub .sub2 .sect5 .box .img li:nth-child(16),
    #sub .sub2 .sect5 .box .img li:nth-child(17),
    #sub .sub2 .sect5 .box .img li:nth-child(18),
    #sub .sub2 .sect5 .box .img li:nth-child(19){flex:0 1 calc(100% / 4 - 20px);}

    #sub .sub2 .sect6 ul{flex-direction:column; gap:10px;}
    #sub .sub2 .sect6 ul li{width:100%;}

    #sub .sub3 .sect1 .wrap:before{left:16px; right:16px;}
    #sub .sub3 .sect1 h3 br{display:none;}

    #sub .sub3 .marketing{padding-bottom:50px !important;}
    #sub .sub3 .marketing .wrap{flex-direction:column;}
    #sub .sub3 .marketing .text{width:100%;}
    #sub .sub3 .marketing .text .tag{padding:0 16px; font-size:14px; line-height:35px;}
    #sub .sub3 .marketing .text .tag img{height:27px; margin-right:8px;}
    #sub .sub3 .marketing .text h3{margin-top:20px;}
    #sub .sub3 .marketing .text p{margin-top:10px; font-size:14px;}
    #sub .sub3 .marketing .img img{max-width:84%; height:auto;}

    #sub .sub3 .marketing .img{position:relative; right:auto; bottom:auto; margin-top:45px; text-align:center !important; order:2;}

    #sub .sub3 .sect3 .text h3 img{width:14px; height:14px; margin:-6px 8px 0;}

    #sub .sub3 .sect4 .img{margin:30px 0 -10px 0; background-position:center;}
    #sub .sub3 .sect4 .img img{max-width:100%; margin-top:30px;}

    #sub .btn_down{font-size:14px; line-height:70px;}
    #sub .btn_down:after{margin-top:22px;}

    #sub .sub3 .sect5 ol{gap:17px;}
    #sub .sub3 .sect5 ol li + li:before{top:45px; left:-15px; width:14px; height:11px; background-size:contain;}
    #sub .sub3 .sect5 ol li .img{width:103px; height:103px;}
    #sub .sub3 .sect5 ol li .img img{height:47px;}
    #sub .sub3 .sect5 ol li .text{margin-top:8px; font-size:14px;}
    #sub .sub3 .sect5 .btn_wrap{margin-top:20px;}
    #sub .sub3 .sect5 .btn_wrap .btn_down{width: 100%; max-width:323px;}

    #sub .sub4 .sect1 .box{margin-top:10px; flex-direction:column; gap:10px;}
    #sub .sub4 .sect1 .box .img{width:100%; justify-content:center;}
    #sub .sub4 .sect1 .box .img img{width:auto; height:240px;}
    #sub .sub4 .sect1 .box .text{width:100%;}
    #sub .sub4 .sect1 .box .text p{font-size:17px; word-break:break-all;}
    #sub .sub4 .sect1 .box .text ol{margin-top:20px; gap:10px;}
    #sub .sub4 .sect1 .box .text ol li{width:calc(50% - 5px); padding:22px; border-radius:12px; box-shadow:0 0 16.5px 0 rgba(0, 0, 0, 0.1);}
    #sub .sub4 .sect1 .box .text ol li .num{padding:0 6px; font-size:10px; line-height:17px;}
    #sub .sub4 .sect1 .box .text ol li p{margin-top:6px; font-size:16px;}
    #sub .sub4 .sect1 .box .text ol li .date{height:81px; margin-top:22px; border-radius:12px; font-size:18px;}

    #sub .sub4 .sect2 .install{margin-top:20px; padding:30px 22px; border-radius:15px; gap:40px;}
    #sub .sub4 .sect2 .install .box{max-width:300px; margin:0 auto;}
    #sub .sub4 .sect2 .install .box.n1 ul li a .btn{display:block; display:flex; width:134px; height:68px; margin-top:7px; border-radius:8px; background-image:linear-gradient(136deg, #31c2d9 -62%, #8f56e9 98%); flex-direction:column; align-items:center; justify-content:center; gap:7px;}
    #sub .sub4 .sect2 .install .box.n1 ul li a .btn img{width:auto; height:20px;}
    #sub .sub4 .sect2 .install .box ul li p{font-size:14px; letter-spacing:0;}
    #sub .sub4 .sect2 .install .box.n1 ul:after{display:none;}
    #sub .sub4 .sect2 .install .box.n1 ul li a img + img{display:none;}
    #sub .sub4 .sect2 .install .box.n2 ul li:first-child{display:none;}

    #sub .sub4 .sect3 ul li{padding:40px 10px; gap:40px;}
    #sub .sub4 .sect3 ul li .text div{font-size:18px;}
    #sub .sub4 .sect3 ul li .text p{font-size:14px;}

    #sub .bu{margin-top:15px;}
    #sub .bu li{font-size:14px;}
    #sub .sub5 .sect1 .list{margin-top:20px; gap:10px; flex-direction:column;}
    #sub .sub5 .sect1 .list li{width:100%;}
    #sub .sub5 .sect1 .btn_wrap{margin-top:20px;}
    #sub .sub5 .sect1 .btn_wrap .btn_down{width:100%;}

    #sub .sub5 .sect2 .list{margin-top:30px; gap:30px; flex-direction:column;}
    #sub .sub5 .sect2 .list li{width:100%;}
    #sub .sub5 .sect2 .list li .title{font-size:18px;}
    #sub .sub5 .sect2 .list li .color{margin-top:6px;}

    #sub .sub5 .sect3 .list{height:auto; margin-top:20px; padding:48px 0; gap:33px; flex-direction:column;}

    #sub .sub5 .sect4 h4{margin-top:60px;}
    #sub .sub5 .sect4 .list1{gap:40px;}
    #sub .sub5 .sect4 .list1 li{flex-direction:column; gap:30px; align-items:start;}
    #sub .sub5 .sect4 .list1 li img:nth-child(1){width:343px; max-width:100%;}
    #sub .sub5 .sect4 .list2{flex-direction:column; gap:40px;}
    #sub .sub5 .sect4 .list2 + h4{margin-top:25px;}
    #sub .sub5 .sect4 .list2 li{width:100%;}
    #sub .sub5 .sect4 .list3{gap:20px;}
    #sub .sub5 .sect4 .list3 li{width:100%;}
}
@media all and (max-width:379px){
    #sub .sub4 .sect2 .install .box ul{gap:0;}
    #sub .sub4 .sect2 .install{padding-left:16px; padding-right:16px;}
    #sub .sub4 .sect2 .install .box .btn span{font-size:11px;}
    #sub .sub4 .sect2 .install .box ul li{width:124px;}
    #sub .sub4 .sect2 .install .box.n1 ul li a .btn{width:124px;}
    #sub .sub4 .sect2 .install .box.n1 ul li a img{width:124px;}
    #sub .sub4 .sect2 .install .box.n2 ul li .btn{width:124px; height:124px;}
    #sub .sub4 .sect2 .install .box ul li p{font-size:13px;}
    #sub .sub4 .sect3 ul li .btn .btn_down{padding:0 10px; font-size:13px;}
    #sub .sub4 .sect3 ul li .btn .btn_down:after{margin-left:4px;}
}

/* login */
.login_wrapper{overflow:hidden;}
#login .login_wrap{display:flex; height:calc(100vh - 75px);}
#login .login_wrap .login_bg{display:block; width:calc(100% - 480px);}
#login .login_wrap .login_bg .swiper-slide{width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover;}
#login .login_wrap .login_bg .swiper-slide.n1{background-image:url(/images/v2/sub/login_bg01.jpg);}
#login .login_wrap .login_bg .swiper-slide.n2{background-image:url(/images/v2/sub/login_bg02.jpg);}
#login .login_wrap .login_bg .swiper-slide.n3{background-image:url(/images/v2/sub/login_bg03.jpg);}
#login .login_wrap .login_bg .swiper-slide p{display:flex; opacity:0; height:100%; color:#fff; font-size:50px; font-family:'GmarketSansBold'; text-align:center; line-height:1.3; transform:translateY(-50px); transition:1s .5s ease-in-out; align-items:center;justify-content:center;}
#login .login_wrap .login_bg .swiper-slide.swiper-slide-active p{opacity:1; transform:translateY(0);}
#login .login_box{display:flex; position:relative; width:480px; height:100%; padding-right:70px; padding-bottom:72px; padding-left:70px; flex-direction:column;align-items:center;justify-content:center;}
#login .login_box h2{margin-bottom:14px; color:#000; font-size:32px; font-weight:600;}
#login .login_box form{max-width:335px; margin:0 auto;}
#login .login_box input{width:100%; padding:0 10px; border:1px solid #e2e6e9; border-radius:6px; font-size:14px; line-height:58px;}
#login .login_box input::placeholder{color:#a1a5b7;}
#login .login_box .inp_box{margin-top:14px;}
#login .login_box .inp_box input{position:relative; border-radius:6px 6px 0 0;}
#login .login_box .inp_box input + input{border-top:0; border-radius:0 0 6px 6px;}
#login .login_box .inp_box input:focus,
#login .login_box .inp_box input:focus-visible,
#login .login_box .inp_box input:focus-within{z-index:1;}
#login .login_box .btn_box .btn{display:flex; width:100%; margin-top:26px; border-radius:6px; background-color:#38bbcd; color:#fff; font-size:16px; font-weight:600; text-align:center; line-height:61px; align-items:center;justify-content:center;}
#login .login_box .btn_box .btn.type2{background-color:#24498c; gap:10px;}
#login .login_box .btn_box .btn.type2:before{display:block; width:26px; height:26px; background:url(/images/v2/common/login_icon.png) no-repeat center / 26px; content:'';}
#login .login_box .login_footer{position:absolute;left: 50%;bottom:0;border-top:1px solid #e2e6e9;background-color:#f9f9f9;color:#888;font-size:12px;text-align:center;line-height:71px;transform: translateX(-50%);width: 100%;}
#login .login_box .login_footer b{font-weight:600;}
.ui-autocomplete{display:block;position:absolute;padding:18px 12px;border:1px solid #b9c2cf;border-radius:4px;background-color:#fff;font-size:0;overflow-x: hidden;overflow-y: auto;z-index: 9999;max-height: 330px;}
.ui-autocomplete::-webkit-scrollbar{width:4px;}
.ui-autocomplete::-webkit-scrollbar-thumb{border-radius:4px; background:#0080FF;}
.ui-autocomplete::-webkit-scrollbar-track{border-radius:4px; background:rgba(11,11,11,.1);}
.ui-autocomplete .ui-menu-item + .ui-menu-item{margin-top:10px;}
.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper{cursor:pointer; padding:4px; color:#000; font-size:14px; text-align:left; line-height:20px;}
.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper:hover{background-color:#f5f8fa;}
#login .login_box .name_box{position:relative;}
#login .login_box .name_box .name_auto{display:none;position:absolute;top:100%;left:0;right:0;padding:18px 12px;border:1px solid #b9c2cf;border-radius:4px;background-color:#fff;font-size:0;overflow-x: hidden;overflow-y: auto;z-index: 9999;max-height: 330px;}
#login .login_box .name_box .name_auto::-webkit-scrollbar{width:4px;}
#login .login_box .name_box .name_auto::-webkit-scrollbar-thumb{border-radius:4px; background:#0080FF;}
#login .login_box .name_box .name_auto::-webkit-scrollbar-track{border-radius:4px; background:rgba(11,11,11,.1);}
#login .login_box .name_box .name_auto li + li{margin-top:10px;}
#login .login_box .name_box .name_auto li button{cursor:pointer; padding:4px; color:#000; font-size:14px; text-align:left; line-height:20px; width:100%;}
#login .login_box .name_box .name_auto li button:hover{background-color:#f5f8fa;}
.ui-helper-hidden-accessible{display:none;}
@media all and (max-width:1400px){
    #login .login_wrap .login_bg{width:calc(100% - 323px);}
    #login .login_wrap .login_bg .swiper-slide p{font-size:40px;}
    #login .login_box{width:323px; padding-right:35px; padding-bottom:48px; padding-left:35px;}
    #login .login_box form{max-width:250px;}
    #login .login_box input{font-size:12px; line-height:35px;}
    #login .login_box .btn_box .btn{font-size:16px; line-height:47px;}
    #login .login_box .login_footer{font-size:8px; line-height:47px;}
}
@media all and (max-width:1400px) and (min-width:800px){
    .ui-autocomplete{padding:10px 8px; max-height:247px;}
    .ui-autocomplete .ui-menu-item + .ui-menu-item{margin-top:5px;}
    .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper{font-size:12px; line-height:16px;}
    #login .login_box .name_box .name_auto{padding:10px 8px; max-height:247px;}
    #login .login_box .name_box .name_auto li + li{margin-top:5px;}
    #login .login_box .name_box .name_auto li button{font-size:12px; line-height:16px;}
}
@media all and (max-width:1023px){
    #login .login_wrap{height:calc(100vh - 50px);}
    #login .login_wrap .login_bg{display:none;}
    #login .login_box{width:100%; max-width:375px; margin:0 auto; padding-right:20px; padding-left:20px;}
    #login .login_box .login_footer{width:100vw;}
}
@media all and (max-width:799px){
    #login .login_box{padding-bottom:72px;}
    #login .login_box form{max-width:335px;}
    #login .login_box input{font-size:14px; line-height:58px;}
    #login .login_box .btn_box .btn{line-height:61px;}
    #login .login_box .login_footer{font-size:12px; line-height:71px;}
}
@media all and (max-width:600px){
    #sub .sub_visual{background-position:center right -20px;}
}