/* ===== SUB페이지 CSS ===== */
.main_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: 32px; line-height: 1.4;}
h4{font-size: 23px; line-height: 1.4;}
.txt_point {color: #25D0AE;}
.txt_poin2 {color: #23008D}
.txt_poin3 {color: #2539D2}
.title_desc {font-size: 20px; line-height: 1.27; font-weight: 500; letter-spacing: -0.04rem; text-align: center;}
.con01 .top_title {
    line-height: 1;
    opacity: 0;    
    animation: fadeInUp 0.3s linear 0s forwards; -webkit-animation: fadeInUp 0.3s linear 0s forwards;
}
.con01 h6 {font-size: 15px; line-height: 26px; font-weight: 500; font-family: "Noto Sans KR", sans-serif;}
.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 5px;}
.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 > li:first-child {padding-top: 15px;}
.con01 .class_benefit > li .fixed_price::before {
    content:"";
    width: 104%; height: 1px;
    background: #ff0000;
    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%);
}
.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: 10px; 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;
    font-size: 18px; line-height: 28px; color: #121212; font-family: "Noto Sans KR", sans-serif;
}
.app_go  .call {font-size: 14px; padding-left: 18px; position: relative; font-family: 'Pretendard';}
.app_go  .call::before {
    content: "";
    width: 15px; height: 16px;
    background: url(/img/landing/llm/con01_call.svg) no-repeat center / cover;
    position: absolute; top: 60%; left: 0;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.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 {
    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; text-align: center;}
.con02 h3 {text-align: center; font-size: 24px; margin: 0 -20px;}
.con02 h3 > span {font-weight: 600;}
.con02 .speech_bubble_wrap {
    position: relative; 
    height: 319px; width: 100%;
    margin: 85px 0 112.8px; 
}
.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;}
.con02 P {font-size: 20px; line-height: 1.27; text-align: center;} 
.con02 .ex_span {
    display: inline-block;
    padding: 8px 46px 10px; margin: 56px auto 31px;
    border-radius: 21.5px; -webkit-border-radius: 21.5px; -moz-border-radius: 21.5px; -ms-border-radius: 21.5px; -o-border-radius: 21.5px;
    border : 1px solid #fff;
    background: rgb(255, 255, 255, 0.89);
    font-size: 20px; line-height: 1.27; color: #1F0A59; font-weight: 600;
}
.con02 .img_desc {font-size: 18px; line-height: 1.27; color: #fff; font-weight: 500; text-align: left;}
.con02 .img_desc > b {font-size: 20px; font-weight: 600;}


/**** CON03 ****/
.sec03 {background:#fff url(/img/landing/llm/con03_bg.png) no-repeat center / cover;}
.con03 {padding: 100px 0 70px;}
.con03 > h3 {color: #2A2A2A}
.con03 .tech_list {
    display: flex; align-items: stretch; justify-content: flex-start; flex-direction: column;
    row-gap: 20px;
    width: 100%; margin-top: 37px;
}
.con03 .tech_list > li {
    width: 100%;
    border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px; border: 1px solid #E4D5ED;
    box-shadow: 1px 1px 13px 0px #4343431A; backdrop-filter: blur(20px);
    background: #FFFFFF7A;
    padding: 12px 11px 31px;
    line-height: 1.27; letter-spacing: -0.04rem;
}
.con03 .tech_list > li > h5 { 
    border-radius: 21.5px; -webkit-border-radius: 21.5px; -moz-border-radius: 21.5px; -ms-border-radius: 21.5px; -o-border-radius: 21.5px;  border: 1px solid #4A2F6B;
    background: #0F003B;
    text-align: center; font-size: 16px; font-weight: 700; color: #fff; 
    padding: 7px 0 8px;
}

.con03 .tech_list > li > p {
    position: relative;
    margin-top: 28px; padding-left: 116px;
    font-size: 15px; color: #2C2C2C;
}

.con03 .tech_list > li > p::before {
    content: "";
    width: 83px; height: 77px;
    position: absolute; top: 50%; left: 16px;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.con03 .tech_list > li:nth-child(1) > p::before {background: url(/img/landing/llm/con03_icon1.svg) center / 100% no-repeat;}
.con03 .tech_list > li:nth-child(2) > p::before {background: url(/img/landing/llm/con03_icon2.svg) center / 100% no-repeat;}
.con03 .tech_list > li:nth-child(3) > p::before {background: url(/img/landing/llm/con03_icon3.svg) center / 100% no-repeat;}


/**** CON04 ****/
.sec04 {background:#fff url(/img/landing/llm/con04_bg.png) no-repeat center / cover}
.con04 {padding: 100px 0 60px;}

.needs_list {
    margin-top: 37px;
    display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap;
    row-gap: 10px; column-gap: 12px;
}
.needs_list > li {
    position: relative;
    width: calc(50% - 6px);
    background: #FFFFFFCC;
    border: 1px solid #FFFFFFCC; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px;
    backdrop-filter: blur(4px);
    font-size: 16px; font-weight: 400; line-height: 1; color: #000;
    padding: 17px 12px 18px 66px;
}
.needs_list > li::before {
    content: "";
    width: 31px; height: 31px;
    position: absolute; top: 50%; left: 21px;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.needs_list > li:nth-child(1)::before {background: url(/img/landing/llm/con04_icon01.svg) center / 100% no-repeat;}
.needs_list > li:nth-child(2)::before {background: url(/img/landing/llm/con04_icon11.svg) center / 100% no-repeat;}
.needs_list > li:nth-child(3)::before {background: url(/img/landing/llm/con04_icon03.svg) center / 100% no-repeat;}
.needs_list > li:nth-child(4)::before {background: url(/img/landing/llm/con04_icon07.svg) center / 100% no-repeat;}
.needs_list > li:nth-child(5)::before {background: url(/img/landing/llm/con04_icon02.svg) center / 100% no-repeat;}
.needs_list > li:nth-child(6)::before {background: url(/img/landing/llm/con04_icon10.svg) center / 100% no-repeat;}
.needs_list > li:nth-child(7)::before {background: url(/img/landing/llm/con04_icon06.svg) center / 100% no-repeat;}
.needs_list > li:nth-child(8)::before {background: url(/img/landing/llm/con04_icon04.svg) center / 100% no-repeat;}




/**** 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:#000 url(/img/landing/llm/con06_bg2.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: #0000004D; backdrop-filter: blur(4px);
    padding: 32px 36px 15px;
}
.con06 .roadmap_wrap > div {max-width: 1440px; width: 100%;}
.con06 .roadmap_wrap > div img {display: block; width: 100%;}
.con06 h5 {
    width: 398px; margin: 0 auto 20px;
    background-color: #1D31B4;
    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: 19px 10px 10px;
    background: #606388; 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 {
    cursor: pointer;
    padding: 0 21px 4px 10px;
    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: #1D2037; font-weight: 800;
    border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px;
    background: #FFFFFF;
}
.con06 .curriculum .curriculum_title h4 {font-size: 20px; line-height: 1.4; color: #fff; display: inline-block; font-weight: 600;}
.con06 .curriculum .curriculum_title .down {
    position: absolute; top: 43%; right: 21px;
    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 #fff;
    border-width: 0 3px 3px 0;
    transition-duration: 0.5s;
}
.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: 20px 20px;
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border: 1px solid #D4D4D4;
    background-color: #BABABA;
    display: flex; align-items: flex-start; justify-content: flex-start; column-gap: 30px;
}

.con06 .curriculum .item_wrap .item {
    width: 137px;
    background-color: #222A61;
    font-size: 18px; color: #ffffff; 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;
}
.con06 .curriculum .item_wrap .item_info > p {font-size: 20px; font-weight: 500; color: #2B2B2B; line-height: 35px;}
.con06 .curriculum .item_wrap > li:first-child .item_info > p {font-weight: 700;}


/**** CON07 ****/
.sec07 {
    background: linear-gradient(180deg, #E1EAF6 0%, #E2E5F0 100%); 
    padding: 61px 0 49px;
}
.con07 > h3 {color:#2A2A2A; margin-bottom: 29px;}
.con07 > h3 > b {color: #394C8B;}

.portfolio {
    background: #EDF1F9;
    border: 1px solid #D7DDF5; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px;
    padding: 29px 30px 21px
}
.project_info {display: flex; align-items: flex-start; justify-content: flex-start; column-gap: 28px;}
.project_info .project_tag {
    display: inline-block;
    width: 107px;
    font-size: 13px; line-height: 30px; text-align: center; color: #fff;
    border-radius:16px; -webkit-border-radius:16px; -moz-border-radius:16px; -ms-border-radius:16px; -o-border-radius:16px;
    background: #183196;
}
.project_info h6 {font-size: 20px; line-height: 1; color: #231F20; font-weight: 700; margin-bottom: 13px;}
.project_info > div {
    width: 80%;
    font-size: 12px; line-height: 17px; letter-spacing: -0.04rem; color:#000000DB;
    margin-bottom: 35px; padding-top: 5px;
}
.skill_list {
    width: calc(100% - 135px);
    display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;
    column-gap: 10px; row-gap: 8px;
}
.skill_list > li {
    padding: 0 22px;
    font-size: 13px; font-weight: 700; line-height: 30px; letter-spacing: -0.04rem; color: #fff;
    border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px;
}
.skill_list > li.anti {background: #03968E;}
.skill_list > li.ollama {background: #279853;}
.skill_list > li.gmail {background: #2D4A92;}
.skill_list > li.web {background: #84263D;}
.skill_list > li.chroma {background: #1E0861;}
.skill_list > li.multi {background: #B728AD;}
.skill_list > li.tavily {background: #90B42D;}
.skill_list > li.google {background: #713F84;}
.skill_list > li.open {background: #282828;}
.skill_list > li.utube {background: #DB673D;}
.skill_list > li.stt {background: #248ED0;}

.screenshot {
    margin-top: 28px; 
    display: flex; align-items: center; justify-content: space-between;
}
.screenshot > li {
    width: 32.5%; height: 150px;
    border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px;
    border: 1px solid #E9E9E9;
    overflow: hidden;
}
.screenshot > li > img {height: 100%; display: block; width: 100%;}

.direction_btn {
    cursor: pointer;
    position: absolute; top: 50%; z-index: 10;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
    width: 40px; height: 40px;
    background: #183196;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;
    font-size: 20px; text-align: center; color: #fff; font-weight: 700; line-height: 40px;
}
.direction_btn.next {right: -25px} 
.direction_btn.prev {left: -25px} 





/***** CON08 *****/
.sec08 {
    background: linear-gradient(180deg, #000000 0%, #0000A6 100%);
    padding: 0 0 54px;
}
.con08 {text-align: center;}
.con08 > h3 {margin-top: 80px;}
.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: 64%; 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_wrap {max-width: 560px;}
.prof_list { transition: transform 0.2s linear; -webkit-transition: transform 0.2s linear; -moz-transition: transform 0.2s linear; -ms-transition: transform 0.2s linear; -o-transition: transform 0.2s 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;}
.direction_btn2 {
    cursor: pointer;
    position: absolute; top: 50%; z-index: 10;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
    width: 40px; height: 40px;
    background: #250066;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;
    font-size: 20px; text-align: center; color: #DAD4E5; font-weight: 700; line-height: 40px;
}
.direction_btn2.next2 {right: 120px} 
.direction_btn2.prev2 {left: 120px} 



.mento_wrap {max-width: 600px;}
.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: #FFFFFFE5; 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: #FF8769;
}
.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;
}
.direction_btn2.next3 {right: 125px} 
.direction_btn2.prev3 {left: 125px} 


/***** CON09 *****/
.sec09 {background:#fff url(/img/landing/llm/con09_bg.png) no-repeat top / cover;}
.con09 {padding: 100px 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 {text-align: center; color:#97FFAD }
.con09 > h2 > span {color: #FFffff; font-size: 24px; font-weight: 700;}
.con09 .con09_1 {
    margin: -75px auto;
    display: block;
    width: 90%;    
}
.con09 .con09_1 > img {width: 100%}
.con09 > p {
    margin: -14px 0 84px;
    font-size: 13px; line-height: 20px; font-weight: 600; color: #AEB5D8; text-align: center;
}
.con09 > h3 {text-align: center;}
.con09 > h3 > b {color:#97FFAD} 
.con09 .con09_2 {
    margin: 47px auto 0;
    display: block;
    width: 90%;    
}



/***** CON10 *****/
.sec10 {background: linear-gradient(180deg, #FFFFFF 0%, #EBF1FE 100%); padding: 0px 0 60px;}
.con10 > h3 {
    color: #2A2A2A; text-align: center; font-size: 33px;
    margin:70px 0 64px;
}
.con10 > h3 > b {position: relative; padding-left: 230px;}
.con10 > h3 > b::before {
    content: "";
    width: 224px; height: 42px;
    background: url(/img/landing/llm/title_logo.svg) center / 100% no-repeat; 
    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 {
    display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap;
    row-gap: 15px;column-gap: 10px;
}
.merit_list > li {
    position: relative;
    width: calc(50% - 5px);
    border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px; border: 1px solid #D5CEFF;
    padding: 13px 13px 31px;
    background:#FFFFFFCC; backdrop-filter: blur(4px);
    box-shadow: 1px 1px 10px 0px #818FBE40;
}
.merit_list > li:first-child {padding-bottom: 20px;}
.merit_list > li > span {
    display: inline-block;
    font-size: 15px; line-height: 30px;
    border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px;
    padding: 0 38px;
    background-color: #341073;
    box-shadow: 0px 4px 4px 0px #00C8FF40 inset;
}

.merit_list .point_desc {
    position: relative;
    padding-left: 119px; margin-top: 28px;
    font-size: 16px; line-height: 23px; color: #414141; font-weight: 500; letter-spacing: -0.04rem;
}
.merit_list .point_desc::before{
    content: "";
    width: 63px; height: 62px;
    position: absolute; top: 50%; left: 28px;
    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_1.svg) no-repeat center/cover}
.merit_list li:nth-child(2) .point_desc::before {background: url(/img/landing/llm/con10_2.svg) no-repeat center/cover}
.merit_list li:nth-child(3) .point_desc::before {background: url(/img/landing/llm/con10_3.svg) no-repeat center/cover}
.merit_list li:nth-child(4) .point_desc::before {background: url(/img/landing/llm/con10_4.svg) no-repeat center/cover}
.merit_list li:nth-child(5) .point_desc::before {background: url(/img/landing/llm/con10_5.svg) no-repeat center/cover}
.merit_list li:nth-child(6) .point_desc::before {background: url(/img/landing/llm/con10_6.svg) no-repeat center/cover}


/***** 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;
    cursor: pointer;
} 
.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;
}
.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 .bv_atual {
    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;
    text-align: left;
}
.input_wrap01 input {
    width: 220px;
    padding: 17px 15px;
}
.input_wrap01 input::placeholder {color:rgba(24, 46, 60, 0.5);  }
.input_wrap01 .bv_mainselect {width: 340px;}
.input_wrap01 .bv_atual {
    position: relative;
    border: 1px solid #E1E3F3;
    padding: 16px 15px;
    appearance: none;
    cursor: pointer;
}
.input_wrap01 .bv_ul_inner {margin-top: 0; text-align: left;}
.input_wrap01 .selectbox {position: relative;}
.input_wrap01 .arrow {border : solid #120047; border-width: 0 3px 3px 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;
}




/**** CON16 *****/
.sec16 {padding: 70px 0 62px; background: #F3F4F8; text-align: center; color: #303030}
.sec16 h3 {color: #2A2A2A}
.sec16 .title_desc {
    color: #000000; 
    margin: 6px 0 40px;
}
.composition_list {
    display: flex; align-items: center; justify-content: space-between; flex-direction: column;
    row-gap: 14px;
}
.composition_list > h4 { 
    display: inline-block;
    border-radius: 21.5px; -webkit-border-radius: 21.5px; -moz-border-radius: 21.5px; -ms-border-radius: 21.5px; -o-border-radius: 21.5px; 
    background: linear-gradient(90deg, #4E33C7 0%, #223AD3 100%);
    font-size: 20px; line-height: 1.27; text-align: center; color: #fff;
    padding: 8px 139px;
}
.composition_list > ul {
    width: 100%;
    display: flex; align-items: stretch; justify-content: space-between; column-gap: 15px;
}
.composition_list > ul > li { 
    width: calc(33.3% - 10px);
    border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ;  border: 1px solid #E2E4EF;
    background: #FFFFFF; backdrop-filter: blur(4px);
    padding: 15px 19px 25px;
    font-weight: 500; font-size: 14px; line-height: 1.33; letter-spacing: -0.04rem; color: #000000; text-align: left;
}
.composition_list > ul > li > h6 {    
    font-weight: 700; font-size: 16px; line-height: 35px; text-align: center; color: #fff;
    background: #202B57;
    border-radius: 21.5px; -webkit-border-radius: 21.5px; -moz-border-radius: 21.5px; -ms-border-radius: 21.5px; -o-border-radius: 21.5px; 
}
.composition_list > ul > li > p {
    position: relative;
    padding-top: 126px;
}
.composition_list > ul > li > p::before {
    content: "";
    width: 101px; height: 95px;
    position: absolute; top: 16px; left: 50%;
    transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);
}
.composition_list > ul > li:nth-child(1) > p::before {background: url(/img/landing/llm/con16_1.svg) center / 100% no-repeat;}
.composition_list > ul > li:nth-child(2) > p::before {background: url(/img/landing/llm/con16_2.svg) center / 100% no-repeat;}
.composition_list > ul > li:nth-child(3) > p::before {background: url(/img/landing/llm/con16_3.svg) center / 100% no-repeat;}
.donga_lab {
    width: 100%;
    position: relative;
    background: #F5F8FFCC;
    border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;
    padding: 29px 31px;
}
.donga_lab::after {
    content: "";
    width: 256px; height: 165px;
    border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;
    background: url(/img/landing/llm/con16_4.png) center / 100% no-repeat;
    background-clip: blur(4px);
    position: absolute; top: 50%; right: 32px;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.donga_lab > p {
    position: relative;
    width: 52%;
    font-size: 16px; line-height: 1.65; letter-spacing: -0.04rem; color:#303030; font-weight: 500; text-align: left;
    margin-bottom: 9px;
}
.donga_lab > p:first-child::before {content: url(/img/landing/llm/dongailbo.svg);}
.agent_info {margin-top: 40px;}
.agent_info > ul {
    margin-bottom: 14px;
    display: flex; align-items: center; justify-content: space-between; column-gap: 14px;
}
.agent_info > ul > li {
    width: calc(50% - 7px);
    background: #202B57; backdrop-filter: blur(4px);
    border-radius: 42px; -webkit-border-radius: 42px; -moz-border-radius: 42px; -ms-border-radius: 42px; -o-border-radius: 42px;
    position: relative;
    text-align: center; font-size: 16px; font-weight: 700; line-height: 1.27; color: #fff;
    padding: 17px 0 16px;
}
.agent_info > ul > li:last-child::before {
    content: "\EA12";
    font-family: remixicon !important;
    width: 29px; height: 29px;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;
    background: #FFFFFFB8; backdrop-filter: blur(8.4px);
    font-size: 16px; color: #2E2057; line-height: 29px; font-weight: 600;
    position: absolute; top: 50%; left: -21px;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.agent_info .donga_info {
    width: 100%;
    border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;
    background: #F5F8FFCC; backdrop-filter: blur(4px);
    padding: 22px 31px 18px;
    font-size: 16px; line-height: 1.51; text-align: left; font-weight: 500;
}
.agent_info .donga_info > p {width: 70%; font-weight: 500;}






/**** CON17 *****/
.sec17 {
    background: linear-gradient(270deg, #2E2057 0%, #000000 100%);
    padding: 80px 0 0;
}
.sec17 h3 > b {color: #1BA3E8;}
.sec17 .title_desc {margin-top: 9px ;}
.sec17 img {display: block; margin: 0 auto;}




/**** CON18 *****/
.sec18 {background: #F3F4F8; padding: 68px 0 77px;}
.con18 > h3 {color: #000000}
.software_list {
    margin-top: 26px;
    display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap;
    column-gap: 18px; row-gap: 11px;
}
.software_list > li {
    position: relative;
    width: calc(50% - 9px);
    border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border: 1px solid #E9E9E9;
    background: #F8F9FB;
    padding: 24px 28px 24px 103px;
    font-weight: 500; font-size: 12px; line-height: 17px; letter-spacing: -4%; color: #000000DB;
}
.software_list > li::before {
    position: absolute; top: 50%; left: 24px;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.software_list > li:nth-child(1)::before {content:url(/img/landing/llm/con18_1.svg)}
.software_list > li:nth-child(2)::before {content:url(/img/landing/llm/con18_2.svg)}
.software_list > li:nth-child(3)::before {content:url(/img/landing/llm/con18_3.svg)}
.software_list > li:nth-child(4)::before {content:url(/img/landing/llm/con18_4.svg)}
.software_list > li:nth-child(5)::before {content:url(/img/landing/llm/con18_5.svg)}
.software_list > li:nth-child(6)::before {content:url(/img/landing/llm/con18_6.svg)}
.software_list > li:nth-child(7)::before {content:url(/img/landing/llm/con18_7.svg)}
.software_list > li:nth-child(8)::before {content:url(/img/landing/llm/con18_8.svg)}

.software_list > li > h5 {font-weight: 700; font-size: 20px; line-height: 1; color:#231F20; margin-bottom: 8px;}






/**** CON19 *****/
.sec19 {
    background: linear-gradient(180deg, #F3F6F8 0%, #EFF2FF 100%);
    padding: 53px 0 68px;
}

.sec19 h3 {font-size: 30px; line-height: 1; text-align: center; font-weight: 800; color: #2E3156}
.sec19 .subsidiary {
    margin-top: 29px;
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;
    row-gap: 19px; 
}
.sec19 .subsidiary > li {
    width: calc(25% - 13.5px);
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border: 1px solid #FFFFFF29;
    background: #FFFFFF52;
} 
.sec19 .subsidiary > li > img {
    display: block; 
    width: 100%;
    mix-blend-mode: Multiply;
}



@media (max-width: 1000px) {
    h2{font-size: 25px; line-height: 1.4;}
    h3{font-size: 24px; line-height: 1.4;}
    h4{font-size: 18px; line-height: 1.4;}
    .title_desc {font-size: 13px; line-height: 1.27; }
    
    .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 h6 {font-size: 11px; line-height: 16px;}
    .con01 h4 { margin: 15px 0 12px; letter-spacing: -0.01rem;}
    .con01 p {font-size: 10px; line-height: 1.4; font-weight: 500;}
    .con01 .bottom_title {
        margin: 21px 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 > li {width: 47%; position: relative;}
    .con01 .hakgi_list > li > p {font-size: 15px; margin-top: 0;}
    .con01 .hakgi_list > li:first-child::before {
        content: "";
        width: 2px; height: 8px;
        background: #fff;
        position: absolute; top: 20px; right: -3vw;
    }

    .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 15px 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 h5 {
        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 {
        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 36px; 
    } 
    .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%;}
    .con02 h2 {font-size: 22px; line-height: 1.4; letter-spacing: -0.05rem; margin-bottom: 12px;}
    .con02 p {font-size: 13px; line-height: 1.4; font-weight: 700;}
    .con02 .ex_span {
        font-size: 14px; line-height: 1.27; 
        padding: 6px 36px; margin: 13px 0 0;
    }
    .con02 .img_desc {
        padding: 0 20px;
        font-size: 13px; 
    }
    .con02 .img_desc > b {font-size: 15px;}


    /***** CON03*****/
    .con03 {padding: 70px 20px 60px;}
    .con03 > h3 {color: #2A2A2A}
    
    .con03 .tech_list > li > h5 { font-size: 14px; padding: 8px 20px;}

    .con03 .tech_list > li > p {margin-top: 22px; padding-left: 99px;font-size: 11px; font-weight: 600;}

    .con03 .tech_list > li > p::before {width: 60px; height: 57px; left: 24px;}


    /**** CON04 *****/
    .sec04 {background: linear-gradient(#10023A, #000000); }
    .con04 {padding: 70px 20px 60px;}

    .needs_list > li {
        width: 100%; 
        padding: 12px 10px 12px 48px;
        font-size: 13px;
    }

    .needs_list > li::before {left: 10px;}



    /****** 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:#000 url(/img/landing/llm/con06_bg2_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: 15px; 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 .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: 2.3vw; height: 2.3vw; max-width: 17px; max-height: 17px;
        border-width: 0 2px 2px 0;
    }
    .con06 .curriculum .item_box { margin-top: 16px;}
    .con06 .curriculum .item_wrap {row-gap: 5px;}
    .con06 .curriculum .item_wrap > li {
        padding: 10px;
        column-gap: 10px;
        border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;
    }

    .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 {padding: 44px 20px 40px;}
    .portfolio {padding: 14px 12px 15px}
    .project_info {flex-direction: column; row-gap: 12px;}
    .project_info .project_tag {
        width: 80px;
        font-size: 11px; line-height: 26px;
    }
    .project_info h6 {font-size: 15px; margin-bottom: 7px;}
    .project_info > div {
        width: 95%;
        font-size: 11px;
        margin-bottom: 27px; padding-top: initial
    }
    .skill_list {
        width: 100%;
        column-gap: 10px; row-gap: 6px;
    }
    .skill_list > li {padding: 0 10px;}

    .screenshot {margin-top: 25px; }
    .screenshot > li { width: calc(50% - 3px); height: initial; padding-bottom: 30%; position: relative;}
    .screenshot > li > img {height: 100%; width: 100%; position: absolute;}

    .direction_btn {
        width: 30px; height: 30px;
        font-size: 15px; line-height: 30px;
    }
    .direction_btn.next {right: -18px} 
    .direction_btn.prev {left: -18px} 



    /***** CON08 *****/
    .sec08 {padding: 0px 0 61px;}
    .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 40px;}
    .con09 > h2 > span {font-size: 15PX;}
    .con09 .con09_1 {
        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 *****/
    .sec10 {padding: 44px 0 39px;}
    .con10 > h3 {margin-bottom: 22px; font-size: 24px;}
    .con10 > h3 > b {padding-left: 160px;}
    .con10 > h3 > b::before { width: 157px; height: 30px;}
    .merit_list {
        margin: 0 20px ;
        column-gap: 4px; row-gap: 15px;
    }
    .merit_list > li {
        width: calc(50% - 2px);
        padding: 7px 6px 13px;
    }
    .merit_list > li > span {
        display: block; 
        width: 100%;
        padding: initial;
        font-size: 12px; text-align: center;
    }

    .merit_list .point_desc {
        padding-left: 0; padding-top: 48px; margin: inherit;
        font-size: 13px; line-height: 21px; text-align: center;
    }
    .merit_list .point_desc::before{
        width: 36px; height: 32px;
        left: 50%; top: 7px;
        transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);
}


    .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;
    }
    .con11 .price_wrap .price {font-size: 24px; 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 9px;
        position: absolute; top: 25px; right: 29px;
    }

    .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; font-weight: 700;
        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; font-weight: 600;}
    .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: 2.3vw; height: 2.3vw; max-width: 17px; max-height: 17px;
        border-width: 0 2px 2px 0;
    }

    #application {
        background: rgba(0, 0, 0, 0.7);
        position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 51;  
    }
    #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,
    .input_wrap01 .bv_mainselect {width: 100%;}

    .input_wrap01 input,
    .input_wrap01 .bv_atual {width: 100%;}
    .input_wrap01 .bv_ul_inner.bv_ul_mobile li {padding: 15px;}
    .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: 180px;
        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: 1px 1px 5px 0 rgba(71, 71, 71, 0.25);
    }
    .app_go2 > p {
        font-size: 16px; line-height: 1.4; color: #000; text-align: center;
        width: initial;
    }
    .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 {
        display: block;
        width: 35%;
        background: #4739C1;
        backdrop-filter: blur(4px);
        box-shadow: 1px 1px 3.8px 0 rgba(67, 67, 67, 0.25);
        text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    }

    .app_go2 .app_go_btn_wrap .go_app {
        width: calc(65% - 6px);
        background: linear-gradient(#1F09E6, #080520);
        animation: textloof 1.5s infinite;
        -webkit-animation: textloof 1.5s infinite;
}


    @keyframes textloof {
        0% {color: #fff; opacity: 1;}
        50% {color: rgba(245, 255, 104, 1); opacity: 1;}
        100% {color: #fff; opacity: 1;}
    }


    .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%) ; 
    }




    /**** CON16 *****/
    .sec16 {padding: 56px 20px;}
    .sec16 .title_desc {margin: 17px 0 23px;}
    .composition_list {row-gap: 15px;}
    .composition_list > h4 { 
        display: block;
        width: 100%;
        font-size: 16px; 
        padding: 10px 0 8px; margin-bottom: 10px;
    }
    .composition_list > ul {column-gap: 7px;}
    .composition_list > ul > li {
        width: calc(33.3% - 4.5px);
        padding: 7px 8px 21px;
        font-size: 10px;
    }
    .composition_list > ul > li > h6 {font-size: 11px; line-height: 29px;}
    .composition_list > ul > li > p {padding-top: 82px;}
    .composition_list > ul > li > p::before {
        width: 45px; height: 43px;
        top: 23px;
    }
    .donga_lab {padding: 29px 17px 21px;}
    .donga_lab::after {display: none;}
    .donga_lab > p {
        width: 95%;
        font-size: 13px; 
    }

    .agent_info {margin-top: 31px;}
    .agent_info > ul {
        margin-bottom: 10px;
        flex-direction: column; row-gap: 5px;
    }
    .agent_info > ul > li {
        width: 100%;
        font-size: 14px;
        padding: 17px 0 16px;
    }
    .agent_info > ul > li:last-child::before {
        top: -17px; left: 50%;
        transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);
    }
    .agent_info .donga_info {
        padding: 24px 16px 20px;
        font-size: 13px;
    }
    .agent_info .donga_info > p {width: 100%;}

    
    /**** CON17 *****/
    .sec17 {padding: 60.5px 0;}
    .sec17 .title_desc {margin-top: 31px; padding: 0 20px;}
    .sec17 img {margin: -70px auto; width: 100%;}
    


    /**** CON18 *****/
    .sec18 {padding: 37px 20px 44px;}
    .software_list {
        margin-top: 25px;
        column-gap: 8px; row-gap: 11px;
    }
    .software_list > li {
        width: calc(50% - 4px);
        padding: 14px 6px 12px 12px;
        font-size: 10px;
    }
    .software_list > li::before {display: none;}
    .software_list > li > h5 {
        position: relative;
        padding: 10px 0 15px 40px; margin-bottom: initial;
        font-size: 15px;
    }
    .software_list > li > h5::before {
        position: absolute; 
        top: 0; left: 0;
    }
    .software_list > li:nth-child(1) > h5::before {content:url(/img/landing/llm/con18_m1.svg)}
    .software_list > li:nth-child(2) > h5::before {content:url(/img/landing/llm/con18_m2.svg)}
    .software_list > li:nth-child(3) > h5::before {content:url(/img/landing/llm/con18_m3.svg)}
    .software_list > li:nth-child(4) > h5::before {content:url(/img/landing/llm/con18_m4.svg)}
    .software_list > li:nth-child(5) > h5::before {content:url(/img/landing/llm/con18_m5.svg)}
    .software_list > li:nth-child(6) > h5::before {content:url(/img/landing/llm/con18_m6.svg)}
    .software_list > li:nth-child(7) > h5::before {content:url(/img/landing/llm/con18_m7.svg)}
    .software_list > li:nth-child(8) > h5::before {content:url(/img/landing/llm/con18_m8.svg)}


    /**** CON19 *****/
    .sec19 {padding: 37px 20px 41px;}

    .sec19 h3 {font-size: 16px; }
    .sec19 .subsidiary {
        margin-top: 24px;
        row-gap: 8.5px; 
    }
    .sec19 .subsidiary > li {width: calc(25% - 6.3px);} 
}

@media (max-width: 600px) {
    .direction_btn2.prev2 {left: 12vw;}
    .direction_btn2.next2 {right: 12vw;}

    .direction_btn2.prev3 {left: 12vw;}
    .direction_btn2.next3 {right: 12vw;}


    .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-width:380px) { 
    .con11 .price_wrap .price {font-size: 6.15vw;}
    .agent_info > ul > li {font-size: 3.6vw;}
    .sec17 .title_desc {font-size: 3.35vw;}
}

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