/*--------------------------- common --------------------------*/
a{cursor: pointer;}

/* icon */
i{display: inline-block;}
.ico_ck{width: 1.5rem; height: 1.5rem; background: url('/front/images/biz/ck_purple.svg') no-repeat center/100% auto;}
.tab_01 .ico_ck{background-image: url('/front/images/biz/ck_darkgrey.svg')}
.tab_02 .ico_ck{background-image: url('/front/images/biz/ck_pink.svg')}
[class^="ico_"].ico_dwl{width: 0.9rem; height: 0.9rem; background: url('/front/images/biz/ico_dwl.svg') no-repeat center/100% auto;}
[class^="ico_"].ico_link{width: 1rem; height: 1rem; background: url('/front/images/common/ico_link_white.svg') no-repeat center/100% auto;}
[class^="ico_"].ico_plus{width: 0.9rem; height: 0.9rem; background: url('/front/images/biz/ico_plus.svg') no-repeat center/100% auto;}
/*--------------------------- //common end --------------------------*/



/*--------------------------- sec_01 --------------------------*/
.sec_01{width: 100%; min-height: 100vh; color: #fff; margin-top: -100px; background: url(/front/images/common/footer_bg.png) no-repeat center bottom / 100% 37.5rem #222;}
.sec_01 .inner{max-width: 1350px;}
.sec_01 .main_cont{display: flex; justify-content: space-between; padding: 21.25rem 0 6.25rem;}
.sec_01 h2{font-size: 2.875rem; font-weight: 800; line-height: 130%;}
.sec_01 .main_tit .btn_wrap{margin-top: 2.5rem; justify-content: flex-start;}
.sec_01 .main_tit .btn_wrap .btn_type_01{font-size: 1rem; max-width: 200px;}
.sec_01 .main_tit .btn_wrap .btn_inquiry{background-color: #222; border-color: #fff; color: #fff;}
.sec_01 .main_txt >li{opacity: 0; width: fit-content; display: flex; align-items: center; justify-content: flex-start; gap: 0.75rem; padding: 1rem 1.5rem; font-size: 1.5rem; font-weight: 500; line-height: 133%;}
.sec_01 .main_txt >li:nth-child(1){background-color: rgba(255, 255, 255, 0.10); backdrop-filter: blur(10px); transform: rotate(4deg) translateX(6.563rem);}
.sec_01 .main_txt >li:nth-child(2){background-color: #6049ea; transform: rotate(-2deg) translate(-4.625rem, 14px); position: relative; z-index: 1;}
.sec_01 .main_txt >li:nth-child(2) .ico_ck{background-image: url("/front/images/biz/ck_white.svg")}
.sec_01 .main_txt >li:nth-child(3){background-color: rgba(255, 255, 255, 0.90); backdrop-filter: blur(10px); color: #222; transform: translate(0.625rem, 17px);}
.sec_01 .main_txt span{font-weight: 700;}
.sec_01 .txt_box{padding: 15rem 0 6.25rem; display: flex; flex-direction: column; gap: 2.5rem; align-items: center; justify-content: center; text-align: center;}
.sec_01 .txt_box p{font-size: 1.5rem; font-weight: 600; line-height: 133%;}
.sec_01 .txt_box .bg{font-family: Paperlogy; font-weight: 800; padding: 0.875rem 1.25rem; background: rgba(255,255,255,0.10); backdrop-filter: blur(10px);}
.sec_01 .txt_box .bg::before{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; z-index: -1; width: 0; background: #6049ea;}
.sec_01 .txt_box .clab{width: 6.25rem; height: 1.813rem; background: url(/front/images/common/logo.svg)no-repeat center/100% auto; display: inline-block; vertical-align: sub;}

.sec_01.ani .main_txt >li:nth-child(1){animation: drop1 1s ease-in-out forwards;}
.sec_01.ani .main_txt >li:nth-child(2){animation: drop2 1s ease-in-out .3s forwards;}
.sec_01.ani .main_txt >li:nth-child(3){animation: drop3 1s ease-in-out .1s forwards;}
.sec_01 .txt_box.ani .bg{background: unset;}
.sec_01 .txt_box.ani .bg::before{animation: fill_bg 0.9s ease forwards;}

@media screen and (max-width: 1240px) {
    .sec_01{background-size: 100% 20rem;}
    .sec_01 .main_cont{justify-content: center; gap: 12rem;}
    .sec_01 .main_txt >li .mo{display: block;}
}
@media screen and (max-width: 1090px){
    .sec_01 .main_cont{justify-content: flex-start; gap: 10rem;}
    .sec_01 .txt_box{padding: 8.333rem 0;}
    .sec_01 .txt_box p{line-height: 272%;}
    .sec_01 .txt_box p:nth-child(2){margin-top: -2.917rem;}
    .sec_01 .txt_box p:nth-child(3){margin-top: -2.917rem; line-height: 172%;}
}
@media screen and (max-width: 850px){
    .sec_01 .main_cont{flex-direction: column; gap: 4.667rem; padding-top: 11.25rem;}
    .sec_01 .main_txt{margin-left: auto; margin-right: 3.571rem;}
    .sec_01 .main_txt >li:nth-child(1){transform: rotate(4deg) translateX(55px);}
    .sec_01 .main_txt >li:nth-child(2){transform: rotate(-2deg) translate(10px, 14px);}
    .sec_01 .main_txt >li:nth-child(3){transform: translate(30px, 17px);}

    .sec_01.ani .main_txt >li:nth-child(1){animation: drop1_mo 1s ease-in-out forwards;}
    .sec_01.ani .main_txt >li:nth-child(2){animation: drop2_mo 1s ease-in-out .3s forwards;}
    .sec_01.ani .main_txt >li:nth-child(3){animation: drop3_mo 1s ease-in-out .1s forwards;}
}
@media screen and (max-width: 767px){
    .sec_01{background-size: 100% 11rem;}
}

@keyframes drop1 {
    0%{transform: rotate(4deg) translate(105px, -500px); opacity: 1;}
    38%{transform: rotate(4deg) translate(105px, 0); opacity: 1;}
    55%{transform: rotate(4deg) translate(105px, -65px); opacity: 1;}
    72%{transform: rotate(4deg) translate(105px, 0); opacity: 1;}
    81%{transform: rotate(4deg) translate(105px, -28px); opacity: 1;}
    90%{transform: rotate(4deg) translate(105px, 0); opacity: 1;}
    95%{transform: rotate(4deg) translate(105px, -8px); opacity: 1;}
    100%{transform: rotate(4deg) translate(105px, 0); opacity: 1;}
}
@keyframes drop1_mo {
    0%{transform: rotate(4deg) translate(55px, -250px); opacity: 1;}
    38%{transform: rotate(4deg) translate(55px, 0); opacity: 1;}
    55%{transform: rotate(4deg) translate(55px, -35px); opacity: 1;}
    72%{transform: rotate(4deg) translate(55px, 0); opacity: 1;}
    81%{transform: rotate(4deg) translate(55px, -14px); opacity: 1;}
    90%{transform: rotate(4deg) translate(55px, 0); opacity: 1;}
    95%{transform: rotate(4deg) translate(55px, -4px); opacity: 1;}
    100%{transform: rotate(4deg) translate(55px, 0); opacity: 1;}
}
@keyframes drop2 {
    0%{transform: rotate(-2deg) translate(-74px, -500px); opacity: 1;}
    38%{transform: rotate(-2deg) translate(-74px, 14px); opacity: 1;}
    55%{transform: rotate(-2deg) translate(-74px, -65px); opacity: 1;}
    72%{transform: rotate(-2deg) translate(-74px, 14px); opacity: 1;}
    81%{transform: rotate(-2deg) translate(-74px, -28px); opacity: 1;}
    90%{transform: rotate(-2deg) translate(-74px, 14px); opacity: 1;}
    95%{transform: rotate(-2deg) translate(-74px, -8px); opacity: 1;}
    100%{transform: rotate(-2deg) translate(-74px, 14px); opacity: 1;}
}
@keyframes drop2_mo {
    0%{transform: rotate(-2deg) translate(10px, -250px); opacity: 1;}
    38%{transform: rotate(-2deg) translate(10px, 14px); opacity: 1;}
    55%{transform: rotate(-2deg) translate(10px, -35px); opacity: 1;}
    72%{transform: rotate(-2deg) translate(10px, 14px); opacity: 1;}
    81%{transform: rotate(-2deg) translate(10px, -14px); opacity: 1;}
    90%{transform: rotate(-2deg) translate(10px, 14px); opacity: 1;}
    95%{transform: rotate(-2deg) translate(10px, -4px); opacity: 1;}
    100%{transform: rotate(-2deg) translate(10px, 14px); opacity: 1;}
}
@keyframes drop3 {
    0%{transform: translate(10px, -500px); opacity: 1;}
    38%{transform: translate(10px, 17px); opacity: 1;}
    55%{transform: translate(10px, -65px); opacity: 1;}
    72%{transform: translate(10px, 17px); opacity: 1;}
    81%{transform: translate(10px, -28px); opacity: 1;}
    90%{transform: translate(10px, 17px); opacity: 1;}
    95%{transform: translate(10px, -8px); opacity: 1;}
    100%{transform: translate(10px, 17px); opacity: 1;}
}
@keyframes drop3_mo {
    0%{transform: translate(30px, -250px); opacity: 1;}
    38%{transform: translate(30px, 17px); opacity: 1;}
    55%{transform: translate(30px, -35px); opacity: 1;}
    72%{transform: translate(30px, 17px); opacity: 1;}
    81%{transform: translate(30px, -14px); opacity: 1;}
    90%{transform: translate(30px, 17px); opacity: 1;}
    95%{transform: translate(30px, -4px); opacity: 1;}
    100%{transform: translate(30px, 17px); opacity: 1;}
}
@keyframes fill_bg{
    0% {width: 0;}
    100% {width: 100%;}
}
/*--------------------------- //sec_01 end --------------------------*/


/*--------------------------- sec_02 --------------------------*/
.sec_02{width: 100%; position: relative; z-index: 1; min-height: 100vh; overflow: hidden;}
.sec_02 .bg{width: 100%; height: 100vh; background: linear-gradient(180deg, #F2F1FD 0%, #FFF 100%) /*url(/front/images/common/sub_vis_01.jpg) no-repeat center/100% auto*/; position: fixed; left: 0; top: 0; z-index: 0; opacity: 0; transition: opacity 0.3s ease; pointer-events: none;}
.sec_02 .inner{max-width: 1350px; padding-top: 6.25rem; position: relative; z-index: 1;}

/* tab menu */
.sec_02 .tab_menu{gap: 0; margin-bottom: 0; cursor: default; display: inline-flex;}
.sec_02 .tab_menu button{width: 8.875rem; height: 4.5rem; background: url(/front/images/biz/tab_bg2.svg) no-repeat center/100% auto; position: relative; top: 0.15rem; font-family: Paperlogy; font-size: 1.5rem; font-weight: 700; line-height: 133%;}
.sec_02 .tab_menu button:nth-child(1){width: 7.5rem; background-image: url(/front/images/biz/tab_bg1.svg); z-index: 3;}
.sec_02 .tab_menu button:nth-child(1) span{position: relative; left: -0.313rem;}
.sec_02 .tab_menu button:nth-child(2){z-index: 2; margin-left: -1.313rem;}
.sec_02 .tab_menu button:nth-child(3){z-index: 1; margin-left: -1.438rem;}
.sec_02 .tab_menu button.active{z-index: 3; color: #fff;}
.sec_02 .tab_menu button:nth-child(1).active{background-image: url(/front/images/biz/tab1_active.svg);}
.sec_02 .tab_menu button:nth-child(2).active{background-image: url(/front/images/biz/tab3_active.svg);}
.sec_02 .tab_menu button:nth-child(3).active{background-image: url(/front/images/biz/tab2_active.svg);}
.sec_02 .tab_wrap [class*="tab_0"]:first-child{margin-bottom: 7.5rem;}
.sec_02 .tab_wrap [class*="tab_0"]:not(:first-child){margin: 7.5rem 0;}

/*----- 왼쪽 컨텐츠 -----*/
.sec_02 .cont_wrap{display: flex; gap: 2rem;}
.sec_02 .left_wrap{width: fit-content; flex: 60% 0 0;}
/*--- top box ---*/
.sec_02 .top{padding: 4rem 3.5rem; border: 2px solid #222; background: rgba(255, 255, 255, 0.80); backdrop-filter: blur(10px);}
.sec_02 .cont_main{display: flex; justify-content: space-between;}
.sec_02 .tit_box h3{font-family: Paperlogy; font-size: 2.25rem; font-weight: 800; line-height: 133%;}
.sec_02 .tit_box p{color: #444; font-size: 1.125rem; font-weight: 500; line-height: 144%; margin-top: 0.25rem;}
.sec_02 .toggle_wrap{position: relative;}
.sec_02 [class*="bubble_"]{display: none; position: absolute; z-index: 1; font-size: 0.875rem; font-weight: 600; line-height: 142%; padding: 0.25rem 0.5rem; white-space: nowrap;}
.sec_02 [class*="bubble_"]::before{content: ""; display: block; width: 0.5rem; height: 0.563rem; background: url(/front/images/biz/bubble_tail_black.png) no-repeat center/100% auto; position: absolute; left: 50%; transform: translateX(-50%);}
.sec_02 .bubble_01{left: 2.063rem; top: -1.813rem; background-color: #222; color: #fff;}
.sec_02 .bubble_01::before{bottom: -0.4rem;}
.sec_02 .toggle_wrap >.bubble_01:nth-of-type(2){left: unset; right: 1.25rem;}
.sec_02 .bubble_02{display: none; bottom: 0.688rem; left: 1.25rem; background-color: #fff; border: 2px solid #222; color: #222;}
.sec_02 .bubble_02::before{background-image: url(/front/images/biz/bubble_tail_white.png); transform: rotate(180deg); top: -0.438rem;}
.sec_02 [class*="bl_"]{display: none; color: #fff; top: -2rem;}
.sec_02 .bl_01{left: unset; right: 0;}
.sec_02 .bl_02{left: 50%; transform: translateX(-50%);}

/* switch button */
.sec_02 .switch{padding: 0.75rem 0.5rem; background-color: #F0F0F0; border-radius: 50px; position: relative;}
.sec_02 .switch >div{display: flex; justify-content: space-between; gap: 1rem;}
.sec_02 .switch button{padding: 0.25rem 0.75rem; border-radius: 50px; position: relative; z-index: 1; color: #aaa; font-size: 1rem; font-weight: 600;}
.sec_02 .switch button i{width: 2.875rem; height: 0.813rem; background: url(/front/images/biz/clab_logo_gray.svg) no-repeat center/100% auto;}
.sec_02 .switch .slider{background-color: #6049ea; border-radius: 50px; display: inline-block; width: 52%; height: 80%; position: absolute; left: 0.438rem; top: 50%; transform: translateY(-50%); transition: left .35s cubic-bezier(.25,.8,.3,1), width .35s cubic-bezier(.25,.8,.3,1); will-change: left, width;}

.sec_02 .switch.on .slider{left: calc(100% - 0.438rem - 41%); width: 41%;}
.sec_02 .switch.on .right{color: #fff;}
.sec_02 .switch .left.on{color: #fff;}
.sec_02 .switch .left.on i{background-image: url(/front/images/biz/clab_logo_white.png);}

/* progress */
.sec_02 .progress_wrap{margin-top: 2.5rem;}
.sec_02 .progress_wrap >div{display: flex; align-items: center; gap: 2rem;}
.sec_02 .progress_wrap >div:not(:first-child){margin-top: 1rem;}
.sec_02 .progress_wrap h4{color: #6049ea; font-weight: 700; font-size: 1.125rem; line-height: 144%; min-width: 5.625rem; font-family: Paperlogy;}
.sec_02 .progress{display: flex; align-items: center; gap: 1rem; flex-direction: row; margin-top: 0; width: 100%; flex: 1;}
.sec_02 .progress >p{color: #888; font-weight: 500; font-size: 0.875rem; line-height: 142%; min-width: 3.5rem;}
.sec_02 .progress .pg_bar{flex: 1; height: 1.25rem; position: relative;}
.sec_02 .progress .pg_bar span{width: 0; background-color: #6049ea; max-width: calc(100% - 0.25rem); height: 80%; top: 50%; transform: translateY(-50%); left: 0.125rem; transition: width .9s cubic-bezier(.25,.8,.3,1);}

/*--- bottom box ---*/
.sec_02 .bottom{padding: 4.375rem 3.5rem; background-color: #f8f8f8; border: 2px solid #222; border-top: 0;}
.sec_02 .bottom h5{font-family: Paperlogy; font-size: 1.5rem; font-weight: 700; line-height: 133%;}
.sec_02 .bottom ul{margin-top: 1.5rem; background-color: #fff; padding: 2rem 1.5rem;}
.sec_02 .bottom ul li{display: flex; align-items: center; gap: 0.75rem; font-size: 1.125rem; font-weight: 500; line-height: 144%;}
.sec_02 .bottom ul li:not(:first-child){margin-top: 0.75rem;}
.sec_02 .bottom .bold{font-weight: 700;}

/*----- 오른쪽 컨텐츠 -----*/
.sec_02 .right_wrap{flex: 1; display: flex; flex-direction: column; position: relative;}
.sec_02 .right_wrap::before,
.sec_02 .right_wrap::after{opacity: 0; content: ""; width: 40.5rem; height: 60rem; position: absolute; top: -72px; z-index: -1; transition: opacity 0.6s ease;}
.sec_02 .right_wrap::before{background: url(/front/images/biz/tab1_ill_01.png) no-repeat center/100% auto; right: -80px;}
.sec_02 .right_wrap::after{background: url(/front/images/biz/tab1_ill_02.png) no-repeat center/100% auto; right: -113px;}
.sec_02 .tit_wrap{padding: 2rem 2.5rem; background-color: #6049ea; display: flex; flex-direction: column; gap: 0.75rem; border: 2px solid #222;}
.sec_02 .tit_wrap p{color: #fff; font-size: 1.125rem; line-height: 144%; font-weight: 700; font-family: Paperlogy; white-space: nowrap;}
.sec_02 .tit_wrap figure{max-width: 10.313rem; max-height: 3rem; overflow: hidden;}
.sec_02 .tit_wrap figure img{display: block; width: 100%; height: auto; object-fit: contain;}
.sec_02 .des_wrap{flex: 1; background-color: #fff; position: relative; border: 2px solid #222; border-top: 0;}
.sec_02 .des_wrap >figure{position: relative; overflow: hidden; background: url(/front/images/biz/homepage_01.png) no-repeat top center/contain; height: 100%;}
.sec_02 .des_wrap >figure::before{content: ""; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 10%, rgba(255,255,255,0) 45%, rgba(255,255,255,0.7) 85%, #fff 100%); position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.sec_02 .des_wrap .log_list{width: calc(100% - 4rem); color: #fff; background-color: #222; padding: 1.5rem 1rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; position: absolute; left: 50%; transform: translateX(-50%); top: 2.5rem;}
.sec_02 .des_wrap .log_list li{width: 30%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.25rem; position: relative; text-align: center;}
.sec_02 .des_wrap .log_list li:not(:last-child)::after{content: ""; display: block; background-color: rgba(255, 255, 255, 0.40); width: 1px; height: 1.875rem; position: absolute; top: 50%; transform: translateY(-50%); right: -0.563rem;}
.sec_02 .des_wrap .log_list li >div{display: flex; gap: 0.25rem;}
.sec_02 .des_wrap .log_list li >div p{font-size: 0.875rem; font-weight: 600; line-height: 142%;}
.sec_02 .des_wrap .log_list li i{width: 1.25rem; height: 1.25rem; background: url(/front/images/biz/log_01.svg) no-repeat top center/100% auto;}
.sec_02 .des_wrap .log_list li:nth-child(2) i{background-image: url(/front/images/biz/log_02.svg);}
.sec_02 .des_wrap .log_list li:nth-child(3) i{background-image: url(/front/images/biz/log_03.svg);}
.sec_02 .des_wrap .log_list li .value{font-family: Paperlogy; font-size: 1.5rem; line-height: 133%; font-weight: 800;}
.sec_02 .des_wrap .log_list li .value span{color: rgba(255, 255, 255, 0.60); font-size: 0.875rem; font-weight: 600; line-height: 142%;}
.sec_02 .des_wrap .log_list li .text{color: rgba(255, 255, 255, 0.60); font-size: 0.75rem; line-height: 133%; font-weight: 400;}
.sec_02 .des_wrap .txt_box{width: calc(100% - 4rem); padding: 2.5rem 1.5rem; background-color: #f8f8f8; display: flex; flex-direction: column; gap: 1.5rem; position: absolute; left: 50%; transform: translateX(-50%); bottom: 2.5rem; text-align: center;}
.sec_02 .des_wrap .txt_box p{font-weight: 600; font-size: 1.125rem; line-height: 144%;}
.sec_02 .des_wrap .txt_box p span{color: #ff7777; font-weight: 800;}
.sec_02 .des_wrap .btn_wrap{margin-top: 0;}
.sec_02 .des_wrap >.btn_wrap{position: absolute; left: 50%; transform: translateX(-50%); bottom: 3.5rem;}
.sec_02 .des_wrap .btn_type_03{padding: 0 1.25rem;}
.sec_02 .des_wrap .btn_dwl{justify-content: space-between;}
.sec_02 .app_wrap >div{position: relative;}
.sec_02 .qr_wrap{padding: 1rem; background-color: #fff; border: 2px solid #222; display: flex; gap: 0.5rem; position: absolute; left: 50%; transform: translateX(-50%); bottom: 3.438rem;}
.sec_02 .qr_wrap::after{content: ""; width: 1rem; height: 1rem; background: url(/front/images/biz/bubble_tail_white.png) no-repeat center/100% auto; position: absolute; left: 50%; transform: translateX(-50%); bottom: -0.813rem;}
.sec_02 .qr_wrap >div{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.375rem;}
.sec_02 .qr_wrap .store_img{padding: 0.438rem 0.813rem; border: 1px solid #000;}
.sec_02 .ios .store_img figure{width: 4rem; height: 1.125rem; background: url(/front/images/biz/dwl_ios.png) no-repeat center/100% auto;}
.sec_02 .android .store_img figure{width: 4rem; height: 1.125rem; background: url(/front/images/biz/dwl_google.png) no-repeat center/100% auto;}

.sec_02 .tab_01 .slider,
.sec_02 .tab_01 .pg_bar span,
.sec_02 .tab_01 .tit_wrap{background-color: #444;}
.sec_02 .tab_01 .progress_wrap h4{color: #444;}
.sec_02 .tab_02 .slider,
.sec_02 .tab_02 .pg_bar span,
.sec_02 .tab_02 .tit_wrap{background-color: #ff7777;}
.sec_02 .tab_02 .progress_wrap h4{color: #ff7777;}
.sec_02 .tab_02 .des_wrap figure{background-image: url(/front/images/biz/homepage_02.png);}
.sec_02 .tab_02 .des_wrap figure::before{background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 10%, rgba(255,255,255,0.7) 45%, rgba(255,255,255,0.8) 85%, #fff 100%);}
.sec_02 .tab_02 .right_wrap::before{background-image: url(/front/images/biz/tab2_ill_01.png);}
.sec_02 .tab_02 .right_wrap::after{background-image: url(/front/images/biz/tab2_ill_02.png);}
.sec_02 .tab_02 .bottom,
.sec_02 .tab_03 .bottom{padding-bottom: 2.5rem;}
.sec_02 .tab_03 .tab_menu button:nth-child(1){z-index: 1;}
.sec_02 .tab_03 .des_wrap >figure{background: url(/front/images/biz/homepage_03.png) no-repeat bottom center/100% auto;}
.sec_02 .tab_03 .des_wrap >.btn_wrap{width: 100%;}
.sec_02 .tab_03 .des_wrap >.btn_wrap .ico_link{background-image: url(/front/images/common/ico_link_black.svg);}
.sec_02 .tab_03 .right_wrap::before{background-image: url(/front/images/biz/tab3_ill_01.png);}
.sec_02 .tab_03 .right_wrap::after{background-image: url(/front/images/biz/tab3_ill_02.png);}

.sec_02 .tab_01.ani .right_wrap::before,
.sec_02 .tab_02.ani .right_wrap::before,
.sec_02 .tab_03.ani .right_wrap::before {opacity: 1;}
.sec_02 .tab_01.ani .right_wrap::after,
.sec_02 .tab_02.ani .right_wrap::after,
.sec_02 .tab_03.ani .right_wrap::after {opacity: 1; transition-delay: 0.3s;}

@media screen and (max-width: 1240px){
    .sec_02 .top,
    .sec_02 .bottom{padding: 3.333rem 2rem;}
    .sec_02 .bottom ul li{align-items: flex-start;}
    .sec_02 .bottom ul li p{flex: 1; word-break: keep-all;}
    .sec_02 .des_wrap .txt_box p{word-break: keep-all;}
    .sec_02 .des_wrap .txt_box p br{display: none;}
    .sec_02 .des_wrap .log_list{width: calc(100% - 2rem);}
}
@media screen and (max-width: 1024px){
    .sec_02 .cont_wrap{flex-direction: column;}
    .sec_02 .left_wrap{flex: unset; width: 100%;}
    .sec_02 .bubble_02{top: -1.833rem; left: unset; bottom: unset; right: -5rem; line-height: 1;}
    .sec_02 .bubble_02::before{display: none;}
    .sec_02 .progress_wrap >div{flex-direction: column; align-items: flex-start; gap: unset;}
    .sec_02 .progress{flex-wrap: wrap; align-items: flex-start; gap: 0.5rem;}
    .sec_02 .progress .pg_bar{height: 20px; flex: unset; order: 1;}
    .sec_02 .progress >p{order: 2;}
    .sec_02 .progress >p:nth-of-type(2){margin-left: auto; text-align: right;}

    .sec_02 .right_wrap::before, .sec_02 .right_wrap::after{display: none;}
    .sec_02 .des_wrap >figure{min-height: 38.333rem;}
    .sec_02 .des_wrap .txt_box p br{display: block;}
    .sec_02 .qr_wrap{bottom: 4rem;}

    .sec_02 .tab_03 .des_wrap >figure{background-size: contain;}
}
@media screen and (max-width: 767px){
    .sec_02 .cont_main{flex-direction: column;}
    .sec_02 .tit_box{order: 2;}
    .sec_02 .toggle_wrap{order: 1; margin-bottom: 1.333rem; width: fit-content;}
}
/*--------------------------- //sec_02 end --------------------------*/


/*--------------------------- sec_03 --------------------------*/
.sec_03 .inner{max-width: 1350px;}
.sec_03 .cont_box{position: relative; top: 7.5rem; z-index: 2; background-color: #6049ea; padding: 4rem 3.5rem 4rem 3rem; display: flex; gap: 2.5rem; align-items: flex-end; justify-content: space-between; color: #fff;}
.sec_03 .tit_wrap{display: flex; gap: 1rem; align-items: center;}
.sec_03 .tit_wrap p{font-family: Paperlogy; font-size: 2.25rem; font-weight: 800; line-height: 133%;}
.sec_03 .lottie {width: 100%; max-width: 7.5rem; aspect-ratio: 8 / 7; height: auto;}
.sec_03 .lottie svg {width: 100%; height: 100%; display: block;}
.sec_03 .btn_wrap{gap: 2rem;}
.sec_03 .btn_wrap .btn{display: flex; gap: 0.5rem; align-items: center; font-size: 1.25rem; font-weight: 700; line-height: 140%; position: relative;}
.sec_03 .btn_wrap .btn::after{content: ""; display: block; width: 0; height: 2px; background-color: #fff; position: absolute; bottom: -0.75rem; left: 0; transition: width .3s ease;}
.sec_03 .btn_wrap .btn i{width: 1.25rem; height: 1.25rem;}

.sec_03 .btn_wrap .btn:hover::after{width: 100%;}

@media screen and (max-width: 767px){
    .sec_03{margin-top: -5.833rem;}
    .sec_03 .cont_box{flex-direction: column; padding: 4rem 2.667rem 2.667rem 2.667rem; gap: unset;}
    .sec_03 .tit_wrap{flex-direction: column; align-items: flex-start; width: 100%;}
    .sec_03 .btn_wrap{flex-direction: column; align-items: flex-start; width: 100%; gap: 1rem;}
}
/*--------------------------- //sec_03 end --------------------------*/


#footer{padding-top: 10.75rem;}

@media screen and (max-width: 767px) {
    #footer{padding-top: 12.75rem;}
}


/*--------------------------- popup --------------------------*/
.popup_dwl_biz .in_layer_box{max-width: 600px;}
.popup_dwl_biz .pop_tit{text-align: center;}
.popup_dwl_biz .pop_tit_wrap p{margin-top: 1rem; font-size: 1rem; font-weight: 500; line-height: 150%;}
.popup_dwl_biz .cont_wrap{margin-top: 1rem;}
.popup_dwl_biz .form_list li:not(:first-child){margin-top: 1.5rem;}
.popup_dwl_biz .form_list h6{color: #444; font-weight: 700; font-size: 1rem; line-height: 150%; margin-bottom: 1.25rem;}
.popup_dwl_biz .ck_list{margin-top: 2rem;}
.popup_dwl_biz .btn_wrap[data-layout="multiple"] [class^="btn_type"]{flex: unset; padding: 0 1.5rem;}
.popup_dwl_biz .error {display: none;}

@media screen and (max-width: 767px) {
    .popup_dwl_biz .in_layer_box{max-width: 320px; padding: 4.667rem 2rem 2rem 2rem;}
    .popup_dwl_biz .form_list h6{margin-bottom: 0.625rem;}
    .popup_dwl_biz .ck_list .chk_wrap{display: flex; align-items: flex-start;}
    .popup_dwl_biz .ck_list .chk_wrap input[type="checkbox"] + label{flex: 1;}
    .popup_dwl_biz .ck_list .btn_popup[data-layout="text"]{position: static; transform: none;}
}
/*--------------------------- //popup end --------------------------*/