@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; overflow: hidden; }
section{ display:block; }
a{ color:inherit; }

.inner{ width:1440px; 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: 1450px) { 
    .inner{ width:100%; padding:0 20px; }
    header .inner{ width:100%; padding:0 10px; }
} /* tablet */
@media screen and (max-width: 650px) { 
    .paging_box{ font-size: 13px; }
} /* mobile */
@media screen and (max-width: 450px) { 
    .inner { padding: 0 10px; }
} /* mobile */


/* common */
.pjk { font-family: "Plus Jakarta Sans", sans-serif; font-weight: 700; }
:root { --white : #ffffff; --black : #333333; --mainBlue : #0085FF; --darkNavy : #1E242F; }
b { font-weight: 700; }
.sec_top { padding-top: 80px; }
.m_title { font-size: 80px; font-weight: 700; color: var(--mainBlue); letter-spacing: 3.08px; font-family: "Plus Jakarta Sans", sans-serif; word-break: keep-all; }
.m_title b {font-size: 40px; }
.subTitle { font-size: 20px; }
.img { max-width: 100%; }
p { word-break: keep-all; }
::selection { background-color:var(--mainBlue); color:#fff; }
.moBr { display: none; }
@media screen and (max-width: 1250px) {
    .m_title { font-size: 60px; }
    .m_title b { font-size: 32px; }
    .subTitle { font-size: 18px; }
}

@media screen and (max-width: 650px) {
    .m_title { font-size: 48px; letter-spacing: 1.08px; }
    .moBr { display: block; }
    .subTitle { font-size: 16px; }

}

@media screen and (max-width: 450px) {
    .m_title { font-size: 40px;  }
    .m_title b { font-size: 22px; }
    .subTitle { font-size: 14px; }

}

/* @header@ */
header { width: 100%; position: fixed; top: 0; left: 0; padding: 15px 0;  z-index: 9999; transition: background-color 400ms;  }
header.on { background-color: var(--white);  box-shadow: 0px -0.5px 10px 0px rgba(0, 0, 0, 0.03); }
header .logo_type2 { display: none; }
header.on .logo_type1 { display: none; }
header.on .logo_type2 { display: block; }
header.on nav ul li { color: var(--black); }
header.on button.ham_btn span { background-color: var(--mainBlue); }
header .inner { display: flex; justify-content: space-between; align-items: center; }
header nav {  }
header nav ul { display: flex; align-items: center; gap: 40px; }
header nav ul li { font-size: 20px; font-family: "Plus Jakarta Sans", sans-serif; font-weight: 700; color: var(--white); letter-spacing: 0.5px; }

/* 햄버거 버튼 */
header button.ham_btn { width: 35px; height: 25px; display: flex; flex-direction: column; justify-content: space-between; display: none; background: transparent; border: none; z-index: 999999; }
header button.ham_btn span{  display: block; width: 100%; height: 3px; background: var(--white); transition: opacity .5s, transform .5s, width .5s; }
header button.ham_btn.on span:nth-child(1) { transform: rotate(45deg) translateY(5px) translateX(10px); }
header button.ham_btn.on span:nth-child(2) { opacity: 0; width: 0; }
header button.ham_btn.on span:nth-child(3) { transform: rotate(-45deg) translateY(-5px) translateX(10px); }

/* 서브메뉴 */
.sub_menu { width: 90%; max-width: 400px; height: 100%; padding: 50px 30px; position: fixed; top: 0; right: -400px; background-color: #fff; z-index: 8888; transition: right .5s; }
.sub_menu .sub_logo { margin-bottom: 50px; }
.sub_menu ul { display: flex; flex-direction: column; gap: 30px; }
.sub_menu ul li { font-size: 24px; font-weight: 700; font-family: "Plus Jakarta Sans", sans-serif; color: var(--mainBlue); }

.sub_menu.side { right: 0; }

/* 서브메뉴 딤 */
.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.side{ opacity: 1; visibility: visible; }

@media screen and (max-width: 900px) {
    header { padding: 10px 0; }
    header .header_logo { width: 50px; }
    header .inner { position: relative; }
    header button.ham_btn { display: flex; position: fixed; right: 10px; top: 15px; z-index: 9999; }
    header button.ham_btn.active .bar{ background-color: #222; }
    header nav { display: none; }
}
@media screen and (max-width: 650px) {
    header button.ham_btn { width: 30px; }
    .sub_menu { max-width: 300px; }
}


/* @main@ */
main {  }

/* sec1 */
section.sec1 { height: 100vh; position: relative;  }
section.sec1 .inner { height: 100%; display: flex; align-items: center; position: relative; z-index: 2; }
section.sec1 .sec1_div { padding-top: 300px;  }
section.sec1 .typingEffect {  }
section.sec1 .typingEffect .text { font-weight: 700; color: var(--white); }
section.sec1 .typingEffect .text_1 { font-size: 32px; margin-bottom: 20px; letter-spacing: 3.5px; }
section.sec1 .typingEffect .text_2 { font-size: 64px; line-height: 1.3; letter-spacing: 0.5px; }
section.sec1 .typingEffect .text_2 b {  font-family: "Plus Jakarta Sans", sans-serif; }
section.sec1 .typingEffect .text_2 b.blue{ font-size: 128px; color: var(--mainBlue); }
section.sec1 .video_div { width: 100%; height: 100%; position: absolute;  }
section.sec1 .video_div video { width: 100%; height: 100%; object-fit: cover;  }
section.sec1 .moBr { display: none; }

@media screen and (max-width: 1250px) {
    section.sec1 { height: ; }
    section.sec1 .sec1_div { padding-top: 240px; }
    section.sec1 .typingEffect .text_1 { font-size: 24px; }
    /* section.sec1 .typingEffect .text_2 { font-size: 5.12vw; }
    section.sec1 .typingEffect .text_2 b { font-size: 10.24vw; } */
    section.sec1 .typingEffect .text_2 { font-size: 40px; }
    section.sec1 .typingEffect .text_2 b.blue { font-size: 80px; }
}

@media screen and (max-width: 650px) {
    section.sec1 { height: ; }
    section.sec1 .inner { height: 100%; display: flex; align-items: center; }
    section.sec1 .sec1_div { padding-top: 200px; }
    section.sec1 .typingEffect .text_1 { font-size: 20px; }
    section.sec1 .typingEffect .text_2 { font-size: 32px; }
    section.sec1 .typingEffect .text_2 b.blue { font-size: 60px; }
}

@media screen and (max-width: 450px) {
    section.sec1 .sec1_div { padding-top: 125px; }
    section.sec1 .moBr { display: block; }
    section.sec1 .typingEffect .text_1 { font-size: 4.5vw; }
    section.sec1 .typingEffect .text_2 { font-size: clamp(20px, 7vw, 32px  ); }
    section.sec1 .typingEffect .text_2 b.blue { font-size: clamp(40px, 15vw, 80px  ); }
}


/* sec2 */
section.sec2 { padding: 150px 0; background: url(../img/main/sec2/bg.jpg) no-repeat center / cover; color: var(--white); }
section.sec2 .sec2_div { display: flex; flex-direction: column; gap: 200px; }
section.sec2 .identity { display: flex; justify-content: space-between; align-items: flex-end; }
section.sec2 .box {  }
section.sec2 .box .text_1 { letter-spacing: 15.5px; margin: 20px 0 10px; }
section.sec2 .box .text_2 { font-size: 80px; letter-spacing: 3.08px; color: var(--mainBlue); }
section.sec2 .text_3 { font-size: 32px; font-weight: 500; text-align: right; font-weight: 700; line-height: 1.8;  }

section.sec2 .vision { display: flex; align-items: flex-end; justify-content: space-between; }
section.sec2 .vision .box { text-align: right; }
section.sec2 .vision .text_3 { font-size: 24px; text-align: left; font-weight: 400; line-height: 1.5; letter-spacing: 0.5px; word-break: keep-all; }
section.sec2 .vision .text_3 b { font-size: 32px; }

@media screen and (max-width: 1250px) {
    section.sec2 .text_3 { font-size: 24px; }
    section.sec2 .vision .text_3 { font-size: 18px; }
    section.sec2 .vision .text_3 b { font-size: 24px; }
    
    section.sec2 .box .text_1 { font-size: 14px; letter-spacing: 7.5px; }
    section.sec2 .box .text_2 { font-size: 60px; }
    section.sec2 .box .sec2_img1 { width: 60px; }

    
}

@media screen and (max-width: 850px) {
    section.sec2 .sec2_div { gap: 100px; }
    section.sec2 .identity { flex-direction: column; align-items: flex-start; }
    section.sec2 .text_3 { text-align: left; line-height: 1.9; }

    section.sec2 .vision { flex-direction: column; align-items: flex-start; }
    section.sec2 .vision .box { order: -1; text-align: left; }
    section.sec2 .vision .text_3 { line-height: 1.9; }
}

@media screen and (max-width: 650px) {
    section.sec2 { padding: 20vw 0; }
}

@media screen and (max-width: 450px) {
    section.sec2 .box .sec2_img1 { width: 45px; }
    section.sec2 .box .text_1 {  font-size: 10px; margin: 10px 0 5px; letter-spacing: 3.5px; }
    section.sec2 .box .text_2 { font-size: 40px; letter-spacing: 1.08px; }
    section.sec2 .text_3 { font-size: 5.5vw; }
    section.sec2 .vision .text_3 { font-size: 4vw; }
    section.sec2 .vision .text_3 b { font-size: 5.5vw; }
    section.sec2 .sec2_div { gap: 50px; }

}

/* sec3 */
section.sec3 {   }
section.sec3 .sec3_div { padding: 20px 0 10px; background-color: var(--mainBlue); }
section.sec3 .sec3_slide {  }
section.sec3 .sec3_slide .swiper-wrapper { transition-timing-function: linear; }
section.sec3 .sec3_slide .swiper-wrapper .swiper-slide { width: auto !important; }
section.sec3 .sec3_slide .swiper-wrapper .swiper-slide .item { display: flex; align-items: center; justify-content: center; }
section.sec3 .sec3_slide .swiper-wrapper .swiper-slide .item .hashText { font-size: 32px; letter-spacing: 2px;  font-weight: 700; color: var(--white); flex-shrink: ; }

@media screen and (max-width: 1250px) {
    section.sec3 .sec3_slide .swiper-wrapper .swiper-slide .item .hashText { font-size: 24px; }
}

@media screen and (max-width: 720px) {
    section.sec3 .sec3_slide .swiper-wrapper .swiper-slide .item .hashText { font-size: 20px; }
}

@media screen and (max-width: 450px) {
    section.sec3 .sec3_slide .swiper-wrapper .swiper-slide .item .hashText { font-size: 16px; }
    section.sec3 .sec3_div { padding: 12px 0 7px; }
}

/* sec4 */
section.sec4 { padding: 100px 0; background-color: var(--darkNavy); }
section.sec4 .sec4_div { margin-top: 60px; color: var(--white); overflow: hidden;  }
section.sec4 .sec4_div .sec4_slide {  }
section.sec4 .sec4_div .sec4_slide .swiper-wrapper { transition-timing-function: linear; }
section.sec4 .sec4_div .sec4_slide .swiper-wrapper .swiper-slide {  }
section.sec4 .sec4_div .sec4_slide .item {  }
section.sec4 .sec4_div .sec4_slide .item .sec4_img { width: 100%; border-radius: 5px; }
section.sec4 .sec4_div .sec4_slide .item .text_1  { font-size: 24px; margin-bottom: 10px; letter-spacing: 3.08px; }
section.sec4 .sec4_div .sec4_slide .item .text_2  { font-size: 24px; color: var(--mainBlue); margin: 10px 0;  }
section.sec4 .sec4_div .sec4_slide .item .text_3  { font-size: 20px; word-break: keep-all; line-height: 1.5; }

@media screen and (max-width: 1250px) {
    section.sec4 .sec4_div { margin-top: 30px; }

    section.sec4 .sec4_div .sec4_slide .item .text_1 { font-size: 20px; }
    section.sec4 .sec4_div .sec4_slide .item .text_2 { font-size: 20px; }
    section.sec4 .sec4_div .sec4_slide .item .text_3 { font-size: 18px; }
}
@media screen and (max-width: 650px) {
    section.sec4 { padding: 13vw 0; }
}
@media screen and (max-width: 450px) {
    section.sec4 .sec4_div .sec4_slide .item .text_1 { font-size: 18px; }
    section.sec4 .sec4_div .sec4_slide .item .text_2 { font-size: 18px; }
    section.sec4 .sec4_div .sec4_slide .item .text_3 { font-size: 14px; }
}


/* sec5 */
section.sec5 { padding: 100px 0; background: url(../img/main/sec5/img2.png) no-repeat center / 25%; }
section.sec5 .sec5_div {  display: flex; align-items: center; justify-content: space-between;  }
section.sec5 .sec5_div .sec5_img1_mo { display: none; }
section.sec5 .sec5_div .text { font-size: 24px; line-height: 190%; word-break: keep-all; }
section.sec5 .sec5_div .text_1 { margin: 50px 0 30px; }
section.sec5 .sec5_div .text_2 {  }

section.sec5 .sec5_div .box {  }
section.sec5 .sec5_div .box .item {  }

section.sec5 .sec5_div .imgBox {  width: 50%; display: flex; justify-content: center; align-items: center; gap: 10px; }
section.sec5 .sec5_div .sec5_img1 { width: 50%; }

@media screen and (max-width: 1250px) {
    section.sec5 .sec5_div { flex-direction: column; gap: 50px; }
    /* section.sec5 .sec5_div .sec5_img1 { display: none; } */
    /* section.sec5 .sec5_div .sec5_img1_mo { display: block; display: block; margin: 0 auto; } */
    section.sec5 .sec5_div .text { font-size: 20px; }
    section.sec5 .sec5_div .text_1 { margin: 20px 0; }
    section.sec5 .sec5_div .sec5_img1 { width: 50%; order: ; }
    section.sec5 .sec5_div .box { text-align: center; }
    section.sec5 .sec5_div .imgBox {  width: 80%; }
}
@media screen and (max-width: 650px) {
    section.sec5 { padding: 13vw 0; }
    section.sec5 .m_br { display: none; }
    section.sec5 .sec5_div .sec5_img1 { width: ; }
    section.sec5 .sec5_div .imgBox {  width: 100%; }

}
@media screen and (max-width: 450px) {
    section.sec5 .sec5_div .text { font-size: 16px; }
    section.sec5 .sec5_div .text_1 { margin: 10px 0 0; }
    section.sec5 .sec5_div { gap: 30px; }
    section.sec5 .sec5_div .sec5_img1 { width: 90%; }
    section.sec5 .sec5_div .imgBox { flex-direction: column; gap: 30px; }

}

/* sec6 */
section.sec6 { padding: 100px 0; position: relative;  }
section.sec6 .inner { position: relative; }
section.sec6 .mo_icon { display: none; }
/* /효과 */
section.sec6 .circle { width: 600px; height: 600px; position: relative; }
section.sec6 .circle .blur { width: 100%; height: 100%; background-color: #222; border-radius: 500px; background: rgba(0, 133, 255, 0.30); filter: blur(200px); position: relative; z-index: 1; }
section.sec6 .circle_1 { position: absolute; top: 0; left: 0;  }
section.sec6 .circle_2 {  position: absolute; bottom: 0; right: 0; }
section.sec6 .circle_2 .blur {  }
section.sec6 .circle_2 .icon { position: absolute;  top: 50%; left: 50%; transform: translate( -30%, -50%); }
/* 효과/ */
section.sec6 ul { margin-top: 60px; display: flex; justify-content: center; gap: 200px;  position: relative; z-index: 2;}
section.sec6 ul li {  }
section.sec6 ul li .text_box { text-align: center; }
section.sec6 ul li .text_box .name { margin: 20px 0; font-size: 32px; font-weight: 700; color: var(--mainBlue); }
section.sec6 ul li .text_box .name b { margin-left: 15px; font-size: 20px; font-family: "Plus Jakarta Sans", sans-serif; }
section.sec6 ul li .text_box .content { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; }
section.sec6 ul li .text_box .content .text_1 { font-size: 24px;  }

@media screen and (max-width: 1250px) {
    section.sec6 ul { gap: 10vw; }
    section.sec6 ul li .text_box .name { font-size: 24px; margin: 10px 0;  }
    section.sec6 ul li .text_box .name b { font-size: 18px; }
    section.sec6 ul li .text_box .content .text_1 { font-size: 20px; }
    section.sec6 ul li .text_box .content { gap: 10px; }
    section.sec6 .icon { display: none; }
    section.sec6 .mo_icon { width: 200px; display: block; position: absolute; top: 0; right: 5%; }

}
@media screen and (max-width: 650px) {
    section.sec6 { padding: 13vw 0; }
    section.sec6 ul li .text_box .name { font-size: 20px; }
    section.sec6 ul li .text_box .name b { font-size: 14px; margin-left: 5px; }
    section.sec6 ul li .text_box .content .text_1 { font-size: 16px; }
        section.sec6 .mo_icon { width: 30%; }


}
@media screen and (max-width: 450px) {
    section.sec6 .m_title { text-align: center; }
    section.sec6 .subTitle { text-align: center; }
    section.sec6 ul { flex-direction: column; margin-top: 30px; }
    section.sec6 ul li .img1,
    section.sec6 ul li .img2 { display: block; margin: 0 auto; width: 60%; }
}


/* sec7 */

section.sec7 {  padding:; position: relative; z-index: 2; background: linear-gradient(110deg, #1B202B 0%, #1E242F 100%);  }/* background: linear-gradient(180deg, #1F2D45 0%, #1E242F 100%); */
section.sec7 .sec7_1 { padding: 100px 0; }
#canvas-basic { position: absolute; display: block; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }
section.sec7 .inner { position: relative; z-index: 2; }
section.sec7 .subTitle { color: var(--white); }
section.sec7 .sec7_div { margin-top: 50px; position: relative; z-index: 2; }
section.sec7 .sec7_div .sec7_slide {  }
section.sec7 .sec7_div .sec7_slide .swiper-wrapper { display: flex; align-items: center; }
section.sec7 .sec7_div .sec7_slide .swiper-wrapper .swiper-slide { max-width: 100%; transform: scale(0.9) !important;  width: auto !important;  opacity: .5; transition: all 0.5s !important; }
section.sec7 .sec7_div .sec7_slide .swiper-wrapper .swiper-slide .text_1 {  }
section.sec7 .swiper-slide-shadow-left { opacity: 0 !important; }
section.sec7 .swiper-slide-shadow-right { opacity: 0 !important; }

section.sec7 .sec7_div .sec7_slide .swiper-wrapper .swiper-slide-active { transform: scale(1) !important; opacity: 1;  }
section.sec7 .sec7_div .sec7_slide .swiper-wrapper .swiper-slide-active .sec7_img {  }
section.sec7 .sec7_div .sec7_slide .swiper-wrapper .swiper-slide-active .text_1 { font-size: 32px !important; }
section.sec7 .sec7_div .sec7_slide .swiper-wrapper .swiper-slide-active .item { width: 100% !important; }
section.sec7 .sec7_div .sec7_slide .swiper-wrapper .swiper-slide-active .item .sec7_img { width: 100% !important; }
section.sec7 .sec7_div .sec7_slide .swiper-wrapper .swiper-slide .item { text-align: center;   }
section.sec7 .sec7_div .sec7_slide .swiper-wrapper .swiper-slide .item .sec7_img { width: 80%;  overflow: hidden;border-radius: 5px; }
section.sec7 .sec7_div .sec7_slide .swiper-wrapper .swiper-slide .item .text_1 {  margin-top: 20px; font-size: 18px; font-weight: 500; text-align: center; color: var(--white); font-family: 'Pretendard', sans-serif; }

@media screen and (max-width: 1250px) {
    section.sec7 .sec7_div .sec7_slide .swiper-wrapper .swiper-slide-active .text_1 { font-size: 24px !important; }
    section.sec7 .sec7_div .sec7_slide .swiper-wrapper .swiper-slide-active .item .sec7_img { width: 100% !important; }

}
@media screen and (max-width: 650px) {
    section.sec7 .sec7_1 { padding: 13vw 0; }
    section.sec7 .sec7_div { margin-top: 30px; }
    section.sec7 .sec7_div .sec7_slide .swiper-wrapper .swiper-slide .item { padding: 10px; }
    section.sec7 .sec7_div .sec7_slide .swiper-wrapper .swiper-slide-active .item .text_1 { font-size: 20px !important; margin-top: 10px; }
}

@media screen and (max-width: 450px) {
}
/* arti_1 */
article.arti_1 { padding: 100px 0; }
article.arti_1 ul { width: 100%; display: flex; gap: 40px; margin-top: 50px; }
article.arti_1 ul li { width: calc(100%/2); color: var(--white); }
article.arti_1 ul li .item {  }
article.arti_1 ul li .item .text_1 { font-size: 24px; display: flex; align-items: center; gap: 8px; }
article.arti_1 ul li .item .text_1::before { content: ''; display: inline-block; width: 3px; height: 20px; background-color: var(--white); }
article.arti_1 ul li .item .map_box { border-radius: 5px; height: 480px; margin: 15px 0; overflow: hidden; }
article.arti_1 ul li .item .text_2 { font-size: 20px; }

@media screen and (max-width: 1440px) {
    article.arti_1 ul li .item .map_box { height: 33vw; }
    article.arti_1 ul { gap: 20px; }
}
@media screen and (max-width: 1250px) {
    article.arti_1 ul li .item .map_box { margin: 10px 0; }
}
@media screen and (max-width: 850px) {
    article.arti_1 ul { flex-direction: column; gap: 7vw; }
    article.arti_1 ul li { width: 100%; }
    article.arti_1 ul li .item .map_box { height: 60vw; }
}
@media screen and (max-width: 650px) {
    article.arti_1 { padding: 13vw 0; }
    article.arti_1 ul { margin-top: 30px; }
    article.arti_1 ul li .item .text_1 { font-size: 20px; }
    article.arti_1 ul li .item .text_2 { font-size: 16px; }
}

/* bannerArti */
.bannerArti { padding: 80px 0; }
.bannerArti .banner_swiper_div { margin-top: 50px; display: flex; flex-direction: column; gap: 20px; }
.bannerArti .banner_swiper_div .banner_swiper {  }
.bannerArti .banner_swiper_div .banner_swiper .swiper-wrapper { transition-timing-function: linear; display: flex; align-items: center; height: 100% !important; }
.bannerArti .banner_swiper_div .banner_swiper .swiper-slide {  }
.bannerArti .banner_swiper_div .banner_swiper .swiper-slide .item { padding: 20px; background-color: var(--white); height: 100px; display: flex; align-items: center; justify-content: center; border-radius: 5px;  }

@media screen and (max-width: 1250px) {
}
@media screen and (max-width: 1000px) {
    .bannerArti .banner_swiper_div { gap: 10px; }
}
@media screen and (max-width: 850px) {
    .bannerArti .banner_swiper_div .banner_swiper .swiper-slide .item { padding: 7px; height: 10vw; }
}
@media screen and (max-width: 650px) {
    .bannerArti { padding: 10vw 0; }
    .bannerArti .banner_swiper_div { margin-top: 20px; }
    .bannerArti .banner_swiper_div .banner_swiper .swiper-slide { margin: 0 5px !important; }
}
@media screen and (max-width: 500px) {
    .bannerArti .banner_swiper_div .banner_swiper .swiper-slide .item { height: 15vw; }
}





/* arti_2 */
article.arti_2 { padding: 100px 0; }
article.arti_2 .item { width: 100%; margin-top: 30px; display: flex; align-items: center; justify-content: space-between;  }
article.arti_2 .subTitle { color: var(--white); }
article.arti_2 .form_box { position: relative; z-index: 1; max-width: 600px; }
article.arti_2 .form_box .formList {  }
article.arti_2 .form_box .formList .label { color: var(--white);  }
article.arti_2 .form_box .formList .label span { color: var(--mainBlue); }
article.arti_2 .form_box .formList .ipt { border-radius: 3px; }
article.arti_2 .form_box .formList textarea.ipt { border-radius: 3px; }
article.arti_2 .form_box .agreeCheckDiv label input[type="checkbox"] + .textBox { gap: 10px; align-items: center; color: var(--white); }
article.arti_2 .form_box .agreeCheckDiv label input[type="checkbox"] + .textBox::before { border: 1px solid var(--white); }
article.arti_2 .form_box .form_btn { font-size: 18px;  width: 100%; padding: 15px 0; margin-top: 20px; border-radius: 3px; background-color: var(--mainBlue); border: none; color: var(--white); }

article.arti_2 .form_box { width: calc(100%/2); }
article.arti_2 .blur_box { width: calc(100%/2); position: relative; display: flex; align-items: center; justify-content: center; }
article.arti_2 .blur_box .sec8_img1 { position: relative; z-index: 1; }
article.arti_2 .blur_box .blur_img { position: absolute; }
article.arti_2 .blur_box .blur_img_1 { top: -120%; }
article.arti_2 .blur_box .blur_img_2 {  top: -40%; right: 25%;}
article.arti_2 .blur_box .blur_img_3 { top: -40%; left: 25%; }

@media screen and (max-width: 1250px) {
    article.arti_2 .blur_box .sec8_img1 { width: 70%; }
    article.arti_2 .blur_box .blur_img_1 { width: 100%; }
    article.arti_2 .blur_box .blur_img_2 { width: 100%; }
    article.arti_2 .blur_box .blur_img_3 { width: 100%; }
    /* article.arti_2 .item { flex-direction: column; } */
}
@media screen and (max-width: 850px) {
    article.arti_2 .m_title { text-align: center; }
    article.arti_2 .subTitle { text-align: center; }
    article.arti_2 .item { flex-direction: column; gap: 30vw; }
    article.arti_2 .form_box { width: 100%; }
    article.arti_2 .blur_box { width: 80%; }

}
@media screen and (max-width: 650px) {
    article.arti_2 { padding: 13vw 0; }
}

/* @arti_3 footer@ */
article.arti_3 { padding: 50px 0; }
article.arti_3 .f_logo {  }
article.arti_3 .footer_div { margin-top: 20px; display: flex; justify-content: space-between; align-items: flex-end; color: var(--white); }
article.arti_3 .footer_div ul { max-width: 500px; width: 100%; display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start; }
article.arti_3 .footer_div ul li { font-size: 18px; }
article.arti_3 .footer_div ul li b { margin-right: 10px; font-family: "Plus Jakarta Sans", sans-serif; }
article.arti_3 .footer_div .box { display: flex; flex-direction: column; gap: 15px; align-items: flex-end; }
article.arti_3 .footer_div .box .text { font-family: "Plus Jakarta Sans", sans-serif; }
article.arti_3 .footer_div .box .text_1 { font-size: 20px; font-weight: 700; width: fit-content;   border-bottom: 2px solid var(--white); cursor: pointer; }
article.arti_3 .footer_div .box .text_2 { font-size: 18px; }


@media screen and (max-width: 1250px) {
    article.arti_3 .footer_div ul { max-width: 400px; gap: 15px; }
    article.arti_3 .f_logo { width: 70px; }
    article.arti_3 .footer_div ul li { font-size: 16px; }
    article.arti_3 .footer_div .box .text_1 { font-size: 18px; }
    article.arti_3 .footer_div .box .text_2 { font-size: 16px; }
}
@media screen and (max-width: 650px) {
    article.arti_3 .footer_div { flex-direction: column; align-items: flex-start; gap: 20px; }
    article.arti_3 .footer_div .box { align-items: flex-start; }
}

@media screen and (max-width: 450px) {
    article.arti_3 { padding: 6vw 0; }
    article.arti_3 .footer_div ul { flex-direction: column; gap: 10px; }
    article.arti_3 .f_logo { width: 60px; }
    article.arti_3 .footer_div ul li { font-size: 14px; }
    article.arti_3 .footer_div .box .text_1 { font-size: 16px; }
    article.arti_3 .footer_div .box .text_2 { font-size: 14px; }

}






/*============================ 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; color: var(--black); font-family: unset; }
.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;  }
}


html::-webkit-scrollbar {width: 8px;}
html::-webkit-scrollbar-thumb {background-color: var(--mainBlue); border-radius: 10px;}