/* ===== SUB페이지 CSS ===== */



.landing_wrap {letter-spacing: -0.04em; color: #fff; position: relative;}
section {position: relative; width: 100%; word-break: keep-all; overflow: hidden;}
.mo {display: none!important;}
/**** CON01 ****/
.sec01 {background:#eeeef5 url(/img/landing/llm/con01_bg.png) no-repeat center / cover;}
.con01 {
    padding: 160px 0 50px;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 10%, 0); -webkit-transform: translate3d(0, 10%, 0); -moz-transform: translate3d(0, 10%, 0); -ms-transform: translate3d(0, 10%, 0); -o-transform: translate3d(0, 10%, 0);
}
  to {
    opacity: 1;
    transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none;
}
}

h2{font-size: 40px; line-height: 1.4;}
h3{font-size: 30px; line-height: 1.4;}
h4{font-size: 23px; line-height: 1.4;}
.txt_point {color: #25D0AE;}
.txt_poin2 {color: #7A00CC}
.con01 h2 {
    opacity: 0;    
    animation: fadeInUp 0.3s linear 0s forwards; -webkit-animation: fadeInUp 0.3s linear 0s forwards;
}
.con01 .mid_title {
    opacity: 0;
    animation: fadeInUp 0.3s linear 0.4s forwards; -webkit-animation: fadeInUp 0.3s linear 0.4s forwards;
}
.con01 h4 { margin: 40px 0 15px;}
.con01 p {font-size: 18px; line-height: 26px; font-weight: 500;}
.con01 .bottom_title {
    opacity: 0;
    animation: fadeInUp 0.3s linear 0.8s forwards; -webkit-animation: fadeInUp 0.3s linear 0.8s forwards;
}
.con01 .hakgi_list {
    margin: 50px 0 25px;
    display: flex; align-items: flex-start; justify-content: space-between;
}
.con01 .hakgi_list > li {
    width: 32%;
    text-align: center; font-weight: 500;
    position: relative;
}
.con01 .hakgi_list > li:nth-child(2)::after,
.con01 .hakgi_list > li:nth-child(2)::before {
    content: "";
    width: 3px; height: 16px;
    border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px;
    background: rgba(255, 255, 255, 0.5);
    position: absolute; top: 50%;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.con01 .hakgi_list > li:nth-child(2)::after {right: -17px;}
.con01 .hakgi_list > li:nth-child(2)::before {left: -17px;}

.con01 .hakgi_list > li > b {font-size: 20px; line-height: 26px; font-weight: 800;}
.con01 .hakgi_list > li > p {font-size: 18px; line-height: 20px; font-weight: 500;  margin-top: 10px;}
.con01 .hakgi_list > li span {font-size: 12px; line-height: 20px;}
.con01 .class_benefit {display: flex; align-items: center; justify-content: space-between; row-gap: 17px;}
.con01 .class_benefit > li {
    position: relative;
    width: 255px; height: 255px;
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;
    background:rgba(255, 255, 255, 0.8); backdrop-filter: blur(4px);
    box-shadow: 1px 1px 5px 0 rgba(71, 71, 71, 0.25);
    color: #121212; font-size: 20px; line-height: 28px; text-align: center; 
    padding: 29px 0;
    position: relative;
}
.con01 .class_benefit .benefit_title {font-weight: 500;}
.con01 .class_benefit > li span {font-size: 12px; line-height: 20px; display: block;}
.con01 .class_benefit > li::before { 
    position: absolute; bottom: 23px; left: 50%; 
    transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); 
}
.con01 .class_benefit > li:first-child::before{content:url(/img/landing/llm/benefit1.svg); }
.con01 .class_benefit > li:nth-child(2)::before{content:url(/img/landing/llm/benefit2.svg); }
.con01 .class_benefit > li:last-child::before{content:url(/img/landing/llm/benefit3.svg); }
.app_go {
    background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(4px);
    box-shadow: 1px 1px 5px 0 rgba(71, 71, 71, 0.25);
    display: flex; align-items: center; justify-content: space-between;
    padding: 16px 28px 16px 37px;
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;
}
.app_go > p {font-size: 20px; line-height: 28px; color: #121212;}
.app_go > a {
   border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;
   background: linear-gradient(#1F09E6, #080520); backdrop-filter: blur(4px);
   box-shadow: 1px 1px 3.8px 0 rgba(67, 67, 67, 0.25);
   color: #fff; font-size: 20px; line-height: 44px; font-weight: 700;
   padding: 0 42px;
}

.app_go_wrap {
    display: none;
    width: 800px;
    position: fixed; bottom: 25px; left: 50%; z-index: 10;
    transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);
}


/**** CON02 ****/
.sec02 {background:#20137d url(/img/landing/llm/con02_bg.png) no-repeat center / cover; }
.con02 {padding:84px 0 74.5px;}
.con02 h3 {text-align: center;}
.con02 .speech_bubble_wrap {
    position: relative; 
    height: 319px; width: 100%;
    margin: 85px 0 191px; 
}
.con02 .speech_bubble_wrap picture {position: absolute; opacity: 0;}
.con02 .speech_bubble_wrap .bubble1 {top: 0; left: -20px;}
.con02 .speech_bubble_wrap .bubble2 {top: 20px; right: -105px;}
.con02 .speech_bubble_wrap .bubble3 { top: 61px; left: 50%; left: 120px; }
.con02 .speech_bubble_wrap .bubble5 { bottom: -20px; right: -200px}
.con02 .speech_bubble_wrap .bubble4 { bottom: 57px; left: -180px}

.con02 .con02_table {display: block; margin: 74px auto 0; width: 799px;}


/**** CON03 ****/
.sec03 {background:#fff url(/img/landing/llm/con03_bg.png) no-repeat center / cover;}
.con03 {padding: 100px 0 70px;}
.con03 > h2 {color: #2A2A2A}
.con03 .chat_wrap { margin: 60px 0 70px; height: 442px;}
.con03 .chat_wrap .chat_q {
    width: 70px; height: 0;
    padding: 0 33px 0 31px; margin-bottom: 37px;
    background: linear-gradient(#9C5BFF, #1AD0FB);
    font-size: #FFFFFF; font-size: 20px; line-height: 63px;
    border-radius: 50px 7px 30px 50px; -webkit-border-radius: 50px 7px 30px 50px; -moz-border-radius: 50px 7px 30px 50px; -ms-border-radius: 50px 7px 30px 50px; -o-border-radius: 50px 7px 30px 50px;
    float: right; 
    overflow: hidden;
}
.con03 .chat_wrap .chat_q > p {opacity: 0; white-space: nowrap;}
.con03 .chat_wrap .chat_a {
    display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; row-gap: 35px;
    width: 100%;
}
.con03 .chat_wrap .chat_a .chat {
    opacity: 0;
    width: 131px;
    white-space: nowrap;
}
.con03 .chat_wrap .chat_a .chat_box {
    background: linear-gradient(#FFFFFF, #EEFAFF);
    box-shadow: 1px 1px 13px 0 rgba(67, 67, 67, 0.1);
    backdrop-filter: blur(4px);
    font-size: 20px; font-weight: 500; line-height: 23px; color: #1a1a1a;
    padding: 19px 37px 21px 41px;
    border-radius: 7px 50px 50px 30px;-webkit-border-radius: 7px 50px 50px 30px;-moz-border-radius: 7px 50px 50px 30px;-ms-border-radius: 7px 50px 50px 30px;-o-border-radius: 7px 50px 50px 30px;
    overflow: hidden;
    position: relative;
}
.con03 .chat_wrap .chat_a .chat_box p {
    display: inline; 
    opacity: 0; 
    font-weight: 500;
}
.con03 .chat_wrap .chat_a .chat span {
    padding-left: 41px;
    display: block; opacity: 0;
    font-size: 15px; line-height: 18px; color:#6E6E6E;
    margin: 10px 0 35px;
}
/*con03 action*/
.con03 .chat_wrap.chat_act .chat_q { animation: 0.1s linear 0s forwards chat-span; -webkit-animation: 0.1s linear 0s forwards chat-span; }
.con03 .chat_wrap.chat_act .chat_q > p { animation: 0.1s ease-out 0.1s forwards fade-in; -webkit-animation: 0.1s ease-out 0.1s forwards fade-in; }
.con03 .chat_wrap.chat_act .chat_a .chat1 {
    animation: 0.1s ease-out 0.3s forwards fade-show, 0.1s ease-out 0.3s forwards chat-span2;
    -webkit-animation: 0.1s ease-out 0.3s forwards fade-show, 0.1s ease-out 0.3s forwards chat-span2;
}
.con03 .chat_wrap.chat_act .chat_a .chat1 p { animation: 0.1s ease-out 0.3s forwards fade-in; -webkit-animation: 0.1s ease-out 0.3s forwards fade-in; }
.con03 .chat_wrap.chat_act .chat_a .chat1 span { animation: 0.1s ease-out 0.5s forwards fade-in; -webkit-animation: 0.1s ease-out 0.5s forwards fade-in; }
.con03 .chat_wrap.chat_act .chat_a .chat2 {
    animation: 0.1s ease-out 0.8s forwards fade-show, 0.1s ease-out 0.8s forwards chat-span3;
    -webkit-animation: 0.1s ease-out 0.8s forwards fade-show, 0.1s ease-out 0.8s forwards chat-span3;
}
.con03 .chat_wrap.chat_act .chat_a .chat2 p { animation: 0.1s ease-out 0.8s forwards fade-in; -webkit-animation: 0.1s ease-out 0.8s forwards fade-in; }
.con03 .chat_wrap.chat_act .chat_a .chat2 span { animation: 0.1s ease-out 1s forwards fade-in; -webkit-animation: 0.1s ease-out 1s forwards fade-in; }
.con03 .chat_wrap.chat_act .chat_a .chat3 {
    animation: 0.1s ease-out 1.3s forwards fade-show, 0.1s ease-out 1.3s forwards chat-span4;
    -webkit-animation: 0.1s ease-out 1.3s forwards fade-show, 0.1s ease-out 1.3s forwards chat-span4;
}
.con03 .chat_wrap.chat_act .chat_a .chat3 p { animation: 0.1s ease-out 1.5s forwards fade-in; -webkit-animation: 0.1s ease-out 1.5s forwards fade-in; }
.con03 .chat_wrap.chat_act .chat_a .chat3 span { animation: 0.1s ease-out 1.8s forwards fade-in; -webkit-animation: 0.1s ease-out 1.8s forwards fade-in; }


@keyframes chat-span {
  0% {
    width: 70px;
    height: 0;
  }
  100% {
    width: 363px;
    height: 63px;
  }
}
@keyframes chat-span2 {
  0% {
        width: 131px;
        height: 0;
    }
  100% {
        width: 593px;
        height: 91px;
    }
}
@keyframes chat-span3 {
    0% {
        width: 131px;
        height: 0;
    }
    100% {
        width: 623px;
        height: 91px;
    }
}
@keyframes chat-span4 {
    0% {
        width: 131px;
        height: 0;
    }
    100% {
        width: 739px;
        height: 91px;
    }
}
@keyframes fade-in {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes fade-show {
  0% {opacity: 0;}
  100% {opacity: 100;}
}
@keyframes fade-out {
  0% {opacity: 100;}
  100% {opacity: 0;}
}

.con03 > p {font-size: 28px; line-height: 1; color: #2A2A2A; font-weight: 400; text-align: center;}


/**** CON04 ****/
.sec04 {background:#fff url(/img/landing/llm/con04_bg.png) no-repeat center / cover}
.landing_wrap .con04 {padding: 100px 0 60px;}
.recommend_wrap {
    display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; flex-direction: column;
    row-gap: 10px;
    height: 439px;
    margin-top: 60px;
}
.mo_recommend {display: none;}
.recommend_wrap > li {
    display: none;
    /* animation: appear linear;
    animation-timeline: view();
    animation-range: entry 0% cover 40%; */
}
.recommend_wrap > li > div:first-child {margin-right: 10px;}
.recommend_wrap > li > div {
    position: relative; display: inline-block;
    padding: 0 28px 0 76px ;
    font-size: 16px; color: #000; line-height: 52px;font-weight: 400;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.recommend_wrap > li > div::before {
    position: absolute; top: 70%; left: 20px;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}

.recommend_wrap .recommend1::before {content:url(/img/landing/llm/con04_icon01.svg)}
.recommend_wrap .recommend2::before {content:url(/img/landing/llm/con04_icon02.svg)}
.recommend_wrap .recommend3::before {content:url(/img/landing/llm/con04_icon03.svg)}
.recommend_wrap .recommend4::before {content:url(/img/landing/llm/con04_icon04.svg)}
.recommend_wrap .recommend5::before {content:url(/img/landing/llm/con04_icon05.svg)}
.recommend_wrap .recommend6::before {content:url(/img/landing/llm/con04_icon06.svg)}
.recommend_wrap .recommend7::before {content:url(/img/landing/llm/con04_icon07.svg)}
.recommend_wrap .recommend8::before {content:url(/img/landing/llm/con04_icon08.svg)}
.recommend_wrap .recommend9::before {content:url(/img/landing/llm/con04_icon09.svg)}
.recommend_wrap .recommend10::before {content:url(/img/landing/llm/con04_icon10.svg)}
.recommend_wrap .recommend11::before {content:url(/img/landing/llm/con04_icon11.svg)}
.recommend_wrap .recommend12::before {content:url(/img/landing/llm/con04_icon12.svg)}


/**** CON05 ****/
.con05 {
    padding: 100px 0 98px; width: 900px;
    position: relative;
}
.con05::before {
    content: "";
    width: 80px; height: 100%;
    position: absolute; top: 0; left: 0; z-index: 20;
    background-image: linear-gradient(to left, rgba(245, 245, 245, 0), rgba(245, 245, 245, 1)); 

}
.con05::after {
    content: "";
    width: 80px; height: 100%;
    position: absolute; top: 0; right: 0; z-index: 20;
    background-image: linear-gradient(to right,  rgba(245, 245, 245, 0), rgba(245, 245, 245, 1)); 

}
.con05 > h3 {color : #000000; text-align: center;}

.con05 .swiper-wrapper {
  display: flex;
  transition: transform 0.8s linear; -webkit-transition: transform 0.8s linear;-moz-transition: transform 0.8s linear;-ms-transition: transform 0.8s linear;-o-transition: transform 0.8s linear;    
}
.con05 .swiper-slide {
  display: flex; justify-content: center; align-items: center;
  transition: transform 0.3s; -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -ms-transition: transform 0.3s; -o-transition: transform 0.3s;
}
.mo_logo_box {display: none;}
.logobox1 {margin: 60px 0 15px;}



/**** CON06 ****/
.sec06 {background:#fff url(/img/landing/llm/con06_bg.png) no-repeat top / cover;}
.con06 {padding: 100px 0 60px;}
.con06 > h2 {margin-bottom: 526px;}
.con06 .roadmap_wrap {
    position: absolute; top: 203px; left: 0; right: 0;
    background-color:rgba(0, 0, 0, 0.3);
    padding: 25px 30px;
}
.con06 .roadmap_wrap > div {max-width: 1380px; width: 100%;}
.con06 .roadmap_wrap > div img {display: block; width: 100%;}
.con06 h5 {
    width: 398px; margin: 0 auto 20px;
    background-color: #B700DB;
    border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px;
    font-size: 20px; line-height: 32px; text-align: center;
    box-shadow: inset 0 4px 4px 0 rgba(107, 107, 107, 0.25);
}

.con06 .curriculum_main {margin-bottom: 30px;}
.con06 .curriculum {
    display: flex; align-items: center; justify-content: center; flex-direction: column; row-gap: 15px;
    margin-top: 10px;
}

.con06 .curriculum > li {
    width: 100%;
    padding: 22px 38px 20px;
    background: rgb(255, 255, 255, 0.8); backdrop-filter: blur(4px);
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;
    box-shadow: 1px 1px 20.5px 0 rgba(154, 154, 154, 0.25);
}
.con06 .curriculum .curriculum_title {
    display: flex; align-items: center; justify-content: flex-start; column-gap: 15px; 
    width: 100%;
    position: relative;
}
.con06 .curriculum .curriculum_title .subejct_tag {
    display: inline-block;
    padding: 2px 16px 0 17px; margin-right: 15px;
    font-size: 16px; line-height: 28px; color: #B700DB; font-weight: 800;
    border: 1px solid #B700DB; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px;
}
.con06 .curriculum .curriculum_title h4 {font-size: 20px; line-height: 1.4; color: #2B2B2B; display: inline-block;}
.con06 .curriculum .curriculum_title .down {
    position: absolute; top: 50%; right: 0;
    transform: translateY(-50%) rotateZ(45deg); -webkit-transform: translateY(-50%) rotateZ(45deg); -moz-transform: translateY(-50%) rotateZ(45deg); -ms-transform: translateY(-50%) rotateZ(45deg); -o-transform: translateY(-50%) rotateZ(45deg);
    width: 17px; height: 17px;
    border: solid rgba(106, 53, 110, 0.9);
    border-width: 0 3px 3px 0;
    transition-duration: 0.5s;
    cursor: pointer;
}
.con06 .curriculum .curriculum_title .down.active { transform: translateY(-50%) rotateZ(225deg); -webkit-transform: translateY(-50%) rotateZ(225deg); -moz-transform: translateY(-50%) rotateZ(225deg); -ms-transform: translateY(-50%) rotateZ(225deg); -o-transform: translateY(-50%) rotateZ(225deg); }
.con06 .curriculum .item_box { 
    display: none; transition: transform 0.5s; -webkit-transition: transform 0.5s; -moz-transition: transform 0.5s; -ms-transition: transform 0.5s; -o-transition: transform 0.5s; 
    margin-top: 20px;
}
.con06 .curriculum .item_box.active {display: block;}
.con06 .curriculum .item_wrap {
    display: flex; align-items: stretch; justify-content: center; row-gap: 10px; flex-direction: column;
    width: 100%;
}
.con06 .curriculum .item_wrap > li {
    padding: 24px 23px;
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;
    background-color: #F2E5F6;
    display: flex; align-items: flex-start; justify-content: flex-start; column-gap: 30px;
}

.con06 .curriculum .item_wrap .item {
    width: 137px;
    background-color: #B700DB;
    font-size: 18px; color: #F9DDFF; line-height: 32px; text-align: center; font-weight: 800;
    border-radius: 16px;-webkit-border-radius: 16px;-moz-border-radius: 16px;-ms-border-radius: 16px;-o-border-radius: 16px;
    box-shadow: inset 0 4px 4px 0 rgba(107, 107, 107, 0.25);
}
.con06 .curriculum .item_wrap .item_info > p {font-size: 20px; font-weight: 700; color: #2B2B2B; line-height: 35px;}


/**** CON07 ****/
.sec07 {background:#F5F5F5}
.con07 {
    padding: 100px 0 131px; margin: 0 auto;
    width: 1200px;
}
.con07 > h3 {
    color: #2A2A2A; font-size: 37px; text-align: center;
    margin-bottom: 50px;
}
.portfolio_wrap {height: 390px; position: relative;}
.portfolio {
    transition: transform 0.5s; -webkit-transition: transform 0.5s; -moz-transition: transform 0.5s; -ms-transition: transform 0.5s; -o-transition: transform 0.5s;
    transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);
    display: flex; flex-direction: column; align-items: stretch; justify-content: center;
}
.portfolio > div {display: flex; flex-direction: column;}
.portfolio.swiper-slide-next > div {align-items: flex-end;}
.portfolio p { 
    text-align: center; font-size: 18px; line-height: 30px; color: #2A2A2A; font-weight: 700; opacity: 0;
    transition: ease 0.5s; -webkit-transition: ease 0.5s; -moz-transition: ease 0.5s; -ms-transition: ease 0.5s; -o-transition: ease 0.5s;
}

.portfolio img {
    display: block;
    width: 80%;
    opacity: 0.5; scale: 1;
    transition: ease 0.5s; -webkit-transition: ease 0.5s; -moz-transition: ease 0.5s; -ms-transition: ease 0.5s; -o-transition: ease 0.5s;
}
.portfolio.swiper-slide-active {
    color: #2A2A2A;
    will-change: transform;
    transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3);
}
.portfolio.swiper-slide-active img {opacity: 1; scale:1; width: 100%;}
.portfolio.swiper-slide-active p {opacity: 1; }
.portfolio.swiper-slide-prev img {float: left;}
.portfolio.swiper-slide-next img {float: right;}

.direction_btn {
    top: initial; bottom: 60px;
    width: 37px; height: 37px;
    background-color: rgb(255, 255, 255, 0.8); backdrop-filter: blur(4px);
    box-shadow: 1px 1px 20.5px 0 rgba(154, 154, 154, 0.25);
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;
    transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; 
}
.swiper-button-prev.direction_btn {left: calc(50% - 40px);}
.swiper-button-next.direction_btn {right: calc(50% - 40px);}
.swiper-button-prev.direction_btn::after { content: url(/img/landing/llm/arrow1.svg); line-height: 0.1;}
.swiper-button-next.direction_btn::after {content: url(/img/landing/llm/arrow2.svg); line-height: 0.1;}



/***** CON08 *****/
.sec08 {background:linear-gradient(#000000, #0000A6)}
.con08 {
    text-align: center;
    padding: 100px 0 36px;
    position: relative;
}
.con08::before {
    content: "";
    width: 25vw; height: 100%; 
    position: absolute; top: 0; left: 0; z-index: 10;
    background: linear-gradient(to left, rgba(0, 0, 97, 0), rgba(0, 0, 97, 0.73));    
}
.con08::after {
    content: "";
    width: 25vw; height: 100%;
    position: absolute; top: 0; right: 0;  z-index: 10;
    background: linear-gradient(to right, rgba(0, 0, 97, 0), rgba(0, 0, 97, 0.73));    
}
.con08 > h3 {font-size: 37px;}
.con08 > h3 > b {
    padding-left: 84px;
    position: relative;
    color: #6E97FF;
}
.con08 > h3 > b::before {
    content:url(/img/landing/llm/con08_icon1.svg);
    position: absolute; top: 50%; left: 0;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.con08 > p {
    margin: 20px 0 50px;
    font-size: 18px; line-height: 26px; font-weight: 500;
}
.prof_list {transition: transform 0.8s linear; -webkit-transition: transform 0.8s linear;-moz-transition: transform 0.8s linear;-ms-transition: transform 0.8s linear;-o-transition: transform 0.8s linear;}
.prof {
    position: relative;
    background-color: rgba(255, 255, 255, 0.85); backdrop-filter: blur(19.8px);
    border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border: 1px solid rgba(255, 255, 255, 0.27);
    box-shadow: 1px 1px 20px 0 rgba(154, 154, 154, 0.25);
    padding: 25px 10px 28px;
    text-align: center;
    height: auto;
    transition: transform 0.3s; -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -ms-transition: transform 0.3s; -o-transition: transform 0.3s;
}
.prof::before {
    content: "";
    width: 102px; height: 102px;
    position: absolute; top: 69px; left: 50%;
    transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);
}
.prof:nth-child(2n-1)::before {background: url(/img/landing/llm/con08_p1.svg) no-repeat center / cover;}
.prof:nth-child(2n)::before {background: url(/img/landing/llm/con08_p2.svg) no-repeat center / cover;}
.prof > span {
    display: inline-block;
    margin: 0 auto 137px; padding: 0 22px;
    font-size: 13px; font-weight: 800; line-height: 26px;
    border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; -o-border-radius: 13px;
    background-color: #5362FF;
}
.prof > h6 {color: #2A2A2A; font-size: 20px; line-height: 26px; font-weight: 800;}
.prof .history {
    min-height: 60px;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    margin-top: 14px;

}
.prof .history > p {color: #001392; font-size: 13px; line-height: 20px; font-weight: 500; letter-spacing: -0.04em;}


.mento_list {
    transition: transform 0.8s linear; -webkit-transition: transform 0.8s linear;-moz-transition: transform 0.8s linear;-ms-transition: transform 0.8s linear;-o-transition: transform 0.8s linear;
}
.mento {    
    position: relative;
    background: #b3b3ed; backdrop-filter: blur(19.8px);
    border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border: 1px solid rgba(255, 255, 255, 0.27);
    box-shadow: 1px 1px 20px 0 rgba(154, 154, 154, 0.25);
    padding: 25px 10px 28px;
    text-align: center;
    height: auto;
    transition: transform 0.3s; -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -ms-transition: transform 0.3s; -o-transition: transform 0.3s;
}
.mento > span {
    display: inline-block;
    margin: 0 auto 14px; padding: 0 10px;
    font-size: 13px; font-weight: 800; line-height: 26px;
    border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; -o-border-radius: 13px;
    background: #ff1069;
}
.mento > h6 {color: #2A2A2A; font-size: 20px; line-height: 26px; font-weight: 800;}
.mento .history {
    min-height: 60px;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    margin-top: 14px;
    color: #01015f; font-size: 13px; line-height: 20px; font-weight: 500;
}
.mento_info {
    margin-top: 24px;
    text-align: center; font-size: 13px; line-height: 20px; font-weight: 600; color: #AEB5D8;
}


/***** CON09 *****/
.sec09 {background:#fff url(/img/landing/llm/con09_bg.png) no-repeat top / cover;}
.con09 {
    padding: 120px 0 60px; opacity: 0;
}
.con09.on {
    opacity: 0;    
    animation: fadeInUp 0.3s linear 0s forwards; -webkit-animation: fadeInUp 0.3s linear 0s forwards;
}
.con09 > h2 {font-size: 37px; text-align: center;}
.con09 > h2 > b {color: #FF9A97}
.con09 .con09_1 {
    margin: 63px auto 0;
    display: block;
    width: 90%;    
}
.con09 > p {
    margin: -14px 0 84px;
    font-size: 13px; line-height: 20px; font-weight: 600; color: #AEB5D8; text-align: center;
}
.con09 .con09_2 {
    margin: 47px auto 0;
    display: block;
    width: 90%;    
}



/***** CON10 *****/
.sec10 {background:linear-gradient(#FFFFFF, #EBF1FE)}
.con10 {padding: 120px 0 83px;}
.con10 > h2 {
    color: #2A2A2A; text-align: center; font-size: 33px;
    margin-bottom: 64px;
}
.con10 > h2 > b {position: relative; padding-left: 281px;}
.con10 > h2 > b::before {
    content: url(/img/landing/llm/title_logo.svg);
    position: absolute; top: 65%; left: 0;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.merit_list {
    display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap;
    row-gap: 31px;column-gap: 10px;
    margin-bottom: 126px;
}
.merit_list > li {
    position: relative;
    width: calc(50% - 5px);
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;
    padding: 50px 23px 44px 25px;
    background:rgba(255, 255, 255, 0.8); backdrop-filter: blur(4px);
    box-shadow: 1px 1px 10px 0 rgba(129, 143, 190, 0.25);
}
.merit_list > li > span {
    position: absolute; top: -17px; left: 10px;
    font-size: 18px; line-height: 32px;
    border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px;
    padding: 0 31px 0 33px;
    background-color: #5C00FB;
    box-shadow: inset 0px 4px 4px 0 rgba(0, 200, 255, 0.25);
}

.merit_list .point_desc {
    position: relative;
    padding-left: 96px;
    font-size: 16px; line-height: 23px; color: #414141; font-weight: 500;
}
.merit_list .point_desc::before{
    content: "";
    width: 77px; height: 77px;
    position: absolute; top: 50%; left: 0;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.merit_list li:nth-child(1) .point_desc::before {background: url(/img/landing/llm/con10_icon1.svg) no-repeat center/cover}
.merit_list li:nth-child(2) .point_desc::before {background: url(/img/landing/llm/con10_icon2.svg) no-repeat center/cover}
.merit_list li:nth-child(3) .point_desc::before {background: url(/img/landing/llm/con10_icon3.svg) no-repeat center/cover}
.merit_list li:nth-child(4) .point_desc::before {background: url(/img/landing/llm/con10_icon4.svg) no-repeat center/cover}


.privilege_wrap_box {
    margin: 0 auto;
    position: relative;
}

.privilege_list > li {
    padding: 34px 0 35px;
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border: 1px solid #2600FF;
    backdrop-filter: blur(4px);
    box-shadow: 1px 1px 10px rgba(129, 143, 190, 0.25);
    height: auto;
    text-align: center;
    background-color: #fff;
    opacity: 0;
    position: relative;
}
.privilege_list > li > span {
    display: inline-block;
    margin: 0 auto; padding: 0 22px;
    font-size: 18px; font-weight: 600; line-height: 44px;
    border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px;
    background-color: #5C00FB;
    box-shadow: inset 0px 4px 4px 0 rgba(0, 200, 255, 0.25);
}
.privilege_list > li > img {margin: 6px auto 12px; display: block;}
.privilege_list > li > .privilege_desc {
    border-top: 1px solid #DBDFF6;
    text-align: center; font-size: 20px; line-height: 28px; color: #414141;
    padding-top: 30px;
} 
.privilege_list > li.swiper-slide-prev,
.privilege_list > li.swiper-slide-next { opacity: 1; filter:blur(7px) ; -webkit-filter:blur(7px) ; }
.privilege_list > li.swiper-slide-active {opacity: 1;}
.privilege_wrap_box .next2,
.privilege_wrap_box .prev2 {
    width: 50px; height: 52px;
    background-color: #250066;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;
}
.privilege_wrap_box .next2.swiper-button-next:after {content : url(/img/landing/llm/next_icon.svg); line-height: 0;}
.privilege_wrap_box .prev2.swiper-button-prev:after {content : url(/img/landing/llm/prev_icon.svg); line-height: 0;}
.privilege_wrap_box .next2 {right: 30%;}
.privilege_wrap_box .prev2 {left: 30%;}



/***** CON11 *****/
.sec11 {background:linear-gradient(#10023A, #000000)}
.con11 {
    padding: 100px 0 60px;
    display: flex; align-items: stretch; justify-content: space-between;
    line-height: 1;
}
.con11 .left > p {
    margin: 15px 0 50px;
    font-size: 20px; line-height: 27px; font-weight: 400; color: #AEB5D8;
}
.con11 .left > h6 {
    margin-bottom: 5px;
    font-size: 20px; line-height: 27px; font-weight: 700; color: #FF6F7C;
}




/**** CON12 *****/
.con12 {
    width: 100%; height: auto; margin: 0 auto;
    background-image: url(/img/landing/llm/con12_bg.png);
    background-attachment: fixed; background-position: center;
    background-size: cover;
    overflow: hidden;
}
.con12 .con12_sub { padding: 55px 0 48px; }
.con12 .subject_name {
    width: 100%;
    display: flex; align-items: center; justify-content: flex-start;
    padding: 15px 35px 14px; margin-bottom: 24px;
    background: rgba(255, 255, 255, 0.65); backdrop-filter: blur(19.8px);
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.27);
    font-size: 18px; line-height: 26px; color: #2D3058; font-weight: 700;
}
.subject_tag {
    display: block;
    width: 137px;
    font-size: 18px; line-height: 30px; color: #191A61; text-align: center; font-weight: 700;
    border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border: 1px solid #E0E1EB;
    background-color: #fff;
}
.con12 .subject_name .subject_tag {margin-right: 40px;}
.subject_info { display: flex; align-items: stretch; justify-content: space-between; column-gap: 10px;}
.subject_info .subject_tag {margin-bottom: 21px;}
.subject_info > li {
    width: 33%;
    padding: 22px 0 12px;
    background: rgba(255, 255, 255, 0.65); backdrop-filter: blur(19.8px);
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.27);
    font-size: 18px; line-height: 26px; color: #2D3058; font-weight: 700; text-align: center;
} 
.subject_info .info_ps {
    display: block;
    font-size: 12px; line-height: 20px;
}

/**** CON 13 ****/
.sec13 {background:#eeeef5 url(/img/landing/llm/con13_bg.png) no-repeat center / cover;}
.con13 { padding: 70px 0 65px;}
.con13 .process_list {
    display: flex; align-items: stretch; justify-content: space-between; column-gap: 15px;
    margin-top: 59px;
}
.con13 .process_list > li {
    position: relative;
    width: 25%;
    padding: 81px 0 19px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border: 1px solid #fff;
    backdrop-filter: blur(19.8px);
    text-align: center; 
}
.con13 .process_list > li::before { 
    position: absolute; top: 6px; left: 50%; 
    transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; 
}
.con13 .process_list > li:nth-child(1)::before { content:url(/img/landing/llm/con13_icon1.svg)}
.con13 .process_list > li:nth-child(2)::before { content:url(/img/landing/llm/con13_icon2.svg)}
.con13 .process_list > li:nth-child(3)::before { content:url(/img/landing/llm/con13_icon3.svg)}
.con13 .process_list > li:nth-child(4)::before { content:url(/img/landing/llm/con13_icon4.svg)}

.con13 .process_list > li > h5 {font-size: 18px; line-height: 26px; color: #4E2D58; margin-bottom: 9px; font-weight: 700;}
.con13 .process_list > li > p {font-size: 13px; line-height: 18px; color: #4E2D58; font-weight: 700;}




/**** CON 14 ****/
.sec14 {background:rgba(0, 0, 0, 0.9); backdrop-filter:blur(19.8px)}
.con14 {
    padding: 24px 0;
    font-size: 13px; line-height: 27px; color: rgba(255, 255, 255, 0.8); text-align: center;
}



/**** CON15 ****/
.sec15 {background:linear-gradient(#10023A, #000000)}
.con15 {padding: 90px 0 60px;}
.con15 > h2 {
    margin: 0 auto 45px;
    text-align: center;
}
.con15 > h2 > b {position: relative; padding-left: 81px;}
.con15 > h2 > b::before {
    content: "";
    width: 68px; height: 68px;
    background: url(/img/landing/llm/con15_icon.svg) no-repeat center/cover;
    position: absolute; top: 50%; left: 0;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}

.fna_list {display: flex; flex-direction: column; align-items: stretch; justify-content: center; row-gap: 10px;}
.fna_list > li {
    background-color: #4B3E76; backdrop-filter: blur(4px);
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border : 1px solid #7264C3;
    box-shadow: 1px 1px 10px 0 rgba(129, 143, 190, 0.25);
    padding: 25px 10px 0;
}
.fna_list .fna_title {
    position: relative;
    padding-left: 20px;
    display: flex; align-items: center; justify-content: flex-start; column-gap: 45px;
    margin-bottom: 25px;
} 
.fna_list .fna_title .fan_num {
    border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px;
    font-size: 18px; line-height: 44px; font-weight: 600; color: #08011F;
    padding: 0 41px; 
    background-color: #9F95BD;
}
.fna_list .fna_title > p {font-size: 20px; line-height: 28px; font-weight: 700; width: 67%;}
.fna_list .fna_answer {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.2);
    padding: 27px 34px 26px 40px; margin-bottom: 10px;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;
    font-size: 16px; line-height: 28px; white-space: pre-line;
    display: none;
}
.fna_list .fna_title .fna_down {
    position: absolute; top: 50%; right: 30px;
    transform: translateY(-50%) rotateZ(45deg); -webkit-transform: translateY(-50%) rotateZ(45deg); -moz-transform: translateY(-50%) rotateZ(45deg); -ms-transform: translateY(-50%) rotateZ(45deg); -o-transform: translateY(-50%) rotateZ(45deg);
    width: 13px; height: 13px;
    border: solid #C0AEF5;
    border-width: 0 3px 3px 0;
    transition-duration: 0.5s;
    cursor: pointer;
}
.fna_list .fna_title .fna_down.active { transform: translateY(-50%) rotateZ(225deg); -webkit-transform: translateY(-50%) rotateZ(225deg); -moz-transform: translateY(-50%) rotateZ(225deg); -ms-transform: translateY(-50%) rotateZ(225deg); -o-transform: translateY(-50%) rotateZ(225deg); }



/*form*/
#application {background:#eeeef5 url(/img/landing/llm/form_bg.png) no-repeat center / cover} 
.landing_info_wrap {padding: 80px 0 60px;}
.landing_info_wrap h3 {font-size: 30px; color:#120047;  text-align: center;}
.form_wrap {width: 800px; margin: 0 auto; text-align: center;}
.input_wrap01 {
    display: flex; align-items: center; justify-content: space-between; column-gap: 10px;
    margin: 62px auto 40px;
}
.input_wrap01 input,
.input_wrap01 select {
    border: none; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px;
    background-color: #fff;
    font-size: 16px; color: #182E3C; line-height: 20px; font-weight: 500;
}
.input_wrap01 input {
    width: 220px;
    padding: 17px 15px;
}
.input_wrap01 input::placeholder {color:rgba(24, 46, 60, 0.5);  }
.input_wrap01 select {
    position: relative;
    width: 340px;
    border: 1px solid #E1E3F3;
    padding: 15px 15px;
    appearance: none;
    cursor: pointer;
}
.input_wrap01 .selectbox {position: relative;}
.input_wrap01 .selectbox::after{
    content: "";
    position: absolute; top: 46%; right: 16px;
    transform: translateY(-50%) rotateZ(45deg); -webkit-transform: translateY(-50%) rotateZ(45deg); -moz-transform: translateY(-50%) rotateZ(45deg); -ms-transform: translateY(-50%) rotateZ(45deg); -o-transform: translateY(-50%) rotateZ(45deg);
    width: 7px; height: 7px;
    border: solid #120047; border-width: 0 2px 2px 0;
}
.form_wrap .consult_info > li {font-size: 15px; line-height: 23px; font-weight: 600; color: #2F3452; text-align: left;}
.form_wrap .check_wrap {
    margin: 60px auto 40px;
    font-size: 15px; line-height: 18px; 
}
.form_wrap .check_wrap input[type=checkbox] {display: none;}
.form_wrap .check_wrap input[type=checkbox]+label {
    position: relative;
    padding-left: 37px; margin-right: 10px;
    color: #2F3452; font-weight: 700;
    cursor: pointer;
}
.form_wrap .check_wrap input[type="checkbox"]+label::before {
    content:"";
    display: block;
    position: absolute; top: 50%; left: 0;
    width: 20px; height: 20px;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
    border: 1px solid #8E94B9; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px;
    box-shadow: 1px 1px 5px 0 rgba(71, 71, 71, 0.1);
    background-color: rgba(255, 255, 255, 0.8);
}
.form_wrap .check_wrap input[type="checkbox"]:checked+label::before{
    border: 1px solid #5633FE; 
    box-shadow: 1px 1px 5px 0 rgba(71, 71, 71, 0.25);
    background: #5633FE url(/img/check_white.svg) no-repeat center / 80%;;
}
.form_wrap .check_wrap span {color: #2A2A2A; font-weight: 700; cursor: pointer; }

.form_wrap .primary-button {
    position: relative;
    display: inline-block;
    width: 182px; height: 50px;
    text-align: center; font-size: 20px; color: #fff; font-weight: 700;
    border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border: 1px solid rgba(246, 246, 246, 0.2);
    background: linear-gradient(#0C69E3, #5C2FFF); box-shadow: 1px 1px 5px 0 rgba(71, 71, 71, 0.25);
    cursor: pointer;
    overflow: hidden;
 }
.form_wrap .primary-button:hover {cursor: pointer; border: 1px solid #313131;;}
.primary-button .round {
    border-radius: 50%;
    background-color: #000000;
    position: absolute; top: 5px; left: 10px; z-index: 1;
    animation: scale-down 0.2s forwards; -webkit-animation: scale-down 0.2s forwards;
}
.primary-button.animate .round { animation: scale-up 0.5s forwards; -webkit-animation: scale-up 0.5s forwards;}

@keyframes scale-up {
    to {
        transform: scale(600); -webkit-transform: scale(600); -moz-transform: scale(600); -ms-transform: scale(600); -o-transform: scale(600);
    }
}

@keyframes scale-down {
    from {
        transform: scale(600);
    }
    to {
        ransform: scale(0);
    }
}

.primary-button .btn_txt { 
    position: absolute; top: 50%; left: 50%; z-index: 2;
    transform:translate(-50%,-50%) ; -webkit-transform:translate(-50%,-50%) ; -moz-transform:translate(-50%,-50%) ; -ms-transform:translate(-50%,-50%) ; -o-transform:translate(-50%,-50%) ; 
    font-size: 20px; line-height: 30px; color: #fff; font-weight: 700;
}



@media (max-width: 1000px) {
    h2{font-size: 25px; line-height: 1.4;}
    h3{font-size: 30px; line-height: 1.4;}
    h4{font-size: 18px; line-height: 1.4;}
    
    .pc {display: none!important;}
    .mo {display: block!important;}

    /***** CON 01 *******/
    .sec01 {background:#eeeef5 url(/img/landing/llm/con01_bg_m.png) no-repeat center / cover;}
    .con01 {padding: 70px 20px 30px; text-align: center;}
    .con01 h4 { margin: 27px 0 39px;}
    .con01 p {font-size: 13px; line-height: 1.4; font-weight: 500;}
    .con01 .bottom_title {
        margin: 58px auto 28px; max-width: 500px;
        opacity: 0;
        animation: fadeInUp 0.3s linear 0.8s forwards; -webkit-animation: fadeInUp 0.3s linear 0.8s forwards;
    }
    .con01 .hakgi_list { display: none;}

    .con01 .class_benefit {display: flex; align-items: center; justify-content: space-between; row-gap: 17px; flex-direction: column;}
    .con01 .class_benefit > li {
        position: relative;
        width: 100%; height: inherit;
        color: #121212; font-size: 16px; line-height: 1.4; text-align: left; 
        padding: 12px 37px 10px 105px;
        position: relative;
    }
    .con01 .class_benefit .benefit_title {font-weight: 500;}
    .con01 .class_benefit > li span {font-size: 10px; line-height: 1.6; display: block;}
    .con01 .class_benefit > li::before {
        position: absolute; top: 50%; bottom: initial; left: 17px;
        transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
        display: block;
        width: 68px; height: 68px;
    }
    .con01 .class_benefit > li:first-child::before{content: ""; background:url(/img/landing/llm/benefit1.svg) no-repeat center / cover; }
    .con01 .class_benefit > li:nth-child(2)::before{content: ""; background:url(/img/landing/llm/benefit2.svg) no-repeat center / cover; }
    .con01 .class_benefit > li:last-child::before{content: ""; background:url(/img/landing/llm/benefit3.svg) no-repeat center / cover; }
    .app_go {
        flex-direction: column;
        padding: 19px 0 17px;
        margin: 0 auto;
        max-width: 500px;
    }
    .app_go > p {
        margin-bottom: 14px;
        width: 180px;
        font-size: 16px; line-height: 1.4; color: #121212; word-break: keep-all;
    }
    .app_go > a {
        border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;
        background: linear-gradient(#1F09E6, #080520); backdrop-filter: blur(4px);
        box-shadow: 1px 1px 3.8px 0 rgba(67, 67, 67, 0.25);
        color: #fff; font-size: 16px; line-height: 44px; font-weight: 700;
        padding: 0 56px;
    }

    .app_go_wrap {
        display: none;
        width: 800px;
        position: fixed; bottom: 25px; left: 50%; z-index: 10;
        transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);
    }


    /****** CON 02 ******/
    .sec02 {background:#20137d url(/img/landing/llm/con02_bg_m.png) no-repeat top / cover; margin-top: -1px;}
    .con02 {padding:85px 0 81px; position: relative; text-align: center;}
    .con02 h3 {font-size: 15px; line-height: 1.4; letter-spacing: -0.05em;}
    .con02 .relative {
        height: 205px; 
        margin: 30px auto 103px; 
    } 
    .m_fit_box { 
        height: 100%;
        position: absolute; left: 50%; top: 0; 
        transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; 
    }
    .con02 .speech_bubble_wrap {
        position: relative; 
        width: 416px; height: inherit;
        margin: initial;   
    }

    .con02 .speech_bubble_wrap .bubble1 {top: -3px; left: 19px;}
    .con02 .speech_bubble_wrap .bubble2 {top: 15px; right: -3px;}
    .con02 .speech_bubble_wrap .bubble3 {top: 64px; left: 36px; }
    .con02 .speech_bubble_wrap .bubble4 { bottom: 43px; left: 0px}
    .con02 .speech_bubble_wrap .bubble5 { bottom: -1px; right: -1px}
    .con02 .con02_table {
        display: block; 
        margin: 41px auto 0; padding: 0 20px; 
        width: 100%;  max-width: 500px;
    }
    .con02 .con02_table > * {width: 100%;}



    /***** CON03*****/
    .con03 {padding: 70px 20px 60px;}
    .con03 > h2 {color: #2A2A2A}
    .con03 .chat_wrap { margin: 34px 0 46px; height: auto;}
    .con03 .chat_wrap .chat_q {
        width: auto; height: auto;
        padding: 0 25px 0 37px; margin-bottom: 30px;
        font-size: 16px; line-height: 55px;
        opacity: 0;
    }
    .con03 .chat_wrap .chat_q > p {opacity: 1; white-space: wrap;}
    .con03 .chat_wrap .chat_a {
        opacity: 0;
        display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; row-gap: 31px;
        width: 100%;
    }
    .con03 .chat_wrap .chat_a .chat {
        opacity: 1;
        width: 72%;
        white-space: wrap;
    }
    .con03 .chat_wrap .chat_a .chat2 {width: 83.2%;}
    .con03 .chat_wrap .chat_a .chat3 {width: 77.5%;}

    .con03 .chat_wrap .chat_a .chat_box {
        font-size: 16px; line-height: 1.4;
        padding: 15px 26px 16px 23px;
    }
    .con03 .chat_wrap .chat_a .chat_box p {
        display: inline; 
        opacity: 1; 
        font-weight: 500;
    }
    .con03 .chat_wrap .chat_a .chat span {
        padding-left: 17px;
        font-size: 10px; line-height: 1.5;
        margin: 9px 0 0;
        opacity: 1;
    }
    /*con03 action*/
    .con03 .chat_wrap.chat_act .chat_q { animation: none; -webkit-animation: none; }
    .con03 .chat_wrap.chat_act .chat_q > p { animation: none; -webkit-animation: none; }
    .con03 .chat_wrap.chat_act .chat_a .chat1 { animation:none ; -webkit-animation:none ; }
    .con03 .chat_wrap.chat_act .chat_a .chat1 p { animation: none; -webkit-animation: none; }
    .con03 .chat_wrap.chat_act .chat_a .chat1 span { animation: none; -webkit-animation: none; }
    .con03 .chat_wrap.chat_act .chat_a .chat2 { animation: none; -webkit-animation: none; }
    .con03 .chat_wrap.chat_act .chat_a .chat2 p { animation: none; -webkit-animation: none; }
    .con03 .chat_wrap.chat_act .chat_a .chat2 span { animation: none; -webkit-animation: none; }
    .con03 .chat_wrap.chat_act .chat_a .chat3 { animation: none; -webkit-animation: none; }
    .con03 .chat_wrap.chat_act .chat_a .chat3 p { animation: none; -webkit-animation: none; }
    .con03 .chat_wrap.chat_act .chat_a .chat3 span { animation: none; -webkit-animation: none; }

    .con03 .chat_wrap.chat_act .chat_q { animation: 0.2s ease-out 0s forwards fade-in; -webkit-animation: 0.2s ease-out 0s forwards fade-in; }
    .con03 .chat_wrap.chat_act .chat_a { animation: 0.2s ease-out 0.2s forwards fade-in; -webkit-animation: 0.2s ease-out 0.2s forwards fade-in; }



    .con03 > p {font-size: 20px; line-height: 1.4; }



    /**** CON04 *****/
    .sec04 {background: linear-gradient(#10023A, #000000);}
    .con04 {padding: 70px 0 60px;}
    .mo_recommend {display: block; padding: 0 20px;}
    .recommend_wrap {
        display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: nowrap; flex-direction: column;
        row-gap: 10px;
        height: auto; max-width: 650px;
        margin: 60px auto 0;
    }
    .recommend_wrap.pc_recommend {display: none;}
    .recommend_wrap > li > div:first-child {margin-right: 10px;}
    .recommend_wrap > li {
        display: block;
        padding: 11px 20px 13px 61px ;
        font-size: 13px; color: #000; line-height: 1; font-weight: 400;
        background: rgba(255, 255, 255, 0.8);
        border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.8);
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
        position: relative;
        opacity: 0;
    }
    .recommend_wrap > li::before{
        position: absolute; top: 55%; left: 20px;
        transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
    }
    .recommend_wrap.on > li { animation: 0.2s ease-out 0s forwards fade-in; -webkit-animation: 0.2s ease-out 0s forwards fade-in; }


    /****** CON05  ******/
    .con05 {
        padding: 70px 0 50px; width:initial;
        position: relative;
    }
    .con05::before,
    .con05::after  {content: inherit;}
    .con05 > h3 {width: 70%; font-size: 25px; line-height: 1.4; margin: 0 auto 50px;}
    .mo_logo_box {display: block;}
    .pc_logo_box {display: none;}
    .logobox1 {margin: 0}
    .logobox2 {margin: 20px 0}
 
    
    /**** CON06 *****/   
    .sec06 {background:#fff url(/img/landing/llm/con06_bg_m.png) no-repeat top / cover;}
    .con06 {padding: 70px 20px 60px;}
    .con06 > h2 {margin-bottom: 457px;}
    .con06 .roadmap_wrap {
        top: 139px;
        padding: 20px 20px 15px;
    }
    .con06 .roadmap_wrap > div {max-width: initial; width: 100%;}
    .con06 .roadmap_wrap .scroll_box {overflow-x: scroll; padding-bottom: 15px;}
    .con06 .roadmap_wrap .scroll_box::-webkit-scrollbar {height: 4px;}
    .con06 .roadmap_wrap .scroll_box::-webkit-scrollbar-thumb {background: rgba(255, 255, 255, 0.53); backdrop-filter: blur(4px);}
    .con06 .roadmap_wrap .scroll_box::-webkit-scrollbar-track {background:rgba(174, 174, 174, 0.45);}
    .con06 .roadmap_wrap > div picture {
        display: block; 
        width: 1385px;/*원 이미지 크기의 2배*/
    }
    .con06 h5 {
        width: 100%; max-width: 398px; margin: 0 auto 17px;
        font-size: 20px; line-height: 32px; text-align: center;
    }
    .con06 .curriculum_main {margin-bottom: 40px;}
    .con06 .curriculum {row-gap: 10px; margin: 0;}
    .con06 .curriculum > li {padding: 20px 8px 8px;}
    .con06 .curriculum .menu_icon {padding-bottom: 5px;}
    .con06 .curriculum .curriculum_title {align-items: stretch; column-gap: 10px; }
    .con06 .curriculum .curriculum_title .menu_title {display: flex; flex-direction: column; align-items: flex-start; row-gap: 5px;}
    .con06 .curriculum .curriculum_title .subejct_tag {font-size: 11px; line-height: 21px; }
    .con06 .curriculum .curriculum_title h4 {font-size: 14px;}
    .con06 .curriculum .curriculum_title .down {
        top: 40%; right: 17px;
        width: 12px; height: 12px;
    }
    .con06 .curriculum .item_box { margin-top: 17px;}
    .con06 .curriculum .item_wrap {row-gap: 5px;}
    .con06 .curriculum .item_wrap > li {
        padding: 10px;
        column-gap: 10px;
    }

    .con06 .curriculum .item_wrap .item {
        width: 27.4%;
        font-size: 11px; line-height: 23px; text-align: center; 
    }
    .con06 .curriculum .item_wrap .item_info > p {font-size: 12px; line-height: 1.4;}

    



    /**** CON07 ****/
    .sec07 {background:#F5F5F5}
    .con07 {padding: 70px 0 60px; width: 100%;}
    .con07 > h3 {
        width: 70%;
        font-size: 25px; line-height: 1.4;
        margin: 0 auto 40px;
    }
    .portfolio_wrap {height : 62vw}
    .portfolio_list {margin-left: -26px;}
    .portfolio p { font-size: 13px; line-height: 1.4; margin-top: 10px;}

    .portfolio img {width: 91.2%;}
    .portfolio.swiper-slide-active {transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15);}
    .portfolio.swiper-slide-active img {opacity: 1; scale:1; width: 100%;}
    .portfolio.swiper-slide-active p {opacity: 1; }
    .portfolio.swiper-slide-prev img {float: left;}
    .portfolio.swiper-slide-next img {float: right;}

    .direction_btn {display: none;}



    /***** CON08 *****/
    .con08 {padding: 55px 0 50px;}
    .con08::before,
    .con08::after {content: inherit;}
    .con08 > h3 {font-size: 23px; line-height: 1; letter-spacing: -0.04em;}
    .con08 > h3 > b {
        padding-left: 58px;
        position: relative;
        color: #6E97FF;
    }
    .con08 > h3 > b::before {content:url(/img/landing/llm/con08_icon1_m.png);}
    .con08 > p {
        margin: 20px auto 40px;
        font-size: 13px; line-height: 1.4; 
    }
    .prof {padding: 17px 16px 18px;}
    .prof::before {
        width: 66px; height: 66px;
        position: absolute; top: 48px; 
    }
    .prof > span {
        margin: 0 auto 88px; padding: 0 10.5px;
        font-size: 8px; line-height: 17px;
    }
    .prof > h6 {font-size: 13px; line-height: 1.4; }
    .prof .history {
        min-height: 40px;
        font-size: 10px; line-height: 1.4;
    }


    .mento {padding: 17px 0 18px;}
    .mento > span {
        margin: 0 auto 7px; padding: 0 10px;
        font-size: 8px; line-height: 17px;
    }
    .mento > h6 {font-size: 13px; line-height: 1.4;}
    .mento .history {
        min-height: 40px;
        margin-top: 6px;
        font-size: 10px; line-height: 1.4;
    }
    .mento_info {
        margin-top: 20px;
        font-size: 10px; line-height: 1.4;
    }

   
    /***** CON09 *****/
    .sec09 {background:#fff url(/img/landing/llm/con09_bg_m.png) no-repeat top / cover;}
    .con09 {padding: 70px 0;}
    .con09 > h2 {font-size: 23px; }
    .con09 > h2 > b {color: #FF9A97}
    .con09 .con09_1 {
        margin: 35px auto 10px;
        display: block;
        width: 100%;    
    }
    .con09 .con09_2 {
        margin: 13px auto 0;
        display: block;
        width: 100%;    
    }
    .con09 > p {
        margin: -24px 0 76px;
        font-size: 10px; line-height: 1.4; font-weight: 600;
    }
    .con09 picture > * {display: block; margin: 0 auto; width: 100%;}




    /***** CON10 *****/
    .con10 {padding: 120px 0 83px;}
    .con10 > h2 {
       text-align: center; font-size: 23px;
        margin-bottom: 50px;
    }
    .con10 > h2 > b {padding-left: 200px;}
    .con10 > h2 > b::before {content: url(/img/landing/llm/title_logo_m.png);}
    .merit_list {
        margin: 0 20px ;
        flex-direction: column; row-gap: 22.38px; 
        margin-bottom: 100px;
    }
    .merit_list > li {
        width: 100%;
        padding: 29px 18px 30px 21px;
    }
    .merit_list > li > span {
        position: absolute; top: -11px; left: 10px;
        font-size: 13px; line-height: 22px;
        padding: 0 27px 0 29px;
    }

    .merit_list .point_desc {
        padding-left: 77px;
        font-size: 14px; line-height: 20px; color: #414141; font-weight: 500;
    }
    .merit_list .point_desc::before{width: 59.22px; height: 57.82px;}


    .privilege_wrap_box {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }

    .privilege_list > li {
        padding: 34px 0 35px;
        border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border: 1px solid #2600FF;
        backdrop-filter: blur(4px);
        box-shadow: 1px 1px 10px rgba(129, 143, 190, 0.25);
        height: auto;
        text-align: center;
        background-color: #fff;
        opacity: 0;
        position: relative;
    }
    .privilege_list > li > span {
        display: inline-block;
        margin: 0 auto; padding: 0 22px;
        font-size: 18px; font-weight: 600; line-height: 44px;
        border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px;
        background-color: #5C00FB;
        box-shadow: inset 0px 4px 4px 0 rgba(0, 200, 255, 0.25);
    }
    .privilege_list > li > img {margin: 6px auto 12px; display: block;}
    .privilege_list > li > .privilege_desc {
        border-top: 1px solid #DBDFF6;
        text-align: center; font-size: 20px; line-height: 28px; color: #414141;
        padding-top: 30px;
    } 
    .privilege_list > li.swiper-slide-prev,
    .privilege_list > li.swiper-slide-next { opacity: 1; filter:blur(7px) ; -webkit-filter:blur(7px) ; }
    .privilege_list > li.swiper-slide-active {opacity: 1;}
    .privilege_wrap_box .next2,
    .privilege_wrap_box .prev2 {
        width: 50px; height: 52px;
        background-color: #250066;
        border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;
    }
    .privilege_wrap_box .next2.swiper-button-next:after {content : url(/img/landing/llm/next_icon.svg); line-height: 0;}
    .privilege_wrap_box .prev2.swiper-button-prev:after {content : url(/img/landing/llm/prev_icon.svg); line-height: 0;}
 



    /***** CON11 *****/
    .sec11 {background:linear-gradient(#10023A, #000000)}
    .con11 {
        padding: 70px 20px 50px;
        display: block;
        line-height: 1;
    }
    .con11 h3 {font-size: 25px; line-height: 1.4; letter-spacing: -0.04em;}
    .con11 > p {
        margin: 10px 0 20px;
        font-size: 13px; line-height: 1.4; font-weight: 400; color: #AEB5D8;
    }
    .con11 h6 {
        margin-bottom: 3px;
        font-size: 13px; line-height: 1.4; font-weight: 700; color: #FF6F7C;
    }
    .con11 > div { 
        border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; 
        backdrop-filter: blur(4px);
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
        font-size: 13px; line-height: 18px; font-weight: 600; color: #838383;
    }
    .con11 .price_wrap {
        position: relative;
        padding: 22px 29px 25px; margin-bottom: 84px;
        background-color: rgba(255, 255, 255, 0.9);
    }
    .con11 .price_wrap::after {
        content: "+";
        display: inline-block;
        padding: 0 15px;
        color: #fff; font-size: 19px; line-height: 42px;
        background-color: #FF6F7C;
        box-shadow: 1px 1px 5px 0 rgba(153, 153, 153, 0.25);
        border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;-ms-border-radius: 15px;-o-border-radius: 15px; border: 1px solid #E4ADB2;
        position: absolute; bottom: -64px; left: 50%;
        transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);
    }
    .con11 .price_wrap .basic {font-size: 23px; font-weight: 700; line-height: 1.4; color: #3B3B3B; text-decoration: line-through;}
    .con11 .price_wrap > ul {
        margin: 16px 0 10px;
        display: flex; align-items: center; justify-content: flex-start; column-gap: 15px;
    }
    .con11 .price_wrap .price {font-size: 30px; line-height: 1; color: #008689; font-weight: 700;}
    .con11 .price_wrap .kdt_tag { 
        border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; 
        background: #CFEFE4; box-shadow: 1px 1px 5px 0 rgba(153, 153, 153, 0.25);
        font-size: 13px; line-height: 28px; font-weight: 700; color: #19A578;
        padding: 0 4px;
    }

    .con11 .support {
        padding: 20px 29px; margin-top: 20px;
        background-color: #FFF1F4;
        border: 1px solid #FF6F7C; 
    }
    .con11 .support .main_info {
        margin-bottom: 12px;
        font-size: 23px; line-height: 1.4; color: #FF6F7C;
    }




    /**** CON12 *****/
    .con12 {
        background-image: url(/img/landing/llm/con12_bg_m.png);
    }
    .con12 .con12_sub { padding: 55px 20px 48px; }
    .con12 .subject_name {
        width: 100%;
        display: block;
        padding: 12px 0 18px; margin-bottom: 10px;
        text-align: center;
    }
    .con12 h6 {font-size: 18px; line-height: 26px; color: #2D3058; font-weight: 700; text-align: center;}
    .subject_tag {
        display: inline-block;
        width: 185px;
        font-size: 18px; line-height: 32px;
        margin-bottom: 12px;
    }
    .con12 .subject_name .subject_tag {margin-right: 0;}
    .subject_info { row-gap: 10px; flex-direction: column;}
    .subject_info .subject_tag {margin-bottom: 12px;}
    .subject_info > li {
        width: 100%;
        padding: 12px 0 18px;
        font-size: 18px; line-height: 32px;
    } 


    /**** CON 13 ****/
    .sec13 {background:#eeeef5 url(/img/landing/llm/con13_bg_m.png) no-repeat top / cover;}
    .con13 {padding: 60px 20px 40px;}
    .con13 > h3 {font-size: 20px; line-height: 1.4; }
    .con13 .process_list {
        column-gap: 10px; row-gap: 20px; flex-wrap: wrap;
        margin-top: 30px;
    }
    .con13 .process_list > li {
        position: relative;
        width: calc(50% - 5px);
        padding: 80px 0 13px;
        background-color: rgba(255, 255, 255, 0.9);
        border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border: 1px solid #fff;
        backdrop-filter: blur(19.8px);
        text-align: center; 
    }
    .con13 .process_list > li::before { 
        position: absolute; top: 6px; left: 50%; 
        transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; 
    }
    .con13 .process_list > li:nth-child(1)::before { content:url(/img/landing/llm/con13_icon1.svg)}
    .con13 .process_list > li:nth-child(2)::before { content:url(/img/landing/llm/con13_icon2.svg)}
    .con13 .process_list > li:nth-child(3)::before { content:url(/img/landing/llm/con13_icon3.svg)}
    .con13 .process_list > li:nth-child(4)::before { content:url(/img/landing/llm/con13_icon4.svg)}

    .con13 .process_list > li > h5 {font-size: 15px; line-height: 26px; color: #4E2D58; margin-bottom: 11px; font-weight: 700;}
    .con13 .process_list > li > p {font-size: 11px; line-height: 15px; color: #4E2D58; font-weight: 500;}


    /**** CON15 ****/
    .con15 {padding: 60px 20px;}
    .con15 > h2 {
        margin: 0 auto 40px;
        text-align: center;
    }
    .con15 > h2 > b {position: relative; padding-left: 60px;}
    .con15 > h2 > b::before {width: 52px; height: 52px;}

    .fna_list > li {padding: 26px 8px 0;}
    .fna_list .fna_title {
        position: relative;
        padding-left: 0;
        column-gap: 14.74px;
        margin-bottom: 25px;
    } 
    .fna_list .fna_title .fan_num {
        font-size: 12px; line-height: 27px;
        padding: 0 9px; 
        margin-left: 7px;
    }
    .fna_list .fna_title > p {font-size: 14px; line-height: 20px; }
    .fna_list .fna_answer {
        padding: 15px;
        font-size: 12px; line-height: 20px; white-space: pre-line;
        display: none;
    }
    .fna_list .fna_title .fna_down {
        right: 10px;
        width: 3.3vw; height: 3.3vw; max-width: 17px; max-height: 17px;
    }

    #application {
        background: rgba(0, 0, 0, 0.7);
        position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 5;  
    }
    #application .relative {width: 100%; height: 100%;}
    .landing_info{
        position: absolute; top: 50%; left: 50%;
        transform: translate(-50% , -50%); -webkit-transform: translate(-50% , -50%); -moz-transform: translate(-50% , -50%); -ms-transform: translate(-50% , -50%); -o-transform: translate(-50% , -50%);
        width: calc(100% - 40px);
    }
    .landing_info_wrap {    
        position: relative;
        padding: 30px 20px 13px;
        background-color: rgba(255, 255, 255, 0.8); backdrop-filter: blur(4px);
        box-shadow: 1px 1px 5px 0 rgba(71, 71, 71, 0.25);
        border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;
        width: 100%;
    }
    .landing_info_wrap h3 {font-size: 20px; line-height: 1.4;}
    .form_wrap {width: 100%;}
    .input_wrap01 {
        flex-direction: column; row-gap: 10px;
        margin: 30px auto 20px;
    }
    .input_wrap01 > li {width: 100%;}
    .input_wrap01 input,
    .input_wrap01 select {width: 100%;}
    .form_wrap .consult_info > li {font-size: 13px; line-height: 18px;}
    .form_wrap .check_wrap {
        margin: 30px auto 21px;
    }
    .form_wrap .check_wrap > span {font-size: 13px; line-height: 18px;}
    .private_box {
        display: none;
        width: 100%; height: 200px;
        background: #eaeaeb;
        border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;
        padding: 20px 12px 18px 15px; margin-top: 21px;
        overflow: hidden;
    }
    .private_box .scroll_box {
        overflow-y: scroll; 
        height: 100%;
        padding-right: 15px; 
        font-size: 13px; line-height: 18px; color: #2F3452;font-weight: 600; text-align: left;
    }
    .private_box .scroll_box::-webkit-scrollbar {width: 4px;}
    .private_box .scroll_box::-webkit-scrollbar-thumb {background: #D9D9D9;}



    /**** 상담신청 바로가기*****/
    #application {display: none;}
    .app_go_wrap {width: 100%;}
    .app_go2 {
        padding: 14px 15px 17px; margin: 0 auto;
        width: 90%; max-width: 600px;
        border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;
        background: rgba(255, 255, 255, 0.8);  backdrop-filter: blur(4px);
        box-shadow: rgba(71, 71, 71, 0.25);
    }
    .app_go2 > p {font-size: 16px; line-height: 1.4; color: #000; text-align: center;}
    .app_go2 .app_go_btn_wrap {
        margin-top: 10px;
        display: flex; align-items: center; justify-content: flex-start; column-gap: 6px;
    }
    .app_go2 .app_go_btn_wrap > a { 
        font-size: 16px; font-weight: 700; line-height: 44px; text-align: center; color : #fff;
        border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; 
        backdrop-filter: blur(4px);
        box-shadow: 1px 1px 3.8px 0 rgba(67, 67, 67, 0.25);
    }
    .app_go2 .app_go_btn_wrap .call_btn {
        width: 35%;
        background: rgba(0, 0, 0, 0.8);
    }
    .app_go2 .app_go_btn_wrap .go_app {
        width: calc(65% - 6px);
        background: linear-gradient(#1F09E6, #080520)
    }
    .close {
        position: absolute; top: 16px; right: 15px;
        width: 26px; height: 26px;
        border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.6);
        box-shadow: 1px 1px 20px 0 rgba(154, 154, 154, 0.25);
    }
    .close svg { 
        position: absolute; top: 50%; left: 50%; 
        transform:translate(-50%,-50%) ; -webkit-transform:translate(-50%,-50%) ; -moz-transform:translate(-50%,-50%) ; -ms-transform:translate(-50%,-50%) ; -o-transform:translate(-50%,-50%) ; 
    }
}

@media (max-width: 600px) {
    .privilege_wrap_box .next2 {right: 7vw;}
    .privilege_wrap_box .prev2 {left: 7vw;}
    .privilege_wrap_box .next2,
    .privilege_wrap_box .prev2 {width: 38px; height: 40px;}
}


@media (max-height: 750px) {
    .private_box {height: 100px;}
}