@charset "utf-8";


.sect1 .subTit{color: #5B5B5B;font-size: 34px;font-family: 'NanumBarunGothicL';}
.sect1 .tit{font-size: 60px;font-weight: 600;line-height: 1.3;}
.sect1 .raxi-video{max-width: 690px;width: 100%;border-radius: 100px 30px 100px 30px;margin-top: 30px;}
.sect1 .cont{color: #292929;font-size: 24px;line-height: 1.7;margin-top: 50px;}
.sect1 .bottom{margin-top: 80px;}

.sect1 .tele-wrap{ gap: 40px;}
.sect1 .tele-wrap > div{flex: 1;}
.sect1 .tele-box{padding: 30px;border-radius: 40px;background: rgba(241, 244, 249, 0.60);display: flex;flex-direction: column;align-items: center;justify-content: center;}
.sect1 .tele-top{padding: 28px 22px;border-radius: 30px;background: rgba(255, 255, 255, 0.60);text-align: center;width: 100%;}
.sect1 .tele-top b{font-size: 32px;}
.sect1 .tele-top p{font-size: 18px; margin-top: 12px; color: #757575;}
.sect1 .tele-img{margin-top: 30px;position: relative;text-align: center;display: inline-flex;align-items: center;justify-content: center;z-index: 1;}
.sect1 .tele-img::after{content: '';position: absolute;left: -66px;top: -10px;width: 224px;height: 224px;background:  radial-gradient(50% 50% at 50% 50%, #F5EFE2 0%, rgba(245, 239, 226, 0.00) 100%);z-index: -1;}
.sect1 .tele-img img{width: 100%;}
.sect1 .tele-r .tele-img::after{left: 6px;}
.tele-system {padding: 0 40px; padding-top: 60px; position: relative;}
.tele-system::before{content: '';position: absolute;z-index: -1;top: -70px;left: 25%;width: 358px;height: 358px;border-radius: 358px;background: radial-gradient(50% 50% at 50% 50%, rgba(61, 63, 169, 0.08) 0%, rgba(24, 112, 130, 0.00) 100%);}
.tele-system::after{content: '';position: absolute;z-index: -1;bottom: -172px;right: -110px;width: 346px;height: 346px;border-radius: 346px;background: radial-gradient(50% 50% at 50% 50%, rgba(255, 228, 74, 0.10) 0%, rgba(255, 228, 74, 0.00) 100%);}
.tele-system img {width: 100%;}


.sect2{padding-top: 140px;}
.sect2-list{display: flex;gap: 48px;flex-wrap: wrap;}
.sect2-list li{display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;width: calc(25% - 36px);}
.sect2-list__img{margin: 0 auto;}
.sect2-list__tit{margin-top: 30px;position: relative;text-align: center;font-size: 22px;font-weight: 600;word-break: keep-all;line-height: 1.6;}
.sect2-list__tit::after{content: '';position: absolute;top: -44px;left: 50%;z-index: -1;transform: translateX(-50%);width: 114px;height: 114px;background: radial-gradient(50% 50% at 50% 50%, rgba(106, 190, 207, 0.14) 0%, rgba(255, 228, 74, 0.00) 100%);}
.sect2-list__cont{margin-top: 20px; font-size: 16px; line-height: 1.7;}



@media (max-width: 1024px) {
    .sect1 .subTit { font-size: 30px; } 
    .sect1 .tit {font-size: 56px;} 
    .sect1 .cont { font-size: 20px; margin-top: 40px; } 
    .sect2-list{flex-wrap: wrap;gap: 40px 20px;}
    .sect2-list li{width: calc(50% - 10px); flex: none;}
    .sect1 .tele-wrap {flex-direction: column;}
    .tele-system{padding: 0; padding-top: 40px;}
    .sect2{padding-top: 100px;}
    .tele-system img.pad-ver.mo-ver{display: block;}

    
}

@media (max-width: 768px) {
    .sect1 .subTit { font-size: 20px; } 
    .sect1 .tit { font-size: 32px; } 
    .sect1 .cont { font-size: 16px; margin-top: 18px;} 
    .sect1 .cont br:not(.block) { display: none; } 
    .sect1 .bottom{margin-top: 60px;}
    .sect1 .tele-box{padding: 20px; border-radius: 30px;}
    .sect1 .tele-top{padding: 20px; border-radius: 20px;}
    .sect1 .tele-top b{font-size: 24px;line-height: 1.4;}
    .sect1 .tele-top p{font-size: 14px; margin-top: 8px;}
    .sect1 .tele-img{margin-top: 20px; padding: 0 20px;}
    .sect1 .tele-img::after { width: 144px; height: 144px; left: 0; top: 0; } 
    .sect1 .tele-r .tele-img::after { left: 40%; transform: translateX(-50%); top: 20px; } 
    .tele-system{padding-top: 20px;}
    .tele-system::before{width: 202px; height: 202px; top: -40px; left: 8px;}
    .tele-system::after{width: 133px;height: 172px;bottom: -86px;right: -20px;}
    
    .sect2{padding-top: 50px;}
    .sect2-list {gap: 60px 0; } 
    .sect2-list li { width: 100%; } 
    .sect2-list__img img { width: 144px; } 
    .sect2-list__tit {margin-top: 12px;font-size: 18px; } 
    .sect2-list__tit::after {width: 80px;height: 80px;top: -30px; } 
    .sect2-list__cont {font-size: 14px;margin-top: 12px; } 

}