/* ================================inquiry  ================================ */
.inquiry { padding-top: 120px; padding-bottom: 70px;}
.inquiry_inner { display: flex;}
.inquiry .big_text { flex-basis: 400px; flex-shrink: 0; font-size: 1.7778rem; font-weight: 700;}
.inquiry .right_cont { flex-grow: 1; position: relative;}
.inquiry .form_wrap { display: flex ; flex-direction: column; gap: 1.3889rem; margin-bottom: 5.5556rem;}
.inquiry .form_wrap .th {flex-basis: 210px; flex-shrink: 0;}
.inquiry .form_wrap .th  i { color: #FF0000;}
.inquiry .form_wrap .th span {margin-right: 3px;}
.inquiry .form_wrap li {display: flex; align-items: center;}
.inquiry .require { color: #47474799; text-align: right;font-size: 0.9rem; line-height: 1.35; position: absolute; right: 0 ; top: -30px;}
.inquiry .require i {color: #FF000099;}
.inquiry .form_wrap .input_box { flex-grow: 1;  border-radius: 10px;}
.inquiry .spam input[type="checkbox"] {border-radius: 100%;}
.inquiry .form_wrap input[type="text"]::placeholder { color: #C1C1C1;}
.inquiry .form_wrap input[type="text"], .inquiry .form_wrap textarea {background-color: #F5F5F5;  width: 100%; border-radius: 10px; max-width: 100%;}
.inquiry .form_wrap textarea { height: 230px; overflow-y: auto; padding: 10px;resize: none; border: none;}
.inquiry .form_wrap input[type="text"] { padding: 10px 20px; height: 80px;}
.inquiry .spam_right { display: flex; flex-direction: column; gap: 20px;}
.inquiry .spam label i { color: #FF0000; margin-right: 4px;}

.inquiry .spam .input_box {display: flex; gap: 10px;}
.inquiry .spam .captcha { width: 160px; height: 65px; display: flex; align-items: center; justify-content: center; background-color: var(--black); border-radius: 10px; overflow: hidden; flex-shrink: 0;}
.inquiry .form_wrap .spam input[type="text"] {height: 65px; width: 380px;}
.inquiry .spam img { max-width:100%; object-fit: cover ;}
.inquiry .spam a { font-weight: 700; color: var(--black02); line-height: 1.7; position: relative}
.inquiry .spam a:before { content: ""; position: absolute; left: -5px; bottom: 0; width: 0; height: 10px; border-radius: 10px; background: linear-gradient(135deg, #326BD4 15.38%, #EB5D28 88.46%);z-index: -1; opacity: 0.5;transition: all 0.5s ease-out;}
.inquiry button { display: flex;align-items: center;justify-content: center;margin: 0 auto;background-color: var(--point01);width: 210px;height: 60px;border-radius: 10px;color: #fff; font-size: 18px; position: relative; overflow: hidden;}
.inquiry button em { z-index: 1; position: relative;}
.inquiry button::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(255, 160, 100, 1) 0%,   rgba(233, 98, 19, 1) 49%, rgba(215, 80, 0, 1) 50%, rgba(233, 98, 19, 1) 100%);opacity: 0; transition: all 0.5s ease;}
.inquiry .form_wrap .spam .th {transform: translateY(-22px);}


/* ================================auth ================================ */
.sub_wrap { line-height: 1.6; overflow: hidden;}
.sub_wrap .textbox .t1{ color: var(--point01); position: relative; font-size: 0.9rem; padding-left: 10px;  font-weight: 500; display: inline-block;font-family: 'Pretendard';}
.sub_wrap .textbox .t1::before { content: "" ; position: absolute; left: 0; top: 3px; width: 105px;  border-radius: 60px; background-color: var(--point01); height: 6px;transition: all 1s ease;}
.sub_wrap .textbox .t1 .ix { transform: translateY(10px); transition: all 1s ease; opacity: 0;}
.sub_wrap .textbox.aos-animate  .t1::before  { width: 6px;}
.sub_wrap .textbox.aos-animate .t1 .ix { animation: downmove_opa 0.5s ease-out 1 forwards;}

.sub_wrap .textbox .t2 {font-weight: 600; font-size: 2.3333rem; margin-bottom: 1.0444rem; letter-spacing: -1.5px; line-height: 1.3; transform: translateX(40px); transition: all 1s ease; opacity: 0;}
.sub_wrap .textbox .t3 {color: var(--black02); transform: translateX(40px); transition: all 1s ease;opacity: 0;}
.sub_wrap .textbox.aos-animate .t2 {animation: downmove_opa 1.5s ease 1 forwards}
.sub_wrap .textbox.aos-animate .t3 {animation: downmove_opa 1.5s ease 1 forwards 0.3s}
.sub_wrap .textbox , .sub_wrap .imgbox { transform: translate(0,0); opacity: 0;}
.initial_box1 .box1_cont { display: flex; }
.initial_box1 .cont1 .imgbox { background-color: #F2F5F8; width: 770px; flex-shrink: 0; border-radius: 15px; transform: translateX(-40px);opacity: 0;}
.imgbox.aos-animate {animation: downmove_opa 1.5s ease 1 forwards}
.initial_box1 .cont1 .imgbox figure { display: flex; align-items: center; justify-content: center; }
.initial_box1 .cont1 .imgbox img { max-width: 100%;}
.initial_box1 .cont1 {justify-content: space-between; padding-top: 100px; margin-bottom: 6.3889rem;}
.initial_box1 .cont2 { flex-direction: column;}
.initial_box1 .cont2 ul { display: flex; flex-wrap: wrap; gap: 2.0556rem 1.1111rem; margin-bottom: 5.5556rem;}
.initial_box1 .cont2 li { flex-basis: calc(50% - 11px); border-radius: 15px; background: linear-gradient(108.12deg, #FFFFFF 0%, #EDF1F5 100%);border: 1px solid #EBEBEB; padding: 3.2222rem 2.2222rem; display: flex; justify-content: space-between; align-items: center; gap: 40px;opacity: 0;}
.initial_box1 .cont2 li:nth-child(1) {transform: translate(-40px,-40px);}
.initial_box1 .cont2 li:nth-child(2) {transform: translate(40px,-40px);}
.initial_box1 .cont2 li:nth-child(3) {transform: translate(-40px,40px);}
.initial_box1 .cont2 li:nth-child(4) {transform: translate(40px,40px);}
.initial_box1 .imgbox.aos-animate li { animation: downmove_opa 1.5s ease 1 forwards;}
.auth .initial_box1 .imgbox.aos-animate li:nth-child(2) { animation-delay: 0.1s;}
.auth .initial_box1 .imgbox.aos-animate li:nth-child(3) { animation-delay: 0.2s;}
.auth .initial_box1 .imgbox.aos-animate li:nth-child(4) { animation-delay: 0.3s;}
.initial_box1 .cont2 li > div { max-width: 450px;}
.initial_box1 .cont2 li > div strong {font-weight: 600; font-size: 1.3333rem; margin-bottom: 10px; display: block;}
.initial_box1 .cont2 li > div p { font-size: 0.9rem; color: var(--black02);}
.initial_box1 .cont2 li .text1 {font-size: 1.3333rem; font-weight: 600; margin-bottom: 10px;}
.initial_box1 .cont2 li .text2 {color: var(--black02); letter-spacing: -0.9px;}
.initial_box1 .cont2 li .svg { border-radius: 100%; width: 140px; height: 140px; background-color: #FFFFFF; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.initial_box1 .cont2 .textbox .t2 {margin-bottom: 1.7778rem;}

.initial_box2 {position: relative; display: flex; align-items: center; justify-content: center; padding: 6.9444rem 30px 9.4444rem; margin-bottom: 4.7778rem;}
.initial_box2 ul img { transform: translateY(5px);}
.initial_box2 .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; clip-path: inset(0 100% 0 0);}

.initial_box2:has(.bg).aos-animate .bg { animation: clip_path_width02 1.3s cubic-bezier(0.22, 0.61, 0.36, 1) 1 forwards;}

.initial_box2:has(.bg) {opacity: 1; transform: translate(0,0);}

.initial_box2 .bg img { width: 100%; height: 100%; max-width: 100%; object-fit: cover;}
.initial_box2 .text_wrap { position: relative; color: #fff;padding: 0; }
.initial_box2 .text_wrap .textbox {text-align: center;}

.auth .initial_box2 {transform:translate(0,0); opacity: 1;}
.auth .initial_box2 .imgbox {position: relative;backdrop-filter: blur(8px);border-radius: 15px; overflow: hidden;background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(0, 0, 0, 0.15) 50%, rgba(255, 255, 255, 0.15) 100%);z-index: 0;  filter: blur(10px); transform: scale(1.3);}
.auth .initial_box2.aos-animate .imgbox {animation: reset2 1.5s ease 1 forwards 0.2s;}
.auth .initial_box2 .imgbox::before {content: "";position: absolute;inset: 0;z-index: -1;padding: 1px; border-radius: 15px; 
background: conic-gradient(from var(--gradient-angle),rgba(0, 178, 255, 0.22) 0deg,#FFFFFF 50%,rgba(235, 93, 40, 0.22) 100%);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;animation: loading 4s linear infinite;}

.auth .initial_box1 .cont2 ul {flex-wrap: nowrap;}
.auth .initial_box1 .cont2 ul li {aspect-ratio: 510/437; flex-direction: column; padding: 60px 35px 30px; }
.auth .initial_box1 .cont2 ul li:nth-child(1) ,
.auth .initial_box1 .cont2 ul li:nth-child(2) ,
.auth .initial_box1 .cont2 ul li:nth-child(3) {transform: translateY(60px);}
.auth .initial_box1 .cont2 ul li .svg {margin-left: auto;}
.auth .initial_box1 .cont2 ul li .text2 {font-size: 0.9rem;}

.auth .initial_box1 .cont2 li > div p {color: var(--black);}


.auth .initial_box2 .imgbox ul { padding:6.6667rem 7.7778rem;}    
.auth .initial_box2 .imgbox li { display: flex; align-items: flex-start; gap:1.1111rem;font-size: 1.1111rem;font-weight: 600; margin-bottom: 1.6667rem; line-height: 1.5;}
.initial_box2 .imgbox li:last-child {margin-bottom: 0;}
.initial_box2 .textbox .t2 {margin-bottom: 4.7222rem;}

.initial_box3 .text_box .t1 {text-align: center; font-size: 1.5556rem; font-weight: 500;}
.initial_box3 .text_box {margin-bottom: 3.6111rem;}
.initial_box3 .imgbox {display: flex; gap: 20px; justify-content: center; margin-bottom: 4.4444rem;}
.auth .initial_box3 .imgbox li { box-shadow: 0px 0px 52px 0px #00000014;border-radius: 20px;overflow: hidden; aspect-ratio: 1/1; transform: scale(0.8); opacity: 0;}
.auth .initial_box3 .imgbox.aos-animate li {animation: reset2 1.3s ease 1 forwards;}
.auth .initial_box3 .imgbox.aos-animate li:nth-child(2) {animation-delay: 0.1s;}
.auth .initial_box3 .imgbox.aos-animate li:nth-child(3) {animation-delay: 0.2s;}
.auth .initial_box3 .imgbox.aos-animate li:nth-child(4) {animation-delay: 0.3s;}
.auth .initial_box3 .imgbox.aos-animate li:nth-child(5) {animation-delay: 0.4s;}

.auth .initial_box3 .imgbox li img { max-width: 100%; ;}
.initial_box3 .box03_btm .cont_box { border: 1px solid #DBDBDB ; margin-bottom: 4.4444rem;}
.initial_box3 .cont_box { padding: 2.5rem;}
.initial_box3 .cont_box strong { font-weight: 700; font-size: 1.3333rem;display: block; margin-bottom: 2.5rem;}
.initial_box3 .box03_icon { display: flex; gap: 2.1111rem; justify-content: center; align-items: center; margin-bottom: 0;font-size: 0.7778rem;}
.initial_box3 .box03_icon > div { position: relative;}
.initial_box3 .icon_01 {width: 142px; aspect-ratio: 142/246;}
.initial_box3 .icon_01 .phone { position: absolute; left: 0; top: 0; width: 100%; height: 100%;  }
.initial_box3 .icon_01 .img_order { display: flex; flex-direction: column;  position: relative; z-index: 1; height: 100%; align-items: center; justify-content: center;}
.initial_box3 .icon_01 .img_order p { background-color: #376092; color: #fff; border-radius: 8px; display: flex; align-items: center; justify-content: center; line-height: 1.1; font-size: 12px;padding: 5px;text-align: center; width: 112px; height: 32px;}
.initial_box3 .icon_01 .img_order p  {margin-bottom: 10px;}
.initial_box3 .icon_01 .img_order p:last-child {margin-bottom: 0;}
.initial_box3 .icon_01 .img_order .eximg { max-width: 78%; margin-bottom: 1.3333rem;}
.initial_box3 .icon_02 {text-align: center;}
.initial_box3 .icon_02 p {margin-bottom: 10px;}
.initial_box3 .icon_03 {background: linear-gradient(108.12deg, #FFFFFF 0%, #EDF1F5 100%);border: 1px solid #ebebeb; border-radius: 15px;}
.initial_box3 .icon_03 .head { border-bottom: 1px solid #ebebeb; font-size: 1rem;text-align: center; padding: 10px;}
.initial_box3 .icon_03 .head strong {font-size: 1rem; margin-bottom: 0; font-weight: 700;}
.initial_box3 .icon_03 .head p { color: #376092;}
.initial_box3 .icon_03 .body { display: flex; gap: 20px; align-items: center; justify-content: center; padding: 10px 10px 10px 20px;}
.initial_box3 .icon_03 .body1 {display: flex; flex-direction: column ;gap: 20px;text-align: center; align-items: center; font-weight: 700; color: #376092;}
.initial_box3 .icon_03 .body1 .svg { border-radius: 100%; width: 41px; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; background-color: #32BA7C;}
.initial_box3 .icon_03 .body1 .svg path { animation: clip_path_width_reverse 4s ease infinite both;}
.initial_box3 .icon_03 .body1 .svg svg { max-width: 100%; height: auto;}
.initial_box3 .icon_03 .body2 {display: flex; flex-direction: column; gap: 4px;}
.initial_box3 .icon_03 .body2 .greenbox { border: 2px solid #32BA7C; padding: 6px 12px; }
.initial_box3 .icon_03 .body2 .greenbox p { font-weight: 700;}
.initial_box3 .icon_03 .body2 .greenbox span { font-weight: 400;}
.initial_box3 .icon_03 .body2 .graybox i {width: 16px;aspect-ratio: 1/1; transform: rotate(45deg); background-color: #D9D9D9; }
.initial_box3 .icon_03 .body2 .graybox {display: flex; align-items: center; gap: 35px;}
.initial_box3 .icon_01:not(.icon_05) .img_order::before { content: ""; position: absolute; top: 36px; right: 40px; width: 2px;background-color: #00D0FF;box-shadow: 0px 0px 5px 0px #00FFEA; height: 84px; animation: dungdung_left 5s linear infinite both;}


.initial_box3 .icon_05 .face {border-radius: 100%;background: linear-gradient(109.26deg, #FFFFFF 16.34%, #33EEFF 133.6%);max-width: 92px;aspect-ratio: 1 / 1;margin-bottom: 22px;}
.platform .tong { display: none !important;}
.platform .icon_01 {position: relative; width: 194px; aspect-ratio: 174/301; margin-right: -20px ;}
.platform .icon_05 {font-size: 1rem;font-weight: 700; margin-right: 25px;}
.platform .initial_box3 .box03_icon .icon_05 img{margin-bottom: 25px;}
.platform .icon_01 .eximg2 {position: absolute; right: 21px; top: 95px; margin: 0; animation: imgHoverMove 4s ease 100 both;}
.platform .icon_01 .eximg1 {margin: 0 ; transform: translateX(-9px);}
.platform .initial_box3 .icon_01 .img_order {position: relative;}
.platform .initial_box3 .icon_01 .img_order::before { display: none;}
.platform .box03_icon .icon_02:last-child p:nth-child(2) {margin-bottom: 30px;}
.platform .initial_box3 .box03_icon img {margin: 0 ;}
.platform .icon_06 {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.platform .icon_06 img:nth-child(2) {margin-bottom: 100px;}
.platform .icon_07 {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.platform .icon_07 .img_order { position: relative;}
.platform .icon_07 .img_order img:not(:nth-child(1)) {position: absolute;}
.platform .icon_08 img:nth-child(2) {margin-bottom: 10px;}
.platform .icon_07 > img:nth-child(1) {margin-bottom: 10px;} 
.platform .icon_07 .img_order img:nth-child(1) {margin: 0 auto 20px;}
@keyframes platform_ani1 {0%{transform: rotate(0deg);} 70%,100%{transform: rotate(360deg);}}
.platform .icon_07 .img_order img:nth-child(2) {right: 15px; top: 70px; animation: platform_ani1 5s ease infinite forwards;}
.platform .icon_07 .img_order img:nth-child(3) {right: 6px; top: 40px; animation: platform_ani1 5s ease infinite forwards 0.4s;}



.initial_box3 .gra { background: linear-gradient(90deg, #EB5D28 0%, #00B2FF 100%);background-clip: text;-webkit-background-clip: text;color: transparent; font-weight: 700; }
.auth .initial_box3 .gra {font-size: 2rem; display: inline-block;transform: translateY(4px); padding-right: 2px;}
.initial_box3 .tongimg { display: block; margin: 0 auto; max-width: 100%;}

.auth .initial_box1 .cont2 .textbox .t2 {margin-bottom: 1.1778rem;}

.platform .initial_box2 .imgbox ul{display: flex; gap: 20px;}
.platform .initial_box2 .imgbox li figure { height: 125px;}
.platform .initial_box2 .imgbox li p {font-size: 1.3333rem;font-weight: 600; margin-bottom: 12px;}

@property --gradient-angle {syntax: "<angle>";inherits: false;initial-value: 0deg;}

.platform .initial_box2 .imgbox li {position: relative;width: 375px;aspect-ratio: 375/480;display: flex;flex-direction: column;align-items: center;text-align: center;border-radius: 15px;overflow: hidden;background: linear-gradient(180deg, rgba(0, 0, 0, 0.18) 0%, rgba(235, 93, 40, 0.36) 100%);backdrop-filter: blur(3px);z-index: 0; padding-top: 5.5556rem; transform: translateY(-60px); opacity: 0;}
.platform .initial_box2 .imgbox li:nth-child(2n) {transform: translateY(60px);}
.platform .initial_box2 .imgbox.aos-animate li {animation: reset3 1.4s ease 1 forwards 0.3s;}
.platform .initial_box2 .imgbox li::before {content: "";position: absolute;inset: 0;z-index: -1;padding: 1px; border-radius: 15px; 
background: conic-gradient(from var(--gradient-angle),rgba(0, 178, 255, 0.3) 0deg,#ffffff 50%,rgba(235, 93, 40, 0.3) 100%);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;animation: loading 4s linear infinite;}
.platform .initial_box2 .imgbox li:nth-child(2):before {animation-delay: 1s;}
.platform .initial_box2 .imgbox li:nth-child(3):before {animation-delay: 2s;}
.platform .initial_box2 .imgbox li:nth-child(4):before {animation-delay: 3s;}
@keyframes loading {0% { --gradient-angle: 0deg; }100% { --gradient-angle: 360deg; }}

.platform .initial_box3 .textbox { text-align: center;}
.platform .initial_box3 .platform_wrap { display: flex; flex-wrap: wrap; gap: 50px 20px; width: 100%;}
.platform .initial_box3 li {border: 1px solid #DBDBDB;text-align: center; font-size: 1.1111rem; opacity: 0; }
.platform .initial_box3 li:nth-child(1) {transform: translateX(-40px); ;}
.platform .initial_box3 li:nth-child(2) {transform: translateX(40px);}
.platform .initial_box3 li:nth-child(3) {transform: translateY(40px);}
.platform .initial_box3 .imgbox.aos-animate li {animation: reset3 1.3s ease 1 forwards;}
.platform .initial_box3 li img { display: block; margin:0 auto 25px; max-width: 100%;}
.platform .initial_box3 li:not(.li03) { flex-basis: calc(50% - 11px); height: 320px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.platform .initial_box3 li:nth-child(2) img {margin-top: -15px;}
.platform .initial_box3 .li03 {flex-basis: 100%; padding: 45px;}
.platform .initial_box3 .li03 strong {display: block;text-align: left;font-size: 1.3333rem;font-weight: 700; margin-bottom: 2rem;}
.platform .initial_box1 .cont2 .textbox .t2 {margin-bottom: 1.111rem;}

.platform .initial_box3 .textbox .t2 {margin-bottom: 3.6111rem;}
.platform_wrap, .uclm_wrap { position: relative; overflow: hidden;}

.sub_wrap .all_object { position: absolute; width: 100%; display: flex ; justify-content: flex-end; top: 0; left: -20px;  transform: translateY(-75%);z-index: -4;}
.sub_wrap .object_wrap {width: 772px; aspect-ratio:772/736; position: relative;}
.sub_wrap .all_object i {border-radius: 100%; width: 100%;  position: absolute; border: 1px solid #3283FD; height: 100%; top: 0; animation: to_big_small 3s ease infinite forwards;}
.sub_wrap .all_object .i2{border-color: #0066FF; top: calc(15px * 1); animation-delay: 0.05s;}
.sub_wrap .all_object .i3{border-color: #0066FF; top: calc(15px * 2);animation-delay: 0.1s;}
.sub_wrap .all_object .i4{border-color: #3676FF; top: calc(15px * 3);animation-delay: 0.15s;}
.sub_wrap .all_object .i5{border-color: #488EFF; top: calc(15px * 4);animation-delay: 0.2s;}
.sub_wrap .all_object .i6{border-color: #5AA1FF; top: calc(15px * 5);animation-delay: 0.25s;}
.sub_wrap .all_object .i7{border-color: #6C9FFF; top: calc(15px * 6);animation-delay: 0.3s;}
.sub_wrap .all_object .i8{border-color: #7FB0FF; top: calc(15px * 7);animation-delay: 0.35s;}
.sub_wrap .all_object .i9{border-color: #91B8FF; top: calc(15px * 8);animation-delay: 0.4s;}
.sub_wrap .all_object .i10{border-color: #A3BDFF; top: calc(15px * 9);animation-delay: 0.45s;}
.sub_wrap .all_object .i11{border-color: #B5DAFF; top: calc(15px * 10);animation-delay: 0.5s;}
.sub_wrap .all_object .i12{border-color: #C7DFFF; top: calc(15px * 11);animation-delay: 0.55s;}
.sub_wrap .all_object .i13{border-color: #D9F3FF; top: calc(15px * 12);animation-delay: 0.6s;}
.sub_wrap .all_object .i14{border-color: #EBF9FF; top: calc(15px * 13);animation-delay: 0.65s;}

.uclm .all_object { left: 0; transform: translateY(-65%);}
.uclm .object_wrap { transform: translateX(10px); width: 539px; aspect-ratio: 539/513;}
.uclm .all_object i { }
.uclm .all_object .i1 {top: 0; left: calc(-11px * 0);}
.uclm .all_object .i2 {top: 0; left: calc(-11px * 1);}
.uclm .all_object .i3 {top: 0; left: calc(-11px * 2);}
.uclm .all_object .i4 {top: 0; left: calc(-11px * 3);}
.uclm .all_object .i5 {top: 0; left: calc(-11px * 4);}
.uclm .all_object .i6 {top: 0; left: calc(-11px * 5);}
.uclm .all_object .i7 {top: 0; left: calc(-11px * 6);}
.uclm .all_object .i8 {top: 0; left: calc(-11px * 7);}
.uclm .all_object .i9 {top: 0; left: calc(-11px * 8);}
.uclm .all_object .i10 {top: 0; left: calc(-11px * 9);}
.uclm .all_object .i11 {top: 0; left: calc(-11px * 10);}
.uclm .all_object .i12 {top: 0; left: calc(-11px * 11);}
.uclm .all_object .i13 {top: 0; left: calc(-11px * 12);}
.uclm .all_object .i14 {top: 0; left: calc(-11px * 13);}

.uclm .initial_box1 .cont3 {flex-direction: column; margin-bottom: 5.4444rem;}
.uclm .initial_box1 .cont3 .imgbox ul { display: flex; gap: 0;}
.uclm .initial_box1 .cont3 .imgbox li { clip-path: polygon(92% 0%, 100% 50%, 92% 100%, 0% 100%, 8% 50%, 0% 0%);flex-basis: 25%;background: linear-gradient(180deg, #E3EBF5 0%, #FFFFFF 50%, #E3EBF5 100%); aspect-ratio: 390/259; font-size: 0.9rem; padding: 0 40px 0 60px; display: flex; align-items: center; justify-content: center; letter-spacing: -0.3px;  transform: translateX(-40px); opacity: 0;}
.uclm .initial_box1 .cont3 .imgbox.aos-animate li {animation: reset3 1.4s ease 1 forwards;}
.uclm .initial_box1 .cont3 .imgbox.aos-animate li:nth-child(2) {animation-delay: 0.1s;}
.uclm .initial_box1 .cont3 .imgbox.aos-animate li:nth-child(3) {animation-delay: 0.2s;}
.uclm .initial_box1 .cont3 .imgbox.aos-animate li:nth-child(4) {animation-delay: 0.3s;}

.uclm .initial_box1 .cont3 .imgbox li:nth-child(1) {clip-path: polygon(92% 0%, 100% 50%, 92% 100%, 0% 100%, 0 50%, 0% 0%); padding-left: 30px;}
.uclm .initial_box1 .cont3 .imgbox li:nth-child(2) {background: linear-gradient(180deg, #BACDE6 0%, #FFFFFF 50%, #BACDE6 100%);}
.uclm .initial_box1 .cont3 .imgbox li:nth-child(3) {background: linear-gradient(180deg, #89B1E2 0%, #FFFFFF 50%, #89B1E2 100%);}
.uclm .initial_box1 .cont3 .imgbox li:nth-child(4) {background: linear-gradient(180deg, #80B6F9 0%, #FFFFFF 50%, #80B6F9 100%);}
.uclm .initial_box1 .cont3 .imgbox li p { color: var(--black02);font-size: 0.9rem;}
.uclm .initial_box1 .cont3 .imgbox li strong {display: block; font-size: 1rem; font-weight: 600; margin-bottom: 10px; letter-spacing: -0.6px; white-space: nowrap;}
.uclm .initial_box2 {padding: 120px 30px 200px;}
.uclm .initial_box2 .imgbox ul { display: flex; gap: 140px;justify-content: center;}
.uclm .initial_box2 .imgbox li { border: #737373; background-color: #00000029;backdrop-filter: blur(10px); border-radius: 15px; overflow: hidden;position: relative;z-index: 0; flex-basis: 50%; padding: 40px 20px; max-width: 520px; display: flex; flex-direction: column; transform: translateX(-40px); opacity: 0;}
.uclm .initial_box2 .imgbox li:nth-child(2) {background-color: #64646429;}
.uclm .initial_box2 .imgbox li:nth-child(1){ border: 1px solid #737373;}
.uclm .initial_box2 .imgbox li:nth-child(2):before {content: "";position: absolute;inset: 0;z-index: -1;padding: 1px; border-radius: 15px; 
background: conic-gradient(from var(--gradient-angle),rgba(0, 178, 255, 0.22) 0deg,#FFFFFF 50%,rgba(235, 93, 40, 0.22) 100%);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;animation: loading 4s linear infinite;}

.uclm .initial_box2 .imgbox.aos-animate li {animation: reset3 1.3s ease 1 forwards;}
.uclm .initial_box2 .imgbox.aos-animate li:nth-child(2) {animation-delay: 0.2s;}

.uclm .initial_box2 .imgbox li .tag { margin: 0 auto 2.7778rem;text-align: center;width: 125px;height: 36px;display: flex;align-items: center;justify-content: center;background-color: #9B9B9B;color: #000;border-radius: 100px;}
.uclm .initial_box2 .imgbox li:nth-child(2) .tag {background-color: #fff;}
.uclm .initial_box2 .imgbox li .tt { line-height: 1.7; margin: 0 auto;  max-width: 450px;}
.uclm .initial_box2 .text_wrap {width: 100%;}
.uclm .initial_box2 .imgbox { position: relative; opacity: 1 !important;}
.uclm .initial_box2 .arrow {  position: absolute; left: calc(50% - 25px); transform: translate(-50%,-50%); top: 50%;}
.uclm .initial_box2 .arrow span {clip-path: polygon(95% 50%, 0 0, 0 100%); width: 127px; aspect-ratio: 127/358; display: block; animation: scrollRight 4s ease-out infinite;}
.uclm .initial_box2 .arrow .arrow01 {background: linear-gradient(-90deg, #00E1FF 0%, rgba(0, 225, 255, 0) 60.29%); animation-delay: 0.2s;}
.uclm .initial_box2 .arrow .arrow02 {background: linear-gradient(-90deg, rgba(0, 225, 255, 0.32) 0%, rgba(0, 225, 255, 0) 60.29%); position: absolute; ; left: 25px ;top: 0; }
.uclm .initial_box3 .textbox {text-align: center;}
.uclm .initial_box2 .textbox .t2 {margin-bottom: 125px;}
.uclm .initial_box3 .textbox .t2 {margin-bottom: 55px;}
.uclm .initial_box3 .uclm_wrap { display: flex; gap: 48px; justify-content: center; width: 100%; }
.uclm .initial_box3 .uclm_wrap li { border: 1px solid #DBDBDB; flex-basis: 33%; display: flex ; flex-direction: column; align-items: center; justify-content: center; padding: 60px 10px 45px;text-align: center;}
.uclm .initial_box3 .uclm_wrap li {transform: translateY(40px); opacity: 0;}
.uclm .initial_box3 .uclm_wrap li figure {height: 80px; display: flex; align-items: center; justify-content: center; margin-bottom: 14px;}
.uclm .initial_box3 .imgbox.aos-animate .uclm_wrap li {animation: reset3 1.3s ease 1 forwards;}
.uclm .initial_box3 .imgbox.aos-animate .uclm_wrap li:nth-child(2) {animation-delay: 0.1s;}
.uclm .initial_box3 .imgbox.aos-animate .uclm_wrap li:nth-child(3) {animation-delay: 0.2s;}


.data_loader .initial_box1 .cont2 ul { flex-wrap: nowrap;}
.data_loader .initial_box1 .cont2 li {position: relative;background: transparent; border-radius: 0; padding: 40px; flex-direction: column; align-items: flex-start; gap: 0;} 
.data_loader .initial_box1 .cont2 li strong {font-size: 1.3333rem;font-weight: 700; display: block; margin-bottom: 10px;}
.data_loader .initial_box1 .cont2 li >img {position: absolute; left: 0; top: 0; width: 100%; height: 100%;z-index: -1;}
.data_loader .initial_box1 .cont2 li b { font-size: 0.9rem; ;}
.data_loader .initial_box1 .cont2 li b , .data_loader .initial_box1 .cont2 li p { color: var(--black02);}
.data_loader .initial_box1 .cont2 li div:not(:last-child) { margin-bottom: 15px;}
.data_loader .initial_box1 .cont2 .textbox .t2 {margin-bottom: 10px;}
.data_loader .initial_box1 .cont2 .textbox .t3 {margin-bottom: 30px;}
.data_loader .initial_box1 .cont2 li > div {max-width: 100%; }
.data_loader .initial_box2 .imgbox { opacity: 1; transform: none;}
.data_loader .initial_box2 ul { display: flex; gap: 20px;}
.data_loader .initial_box2 li { position: relative;width: 375px;aspect-ratio: 375 / 480;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;text-align: center;border-radius: 15px;overflow: hidden;background: linear-gradient(180deg, rgba(0, 0, 0, 0.18) 0%, rgba(235, 93, 40, 0.36) 100%);backdrop-filter: blur(5px);z-index: 0;  padding: 100px 30px 10px 30px;transform: translateY(-40px); opacity: 0;}
/* .data_loader .initial_box2 li::after { content: ""; position: absolute; left: 0 ; top: 0;width: 100%; height: 100%;} */
.data_loader .initial_box2 li:nth-child(2n) {transform: translateY(40px);}
.data_loader .initial_box2:has(.aos-animate) li {animation: reset3 1.3s ease 1 forwards;}
.data_loader .initial_box2 li::before { content: "";position: absolute;inset: 0;z-index: -1;padding: 1px;border-radius: 15px;background: conic-gradient(from var(--gradient-angle), rgba(0, 178, 255, 0.22) 0deg, #FFFFFF 50%, rgba(235, 93, 40, 0.22) 100%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;animation: loading 4s linear infinite;}
.data_loader .initial_box2 li:nth-child(2):before {animation-delay: 0.3s;}
.data_loader .initial_box2 li:nth-child(3)::before {animation-delay: 0.6s;}
.data_loader .initial_box2 li:nth-child(4)::before {animation-delay: 0.9s;}
.data_loader .initial_box2 li .svg { height: 120px;}
.data_loader .initial_box2 li .t1 {font-weight: 700; font-size: 1.3333rem; margin-bottom: 10px; letter-spacing: 0.3px;}
.data_loader .initial_box2 li .t2 {letter-spacing: 0.7px;}
.data_loader .initial_box2 {padding-bottom: 9.7222rem;}
.data_loader .initial_box3 .textbox { text-align: center;}
.data_loader .initial_box3 ul {display: flex; flex-wrap: wrap ; gap: 50px 20px;}
.data_loader .initial_box3 li {border: 1px solid #DBDBDB; transform: translateX(-40px);}
.data_loader .initial_box3 li:nth-child(2) {transform: translateX(40px);}
.data_loader .initial_box3 li:nth-child(3) {transform: translateY(40px);}
.data_loader .initial_box3 .imgbox.aos-animate li {animation: reset3 1.3s ease 1 forwards;}
.data_loader .initial_box3 li:not(:last-child) {flex-basis: calc(50% - 10px);padding: 70px 20px;}
.data_loader .initial_box3 li:not(:last-child) p { background-color: #174999; width: 192px; height: 62px; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 12px; margin:0 auto 20px;}

.data_loader .initial_box3 li span i {font-family: inherit !important; line-height: inherit !important; white-space: nowrap;}
.data_loader .initial_box3 li span { display: flex; width: 610px; margin: 0 auto;}
.data_loader .initial_box3 li:last-child {display: flex; flex-direction: column; gap: 55px; padding: 2.5rem; flex-basis: 100%; display: none;}
.data_loader .initial_box3 li:last-child b { font-size: 1.3333rem; font-weight: 700;}
.data_loader .initial_box3 li:last-child img { margin: 0 auto 10px; display: block; max-width: 100%;}
.data_loader .initial_box3 .textbox .t2 {margin-bottom: 3.8889rem;}
.data_loader .initial_box1 .cont1 .imgbox {width: 100%;background-color: transparent; border-radius: 0; transform:translateX(0)}
.data_loader .initial_box1 .cont1 .imgbox ul  {display: flex; gap: 2.2222rem; width: 100%;}
.data_loader .initial_box1 .cont1 .imgbox li  {flex-basis: 25%; border-radius: 15px; background: linear-gradient(153.12deg, #FFFFFF 16.82%, #EDF1F5 83.18%);border: 1px solid #EBEBEB  ;aspect-ratio: 1/1; padding: 50px 20px 0;text-align: center; transform: translateX(-100px); opacity: 0;}
.data_loader .initial_box1 .cont1 .imgbox li:nth-child(2) {transform: translateX(-50px);}
.data_loader .initial_box1 .cont1 .imgbox li:nth-child(3) {transform: translateX(50px);}
.data_loader .initial_box1 .cont1 .imgbox li:nth-child(4) {transform: translateX(100px);}
.data_loader .initial_box1 .cont1 .imgbox.aos-animate li {animation: reset3 1.3s ease 1 forwards;}
.data_loader .initial_box1 .cont1 .imgbox li figure { margin-bottom: 2.0667rem;}
.data_loader .initial_box1 .cont1 {flex-direction: column; gap:2.2222rem}

.eform .initial_box1 .cont1 .imgbox{ border-radius: 15px; overflow: hidden; position: relative; width: calc(50% - 11px);background-color: transparent; height: 100%;}
.eform .initial_box1 .cont1 .imgbox .img2 {position: absolute;right: 0;bottom: -38px;z-index: 1; max-width: calc(100% - 23%); opacity:0.2; transform:scale(0.7)}
.eform .initial_box1 .cont1 .imgbox.aos-animate .img2 {animation:reset3 1s ease 1 forwards}
.eform .initial_box1 .cont1 {margin-bottom: 0px;}
.eform .initial_box2 {padding: 6.3889rem 20px 10.2778rem; }
.eform .initial_box2 .imgbox { position: relative;overflow: hidden;background:  linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(0, 0, 0, 0.15) 50%, rgba(255, 255, 255, 0.15) 100%);;backdrop-filter: blur(5px);z-index: 0;  padding: 100px 30px 10px 30px;border-radius: 15px; padding: 120px 20px; width: 1010px; max-width: 100%; margin: 0 auto; filter: blur(10px) ; transform: scale(1.2);}
.eform .initial_box2 .imgbox.aos-animate { animation: reset2 1.3s ease 1 forwards;}
.eform .initial_box2 .imgbox::before { content: "";position: absolute;inset: 0;z-index: -1;padding: 1px;border-radius: 15px;background: conic-gradient(from var(--gradient-angle), rgba(0, 178, 255, 0.22) 0deg, #FFFFFF 50%, rgba(235, 93, 40, 0.22) 100%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;animation: loading 4s linear infinite;}
.eform .initial_box2 .imgbox ul { margin: 0 auto; width: 480px;}
.eform .initial_box2 .imgbox li { display: flex; align-items: flex-start; gap: 20px; font-weight: 700; font-size: 1.1111rem; letter-spacing: 0.3px;}
.eform .initial_box2 .imgbox li:not(:last-child) {margin-bottom: 35px;}
.eform .initial_box3 .textbox {text-align: center;}
.eform .initial_box3 .textbox .t2 {margin-bottom: 60px;}
.eform .initial_box3 .eform_wrap { display: flex; flex-wrap: wrap; gap: 50px 20px;}
.eform .initial_box3 .eform_wrap > li { border: 1px solid #DBDBDB; flex-basis: calc(50% - 10px); display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; transform: translateX(-40px); opacity: 0;}
.eform .initial_box3 .eform_wrap > li:nth-child(2) {transform: translateX(40px);}
.eform .initial_box3 .eform_wrap > li:nth-child(3) {transform: translateY(40px);}
.eform .initial_box3 .imgbox.aos-animate .eform_wrap > li {animation: reset3 1.4s ease 1 forwards;}
.eform .initial_box3 .eform_wrap .li03 {flex-basis: 100%; padding: 100px 45px 60px;}
.eform .initial_box3 .eform_wrap > li:not(:last-child) {padding:110px 20px 80px}
.eform .initial_box3 .eform_wrap > li:not(:last-child) img {margin-bottom: 55px;}
.eform .initial_box3 .eform_wrap > li .tag {position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-color: #174999; width: 193px; height: 62px; display: flex; align-items: center; justify-content: center; color: #fff; line-height: 1.12; border-radius: 0 0 12px 12px;}
.eform .initial_box3 .eform_wrap .li03 .tag {transform: translateX(0); left: 36px; width: 290px;}
.eform .initial_box3 .eform_wrap .li03 strong { text-align: left; display: block;width: 100%;font-size: 1.3333rem; font-weight: 700; margin-bottom: 0;}
.eform .initial_box3 .imgbox img { max-width: 100%;}
.eform .initial_box2 .text_wrap { width: 100%;}
.eform .initial_box2 ul img {transform: translateY(1px);}

.eform .box03_icon ul { display: flex; flex-wrap: wrap;gap: 20px; position: relative; justify-content: center;}
.eform .box03_icon .arr i {clip-path: polygon(50% 50%, 0 0, 0 100%); }
.eform .box03_icon .arr {position: relative; transform: translateY(15px); margin-right: 5px; opacity: 0;}
.eform .tab_absolute { position: absolute; right: 54px; bottom: -107px;}
.eform .tab_absolute span  { position: absolute; right: -50px; top: 40px;}
.eform .box03_icon .tab { position: relative;text-align: center; }
.eform_wrap .box03_icon .tab{transform: translateX(-40px); opacity: 0;}
.eform_wrap .imgbox.aos-animate .box03_icon .tab1 {animation: reset3 1.5s ease 1 forwards 0.2s;}
.eform_wrap .imgbox.aos-animate .box03_icon .tab2 {animation: reset3 1.5s ease 1 forwards 0.3s;}
.eform_wrap .imgbox.aos-animate .box03_icon .tab3 {animation: reset3 1.5s ease 1 forwards 0.4s;}
.eform_wrap .imgbox.aos-animate .box03_icon .tab4 {animation: reset3 1.5s ease 1 forwards 0.5s;}
.eform_wrap .imgbox.aos-animate .box03_icon .tab5 {animation: reset3 1.5s ease 1 forwards 0.6s;}
.eform_wrap .imgbox.aos-animate .box03_icon .tab6 {animation: reset3 1.5s ease 1 forwards 0.7s;}
.eform_wrap .imgbox.aos-animate .box03_icon .tab7 {animation: reset3 1.5s ease 1 forwards 0.8s;}
.eform_wrap .imgbox.aos-animate .box03_icon .tab8 {animation: reset3 1.5s ease 1 forwards 0.9s;}
.eform_wrap .imgbox.aos-animate .box03_icon .tab9 {animation: reset3 1.5s ease 1 forwards 1s;}
.eform_wrap .imgbox.aos-animate .box03_icon .tab10 {animation: reset3 1.5s ease 1 forwards 1.1s;}

.eform_wrap .imgbox.aos-animate .box03_icon .arr:nth-child(2){animation: scale_opa_ori 1.5s ease 1 forwards 0.2s;}
.eform_wrap .imgbox.aos-animate .box03_icon .arr:nth-child(4){animation: scale_opa_ori 1.5s ease 1 forwards 0.3s;}
.eform_wrap .imgbox.aos-animate .box03_icon .arr:nth-child(6){animation: scale_opa_ori 1.5s ease 1 forwards 0.4s;}
.eform_wrap .imgbox.aos-animate .box03_icon .arr:nth-child(9){animation: scale_opa_ori 1.5s ease 1 forwards 0.5s;}
.eform_wrap .imgbox.aos-animate .box03_icon .arr:nth-child(11){animation: scale_opa_ori 1.5s ease 1 forwards 0.6s;}
.eform_wrap .imgbox.aos-animate .box03_icon .arr:nth-child(13){animation: scale_opa_ori 1.5s ease 1 forwards 0.7s;}
.eform_wrap .imgbox.aos-animate .box03_icon .arr:nth-child(16){animation: scale_opa_ori 1.5s ease 1 forwards 0.8s;}
.eform_wrap .imgbox.aos-animate .box03_icon .arr:nth-child(17){animation: scale_opa_ori 1.5s ease 1 forwards 0.8s;}


.eform .box03_icon .tab p { position: absolute; top: 120px; left: 50% ; transform: translateX(-50%); white-space: nowrap;}
.eform .box03_icon .arr { position: relative;}
.eform .box03_icon .arr img{ animation: eform_lasticon1 2s ease-out infinite forwards;}
@keyframes eform_lasticon1 {
    0%,40%,100%{transform: translateX(0);} 20%{transform: translateX(5px);}
}
.eform .box03_icon .arr img:nth-child(2) {position: absolute; left: 10px; top: 0; animation-delay: 0.2s;}
.eform .box03_icon .tab5 {position: absolute; top: -196px; left: 35%;}
.eform .box03_icon .tab9 {position: absolute; right: 183px; top: 220px;}
.eform .box03_icon .arr_9 {position: absolute; right: 218px; top: 135px; transform: rotate(90deg);}
.eform .box03_icon .arr_10 {position: absolute; right: 127px; top: 220px;}
.eform .box03_icon .tab10 {position: absolute; right: -7px; top: 220px;}
.eform .box03_icon {padding-top: 230px; padding-bottom: 300px;}
.eform_wrap .tong { display: none;}




/* ================================ svg animation ================================ */
@keyframes path_1_1 {0%,60%,100%{transform: translate(0,0);} 30%{transform: translate(6px,-6px); opacity: 0;}}
@keyframes path_1_2 {0%,60%,100%{transform: translate(0,0);} 30%{transform: translate(-6px,-6px); opacity: 0;} }
@keyframes path_1_3 {0%,60%,100%{transform: translate(0,0);} 30%{transform: translate(-6px,6px) ; opacity: 0;}}
@keyframes path_1_4 {0%,60%,100%{transform: translate(0,0);} 30%{transform: translate(6px,6px); opacity: 0;}}

@keyframes path_1_5 {0%,60%,100%{transform: translate(0,0); opacity: 1;} 30%{transform: translate(0px,5px); opacity: 0;}}

@keyframes path_1_6 {0%,60%,100%{filter: none; } 30%{filter: hue-rotate(-100deg); }}

@keyframes path_1_7 {0%,60%,100%{opacity: 1; } 30%{opacity: 0; }}
@keyframes path_1_8 {0%,60%,100%{transform: rotate(0deg); } 30%{transform: rotate(360deg); }}
@keyframes path_1_9 {0%,40%,100%{transform: translateY(0); } 30%{transform: translateY(3px); }}

.auth .initial_box1 .cont2 li:nth-child(1) path:nth-child(1) { animation: path_1_1 2s ease infinite forwards;}
.auth .initial_box1 .cont2 li:nth-child(1) path:nth-child(2) { animation: path_1_4 2s ease infinite forwards;}
.auth .initial_box1 .cont2 li:nth-child(1) path:nth-child(3) { animation: path_1_3 2s ease infinite forwards;}
.auth .initial_box1 .cont2 li:nth-child(1) path:nth-child(4) { animation: path_1_2 2s ease infinite forwards;}
.auth .initial_box1 .cont2 li:nth-child(2) .p01 {animation: path_1_5 2s ease infinite forwards;}
.auth .initial_box1 .cont2 li:nth-child(3) .p01 {animation: path_1_6 2s ease infinite forwards;}
.auth .initial_box1 .cont2 li:nth-child(3) .p02 {animation: path_1_1 2s ease infinite forwards;}

.platform .initial_box1 .cont2 li:nth-child(1) .p01 {animation: clip_path_width 2s ease infinite forwards;}
.platform .initial_box1 .cont2 li:nth-child(1) .p02 {animation: clip_path_width 2s ease infinite forwards 0.1s;}
.platform .initial_box1 .cont2 li:nth-child(1) .p03 {animation: clip_path_width 2s ease infinite forwards 0.2s;}
.platform .initial_box1 .cont2 li:nth-child(1) .p04 {animation: rotateMove3_2 2s ease infinite forwards 0.2s;}

.platform .initial_box1 .cont2 li:nth-child(2) .p01 {animation: path_1_1 2s ease infinite forwards}
.platform .initial_box1 .cont2 li:nth-child(2) .t02 {animation: spanTextLeft 2s ease infinite forwards ;}

.platform .initial_box1 .cont2 li:nth-child(3) .p01 {animation: from_left_to_right 2s linear infinite forwards ;}

.platform .initial_box1 .cont2 li:nth-child(4) .p01 {animation: clip_path_width 2s linear infinite forwards ;}
.platform .initial_box1 .cont2 li:nth-child(4) .p02 {animation: clip_path_width 2s linear infinite forwards 0.2s;}
.platform .initial_box1 .cont2 li:nth-child(4) .p03 {animation: clip_path_width 2s linear infinite forwards 0.4s;}

.uclm .initial_box1 .cont2 li:nth-child(1) .p01 {animation: to_bright 3s linear infinite forwards ;}
.uclm .initial_box1 .cont2 li:nth-child(1) .p02 {animation: to_bright 3s linear infinite forwards 0.2s;}
.uclm .initial_box1 .cont2 li:nth-child(1) .p03 {animation: to_bright 3s linear infinite forwards 0.4s;}
.uclm .initial_box1 .cont2 li:nth-child(1) .p04 {animation: to_bright 3s linear infinite forwards 0.6s;}
.uclm .initial_box1 .cont2 li:nth-child(1) .p05 {animation: to_bright 3s linear infinite forwards 0.8s;}

.uclm .initial_box1 .cont2 li:nth-child(2) .p01 {animation: path_1_7 1.8s linear infinite forwards;}
.uclm .initial_box1 .cont2 li:nth-child(2) .p02 {animation: path_1_7 1.8s linear infinite forwards 0.2s;}
.uclm .initial_box1 .cont2 li:nth-child(2) .p03 {animation: path_1_7 1.8s linear infinite forwards 0.4s;}
.uclm .initial_box1 .cont2 li:nth-child(2) .p04 {animation: path_1_7 1.8s linear infinite forwards 0.6s;}
.uclm .initial_box1 .cont2 li:nth-child(2) .p05 {animation: path_1_7 1.8s linear infinite forwards 0.8s;}

.uclm .initial_box1 .cont2 li:nth-child(3) .p01 {animation: path_1_6 2s linear infinite forwards 0.8s;}
.uclm .initial_box1 .cont2 li:nth-child(3) .t01 {animation: height_long_short 3s linear infinite forwards ;}
.uclm .initial_box1 .cont2 li:nth-child(3) .t02 {animation: height_long_short 3s linear infinite forwards 0.1s;}
.uclm .initial_box1 .cont2 li:nth-child(3) .t03 {animation: height_long_short 3s linear infinite forwards 0.2s;}
.uclm .initial_box1 .cont2 li:nth-child(3) .t04 {animation: height_long_short 3s linear infinite forwards 0.3s;}
.uclm .initial_box1 .cont2 li:nth-child(3) .t05 {animation: height_long_short 3s linear infinite forwards 0.4s;}
.uclm .initial_box1 .cont2 li:nth-child(3) .t06 {animation: height_long_short 3s linear infinite forwards 0.5s;}
.uclm .initial_box1 .cont2 li:nth-child(3) .t07 {animation: height_long_short 3s linear infinite forwards 0.6s;}
.uclm .initial_box1 .cont2 li:nth-child(3) .t08 {animation: height_long_short 3s linear infinite forwards 0.7s;}

.uclm .initial_box1 .cont2 li:nth-child(3) .g01  {animation:path_1_9 3s linear infinite forwards;}

.uclm .initial_box1 .cont2 li:nth-child(4) .p01 {animation:path_1_8 4s linear infinite forwards ; transform-origin: 50% 50%;}
.uclm .initial_box1 .cont2 li:nth-child(4) .p02 {animation:path_1_8 4s linear infinite forwards ; transform-origin: 50% 50%;}
.uclm .initial_box1 .cont2 li:nth-child(4) .p03 {animation:path_1_8 4s linear infinite forwards ; transform-origin: 50% 50%;}
.uclm .initial_box1 .cont2 li:nth-child(4) .p04 {animation:path_1_8 4s linear infinite forwards ; transform-origin: 50% 50%;}

.data_loader .initial_box2 li:nth-child(1) .g01 {animation: height_long_short 3s linear infinite forwards ;}
.data_loader .initial_box2 li:nth-child(2) .p01 {animation: clip_path_width 3s linear infinite forwards ;}
.data_loader .initial_box2 li:nth-child(2) .p02 {animation: clip_path_width 3s linear infinite forwards 0.1s;}
.data_loader .initial_box2 li:nth-child(2) .p03 {animation: clip_path_width 3s linear infinite forwards 0.2s;}
.data_loader .initial_box2 li:nth-child(2) .p04 {animation: clip_path_width 3s linear infinite forwards 0.3s;}
.data_loader .initial_box2 li:nth-child(2) .p05 {animation: clip_path_width 3s linear infinite forwards 0.4s;}
.data_loader .initial_box2 li:nth-child(2) .p06 {animation: clip_path_width 3s linear infinite forwards 0.5s;}
.data_loader .initial_box2 li:nth-child(2) .p07 {animation: clip_path_width 3s linear infinite forwards 0.6s;}
.data_loader .initial_box2 li:nth-child(2) .p08 {animation: clip_path_width 3s linear infinite forwards 0.7s;}

.data_loader .initial_box2 li:nth-child(3) .p01 {animation: clip_path_width 3s linear infinite forwards 0s;}
.data_loader .initial_box2 li:nth-child(3) .p02 {animation: clip_path_width 3s linear infinite forwards 0.1s;}
.data_loader .initial_box2 li:nth-child(3) .p03 {animation: clip_path_width 3s linear infinite forwards 0.2s;}
.data_loader .initial_box2 li:nth-child(3) .g01 {animation: rotateMove3_2 3s linear infinite forwards ; transform-origin: 50% 50%;}
.data_loader .initial_box2 li:nth-child(4) img {animation: upMove_noopa 3s ease-out infinite forwards ;}

.eform .initial_box1 .cont2 li:nth-child(1) .p01 {animation: clip_path_width 3s linear infinite forwards 0s;}
.eform .initial_box1 .cont2 li:nth-child(1) .p02 {animation: clip_path_width 3s linear infinite forwards 0.1s;}
.eform .initial_box1 .cont2 li:nth-child(1) .p03 {animation: clip_path_width 3s linear infinite forwards 0.2s;}
.eform .initial_box1 .cont2 li:nth-child(1) .p04 {animation: clip_path_width 3s linear infinite forwards 0.3s;}
.eform .initial_box1 .cont2 li:nth-child(1) .p05 {animation: clip_path_width 3s linear infinite forwards 0.4s;}

.eform .initial_box1 .cont2 li:nth-child(2) .p01 {animation:scaleMove 1.4s linear infinite forwards 0s; transform-origin: 50% 50%;}
.eform .initial_box1 .cont2 li:nth-child(2) .p02 {animation: scaleMove 1.4s linear infinite forwards 0.1s;}

.eform .initial_box1 .cont2 li:nth-child(3) .p01 {animation: path_1_7 1.4s linear infinite forwards 0s;}
.eform .initial_box1 .cont2 li:nth-child(3) .p02 {animation: path_1_7 1.4s linear infinite forwards 0.1s;}
.eform .initial_box1 .cont2 li:nth-child(3) .p03 {animation: path_1_7 1.4s linear infinite forwards 0.2s;}
.eform .initial_box1 .cont2 li:nth-child(3) .p04 {animation: path_1_7 1.4s linear infinite forwards 0.3s;}
.eform .initial_box1 .cont2 li:nth-child(3) .p05 {animation: path_1_7 1.4s linear infinite forwards 0.4s;}
.eform .initial_box1 .cont2 li:nth-child(3) .p06 {animation: path_1_7 1.4s linear infinite forwards 0.5s;}
.eform .initial_box1 .cont2 li:nth-child(3) .p07 {animation: path_1_7 1.4s linear infinite forwards 0.4s;}
.eform .initial_box1 .cont2 li:nth-child(3) .p08 {animation: path_1_7 1.4s linear infinite forwards 0.1s;}
.eform .initial_box1 .cont2 li:nth-child(3) .p09 {animation: path_1_7 1.4s linear infinite forwards 0.2s;}
.eform .initial_box1 .cont2 li:nth-child(3) .p10 {animation: path_1_7 1.4s linear infinite forwards 0.3s;}

.eform .initial_box1 .cont2 li:nth-child(4) .p01 {animation: path_1_6 1.4s linear infinite forwards 0s;}
.eform .initial_box1 .cont2 li:nth-child(4) .p02 {animation: path_1_6 1.4s linear infinite forwards 0.1s;}
.eform .initial_box1 .cont2 li:nth-child(4) .p03 {animation: path_1_6 1.4s linear infinite forwards 0.2s;}
.eform .initial_box1 .cont2 li:nth-child(4) .p04 {animation: path_1_6 1.4s linear infinite forwards 0.3s;}
.eform .initial_box1 .cont2 li:nth-child(4) .p05 {animation: path_1_7 1.4s linear infinite forwards 0s;}
.eform .initial_box1 .cont2 li:nth-child(4) .p06 {animation: path_1_7 1.4s linear infinite forwards 0.1s;}
.eform .initial_box1 .cont2 li:nth-child(4) .p07 {animation: path_1_7 1.4s linear infinite forwards 0.2s;}
.eform .initial_box1 .cont2 li:nth-child(4) .p08 {animation: path_1_7 1.4s linear infinite forwards 0.3s;}
.eform .initial_box1 .cont2 li:nth-child(4) .p09 {animation: path_1_7 1.4s linear infinite forwards 0.4s;}
.eform .initial_box1 .cont2 li:nth-child(4) .p10 {animation: path_1_7 1.4s linear infinite forwards 0.5s;}
.eform .initial_box1 .cont2 li:nth-child(4) .p11 {animation: path_1_7 1.4s linear infinite forwards 0.6s;}




/* ================================반응형 ================================ */

@media screen and (min-width:1025px){
    .inquiry .spam a:hover:before {width: calc(100% + 10px);}
    .inquiry button:Hover::before {opacity: 1; }
}

@media screen and (max-width:1620px) {
    .auth .initial_box1 .cont1 .imgbox {width: 47.5vw;}
    .initial_box1 .cont2 li {padding: 2.7222rem 1.7222rem;}
    .initial_box1 .cont2 li .svg {width: 8.4vw; height: 8.4vw;}
    .initial_box1 .cont2 li .svg svg {max-width: 55%; height: auto;}

    .platform .initial_box2 .text_wrap {width: 100%;}
    .platform .initial_box2 .imgbox li {width: auto; flex-basis: 25%; padding-top: 6.4vw;}

    .uclm .initial_box1 .cont3 .imgbox li strong {white-space: pre-wrap;}
    .data_loader .initial_box2 li {width: 25%; padding: 5.9vw 30px 10px 30px;}
    .data_loader .initial_box2 li .t1 {font-size: 1.1333rem;}
    .data_loader .initial_box2 li .t2 {font-size: 0.93rem;}
    .data_loader .initial_box1 .cont1 .imgbox li {padding:3vw 20px 0}
    .data_loader .initial_box1 .cont1 .imgbox ul {gap: 1.4222rem;}
    .data_loader .initial_box3 li span {width: 620px;}
    .data_loader .initial_box3 li:not(:last-child) {padding: 50px 20px;}
    .auth .initial_box1 .cont2 ul li {padding:2.6vw 2vw 1.4vw ;}
    .sub_wrap .object_wrap {width: 36vw;}
    .sub_wrap .all_object {transform: translateY(-85%);}
    .sub_wrap.uclm .object_wrap { width: 40vw;}
    .sub_wrap.uclm .all_object {transform: translateY(-72%);}
    /* 1620 end */
}

@media screen and (max-width:1500px) {
    .data_loader .initial_box2 li .svg {height: 100px;}
    .data_loader .initial_box2 li {padding: 4.8vw 30px 10px 30px;}
    .data_loader .initial_box1 .cont1 .imgbox li figure {margin-bottom: 1.4667rem;}
    .data_loader .initial_box1 .cont1 .imgbox img {height: 85px;}
    .data_loader .initial_box3 li span {width: 100%;}
    .data_loader .initial_box3 li:not(:last-child) {padding: 50px 20px;}
    .eform .box03_icon .tab:not(.tab5) img {width: 90px; height: auto;}
    .eform .box03_icon .arr img { width: 25px; height: auto;}
    .eform .box03_icon .tab5 img {width: 440px;}
    .eform .box03_icon .tab5 {top: -164px;}
    .eform .box03_icon .tab9,.eform .box03_icon .tab10 {top: 188px;}
    .eform .box03_icon .tab9 {right: 160px;}
    .eform .box03_icon .arr_10 {right: 109px; top: 187px;}
    .eform .box03_icon .tab p {top: 102px;}
    .eform .tab_absolute {bottom: -99px;}
    .eform .box03_icon .arr_9 {right: 186px; top: 120px;}
    .eform .box03_icon .tab4 svg { width: 310px; height: auto;}
	.data_loader .initial_box1 .cont1 .imgbox li p br{display:none}


}

@media screen and (max-width:1380px) {
    .auth .initial_box1 .cont1 .imgbox {width: 43.5vw;}
    .sub_wrap .textbox .t2 {font-size: 2.0333rem;}
    .initial_box1 .cont2 li .text1 {font-size: 1.2333rem;}
    .initial_box1 .cont2 li .text2 {font-size: 0.9rem;}
    .platform .initial_box2 ul img {scale: 0.9;}
    .platform .initial_box2 .imgbox li {padding-top: 5.4vw; padding-left: 10px; padding-right: 10px;}
    .platform .initial_box2 .imgbox li figure {height: 95px;}
    .platform .initial_box2 .imgbox li p {font-size: 1.2rem;}
    .platform .initial_box2 .imgbox li span { font-size: 0.9rem;}

    .uclm .initial_box1 .cont1 {margin-bottom: 4.8889rem;}
    .uclm .initial_box1 .cont3 .imgbox li{aspect-ratio:390/339 ; padding: 0 20px 0 40px;}
    .data_loder .initial_box1 .cont1 .imgbox p { font-size: 0.88rem;}

    /* 1380 end */
}

@media screen and (max-width:1280px) {
    .inquiry .big_text {flex-basis: 300px;}
    .inquiry .form_wrap .th {flex-basis: 180px;}
    .inquiry .form_wrap .spam input[type="text"], .inquiry .spam_right {width: 100%;}
    .auth .initial_box1 .cont1 {gap: 60px;}
    .auth .initial_box1 .cont1 .t3 br {display: none;}
    .initial_box1 .cont2 ul {gap: 1.3556rem 1.1111rem;}
    .initial_box1 .cont2 li {padding:2.6222rem 1.0222rem;}
    .initial_box3 .text_box .t1 {font-size: 1.4556rem;}
    .auth .initial_box3 .imgbox li{flex-basis: calc(17%); }
    .auth .initial_box3 .text_box .t1 br { display: none;}
    .auth .initial_box3 .text_box .t1{padding: 0 90px;}
    .platform .initial_box3 li:nth-child(2) img {margin-top: -22px;}
    .platform .initial_box3 li:not(.li03) {padding: 20px;}
    .platform .initial_box3 li:not(.li03) p br {display: none;}
    .uclm .initial_box1 .cont3 .imgbox li strong {font-size: 0.9rem;}
    .uclm .initial_box1 .cont3 .imgbox li p {font-size: 0.85rem;}
    .uclm .initial_box1 .cont1 .t3 br {display: none;}
    .uclm .initial_box2 .arrow span {width:95px;}
    .uclm .initial_box2 .imgbox ul{gap: 110px;}
    .uclm .initial_box2 .arrow {left: calc(50% - 18px);}
    .uclm .initial_box2 .textbox .t2 {margin-bottom: 65px;}
    .data_loader .initial_box2 li .t1 {font-size: 1.0333rem;}
    .data_loader .initial_box2 li .t2{font-size: 0.88rem;}
    .data_loader .initial_box2 li {padding: 4.8vw 15px 10px 15px;}
    .data_loader .initial_box2 li svg , .data_loader .initial_box2 li img { scale: 0.9;}
    .eform .initial_box1 .cont1 .textbox .t3 br {display: none;}
    .eform .initial_box1 .cont1 .textbox .t3{padding-right: 30px;}
    .eform .initial_box1 .cont1 {margin-bottom: 30px;} 

    .eform .box03_icon .tab:not(.tab5) img {width: 80px; height: auto;}
    .eform .box03_icon .arr img { width: 26px; height: auto;}
    .eform .box03_icon .tab5 img {width: 370px;}
    .eform .box03_icon .tab5 {top: -139px;}
    .eform .box03_icon .tab9,.eform .box03_icon .tab10 {top: 165px;}
    .eform .box03_icon .tab9 {right: 130px;}
    .eform .box03_icon .arr_10 {right: 85px; top: 165px;}
    .eform .box03_icon .tab p {top: 95px;}
    .eform .tab_absolute {bottom: -90px;}
    .eform .box03_icon .arr.arr_9 {right: 145px; top: 100px; transform: rotate(90deg) translateY(11px);}
    .eform .box03_icon .tab4 svg { width: 280px; height: auto;}
    .eform .box03_icon ul {gap: 12px;}
    .eform .box03_icon .arr {transform: translateY(11px);}
    .eform .box03_icon {padding-top: 180px; padding-bottom: 220px;}
	.data_loader .initial_box1 .cont1 .imgbox li {padding:1.9vw 20px 0}

    /* 1280 end */
}
@media screen and (max-width:1200px) {
    .platform .initial_box2 .imgbox li {padding-top: 4.7vw;}
    .platform .initial_box2 ul img {scale: 0.8;}
    .platform .initial_box2 .imgbox li p {font-size: 1.13rem;}
    .platform .initial_box2 .imgbox li span {font-size: 0.83rem;}
    .platform .initial_box2 .imgbox li span br {display: none;}

    .uclm .initial_box3 .uclm_wrap{gap: 22px;}
    .uclm .initial_box3 .uclm_wrap li p br {display: none;}
    .data_loader .initial_box2 li svg , .data_loader .initial_box2 li img { scale: 0.85;}
    .data_loader .initial_box2 li {padding: 3.7vw 15px 10px 15px;}
    .data_loader .initial_box2 li .t1{font-size: 0.9333rem;}
    .data_loader .initial_box2 li .svg{height: 90px;}
    .data_loader .initial_box2 li .t2 {font-size: 0.8rem;}
    .data_loader .initial_box1 .cont1 .imgbox ul{gap: 0.8222rem;}
    .data_loader .initial_box1 .cont1 .imgbox img {height: 73px;}
    .data_loader .initial_box1 .cont1 .imgbox li figure {margin-bottom: 0.8667rem;}
    .initial_box3 .box03_icon {gap: 1.1111rem;}
    .initial_box3 .icon_03 .body{gap: 8px;}
    .initial_box3 .icon_03 .body2 .greenbox span br {display: none;}
    .initial_box3 .icon_03 .body2 .greenbox {max-width: 170px;}
    .initial_box3 .icon_01 .img_order p {width: 100px;}
    .initial_box3 .icon_03 .body {padding: 10px;}

    .sub_wrap.uclm .object_wrap { width: 50vw;}

    /* 1200 end */  

}

@media screen and (max-width:1100px) {
    .eform_wrap .tong { display: block;}
    .eform_wrap .box03_icon {display: none;}
    .eform_wrap .tong {margin-top: 40px;}
    .eform .initial_box3 .eform_wrap .li03 {padding: 80px 25px 30px;}
}

@media screen and (max-width:1024px) {
    .initial_box1 .cont1 {padding-top: 65px;}
    .inquiry{padding-top: 80px;}
    .inquiry .form_wrap .th{flex-basis: 160px;}
    .inquiry_inner {flex-direction: column;}
    .inquiry .big_text{flex-basis: 100px;}
    .inquiry .form_wrap input[type="text"], .inquiry .form_wrap .spam input[type="text"], .inquiry .spam .captcha{height: 60px;}
    .inquiry .form_wrap{gap: 0.8889rem;}
    .auth .initial_box1 .cont1 .t3 br {display: block;}
    .auth .initial_box1 .cont1 {gap: 40px; flex-wrap: wrap;}
    .auth .initial_box1 .cont1 .imgbox {width: 100%; max-width: 600px;}
    .initial_box1 .cont2 li {flex-basis: 100%;}
    .initial_box1 .cont2 li .svg {width: 110px; height: 110px;}
    .initial_box2 {padding: 4.9444rem 30px 7.4444rem;}
    .auth .initial_box2 .imgbox ul {padding: 5.6667rem 4.7778rem;}
    .auth .initial_box3 .text_box .t1 {padding: 0 60px;} 
    .auth .initial_box3 .imgbox {gap: 15px;}
    .auth .initial_box3 .imgbox li {border-radius: 12px; flex-basis: 19%;}
    .initial_box3 .cont_box strong {font-size: 1.1333rem;}
    .platform .initial_box2 ul img {scale: 0.68;}
    .platform .initial_box2 .imgbox li{padding-top: 2.6vw;}
    .platform .initial_box2 .imgbox li figure{height: 85px;}
    .platform .initial_box3 .platform_wrap {gap: 30px 20px;}
    .platform .initial_box3 .textbox .t2 {margin-bottom: 2.1111rem;}
    .platform .initial_box3 li:nth-child(2) img {margin-top: 0;}
    .uclm .initial_box1 .cont3 .imgbox ul{flex-wrap: wrap; gap:20px 0;}
    .uclm .initial_box1 .cont3 .imgbox li {flex-basis: 50%; aspect-ratio: 390/170; padding: 0 40px 0 50px;}
    .uclm .initial_box1 .cont3 .imgbox li strong {font-size: 1em;}
    .uclm .initial_box1 .cont3 .imgbox li p { font-size: 0.9rem;}
    .uclm .initial_box2 {padding: 70px 30px 130px;}
    .data_loader .initial_box2 li svg, .data_loader .initial_box2 li img {scale: 0.7;}
    .data_loader .initial_box2 li .svg {height: 82px;}
    .data_loader .initial_box2 li {aspect-ratio: 375 / 550; padding: 4.9vw 15px 10px 15px;}
    .data_loader .initial_box1 .cont1 .imgbox ul {flex-wrap: wrap;}
    .data_loader .initial_box1 .cont1 .imgbox li {flex-basis: calc(50% - 11px); aspect-ratio: 1/0.5; padding: 0 20px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
    .data_loader .initial_box1 .cont1 .imgbox p{font-size: 1rem;}
    .data_loader .initial_box1 .cont1 .imgbox img {height: 63px}
    .data_loader .initial_box1 .cont2 li {padding: 30px 20px;}
    .data_loader .initial_box1 .cont2 li b,
    .data_loader .initial_box1 .cont2 li > div p {font-size: 1rem;}
    .eform .initial_box1 .cont1 {flex-direction: column; gap: 30px;}
    .eform .initial_box1 .cont1 .textbox .t3{padding-right: 0;}
    .eform .initial_box1 .cont1 .textbox .t3 br {display: block;}
    .eform .initial_box1 .cont1 .imgbox {width: 100%; max-width: 770px;}
    .eform .initial_box2 .imgbox {max-width: 90%; padding: 100px 20px;}
    .eform .initial_box2 {padding: 4.3889rem 20px 8.2778rem;}
    .initial_box3 .box03_icon {flex-wrap: wrap;}
    .initial_box3 .icon_03 {flex-basis: 100%;}
    .initial_box3 .icon_03 .body2 .greenbox span br {display: block;}
    .initial_box3 .icon_03 .body2 .greenbox {max-width: 100%;}
    .platform .icon_01 {margin-right: -5px; position: absolute !important; left: 50%; top: 47%; transform: translate(-50%,-50%);}
    .platform .box03_icon {position: relative; max-width: 450px; gap: 400px 1.1111rem ; margin: 0 auto;}
    .sub_wrap .object_wrap {width: 50vw;}
    .platform .all_object .i2{top: calc(10px * 1); ;}
    .platform .all_object .i3{top: calc(10px * 2);}
    .platform .all_object .i4{top: calc(10px * 3);;}
    .platform .all_object .i5{top: calc(10px * 4);}
    .platform .all_object .i6{top: calc(10px * 5);;}
    .platform .all_object .i7{top: calc(10px * 6);}
    .platform .all_object .i8{top: calc(10px * 7);;}
    .platform .all_object .i9{top: calc(10px * 8);}
    .platform .all_object .i10{top: calc(10px * 9);;}
    .platform .all_object .i11{top: calc(10px * 10);}
    .platform .all_object .i12{top: calc(10px * 11);;}
    .platform .all_object .i13{top: calc(10px * 12);}
    .platform .all_object .i14{top: calc(10px * 13);;}

    .uclm .all_object .i1 {left: calc(-8px * 0);}
    .uclm .all_object .i2 {left: calc(-8px * 1);}
    .uclm .all_object .i3 {left: calc(-8px * 2);}
    .uclm .all_object .i4 {left: calc(-8px * 3);}
    .uclm .all_object .i5 {left: calc(-8px * 4);}
    .uclm .all_object .i6 {left: calc(-8px * 5);}
    .uclm .all_object .i7 {left: calc(-8px * 6);}
    .uclm .all_object .i8 {left: calc(-8px * 7);}
    .uclm .all_object .i9 {left: calc(-8px * 8);}
    .uclm .all_object .i10 {left: calc(-8px * 9);}
    .uclm .all_object .i11 {left: calc(-8px * 10);}
    .uclm .all_object .i12 {left: calc(-8px * 11);}
    .uclm .all_object .i13 {left: calc(-8px * 12);}
    .uclm .all_object .i14 {left: calc(-8px * 13);}
    .platform .box03_icon { display: none !important;}
    .platform .tong { display: block !important;}


    /* 1024 end */
}

@media screen and (max-width:950px) {
    .data_loader .initial_box2 ul{flex-wrap: wrap;}
    .data_loader .initial_box2 li {aspect-ratio: 375/320;}
    .data_loader .initial_box2 li{width: calc(50% - 11px); padding: 10px 15px; justify-content: center;}
    .data_loader .initial_box2 li .t1 {font-size: 1.2333rem;}
    .data_loader .initial_box2 li .t2{font-size: 1rem;}
    .data_loader .initial_box1 .cont1 .imgbox li {aspect-ratio: 1/0.6;}
    .data_loader .initial_box1 .cont2 ul{flex-wrap: wrap;}
    

}

@media screen and (max-width:850px) {
    .auth .initial_box3 .text_box .t1 {padding: 0; font-size: 1.3556rem;}
    .platform .initial_box2 .imgbox ul {flex-wrap: wrap;}
    .platform .initial_box2 .imgbox li {flex-basis: calc(50% - 11px) ; justify-content: center; aspect-ratio: 375/360; padding-top: 0;}
    .platform .initial_box2 ul img {scale: 1;}
    .platform .initial_box2 .imgbox li span br {display: block;} 
    .platform .initial_box2 .imgbox li figure {height: 110px}
    .platform .initial_box2 .imgbox li p {font-size: 1.33rem;}
    .platform .initial_box2 .imgbox li span {font-size: 1rem;}
    .platform .initial_box3 li:not(.li03){flex-basis: 100%; height: 210px;}
    .platform .initial_box3 .li03 {padding: 25px;}
    .platform .initial_box3 .li03 strong {margin-bottom: 1rem;}
    .platform .initial_box3 li:not(.li03) img {max-width: 160px;}
    .uclm .initial_box1 .cont3 .imgbox li {aspect-ratio: 390/210;}
    .uclm .initial_box2 .imgbox li {padding: 30px 25px;}
    .data_loader .initial_box3 ul {gap: 30px 20px;}
    .data_loader .initial_box3 li:not(:last-child) {padding: 40px 15px;}
    .auth .initial_box1 .cont2 ul{flex-wrap: wrap;}
    .auth .initial_box1 .cont2 li > div {max-width: 100%;}
    .auth .initial_box1 .cont2 ul li {aspect-ratio: unset; min-height: 200px; gap: 20px; align-items: flex-start; padding: 30px 30px 20px;}

    /* 850 end */
}
@media screen and (max-width:767px) {
    .inquiry .spam .captcha {width: 140px;}
    .initial_box1 .cont2 ul {margin-bottom: 3.9556rem;}
    .initial_box1 .cont2 li {gap: 20px;}
    .initial_box3 .text_box {margin-bottom: 2.3111rem;}
    .auth .initial_box3 .imgbox{flex-wrap: wrap; margin: 0 auto 4.444rem; width: 470px;}
    .auth .initial_box3 .imgbox li {flex-basis: 140px;}
    .initial_box3 .cont_box {padding: 1.4rem;}
    .platform .initial_box2 ul img {scale: 0.8;}
    .platform .initial_box2 .imgbox li {padding-left: 20px; padding-right: 20px;}
    .platform .initial_box2 .imgbox li figure {height: 100px;}
    .platform .initial_box2 .imgbox li span br {display: none;}
    .uclm .initial_box1 .cont3 .imgbox li {aspect-ratio: 390/250;}
    .uclm .initial_box2 .imgbox ul {flex-direction: column;}
    .uclm .initial_box2 .imgbox li {flex-basis: 100%; max-width: 100%;}
    .uclm .initial_box2 .arrow {transform: translate(-50%,-50%) rotate(90deg); left: 50%; top: calc(50% - 51px);}
    .uclm .initial_box2 .imgbox li .tag {margin: 0 auto 1.5778rem;}
    .uclm .initial_box2 .imgbox li {padding: 35px 25px;}
    .uclm .initial_box3 .uclm_wrap {flex-wrap: wrap;}
    .uclm .initial_box3 .uclm_wrap li { flex-basis: 100%; padding: 30px 20px;}
    .data_loader .initial_box2 li {aspect-ratio: 375 / 370;}
    .data_loader .initial_box1 .cont1 .imgbox li {aspect-ratio: 1/0.8;}
    .data_loader .initial_box1 .cont1 .imgbox p {font-size: 0.9rem;}
    .data_loader .initial_box1 .cont1 .imgbox img {height: 60px;}
    .eform .initial_box3 .eform_wrap > li .tag {width: 167px; height: 52px;}
    .eform .initial_box3 .eform_wrap .li03 .tag {width: 240px;}
    .eform .initial_box3 .eform_wrap .li03 {padding: 60px 20px 40px;}
    .eform .initial_box3 .eform_wrap .li03 strong {font-size: 1.1333rem;}
    .eform_wrap .tong {margin-top: 20px;}
    .eform .initial_box3 .eform_wrap .li03 .tag {left: 19px;}
    .sub_wrap .object_wrap {width: 70vw;}

    /* 767 end */
}

@media screen and (max-width:700px) {
    .platform .initial_box2 .imgbox li figure {height: 85px;}
    .platform .initial_box2 ul img {scale: 0.7;}
    .platform .initial_box2 .imgbox li {aspect-ratio: 375/390;}
    .data_loader .initial_box2 li {aspect-ratio: 375 / 470;}
    

}

@media screen and (max-width:640px) {
    .initial_box3 .cont_box strong {font-size: 1.0333rem;}
    .initial_box2 .textbox .t2 {margin-bottom: 3.1222rem;}
    .initial_box2 .imgbox ul { padding: 4.6667rem 2.3778rem;}
    .inquiry .form_wrap .th{flex-basis: 100%;}
    .inquiry .form_wrap li {flex-wrap: wrap; gap: 12px;}
    .inquiry .form_wrap{gap: 15px;}
    .inquiry .form_wrap .spam .th{transform: translateY(0);}
    .inquiry{padding-top: 60px;}
    .inquiry .form_wrap input[type="text"], .inquiry .form_wrap textarea , .inquiry .spam .captcha{border-radius: 6px;}
    .initial_box1 .cont2 li .svg {width: 70px; height: 70px; box-shadow: 0px 6px 18px #cccccc38;}
    .initial_box1 .cont2 li {flex-direction: column-reverse; align-items: flex-start; padding-top: 20px;}
    .auth .initial_box3 .imgbox {width: 100%;}
    .platform .initial_box2 .imgbox li {aspect-ratio: 375/430;}
    .uclm .initial_box1 .cont3 .imgbox li {aspect-ratio: 390/330;}
    .platform .initial_box2 .imgbox ul ,
    .data_loader .initial_box2 ul ,
    .uclm .initial_box2 .imgbox ul {padding: 0 !important;}
    .data_loader .initial_box2 li {width: 100%; aspect-ratio: 375/210;}
    .data_loader .initial_box2 li svg, .data_loader .initial_box2 li img {scale: 0.9;}
    .data_loader .initial_box1 .cont1 .imgbox li {flex-basis: 100%; aspect-ratio: unset; min-height: 190px;}
    .sub_wrap .textbox .t2 {font-size: 1.7333rem;}
    .sub_wrap .textbox .t2 br {display: none;}
    .data_loader .initial_box3 ul{gap: 20px;}
    .data_loader .initial_box3 li:not(:last-child) {flex-basis: 100%;}
    .data_loader .initial_box3 li:last-child{padding: 1.4rem; gap: 3px;}
    .data_loader .initial_box3 li:not(:last-child) p {width: 170px; height: 56px;}
    .eform .initial_box2 .imgbox ul {width: 400px; padding: 0;}
    .eform .initial_box3 .eform_wrap > li {flex-basis: 100%;}
    .eform .initial_box3 .eform_wrap > li:not(:last-child) {padding: 30px 20px 30px;}
    .eform .initial_box3 .eform_wrap > li:not(:last-child) img {margin-bottom: 15px; scale: 0.8;}
    .eform .initial_box3 .eform_wrap > li:nth-child(2) img {margin-top: 50px;}
    .eform .initial_box3 .eform_wrap {gap: 30px;}
    .eform .initial_box3 .eform_wrap .li03 .tag {transform:translateX(-50%); left: 50%;}
    .eform .initial_box3 .eform_wrap .li03 strong{text-align:center;}
    .eform .initial_box3 .eform_wrap .li03 {padding: 70px 15px 60px;}
    .auth .initial_box2 .imgbox ul {padding: 5.6667rem 2.7778rem;}
    .sub_wrap.uclm .object_wrap {width: 70vw;}


    /* 640 end */
}

@media screen and (max-width:550px) {
    .auth .initial_box1 .cont1 .t3 br {display: none;}
    .auth .initial_box1 .cont1{gap: 30px;}
    .auth .initial_box3 .imgbox li {flex-basis: 120px;}
    .auth .initial_box3 .text_box .t1 {font-size: 1.2556rem;}
    .platform .initial_box2 .imgbox li figure {height: 78px;}
    .platform .initial_box2 ul img {scale: 0.6;}
    .platform .initial_box2 .imgbox li p {font-size: 1.2rem;}
    .platform .initial_box2 .imgbox li span {font-size: 0.9rem;}
    .uclm .initial_box1 .cont3 .imgbox ul {gap: 12px 0;}
    .uclm .initial_box1 .cont3 .imgbox li {flex-basis: 100%; aspect-ratio: 390/150;}
    .data_loader .initial_box2 li svg, .data_loader .initial_box2 li img {scale: 0.8;}
    .data_loader .initial_box2 li {aspect-ratio: 375/240;}
    .eform .initial_box1 .cont1 .textbox .t3 br {display: none;}
    .eform .initial_box2 .imgbox ul {width: 100%;}


    /* 550 end */
}

@media screen and (max-width:480px) {
    .initial_box1 .cont1 {padding-top: 50px;}
    .inquiry .spam .captcha {width: 110px;}
    .initial_box2 .imgbox ul {padding: 4.5667rem 1.7778rem;}
    .auth .initial_box3 .imgbox li {flex-basis: 100px;}
    .platform .initial_box2 .imgbox li {flex-basis: 100%; aspect-ratio: unset; padding: 30px 20px;}
    .platform .initial_box2 ul img {scale: .7;}
    .platform .initial_box2 .imgbox li figure {height: 84px;}
    .platform .initial_box2 .imgbox li p {font-size: 1.43rem; margin-bottom: 5px;}
    .platform .initial_box2 .imgbox li span {font-size: 1rem;}
    .platform .initial_box3 .platform_wrap {gap: 15px;}
    .platform .initial_box3 li:not(.li03) {height: 190px; padding: 10px 15px;}
    .platform .initial_box3 li:not(.li03) img {max-height: 50px; max-width: 130px;}
    .data_loader .initial_box2 li svg, .data_loader .initial_box2 li img {scale: 0.7;}
    .data_loader .initial_box2 li {aspect-ratio: 375/300;}
    .data_loader .initial_box2 {padding-bottom: 4.7222rem; margin-bottom: 2.8778rem;}
    .data_loader .initial_box3 .textbox .t2 {margin-bottom: 2.5889rem;}
    .eform .initial_box2 .imgbox {padding: 70px 20px;}
    .auth .initial_box2 .imgbox ul {padding: 5.6667rem 1.3778rem;}
    .auth .initial_box3 .icon_02 img {width: 100px;}
    .platform .box03_icon {flex-direction: column;gap: 20px;} 
    .platform .icon_01 {position: relative !important; left: auto; top: auto; transform: none;}
    .platform .icon_06 img:nth-child(2) {margin-bottom: 20px;}
    .platform .icon_05 {margin-right: 0;}
    .platform .initial_box3 .li03 strong {margin-bottom: 2rem;}
    .sub_wrap .object_wrap{width: 80vw;}
    .sub_wrap .all_object {transform: translateY(-75%); left: 0;}
    .platform .all_object .i2{top: calc(5px * 1); ;}
    .platform .all_object .i3{top: calc(5px * 2);}
    .platform .all_object .i4{top: calc(5px * 3);;}
    .platform .all_object .i5{top: calc(5px * 4);}
    .platform .all_object .i6{top: calc(5px * 5);;}
    .platform .all_object .i7{top: calc(5px * 6);}
    .platform .all_object .i8{top: calc(5px * 7);;}
    .platform .all_object .i9{top: calc(5px * 8);}
    .platform .all_object .i10{top: calc(5px * 9);;}
    .platform .all_object .i11{top: calc(5px * 10);}
    .platform .all_object .i12{top: calc(5px * 11);;}
    .platform .all_object .i13{top: calc(5px * 12);}
    .platform .all_object .i14{top: calc(5px * 13);;}
    .uclm .initial_box2 .textbox .t2 {margin-bottom: 40px;}
    /* 480 end */
}

@media screen and (max-width:400px) {
    .inquiry .spam .captcha {width: 90px;}
    .auth .initial_box3 .text_box .t1 {font-size: 1.1556rem;}
    .auth .initial_box3 .imgbox {gap: 10px;}
    .auth .initial_box3 .imgbox li {flex-basis:84px; border-radius: 10px;}
    .uclm .initial_box1 .cont3 .imgbox li {aspect-ratio: 390/180; padding: 0 40px;}
    .data_loader .initial_box2 li {aspect-ratio: 375/400;}
    .data_loader .initial_box1 .cont1 .imgbox p {font-size: 1rem;}
    .initial_box3 .icon_03 .body2 .greenbox span br {display: none;}
    .initial_box3 .icon_03 .body2 .greenbox {max-width: 150px;}
    /* 400 end */
}

@media screen and (max-width:360px) {
    .uclm .initial_box1 .cont3 .imgbox li {aspect-ratio: 390/220; padding: 0 30px;}
    /* 360 end */
}