@charset "utf-8";

/* size */
@media screen and (max-width: 1250px) { } /* tablet */
@media screen and (max-width: 650px) { } /* mobile */

/* default */
*{
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    color : inherit;
    box-sizing: border-box;
    letter-spacing: inherit;
    line-height: inherit;
}

body{ font-family: 'Pretendard', sans-serif; font-weight:400; font-size: 16px; letter-spacing: -0.04em; }
section{ display:block; }
a{ color:inherit; }

.sec_top{ padding-top: 80px; }
@media screen and (max-width: 1050px) { 
    .sec_top{ padding-top: 68px; }
}
.inner{ width:1200px; margin:0 auto; }

.paging_box{ padding:10px 0; display:flex; align-items: center; justify-content: center; }

select{
    -webkit-appearance: none; -moz-appearance: none;  appearance: none;
    background: url('../img/common/select-icon.png') no-repeat 98% 50% #fff; 
}
select::-ms-expand{ display:none; }

@media screen and (max-width: 1250px) { 
    .inner{ width:100%; padding:0 10px; }
} /* tablet */
@media screen and (max-width: 650px) { 
    .paging_box{ font-size: 13px; }
} /* mobile */

/* 공통 */
button { border: none; background: none; } 
main p.title { width: fit-content; margin: 0 auto; font-size: 36px; color: #fff; font-weight: 700;  text-align: center; padding-bottom: 10px; border-bottom: 3px solid #FA8E3C;}
main img { max-width: 100%; }
p { word-break: keep-all; }
.pp { font-family: 'Paperlogy'; }


/* 헤더 on */
header.on { color: #222; background-color: #fff; }
header.on nav ul button.headerBtn { color: #fff; }
header.on .headerLogo { display: none; }
header.on .headerLogo2 { display: block; }
header.on nav ul .stick { background-color: #e4e4e4; }
header.on .menu_wh { display: none; }
header.on .menu_bk { display: none; }
header.sub{ background-color: #fff; color: #222; }

/* 헤더 */
header { width: 100%; position: fixed; padding: 20px 0; color: #fff; background: rgba(0, 0, 0, 0.6); border-bottom: 1px solid #fff; z-index: 101; }
header .inner { display: flex; align-items: center; justify-content: space-between; }
header .headerLogo {  }
header .headerLogo2 { display: none; }

header.sub .headerLogo{ display: none; }
header.sub .headerLogo2{ display: block; } 

header nav {  }
header nav ul { display: flex; align-items: center; gap: 30px; }
header nav ul .stick { display: block; width: 2px; height: 18px; background-color: #fff; }
header nav ul button.headerBtn { width: 134px; padding: 10px 0; border-radius: 4px; border: none; background: linear-gradient(270deg, rgba(222, 110, 25, 0.00) 2.06%, #DE6E19 99.67%), #FA8E3C; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10); }
header.sub nav ul button.headerBtn{ color: #fff; }
header .menu_wh { display: none; cursor: pointer;}
header .menu_bk { display: none; cursor: pointer;}


@media screen and (max-width: 1250px) {
}
@media screen and (max-width: 1050px) {
    header .menu_wh { display: block; }
    header.on .menu_bk { display: block; }
    header nav { display: none; }

    header { padding: 15px 0; }
    header .headerLogo { width: 120px; margin-bottom: 5px; }
    header .headerLogo2 { width: 120px; margin-bottom: 5px; }
}

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

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

}

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

}


/* 메인 */

/* sec1 */
section.sec1 { min-height: 100vh; display: flex; align-items: center; justify-content: center; text-shadow: 6px 9px 4px rgba(0, 0, 0, 0.10); padding: 220px 0 150px; background: url('../img/main/sec1/bg.png') no-repeat center / cover; }
section.sec1 .sec1_div { width: 100%; padding: 70px 0; background-color: rgba(0, 0, 0, 0.6); border-radius: 10px; display: flex; justify-content: center; }
section.sec1 .sec1_div .box { display: flex; flex-direction: column; align-items: center; }
section.sec1 .sec1_div .box .moBr{ display: none; }
section.sec1 .sec1_div .box .text_1 { font-weight: 500; font-size: 48px; padding: 66px 0 27px; text-align: center; color: #fff; }
section.sec1 .sec1_div .box .text_1 b { padding: 0 10px; letter-spacing: -1.5px; font-weight: 800; background: linear-gradient(90deg, #B6E2FF 0.14%, #317EFF 73.97%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
section.sec1 .sec1_div .box .text_2 { word-break: keep-all; text-align: center; font-size: 24px; color: #fff; }
section.sec1 .sec1_div .box .text_2 b { color: #B6E2FF; font-weight: 600; }
section.sec1 .sec1_div .box .text_2 b.white{ color: #fff; }
section.sec1 .sec1_div .box .text_3 { line-height: 0.8; text-align: center; margin-bottom: 10px; }
section.sec1 .sec1_div .box .sec1_line1 { margin-top: 20px; }
section.sec1 .sec1_div .box .sec1_line2 { margin: 60px 0 40px 0; }
section.sec1 .sec1_div .box .sec1_btn { font-weight: 400; text-shadow: 6px 9px 4px rgba(0, 0, 0, 0.10); width: 380px; padding: 10px 13px; background: linear-gradient(90deg, rgba(222, 110, 25, 0.00) 0%, #DE6E19 100%), #FA8E3C; font-size: 24px; color: #fff; border-radius: 100px; display: flex; gap: 20px; align-items: center; justify-content: space-between; }
section.sec1 .sec1_div .box .sec1_btn p { padding-left: 10%; flex-grow: 1; }
section.sec1 .sec1_div .box .sec1_btn b { font-weight: 700;  }

@media screen and (max-width: 1250px) {
    section.sec1 { padding: 180px 0 100px; min-height: unset; }
    section.sec1 .sec1_div { padding: 45px 0; }
    section.sec1 .sec1_div .sec1_logo { width: 150px; }
    section.sec1 .sec1_div .box .text_1 { font-size: 36px; padding: 45px 0 20px; }
    section.sec1 .sec1_div .box .text_1 b { font-size: 36px; }
    section.sec1 .sec1_div .box .text_2 { line-height: 1.5em; font-size: 20px; }
    section.sec1 .sec1_div .box .sec1_btn { width: 310px; font-size: 20px; gap: 10px; }
    section.sec1 .sec1_div .box .sec1_btn .sec1_arrow { width: 40px;  }
}

@media screen and (max-width: 720px) {
    section.sec1 { padding: 20vw 0 13vw; }
    section.sec1 .sec1_div .box .text_1 { font-size: 26px; padding: 20px 0 10px; }
    section.sec1 .sec1_div .box .text_1 b { font-size: 26px; }
    section.sec1 .sec1_div .box .text_2 { font-size: 16px; }
    section.sec1 .sec1_div .box .sec1_line2 { margin: 20px 0; }
    section.sec1 .sec1_div .box .sec1_btn { width: 260px; font-size: 16px; }
    section.sec1 .sec1_div .box .moBr{ display: inline-block; }

}   

@media screen and (max-width: 650px) {
    section.sec1 .sec1_div .sec1_logo {  }
    section.sec1 .sec1_div .box .sec1_btn{ gap: 1%; } 
    section.sec1 .sec1_div .box .sec1_btn p{ padding-left: 0; }
}

@media screen and (max-width: 500px) {
    section.sec1 { padding: 25vw 0 13vw; }
    section.sec1 .sec1_div { padding: 30px 20px; }
    section.sec1 .sec1_div .box .text_3 { margin-bottom: 5px; }
    section.sec1 .sec1_div .box .sec1_btn { width: 200px; font-size: 14px; }
    section.sec1 .sec1_div .box .sec1_btn .sec1_arrow { width: 24px; }
    section.sec1 .sec1_div .box .text_1 { font-size: 5vw; }
    section.sec1 .sec1_div .box .text_1 b { font-size: 5vw; }
    section.sec1 .sec1_div .box .text_2 { font-size: 3.3vw; }
    section.sec1 .sec1_div .sec1_logo { width: 120px; }
}

/* sec2 */
section.sec2 { padding: 80px 0; color: #fff; background: linear-gradient(90deg, rgba(12, 25, 138, 0.00) 0%, #0C198A 50.5%, rgba(12, 25, 138, 0.00) 100%), #030F2D; }
section.sec2 .box { display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; gap: 30px; }
section.sec2 .box .text_1 { font-size: 36px; font-weight: 700; padding-bottom: 3px; border-bottom: 3px solid #FA8E3C;background: linear-gradient(180deg, #fff 30%, #B8B8B8 80%);  -webkit-background-clip: text; -webkit-text-fill-color: transparent;  }
section.sec2 .box .sec2_logo {  }
section.sec2 .box .text_2 { font-size: 28px; }
section.sec2 .box .text_2 b { font-weight: 700;}

@media screen and (max-width: 1250px) {
    main p.title { font-size: 32px; }
    section.sec2 .box .text_1 { font-size: 32px; }
    section.sec2 .box .sec2_logo { width: 150px; }
    section.sec2 .box { gap: 20px; }
    section.sec2 .box .text_2 { font-size: 22px; }
}

@media screen and (max-width: 720px) {
    section.sec2 { padding: 8vw 0; }
    main p.title { font-size: 24px; }
    section.sec2 .box .text_1 { font-size: 24px; }
    section.sec2 .box .text_2 { font-size: 20px; }
}

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

@media screen and (max-width: 500px) {
    main p.title { font-size: 20px; }
    section.sec2 .box .text_1 { font-size: 20px; }
    section.sec2 .box .sec2_logo { width: 120px; }
    section.sec2 .box .text_2 { font-size: 18px; line-height: 150%; }
}

/* sec3 */
section.sec3 { padding: 60px 0 80px; background: linear-gradient(0deg, rgba(71, 91, 113, 0.20) 0%, rgba(71, 91, 113, 0.20) 100%), linear-gradient(180deg, #FFF 22.76%, #475B71 100%); }
section.sec3 .title { color: #222; }
section.sec3 ul { margin-top: 30px; display: flex; gap: 30px; }
section.sec3 ul li { width: calc(100%/3); display: flex; flex-direction: column; align-items: center; gap: 40px;  }
section.sec3 ul li .item { position: relative; z-index: 2; width: 100%; padding: 60px 0; background-color: #fff; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; box-shadow: 9px 13px 16px 0px rgba(0, 0, 0, 0.06); transition: background 300ms; }
section.sec3 ul li .item::before{ content: '';     border-left: 8px solid transparent;
    border-right: 8px solid transparent; border-top: 13px solid #fff; display: block; width: 4px; height: 13px; position: absolute; 
    left: calc(50% - 6.5px); bottom: -13px; transition: border 300ms;

}
section.sec3 ul li .item .img1 { display: none; }
section.sec3 ul li .item .img1_bk {  }
section.sec3 ul li .img2 { filter: drop-shadow(5px 8px 10px rgba(0, 0, 0, 0.15)); }
section.sec3 ul li .item .poly_w { display: none; position: absolute; bottom: -10%; z-index: 1; transition: opacity 100ms;   }
section.sec3 ul li .item .poly_b { display: none; position: absolute; bottom: -10%; z-index: 1; opacity: 0; transition: opacity 300ms;  }
section.sec3 ul li .item .text_1 { font-size: 22px; color: #222; font-weight: 600; line-height: 160%; text-align: center; }
section.sec3 ul li .item .text_1 b { color: #317EFF; }


/* sec3 호버 */
section.sec3 ul li:hover .item { background-color: #317EFF; }
section.sec3 ul li:hover .item .text_1 { color: #fff; }
section.sec3 ul li:hover .item .text_1 b { color: #fff; }
section.sec3 ul li:hover .item .img1_bk { display: none; }
section.sec3 ul li:hover .item .img1 { display: block; }
section.sec3 ul li:hover .item .poly_w {opacity: 0; }
section.sec3 ul li:hover .item .poly_b { opacity: 1; z-index: 1;}

section.sec3 ul li:hover .item::before{ border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 13px solid #317EFF;  }

section.sec3 br.moBr { display: none; }

@media screen and (max-width: 1250px) {
    section.sec3 ul { gap: 2vw; }
}
@media screen and (max-width: 1000px) {
    section.sec3 ul li .item .text_1 { font-size: 20px; }
    section.sec3 ul li .item { padding: 40px 10px; }
    section.sec3 ul li .img2 { width: 60px; }
}
@media screen and (max-width: 850px) {
    section.sec3 ul li .item .text_1 { font-size: 18px; }
}
@media screen and (max-width: 730px) {
    section.sec3 { padding: 8vw 0 9.4vw; }
    section.sec3 ul li .item .text_1 { font-size: 16px; }
    section.sec3 ul { width: 100%; flex-wrap: wrap; }
    section.sec3 ul li { width: calc(100%/1); }
    section.sec3 ul li .item .text_1 br { display: none; }
    section.sec3 ul li .item { max-width: 500px; }
    section.sec3 ul li:hover .item .img1 { width: 20px; }
    section.sec3 ul li .item .img1_bk { width: 20px; }
    
}

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

}

@media screen and (max-width: 500px) {
    section.sec3 ul li .item {padding: 20px 10px; gap: 10px; }
    section.sec3 ul li .img2 { width: 40px;}
    section.sec3 ul li { gap: 25px; }
    section.sec3 ul { gap: 6vw; }
    section.sec3 br.moBr { display: block; }
}

/* sec4 */
section.sec4 { padding: 100px 0; background: linear-gradient(180deg, rgba(0, 7, 49, 0.00) 0%, #000731 100%), #001969;  }
section.sec4 ul { width: calc(100% + 10px ); margin-left: -5px; margin-top: 30px; display: flex; flex-wrap: wrap; justify-content: center; }
section.sec4 ul li { width: calc(100%/3); padding: 5px;  overflow: hidden; }
section.sec4 ul li .item {  background-color: #fff; border-radius: 10px; position: relative; border-radius: 10px; overflow: hidden; }
section.sec4 ul li .item .box { position: relative; padding: 70px 30px; transition: background 300ms;  }
section.sec4 ul li .item .box { background: url('../img/main/sec4/img1.png') no-repeat right 20px bottom 20px / 200px; }
section.sec4 ul li .item .box::before{ 
    content:''; display: block; width: 18px; height: 20px; position: absolute; bottom: 100%; left: calc(50% - 9px); 
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 27px solid #fff; transition: border 300ms;
}
section.sec4 ul li .item .box .poly_w { display: none; position: absolute; top: -10%; left: 50%; transform: translateX(-50%); }
section.sec4 ul li .item .box .poly_b {display: none; display: none; position: absolute; top: -10%; left: 50%; transform: translateX(-50%); }
section.sec4 ul li .item .imgBox { width: 100%; aspect-ratio: 392/481; }
section.sec4 ul li .item .text_1 { width: fit-content; padding-bottom: 10px; font-weight: 700; font-size: 26px;}
section.sec4 ul li .item .text_1::before { content: ''; width: 80px; height: 4px; display: block; background-color: #317EFF; margin-bottom: 15px; }
section.sec4 ul li .item .text_2 { font-size: 18px; line-height: 160%; }
section.sec4 ul li .item .imgBox.imgBox1 { background: url('../img/main/sec4/bg1.png') no-repeat center /cover; }
section.sec4 ul li .item .imgBox.imgBox2 { background: url('../img/main/sec4/bg2.png') no-repeat center /cover; }
section.sec4 ul li .item .imgBox.imgBox3 { background: url('../img/main/sec4/bg3.png') no-repeat center /cover; }

/* sec4 호버 */
section.sec4 ul li:hover .item { background-color: #317EFF; color: #fff; }
section.sec4 ul li:hover .item .text_1::before { background-color: #fff; }
section.sec4 ul li:hover .item .box { background-image: url('../img/main/sec4/img2.png'); }
section.sec4 ul li:hover .item .box .poly_w { display: none; }
section.sec4 ul li:hover .item .box .poly_b { display: none; }
section.sec4 ul li:hover .item .box::before{ 
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 30px solid #317EFF; transition: border 300ms;
}

@media screen and (max-width: 1250px) {
    section.sec4 ul li .item .text_1 { font-size: 24px; }
}
@media screen and (max-width: 1000px) {
    section.sec4 ul li .item .text_2 br { display: none; }
    section.sec4 ul li .item .text_1 { font-size: 20px; }
    section.sec4 ul li .item .text_2 { font-size: 16px; }
    section.sec4 ul li .item .box { padding: 30px 20px; background-size: 40%; }
    section.sec4 ul li .item .imgBox { aspect-ratio: 392 / 311; }
}
@media screen and (max-width: 850px) {
    section.sec4 ul li { width: calc(100%/2); }
    section.sec4 ul li .item .text_2 { font-size: 14px; }
    section.sec4 ul li .item .box::before{ 
        content:''; display: block; width: 18px; height: 20px; position: absolute; bottom: 100%; left: calc(50% - 9px); 
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 15px solid #fff; transition: border 300ms;
    }
    section.sec4 ul li:hover .item .box::before{ 
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 15px solid #317EFF; transition: border 300ms;
    }
}
@media screen and (max-width: 720px) {
    section.sec4 { padding: 13vw 0; }
}

@media screen and (max-width: 650px) {
    section.sec4 ul li .item .box { padding: 15px; }
    section.sec4 ul li .item .text_1 { font-size: 18px; }
    section.sec4 ul li .item .text_1::before { height: 2px; }
}

@media screen and (max-width: 450px) {
    section.sec4 ul li { width: 100%; }
}

/* sec5 */
section.sec5 { padding: 100px 0; background: url('../img/main/sec5/bg.png') no-repeat center / cover; }
section.sec5 ul { width: calc(100% + 10px); margin-top: 40px; margin-left: -5px; display: flex; flex-wrap: wrap; }
section.sec5 ul li { width: calc(100%/5); padding: 5px;   }
section.sec5 .item { height: 100%; padding: 50px 10px; background-color: #fff; border-radius: 10px; text-align: center; }
section.sec5 .item > img { margin-bottom: 40px; }
section.sec5 .item .box {  }
section.sec5 .item .box .text_1 { display: flex; justify-content: center; align-items: center; height: 94px; font-size: 26px; font-weight: 600; text-align: center; }
section.sec5 .item .box .stick { margin: 20px auto 40px; width: 80px; height: 2px; background-color: #317EFF; }
section.sec5 .item .box .text_2 { line-height: 1.5em; font-size: 18px; text-align: center; }

@media screen and (max-width: 1250px) {
    section.sec5 .item .box .text_1 { font-size: 24px; }
    section.sec5 ul li { width: calc(100%/3); }
    section.sec5 ul { justify-content: center; }
    section.sec5 .item > img { margin-bottom: 20px; }
    section.sec5 .item .box .stick { margin: 10px auto 20px; }
}

@media screen and (max-width: 1000px) {
    section.sec5 .item .box .text_1 { font-size: 20px; }
    section.sec5 .item > img { margin-bottom: 0; }
    section.sec5 .item > img {  }
}
@media screen and (max-width: 720px) {
    section.sec5 { padding: 15vw 0; }
    section.sec5 .item > img { width: ; }
    section.sec5 ul li { width: calc(100%/2); }
    section.sec5 .item .box .text_1 { height: 74px; }
}
@media screen and (max-width: 650px) {
    section.sec5 .item > img { width: 40%; }
    section.sec5 .item { padding: 25px 10px; }
    section.sec5 .item .box .text_2 { font-size: 16px; }
    section.sec5 .item .box .text_1 { font-size: 18px; }
}

@media screen and (max-width: 500px) {
    section.sec5 .item .box .text_2 { font-size: 14px; }
    section.sec5 .item .box .text_1 { font-size: 16px; }
    section.sec5 .item .box .text_2 br { display: none; }
    section.sec5 .item .box .stick { margin: 0 auto 15px; }
}

/* sec6 */
section.sec6 { padding: 100px 0; }
section.sec6 .title { color: #222; }
section.sec6 .sec6_div { margin-top: 30px; display: flex; flex-direction: column; gap: 110px; }

section.sec6 .sec6_div .sec6_title_div { display: flex; align-items: center; justify-content: center; gap: 10px; }
section.sec6 .sec6_div .sec6_title_div .check {  }
section.sec6 .sec6_div .sec6_title_div .sec6_title { font-size: 25px; font-weight: 700; }
section.sec6 .sec6_div .sec6_sub_title { margin: 20px 0 40px; font-size: 20px; color: #317EFF; font-weight: 700; text-align: center; }

section.sec6 .sec6_div .content {  }
section.sec6 .sec6_div .content1 {  }
section.sec6 .sec6_div .content1 ul { width: calc(100% + 10px); margin-left: -5px; display: flex; flex-wrap: wrap;  }
section.sec6 .sec6_div .content1 ul li { width: calc(100%/4); padding: 5px; }
section.sec6 .sec6_div .content1 ul li .item { padding: 90px 0; text-align: center; }
section.sec6 .sec6_div .content1 ul li .item .icon { margin-bottom: 35px; }
section.sec6 .sec6_div .content1 ul li .item .text_1 { margin: 0 auto; width: 160px; padding: 10px 0; color: #fff; background-color: #222; text-align: center; font-size: 22px; font-weight: 700; border-radius: 5px; }

section.sec6 .sec6_div .content1 ul li .item.item1 { background: url('../img/main/sec6/img1.png') no-repeat center / cover ; }
section.sec6 .sec6_div .content1 ul li .item.item2 { background: url('../img/main/sec6/img2.png') no-repeat center / cover ; }
section.sec6 .sec6_div .content1 ul li .item.item3 { background: url('../img/main/sec6/img3.png') no-repeat center / cover ; }
section.sec6 .sec6_div .content1 ul li .item.item4 { background: url('../img/main/sec6/img4.png') no-repeat center / cover ; }
section.sec6 .sec6_div .content1 ul li .item.item5 { background: url('../img/main/sec6/img5.png') no-repeat center / cover ; }
section.sec6 .sec6_div .content1 ul li .item.item6 { background: url('../img/main/sec6/img6.png') no-repeat center / cover ; }
section.sec6 .sec6_div .content1 ul li .item.item7 { background: url('../img/main/sec6/img7.png') no-repeat center / cover ; }
section.sec6 .sec6_div .content1 ul li .item.item8 { background: url('../img/main/sec6/img8.png') no-repeat center / cover ; }
section.sec6 .sec6_div .content1 ul li .item.item9 { background: url('../img/main/sec6/img9.png') no-repeat center / cover ; }
section.sec6 .sec6_div .content1 ul li .item.item10 { background: url('../img/main/sec6/img10.png') no-repeat center / cover ; }
section.sec6 .sec6_div .content1 ul li .item.item11 { background: url('../img/main/sec6/img11.png') no-repeat center / cover ; }

section.sec6 .sec6_div .content2 {  }
section.sec6 .sec6_div .content2 ul { display: flex; flex-direction: column; gap: 95px; }
section.sec6 .sec6_div .content2 ul li {  }
section.sec6 .sec6_div .content2 ul li .item { margin-top: 30px; display: flex; align-items: center; gap: 50px; }
section.sec6 .sec6_div .content2 ul li .item1 { justify-content: flex-start; }
section.sec6 .sec6_div .content2 ul li .item2 { justify-content: flex-end; }
section.sec6 .sec6_div .content2 ul li .item .c_img {  }
section.sec6 .sec6_div .content2 ul li .item .box {  padding: 30px 0 0; border-top: 2px solid #317EFF; }
section.sec6 .sec6_div .content2 ul li .item .box .text_1 { font-size: 20px; font-weight: 700; line-height: 160%; }
section.sec6 .sec6_div .content2 ul li .item .box .text_1 b { color: #317EFF; }

@media screen and (max-width: 1250px) {
    section.sec6 .sec6_div .sec6_title_div .sec6_title { font-size: 20px; }
    section.sec6 .sec6_div .sec6_title_div .check { width: 24px; }
    section.sec6 .sec6_div .sec6_sub_title { font-size: 16px; margin: 20px 0; }
    section.sec6 .sec6_div .content1 ul li .item .text_1 { width: 120px; font-size: 18px; }

    section.sec6 .sec6_div .content2 ul li .item { gap: ; }
    section.sec6 .sec6_div .content2 ul li .item .c_img { width: 50%; }
}

@media screen and (max-width: 1000px) {
    section.sec6 .sec6_div .content1 ul li .item { padding: 30px 0; }
}
@media screen and (max-width: 850px) {
    section.sec6 .sec6_div .content1 ul li { width: calc(100%/3); }
    section.sec6 .sec6_div .content1 ul li .item .icon { width: 60px; }

    section.sec6 .sec6_div .content2 ul li .item { gap: 20px; }
    section.sec6 .sec6_div .content2 ul li .item .c_img { width:50%; }
    section.sec6 .sec6_div .content2 ul li .item .c_img { order: -1; }
    section.sec6 .sec6_div .content2 ul li .item1 { justify-content: center; }
    section.sec6 .sec6_div .content2 ul li .item2 { justify-content: center; }
    section.sec6 .sec6_div .content2 ul li .item .box .text_1 { font-size: 16px; }
    section.sec6 .sec6_div .content2 ul li .item .box { padding: 15px 0 0; }
}
@media screen and (max-width: 720px) {
    section.sec6 { padding: 15vw 0; }

}

@media screen and (max-width: 650px) {
    section.sec6 .sec6_div .content1 ul li .item .text_1 { font-size: 16px; }
    section.sec6 .sec6_div .content2 ul li .item .c_img { width: 40%; }
    section.sec6 .sec6_div .content2 ul li .item { margin-top: 20px; }
    section.sec6 .sec6_div .content2 ul { gap: 9vw; }
    section.sec6 .sec6_div { gap: 12vw; }
    
}

@media screen and (max-width: 500px) {
    section.sec6 .sec6_div .content1 ul li { width: calc(100%/2); }
    section.sec6 .sec6_div .content1 ul li .item .icon {  width: 16vw; margin-bottom: 10px; }
    section.sec6 .sec6_div .content1 ul li .item { padding: 14vw 0; }
    section.sec6 .sec6_div .content1 ul li .item .text_1 { width: 90px; font-size: 14px; padding: 8px 0; }
    section.sec6 .sec6_div .sec6_title_div .sec6_title { font-size: 16px; }
    section.sec6 .sec6_div .sec6_title_div .check { width: 18px; }
    section.sec6 .sec6_div .sec6_title_div {  gap: 5px;}
    section.sec6 .sec6_div .sec6_sub_title {  font-size: 14px; margin: 10px 0;}
    section.sec6 .sec6_div { margin-top: 20px; }

    section.sec6 .sec6_div .content2 ul li .item1 { flex-direction: column; }
    section.sec6 .sec6_div .content2 ul li .item2 { flex-direction: column; }
    section.sec6 .sec6_div .content2 ul li .item .c_img { width: 100%; }
    section.sec6 .sec6_div .content2 ul li .item .box .text_1 { text-align: center; line-height: 180%; }

}

/* sec7 */
section.sec7 { padding: 50px 0 100px; background: url('../img/main/sec7/bg.png') no-repeat center / cover; }
section.sec7{ display: flex; align-items: center; justify-content: center; }
section.sec7 .qnaList{ margin-top: 40px;  max-width: ; width: 100%;  border-radius: 24px; display: flex; flex-direction: column; gap: 10px;  }
section.sec7 .qnaList .item{ padding: 20px 40px; font-weight: 700; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
section.sec7 .qnaList .item .text{ flex-grow: 1; }
section.sec7 .qnaList .item .showhideBtn{ background: transparent; flex-shrink: 0; border: none; }
section.sec7 .qnaList .item .showhideBtn .icon { transform: rotate(180deg); }
section.sec7 .qnaList .item.q_item{ box-shadow: 9px 12px 7px 0px rgba(0, 0, 0, 0.10); cursor: pointer;  background-color: #fff; border-radius: 10px; }  
section.sec7 .qnaList .item.q_item .text{ font-size: 18px; color: #222; }
section.sec7 .qnaList .item.a_item{ box-shadow: 9px 12px 7px 0px rgba(0, 0, 0, 0.10); padding: 24px 40px;  color: #222; background-color: #fff; border-radius: 10px; margin-top: 10px; }
section.sec7 .qnaList .item.a_item .text{ font-size: 18px; }
section.sec7 .qnaList .asnwerDiv{ display: none; }
section.sec7 .qnaList .item .showhideBtn { transition: transform 500ms; }
section.sec7 .qnaList .item .showhideBtn.active { transform: rotate(-180deg); }

section.sec7 .qnaList .box1 { display: flex; align-items: center; gap: 30px; }
section.sec7 .qnaList .asnwerDiv .box2 { display: flex; gap: 30px;  }
section.sec7 .qnaList .box1 strong { font-size: 40px; font-weight: 700; }
section.sec7 .qnaList .asnwerDiv .box2 strong { font-size: 40px; font-weight: 700; color: #FA8E3C; position: relative; top: -5px; }
section.sec7 .qnaList .item .text b { color: #FA8E3C; }
section.sec7 .qnaList .item .text b.blue { color: #4472C4; }
section.sec7 .qnaList .item .text .img1 { margin: 15px 0; }
section.sec7 .qnaList .item .text .type1 { line-height: 170%; }
section.sec7 .qnaList .item .text span {  }
section.sec7 .qnaList .item .text span a { color: #4472C4; }

section.sec7 .qnaList .item.q_item .text { word-break: keep-all; }
section.sec7 .qnaList .item .text .type1 { word-break: keep-all; }

@media screen and (max-width: 1250px) { 
    section.sec7 .qnaList{ padding: ; }
    section.sec7 .qnaList .item{ padding: 20px; }
    section.sec7 .qnaList .item.a_item{ padding: 20px; }
    section.sec7 .qnaList .item.q_item .text{ font-size: 18px; }
    section.sec7 .qnaList .item.a_item .text{ font-size: 16px; }
    section.sec7 .qnaList .item .showhideBtn .icon{ width: 18px; }

    section.sec7 .qnaList .box1 strong { font-size: 32px; }
    section.sec7 .qnaList .asnwerDiv .box2 strong { font-size: 32px; }
}

@media screen and (max-width: 720px){
    section.sec7 { padding: 8vw 0 15vw; }
    section.sec7 .qnaList .box1 strong { font-size: 24px; }
    section.sec7 .qnaList .asnwerDiv .box2 strong { font-size: 24px; }
    section.sec7 .qnaList .box1 { gap: 15px; }
    section.sec7 .qnaList .box2 { gap: 15px; }
    section.sec7 .qnaList .asnwerDiv .box1 { gap: 15px; }
    section.sec7 .qnaList .asnwerDiv .box2 { gap: 15px;  }

    section.sec7 .qnaList .item { padding: 15px; }
    section.sec7 .qnaList .item.q_item .text { font-size: 16px; }
    section.sec7 .qnaList .item .text .type1 { font-size: 14px; }
    section.sec7 .qnaList .item .text .type1 br { display: none; }
    section.sec7 .qnaList .item .text span { font-size: 13px; }


}
@media screen and (max-width: 500px) { 
    section.sec7 .qnaList{ margin-top: 15px;  border-radius: 28px; }
    section.sec7 .qnaList .item.q_item .text{ font-size: 16px; }
    section.sec7 .qnaList .item.a_item .text{ font-size: 14px; }
    section.sec7 .qnaList .item{ padding: 12px; }
    section.sec7 .qnaList .item.a_item{ padding: 12px; }
    section.sec7 .qnaList .item .showhideBtn .icon{ width: 14px; }
    section.sec7 .qnaList .box1 strong { font-size: 20px; }
    section.sec7 .qnaList .asnwerDiv .box2 strong { font-size: 20px; }
    section.sec7 .qnaList .item .text .type1 { font-size: 12px; }
}



/* sec8 */
section.sec8 { padding: 70px 0; background-color: #030F2D; overflow: hidden; }
section.sec8 .sec8_div { display: flex; flex-direction: column; gap: 20px; }
section.sec8 .sec8_div .content1 { display: flex; justify-content: space-between; align-items: center; }
section.sec8 .sec8_div .content1 .box1 { width: 62%; border-radius: 10px; }
section.sec8 .sec8_div .content1 .box1 p.title { font-size: 24px; margin: 0; margin-bottom: 20px; }
section.sec8 .sec8_div .content1 .box1 .text { font-size: 18px; color: #fff; font-weight: 700; }
section.sec8 .sec8_div .content1 .box1 .text_1 { line-height: 200%; }
section.sec8 .sec8_div .content1 .box1 .text_1 b { color: #FA8E3C; }
section.sec8 .sec8_div .content1 .box1 .text_2 { margin: 15px 0 10px; }
section.sec8 .sec8_div .content1 .box1 .text_2 b { font-size: 30px; }

section.sec8 .sec8_div .content1 .box2 { border-radius: 10px; }
section.sec8 .sec8_div .content1 .box2 .imgBox { border-radius: 20px;  display: block; width: 436px; height: 468px; aspect-ratio: 1; background: url('../img/main/sec8/img1.png') no-repeat center / cover ; }

section.sec8 .sec8_div .content2 { display: flex; justify-content: space-between; color: #fff;  }

section.sec8 .sec8_div .content2 .box1 { width: 62%; padding: 20px 20px 30px 40px; display: flex; align-items: center; justify-content: center; gap: 40px; background-color: #475B71; border-radius: 10px; }
section.sec8 .sec8_div .content2 .box1 .sec8_logo {  }
section.sec8 .sec8_div .content2 .box1 .videoBox {  }
section.sec8 .sec8_div .content2 .box1 .videoBox iframe { width: 500px; aspect-ratio: 500/284; border-radius: 10px; }
section.sec8 .sec8_div .content2 .box1 .videoBox .i_text { font-size: 18px; margin-top: 10px; }


section.sec8 .sec8_div .content2 .box2 { width: 436px; padding: 40px 30px 30px; background-color: #475B71; border-radius: 10px; }
section.sec8 .sec8_div .content2 .box2 .s_title { font-size: 24px; font-weight: 600; padding-bottom: 10px;  border-bottom: 2px solid #fff; }
section.sec8 .sec8_div .content2 .box2 ul { margin: 20px 0 30px; display: flex; flex-direction: column; gap: 15px; }
section.sec8 .sec8_div .content2 .box2 ul li { font-size: 18px; }
section.sec8 .sec8_div .content2 .box2 .s_div { display: flex; align-items: center; gap: 10px;  }
section.sec8 .sec8_div .content2 .box2 .s_div .item { width: calc(100%/3); padding: 18px 0; display: flex; align-items: center; justify-content: center; gap: 5px; border-radius: 5px; font-weight: 700; }
section.sec8 .sec8_div .content2 .box2 .s_div .item.kakao { background-color: #FFEB3B; color: #222222; }
section.sec8 .sec8_div .content2 .box2 .s_div .item.instagram { background: linear-gradient(90deg, #FDB81D 0%, #EF1A6D 50.5%, #5C29DB 100%); }
section.sec8 .sec8_div .content2 .box2 .s_div .item.naver { background-color: #00C300; }
section.sec8 .sec8_div .moBox { display: none; color: #fff; }

section.sec8 .title.mo { display: none; }

@media screen and (max-width: 1250px) {
    section.sec8 .sec8_div .content1 .box1 { width: 60%; }
    section.sec8 .sec8_div .content1 .box2 { width: 41%; }
    section.sec8 .sec8_div .content1 .box2 .imgBox { width: 100%; height: 100%; }
    section.sec8 .sec8_div .content1 .box1 .text_1 br { display: none; }
    section.sec8 .sec8_div .content2 .box1 .videoBox iframe { max-width: 100%;}
    /* section.sec8 .sec8_div .content1 { flex-direction: column; } */
    /* section.sec8 .sec8_div .content1 .box2 { order: -1; } */
    section.sec8 .sec8_div .content1 { gap: 40px; }

    section.sec8 .sec8_div .content2 {  gap: 20px; }

    section.sec8 .sec8_div .content2 .box1 { padding: 30px; width: 60%; height: 100%; align-items: flex-start; flex-direction: column; gap: 15px; }
    section.sec8 .sec8_div .content2 .box2 { width: 40%; }
    
    section.sec8 .sec8_div .content2 .box1 .sec8_logo { text-align: left; }
    section.sec8 .sec8_div .content1 .box1 .text_2 b { font-size: 24px; }
    section.sec8 .sec8_div .content1 .box1 .text { font-size: 16px;}

    section.sec8 .sec8_div .content2 .box2 .s_title { font-size: 20px; }
    section.sec8 .sec8_div .content2 .box2 ul li { font-size: 16px; }
    section.sec8 .sec8_div .content2 .box2 { padding: ; }
    section.sec8 .sec8_div .content2 .box2 .s_div .item { padding: 15px 0; }
    section.sec8 .sec8_div .content2 .box2 .s_div .s_text { font-size: 14px;}
    section.sec8 .sec8_div .content2 .box1 .videoBox iframe { width: 1000px; }

    section.sec8 .title.mo { display: none; margin-bottom: 15px;}
}
@media screen and (max-width: 1000px) {
    section.sec8 .sec8_div .content2 { flex-direction: column; }
    section.sec8 .sec8_div .content2 .box1 { width: 100%; }
    section.sec8 .sec8_div .content2 .box2 { width: 100%; }
}
@media screen and (max-width: 720px) {
    section.sec8 { padding: 13vw 0; }
}

@media screen and (max-width: 650px) {
    section.sec8 .sec8_div .content1 .box1 .text { font-size: 14px; }
    section.sec8 .sec8_div .content1 .box1 .text_2 b { font-size: 20px; }
    section.sec8 .sec8_div .content1 { flex-direction: column; align-items: flex-start; gap: 20px; }
    section.sec8 .sec8_div .content1 .box1 { width: 100%; }
    section.sec8 .sec8_div .content1 .box2 { width: 80%; order: -1; }

    section.sec8 .sec8_div .moBox { display: block;  font-weight: 700; margin-top: 15px;}
    section.sec8 .sec8_div .moBox .text_4 b { font-size: 20px; }

    section.sec8 .sec8_div .content1 .box1 .text_2  { display: none; }

    section.sec8 .sec8_div .content2 .box1 .videoBox .i_text { font-size: 16px; }
    section.sec8 .sec8_div .content2 .box1 { padding: 20px; }
    section.sec8 .sec8_div .content2 .box2 { padding: 20px; }

    section.sec8 .title.mo { display: block; margin: 0 0 20px; }
    section.sec8 .title { display: none; }
}

@media screen and (max-width: 500px) {
    section.sec8 .sec8_div .moBox .text_4 b { font-size: 16px; }
    section.sec8 .sec8_div .moBox .text_4 { font-size: 12px; order: 0; }
    section.sec8 .sec8_div .content2 .box2 ul li { font-size: 14px; }
}
@media screen and (max-width: 450px) {
    section.sec8 .sec8_div .content2 .box2 .s_div .s_text { font-size: 12px; }
    section.sec8 .sec8_div .content2 .box2 .s_div .icon { width: 14px; }
}

/* sec9 */
section.sec9 { padding: 100px 0; background: url('../img/main/sec9/bg.png') no-repeat center / cover; }
section.sec9 .sec9_title { font-size: 32px;  font-weight: 700; color: #fff;  }
section.sec9 .sec9_sub_title { margin: 10px 0 30px; color: #fff; }
section.sec9 .sec9_div { display: flex;  border-radius: 10px; overflow: hidden; box-shadow: 8px 10px 4px 0px rgba(0, 0, 0, 0.25); }
section.sec9 .sec9_div .item { width: 43%; background: linear-gradient(180deg, rgba(12, 25, 138, 0.00) 0%, #0C198A 97.01%), #030F2D; display: flex; align-items: center; justify-content: center; text-align: center;}
section.sec9 .sec9_div .item .itemBox {  }
section.sec9 .sec9_div .sec9_logo {  }
section.sec9 .sec9_div .stick { width: 220px; height: 3px; background-color: #fff; margin: 30px auto; }
section.sec9 .sec9_div .text_1 { font-size: 32px; font-weight: 700; color: #fff; line-height: 160%; }

section.sec9 .formBox { width: 57%; padding: 50px 40px 40px; background-color: #fff; }
section.sec9 .formBox .formList {  }
section.sec9 .formBox .agreeCheckDiv {margin: 0 0 20px; }
section.sec9 .formBox .sec9_btn { display: block; margin: 0 auto;  width: 270px; padding: 15px 0; font-weight: 700; color: #fff; background: linear-gradient(90deg, rgba(222, 110, 25, 0.00) 0%, #DE6E19 100%), #FA8E3C; border-radius: 25px; }
section.sec9 .agreeCheckDiv label input[type="checkbox"]:checked + .textBox::before { background-image: url(../img/common/B_check.png); border: none; }
section.sec9 .agreeCheckDiv .privacyPopupBtn { color: #222; }

@media screen and (max-width: 1250px) {
    section.sec9 .sec9_title { font-size: 24px; }
    section.sec9 .sec9_sub_title { font-size: 14px; }
    section.sec9 .sec9_div .sec9_logo { width: 150px; }
    section.sec9 .sec9_div .text_1 { font-size: 24px; }
    section.sec9 .sec9_div .stick { height: 1.5px; }
}

@media screen and (max-width: 850px) {
    section.sec9 .sec9_div .item { padding: 30px; width: 100%; }
    section.sec9 .sec9_div .text_1 { font-size: 20px; }
    section.sec9 .sec9_div .text_1 br { display: none; }
    section.sec9 .formBox { width: 100%; }
    section.sec9 .sec9_div .stick { margin: 15px auto; height: 1px; }
    section.sec9 .sec9_div { flex-direction: column; }
}
@media screen and (max-width: 720px) {
    section.sec9 { padding: 13vw 0; }
}

@media screen and (max-width: 650px) {
    section.sec9 .sec9_div .sec9_logo { width: 120px; }
    section.sec9 .formBox { padding: 20px  20px 30px; }
    section.sec9 .formBox .sec9_btn { width: 200px; font-size: 14px; }
    section.sec9 .sec9_div .item { padding: 20px; }
    section.sec9 .sec9_div .text_1 { font-size: 18px; }
}

@media screen and (max-width: 500px) {
    section.sec9 .sec9_div .text_1 { font-size: 4vw; }
    section.sec9 .sec9_title { font-size: 20px; }
    section.sec9 .sec9_sub_title { margin: 10px 0 15px; }
    section.sec9 .formBox .sec9_btn { padding: 12px 0; }
    section.sec9 textarea.ipt { height: 100px; }

}







/* 푸터 */
footer { padding: 40px 0 20px; background-color: #000; color: #7f7f7f; }
footer .f_top { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 40px; }
footer .f_top .logoBox { display: flex; align-items: center; gap: 30px; }
footer .f_top .logoBox .f_ul { max-width: 540px; width: 100%; display: flex;  flex-wrap: wrap; }
footer .f_top .logoBox .f_ul > li { padding: 5px; }
footer .f_top .logoBox .f_ul > li.f_stick::after { content: ''; width: 2px; height: 11px; margin-left: 10px; display: inline-block; background-color: #7f7f7f; }
footer .f_top .p_btn { width: 150px; padding: 13px 0; border-radius: 5px; color: #fff; text-align: center; background-color: #343434; }
footer .f_bottom {  text-align: center; }

@media screen and (max-width: 1250px) {
    footer .f_logo { width: 120px; }
    footer .f_top .logoBox .f_ul > li { font-size: 14px; }
    footer .f_top .p_btn { font-size: 14px; }
    footer .f_bottom .copyright { font-size: 14px; }
}
@media screen and (max-width: 950px) {
    footer .f_top .logoBox { flex-direction: column; align-items: flex-start; }
}
@media screen and (max-width: 720px) {
    footer .f_top .logoBox .f_ul { flex-direction: column; }
    footer .f_top .logoBox .f_ul > li.f_stick::after { display: none; }
}


@media screen and (max-width: 650px) {
    footer .f_top { flex-direction: column; align-items: flex-start; margin-bottom: 20px; }
    footer .f_top .logoBox { gap: 15px; }
    footer .f_top .p_btn { margin-top: 10px; }

}
@media screen and (max-width: 500px) {
    footer { padding: 25px 0 25px; }
    footer .f_logo { width: 100px; }
    footer .f_top .logoBox { gap: 15px; }
    footer .f_top .p_btn { width: 120px; padding: 10px 0; margin-top: 10px;}
    footer .f_bottom .copyright { font-size: 12px; }
    footer .f_bottom { text-align: left; }

}


/*============================ privacy ============================*/
.f_popup_bg{ 
    background-color:rgba(0,0,0,0.5); position:fixed;
    left:0; top:0; width:100%; height:100%; z-index:9999; 
    display:flex; align-items: center; justify-content: center;
    padding:10px; font-family: 'Noto Sans KR', sans-serif;
    opacity:0; visibility: hidden; transition: all 0.5s;

}
.f_popup_bg.on{ opacity:1; visibility: visible; }
.f_popup_bg .popup_box{ width:90%; max-width:480px; }
.f_popup_bg .btn_wrap{ width:100%; display:flex; justify-content: flex-end; }
.f_popup_bg .btn_wrap .btn{ width:30px; height:30px; cursor:pointer; padding:0; }
.f_popup_bg .btn_wrap .btn span{ display:block; width:100%; height:2px; background-color:#fff;  }
.f_popup_bg .btn_wrap .btn span:nth-child(1){ transform: translateY(14px) rotate(-45deg); -webkit-transform: translateY(14px) rotate(-45deg); }
.f_popup_bg .btn_wrap .btn span:nth-child(2){ transform: translateY(12px) rotate(45deg); -webkit-transform: translateY(12px) rotate(45deg); }
.f_popup_bg .content_wrap{ background-color:#fff; overflow-y: scroll; max-height: 60vh; padding:40px 30px; margin-top:10px; }
.f_popup_bg .content_wrap p.title{ text-align:center; font-weight: 600; font-size: 20px;  }
.f_popup_bg .content_wrap p.content{ font-size: 16px; margin-top:30px; font-weight: 300;  }

@media screen and (max-width: 650px) {
    .f_popup_bg .content_wrap p.content{ font-size: 14px; margin-top: 20px; }
    .f_popup_bg .content_wrap{ padding: 20px 15px;  }
}

/* 헤더 서브 메뉴 */
.sub_menu { width: 90%; max-width: 400px; height: 100%; padding: 20px; position: fixed; top: 0; right: -400px; background-color: #fff; z-index: 200; transition: right .5s; }
.sub_menu.on{ right: 0; }
.sub_menu .sub_div {  }
.sub_menu .sub_div .box { display: flex; align-items: center; justify-content: space-between; }
.sub_menu .sub_div .subLogo {  }
.sub_menu .sub_div .menu_close { cursor: pointer; }
.sub_menu .sub_div ul { margin: 40px 0 40px; display: flex; flex-direction: column; gap: 30px; }
.sub_menu .sub_div ul li { font-size: 20px; }
.sub_menu .sub_div .subBtn { width: 180px; font-size: 18px; padding: 10px 0; font-weight: 700; border-radius: 4px; color: #fff; background: linear-gradient(270deg, rgba(222, 110, 25, 0.00) 2.06%, #DE6E19 99.67%), #FA8E3C; }
.sub_menu { width: 80%; }

/* 헤더 서브 dim */
.sub_menu_dim { opacity: 0; visibility: hidden; z-index: 9; width: 100%; height: 100%; display: block; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, .7); cursor: pointer; }
.sub_menu_dim.on{ opacity: 1; visibility: visible; }

@media screen and (max-width: 1050px) {
    .sub_menu .sub_div .subLogo { width: 110px; }
}
@media screen and (max-width: 650px) {
    .sub_menu .sub_div .subLogo { width: 110px; }
    .sub_menu .sub_div ul li { font-size: 18px; }
    .sub_menu .sub_div .subBtn { width: 160px; font-size: 16px; }
    .sub_menu .sub_div ul { gap: 25px; }
    header .menu_wh { width: 24px; }
    .sub_menu .sub_div .menu_close { width: 24px; }
}

/* 4/7 게시판 */
.board_blue_line { border-bottom: 4px solid #3681FF; }

article.b_bannerArti { padding: 100px 0; background: url('../img/board/bg.png') no-repeat center / cover;}
article.b_bannerArti .b_bannerDiv { display: flex; flex-direction: column; align-items: center; justify-content: center;}
article.b_bannerArti .b_bannerDiv .b_logo  {  }
article.b_bannerArti .b_bannerDiv .line{ max-width: 100%; margin: 20px 0; }
article.b_bannerArti .b_bannerDiv .text_1  { font-size: 32px; text-align: center; color: #fff; line-height: 150%; color: #fff;  }
article.b_bannerArti .b_bannerDiv b  { font-size: 48px; font-weight: 700; background: linear-gradient(90deg, #B6E2FF 0.14%, #317EFF 73.97%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.boardArti .title { color: #222; }
.boardArti .paging_box { padding: 25px 0; }

.boardArti .b_listBtn { display: block; margin: 40px auto 0;  width: 320px; padding: 15px 0; font-size: 18px; background-color: #222; color: #fff; border-radius: 5px;  }

.boardArti  .t_view { margin-bottom: 40px; }

@media screen and (max-width: 1250px) {
    article.b_bannerArti { padding: 65px 0; }
    article.b_bannerArti .b_bannerDiv .b_logo { width: 150px; }
    article.b_bannerArti .b_bannerDiv .text_1 { font-size: 24px; }
    article.b_bannerArti .b_bannerDiv b { font-size: 36px; }

    .boardArti .b_listBtn { width: 280px; }
}

@media screen and (max-width: 720px) {
    article.b_bannerArti .b_bannerDiv .b_logo { width: 120px; }
    article.b_bannerArti .b_bannerDiv .text_1 { font-size: 20px; }
    article.b_bannerArti .b_bannerDiv b { font-size: 26px; }

    .boardArti.type1 { padding: 13vw 0; }

    .boardArti .b_listBtn { padding: 12px 0; max-width: 180px; width: 100%; font-size: 14px; width: 280px; }
}

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

}

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

}

/* case */
.boardArti .caseUl { width: 100%; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; }
.boardArti .caseUl li { width: calc(100%/9); text-align: center; }
.boardArti .caseUl li.b_r { border-right: 1px solid #E4E4E4; }
.boardArti .caseUl li.on a { background-color: #3681FF; color: #fff; }
.boardArti .caseUl li a {  display: block; font-size: 16px; padding: 15px 0; background-color: #F0F0F0; color: #7F7F7F; }

.boardArti .case_ul_2 { display: flex; flex-direction: column; margin-top: 40px; } 
.boardArti .case_ul_2 li { padding: 25px 0; border-top: 1px solid #D9D9D9; }
.boardArti .case_ul_2 li:last-of-type { border-bottom: 1px solid #D9D9D9; }
.boardArti .case_ul_2 li a { display: flex; align-items: center; gap: 80px; }
/* .boardArti .case_ul_2 li:nth-of-type(1) .thumImgBox { display: block; width: 300px; height: 240px; background: url(../img/case/bg1.png) no-repeat center / cover; } */

.boardArti .case_ul_2 li .box {  }
.boardArti .case_ul_2 li .box .text_1 { font-size: 22px; margin-bottom: 15px; font-weight: 700; color: #333; }
.boardArti .case_ul_2 li .box .text_2 { font-size: 16px; line-height: 180%; color: #222; }
.boardArti .case_ul_2 li a .thum {  }

@media screen and (max-width: 1250px) {
    .boardArti .case_ul_2 li a { gap: 40px; }
    .boardArti .case_ul_2 li .box .text_1 { font-size: 20px; }
}
@media screen and (max-width: 900px) {  
    .boardArti .caseUl li { width: calc(100%/5); }
}
@media screen and (max-width: 720px) {
    main .boardArti.type1 { padding: 50px 0; }
    .boardArti .caseUl li a { font-size: 14px; }
    .boardArti .case_ul_2 li a { gap: 4vw;  }
    .boardArti .case_ul_2 li .box .text_1 { font-size: 16px; margin-bottom: 10px; }
    .boardArti .case_ul_2 li .box .text_2 { font-size: 14px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }

    .boardArti .case_ul_2 li a .thum { width: 40%; }
}

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

}

@media screen and (max-width: 500px) {
    .boardArti .case_ul_2 li .box .text_1 { font-size: 14px; }
    .boardArti .case_ul_2 li .box .text_2 { font-size: 12px; }
    .boardArti .case_ul_2 li { padding: 15px 0; }
    .boardArti .caseUl li { width: calc(100%/3); }
    .boardArti .caseUl li a { padding: 12px 0; }
    .boardArti .case_ul_2 { margin-top: 25px; }
    article.b_bannerArti .b_bannerDiv .text_1 { font-size: 5vw; }
    article.b_bannerArti .b_bannerDiv b { font-size: 6vw; }
}

/* 4/17 컨설팅 수정 */

@media screen and (max-width: 720px) {
    .boardArti.sub_boardArti_417 { padding: 11vw 0; }
    .boardArti.sub_boardArti_417 .t_view { margin-bottom: 20px; }
}