@charset "UTF-8";

html,
body{position: relative;overflow-x: hidden;}

::-webkit-scrollbar{width: 7px;display: none;}
::-webkit-scrollbar-track{background:var(--color-black);}
::-webkit-scrollbar-thumb{background:var(--color-green);border-radius:999px;box-shadow:0 0 8px rgba(165,251,81,0.55);}
::-webkit-scrollbar-thumb:hover{background:#c2ff7a;box-shadow:0 0 10px rgba(165,251,81,0.85);}

body{background-color: #000;}

#smooth-wrapper {overflow: hidden;}
#smooth-content {overflow: visible;width: 100%;}


.service_component{width: 100%;max-width: 1920px;min-height: 100dvh;margin: 0 auto;}

.service_sect{width: 100%;}
.service_sect .sect_inner{}

.service_sect .pc_only{display: block;}
.service_sect .mo_only{display: none;}
@media (max-width: 1080px){
    .service_sect .pc_only{display: none;}
    .service_sect .mo_only{display: block;}
}


/* .service_sect.sect01 .provides_cnt_box{width: 100%;min-height: 100dvh;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;column-gap: 24px;}
.service_sect.sect01 .provides_cnt_box .cnt_left{flex: 0 0 auto;}
.service_sect.sect01 .provides_cnt_box .cnt_tit_box{}
.service_sect.sect01 .provides_cnt_box .cnt_tit_box .cnt_tit{font-size: var(--fs-56);font-weight: 500;line-height: var(--lh-64);color: var(--color-white);}

.service_sect.sect01 .provides_cnt_box .cnt_right{flex: 0 0 auto;}
.service_sect.sect01 .provides_cnt_box .cnt_keyword_box{}
.service_sect.sect01 .provides_cnt_box .cnt_keyword_box .keyword_list{max-height: 420px;overflow: hidden;overflow-y: auto;display: flex;flex-direction: column;justify-content: center;}
.service_sect.sect01 .provides_cnt_box .cnt_keyword_box .keyword_list .keyword_item{}
.service_sect.sect01 .provides_cnt_box .cnt_keyword_box .keyword_list .keyword_item .item_inner{}
.service_sect.sect01 .provides_cnt_box .cnt_keyword_box .keyword_list .keyword_item .cnt_keyword{font-size: var(--fs-50);font-weight: 500;line-height: var(--lh-64);color: var(--color-white);} */

/* =========================
 * sect01_provides:start
 * ========================= */

.service_sect.sect01 .provides_cnt_box_pc{width: 100%;min-height: 100dvh;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;}
.service_sect.sect01 .provides_cnt_box_pc .cnt_left{flex: 0 0 auto;}
.service_sect.sect01 .provides_cnt_box_pc .cnt_tit_box .cnt_tit{font-size: var(--fs-56);font-weight: 500;line-height: var(--lh-64);color: var(--color-white);}
.service_sect.sect01 .provides_cnt_box_pc .cnt_right{flex: 0 0 auto;}
.service_sect.sect01 .provides_cnt_box_pc .cnt_keyword_box{height: 448px;overflow: hidden;position: relative;}
.service_sect.sect01 .provides_cnt_box_pc .cnt_keyword_box::before,
.service_sect.sect01 .provides_cnt_box_pc .cnt_keyword_box::after{content: '';display: block;width: 100%;height: 4lh;position: absolute;left: 0;z-index: 1;}
.service_sect.sect01 .provides_cnt_box_pc .cnt_keyword_box::before{top: 0;background: linear-gradient(0deg, transparent, var(--color-black) 100%);}
.service_sect.sect01 .provides_cnt_box_pc .cnt_keyword_box::after{bottom: 0;background: linear-gradient(0deg, var(--color-black), transparent 100%);}
.service_sect.sect01 .provides_cnt_box_pc .cnt_keyword_box .keyword_list{display: flex;flex-direction: column;will-change: transform;}
.service_sect.sect01 .provides_cnt_box_pc .cnt_keyword_box .keyword_list .keyword_item{height: var(--lh-64);}
.service_sect.sect01 .provides_cnt_box_pc .cnt_keyword_box .keyword_list .keyword_item .item_inner{height: 100%;display: flex;align-items: center;}
.service_sect.sect01 .provides_cnt_box_pc .cnt_keyword_box .keyword_list .keyword_item .cnt_keyword{padding: 0 24px;font-size: var(--fs-50);font-weight: 500;line-height: var(--lh-64);color: var(--color-white);opacity: .35;-webkit-text-stroke-width: 3px;-webkit-text-stroke-color: var(--color-white);filter: blur(3px);text-shadow: none;transition: opacity .45s ease, filter .45s ease, color .45s ease, text-shadow .55s ease, -webkit-text-stroke-width .45s ease, -webkit-text-stroke-color .45s ease;}
.service_sect.sect01 .provides_cnt_box_pc .cnt_keyword_box .keyword_list .keyword_item.is-active .cnt_keyword{opacity: 1;filter: blur(0);color: var(--color-green);-webkit-text-stroke-width: 2px;-webkit-text-stroke-color: var(--color-green);text-shadow: 0 0 10px rgba(165,251,81,.45), 0 0 26px rgba(165,251,81,.32), 0 0 58px rgba(165,251,81,.22);}
.service_sect.sect01 .provides_cnt_box_pc.is-resetting .cnt_keyword{transition: none!important;}


/* 1080px 이하 mask_text_snap_motion */
.service_sect.sect01 .provides_mask_snap_box{display: none;position: relative;width: 100%;min-height: 100dvh;overflow: hidden;}
.service_sect.sect01 .provides_mask_snap_box .provides_fixed_text{position: absolute;left: 50%;top: 50%;z-index: 5;width: max-content;transform: translate(-50%, -112px);pointer-events: none;}
.service_sect.sect01 .provides_mask_snap_box .provides_fixed_text p{margin: 0;color: var(--color-white);font-size: var(--fs-40);font-weight: 500;line-height: var(--lh-48);letter-spacing: -0.05em;white-space: nowrap;}
.service_sect.sect01 .provides_mask_snap_box .provides_flow_text_box{position: absolute;left: 0;top: 50%;z-index: 2;width: 100%;height: 76px;transform: translateY(-2px);overflow: hidden;}
.service_sect.sect01 .provides_mask_snap_box .provides_flow_text{position: absolute;left: 0;top: 0;display: flex;align-items: center;width: max-content;height: 76px;white-space: nowrap;font-size: var(--fs-40);font-weight: 500;line-height: 76px;letter-spacing: -0.05em;will-change: transform;}
.service_sect.sect01 .provides_mask_snap_box .provides_flow_word{display: inline-block;flex: 0 0 auto;margin-right: 30px;}
.service_sect.sect01 .provides_mask_snap_box .provides_flow_text_gray{z-index: 1;color: rgba(255,255,255,.18);}
.service_sect.sect01 .provides_mask_snap_box .provides_flow_text_mask{position: absolute;top: 0;z-index: 3;height: 76px;overflow: hidden;pointer-events: none;}
.service_sect.sect01 .provides_mask_snap_box .provides_flow_text_green{color: var(--color-green);}
.service_sect.sect01 .provides_mask_snap_box .provides_flow_text_green .provides_flow_word{color: transparent;}
.service_sect.sect01 .provides_mask_snap_box .provides_flow_text_green .provides_flow_word.is-active{color: var(--color-green);text-shadow: 0 0 10px rgba(165,251,81,.45), 0 0 26px rgba(165,251,81,.32), 0 0 58px rgba(165,251,81,.22);}


@media (max-width: 1280px){
    .service_sect.sect01 .provides_cnt_box_pc .cnt_tit_box .cnt_tit{font-size: var(--fs-48);line-height: var(--lh-56);}
    .service_sect.sect01 .provides_cnt_box_pc .cnt_keyword_box .keyword_list .keyword_item .cnt_keyword{font-size: var(--fs-42);line-height: var(--lh-56);}
    .service_sect.sect01 .provides_cnt_box_pc .cnt_keyword_box .keyword_list .keyword_item{height: var(--lh-56);}
}

@media (max-width: 1080px){
    .service_sect.sect01 .provides_cnt_box_pc{display: none;}
    .service_sect.sect01 .provides_mask_snap_box{display: block;}
}

@media (max-width: 768px){
    .service_sect.sect01 .provides_mask_snap_box .provides_fixed_text{transform: translate(-50%, -102px);}
    .service_sect.sect01 .provides_mask_snap_box .provides_fixed_text p,
    .service_sect.sect01 .provides_mask_snap_box .provides_flow_text{font-size: var(--fs-34);line-height: var(--lh-42);}
    .service_sect.sect01 .provides_mask_snap_box .provides_flow_text_box,
    .service_sect.sect01 .provides_mask_snap_box .provides_flow_text_mask{height: var(--lh-64);}
    .service_sect.sect01 .provides_mask_snap_box .provides_flow_text{height: var(--lh-64);}
    .service_sect.sect01 .provides_mask_snap_box .provides_flow_word{margin-right: 32px;}
}

@media (max-width: 480px){
    .service_sect.sect01 .provides_mask_snap_box .provides_fixed_text{left: 20px;transform: translate(0, -92px);}
    .service_sect.sect01 .provides_mask_snap_box .provides_fixed_text p,
    .service_sect.sect01 .provides_mask_snap_box .provides_flow_text{font-size: var(--fs-30);line-height: var(--lh-38);}
    .service_sect.sect01 .provides_mask_snap_box .provides_flow_text_box,
    .service_sect.sect01 .provides_mask_snap_box .provides_flow_text_mask{height: var(--lh-56);}
    .service_sect.sect01 .provides_mask_snap_box .provides_flow_text{height: var(--lh-56);}
    .service_sect.sect01 .provides_mask_snap_box .provides_flow_word{margin-right: 24px;}
}

/* =========================
  * sect01_provides:end
  * ========================= */



.service_sect.sect02 .sect_inner{width: 100%;max-width: 1200px;margin: 0 auto;padding: 128px 24px;box-sizing: border-box;}
.service_sect.sect02 .cnt_card_box{}
.service_sect.sect02 .cnt_card_box .card_box{}
.service_sect.sect02 .cnt_card_box .card_list{}
.service_sect.sect02 .cnt_card_box .card_item{overflow: hidden;}
.service_sect.sect02 .cnt_card_box .card_item + .card_item{margin-top: 24px;}
.service_sect.sect02 .cnt_card_box .card_item .item_inner{padding: 0 0 0;display: flex;align-items: flex-start;flex-wrap: nowrap;column-gap: 16px;}
.service_sect.sect02 .cnt_card_box .card_item .item_left{flex: 0 0 auto;}

.service_sect.sect02 .cnt_card_box .card_item .card_icon_box{display: block;line-height: 0;}
.service_sect.sect02 .cnt_card_box .card_item .card_icon_box .service_icons_box{display: inline-block;width: 100px;height: 100px;}
.service_sect.sect02 .cnt_card_box .card_item .card_icon_box .service_icons_box .service_icon_svg{opacity: 0;visibility: hidden;overflow:visible;width: 100%;height: 100%;}

.service_sect.sect02 .cnt_card_box .card_item .card_icon_box .service_icons_box .service_icon_svg .cell,
.service_sect.sect02 .cnt_card_box .card_item .card_icon_box .service_icons_box .service_icon_svg .icon_box,
.service_sect.sect02 .cnt_card_box .card_item .card_icon_box .service_icons_box .service_icon_svg .icon_line,
.service_sect.sect02 .cnt_card_box .card_item .card_icon_box .service_icons_box .service_icon_svg .icon_dot,
.service_sect.sect02 .cnt_card_box .card_item .card_icon_box .service_icons_box .service_icon_svg .icon_diamond,
.service_sect.sect02 .cnt_card_box .card_item .card_icon_box .service_icons_box .service_icon_svg .icon_ray{vector-effect:non-scaling-stroke;}

.service_sect.sect02 .cnt_card_box .card_item .item_right{flex: 1 1 0%;}
.service_sect.sect02 .cnt_card_box .card_item .item_hd{position:relative;z-index:2;}
.service_sect.sect02 .cnt_card_box .card_item .card_tit_box{min-height: 100px;display: flex;align-items: center;justify-content: flex-start;}
.service_sect.sect02 .cnt_card_box .card_item .card_tit_box .card_tit{font-size: var(--fs-64);font-weight: 500;line-height: var(--lh-72);color: var(--color-white);}

.service_sect.sect02 .cnt_card_box .card_item .item_bd{display: flex;align-items: stretch;flex-wrap: nowrap;column-gap: 16px;position:relative;z-index:1;overflow:hidden;}
.service_sect.sect02 .cnt_card_box .card_item .item_hd + .item_bd{margin-top: 32px;}
.service_sect.sect02 .cnt_card_box .card_item .item_bd .bd_left{flex: 1 1 0%;}
.service_sect.sect02 .cnt_card_box .card_item .item_bd .bd_right{flex: 0 0 auto;}

.service_sect.sect02 .cnt_card_box .card_item .card_desc_box{}
.service_sect.sect02 .cnt_card_box .card_item .card_desc_box .card_desc{font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-white);}

.service_sect.sect02 .cnt_card_box .card_item .card_keyword_box{}
.service_sect.sect02 .cnt_card_box .card_item .card_desc_box + .card_keyword_box{margin-top: 32px;}
.service_sect.sect02 .cnt_card_box .card_item .card_keyword_list{display: flex;align-items: center;flex-wrap: wrap;row-gap: 12px;}
.service_sect.sect02 .cnt_card_box .card_item .card_keyword_item{width: 50%;}
.service_sect.sect02 .cnt_card_box .card_item .card_keyword_item .card_keyword{padding-left: 22px;position: relative;font-family: 'TerminaTest', sans-serif !important;font-size: var(--fs-24);font-weight: 400;line-height: var(--lh-32);color: var(--color-white);}
.service_sect.sect02 .cnt_card_box .card_item .card_keyword_item .card_keyword::before{content: '';display: block;width: 10px;height: 10px;background-color: var(--color-white);position: absolute;top: 11px;left: 0;z-index: 1;}


.service_sect.sect02 .cnt_card_box .card_item .card_btns_box{}
.service_sect.sect02 .cnt_card_box .card_item .card_keyword_box + .card_btns_box{margin-top: 32px;}
.service_sect.sect02 .cnt_card_box .card_item .card_btns_box .card_btns{display: inline-flex;align-items: center;justify-content: center;padding: 8px 16px;background-color: transparent;border: 1px solid var(--color-green);transition: border-color 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;}
.service_sect.sect02 .cnt_card_box .card_item .card_btns_box .card_btns .btns_name{display: inline-block;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-20);color: var(--color-green);text-transform: uppercase;transition: text-shadow 0.3s ease;}
.service_sect.sect02 .cnt_card_box .card_item .card_btns_box .card_btns:hover{/* background-color: rgba(165, 251, 81, 0.06); */border-color: #A5FB51;box-shadow: 0 0 2px rgba(165, 251, 81, 0.75), 0 0 6px rgba(165, 251, 81, 0.55); /* 0 0 8px rgba(165, 251, 81, 0.32); */}
.service_sect.sect02 .cnt_card_box .card_item .card_btns_box .card_btns:hover .btns_name{text-shadow: 0 0 2px rgba(165, 251, 81, 0.95), 0 0 6px rgba(165, 251, 81, 0.75);/* 0 0 8px rgba(165, 251, 81, 0.45); */}


.service_sect.sect02 .cnt_card_box .card_item .card_thumb_box{line-height: 0;}
.service_sect.sect02 .cnt_card_box .card_item .card_thumb_box .thumb_box{width: 100%;max-width: 470px;aspect-ratio: 470 / 232;overflow: hidden;}
.service_sect.sect02 .cnt_card_box .card_item .card_thumb_box .thumb_box .card_thumb{width: 100%;height: 100%;object-fit: cover;object-position: center top;}


.service_sect.sect02{position:relative;}
.service_sect.sect02 .cnt_card_box .card_list{position:relative;}
.service_sect.sect02 .cnt_card_box .card_item{position:relative;will-change:transform,opacity;}
.service_sect.sect02 .cnt_card_box .card_item .item_inner{position:relative;overflow:hidden;}
.service_sect.sect02 .cnt_card_box .card_item .item_bd{overflow:hidden;will-change:height,opacity,transform;}
.service_sect.sect02 .cnt_card_box .card_item:not(:first-child){opacity:0;transform:translateY(120px);}
.service_sect.sect02 .cnt_card_box .card_item .card_icon_box .service_icons_box .service_icon_svg{opacity:0;visibility:hidden;}



@media (max-width: 1920px){
}
@media (max-width: 1440px){
    .service_sect.sect02 .cnt_card_box .card_item .card_icon_box .service_icons_box{width: 80px;height: 80px;}
    .service_sect.sect02 .cnt_card_box .card_item .card_tit_box{min-height: 80px;}
    .service_sect.sect02 .cnt_card_box .card_item .card_tit_box .card_tit{font-size: var(--fs-56);line-height: var(--lh-64);}
}
@media (max-width: 1280px){
    .service_sect.sect02 .sect_inner{padding: 96px 24px;}

    .service_sect.sect02 .cnt_card_box .card_item .card_icon_box .service_icons_box{width: 80px;height: 80px;}
    .service_sect.sect02 .cnt_card_box .card_item .card_tit_box{min-height: 80px;}
    .service_sect.sect02 .cnt_card_box .card_item .card_tit_box .card_tit{font-size: var(--fs-48);line-height: var(--lh-56);}

    .service_sect.sect02 .cnt_card_box .card_item .item_hd + .item_bd{margin-top: 16px;}
}
@media (max-width: 1080px){
    .service_sect.sect02 .sect_inner{padding: 72px 24px;}
    .service_sect.sect02 .cnt_card_box .card_item .card_desc_box + .card_keyword_box{margin-top: 24px;}

    .service_sect.sect02 .cnt_card_box .card_item + .card_item{margin-top: 16px;}
    .service_sect.sect02 .cnt_card_box .card_item .card_icon_box .service_icons_box{width: 60px;height: 60px;}
    .service_sect.sect02 .cnt_card_box .card_item .card_tit_box{min-height: 60px;}
    .service_sect.sect02 .cnt_card_box .card_item .card_tit_box .card_tit{font-size: var(--fs-48);line-height: var(--lh-56);}

    .service_sect.sect02 .cnt_card_box .card_item .item_bd .bd_left + .bd_right{margin-top: 24px;}
    .service_sect.sect02 .cnt_card_box .card_item .card_thumb_box .thumb_box{max-width: 600px;}
    .service_sect.sect02 .cnt_card_box .card_item .card_thumb_box + .card_btns_box{margin-top: 16px;}


}
@media (max-width: 1024px){
    .service_sect.sect02 .cnt_card_box .card_item .card_desc_box + .card_keyword_box{margin-top: 16px;}
    .service_sect.sect02 .cnt_card_box .card_item .card_icon_box .service_icons_box{width: 50px;height: 50px;}
    .service_sect.sect02 .cnt_card_box .card_item .card_tit_box{min-height: 50px;}
    .service_sect.sect02 .cnt_card_box .card_item .card_tit_box .card_tit{font-size: var(--fs-32);line-height: var(--lh-44);}
    .service_sect.sect02 .cnt_card_box .card_item .card_keyword_item .card_keyword{padding-left: 18px;font-size: var(--fs-18);line-height: var(--lh-26);}
    .service_sect.sect02 .cnt_card_box .card_item .card_keyword_item .card_keyword::before{width: 8px;height: 8px;top: 8px;}

    .service_sect.sect02 .cnt_card_box .card_item .item_bd .bd_left + .bd_right{margin-top: 16px;}
}
@media (max-width: 768px){
}
@media (max-width: 600px){
    .service_sect.sect02 .sect_inner{padding: 64px 16px}
    .service_sect.sect02 .cnt_card_box .card_item .card_icon_box .service_icons_box{width: 40px;height: 40px;}
    .service_sect.sect02 .cnt_card_box .card_item .card_tit_box{min-height: 40px;}
    .service_sect.sect02 .cnt_card_box .card_item .card_tit_box .card_tit{font-size: var(--fs-24);line-height: var(--lh-32);}

    .service_sect.sect02 .cnt_card_box .card_item .card_desc_box .card_desc{font-size: var(--fs-14);line-height: var(--lh-20);}
    .service_sect.sect02 .cnt_card_box .card_item .card_desc_box .card_desc br{display: none;}
    .service_sect.sect02 .cnt_card_box .card_item .card_keyword_item .card_keyword{padding-left: 14px;font-size: var(--fs-16);line-height: var(--lh-24);}
    .service_sect.sect02 .cnt_card_box .card_item .card_keyword_item .card_keyword::before{width: 6px;height: 6px;top: 8px;}

    .service_sect.sect02 .cnt_card_box .card_item .card_btns_box .card_btns .btns_name{font-size: var(--fs-14);}
}
@media (max-width: 450px){
    .service_sect.sect02 .cnt_card_box .card_item .item_inner{column-gap: 12px;}
    .service_sect.sect02 .cnt_card_box .card_item .item_hd + .item_bd{margin-top: 8px;}

    .service_sect.sect02 .cnt_card_box .card_item .card_icon_box .service_icons_box{width: 30px;height: 30px;}
    .service_sect.sect02 .cnt_card_box .card_item .card_tit_box{min-height: 30px;}
    .service_sect.sect02 .cnt_card_box .card_item .card_tit_box .card_tit{font-size: var(--fs-20);line-height: var(--lh-28);}

    .service_sect.sect02 .cnt_card_box .card_item .card_desc_box .card_desc{font-size: var(--fs-12);line-height: var(--lh-18);}

    .service_sect.sect02 .cnt_card_box .card_item .card_desc_box + .card_keyword_box{margin-top: 10px;}

    .service_sect.sect02 .cnt_card_box .card_item .card_keyword_list{row-gap: 8px;}
    .service_sect.sect02 .cnt_card_box .card_item .card_keyword_item .card_keyword{padding-left: 14px;font-size: var(--fs-14);line-height: var(--lh-20);}
    .service_sect.sect02 .cnt_card_box .card_item .card_keyword_item .card_keyword::before{width: 6px;height: 6px;top: 8px;}

    .service_sect.sect02 .cnt_card_box .card_item .item_bd .bd_left + .bd_right{margin-top: 12px;}
}
@media (max-width: 375px){
    .service_sect.sect02 .cnt_card_box .card_item .card_icon_box .service_icons_box{width: 26px;height: 26px;}
    .service_sect.sect02 .cnt_card_box .card_item .card_tit_box{min-height: 26px;}
    .service_sect.sect02 .cnt_card_box .card_item .card_tit_box .card_tit{font-size: var(--fs-18);line-height: var(--lh-26);}

    .service_sect.sect02 .cnt_card_box .card_item .card_keyword_list{row-gap: 4px;}
}
@media (max-width: 360px){
}
@media (max-width: 320px){
}