@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

/*프리텐다드 레귤러*/


@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.ttf') format("truetype");
    font-display: swap;
}

/*프리텐다드 볼드*/

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*지마켓산스 미디엄*/

@font-face {
    font-family: 'GmarketSans';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.ttf') format("truetype");
    font-display: swap;
} 

/*지마켓산스 볼드*/



/* 모바일 수평 스크롤 금지 */ 
html, body { max-width: 100%; overflow-x: hidden; scroll-behavior: smooth;}

.body{
    overflow: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-text-size-adjust: none;
    word-wrap: break-word;
}



a{
    text-decoration: none;
    color: #4C4C4C;
}

.header{
    z-index: 2;
    top: -0.1%;
    left: 0;
    right: 0;
    position: fixed;
}

.navbar{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;
    padding: 1.5625vw 15.6250vw ;
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.06));
}

.navbar_menu{
    display: flex;
    list-style: none;
    padding-left: 0px;  
    font-family: 'Pretendard-Regular';
    text-decoration-line: none;
    font-size: 0.9375vw;
    cursor: pointer;
}

.warp .navbar .navbar_logo > img{
    width: 4.1667vw;
}

.navbar_menu li{
    padding: 0px 2.5000vw;
}

.navber_btn1{
    display: flex;
    justify-content: center;
  

}

.navbar_menu > li :hover {
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
    transition-duration: 0.5s;
  
}

.navbar_btn{
    background-color: #63A7F8;
    color: #ffffff;
    padding: 0.4688vw 1.9792vw;
    gap: 0.5208vw;
    border: none;
    border-radius: 0.2083vw;
    font-family: 'Pretendard';
    font-size: 0.8333vw;
    cursor: pointer;
}

.navbar_toggleBtn{
    display: none;
    position: absolute;
    right: 1.6667vw;
}

.navbar_closeBtn{
    display: none;
    position: absolute;
    right: 1.6667vw;
}




@media screen and (max-width: 768px) {
    .navbar{
        flex-direction: column;
        align-items: flex-start;
        padding: 5vw 5vw;
    }
    
    .navbar_menu{
        display: none;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .navbar_menu li {
        text-align: center;
        padding: 3vw;
        width: 100%;
        font-size: 3.2vw;

    }

    .navbar_btn{
        margin-top: 1.5625vw;
        background-color: #63A7F8;
        color: #ffffff;
        padding: 1vw 3vw;
        gap: 0.5208vw;
        border: none;
        border-radius: 1vw;
        font-family: 'Pretendard-Regular';
        font-size: 3.6vw;
        cursor: pointer;
    }

    .navbar_btn1{
        display: none;
        justify-content: center;
        width: 100%;
        font-size: 2.6042vw;
    }

    .navbar_toggleBtn{
        display: block;
        padding-top: 5%;
        padding-right: 8vw;
    }



    .navbar_toggleBtn > img {
        width: 3vw;
    }

    .navbar_menu.active, 
    .navbar_btn1.active {
        display: flex;
        
    }

    .warp .navbar .navbar_logo > img{
        width: 15.4vw;
    }

    .navbar_toggleBtn:before, 
.navbar_toggleBtn:after {display:block; content:""; position:absolute; width: 4.5vw; height:0.6vw; background:#666666; -webkit-transform:translateX(-50%); transform:translateX(-50%); transform: all
     .3s; -webkit-transform: translate3d(0,0,0);}
.navbar_toggleBtn:before {margin-top:-2.0417vw;}

}




/*gnb*/

.slide-item {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
  }
  .slide-item.active {
    visibility: visible;
    animation: slide 6s infinite;
  }

.slidebox{
    width: 100%;
    position: relative;    
    transition: transform 1s;
    overflow: hidden;
    padding-top: 4%;
}


.container1{
    width: 300vw;
    display: flex;
    position: relative;
    -webkit-transition: left 1s ease-in-out;
    transition: left 1s ease-in-out;
}


/*.btn_slide_zip{
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1% 0;
    width: 100vw;
    height: 2vw;
    padding-bottom: 1.5vw;
    background-color: #ffffff;
    border-bottom: #d8d8d8 solid 1px;
}*/

#prev {margin-right: 2%;}



.slide1{
    width: 100vw;
    height: 50vw;
    background: url(/01\ header/header_bg-1.png) no-repeat left bottom;
    background-size: cover;
  }



  .maintxt_1{
    margin: auto;
    text-align: center;
    position: relative;
    word-break: keep-all;
    max-width: 100rem;
    padding: 10% 0rem 0rem 0rem;
    font-size: 2.5000vw;
    font-weight: 400;
    line-height: 3.0208vw;
    color: #ffffff;
    font-family: 'GmarketSansMedium';
    text-shadow: 0rem 0rem 1.25rem rgba(0, 0, 0, 0.25);
  }

  .maintxt_1 > span {font-family: 'GmarketSans';} 
  
  .maintxt_2{
    margin-top: 0.5208vw;
    font-weight: 500;
    font-size: 1.4583vw;
    letter-spacing: -0.02em;
    color: #ffffff;
    font-family: 'Pretendard-Regular';
    text-shadow: 0rem 0rem .625rem rgba(0, 0, 0, 0.25);
}
 
.slide1 .mainbox {
    justify-content: center;
    align-items: center;
    margin: 0;
    padding-top: 1.2292vw;
    display: flex;
    max-width: 100%;
    flex-wrap: wrap;
    gap: 1.25rem 2.22%;
    padding-bottom: 10%;
}    
    

.slide1 .mainbox > div {
    width: 48.89%;
    max-width: 10.9375vw;
    max-height: 15.1042vw;
    padding: 2.8125vw 2.4%;
    background: #FFFFFF;
    box-shadow: 1.25rem 1.25rem 1.875rem rgba(90, 141, 166, 0.5);
    border-radius: 1.0417vw; 
    
}

.slide1 .mainbox dl {
    margin: 0;
    width: 12.4167vw;
    height: auto;
    
}


.slide1 .mainbox dt i {
    display: block;
    width: 3.25rem;
    height: 3.25rem;
    margin-bottom: 1rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }



.slide1 .mainbox dt {
    width: 50%;
    font-weight: 700;
    font-size: 1.3542vw;
    line-height: 1.2500vw;
    text-transform: uppercase;
    color : #101010;
    font-family: 'Pretendard';
    margin-bottom: 1vw;}

    
.slide1 .mainbox dd {
    height: 3vw;
    display: flex;
    justify-content: left;
    margin: 0;
}

.slide1 .mainbox dd ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    padding: 0;
}

.slide1 .mainbox dd>ul>li {
    display: flex;
    text-align: left;
    width: 100%;
    height: auto;
    font-weight: 500;
    font-size: 1.6667vw;
    line-height: 1.2;
    color: #111111;
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
}

.slide1 .mainbox .box04 :nth-child(2){
    height: 3.0833vw;
}

.obj_1, .obj_2 {
    width: 10.3125vw;
    height: auto;
    padding-top: 2.5000vw;
}

.obj_3 {
    width : 10.3125vw;
    height: auto;
    padding-top: 2.0833vw;
}


.obj_4{
    width: 7.8vw;
    height: auto;
    padding-left: 1.6vw;
    padding-top: 2.4vw;
}

@media screen and (max-width: 1440px) {
    .mainbox{
        position: relative;
        left: 50%;
        transform: translateX(calc(-50%));
    }

}



/*슬라이드2*/

.slide2{
    width: 100vw;
    height: 50vw;
    background: url(/01\ header/header_bg-2.png) no-repeat left bottom;
    background-size: cover;
}

.gridimg_2-1{
    width: 100vw;
    padding-top: 1%;
}

.gridimg_2-768{
    display: none;
}

.gridimg_2{
    padding: 5.7292vw 0px 0px 0px;
    position: relative;
}

.gridtxt_1{
   position: absolute;
   width: 9.8438vw;
   height: 2.8125vw;
   left: 43.8542vw;
   top: 19vw;   
   font-family: 'Pretendard';
   font-weight: 500;
   font-size: 1.2500vw;
   line-height: 3.6458vw;
   text-shadow: 0px 0px 0.7813vw rgba(85, 66, 211, 0.6);
   letter-spacing: -0.02em;
   color: #ffffff;
}

.gridtxt_2{
    position: absolute;
    width: 12.3438vw;
    height: 6.0417vw;
    left: 43.8542vw;
    top: 22.4vw;
    font-size: 2.5000vw;
    line-height: 3.2292vw;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    text-shadow: 0px 0px 0.7813vw rgba(85, 66, 211, 0.6);
    font-family: 'GmarketSans';
    font-weight: 700;
    font-style: normal;
}

.gridtxt_3{
    position: absolute;
    width: 9.3229vw;
    height: 2.7083vw;
    left: 63.1771vw;
    top: 16.2083vw;
    font-size: 2.1875vw;
    line-height: 3.2292vw;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    font-family: 'GmarketSans';
    font-weight: 500;
    font-style: normal;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
}

.gridtxt_4{
    position: absolute;
    left: 65.1042vw;
    top: 24.3333vw;
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 1.2500vw;
    line-height: 2.7083vw;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    text-shadow: 0px 0px 0.5208vw #F77200;
}

/*슬라이드3*/



.slide3{
    list-style: none;
    width: 100vw;
    height: 50vw;
    background: url(/01\ header/main3_bg.png) no-repeat left bottom;
    background-size: cover;
}
 




.gridtxt_5{

    padding-top: 8.65%;
    padding-left: 15%;
    font-family: 'GmarketSansMedium';
    font-weight: 600;
    font-size: 1.2750vw;
    line-height: 3.8542vw;
    letter-spacing: -0.02em;
    color: #101010;
}

.gridtxt_6{
    padding-left: 15%;
    font-family: 'GmarketSans';
    font-weight: 700;
    font-style: normal;
    font-size: 4.1667vw;
    line-height: 5.2083vw;
    letter-spacing: -0.02em;
    color: #54A8FF;

}

.ic_line > img {
    width: 2.0833vw;
    padding-top: 1.5%;
    padding-left: 15%;
    top: 19.2708vw;
}

.gridtxt_7{
    padding-top: 1%;
    padding-left: 15%;
    font-family: 'Pretendard-Regular';
    font-weight: 400;
    font-size: 1.2500vw;
    line-height: 2.0833vw;
    letter-spacing: -0.02em;
    color: #101010;
}

.slide_btn{
    position: relative;
    display: flex;
    align-items:center;
    justify-content: center;
    background: linear-gradient(278.08deg, #027EFF 6.08%, #54A8FF 85.08%);
    left: 15vw;
    top: 2vw;
    width: 9.4792vw;
    height: 3.5417vw;
    border: none;
    border-radius: 0.6250vw;
    color: #FFFFFF;
    box-shadow: 0.6250vw 0.6250vw 1.0417vw rgba(0, 0, 0, 0.08);
    font-weight: 700;
    font-size: 1.4583vw;
    line-height: 3.8542vw;
    font-family: 'Pretendard';
    cursor: pointer;
}


/*헤더*/

.contents1{
    padding:8% 4% 8% 8%;
    display: flex;
    justify-content: center;
    align-items: center;
    word-break: keep-all;
    padding: auto;
}

.contents1_txt1{
    font-family: 'Pretendard-Regular';
    font-weight: 400;
    font-size: 3.1250vw;
    line-height: 3.9583vw;
    letter-spacing: -0.02em;
    color: #101010;
}

.contents1_txt1 > span {font-family: 'Pretendard';}

.btn1{ 
    width: 8.0208vw;
    height: 2.2917vw;
    justify-content: center;
    background:#FFFFFF;
    border-width : 0.0521vw;
    border-radius: 2.0833vw;
    border-color : #027EFF;
    font-size: 1.0417vw;
    color: #027EFF;
    font-family: 'Pretendard';
    margin-right: 0.6250vw;
    white-space: nowrap;
}

.contents1_txt2{
    padding-top: 5%;
    font-family: 'Pretendard-Regular';
    font-weight: 400;
    font-size: 0.9375vw;
    line-height: 1.8750vw;
    letter-spacing: -0.02em;
    color: #101010;
    word-break: keep-all;
}


.contents1_right{
width: 25.6771vw;
height: auto;
padding-left: 1.0417vw;
}

.contents-1_banner{
    position: relative;
    max-width: 100%;
    height: auto;
	vertical-align: middle;
}

.banner1_768{display: none;}

.banner1{
    width: 100%;
    vertical-align: middle;
}

.banner_txt1{
    width: 100%;
    word-break: keep-all;
    text-align: center;
	position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    font-size: 3.1250vw; 
    -webkit-text-size-adjust: auto;
    line-height: 3.5vw;
    color: #FFFFFF;
    text-shadow: 0rem 0rem .625rem rgba(0, 0, 0, 0.18);
}

.banner_txt2{
    text-align: center;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Pretendard-Regular';
    font-weight: 400;
    font-size: 1.3542vw;
    line-height: 21.6667vw;
    color: #FFFFFF;
    text-shadow: 0rem 0rem .625rem rgba(0, 0, 0, 0.18);
}

/*컨텐츠 2*/

.contents2_main_txt{
    max-width: 100%;
    word-break: keep-all;
    padding-top: 7.9688vw }
    
.contents2_txt1{
    margin: 0;
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    font-size: 2.5000vw;
    line-height: 3.7500vw;
    text-align: center;
    letter-spacing: -0.02em;
}

.contents2_txt1 > span{
    font-family: 'Pretendard';
    background: linear-gradient(118.19deg, #9485FC 42.16%, #624FEF 67.45%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.contents2_txt2{
    margin: 0;
    padding-top: 2.1875vw;
    font-family: 'Pretendard-Regular';
    font-weight: 500;
    font-size: 1.0417vw;
    line-height: 1.8750vw;
    text-align: center;
    letter-spacing: -0.02em;
    color: #83868A;
    word-break: keep-all;
}



.contents2_img1{
    word-break: keep-all;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding-top: 10.6771vw;
}

.contents2_1{
    width: 56.9271vw;
    height: auto;
}

.img1_txt{
    padding-left: 6.3542vw;
    padding-right: 8%;
    max-width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: right;
    box-sizing: border-box;
}

.img1_title{
    display: flex;
    flex-direction: row; 
    max-width: 100%;
    margin-left: auto;
}


.ic_video{
    display: flex;
    padding-right: 0.7292vw;
    width: 3.1250vw;
    height: auto;
}

.contents2_txt3{
    display: flex;
    margin : auto 0;
    max-width: 100%;
    font-weight: 800;
    font-size: 2.7083vw;
    line-height: 3.625rem;
    margin-right : .0625rem ;
    color: #101010;
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
}

.ic_line_2{
    max-width: 100%;
    margin-left: auto;
    padding-top: 1.7708vw;
}

.contents2_txt4{
    display: flex;
    font-family: 'Pretendard';
    font-size: 1.8750vw;
    line-height: 2.7083vw;
    text-align: right;
    letter-spacing: -0.02em;
    color: #101010;
    margin: 0;
    padding-top: 1.7708vw;
}

.contents2_txt5{
    display: flex;
    font-family: 'Pretendard-Regular';
    font-weight: 400;
    font-size: 1.0417vw;
    line-height: 1.9792vw;
    text-align: right;
    letter-spacing: -0.02em;
    color: #4C4C4C;
    margin-left: auto;
    padding-top: 0.8333vw;
}

.contents2_img2{
    word-break: keep-all;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding-top: 14.5833vw;
}

.contents2_2{
    width: 56.9271vw;
    height: auto;
    margin-left: auto;

}

.img2_txt_align{
    padding-left: 15%;
}

.img2_txt{
    word-break: keep-all;

    padding-right: 10.9375vw;
    max-width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    
}

.img2_title{
    display: flex;
    flex-direction: row; 
    width: 100%;
    margin-right: auto;
}


.ic_share{
    display: flex;
    padding-right: 0.7292vw;
    width: 3.1250vw;
    height: auto;
}

.contents2_txt6{
    display: flex;
    margin : auto 0;
    max-width: 100%;
    font-weight: 800;
    font-size: 2.7083vw;
    line-height: 3.0208vw;
    margin-right : 0.0521vw ;
    color: #101010;
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
}

.ic_line_3{
    max-width: 100%;
    margin-right: auto;
    padding-top: 1.7708vw;
}

.contents2_txt7{
    display: flex;
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 1.8750vw;
    line-height: 2.7083vw;
    text-align: left;
    letter-spacing: -0.02em;
    color: #101010;
    margin: 0;
    padding-top: 1.7708vw;
}

.contents2_txt8{

    display: flex;
    font-family: 'Pretendard-Regular';
    font-weight: 400;
    font-size: 1.04217vw;
    line-height: 1.9792vw;
    text-align: left;
    letter-spacing: -0.02em;
    color: #4C4C4C;
    margin-left: auto;
    padding-top: 1.7708vw;
}

.contents2_img3{
    word-break: keep-all;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding-top: 10.6771vw;
}

.contents2_3{
    width: 56.9271vw;
    height: auto;
}

.img3_txt{
    
    padding-left: 8.5vw;
    padding-right: 8%;
    max-width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: right;
    box-sizing: border-box;
}

.img3_title{
    display: flex;
    flex-direction: row; 
    max-width: 100%;
    margin-left: auto;
}


.ic_document{
    display: flex;
    padding-right: 0.7292vw;
    width: 3.1250vw;
    height: auto;
}

.contents2_txt9{
    display: flex;
    margin : auto 0;
    max-width: 100%;
    font-weight: 800;
    font-size: 2.7083vw;
    line-height: 3.0208vw;
    margin-right : 0.0521vw ;
    color: #101010;
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
}

.ic_line_5{
    max-width: 100%;
    margin-left: auto;
    padding-top: 1.7708vw;
}

.contents2_txt10{
    display: flex;
    font-family: 'Pretendard';
    font-size: 1.8750vw;
    line-height: 2.7083vw;
    text-align: right;
    justify-content: right;
    letter-spacing: -0.02em;
    color: #101010;
    margin: 0;
    padding-top: 1.7708vw
}

.contents2_txt11{
    display: flex;
    font-family: 'Pretendard-Regular';
    font-weight: 400;
    font-size: 1.0417vw;
    line-height: 1.9792vw;
    text-align: right;
    letter-spacing: -0.02em;
    color: #4C4C4C;
    margin-left: auto;
    padding-top: 0.8333vw;
}

/*컨텐츠 3*/


.contents3_main_txt{
    width: 100%;
    padding-top: 12.7083vw;}

.contents3_txt1{
    margin: 0;
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    font-size: 2.5000vw;
    line-height: 3.7500vw;
    text-align: center;
    letter-spacing: -0.02em;
}

.contents3_txt2{
    margin: 0;
    padding-top: 2.1875vw;
    font-family: 'Pretendard-Regular';
    font-weight: 500;
    font-size: 1.0417vw;
    line-height: 1.8750vw;
    text-align: center;
    letter-spacing: -0.02em;
    color: #83868A;
}

.contents3_txt1 > span{
    background: linear-gradient(272.33deg, #027EFF 9.17%, #29AAE2 48.01%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.shape1{
    margin-top: 10.9375vw;
    width: 100vw;
    height: 24.4792vw;
    background: linear-gradient(90deg, #B1AFFF 0%, #8F7FFF 65.84%);
    border-radius: 0rem;
}

.contents3{
    background-color: #ffffff;
    position: relative;
    width: 100%;
}



.contents3_img{
    padding-top: 5.2083vw;
    z-index: 1;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    position: absolute;
    width: 100%;


}

.contents3_png {
    display: flex;
    width: 20.7083vw;
    height: auto;
} 



.gridtxt_8-1, .gridtxt_8-2, .gridtxt_8-3 {
    display: flex;
    flex-direction: column;
    position: relative;
    top: -41.5%;
    left: 14%;
    
}

.grid8_span {
    margin-top: 1.0417vw;
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
    font-size: 1.6667vw;
    line-height: 1.2vw;
    letter-spacing: -0.02em;
    color: #101010;
    word-break: keep-all;

}

.gridtxt_8-1, .gridtxt_8-2, .gridtxt_8-3 :nth-child(3){
    font-family: 'Pretendard-Regular';
    font-size: 0.8vw;
    line-height: 180%;
    letter-spacing: -0.02em;
    color: #83868A;
    word-break: keep-all;
}



/*컨텐츠 4*/



/*컨텐츠 4*/

.contents4_column1{

    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    
}

.contents4{
    margin: 0px;
    background-color: #fbfbfb;
}

.contents4_txt1{
    padding: 0% 0 0 0;
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
    font-size: 2.5000vw ;
    line-height: 3.5vw;
    letter-spacing: -0.02em;
    color: #101010;
    word-break: keep-all;
    justify-content: left;
    
}


.contents4_sub{
    
    justify-content: center;
    padding-top: 5%;
    padding-bottom: 5%;
}

.contents4_column1{
    position: relative;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

.contents4_img_1{

    margin-left: 14.6vw;
    display: flex;
    align-items: center;
    justify-content: center;

}

.contents4_img_2{
    padding-top: 0.3125vw;
    justify-content: center;
    display: flex;

}

.img_all{
    width: 4.5833vw;
}



.img4_1, .img4_2, .img4_3, .img4_4, .img4_5, .img4_6{
    width: 16vw;
    height: 16vw;
    border: 0px solid #aaaaaa;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
    text-align: center;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 0.3125vw;
    word-break: keep-all;
    background: #FFFFFF;
    
}

.img_all{
    width: 4.5833vw;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    max-width: 100%;
    padding-top: 6px;

}

.gridtxt_9{
    margin: 1.2500vw 1.0417vw;
}

.gridtxt_9 :nth-child(1){
    
    top: 50%;
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
    font-size: 1.1458vw;
    color: #101010;
    word-break: keep-all;
} 

.gridtxt_9 :nth-child(3){
    position: relative;
    top: 0.4167vw;
    font-family: 'Pretendard-Regular';
    font-weight: 300;
    font-size: 0.8333vw;
    line-height: 1.4vw;
    text-align: center;
    letter-spacing: -0.02em;
    color: #101010;
    word-break: keep-all;
}




/*컨텐츠 5*/

.logo_set_768{display: none;}

.contents5{
    padding-top: 9.6875vw ;
    padding-bottom: 9.6875vw;}

.contents5_txt1{
    margin: 0;
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    font-size: 2.5000vw;
    line-height: 3.7500vw;
    text-align: center;
    letter-spacing: -0.02em;
}

.contents5_txt1 > span {
background: linear-gradient(272.18deg, #F7984B 12.65%, #F7BC5F 41.53%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;

}

.contents5_txt2{
margin: 0;
padding-top: 1.2500vw;
font-family: 'Pretendard-Regular';
font-weight: 500;
font-size: 1.0417vw;
line-height: 1.8750vw;
text-align: center;
letter-spacing: -0.02em;
color: #83868A;
}

.logo_1{
justify-content: center;
display: flex;
padding-top: 6.2500vw;
margin-left: 8%;
margin-right: 8%;
}

.logo1_1{
margin-left: 2.0833vw;
max-width: 18vw;
height: auto;

}

.logo_2 {
justify-content: center;
display: flex;
padding-top: 5.8333vw;
margin-left: 8%;
margin-right: 8%;
}

.logo_3 {
justify-content: center;
display: flex;
padding-top: 5.8333vw;
margin-left: 8%;
margin-right: 8%;
}

.logo_start{
    max-width: 18vw;
    height: auto;   
}

.logo_set{
    width: 100vw;
    margin: 0 auto;
}



/*컨텐츠 5(배너)*/

.banner_bg_768{display: none;}

.banner2{
    display: flex;
    position: relative;

}

.banner_bg{
    width: 100vw;
    height : 100%;
}

.banner_txt3{
    font-family: 'GmarketSansMedium';
    font-weight: 500;
    font-style: normal;
    font-size: 2.9167vw;
    color: #FFFFFF;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -65%);
}

.banner_txt3 > span {
    font-family: 'GmarketSans';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    
}

.banner_btn{
    display: flex;
    align-items:center;
    justify-content: center;
    background: #FFFFFF;
    box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.068);
    border-radius: 0.8333vw;
    position: absolute;
    width: 9.4792vw;
    height: 3.5417vw;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -60%);
    border: none;
    color: #6097F7;
    font-weight: 700;
    font-size: 1.5625vw;
    font-family: 'Pretendard';
    cursor: pointer;
}

/*컨텐츠 6*/

.span_on {
    display: block;
}
.span_none {display: inline;}

.contents6{
    padding-top: 8.3333vw;
    padding-bottom: 8.3333vw;
    width: 100vw;
    height: auto;
    margin: 0;
    background-image: url(/07\ contents-6/main6.png);
    background-size: cover; 
    background-repeat: no-repeat;
    background-position: center center;
    
}

.container{
    max-width: 100%;
}


.contact{
    font-family: 'Pretendard-Regular';
    font-weight: 700;
    font-style: normal;
    margin: 0px;
    padding-left: 21.4583vw;
    font-size: 2.7083vw;
    line-height: 2.9688vw;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    
}

.contact_txt{
    font-family: 'Pretendard-Regular';
    font-weight: 200;
    font-size: 1.0417vw;
    line-height: 2vw;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    padding-top: 0.9375vw;
    padding-left: 21.4583vw;
    word-break: break-all;

}



.contact_box{
    display: flex;
    padding-top: 2.3958vw;
    justify-content: center;
    width: 100%;

}

.left1{
    width: 56.9792vw;
}

.contact_column{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}


.field{
    color: #EAEAEA;
    width: 99%;
    height: 3.1250vw;
    padding: 0px 1.2500vw;
    margin: 0px 0.4167vw 1vw 0px;
    background-color: rgba(252, 252, 252, 0.3);
    border: none;
    border-radius: 0.4167vw;
    font-size: 0.8333vw;
    line-height: 0.9896vw;
    letter-spacing: -0.02em;
    font-family: 'Pretendard-Regular';
}

input::-ms-input-placeholder { color: #EAEAEA; }
input::-webkit-input-placeholder { color: #EAEAEA; }
input::-moz-placeholder { color: #EAEAEA; }
textarea::placeholder {color: #EAEAEA;}

.field1{
    width: 99%;
    height: 6.2500vw;
    padding: 0.9375vw 1.2500vw;
    margin: 0px 0.3125vw 0.6250vw 0px;
    background-color: rgba(252, 252, 252, 0.3);
    border: none;
    border-radius: 0.4167vw;
    font-size: 0.8333vw;
    letter-spacing: -0.02em;
    font-family: 'Pretendard-Regular';
    
}

input[type=file]::file-selector-button {
    font-size: 1.0417vw;
    font-family: 'Pretendard-Regular';
    margin: 0.7813vw 0.6vw 0px -0.1042vw;
    width: 5.2083vw;
    height: 1.5625vw;
    background: #3094ff;
    border: 0px solid rgb(77,77,77);
    border-radius: 0.3125vw;
    color: #ffffff;
    cursor: pointer;
}

.contact_btn{
    display: flex;
    width: 6.8750vw;
    height: 2.2917vw;
    margin-left: auto;
    margin-right: 0.4167vw;
    justify-content: center;
    align-items: center;
    margin-top: 1.1458vw;
    background: linear-gradient(106.44deg, #63A7F8 28.06%, #027EFF 93.26%);
    border-radius: 0.2083vw;
    border: none;
    font-size: 1.0417vw;
    line-height: 1.2500vw;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    font-family: 'Pretendard-Regular';
}

/* 푸터 */

.dropbtn_icon{width: 1.2500vw;}

.footer{
    padding-left: 8%;
    padding-right: 8%;
    display: flex;
    justify-content: center;
    background: #4F4F4F;
    padding: 4.8958vw 15.4167vw 4.8958vw 15.4167vw ;
}

.footer_1{
    font-family: 'Pretendard-Regular';
    font-size: 0.7292vw;
    line-height: 1.3542vw ;
    letter-spacing: -0.02em;
    color: #AAAAAA;
    white-space : nowrap; 
}

.footer_1 > img {
    width: 5.8333vw;
    height: auto;
}

.span2 {
    font-size: 1.0417vw ;
    line-height: 1.2500vw ;
}

.footer_2{
    padding-top: 3.2292vw;
    padding-left: 5.5208vw;
    text-decoration: none;
    font-family: 'Pretendard-Regular';
    font-weight: 300;
    font-size: 0.8333vw;
    line-height: 1.7708vw;
    color: #FFFFFF;
}

.footer_txt1 {
    color: #ffffff;
    text-decoration: underline;
    text-underline-position: under;
    
}

.footer_2{
    white-space : nowrap; 
}

.footer_3{
    display: flex;
}

.dropdown{
    position : relative;
    display : flex;
    padding-top: 2.7083vw;
    padding-left: 18.3333vw;
    
  }
  

  .dropbtn{
    display: flex;
    align-items: center;
    width: 11.7708vw;
    height: 2.3958vw;
    border : 0px solid rgb(37, 37, 37);
    border-bottom: 0.1042vw solid #ffffff;
    background-color: #4F4F4F;
    font-weight: 400;
    color : rgb(37, 37, 37);
    padding : px;
    cursor : pointer;
    font-size: 1.0417vw;
    line-height: 1.2500vw;
    color: #FFFFFF;
    font-family: 'Pretendard-Regular';
    word-break: keep-all;
    white-space : nowrap; 

  }


  .dropdown-content{
    display : none;
    position : absolute;
    top: 45%;
    z-index : 1;
    font-weight: 400;
    background-color: #7d7d7d;
    min-width : 11.8vw;
  }
  
  .dropdown-content a{
    display : block;
    text-decoration : none;
    color : rgb(255, 255, 255);
    font-size: 0.9722vw;
    padding : 0.8333vw 1.3889vw;
    font-family: 'Pretendard-Regular';
    
  }
  
  .dropdown-content a:hover{
    background-color : #414141
  }
  
  .dropdown:hover .dropdown-content {
    display: block;
  }


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


    .gridtxt_8-1, .gridtxt_8-2, .gridtxt_8-3 {
        display: flex;
        flex-direction: column;
        position: relative;
        top: -38%;
        left: 12%;
        margin: 0;
    }


    
    .grid8_span {
        margin-top: 1.0417vw;
        font-family: 'Pretendard';
        font-weight: 700;
        font-style: normal;
        font-size: 1.6667vw;
        line-height: 0.2vw;
        letter-spacing: -0.02em;
        color: #101010;
        word-break: keep-all;
    
    }
    
    .gridtxt_8-1, .gridtxt_8-2, .gridtxt_8-3 :nth-child(3){
        font-family: 'Pretendard-Regular';
        font-size: 0.7vw;
        line-height: 160%;
        letter-spacing: -0.02em;
        color: #83868A;
        word-break: break-all;
    }
    

    .contents4_img_1{

        margin-left: 14.8vw;
        display: flex;
        align-items: center;
        justify-content: center;
    
    }

    .contents4_txt1{
        font-size: 2.500vw;
        line-height: 3.5vw;
        letter-spacing: -0.02em;
        color: #101010;
        word-break: keep-all;
        justify-content: left;
        
    }

    .gridtxt_9 :nth-child(1){
        font-size: 1.1458vw;
        color: #101010;
        word-break: keep-all;
    }
    
    .gridtxt_9 :nth-child(3){
        font-size: 8px;
    }

    .gridtxt_9{
        margin: 10px 10px;
        line-height: 1.4vw;
    }

}

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

    .slidebox{padding-top: 14%;}

    .slide1{
        width: 100vw;
        height: 144.5573vw;
        background: url(/01\ header/mobile/header_bg.png) no-repeat left bottom;
        background-size: cover;
      }
    
    
      .maintxt_1{
        width: 70%;
        position: relative;
        word-break: keep-all;
        padding: 17% 0rem 0rem 0rem;
        font-size: 5.2083vw;
        line-height: 8.0208vw;
        color: #ffffff;
        word-break: keep-all;
      }
    
      .maintxt_2{
        font-size: 3.1250vw;
        letter-spacing: -0.02em;
        margin: 0.4167vw;
    }
     
    .slide1 .mainbox {
        justify-content: center;
        align-items: center;
        margin: 0;
        padding-top: 4vw;
        display: flex;
        max-width: 80%;
        max-height: 100%;
        flex-wrap: wrap;
        gap: 2.0833vw 2.0833vw;
        padding-bottom: 10%;
    }    
    


    
    .slide1 .mainbox > div {
        width: 48.89%;
        height: 30.1042vw;
        max-width: 24.9375vw;
        max-height: 66.1042vw;
        padding: 4.6875vw 4.4%;
        border-radius: 1.0417vw; 
        
    }
    
    .slide1 .mainbox dl {

        width: 100%;
        height: auto;
        
    }
    
    
    .slide1 .mainbox .box04 :nth-child(2){
        height: 9.0833vw;
    }
    
    .slide1 .mainbox dt {
        width: auto;
        font-weight: 700;
        font-size: 2.6042vw;
        line-height: 0vw;
        margin-bottom: 2.5vw;}
    
        

    
    .slide1 .mainbox dd>ul>li {
        font-size: 3.9vw;
        line-height: 120%;
        padding-top: 0vw;
    }
    

    
    .obj_1, .obj_2 {
        margin-left: 1.6vw;
        width: 21.2708vw;
        height: auto;
        padding-top: 7vw;
    }
    
    .obj_3, .obj_4 {
        margin-left: 2vw;
        width : 21vw;
        height: auto;
        padding-top: 7vw;
    }
    
    
    .obj_4{
        width: 13.6vw;
        height: auto;
        padding-left: 3vw;
        padding-top: 4vw;
    }

    .box04-txt{margin-top: 8%;}
    
    /*slide1*/
    
    .gridimg_2{
        width: 100vw;
        height: 140vw;
        background: url(/01\ header/mobile/header_bg1.png) no-repeat left bottom;
        background-size: cover;
    }

    .gridimg_2-1{
        display: none;
    }

    .gridimg_2-768{
        display: block;
        width: 100vw;
        padding-top: 8.4vw;
    }

    
    .gridimg_2{
        padding: 5.7292vw 0px 0px 0px;
        position: relative;
    }
    
    .gridtxt_1{
       position: absolute;
       width: 26.0417vw;
       height: 18.3594vw;
       left: 59.8958vw;
       top: 61.8490vw;
       font-family: 'Pretendard-Regular';
       font-weight: 500;
       font-size: 2.0833vw;

    }
    
    .gridtxt_2{
        position: absolute;
        width: 26.0417vw;
        height: 18.3594vw;
        left: 59.8958vw;
        top: 66.2vw;
        font-size: 5.2083vw;
        line-height: 6.2292vw;

    }
    
    .gridtxt_3{
        position: absolute;
        width: 22.3958vw;
        height: 6.6406vw;
        left: 58.8542vw;
        top: 33vw;
        font-size: 5.2083vw;
    }
    
    .gridtxt_4{
        position: absolute;
        width: 26.9531vw;
        height: 5.3385vw;
        left: 62.7604vw;
        top: 91.6vw;        
        font-size: 3.1250vw;
    }
    
    /*slide2*/

    .slide3{
        width: 100vw;
        height: 144.5573vw;
        background: url(/01\ header/mobile/header_bg3.png) no-repeat left bottom;
        background-size: cover;
    }
     
    
    .gridtxt_5{
        padding-top: 15%;
        padding-left: 0%;
        font-size: 3.5667vw;
        text-align: center;
        transform: skew(-0.1deg);
    }
    
    .gridtxt_6{
        padding-left: 0%;
        padding-top: 5.5%;
        font-size: 10.1563vw;
        text-align: center;
    
    }
    
    .ic_line{
        display: none;
    }
    
    .gridtxt_7{
        padding-top: 7%;
        padding-left: 0%;
        font-size: 3.1250vw;
        line-height: 4.6875vw;
        text-align: center;

    }
    
    .slide_btn{
        left: 38.2vw;
        top: 4vw;
        width: 23.6979vw;
        height: 8.8542vw;
        border-radius: 2vw;
        font-size: 3.6458vw;
    }
    

    /*slide3*/

    .btn_slide{
        position: absolute;
        left: 36.5%;
    }
    
    .btn_slide_zip{
        padding: 0.5vw 0 2.8646vw 0px;
        width: 100vw;
        height: 6vw;
        background-color: #ffffff;
        border-bottom: #d8d8d8 solid 0.5px;
    }
    
    .slidebtn1, .slidebtn2, .slidebtn3{
        left: 50%;
        width: 6vw;
        height: 6vw;
        border-radius: 100%;
        border: none;
        background: rgba(69, 69, 69, 0.2);
        font-family: 'Pretendard-Regular';
        color: #FFFFFF;
        font-size: 2.2vw;   
        text-align: center;
        margin: 0 auto; 
    }
    
    .slidebtn2, .slidebtn3{
        margin-left: 3vw;
    }

    /*header*/

    .contents1{
        padding: 8% 10% 8% 8%;
        display: flex;
        justify-content: center;
        align-items: center;
        word-break: keep-all;
        padding: auto;
    }
    
    .ic_quote{
        width: 6vw;
        height: auto;
    }

    .contents1_txt1{
        font-weight: 400;
        font-size: 7.8125vw;
        line-height: 10vw;
        letter-spacing: -0.02em;
        color: #101010;
        margin: 2.3021vw 0 1.3021vw 0;
        padding-bottom: 3%;
    }
    
    .btn1{ 
        width: 20vw;
        height: 6.4vw;
        align-items: center;
        justify-content: center;
        background:#FFFFFF;
        border-width : 0.0521vw;
        border-radius: 5vw;
        border-color : #027EFF;
        font-size: 3vw;
        color: #027EFF;
        font-family: 'Pretendard';
        margin-right: 0.8250vw;
        white-space: nowrap;
    }
    
    .contents1_txt2{
        padding-top: 4%;
        font-family: 'Pretendard-Regular';
        font-weight: 400;
        font-size: 3.1250vw;
        line-height: 5.4vw;
        letter-spacing: -0.02em;
        color: #101010;
        word-break: keep-all;
    }
    
    
    .contents1_right{
       display: none;
    }
    
    .contents-1_banner{
        position: relative;
        max-width: 100%;
        height: auto;
        vertical-align: middle;
    }
    
    .banner1{
        display: none;
    }

    .banner1_768{
        display: block;
        width: 100vw;


    }
    
    .banner_txt1{
        top: 39%;
        font-size: 5.7vw; 
        line-height: 6.5vw;
    }
    
    .banner_txt2{
        font-size: 3vw;

    }

    .contents1_txt1 > span {font-family: 'Pretendard';}

    /*contents1*/

    .contents2_main_txt{
        max-width: 100%;
        word-break: keep-all;
        padding-top: 14vw }
        
    .contents2_txt1{
        font-size: 4.9479vw;
        line-height: 7vw;
    }

    .contents2_txt1 > span {font-family: 'Pretendard';}
    
    .contents2_txt2{
        margin: 0;
        padding-top: 3.2vw;
        font-family: 'Pretendard-Regular';
        font-weight: 500;
        font-size: 3.1250vw;
        line-height: 1.8750vw;
        text-align: center;
        letter-spacing: -0.02em;
        color: #83868A;
        word-break: keep-all;
    }
    
    
    
    .contents2_img1{
        word-break: keep-all;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-top: 14vw;
    }
    
    .contents2_1{
        width: 100vw;
        height: auto;
    }
    
    .img1_txt{
        padding-left: 6.3542vw;
        padding-right: 8%;
        max-width: 100%;
        padding-top: 6%;
    }
    
    .img1_title{
        display: flex;
        justify-content: center;
        margin: 0 auto;
    }
    
    
    .ic_video{
        display: flex;
        padding-right: 2vw;
        width: 6vw;
        height: auto;
    }
    
    .contents2_txt3{
        display: flex;
        margin : auto 0;
        max-width: 100%;
        font-weight: 800;
        font-size: 5.7292vw;
        line-height: 3.625rem;
        margin-right : .0625rem ;
        color: #101010;
        font-family: 'Pretendard';
        font-weight: 700;
        font-style: normal;
    }
    
    .ic_line_2{
        width: 4.1250vw;
        padding-top: 2vw;
        margin: 0 auto;
        padding-bottom: 2vw;
    }
    
    .contents2_txt4{
        font-size: 4.6875vw;
        line-height: 7.4vw;
        text-align: center;
        margin: 0 auto;
        padding-top: 3vw;
    }
    
    .contents2_txt5{
        font-size: 3.6458vw;
        line-height: 6.2vw;
        text-align: center;
        padding-top: 0vw;
    }
    
    .contents2_img2{
        word-break: keep-all;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
        padding-top: 14vw;
    }
    
    .contents2_2{
        width: 100vw;
        height: auto;
        margin-left: auto;
        display: flex;
        flex-direction: column;
    
    }
    
    .img2_txt_align{
        padding-left: 0%;
    }
    
    .img2_txt{
        padding-left: 6.3542vw;
        padding-right: 6.3542vw;
        max-width: 100%;
        padding-top: 6%;
        display: flex;
        justify-content: center;
        align-items: center;
        
    }
    
    .img2_title{
        display: flex;
        flex-direction: row; 
        width: 100%;
        justify-content: center;
    }
    
    
    .ic_share{
        padding-right: 2vw;
        width: 6vw;
    }
    
    .contents2_txt6{
        display: flex;
        margin : auto 0;
        max-width: 100%;
        font-weight: 800;
        font-size: 5.7292vw;
        line-height: 3.625rem;
        margin-right : .0625rem ;
        color: #101010;
        font-family: 'Pretendard';
        font-weight: 700;
        font-style: normal;
    }
    
    .ic_line_3{
        width: 4.1250vw;
        padding-top: 2vw;
        margin: 0 auto;
        padding-bottom: 2vw;
    }
    
    .contents2_txt7{
        font-family: 'Pretendard';
        font-size: 4.6875vw;
        line-height: 7.4vw;
        text-align: center;
        margin: 0;
        padding-top: 3vw;
    }
    
    .contents2_txt8{
        font-size: 3.6458vw;
        line-height: 6.2vw;
        text-align: center;
        padding-top: 0vw;
    }
    
    .contents2_img3{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-top: 14vw;
    }
    
    .contents2_3{
        width: 100vw;
        height: auto;
    }
    
    .img3_txt{
        padding-left: 6.3542vw;
        padding-right: 8%;
        max-width: 100%;
        padding-top: 6%;
        justify-content: center;
        align-items: center;
    }
    
    .img3_title{
        display: flex;
        justify-content: center;
        margin-left: 0;
    }
    
    
    .ic_document{
        padding-right: 2vw;
        width: 6vw;
    }
    
    .contents2_txt9{
        display: flex;
        margin : auto 0;
        max-width: 100%;
        font-weight: 800;
        font-size: 5.7292vw;
        line-height: 3.625rem;
        margin-right : .0625rem ;
        color: #101010;
        font-family: 'Pretendard';
        font-weight: 700;
        font-style: normal;
    }
    
    .ic_line_5{
        width: 4.1250vw;
        padding-top: 2vw;
        margin: 0 auto;
        padding-bottom: 2vw;
    }
    
    .contents2_txt10{
        font-size: 4.6875vw;
        line-height: 7.4vw;
        text-align: center;
        margin: 0;
        padding-top: 3vw;
    }
    
    .contents2_txt11{
        font-size: 3.6458vw;
        line-height: 6.2vw;
        text-align: center;
        padding-top: 0vw;
    }

    /*contents2*/

.contents3{
    padding-bottom: 80px;
}

    
.contents3_main_txt{
    width: 100%;
    padding-top: 29.2969vw;}

.contents3_txt1{
    margin: 0;
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    font-size: 7vw;
    line-height: 13vw;
    text-align: center;
    letter-spacing: -0.02em;
}

.contents3_txt2{
    margin: 0;
    padding-top: 2.1875vw;
    font-family: 'Pretendard-Regular';
    font-weight: 500;
    font-size: 3.1250vw;
    line-height: 1.8750vw;
    text-align: center;
    letter-spacing: -0.02em;
    color: #83868A;
}

.contents3_txt1 > span{
    background: linear-gradient(272.33deg, #027EFF 9.17%, #29AAE2 48.01%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.shape1{
    margin-top: 16vw;
    width: 100vw;
    height: 282vw;
    background: linear-gradient(90deg, #B1AFFF 0%, #8F7FFF 65.84%);
    border-radius: 0rem;
}

.contents3{
    background-color: #ffffff;
    position: relative;
    width: 100%;
}



.contents3_img{
    padding-top: 20vw;
    z-index: 1;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;


}

.contents3_png {
    display: flex;
    width: 65.1042vw;
    height: auto;
} 



.gridtxt_8-1, .gridtxt_8-2, .gridtxt_8-3 {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0%;
    left: 26%;
}

.gridtxt_8-1 {
    top: 20.6%;
}

.gridtxt_8-2 {
    top: 51.5%;
}

.gridtxt_8-3 {
    top: 82.8%;
}

.grid8_span{
        margin-top: 2.6042vw;
        font-size: 5.7292vw;
        letter-spacing: -0.02em;
        margin-bottom: 0.2604vw;
    }

.gridtxt_8-1, .gridtxt_8-2, .gridtxt_8-3 :nth-child(3){
        width: 46.8750vw;
        font-size: 2.6042vw;
        line-height: 4.8vw;
    }

    .gridtxt_8-3 :nth-child(3){
        margin-top: 0vw;
    }


/*contents3*/



.contents4_column1{
    width: 1300px;
    position: absolute;
    display: flex;
    flex-direction: column;
    left: 50%;
    transform: translateX(-50%);
    
}

.contents4{
    margin: 0px;
    background-color: #fbfbfb;
}

.contents4_txt1{
    padding: 2.6042vw 0 5.2083vw 0;
    font-size: 5.7292vw ;
    line-height: 7.8125vw;
    text-align: center;
    justify-content: center;
    
}


.contents4_column1{
    position: relative;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    
    
}

.contents4_img_1{
    flex-direction: column;
    margin-left: 0;
    display: flex;
    align-items: center;
    justify-content: center;

}

.contents4_img_2{
    padding-top: 0.3125vw;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;

}



.img4_1, .img4_2, .img4_3, .img4_4, .img4_5, .img4_6{
    width: 83.8542vw;
    height: 32.0313vw;
    text-align: left;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    margin-left: 0vw;
    margin-bottom: 2.0833vw;
}

.img_all{
    width: 15.4063vw;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    max-width: 100%;
    padding-top: 0.7813vw;
    padding-left: 5.1250vw;

}

.gridtxt_9{
    margin: 1.3021vw 5.4vw;
}

.gridtxt_9 :nth-child(1){
    
    top: 50%;
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
    font-size: 4.9479vw;
    color: #101010;
    word-break: keep-all;
}

.gridtxt_9 :nth-child(3){
    position: relative;
    top: 2.4167vw;
    font-family: 'Pretendard-Regular';
    font-weight: 300;
    font-size: 3.1250vw;
    line-height: 4.6875vw;
    text-align: center;
    letter-spacing: -0.02em;
    color: #83868A;
    word-break: keep-all;
}

.contents4_sub{
    justify-content: center;
    padding-top: 5%;
    padding-bottom: 12%;
}

/*contents4*/

.logo_set_768 {
    display: block;
    padding-top: 4.1667vw;}

.contents5{
    padding-top: 12vw ;
    padding-bottom: 12vw;}

.contents5_txt1{
    font-size: 5.7292vw;
    line-height: 10.7500vw;
}


.contents5_txt2{
margin: 0;
padding-top: 3vw;
font-size: 3.1250vw;
line-height: 2.6vw;
}

.logo_1_768{
justify-content: center;
align-items: center;
display: flex;
padding-top: 8.2500vw;
margin-left: 7%;
margin-right: 8%;
}

.logo1_1_768{
margin-left: 2.0833vw;
width: 100%;
height: auto;

}

.logo_2_768 {
justify-content: center;
align-items: center;
display: flex;
padding-top: 8vw;
margin-left: 8%;
margin-right: 8%;
}

.logo_3_768 {
justify-content: center;
align-items: center;
display: flex;
padding-top: 8vw;
margin-left: 7%;
margin-right: 8%;
}

.logo_4_768 {
    align-items: center;
    justify-content: center;
    display: flex;
    padding-top: 8vw;
    margin-left: 7%;
    margin-right: 8%;
    }

.logo_start_768{
    max-width: 100%;
    height: auto;   
}

.logo_set{
    display: none;
}

/*contents5*/

.banner_bg_768{display: block;
    width: 100vw;
    height : 100%;}


.banner_bg{display: none;}

.banner_txt3{
    white-space: nowrap;
    font-size: 5.2083vw;
    top: 37%;
    left: 50%;
}



.banner_btn{
    border-radius: 0.8333vw;
    width: 23.4375vw;
    height: 6.7708vw;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -60%);
    font-size: 3.1250vw;
}


/*contents5-배너*/

.contents6{
    padding-top: 12vw;
    padding-bottom: 12vw;
    height: 90vw;
    
}


.span_on {display: block;}
.span_none {display: block;}



.contact{
    padding-left: 7.8125vw;
    font-size: 5.2083vw;
    
}

.contact_txt{

    font-size: 2.6042vw;
    line-height: 4vw;
    padding-top: 1.5vw;
    padding-left: 7.8125vw;

}

.contact_box{
    padding-top: 4vw;

}

.left1{
    width: 84vw;
}


.field{
    height: 8vw;
    padding: 0px 2.5vw;
    margin: 0px 0.4167vw 1.8vw 0px;
    border-radius: 1vw;
    font-size: 2.0833vw;
    line-height: 0.9896vw;

}

.field1{
    height: 14vw;
    padding: 2vw 2.5vw;
    margin: 0px 0.3125vw 0.6250vw 0px;
    border-radius: 1vw;
    font-size: 2.0833vw;
    
}

input[type=file]::file-selector-button {
    font-size: 1.8vw;
    font-family: 'Pretendard-Regular';
    margin: 2vw 2vw 0px -0.1042vw;
    width: 12vw;
    height: 4vw;
    border-radius: 0.2vw;
    
}

.contact_btn{
    width: 15.6250vw;
    height: 5.7292vw;
    border-radius: 1vw;
    border: none;
    font-size: 2.0833vw;
}


/*contents6*/

.footer{
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #4F4F4F;
    padding: 11svw 10vw 8vw 10vw ;
}

.footer_1{
    width: max-content;
    font-family: 'Pretendard-Regular';
    font-size: 1.5625vw;
    line-height: 2.4vw ;
    letter-spacing: -0.02em;
    color: #AAAAAA;
    white-space : nowrap; 
}

.footer_1 > img {
    width: 12.5vw;
}

.span2 {
    font-size: 2vw ;
    line-height: 1.2500vw ;
}

.footer_2{
    padding: 5vw 0;
    font-size: 2.0833vw;
    line-height: 3.9063vw;
    color: #FFFFFF;
}

.footer_txt1 {
    color: #ffffff;
    text-decoration: underline;
    text-underline-position: under;
    
}


.dropdown{
    position : relative;
    display : flex;
    padding-top: 5.2083vw;
    padding-left: 28vw;
    justify-content: right;
    
  }
  

  .dropbtn{
    display: flex;
    align-items: center;
    width: 22vw;
    height: 4.3958vw;
    border : 0px solid rgb(37, 37, 37);
    border-bottom: 0.15vw solid #ffffff;
    background-color: #4F4F4F;
    font-weight: 400;
    color : rgb(37, 37, 37);
    padding : 1px;
    cursor : pointer;
    font-size: 2.6042vw;
    line-height: 1.2500vw;
    color: #FFFFFF;
    font-family: 'Pretendard-Regular';
    word-break: keep-all;
    white-space : nowrap; 

  }

  .dropbtn_icon{width: 3.1250vw;}


  .dropdown-content{
    display : none;
    position : absolute;
    top: 35%;
    z-index : 1;
    font-weight: 400;
    background-color: #7d7d7d;
    min-width : 22Vw;
  }
  
  .dropdown-content a{
    font-size: 2.0833vw;
    padding : 2vw 2vw;
    
  }
  

  

/*footer*/

}