@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%;}



.main_sect{position: relative;display: flex;align-items: center;justify-content: center;width: 100%;min-height: 100dvh;padding: 96px 24px;box-sizing: border-box;}
.main_sect.full{padding: 96px 0;}
.main_sect .sect_inner{width: 100%;max-width: 1440px;margin: 0 auto;;}


.ta_l{text-align: left;}
.ta_r{text-align: right;}
.ta_c{text-align: center;}

@media (max-width: 1080px){
    .main_sect{padding: 64px 16px;}
}
/* ================================== S::sect01  ========================================  */
#sect01{position: relative;}
#sect01 .sect_inner{}
#sect01 .sect_bd{display: flex;align-items: center;justify-content: center;}
#sect01 .cnt_box{position: relative;width: 100%;max-width: 1200px;margin: 0 auto;}
#sect01 .cnt_box .cnt_vod_box{display: inline-block;width: 100%;max-width: 340px;border-radius: 32px;overflow: hidden;line-height: 0;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) rotate(20deg);z-index: -1;}
#sect01 .cnt_box .cnt_vod{width: 100%;}
#sect01 .cnt_box .cnt_txt_box{display: inline-block;width: 100%;}
#sect01 .cnt_box .cnt_txt{font-size: clamp(32px, 8vw, 88px);font-weight: 500;line-height: 1.25;color: var(--color-white);overflow: hidden;visibility: hidden;}
#sect01 .cnt_box .cnt_txt.point{color: var(--color-green);}
#sect01 .cnt_box .cnt_txt.n04{margin-right: 128px;}
#sect01 .cnt_box .cnt_txt .split_word{display: inline-block;white-space: nowrap;}
#sect01 .cnt_box .cnt_txt .split_char{display: inline-block;will-change: transform, opacity;}

#sect01 .sect_ft{position: absolute;left: 24px;bottom: 24px;z-index: 1;}
#sect01 .point_txt_box{}
#sect01 .point_txt{font-size: clamp(16px, 4vw, 28px);font-weight: 400;line-height: 1.2;color: var(--color-black4);letter-spacing: 0.02em;text-transform: uppercase;}
#sect01 .point_txt .point{color: var(--color-white);}

#sect01 .cnt_info_box{position: absolute;left: 0;bottom: 0;right: 0;width: 100%;max-width: 1920px;margin: 0 auto;padding: 40px;display: flex;align-items: center;justify-content: flex-end;}
#sect01 .cnt_info_box .cnt_info{font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-green);}
@media (max-width: 1440px){

}
@media (max-width: 1080px){
    #sect01 .cnt_box{max-width: 768px;}
    #sect01 .cnt_box .cnt_vod_box{max-width: 280px;}
    #sect01 .cnt_box .cnt_txt{font-size: clamp(28px, 6vw, 48px);}
    #sect01 .cnt_box .cnt_txt.n04{margin-right: 72px;}
    #sect01 .point_txt{font-size: clamp(16px, 3vw, 20px);}

    #sect01 .cnt_info_box{padding: 20px;justify-content: center;}
    #sect01 .cnt_info_box .cnt_info{font-size: var(--fs-16);line-height: var(--lh-24);}
}
@media (max-width: 600px){
    #sect01 .cnt_box .cnt_vod_box{max-width: 200px;}
    #sect01 .cnt_box .cnt_txt.n04{margin-right: 48px;}

    #sect01 .sect_ft{left: 16px;bottom: 16px;}
    #sect01 .point_txt{font-size: clamp(12px, 2vw, 16px);}

    #sect01 .cnt_info_box{padding: 16px;}
    #sect01 .cnt_info_box .cnt_info{font-size: var(--fs-12);line-height: var(--lh-18);}
}
/* ================================== //E::sect01  ========================================  */



/* ================================== S::sect02  ========================================  */
#sect02{padding: 0;}
#sect02 .sect_inner{max-width: 100%;}
#sect02 .horizon_wrap{width: max-content;will-change: transform;display: flex;}
#sect02 .horizon_left{flex: 0 0 calc(100vw);width: 100vw;padding: 0 96px;box-sizing: border-box;display: flex;align-items: center;}

/* #sect02 .split_box{width: 100%;}
#sect02 .split_txt{font-size: clamp(20px, 8vw, 32px);line-height: 1.8;font-weight: 500;color: #B9B3A9;word-break: keep-all;overflow: hidden;visibility: hidden;}
#sect02 .split_txt .split_line{display: block;overflow: hidden;}
#sect02 .split_txt .split_line_inner{display: block;will-change: transform, opacity;} */

#sect02 .split_stage_mo{display:none;}
#sect02 .split_stage_pc{display:block;}

#sect02 .split_stage{position: relative;width: 100%;}
#sect02 .split_pair{position: relative;width: 100%;height: 48px;overflow: hidden;}
#sect02 .split_pair + .split_pair{margin-top: 24px;}

#sect02 .split_pair_inner{position: absolute;left: 0;top: 0;width: 100%;height: 96px;will-change: transform;}
#sect02 .split_txt{visibility: hidden;overflow: hidden;}
#sect02 .split_pair .split_txt{height: 48px;display: flex;align-items: center;}
#sect02 .intro_txt{font-size: clamp(32px, 3vw, 36px);line-height: 48px;font-weight: 500;letter-spacing: -0.04em;white-space: nowrap;}
#sect02 .desc_txt{font-size: clamp(32px, 3vw, 36px);line-height: 48px;font-weight: 500;letter-spacing: -0.04em;word-break: keep-all;}
#sect02 .split_line{overflow: hidden;}
#sect02 .split_line_inner{display: block;will-change: transform, opacity;}
#sect02 .split_char{display: inline-block;white-space: pre;will-change: transform, opacity;}


#sect02 .horizon_right{flex: 0 0 100vw;width: 100vw;padding: 0 96px;box-sizing: border-box;}
#sect02 .value_txt_box{text-align: center;}
#sect02 .value_txt{font-size: clamp(48px, 8vw, 76px);font-weight: 500;line-height: 1.2;color: var(--color-white);}
/* #sect02 .value_txt .value_split_word {display: inline-block;white-space: nowrap;} */
/* #sect02 .value_txt .value_split_char {display: inline-block;will-change: transform, opacity;} */
        
#sect02 .value_list{width: 100%;padding: 0 56px;box-sizing: border-box;display: flex;align-items: flex-start;justify-content: center;flex-wrap: nowrap;}
#sect02 .value_txt_box + .value_list{margin-top: 64px;}
#sect02 .value_list.top_value_list{}
#sect02 .value_list.bottom_value_list{margin-top: 24px;}

#sect02 .value_list .value_item{width: 50%;padding: 0 24px;box-sizing: border-box;display: flex;align-items: stretch;}
#sect02 .value_list.top_value_list .value_item{justify-content: flex-start;}
#sect02 .value_list.bottom_value_list .value_item{justify-content: flex-end;}

#sect02 .value_list .value_item .item_inner{}

/* #sect02 .value_list .value_item .item_hd{display: flex;align-items: center;justify-content: flex-start;} */
/* #sect02 .value_list .value_item.item01 .item_hd{justify-content: flex-start;}
#sect02 .value_list .value_item.item02 .item_hd{justify-content: flex-end;}
#sect02 .value_list .value_item.item03 .item_hd{justify-content: center;}
#sect02 .value_list .value_item.item04 .item_hd{justify-content: flex-end;} */

#sect02 .value_list .value_item .item_img_box{width: 200px;aspect-ratio: 1/1;line-height: 0;}
#sect02 .value_list .value_item .item_img{width: 100%;height: 100%;}

#sect02 .value_list .value_item .item_bd{}
/* #sect02 .value_list .value_item.item01 .item_bd{margin-top: -28px;}
#sect02 .value_list .value_item.item02 .item_bd{margin-top: -20px;}
#sect02 .value_list .value_item.item03 .item_bd{margin-top: -20px;}
#sect02 .value_list .value_item.item04 .item_bd{margin-top: -40px;} */
#sect02 .value_list .value_item .item_tit_box{}
#sect02 .value_list .value_item .item_tit{font-size: var(--fs-24);font-weight: 400;line-height: 1.3;color: var(--color-green);}

#sect02 .value_list .value_item .item_txt_box{}
#sect02 .value_list .value_item .item_tit_box + .item_txt_box{margin-top: 12px;}
#sect02 .value_list .value_item .item_txt{}

@media (max-width: 1920px){
}
@media (max-width: 1440px){
    #sect02 .horizon_left{padding: 0 64px;}
    #sect02 .horizon_right{padding: 0 64px;}
}
@media (max-width: 1280px){
    #sect02 .horizon_wrap{display: block;width: 100%;}
    #sect02 .horizon_left{width: 100%;min-height: 100dvh;padding: 0 32px;}

    #sect02 .horizon_right{width: 100%;padding: 0 32px;}
    #sect02 .value_txt{font-size: clamp(32px, 6vw, 56px);}
    #sect02 .value_list{display: block;width: 100%;max-width: 950px;margin: 0 auto;padding: 0;}
    #sect02 .value_list .value_item{width: 100%;padding: 16px;}
    #sect02 .value_list .value_item + .value_item{margin-top: 48px;}
    #sect02 .value_list .value_item .item_inner{display: inline-block;position: relative;}

    #sect02 .value_list .value_item.item01{justify-content: flex-start;}
    #sect02 .value_list .value_item.item02{justify-content: flex-start;}
    #sect02 .value_list .value_item.item03{justify-content: flex-end;}
    #sect02 .value_list .value_item.item04{justify-content: flex-end;}

    #sect02 .value_list .value_item .item_hd{flex: 0 0 auto;}
    #sect02 .value_list .value_item .item_img_box{width: 300px;}

    /* #sect02 .value_list .value_item .item_bd{position: absolute;z-index: 1;} */
    #sect02 .value_list .value_item.item01 .item_bd{margin-top: 0px;}
    #sect02 .value_list .value_item.item02 .item_bd{margin-top: 0px;}
    #sect02 .value_list .value_item.item03 .item_bd{margin-top: 0px;}
    #sect02 .value_list .value_item.item04 .item_bd{margin-top: 0px;}
}
@media (max-width: 1080px){
    #sect02 .intro_txt{font-size: 30px;}
    #sect02 .desc_txt{font-size: 30px;}

    #sect02 .value_list .value_item .item_img_box{width: 300px;}
}
@media (max-width: 1024px){
    #sect02 .split_stage_pc{display:none;}
    #sect02 .split_stage_mo{display:block;}

    #sect02 .split_pair{height: 40px;}
    #sect02 .split_pair_inner{height: 80px;}
    #sect02 .split_pair .split_txt{height: 40px;}
    #sect02 .intro_txt{font-size: 28px;line-height: 40px;}
    #sect02 .desc_txt{font-size: 28px;line-height: 40px;}
}
@media (max-width: 768px){
    #sect02 .horizon_left{padding: 0 20px;}
    #sect02 .horizon_right{padding: 0 20px;}

    #sect02 .split_pair{height: 36px;}
    #sect02 .split_pair_inner{height: 72px;}
    #sect02 .split_pair .split_txt{height: 36px;}
    #sect02 .intro_txt{font-size: 24px;line-height: 36px;}
    #sect02 .desc_txt{font-size: 24px;line-height: 36px;}

    #sect02 .value_list .value_item{padding: 0;}
    #sect02 .value_list .value_item .item_img_box{width: 260px;}
}
@media (max-width: 600px){
    #sect02{padding: 48px 0 64px;}

    #sect02 .horizon_left{padding: 0 16px;}
    #sect02 .split_pair{height: 32px;}
    #sect02 .split_pair_inner{height: 64px;}
    #sect02 .split_pair .split_txt{height: 32px;}
    #sect02 .intro_txt{font-size: 20px;line-height: 32px;}
    #sect02 .desc_txt{font-size: 20px;line-height: 32px;}

    #sect02 .horizon_right{padding: 0 16px;}
    #sect02 .value_txt{font-size: clamp(24px, 6vw, 48px);}
    #sect02 .value_list.bottom_value_list{margin-top: 48px;}
    #sect02 .value_list .value_item + .value_item{margin-top: 48px;}

    #sect02 .value_list .value_item .item_img_box{width: 180px;}

    #sect02 .value_list .value_item .item_tit{font-size: var(--fs-18);}
    #sect02 .value_list .value_item .item_txt{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);}

    /* #sect02 .value_list .value_item.item01 .item_bd{bottom: 0;right: -110px;}
    #sect02 .value_list .value_item.item02 .item_bd{left: -130px;}
    #sect02 .value_list .value_item.item03 .item_bd{bottom: 0;right: -150px;}
    #sect02 .value_list .value_item.item04 .item_bd{bottom: -20px;left: -150px;} */
}
@media (max-width: 450px){
    #sect02 .intro_txt{font-size: 18px;line-height: 30px;}
    #sect02 .desc_txt{font-size: 18px;line-height: 30px;}

    #sect02 .value_list .value_item .item_img_box{width: 140px;}
}
@media (max-width: 375px){
    #sect02 .split_pair{height: 28px;}
    #sect02 .split_pair_inner{height: 56px;}
    #sect02 .split_pair .split_txt{height: 28px;}
    #sect02 .intro_txt{font-size: 16px;line-height: 28px;}
    #sect02 .desc_txt{font-size: 16px;line-height: 28px;letter-spacing: -0.02em;}

    #sect02 .value_list .value_item.item01{justify-content: flex-start;}
    #sect02 .value_list .value_item.item02{justify-content: flex-start;}
    #sect02 .value_list .value_item.item03{justify-content: flex-start;}
    #sect02 .value_list .value_item.item04{justify-content: flex-start;}
}
@media (max-width: 360px){
    #sect02 .intro_txt{font-size: 14px;line-height: 24px;}
    #sect02 .desc_txt{font-size: 14px;line-height: 24px;}
}
@media (max-width: 320px){
    #sect02 .split_pair{height: 24px;}
    #sect02 .split_pair_inner{height: 48px;}
    #sect02 .split_pair .split_txt{height: 24px;}
    #sect02 .intro_txt{font-size: 14px;line-height: 24px;}
    #sect02 .desc_txt{font-size: 14px;line-height: 24px;}
}
/* ================================== //E::sect02  ========================================  */



/* ================================== S::sect03  ========================================  */
#sect03{padding: 96px 24px;}
#sect03 .sect_hd{min-height: 100dvh;display: flex;align-items: center;justify-content: center;}
#sect03 .flex_box{width: 100%;display: flex;align-items: flex-end;justify-content: center;column-gap: 80px;}
#sect03 .flex_box .flex_left{}
#sect03 .flex_box .flex_left .logo_txt{font-size: clamp(100px, 20vw, 200px);font-weight: 500;line-height: 1;color: var(--color-green);}
#sect03 .flex_box .flex_right{}
#sect03 .flex_box .flex_right .cnt_box{}
#sect03 .flex_box .flex_right .cnt_img_box{width: 100%;max-width: 560px;line-height: 0;
    position: relative;
    perspective: 560px;
    transform-style: preserve-3d;
}
#sect03 .flex_box .flex_right .cnt_vod_box{width: 100%;max-width: 560px;line-height: 0;
    position: relative;
    perspective: 560px;
    transform-style: preserve-3d;
}
#sect03 .flex_box .flex_right .cnt_vod_box .cnt_vod{width: 100%;transform-style: preserve-3d;will-change: transform;}

#sect03 .flex_box .flex_right .cnt_img_box img{width: 100%;
    transform-style: preserve-3d;
    will-change: transform;
}
#sect03 .flex_box .flex_right .cnt_txt_box{}
#sect03 .flex_box .flex_right .cnt_img_box + .cnt_txt_box{margin-top: 80px;}
#sect03 .flex_box .flex_right .cnt_vod_box + .cnt_txt_box{margin-top: 80px;}
#sect03 .flex_box .flex_right .cnt_txt_box .cnt_txt{font-size: var(--fs-20);font-weight: 400;line-height: 2;color: var(--color-white);text-align: right;}

#sect03 .sect_bd{width: 100%;min-height: 100dvh;padding: 0 48px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
#sect03 .sect_hd + .sect_bd{}
#sect03 .service_list{width: 100%;}
#sect03 .service_item{will-change: transform;}
#sect03 .service_item + .service_item{margin-top: 64px;}
#sect03 .service_item:nth-child(odd){text-align: right;}
#sect03 .service_item:nth-child(even){text-align: left;}
#sect03 .service_item .item_inner{}
#sect03 .service_item .item_tit_box{visibility: hidden;will-change: transform, opacity;}
#sect03 .service_item .item_tit_box .item_tit{font-size: clamp(32px, 8vw, 64px);font-weight: 600;line-height: 1;color: var(--color-green);}
#sect03 .service_item .item_txt_box{visibility: hidden;will-change: transform, opacity;}
#sect03 .service_item .item_tit_box + .item_txt_box{margin-top: 48px;}
#sect03 .service_item .item_txt_box .item_txt{font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-28);color: var(--color-white);}


@media (max-width: 1440px){
    
}
@media (max-width: 1280px){
    #sect03{padding: 96px 32px;}
    #sect03 .sect_inner{padding: 96px 0;}
    #sect03 .sect_hd{min-height: 120dvh;}
    #sect03 .flex_box{display: block;width: 100%;max-width: 768px;margin: 0 auto;position: relative;}
    #sect03 .flex_box .flex_right .cnt_img_box{position: absolute;top: 0;right: 0;z-index: -1;}
    #sect03 .flex_box .flex_right .cnt_vod_box{position: absolute;top: 0;right: 0;z-index: -1;}
    
    #sect03 .sect_bd{padding: 0;}
    #sect03 .service_item + .service_item{margin-top: 96px;}
    #sect03 .service_item .item_tit_box .item_tit{font-size: clamp(32px, 6vw, 56px);}
    #sect03 .service_item .item_tit_box + .item_txt_box{margin-top: 32px;}
}
@media (max-width: 1080px){
    #sect03 .flex_box .flex_left .logo_txt{font-size: clamp(80px, 20vw, 150px);}
    #sect03 .flex_box .flex_right .cnt_img_box{max-width: 500px;}
    #sect03 .flex_box .flex_right .cnt_vod_box{max-width: 500px;}
    
    #sect03 .service_item .item_tit_box .item_tit{font-size: clamp(28px, 6vw, 48px);}
}
@media (max-width: 600px){
    #sect03{padding: 0 16px;}
    #sect03 .sect_hd{min-height: 100dvh;}
    #sect03 .flex_box{padding-top: 100px;}
    #sect03 .flex_box .flex_right .cnt_img_box{max-width: 360px;}
    #sect03 .flex_box .flex_right .cnt_vod_box{max-width: 360px;}
    #sect03 .flex_box .flex_right .cnt_txt_box .cnt_txt{font-size: var(--fs-16);line-height: var(--lh-24);}
    
    #sect03 .service_item .item_tit_box .item_tit{font-size: var(--fs-24);}
    #sect03 .service_item .item_tit_box + .item_txt_box{margin-top: 24px;}
    #sect03 .service_item .item_txt_box .item_txt{font-size: var(--fs-16);line-height: var(--lh-24);}
}
@media (max-width: 450px){
    #sect03 .sect_bd{min-height: 120dvh;align-items: flex-start;}
    #sect03 .flex_box .flex_right .cnt_img_box{max-width: 320px;}
    #sect03 .flex_box .flex_right .cnt_txt_box .cnt_txt{font-size: var(--fs-14);line-height: var(--lh-20);}
    #sect03 .service_item .item_tit_box + .item_txt_box{margin-top: 16px;}
    #sect03 .service_item .item_txt_box .item_txt{font-size: var(--fs-14);line-height: var(--lh-20);}
}
@media (max-width: 375px){
    #sect03 .flex_box .flex_right .cnt_img_box{max-width: 320px;}
    #sect03 .flex_box .flex_right .cnt_vod_box{max-width: 320px;}
}
/* ================================== //E::sect03  ========================================  */



/* ================================== S::sect04  ========================================  */
#sect04{}
#sect04 .sect_hd{width: 100%;padding: 0 48px;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;}
#sect04 .portfolio_numb_box{flex: 0 0 auto;}
#sect04 .numb_info{display:inline-flex;align-items:center;overflow:hidden;}
#sect04 .numb_info .num_digit{display:inline-block;position:relative;overflow:hidden;height:1em;text-align:center;font-size:var(--fs-60);font-weight:500;line-height:1;color:var(--color-green);}
#sect04 .numb_info .num_strip{display:flex;flex-direction:column;will-change:transform;}
#sect04 .numb_info .num_value{display:block;width:100%;height:1em;line-height:1;text-align:center;}
#sect04 .sect_tit_box{flex: 0 0 auto;}
#sect04 .sect_tit_box .sect_tit{font-size: var(--fs-60);font-weight: 500;line-height: 1;color: var(--color-white);}

#sect04 .sect_bd{width: 100%;margin-top: 48px;}
#sect04 .portfolio_wrap {position: relative;width: 100%;padding: 0 48px;box-sizing: border-box;}
#sect04 .portfolio_view {width: 100%;overflow: hidden;}
#sect04 .portfolio_track {display: flex;align-items: stretch;flex-wrap: nowrap;width: max-content;will-change: transform;}
#sect04 .portfolio_item{flex: 0 0 var(--portfolio-view-width);width: var(--portfolio-view-width);background-color: var(--color-white);}
#sect04 .portfolio_item .item_inner{display: block;width: 100%;}
#sect04 .portfolio_item .item_thumb_box{width: 100%;aspect-ratio: 2.1/1;}
#sect04 .portfolio_item .item_thumb_box .item_thumb{width: 100%;height: 100%;}
#sect04 .portfolio_item .item_thumb_box .item_thumb img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
#sect04 .portfolio_prev,
#sect04 .portfolio_next{position: absolute;top: 50%;transform: translateY(-50%);opacity: 0;transition: opacity .35s;}
#sect04 .portfolio_prev{left: 10px;}
#sect04 .portfolio_prev.is_on{opacity: 1;}
#sect04 .portfolio_next{right: 10px;}
#sect04 .portfolio_next.is_on{opacity: 1;}

#sect04 .portfolio_prev .icon_box,
#sect04 .portfolio_next .icon_box{display: inline-block;width: 15px;height: auto;line-height: 0;}

#sect04 .portfolio_prev svg,
#sect04 .portfolio_next svg{width: 100%;height: auto;position: relative;z-index: 1;transition: filter 0.3s ease, transform 0.3s ease;pointer-events: none;}

#sect04 .portfolio_prev:hover svg,
#sect04 .portfolio_next:hover svg {
    transform: scale(1);
    filter:
        brightness(1.16)
        saturate(1.15)
        drop-shadow(0 0 2px rgba(165, 251, 81, 0.95))
        drop-shadow(0 0 8px rgba(165, 251, 81, 0.45));
}

#sect04 .sect_ft{width: 100%;margin-top: 24px;padding: 0 48px;box-sizing: border-box;}
#sect04 .sect_btns_box{display: flex;align-items: center;justify-content: flex-end;}
#sect04 .sect_btns_box .btns_projects{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;}
#sect04 .sect_btns_box .btns_projects .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;}
#sect04 .sect_btns_box .btns_projects: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); */
}

#sect04 .sect_btns_box .btns_projects: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); */
}

@media (max-width: 1280px) {
    #sect04{padding: 96px 0;}
    #sect04 .sect_hd{padding: 0 32px;}

    #sect04 .portfolio_wrap{padding: 0 32px;}

    #sect04 .sect_ft{padding: 0 32px;}
}
@media (max-width: 1080px) {
    #sect04{padding: 64px 0;}
    #sect04 .numb_info .num_digit{font-size: var(--fs-50);}
    #sect04 .sect_tit_box .sect_tit{font-size: var(--fs-50);}

    #sect04 .sect_bd{margin-top: 32px;}
    #sect04 .portfolio_item .item_thumb_box{aspect-ratio: 4/5;}

    #sect04 .sect_btns_box{justify-content: center;}
}
@media (max-width: 768px) {
}
@media (max-width: 600px) {
    #sect04 .sect_hd{display: block;padding: 0 16px;}
    #sect04 .portfolio_numb_box{text-align: left;}
    #sect04 .sect_tit_box{margin-top: 16px;text-align: right;}
    #sect04 .sect_tit_box .sect_tit{font-size: var(--fs-40);}

    #sect04 .portfolio_wrap{padding: 0 16px;}

    #sect04 .portfolio_prev{left: 24px;}
    #sect04 .portfolio_next{right: 24px;}

    #sect04 .portfolio_prev .icon_box,
    #sect04 .portfolio_next .icon_box{width: 12px;}

    #sect04 .sect_ft{padding: 0 16px;}
    #sect04 .sect_btns_box .btns_projects{width: 100%;}
    #sect04 .sect_btns_box .btns_projects .btns_name{font-size: var(--fs-14);}
}
/* ================================== //E::sect04  ========================================  */


/* ================================== S::sect05  ========================================  */
#sect05{}
#sect05 .sect_bd{width: 100%;padding: 0 48px;box-sizing: border-box;}
#sect05 .cnt_txt{font-size: var(--fs-20);font-weight: 400;line-height: var(--lh-28);color: var(--color-white);visibility:hidden;will-change:transform,opacity;}
#sect05 .cnt_tit_box{margin-top: 64px;}
#sect05 .cnt_tit{font-size: var(--fs-44);font-weight: 700;line-height: 1;color: var(--color-white);text-transform: uppercase;visibility:hidden;will-change:transform,opacity;}
#sect05 .cnt_tit .split_word{display:inline-block;overflow:hidden;}
#sect05 .cnt_tit .split_char{display:inline-block;will-change:transform,opacity;}

#sect05 .cnt_btns_box{display: flex;align-items: center;justify-content: center;margin-top: 48px;}
#sect05 .btns_request{display: inline-flex;align-items: center;justify-content: center;padding: 8px 16px;border: 1px solid var(--color-green);background-color: transparent;}
#sect05 .btns_request .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;}
#sect05 .btns_request: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); */
}

#sect05 .btns_request: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); */
}
@media (max-width: 1080px) {
    #sect05 .sect_bd{padding: 0 16px;}

    #sect05 .cnt_txt{font-size: var(--fs-18);line-height: var(--lh-26);}
    #sect05 .cnt_tit{font-size: var(--fs-36);}
}
@media (max-width: 600px) {
    #sect05 .sect_bd{padding: 0;}
    #sect05 .cnt_txt{font-size: var(--fs-14);line-height: var(--lh-20);}

    #sect05 .btns_request .btns_name{font-size: var(--fs-14);}
}
/* ================================== //E::sect05  ========================================  */