.faq-item{margin-bottom:20px; border:1px solid #e0e0e0; border-radius:8px; overflow:hidden}
.faq-question{display:flex; width:100%; padding:20px; border:none; background-color:#f8f9fa; text-align:left; cursor:pointer; align-items:center; gap:15px; transition:background-color 0.3s ease}
.faq-question:hover{background-color:#e9ecef}
.faq-question.active{background-color:#007bff; color:white}
.question-mark{display:flex; width:30px; height:30px; border-radius:50%; background-color:#007bff; color:white; font-size:16px; font-weight:bold; align-items:center; justify-content:center; flex-shrink:0}
.faq-question.active .question-mark{background-color:white; color:#007bff}
.question-text{font-size:16px; font-weight:500; flex:1; line-height:1.4}
.arrow{width:0; height:0; border-top:8px solid #666; border-right:8px solid transparent; border-left:8px solid transparent; transition:transform 0.3s ease; flex-shrink:0}
.faq-question.active .arrow{border-top-color:white; transform:rotate(180deg)}
.faq-answer{overflow:hidden; transition:height 0.3s ease; background-color:white}
.answer-inner{display:flex; padding:20px; gap:15px}
.answer-mark{display:flex; width:30px; height:30px; border-radius:50%; background-color:#28a745; color:white; font-size:16px; font-weight:bold; align-items:flex-start; justify-content:center; flex-shrink:0; margin-top:2px}
.answer-text{flex:1; line-height:1.6}
.custom-answer{width:100%}

.con_list1{padding:0; list-style:none; margin:0}
.con_list1>li{margin-bottom:15px; padding-left:0}
.con_list1>li:last-child{margin-bottom:0}
.con_list2{margin:10px 0 0 20px; list-style:disc; padding:0}
.con_list2>li{margin-bottom:5px; line-height:1.5}
.con_list2>li:last-child{margin-bottom:0}

.box_content{margin:15px 0; padding:15px; border-radius:6px; background-color:#f8f9fa; border-left:4px solid #007bff}
.con_tit_h4{display:block; margin-bottom:10px; font-size:16px; font-weight:600; color:#333}
.con_box3{padding:15px; border:1px solid #e0e0e0; border-radius:4px; background-color:white; line-height:1.6}
.btn_default{display:inline-flex; padding:8px 16px; border:none; border-radius:4px; background-color:#007bff; color:white; font-size:14px; font-weight:500; text-decoration:none; cursor:pointer; transition:background-color 0.3s ease; align-items:center; gap:8px; margin-top:15px}
.btn_default:hover{background-color:#0056b3; text-decoration:none; color:white}
.btn_ico.ico_down::before{display:inline-block; width:16px; height:16px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z'/%3E%3C/svg%3E"); background-size:contain; content:''; background-repeat:no-repeat}
.btn_blue{background-color:#007bff}
.btn_blue:hover{background-color:#0056b3}
.btn_xs{font-size:12px; padding:6px 12px}
strong{font-weight:600; color:#333}

.mt_00{margin-top:0}
@media (max-width:768px){
    .faq-question{padding:15px}
    .answer-inner{padding:15px}
    .question-text{font-size:14px}
    .answer-text{font-size:14px}
}

/*메인페이지*/
.index_wrap{overflow:hidden; width:100%; max-width:990px; margin:0 auto; padding:60px 24px;}

@media (min-width:1024px){
    .index_wrap{overflow:visible; padding:60px 0;}
}

.main .slogan_wrap{position:relative; width:100%; padding:40px 0 0; text-align:center;}
.slogan_wrap .support{display:flex; width:fit-content; margin:0 auto 20px; gap:10px; justify-content:center; align-items:center;}
.slogan_wrap .support div{height:22px;}
.slogan_wrap .support div img{width:100%; height:100%; object-fit:contain;}

@keyframes float{
    0%{transform:translateX(var(--x)) translateY(0);}

    50%{transform:translateX(var(--x)) translateY(-12px);}

    100%{transform:translateX(var(--x)) translateY(0);}
}

.deco .item{display:none; position:absolute; background-repeat:no-repeat; background-size:contain; animation:float 4s ease-in-out infinite; transition:all 0.3s ease;}

/* 위치, 크기, 애니메이션 딜레이 지정 */
.deco .item.type01{top:-15%; left:50%; width:57px; height:55px; animation-delay:0.5s; transform:translateX(var(--x)); --x:-190px; z-index:-1}
.deco .item.type02{top:0%; left:50%; width:40px; height:40px; animation-delay:0.7s; transform:translateX(var(--x)); --x:145px; z-index:-1}
.deco .item.type03{top:-40%; left:50%; width:129px; height:132px; animation-delay:0.4s; transform:translateX(var(--x)); --x:-20px; z-index:-1}
.deco .item.type04{top:100%; left:50%; width:96px; height:169px; animation-delay:0.1s; transform:translateX(var(--x)); --x:-270px; z-index:-1}
.deco .item.type05{top:45%; left:50%; z-index:1; width:124px; height:135px; animation-delay:0.6s; transform:translateX(var(--x)); --x:160px;}
.deco .item.type06{top:78%; left:50%; width:218px; height:159px; animation-delay:0.3s; transform:translateX(var(--x)); --x:120px; z-index:-1}

@media (min-width:410px){
    .deco .item{display:block;}
}

@media (min-width:1024px){
    .deco .item.type01{top:-5%; width:67px; height:65px; --x:-310px;}
    .deco .item.type02{top:8%; width:46px; height:40px; --x:250px;}
    .deco .item.type03{top:30%; width:169px; height:176px; --x:-530px;}
    .deco .item.type04{top:85%; width:136px; height:169px; --x:-390px;}
    .deco .item.type05{top:50%; width:154px; height:173px; --x:310px;}
    .deco .item.type06{top:78%; width:258px; height:198px; --x:290px;}
}

.sche_wrap_main{margin-bottom:40px; text-align:center;}
.sche_wrap_main .sche_head{position:relative; width:fit-content; margin:0 auto 30px; padding:0 36px; font-weight:600;}
.sche_wrap_main .sche_head::before,
.sche_wrap_main .sche_head::after {display:block; position:absolute; position:absolute; width:30px; height:26px; background:url(/img/contents/ico_quotes.svg) no-repeat 50% / contain; content:''; top:-4px}
.sche_wrap_main .sche_head::before{left:0;}
.sche_wrap_main .sche_head::after{right:0; transform:rotate(180deg);}
.sche_wrap_main .sche_head .tit{display:inline-block; font-size:2.8rem; font-weight:600}
.sche_wrap_main .sche_head .tit strong {display:inline-block; position:relative; color:var(--color-point01); font-size:1.2em; font-weight:700; font-weight:500; font-family:'yg-jalnan';}
.sche_wrap_main .sche_head .date{color:var(--color-primary); font-size:2.1rem;}
.sche_wrap_main .sche_head .txt{color:var(--color-secondary); font-size:1.8rem;}
.sche_wrap_main .sche_body{display:flex; width:100%; gap:12px; justify-content:center; flex-wrap:wrap}
.sche_wrap_main .sche_body dl{height:158px; background:url(/img/contents/img_cal_s.svg) no-repeat 50% / cover; text-align:center; flex:0 0 180px;}
.sche_wrap_main .sche_body dl dt{width:100%; height:70px; padding-top:30px; color:#fff; font-size:2.2rem; font-weight:700;}
.sche_wrap_main .sche_body dl dd{width:100%; color:var(--color-primary); font-size:4.2rem; font-family:'yg-jalnan'; line-height:88px;}
@media (min-width:1024px){
    .sche_wrap_main .sche_head .tit{font-size:3.2rem;}
    .sche_wrap_main .sche_head .date{font-size:2.6rem;}
    .sche_wrap_main .sche_head .txt{font-size:2rem;}
}

/*
.slogan_box{display:flex; flex-direction:column;gap:10px;}
.slogan_box .txt_sub{color:var(--color-gray80); font-size:2.2rem; font-weight:500}
.slogan_box .txt_sub i{display:inline-block; position:relative; font-weight:700; font-size:2.5rem}
.slogan_box .txt_sub i::before{display:block; position:absolute; top:-6px; left:50%; width:4px; height:4px; border-radius:50%; background-color:var(--color-point01); content:''; transform:translateX(-50%);}

.slogan_box .site_id{color:#004098; font-size:clamp(4rem, 4vw, 6.2rem); font-family:'yg-jalnan'; line-height:1.6em;}
.slogan_box .site_id strong{display:block; color:var(--color-secondary); font-size:clamp(5rem, 5vw, 7.2rem); font-weight:500; line-height:1;}
 */

/* .download_box_main{display:flex; width:100%; margin:16px auto 30px; flex-direction:row; flex-wrap:wrap; gap:12px; justify-content:center;}
.download_box_main .btn_download{display:flex; width:auto; height:46px; padding:0 24px; border:2px solid #E73752; border-radius:24px; background:#fff; box-shadow:0 4px 0 rgba(0, 0, 0, .1); transition:height .3s ease, border-radius .3s ease, padding .3s ease; align-items:center; justify-content:flex-start; gap:12px;}
.download_box_main .btn_download::before{display:block; width:16px; height:21px; background:url(/img/contents/ico_pdf.svg) no-repeat 50% / contain; content:'';}
.download_box_main .btn_download strong{line-height:1;}

@media (min-width:1024px){
    .download_box_main{flex-direction:row;}
    .download_box_main .btn_download{transition:transform .3s ease}
    .download_box_main .btn_download:hover{transform:translateY(-4px);}
} */

.card_wrap{display:flex; flex-direction:column; flex-wrap:wrap; gap:40px; justify-content:center; align-items:center; margin-top:20px}
.card_wrap .card{display:block; position:relative; width:100%; max-width:480px; outline:none; aspect-ratio:16/9; cursor:pointer}
.card_wrap .card .card_inner{position:relative; width:100%; height:100%; border-radius:16px; overflow:hidden}
.card_wrap .card .card_inner::after{display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(/img/contents/img_card_layout.png) no-repeat 100% 100% / cover; content:'';}
.card_wrap .card.type01 .card_inner{background-color:#08A8E3}
.card_wrap .card.type02 .card_inner{background-color:#004098}
.card_wrap .card::after{display:block; position:absolute; left:10px; bottom:-40px; width:30%; max-width:120px; background-repeat:no-repeat; background-position:0 100%; background-size:contain; content:''; ; aspect-ratio:12/13;/*width:120px;height:130px;*/}
.card_wrap .card.type01::after{background-image:url(/img/contents/img_card01_ico.png)}
.card_wrap .card.type02::after{background-image:url(/img/contents/img_card02_ico.png)}
.card_wrap .card .card_inner{padding:13% 0 0 10%}
.card_wrap .card .card_inner .txt{width:100%; font-size:clamp(1rem, 5vw, 2.8rem)}
.card_wrap .card .card_inner .txt strong{color:#fff; font-weight:600; text-shadow:1px 1px 3px rgba(0, 0, 0, .3);}
.card_wrap .card .card_inner .txt p{opacity:.9; color:#fff; font-size:.76em;}

@media (min-width:1024px){
    .card_wrap:not(.end_flag){flex-direction:row; gap:0; justify-content:space-between;}
    .card_wrap .card .card_inner{transition:transform .3s ease;}
    .card_wrap .card .card_inner:hover,
    .card_wrap .card .card_inner:focus{transform:scale(1.01);}
}

.floating{display:flex; position:fixed; left:calc(100% - 150px); right:auto; bottom:10%; flex-direction:column; gap:20px;}
.floating li{flex:1;}
.floating li a{display:flex; color:var(--color-gray60); font-size:1.4rem; font-weight:500; transition:transform 0.2s; flex-direction:column; align-items:center; justify-content:center;}

.floating li a::before{display:flex; width:56px; height:56px; margin-bottom:4px; border:1px solid var(--color-gray20); border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:24px; background-color:#fff; box-shadow:0 4px 6px rgba(0,0,0,0.05); content:''; align-items:center; justify-content:center;}
.floating li:nth-child(1) a::before{background-image:url('/img/main/ico_floating01.svg');}
.floating li:nth-child(2) a::before{background-image:url('/img/main/ico_floating02.svg');}
.floating li:nth-child(3) a::before{background-image:url('/img/main/ico_floating03.svg');}
.floating li a em{margin-top:2px; color:var(--color-primary); font-size:1.5rem; font-weight:700; /* 파란색 강조 */}

.floating li a:hover{transform:translateY(-5px);}

.floating.on-footer li:nth-child(2) a,
.floating.on-footer li:nth-child(3) a{color:#fff;}

@media (max-width:1000px){
    .floating{right:24px;left:auto;}
}
@media (max-width:640px){
    .floating{display:none;}
}

/*랜딩페이지*/
/* .landing_wrap{overflow:hidden; width:100%; max-width:990px; margin:0 auto; padding:60px 24px;}

@media (min-width:1024px){
    .landing_wrap{overflow:visible; padding:60px 0;}
}
.none_bg{background:unset; background-color:var(--color-gray05);}
.none_bg::before,
.none_bg::after{display:none}

.comming_soon{overflow:hidden; width:100%; max-width:990px; margin:0 auto; padding:30px 24px;}
.comming_soon .slogan_wrap{padding-top:0;}
.comming_soon .msg{display:flex; padding:60px 20px; justify-content:center; align-items:center; gap:30px; flex-direction:column;}
.comming_soon .msg::before{display:block; width:120px; height:120px; background:url(/img/contents/ico_cone.png) no-repeat 50% / contain; content:'';}
.comming_soon .msg>div{display:flex; flex-direction:column; gap:16px}
.comming_soon .msg h2{font-weight:700; font-size:2.8rem}
.comming_soon .msg p{font-size:1.8rem}

@media (min-width:1024px){
    .comming_soon{overflow:visible; padding:60px 0;}
}

.slogan_wrap{position:relative; width:100%; padding:80px 0 0; text-align:center;}
.slogan_wrap .support{display:flex; width:fit-content; margin:0 auto 20px; gap:10px; justify-content:center; align-items:center;}
.slogan_wrap .support div{height:22px;}
.slogan_wrap .support div img{width:100%; height:100%; object-fit:contain;}

@keyframes float{
    0%{transform:translateX(var(--x)) translateY(0);}

    50%{transform:translateX(var(--x)) translateY(-12px);}

    100%{transform:translateX(var(--x)) translateY(0);}
}

.deco .item{position:absolute; background-repeat:no-repeat; background-size:contain; animation:float 4s ease-in-out infinite; transition:all 0.3s ease;} */

/* 위치, 크기, 애니메이션 딜레이 지정 */
.deco .item.type01{top:-15%; left:50%; width:57px; height:55px; background-image:url(/img/contents/deco_07.png); animation-delay:0.5s; transform:translateX(var(--x)); --x:-190px; z-index:-1}
.deco .item.type02{top:0%; left:50%; width:40px; height:40px; background-image:url(/img/contents/deco_08.png); animation-delay:0.7s; transform:translateX(var(--x)); --x:145px; z-index:-1}
.deco .item.type03{top:-40%; left:50%; width:129px; height:132px; background-image:url(/img/contents/deco_03.png); animation-delay:0.4s; transform:translateX(var(--x)); --x:-20px; z-index:-1}
.deco .item.type04{top:80%; left:50%; width:96px; height:169px; background-image:url(/img/contents/deco_04.png); animation-delay:0.1s; transform:translateX(var(--x)); --x:-270px; z-index:-1}
.deco .item.type05{top:45%; left:50%; z-index:1; width:124px; height:135px; background-image:url(/img/contents/deco_05.png); animation-delay:0.6s; transform:translateX(var(--x)); --x:160px;}
.deco .item.type06{top:78%; left:50%; width:218px; height:159px; background-image:url(/img/contents/deco_06.png); animation-delay:0.3s; transform:translateX(var(--x)); --x:120px; z-index:-1}

@media (min-width:1024px){
    .deco .item.type01{top:-5%; width:67px; height:65px; --x:-310px;}
    .deco .item.type02{top:8%; width:46px; height:40px; --x:250px;}
    .deco .item.type03{top:30%; width:169px; height:176px; --x:-530px;}
    .deco .item.type04{top:105%; width:136px; height:169px; --x:-390px;}
    .deco .item.type05{top:90%; width:154px; height:173px; --x:310px;}
    .deco .item.type06{top:108%; width:258px; height:198px; --x:290px;}
}

.apply_date{display:flex; font-size:2.2rem; text-align:center; justify-content:center; align-items:center; gap:10px; margin-top:30px}
.apply_date strong{border-bottom:2px solid var(--color-primary); color:var(--color-primary); font-size:2.8rem; line-height:1; padding-bottom:4px}
.slogan_box{display:flex; flex-direction:column;}
.slogan_box .txt_sub{color:var(--color-gray80); font-size:2.2rem; font-weight:500}
.slogan_box .txt_sub i{display:inline-block; position:relative; font-weight:700; font-size:2.5rem}
.slogan_box .txt_sub i::before{display:block; position:absolute; top:-6px; left:50%; width:4px; height:4px; border-radius:50%; background-color:var(--color-point01); content:''; transform:translateX(-50%);}
.slogan_box .site_id{position:relative; z-index:10; color:#004098; font-size:clamp(4rem, 4vw, 6.2rem); font-family:'yg-jalnan'; line-height:1.6em;}
.slogan_box .site_id strong{color:var(--color-secondary); font-weight:500;}

@media (min-width:1024px){
    .slogan_wrap .support{margin:0 auto 30px; gap:16px;}
}

.download_box{display:flex; width:100%; margin:26px auto 80px; flex-direction:row; flex-wrap:wrap; gap:12px; justify-content:center;}
.download_box .btn_download{display:flex; width:auto; height:46px; padding:0 24px; border:2px solid #E73752; border-radius:24px; background:#fff; box-shadow:0 4px 0 rgba(0, 0, 0, .1); transition:height .3s ease, border-radius .3s ease, padding .3s ease; align-items:center; justify-content:flex-start; gap:12px;}
.download_box .btn_download::before{display:block; width:16px; height:21px; background:url(/img/contents/ico_pdf.svg) no-repeat 50% / contain; content:'';}
.download_box .btn_download strong{line-height:1;}

@media (min-width:1024px){
    .download_box{flex-direction:row;}
    .download_box .btn_download{transition:transform .3s ease}
    .download_box .btn_download:hover{transform:translateY(-4px);}
}

.sche_wrap{text-align:center}
.sche_wrap .sche_head{margin-bottom:30px;}
.sche_wrap .sche_head .tit{display:inline-block; position:relative; width:fit-content; font-size:2.8rem; font-weight:600}
.sche_wrap .sche_head .tit strong{display:inline-block; position:relative; padding:0 36px; color:var(--color-point01); font-size:1.2em; font-weight:700;}
.sche_wrap .sche_head .tit strong::before,
.sche_wrap .sche_head .tit strong::after {display:block; position:absolute; position:absolute; width:30px; height:26px; background:url(/img/contents/ico_quotes.svg) no-repeat 50% / contain; content:''; top:-4px}
.sche_wrap .sche_head .tit strong::before{left:0;}
.sche_wrap .sche_head .tit strong::after{right:0; transform:rotate(180deg);}
.sche_wrap .sche_body{display:flex; width:100%; gap:12px; justify-content:center; flex-wrap:wrap}
.sche_wrap .sche_body dl{height:214px; background:url(/img/contents/img_cal.svg) no-repeat 50% / cover; text-align:center; flex:0 0 180px;}
.sche_wrap .sche_body dl dt{width:100%; height:70px; padding-top:30px; color:#fff; font-size:2.2rem; font-weight:700;}
.sche_wrap .sche_body dl dd{width:100%; height:144px; padding-top:20px; color:var(--color-primary); font-size:6.0rem; font-family:'yg-jalnan';}

.poster{width:100%; margin-top:80px;}
.poster img{width:100%;}

.download_box{display:flex; position:relative; width:100%; max-width:680px; margin:50px auto 80px; flex-direction:column; gap:12px; z-index:100}
.download_box .btn_download{display:flex; width:100%; height:110px; padding:0 30px; border:2px solid #E73752; border-radius:1.2rem; background:#fff; box-shadow:0 4px 0 rgba(0, 0, 0, .1); transition:height .3s ease, border-radius .3s ease, padding .3s ease; align-items:center; justify-content:flex-start; gap:16px;}
.download_box .btn_download::before{display:block; width:34px; height:42px; background:url(/img/contents/ico_pdf.svg) no-repeat 50% / contain; content:'';}
.download_box .btn_download::after{display:block; width:42px; height:42px; background:url(/img/contents/ico_download.svg) no-repeat 50% / cover; content:''; margin-left:auto}
.download_box .btn_download strong{font-size:2rem; line-height:1; font-weight:600}
.download_box.type02 .btn_download{width:auto; height:90px; padding:20px 30px; border-radius:1.2rem; flex:0 0 60%;}
.download_box.type02 .btn_download::before{width:26px; height:32px;}
.download_box.type02 .btn_download::after{width:32px; height:32px;}

@media (min-width:1024px){
    .download_box{max-width:990px; flex-direction:row;}
    .download_box .btn_download{height:110px; padding:0 50px; border-radius:2.4rem; flex:0 0 40%; transition:transform .3s ease}
    .download_box .btn_download::before{width:42px; height:54px;}
    .download_box .btn_download:hover{transform:translateY(-4px);}
    .download_box .btn_download div strong{font-size:2.8rem;}
    .download_box .btn_download div p{font-size:2rem;}
}

/* Breadcrumb 스타일 */
.breadcrumb{position:relative; margin-bottom:40px;}
.breadcrumb ol{display:flex; position:relative; gap:4px; align-items:center;}
.breadcrumb li{display:flex; align-items:center; gap:4px}
.breadcrumb li:not(:first-child)::before{display:block; width:20px; height:20px; background:url(/img/common/ico_breadcrumb_arr.svg) no-repeat 50%; content:'';}
.breadcrumb li a{color:var(--color-gray70);}
.breadcrumb li a.home{position:relative; padding-left:18px;}
.breadcrumb li a.home::before{display:block; position:absolute; top:50%; left:0; width:16px; height:16px; background:url('/img/contents/ico_home.png') no-repeat center; content:''; transform:translateY(-50%);}
.breadcrumb li strong{color:var(--color-gray90); text-decoration:underline;}

/* 스텝플로우 스타일 */
.step_flow{position:relative}
.step_flow ol{display:flex; flex-direction:row; flex-wrap:wrap; gap:12px 0;}
.step_flow li{display:flex; flex-direction:column; gap:12px 6px; align-items:center; position:relative}
.step_flow li:not(:first-child){padding-left:32px;}
.step_flow li:not(:first-child)::before{display:block; position:absolute; left:0; width:32px; height:32px; background:url(/img/contents/ico_step_dot.svg) no-repeat 50%; content:''; top:0}
.step_flow li .num{display:block; width:32px; height:32px; border:1px solid var(--color-gray30); border-radius:50%; background-color:var(--color-gray10); color:var(--color-gray50); font-weight:400; text-align:center; line-height:32px; transition:border-color .3s ease, color .3s ease, background-color .3s ease;}
.step_flow li strong{display:block; color:var(--color-gray60); font-size:1.2rem; line-height:1;}
.step_flow li.current .num{border-color:var(--color-primary); background-color:#fff; color:var(--color-primary)}
.step_flow li.current strong{color:var(--color-gray90)}
.step_flow li.done .num{overflow:hidden; border-color:var(--color-secondary02); background-image:url(/img/contents/ico_step_chk.svg); background-repeat:no-repeat; background-position:50%; background-color:var(--color-secondary02); text-align:left; text-indent:-9999em;}
.step_flow li.done strong{color:var(--color-gray60)}

@media (min-width:1024px){
    .step_flow li{gap:10px}
}

/* 신청결과 확인 */
.tit_box{margin-bottom:12px}
.status_flow{position:relative}
.status_flow ol{display:flex; flex-direction:column; gap:36px}
.status_flow li{display:flex; position:relative; flex-direction:row; gap:32px; color:var(--color-gray60)}
.status_flow li .num{display:flex; width:70px; font-size:1.4rem; text-align:center; flex-direction:column;}
.status_flow li .num::before{display:block; width:100%; height:32px; background-repeat:no-repeat; background-position:50%; content:'';}
.status_flow li:not(:last-child)::after{position:absolute; left:35px; bottom:-20px; width:1px; height:28px; content:''; background-color:var(--color-gray30)}
.status_flow li.confirm::after,
.status_flow li.processing::after{background-color:var(--color-gray90)}
.status_flow li.confirm{color:var(--color-primary)}
.status_flow li.hold .num,
.status_flow li.hold .stat_inner .tit{color:var(--color-danger)}
.status_flow li.processing .num,
.status_flow li.processing .stat_inner .tit{color:var(--color-primary)}
.status_flow ol li.confirm .stat_inner strong.tit{color:var(--color-primary) !important;}
.status_flow li.step01 .num::before{background-image:url(/img/contents/ico_status01.svg)}
.status_flow li.step02 .num::before{background-image:url(/img/contents/ico_status02.svg)}
.status_flow li.step03 .num::before{background-image:url(/img/contents/ico_status03.svg)}
.status_flow li.step04 .num::before{background-image:url(/img/contents/ico_status04.svg)}
.status_flow li.step05 .num::before{background-image:url(/img/contents/ico_status05.svg)}
.status_flow li.step06 .num::before{background-image:url(/img/contents/ico_status06.svg)}
.status_flow li.step01.confirm .num::before{background-image:url(/img/contents/ico_status01_on.svg)}
.status_flow li.step02.confirm .num::before{background-image:url(/img/contents/ico_status02_on.svg)}
.status_flow li.step03.confirm .num::before{background-image:url(/img/contents/ico_status03_on.svg)}
.status_flow li.step04.confirm .num::before{background-image:url(/img/contents/ico_status04_on.svg)}
.status_flow li.step05.confirm .num::before{background-image:url(/img/contents/ico_status05_on.svg)}
.status_flow li.step06.confirm .num::before{background-image:url(/img/contents/ico_status06_on.svg)}
.status_flow li.step05.cancle .num::before{background-image:url(/img/contents/ico_status05_cancle.svg)}
.status_flow li.hold .num::before{background-image:url(/img/contents/ico_status_stop.svg) !important}
.status_flow li.step05.stop .num::before{background-image:url(/img/contents/ico_status_hold.svg) !important}
.status_flow li.processing .num::before{background-image:url(/img/contents/ico_spinner.svg) !important; animation:spin-step 1s steps(12) infinite;}
.status_flow li .stat_inner{display:flex; padding-bottom:20px; border-bottom:1px dotted var(--color-gray30); gap:2px; flex-direction:column; justify-content:center; flex:1;}
.status_flow li .stat_inner .tit{font-size:1.8rem;}
.status_flow li .stat_inner .time{font-size:1.5rem; font-weight:300;}

@keyframes spin-step{
    0%{transform:rotate(0deg);}

    100%{transform:rotate(360deg);}
}

@media (min-width:768px){
    .status_flow ol{flex-direction:row;}
    .status_flow li{flex-direction:column; flex:1; gap:6px}
    .status_flow li .num{text-align:left; flex-direction:column-reverse;}
    .status_flow li .num::before{width:32px; background-position:0 0;}
    .status_flow li:not(:last-child)::after{top:38px; left:50px; bottom:auto; width:calc(100% - 35px); height:1px;}
    .status_flow li .stat_inner{padding-bottom:0; border-bottom:0;}
}

/* 본인인증 css */
.auth_txt{font-size:2.2rem; margin-bottom:26px}
.auth_lst{display:flex; margin-bottom:20px; flex-wrap:wrap; gap:16px; justify-content:flex-start;}
.auth_lst li{display:flex; flex:0 1 calc(50% - 8px);}
.auth_lst .btn_auth a,
.auth_lst .btn_auth button{display:flex; width:100%; padding:10px 16px; border:1px solid var(--color-secondary); border-radius:var(--br-8); background-color:var(--color-secondary); color:#fff; gap:12px; flex-direction:column; transition:border-color .3s ease, background-color .3s ease}
.auth_lst .btn_auth a strong,
.auth_lst .btn_auth button strong{display:block; margin-bottom:6px; font-size:2rem; font-weight:600;}
.auth_lst .btn_auth a p,
.auth_lst .btn_auth button p{line-height:1.4;}
/* .auth_lst .btn_auth a::before,
.auth_lst .btn_auth button::before{display:block; width:100%; height:36px; background-repeat:no-repeat; background-position:0 0; content:'';} */

.auth_lst .btn_auth a:hover,
.auth_lst .btn_auth a:focus,
.auth_lst .btn_auth a.active,
.auth_lst .btn_auth button:hover,
.auth_lst .btn_auth button:focus,
.auth_lst .btn_auth button.active{border-color:var(--color-primary); background-color:var(--color-primary10); color:var(--color-gray90)}
.auth_lst .btn_auth.type01 a::before,
.auth_lst .btn_auth.type01 button::before{background-image:url(/img/contents/ico_auth01.svg);}
.auth_lst .btn_auth.type02 a::before,
.auth_lst .btn_auth.type02 button::before{background-image:url(/img/contents/ico_auth02.png);}
.auth_lst .btn_auth.type03 a::before,
.auth_lst .btn_auth.type03 button::before{background-image:url(/img/contents/ico_auth03.svg);}
.auth_lst .btn_auth.type04 a::before,
.auth_lst .btn_auth.type04 button::before{background-image:url(/img/contents/ico_auth04.svg);}
.auth_lst .btn_auth.type05 a::before,
.auth_lst .btn_auth.type05 button::before{background-image:url(/img/contents/ico_auth05.svg);}

.btnTemp{width:100px; height:50px; margin:0 !important; padding:0; font-size:1.6rem; font-weight:600;}


.auth_lst .btn_auth .auth_item_content{display:flex; width:100%; padding:30px 25px; border:1px solid var(--color-gray30); border-radius:var(--br-12); background-color:#fff; text-align:left !important; transition:border-color .3s ease, background-color .3s ease; flex-direction:column;}
.auth_lst .btn_auth:not(.type05) .auth_item_content{flex-direction:row;}
.auth_lst .btn_auth .auth_item_content.active{border-color:var(--color-primary); background-color:var(--color-primary10);}
.auth_lst .btn_auth .auth_item_content.disabled{opacity:0.4; border-color:var(--color-gray50); background-color:var(--color-gray30); cursor:not-allowed; pointer-events:none;}
.auth_lst .btn_auth .auth_item_content.disabled strong,
.auth_lst .btn_auth .auth_item_content.disabled p{color:var(--color-gray60);}
.auth_lst .btn_auth.type06 .auth_item_content{cursor:default;}
.auth_lst .btn_auth.type06 .auth_item_content.active{border-color:var(--color-gray30); background-color:var(--color-gray05);}
.auth_lst .btn_auth .auth_item_content strong{display:block; position:relative; padding-left:42px; margin-bottom:6px; font-size:2rem; font-weight:600;}
.auth_lst .btn_auth.type02 .auth_item_content strong{padding-left:110px;}
.auth_lst .btn_auth.type05 .auth_item_content strong{margin-bottom:20px;}
.auth_lst .btn_auth .auth_item_content p{line-height:1.4;}
.auth_lst .btn_auth .auth_item_content strong::before{display:block; position:absolute; top:0; left:0; width:42px; height:36px; background-repeat:no-repeat; background-position:0 0; content:''; background-size:contain}
.test_input_form{display:flex; margin-top:10px; flex-direction:column; gap:10px;}
.test_input_form input{height:40px; padding:0 10px;}
.btnTemp{width:100px; height:50px; margin:10px auto 0 !important; padding:0; font-size:1.6rem; font-weight:600;}
.btnTemp.disabled{opacity:0.6; background-color:var(--color-gray30); cursor:not-allowed; pointer-events:none;}
.cert_complete_msg{margin-top:10px; text-align:center;}
.cert_complete_msg span{display:inline-block; padding:4px 12px; border-radius:4px; background-color:var(--color-success); color:var(--color-gray90); font-size:1.2rem; font-weight:600;}
.auth_lst .btn_auth.type01 .auth_item_content strong::before{background-image:url(/img/contents/ico_auth01.svg);}
.auth_lst .btn_auth.type02 .auth_item_content strong::before{background-image:url(/img/contents/ico_auth02.png); width:100px;}
.auth_lst .btn_auth.type03 .auth_item_content strong::before{background-image:url(/img/contents/ico_auth03.svg);}
.auth_lst .btn_auth.type04 .auth_item_content strong::before{background-image:url(/img/contents/ico_auth04.svg);}
.auth_lst .btn_auth.type05 .auth_item_content strong::before{background-image:url(/img/contents/ico_auth05.svg);}

.auth_info_wrap{display:flex; flex-direction: column; gap:16px; justify-content:space-between; width:100%;}
.auth_info_wrap button{justify-self:flex-end;}

@media (min-width:1024px){
    .auth_lst{justify-content:flex-start;}
    /* .auth_lst li{flex:0 1 calc((100% / 3) - 12px);} */
    .auth_txt{font-size:2.4rem;}
}
@media all and (max-width:640px){
    .auth_lst .btn_auth.type02 .auth_item_content strong{padding-left:90px;}
    .auth_lst .btn_auth.type02 .auth_item_content strong::before{width:80px;}
}
@media all and (max-width:480px){
    .auth_lst li{flex:100%;}
}

/*신청완료*/
.complete_wrap{max-width:560px; margin:0 auto;}
.complete_head{text-align:center; margin-bottom:30px; padding-top:30px;}
.complete_head::before{display:block; width:100%; height:100px; background:url(/img/contents/ico_complete.png) no-repeat 50% / contain; content:''; margin-bottom:20px}
.complete_head strong{display:block; font-size:2.8rem; font-weight:600;}
.complete_head p{font-size:1.8rem; color:var(--color-gray70)}
.tbl_line{display:flex; border-top:4px double var(--color-gray90); flex-direction:column;}
.tbl_line .row{display:flex; padding:14px 0; border-bottom:1px dashed var(--color-gray50); font-size:2rem; flex-direction:column; align-items:flex-start;}
.tbl_line .row strong{color:var(--color-gray70); font-size:1.4rem; align-self:flex-start;}
.tbl_line .row .col:first-child{min-width:120px;}

@media (min-width:768px){
    .tbl_line .row{padding:20px 0; flex-direction:row; justify-content:space-between; align-items:center;}
    .tbl_line .row .col:first-child{min-width:140px; text-align:center;}
    .tbl_line .row .col:last-child{text-align:right; flex:1;}
}
@media (min-width:1024px){
    .tbl_line .row{padding:24px 12px}
    .complete_head strong{font-size:3.2rem;}
    .complete_head p{font-size:2rem;}
    .tbl_line .row{font-size:2.4rem}
    .tbl_line .row strong{font-size:1.6rem}
}

/*카드사정보*/
.credit_box{text-align:center;}
.credit_info{overflow:hidden; position:relative; width:100%; max-width:380px; margin:0 auto 30px; border-radius:10px; background:url(/img/contents/img_card.svg) no-repeat 50% / cover; aspect-ratio:19 / 12; border:1px solid var(--color-gray20)}
.credit_info .card_company{position:absolute; top:12%; left:7%; width:110px; height:24px; text-align:left;}
.credit_info .card_company img{display:block; width:100%; height:100%; object-fit:contain}
.credit_info .credit{overflow:hidden; position:relative; width:100%; max-width:380px; margin:30px auto 0; border-radius:10px; background:url(/img/contents/img_card02.svg) no-repeat 50% / cover; aspect-ratio:19 / 12; border:1px dashed var(--color-gray30)}
.credit .card_txt{position:absolute; top:8%; right:8%; color:var(--color-gray30)}
.credit .card_company{position:absolute; right:8%; bottom:12%; width:36px; height:36px;}
.credit .card_company img{display:block; width:100%; height:100%; object-fit:contain}
.credit .card_company::after{display:block; position:absolute; right:calc(8% - 10px); bottom:calc(12% - 10px); width:50px; height:50px; border:1px dashed var(--color-danger); border-radius:50%; content:''; animation:rotate360 6s linear infinite;}
.credit .card_company::before{display:block; position:absolute; right:calc(8% + 8px); bottom:calc(12% + 42px); width:16px; height:24px; background:url(/img/contents/arr_bold.svg) no-repeat 50% 100% / contain; content:''; animation:bounceUpDown 1s ease-in-out infinite}
.credit_info .app_info{display:flex; position:absolute; bottom:8%; width:100%; padding:0 10%; flex-direction:row; justify-content:space-between; align-items:flex-end;}
.credit_info .app_info .group{display:flex; text-align:left; flex-direction:column; gap:2px;}
.credit_info .app_info .agency{font-size:1.4rem}
.credit_info .app_info .num{font-size:1.8rem}
.credit_info .app_info .name{font-size:2.2rem; font-weight:600;}

.result_card_box{display:flex; margin-top:30px; flex-direction:row;justify-content:space-between;gap:30px;}
.result_card_box .credit_info_area{width:100%; flex:0 0 calc(44% - 15px);}
.result_card_box .status_area{display:flex; flex:0 0 calc(56% - 15px);flex-direction:column;gap:20px;}
.result_card_box .status_area .box_gray{display:flex; flex-direction:column; gap:12px; text-align:left;}
.result_card_box .status_area .status_list{display:flex; padding:20px 16px; border:1px solid var(--color-gray20); border-radius:var(--br-8); background:#fff; flex-direction:row;}
.result_card_box .status_area .status_list li{position:relative; flex:1; display:flex; gap:12px; flex-direction:column;}
.result_card_box .status_area .status_list li:not(:last-child)::before{display:block; position:absolute; top:0; right:0; bottom:0; width:1px; height:calc(100% - 10px); margin:auto 0; background-color:var(--color-gray30); content:'';}
.result_card_box .status_area .status_list li p{font-size:1.8rem;}
.result_card_box .status_area .status_list li strong{font-size:2.2rem; font-weight:700;}
.result_card_box .status_area .status_list li:first-child strong{color:var(--color-primary)}
@media all and (max-width:1000px){
    .result_card_box{flex-direction:column;}
}
@media all and (max-width:640px){
    .result_card_box .status_area .status_list{flex-direction:column;gap:30px;}
    .result_card_box .status_area .status_list li:not(:last-child)::before{width:calc(100% - 10px); height:1px; top:auto; bottom:-15px;}
}

@keyframes bounceUpDown{
    0%,
    100%{transform:translateY(0);}
    50%{transform:translateY(-5px);}
}

.credit_sample{overflow:hidden; position:relative; width:100%; max-width:380px; margin:30px auto 0; border-radius:10px; background:url(/img/contents/img_card02.svg) no-repeat 50% / cover; aspect-ratio:19 / 12; border:1px dashed var(--color-gray30)}
.credit_sample02{overflow:hidden; width:100%; max-width:380px; margin:30px auto 0; padding:12px; color:#8f8d8c; border-radius:10px; background:url(/img/contents/img_kb_card.png) no-repeat 50% / cover; aspect-ratio:19 / 12;}
.credit_sample .card_txt{position:absolute; top:8%; right:8%; color:var(--color-gray30)}
.credit_sample .card_company{position:absolute; right:8%; bottom:12%; width:36px; height:36px;}
.credit_sample .card_company img{display:block; width:100%; height:100%; object-fit:contain}
.credit_sample .card_company::after{display:block; position:absolute; right:calc(8% - 10px); bottom:calc(12% - 11px); width:50px; height:50px; border:1px dashed var(--color-danger); border-radius:50%; content:''; animation:rotate360 6s linear infinite;}
.credit_sample .card_company::before{display:block; position:absolute; right:calc(8% + 8px); bottom:calc(12% + 42px); width:16px; height:24px; background:url(/img/contents/arr_bold.svg) no-repeat 50% 100% / contain; content:''; animation:bounceUpDown 1s ease-in-out infinite}

.cmt{display:flex; padding:40px 0; flex-direction:column; justify-content:center; align-items:center; gap:6px}
.cmt strong{font-size:2.4rem; font-weight:600; color:var(--color-gray80)}
.cmt p{color:var(--color-gray60)}

.card_modal{display:flex; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .75); justify-content:center; align-items:center;}
.card_modal .card_modal_inner{display:flex; justify-content:center; flex-direction:column; gap:12px;}
.card_modal .card_modal_inner strong{color:#fff; font-size:2rem}
.card_modal .btn_log_view{display:inline-flex; color:#34E708; text-decoration:underline; justify-content:center; align-items:center; gap:4px}
.card_modal .btn_log_view::before{display:block; width:16px; height:16px; content:''; font-size:1.5rem; background:url(/img/contents/ico_timer.svg) no-repeat 50%}

.accordion{display:flex; gap:12px; flex-direction:column; width:100%;}
.accordion_item{border:1px solid var(--color-gray30); border-radius:var(--br-12)}
.accordion_item .accor_head{display:flex; position:relative; padding:12px 16px; flex-direction:row; justify-content:space-between; gap:24px; align-items:center; border-radius:var(--br-12) var(--br-12) 0 0}
.accordion_item .accor_head strong{display:inline-block; margin-right:4px;}
.accordion_item .accor_head .btn_toggle{height:36px; border-radius:50%; outline:0; background-image:url(/img/contents/ico_arr_accordion.svg); background-repeat:no-repeat; background-position:50%; background-color:var(--color-gray10); transition:transform .3s ease; flex:0 0 36px;}
.accordion_item .accor_body{position:relative; padding:18px; font-weight:300;}
.accordion_item.red{border:2px solid var(--color-danger); background-color:var(--color-point01-05);}
.accordion_item.red .accor_head .btn_toggle{background-color:#fff;}
.accordion_item.active{border-color:var(--color-primary)}
.accordion_item.red.active{border-color:var(--color-danger); background:#fff;}
.accordion_item.red.active .accor_head{background-color:var(--color-point01-05);}
.accordion_item.active .accor_head{border-bottom:1px solid var(--color-gray30);}
.accordion_item.active .btn_toggle{transform:rotate(180deg);}

.faq_lst .accordion_item .accor_head .question{display:block; margin:0; padding-top:6px; font-size:1.8rem;}
.faq_lst .accordion_item .accor_head .btn_toggle02{display:flex; width:100%; padding-left:32px; outline:0; text-align:left; justify-content:space-between;}
.faq_lst .accordion_item .accor_head .btn_toggle02::after{height:36px; border-radius:50%; background-image:url(/img/contents/ico_arr_accordion.svg); background-repeat:no-repeat; background-position:50%; background-color:var(--color-gray10); content:''; transition:transform .3s ease; flex:0 0 36px;}
.faq_lst .accordion_item.active .accor_head .btn_toggle02::after{transform:rotate(180deg);}
.faq_lst .accordion_item .accor_body{padding-left:58px;}
.faq_lst .accordion_item .accor_head::before,
.faq_lst .accordion_item .accor_body::before{display:block; position:absolute; top:14px; left:20px; width:32px; font-size:2.8rem; font-weight:700; line-height:36px;}
.faq_lst .accordion_item .accor_head::before{content:'Q'; color:var(--color-primary)}
.faq_lst .accordion_item .accor_body::before{content:'A'; color:var(--color-point01)}

@media (min-width:1024px){
    .accordion_item .accor_head{padding:16px 24px;}
    .accordion_item .accor_body{padding:24px}
    .faq_lst .accordion_item .accor_head::before,
    .faq_lst .accordion_item .accor_body::before{top:18px}
}
@media all and (max-width:640px){
    .accordion_item .accor_head .btn_toggle{height:24px; flex: 0 0 24px; background-size:20px 20px;}
}

.doc_wrap .doc_section:not(:first-child){margin-top:50px;}
.doc_box{margin-bottom:20px; padding:16px; background:#FFFCF0}
.doc_box p:not(:first-child){margin-top:12px;}
.doc_tit_s{display:block; margin-bottom:10px; font-size:18px;}
.doc_tit_xs{display:block; margin-bottom:10px; font-size:16px;}
.doc_wrap .doc_head{display:flex; margin-bottom:20px; gap:12px; align-items:center;}
.doc_wrap .doc_head .sub_tit_s{margin-bottom:0;}
.doc_wrap .doc_head .btn_toggle{width:22px; height:22px; border:1px solid var(--color-gray30); border-radius:2px; position:relative}
.doc_wrap .doc_head .btn_toggle::after{position:absolute; top:50%; left:50%; width:12px; height:12px; background:url(/img/contents/ico_arr_accordion.svg) no-repeat 50% / 24px; content:""; transform:translate(-50%, -50%); transition:transform 0.3s ease;}
.doc_wrap.active .doc_head .btn_toggle::after{transform:translate(-50%, -50%) rotate(180deg);}
.doc_wrap .doc_inner_head{display:flex; margin-bottom:20px; gap:12px; align-items:center;}
.doc_wrap .doc_inner_head .doc_tit_s{margin-bottom:0;}
.doc_wrap .doc_inner_head .btn_toggle03{width:20px; height:20px; border:1px solid var(--color-gray30); border-radius:2px; position:relative}
.doc_wrap .doc_inner_head .btn_toggle03::after{position:absolute; top:50%; left:50%; width:6px; height:6px; background:url(/img/contents/ico_arr_accordion.svg) no-repeat 50% / 24px; content:""; transform:translate(-50%, -50%); transition:transform 0.3s ease;}
.doc_inner_box.active .doc_inner_head .btn_toggle03::after{transform:translate(-50%, -50%) rotate(180deg);}
.doc_wrap.active .doc_box{margin-top:1rem;}
.doc_inner_box .doc_inner_body{display:none;}
.doc_inner_box.active .doc_inner_body{display:block;}
.tbl_doc{width:100%; border-top:1px solid var(--color-gray90)}
.tbl_doc th,
.tbl_doc td{padding:8px; text-align:left; border-bottom:1px solid var(--color-gray30)}
.tbl_doc th{background:var(--color-gray05)}
.tbl_doc thead th{text-align:center;}

.lst_usage{border-top:1px solid var(--color-gray90)}
.lst_usage li{display:flex; padding:20px 8px; border-bottom:1px solid var(--color-gray30); flex-direction:column; gap:12px; justify-content:space-between;}
.lst_usage li .lst_head{display:flex; flex-direction:column; gap:10px}
.lst_usage li .lst_head .lst_tit_box{display:flex; gap:8px; flex-direction:row;}
.lst_usage li .lst_head .tit{color:var(--color-gray90); font-size:2rem; font-weight:600;}
.lst_usage li .lst_head .badge{display:inline-block; padding:0 6px; border-radius:16px; background-color:var(--color-primary10); color:var(--color-secondary-100); line-height:28px; font-size:1.5rem}
.lst_usage li .lst_head .badge.cancle{background-color:#F8D5D5; color:var(--color-danger);}
.lst_usage li .lst_head .info_box{display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; gap:4px 15px;}
.lst_usage li .lst_head .info_box div{color:var(--color-gray70)}
.lst_usage li .lst_head .info_box div span{color:var(--color-gray90)}
.lst_usage li .lst_head .info_box div:not(:first-child){padding-left:16px; position:relative}
.lst_usage li .lst_head .info_box div:not(:first-child)::before{display:block; position:absolute; top:50%; left:0; width:1px; height:12px; background:var(--color-gray40); content:''; transform:translateY(-50%);}
.lst_usage li .price_info{display:flex; flex:0; gap:4px; flex-direction:column;}
.lst_usage li .price_info .price{display:flex; flex-direction:row; gap:14px; justify-content:space-between; align-items:center;}
.lst_usage li .price_info .price dt{white-space:nowrap; flex:0; color:var(--color-gray70)}
.lst_usage li .price_info .price dd{white-space:nowrap; flex:0;}
.lst_usage li .price_info .price dd span{font-size:2rem; font-weight:600;}
.lst_usage li .price_info .price.credit dd span{color:var(--color-primary); font-size:18px;}

@media (min-width:480px){
    .lst_usage li{flex-direction:row;}
}

@media (min-width:1024px){
    .lst_usage li{padding:26px 10px;}
    .lst_usage li .price_info .price dd span{font-size:2.4rem;}

   /* .lst_usage li .lst_head{gap:20px;flex-direction:row;flex-wrap:wrap;align-items:center;}
  .lst_usage li .lst_head .badge_box{gap:6px;}
  .lst_usage li .lst_head .badge_box .badge{padding:0 8px;}
  .lst_usage li .price{flex-direction:row;justify-content:space-between;}
 */
}

.doc_upload{display:flex; gap:20px; flex-wrap:wrap;}
.doc_upload .item{flex:1 1 100%;}
.doc_upload .item .file_upload{position:relative;}
.doc_upload .item .tit{display:flex; margin-bottom:8px;}
.doc_upload .md_block{display:none; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:var(--br-8); background-color:rgba(0, 0, 0, .75); color:#fff; align-items:center; justify-content:center;}
.doc_upload .item.submit .md_block{display:flex;}

@media (min-width:640px){
    .doc_upload .item{flex:1 1 40%}
}

/* 지원요건 및 사업소개 */
.btn_box_row2.bottom.center{display:flex !important; width:100% !important; margin:0 auto !important; justify-content:center !important; align-items:center !important; gap:10px;}
.btn_box_row2.bottom.center .btn_default{display:block !important; margin:0 auto !important;}
.cont_wrap{border-bottom:1px solid var(--color-gray40)}
.cont_wrap .cont_item{padding:40px 0; border-top:1px dashed var(--color-gray50)}
.cont_wrap .cont_item:first-child{padding-top:0; border-top:0;}
.cont_wrap .cont_item .cont_header{margin-bottom:30px;}
.cont_wrap .cont_item .cont_header.edge{margin-bottom:10px;}
.cont_wrap .cont_item .cont_header.edge02{margin-bottom:0;}
.cont_wrap .cont_item .cont_header .tit_s{margin-bottom:4px; color:var(--color-primary); font-size:1.7rem; font-weight:700;}
.cont_wrap .cont_item .cont_header p{font-size:2.4rem; font-weight:500; line-height:1.1;}
.cont_wrap .cont_item .cont_body .ico_box{display:flex; position:relative; min-height:72px; padding-left:72px; justify-content:center; align-items:flex-start; flex-direction:column;}
.cont_wrap .cont_item .cont_body .ico_box .tit_s{font-size:1.4rem; color:var(--color-secondary)}
.cont_wrap .cont_item .cont_body .ico_box p{font-size:1.9rem; font-weight:500;}
.cont_wrap .cont_item .cont_body .ico_box .ico{display:flex; position:absolute; top:0; left:0; width:62px; height:62px; border-radius:26px; justify-content:center; align-items:center; ;}
.cont_wrap .cont_item .cont_body .ico_box .ico::after{display:block; width:28px; height:26px; background-repeat:no-repeat; background-position:50%; background-size:contain; content:'';}
.cont_wrap .cont_item .cont_body .ico_box.money .ico{background-color:#C5E8DC}
.cont_wrap .cont_item .cont_body .ico_box.money .ico::after{background-image:url(/img/contents/ico_money.svg);}
.cont_wrap .cont_item .cont_body .ico_box.calendar .ico{background-color:#DFEDFF}
.cont_wrap .cont_item .cont_body .ico_box.calendar .ico::after{background-image:url(/img/contents/ico_calendar.svg);}
.cont_wrap .cont_item .cont_body .ico_box.shop .ico{background-color:#D7D6EA}
.cont_wrap .cont_item .cont_body .ico_box.shop .ico::after{background-image:url(/img/contents/ico_shop.svg);}
.cont_wrap .cont_item .cont_body .ico_box.credit .ico{background-color:#D7D6EA}
.cont_wrap .cont_item .cont_body .ico_box.credit .ico::after{background-image:url(/img/contents/ico_credit.svg);}
.cont_wrap .cont_item .cont_body .ico_box.electro .ico{background-color:#FAF4DA}
.cont_wrap .cont_item .cont_body .ico_box.electro .ico::after{background-image:url(/img/contents/ico_electro.svg);}
.cont_wrap .cont_item .cont_body .ico_box.gas .ico{background-color:#DFEDFF}
.cont_wrap .cont_item .cont_body .ico_box.gas .ico::after{background-image:url(/img/contents/ico_gas.svg);}
.cont_wrap .cont_item .cont_body .ico_box.insurance .ico{background-color:#E0FAE9}
.cont_wrap .cont_item .cont_body .ico_box.insurance .ico::after{background-image:url(/img/contents/ico_insurance.svg);}
.cont_wrap .cont_item .cont_body .box_yellow strong{display:block; margin-bottom:10px; font-size:1.8rem;}
.cont_wrap .cont_item .cont_body .big_txt{position:relative; margin-bottom:4px; font-size:1.9rem; font-weight:500;}
.cont_wrap .cont_item .cont_body .big_txt::after{position:absolute; top:0; left:-6px; z-index:-1; width:14px; height:14px; border-radius:50%; background-color:#DFEDFF; content:'';}
.cont_wrap .cont_item .cont_body .big_txt strong{border-bottom:1px solid var(--color-point01); color:var(--color-point01)}

@media (min-width:1024px){
    .cont_wrap .cont_item .cont_body .big_txt{font-size:2.2rem}
}

.cont_wrap sup{font-weight:600; color:var(--color-point01)}
.cont_wrap .lp_box .desc{display:flex; flex-direction:row; gap:8px}
.cont_wrap .lp_box .desc sup{text-align:right; flex:0 0 20px;}
.cont_wrap .lp_box .desc ul p,
.cont_wrap .lp_box .desc ol,
.cont_wrap .lp_box .desc p{flex:1 1 auto; color:var(--color-gray80)}
.cont_wrap .tit_bar{position:relative; margin-bottom:8px; padding-left:14px; font-size:1.7rem; font-weight:600;}
.cont_wrap .tit_bar::after{position:absolute; left:0; width:7px; height:2px; background:var(--color-gray90); content:''; top:14px}
.cont_wrap .pl{padding-left:14px;}
.cont_wrap .tit_bar02{position:relative; margin-bottom:8px; padding-left:14px; font-size:1.6rem;}
.cont_wrap .tit_bar02::after{position:absolute; left:0; width:7px; height:2px; background:var(--color-gray90); content:''; top:10px}
.cont_wrap .box_yellow .tc_tit{margin-bottom:10px; font-size:1.7rem; font-weight:700; text-align:center;}
.cont_wrap .ex_box{display:flex; gap:20px; flex-direction:column;}
.cont_wrap .ex_box .item{position:relative; padding:20px 20px 20px 60px; border:1px solid var(--color-primary); border-radius:8px; background:#fff; flex:1;}
.cont_wrap .ex_box .item::after{display:block; position:absolute; top:20px; left:20px; width:34px; height:34px; background-repeat:no-repeat; background-position:50%; background-size:contain; content:''; background-image:url(/img/contents/ico_o.svg)}
.cont_wrap .ex_box .item .ex_tit{display:block; margin-bottom:16px; font-size:2.4rem; font-weight:600; color:var(--color-primary)}
.cont_wrap .ex_box .item .bold{font-size:1.8rem;}
.cont_wrap .ex_box .item .color{color:var(--color-primary)}
.cont_wrap .ex_box .item p{margin-left:-34px}
.cont_wrap .ex_box .item.wrong{border-color:var(--color-danger)}
.cont_wrap .ex_box .item.wrong::after{background-image:url(/img/contents/ico_x.svg)}
.cont_wrap .ex_box .item.wrong .ex_tit,
.cont_wrap .ex_box .item.wrong .color{color:var(--color-danger)}

@media (min-width:768px){
    .cont_wrap .ex_box{flex-direction:row;}
}

@media (min-width:1024px){
    .cont_wrap .cont_item{padding:60px 0;}
    .cont_wrap .cont_item .cont_header .tit_s{font-size:1.9rem; font-weight:600;}
    .cont_wrap .cont_item .cont_header p{font-size:2.8rem;}
    .cont_wrap .cont_item .cont_body .ico_box .tit_s{font-size:1.6rem;}
    .cont_wrap .cont_item .cont_body .ico_box p{font-size:2.2rem; font-weight:500;}
    .cont_wrap .cont_item .cont_body .ico_box{padding-left:90px;}
    .cont_wrap .cont_item .cont_body .ico_box .ico{width:72px; height:72px; border-radius:30px;}
    .cont_wrap .cont_item .cont_body .ico_box .ico::after{width:36px; height:30px;}
    .cont_wrap .lp_box{padding-left:90px;}
    .cont_wrap .pl{padding-left:20px;}
}

.lst_agency{display:flex; flex-wrap:wrap; gap:16px;}
.lst_agency li{display:flex; width:calc((100% - 16px) / 2); height:80px; border:1px solid var(--color-gray30); justify-content:center; align-items:center; border-radius:6px}
.lst_agency li img{max-width:60%; max-height:50%;}
.lst_agency li .ico_card{display:flex; width:100%; height:100%; flex-direction:column; align-items:center; justify-content:center; gap:6px;}
.lst_agency li .ico_card img{max-width:100px; max-height:28px; margin:0;}
.lst_agency li .ico_card img.edge{max-width:90px; margin-top:4px;}
.lst_agency li .ico_card.big img{max-width:160px; max-height:34px;}

@media (min-width:768px){
    .lst_agency li{width:calc((100% - 32px) / 3);}
    .lst_agency li .ico_card img.edge{margin-right:20px;}
}

.use_list{position:relative; display:flex; flex-wrap:wrap; gap:16px; margin-top:20px; margin-bottom:20px;}
.use_list li{position:relative; padding-left:120px; flex:0 0 100%; min-height:100px; display:flex; flex-direction:column; justify-content:center;}
.use_list li::before{display:block; position:absolute; top:0; left:0; width:100px; height:100px; border-radius:var(--br-12); background:var(--color-gray05) no-repeat center center; content:'';}
.use_list li:nth-child(1):before{background-image:url('/img/content/cts01_img01.svg');}
.use_list li:nth-child(2):before{background-image:url('/img/content/cts01_img02.svg');}
.use_list li:nth-child(3):before{background-image:url('/img/content/cts01_img03.svg');}
.use_list li:nth-child(4):before{background-image:url('/img/content/cts01_img04.svg');}
.use_list li .tit{font-size:2rem; color:var(--color-primary);}
.use_list li .txt{font-size:1.8rem; color:var(--color-gray80);}
.use_list li .sub_txt{font-size:1.5rem; color:var(--color-gray60); margin-top:10px;}



/*약관 동의*/
.form_check.agree{display:flex; align-items:center; gap:8px;}
.info-input{min-width:200px; margin-left:10px; padding:8px 12px; border:1px solid #ddd; border-radius:4px; font-size:14px;}
.info-input:disabled,
.info-input[readonly]{background-color:#f5f5f5; color:#666; cursor:not-allowed;}
.info-input::placeholder{color:#999; font-size:12px;}
.lst_dot.type_input li{display:flex; align-items:center;}
.lst_dot.type_input li strong{flex:0 0 6px;}
.lst_dot.type_input li::after{top:17px;}

/*신청정보입력*/
.box_yellow{margin-bottom:30px;}
.radio_group{display:flex; margin-bottom:32px; gap:32px;}
.radio_item input[type="radio"]{position:relative; width:0px; height:0px; appearance:none;}
.radio_item label{padding-bottom:8px; border-bottom:2px solid transparent; font-size:2rem}
.radio_item input[type="radio"]:checked+label{border-color:var(--color-primary); color:var(--color-primary); font-weight:600;}
.form_select.addr1{width:155px !important;}
.form_select.addr2{width:235px !important;}
.box_red{padding:15px; border:1px solid #fed7d7; border-radius:4px; background-color:#fff5f5;}
.box_red p{margin:0; font-size:14px; line-height:1.4;}
@media all and (max-width:640px){
    .form_group_row.addr{flex-direction:column; align-items:stretch;}
    .form_select.addr1,
    .form_select.addr2{width:100% !important;}
}

/*신청정보수정*/
.box_yellow{margin-bottom:30px;}
.radio_group{display:flex; margin-bottom:32px; gap:32px;}
.radio_item input[type="radio"]{position:relative; width:0px; height:0px; appearance:none;}
.radio_item label{padding-bottom:8px; border-bottom:2px solid transparent; font-size:2rem}
.radio_item input[type="radio"]:checked+label{border-color:var(--color-primary); color:var(--color-primary); font-weight:600;}

.f_warning{display:flex; margin-top:20px; padding:20px; border:1px solid #FBD6D8; border-radius:10px; background-color:#FEECF0; font-weight:500; gap:12px;flex-direction:column; text-align:left;}
.f_warning .tit{position:relative; padding-left:28px; color:var(--color-red); font-size:1.8rem;}
.f_warning .tit::before{display:block; position:absolute; top:50%; left:0; width:20px; height:20px; background:url('/img/contents/ico_warning.png') no-repeat center; content:''; transform:translateY(-50%);}
.f_warning .txt{position:relative; padding-left:24px;}
.f_warning ul li{position:relative; padding-left:8px; color:var(--color-gray80); font-size:1.6rem; line-height:1.5;}
.f_warning ul li::before{display:block; position:absolute; top:9px; left:0; width:4px; height:4px; border-radius:100%; background-color:var(--color-gray80); content:'';}

.warning{color:var(--color-red); text-align:left; font-size:1.6rem;}

.f_warning_wrap{display:flex; position:relative; margin-bottom:20px; padding:12px 20px; border-radius:4px; background-color:var(--color-point01-05); flex-direction:column;gap:4px;align-items:center;justify-content:space-between;}

.f_warning .btn_group{display:flex; gap:10px; margin-top:16px; flex-wrap:wrap;}
.f_warning .btn_group .btn_download{padding:10px 32px 10px 16px; font-size:1.6rem; border:1px solid #003675; border-radius:8px; background:#fff url('/img/main/ico_down.svg') no-repeat right 6px center; color:#003675;}

@media (min-width:1024px){
    .f_warning_wrap{flex-direction:row;}
}
@media all and (max-width:640px){
    .f_warning .txt{padding-left:0;}
}

/*카드사정보*/
.loading_state{padding:40px 20px; text-align:center;}
.spinner{width:40px; height:40px; margin:0 auto 20px; border:4px solid #f3f3f3; border-top:4px solid #3498db; border-radius:50%; animation:spin 1s linear infinite;}

@keyframes spin{
    0%{transform:rotate(0deg);}

    100%{transform:rotate(360deg);}
}

.no_data{padding:40px 20px; color:#666; text-align:center;}
.initial_state{margin:20px 0; padding:40px 20px; border-radius:8px; background-color:#f9f9f9; color:#999; text-align:center;}

/*사업자번호 입력*/
.box_yellow{margin-top:30px;}

/*신청정보*/
.btn_wrap.cancel{display:flex; margin-left:0 !important; justify-content:center; gap:10px;}


/* readonly 상태일 때 textarea 음영처리 */
.form_control.readonly{opacity:0.8; background-color:#f5f5f5; color:#666; cursor:not-allowed;}

.form_control.readonly::placeholder{color:#999;}

/* 파일 액션 버튼 스타일 */
.file_actions{display:flex; gap:8px; align-items:center;}

.btn_preview{padding:4px 8px; border:none; border-radius:4px; background-color:#007bff; color:white; font-size:12px; cursor:pointer;}

.btn_preview:hover{background-color:#0056b3;}

/* 이미지 미리보기 모달 스타일 */
.image_preview_modal{display:flex; position:fixed; top:0; left:0; z-index:1000; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.8); justify-content:center; align-items:center;}

.image_preview_content{overflow:hidden; max-width:90%; max-height:90%; border-radius:8px; background-color:white; box-shadow:0 4px 20px rgba(0, 0, 0, 0.3);}

.image_preview_header{display:flex; padding:16px 20px; border-bottom:1px solid #eee; justify-content:space-between; align-items:center;}

.image_preview_header h3{margin:0; color:#333; font-size:16px;}

.btn_close{display:flex; width:30px; height:30px; padding:0; border:none; background:none; color:#666; font-size:24px; cursor:pointer; align-items:center; justify-content:center;}

.btn_close:hover{color:#333;}

.image_preview_body{padding:20px; text-align:center;}

.image_preview_body img{max-width:100%; max-height:70vh; border-radius:4px; object-fit:contain;}

/* 파일 목록 스타일 개선 */
.lst_download li{display:flex; padding:8px 0; border-bottom:1px solid #eee; justify-content:space-between; align-items:center;}

.lst_download li:last-child{border-bottom:none;}

.file_info{display:flex; width:100%; justify-content:space-between; align-items:center;}

.file_details{flex:1;}

.file_details .filename{margin-right:8px; color:#333; font-weight:500;}

.file_details .size{color:#666; font-size:12px;}

.file_actions{display:flex; gap:8px; align-items:center;}

.btn_preview{padding:4px 8px; border:none; border-radius:4px; background-color:#007bff; color:white; cursor:pointer;}

.btn_preview:hover{background-color:#0056b3;}

.btn_download{padding:4px 8px; border:none; border-radius:4px; background-color:#28a745; color:white; cursor:pointer;}

.reply_body .txt{white-space:pre-line; word-break:break-all;}

/*최종제출*/
.all_chk_box{text-align:center;}

.all_chk_box label{width:auto}

.all_chk_box .f_warning{text-align:left;}

.box_yellow{margin-bottom:30px}

/* 주민등록번호 토글 버튼 스타일 */
.form_group_row{display:flex; align-items:center; gap:10px;}

.inp_data{flex:1;}

.sr_only{overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; white-space:nowrap; clip:rect(0, 0, 0, 0);}

/*카드선택*/
.tit_box{display:flex; gap:2px; flex-direction:column;}

.tit_box .sub_tit_s{margin:0;}

/* .sub_tit{margin-bottom:24px} */

@media (min-width:1024px){
    .tit_box{flex-direction:row; gap:12px; align-items:center;}
}

body.page_card.jb::before{background:linear-gradient(to bottom, #FFF7E8 0%, #ffff 100%)}

/*자주묻는질문*/
.accordion-item{margin-bottom:10px;}

.accordion-item-header{display:flex; padding:10px; background-color:#f5f5f5; cursor:pointer; justify-content:space-between; align-items:center;}

.accordion-item-content{padding:10px; background-color:#f5f5f5;}

.accordion-item-content p{margin:0;}

.accordion-item-content table{width:100%; border-collapse:collapse;}

.accordion-item-content table th,
.accordion-item-content table td{padding:5px; border:1px solid #000;}

.btn_download.faq{width:100px !important; height:30px !important; margin:0 10px 10px 0; border:1px solid #000 !important; border-radius:5px !important; background-color:#000 !important; color:#fff !important; font-size:10px !important; font-weight:400 !important;}

/*지역센터*/


.lst_board{border-top:1px solid var(--color-gray90)}
.lst_board li{display:flex; padding:16px 10px 16px 40px; border-bottom:1px solid var(--color-gray30); flex-direction:column; gap:12px; position:relative}
.lst_board li .lst_head{display:flex; gap:4px; flex-direction:column;}
.lst_board li .lst_head .tit{color:var(--color-gray90); font-size:1.8rem; font-weight:600;}
.lst_board li .lst_head .badge_box{display:flex; flex-wrap:wrap; gap:4px}
.lst_board li .lst_head .badge_box .badge{display:inline-block; padding:0 6px; border-radius:16px; background-color:var(--color-primary10); color:var(--color-secondary-100); line-height:28px; font-size:1.5rem}
.lst_board li .lst_info{display:flex; gap:4px; ; flex-direction:column;}
.lst_board li .lst_info .contact{display:flex; flex-direction:row; gap:12px;}
.lst_board li .lst_info .contact>div{display:flex; align-items:center; gap:4px}
.lst_board li .lst_info .contact>div::before{display:block; width:18px; height:18px; background-repeat:no-repeat; background-size:contain; content:''; ; background-position:50%}
.lst_board li .lst_info .contact .tel a{color:var(--color-primary)}
.lst_board li .lst_info .contact .fax{position:relative; padding-left:13px;}
.lst_board li .lst_info .contact .fax::after{display:block; position:absolute; top:50%; left:0; width:1px; height:12px; background-color:var(--color-gray30); content:''; transform:translateY(-50%);}
.lst_board li .lst_info .contact .tel::before{background-image:url(/img/contents/ico_call.svg);}
.lst_board li .lst_info .contact .fax::before{background-image:url(/img/contents/ico_fax.svg);}
.lst_board li.head_office{border-left:3px solid var(--color-secondary); background-color:var(--color-gray05)}
.lst_board li.head_office .lst_head .tit{font-size:2rem; color:var(--color-primary)}
.lst_board li.head_office::after{display:block; position:absolute; top:18px; left:10px; width:24px; height:24px; background:url(/img/contents/ico_location.svg) no-repeat 50% / contain; content:'';}

@media (min-width:1024px){
    .lst_board li{padding:26px 10px 26px 46px;}
    .lst_board li.head_office::after{top:28px; left:12px;}
    .lst_board li .lst_head{gap:20px; flex-direction:row; flex-wrap:wrap; align-items:center;}
    .lst_board li .lst_head .badge_box{gap:6px;}
    .lst_board li .lst_head .badge_box .badge{padding:0 8px;}
    .lst_board li .lst_info{flex-direction:row; justify-content:space-between;}
    .lst_board li .lst_info .addr{flex:0 0 60%;}
}

/*자가진단*/
.my_chk_lst{position:relative}

.my_chk_lst .item{display:flex; padding:30px 0; gap:30px; flex-direction:column;}
.my_chk_lst .item:not(:first-child){border-top:1px dashed var(--color-gray30)}
.my_chk_lst .item:first-child{padding-top:0;}
.my_chk_lst .item:last-child{padding-bottom:0;}
.my_chk_lst .question{flex:1;}
.my_chk_lst .question .sort{display:inline-block; margin-bottom:8px; padding:2px 8px; border-radius:20px; background-color:var(--color-primary10); color:var(--color-secondary); font-size:1.5rem; font-weight:500;}
.my_chk_lst .question .txt{font-size:2.2rem; font-weight:600;}
.my_chk_lst .f_warning .txt{font-size: 1.6rem; font-weight: 500;}
.my_chk_lst .answer{display:flex; justify-content:flex-start; gap:18px;}
.my_chk_lst .question .f_warning.small{font-size:1.4rem;}

/* @media (min-width:1024px){
    .my_chk_lst .item{padding:30px 0; flex-direction:row; justify-content:space-between; align-items:center; gap:30px;}
} */
 @media all and (max-width:640px){
    .my_chk_lst .item{padding:20px 0; gap:16px;}
    .my_chk_lst .question .txt{font-size:1.8rem;}
    .my_chk_lst .f_warning .txt{font-size:1.6rem;}
 }

/*카드세부모달*/
/* .modal_pop{display:flex; overflow:auto; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1100; background:rgba(0,0,0,0.4); align-items:center; justify-content:center;}
.modal_inner{position:relative; width:90vw; max-width:600px; max-height:90vh; margin:auto; padding:32px 24px; border-radius:16px; background:#fff; box-shadow:0 8px 32px rgba(0,0,0,0.18); overflow-y:auto;}
@media (max-width:600px){
  .modal_pop .modal_inner{max-width:98vw; padding:16px 6px;}
}
.tit_box{margin-bottom:20px}

.credit{overflow:hidden; position:relative; width:100%; max-width:380px; margin:30px auto 0; border-radius:10px; background:url(/img/contents/img_card02.svg) no-repeat 50% / cover; aspect-ratio:19 / 12;border:1px dashed var(--color-gray30)}

.credit .card_txt{position:absolute; top:8%; right:8%; color:var(--color-gray30)}
.credit .card_company{position:absolute; right:8%; bottom:12%; width:36px; height:36px;}
.credit .card_company img{display:block; width:100%; height:100%; object-fit:contain}
.credit .card_company::after{display:block; position:absolute; right:calc( 8% - 10px ); bottom:calc( 12% - 10px ); width:50px; height:50px; border:1px dashed var(--color-danger); border-radius:50%; content:''; animation:rotate360 6s linear infinite;}
.credit .card_company::before{display:block; position:absolute; right:calc( 8% + 8px ); bottom:calc( 12% + 42px ); width:16px; height:24px; background:url(/img/contents/arr_bold.svg) no-repeat 50% 100% / contain; content:''; animation:bounceUpDown 1s ease-in-out infinite}

.info_wrap{margin-bottom:40px}
.all_chk_box label{font-size:17px !important}
.card-label{font-size:13px; font-weight:700;}
.card-desc{display:block; margin-top:4px; color:#888; font-size:15px;}

@keyframes rotate360{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(360deg);}
}

@keyframes bounceUpDown{
  0%, 100%{transform:translateY(0);}
  50%{transform:translateY(-5px);}
}
.modal_inner{position:relative; top:45% !important; left:25% !important; width:90vw; max-width:900px !important; max-height:90vh; margin:auto; padding:32px 24px; box-shadow:0 8px 32px rgba(0,0,0,0.18); overflow-y:auto;}
 */
/*카드변경*/
.tit_box{margin-bottom:40px}

.modal_pop.card_change .modal_inner{max-width:890px !important;}

.modal_pop.card_change .modal_inner::-webkit-scrollbar{display:none}

/* disabled 상태 스타일 */
.lst_card .card.disabled{opacity:0.5; cursor:not-allowed; pointer-events:none;}

.lst_card .card.disabled input[type="radio"]{cursor:not-allowed;}

.lst_card .card.disabled label{cursor:not-allowed;}

.lst_card .card.disabled .ico_card{filter:grayscale(100%);}

.modal_pop.card_change{display:flex; overflow:auto; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1100; background:rgba(0, 0, 0, 0.4); align-items:center; justify-content:center;}

.modal_inner{position:absolute; width:90vw; max-width:600px; max-height:90vh; margin:auto; border-radius:16px; background:#fff; box-shadow:0 8px 32px rgba(0, 0, 0, 0.18); overflow-y:auto;}

/*(선택)약관 안내 모달*/
.modal_pop.select{display:flex; overflow:auto; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1100; background:rgba(0, 0, 0, 0.4); align-items:center; justify-content:center;}

.modal_inner.select{width:90vw; max-width:600px; max-height:90vh; border-radius:16px; background:#fff; box-shadow:0 8px 32px rgba(0, 0, 0, 0.18); overflow-y:auto;}

@media (max-width:600px){
    .modal_pop .modal_inner.select{max-width:98vw;}
}

.underline{text-decoration:underline;}

.f_bold{font-weight:700;}

.notice_box{margin-top:40px; font-size:2.2rem; font-family:'yg-jalnan'; text-align:center;}

.notice_box a{display:inline-flex; font-weight:400; align-items:center; gap:20px;}

.notice_box a::before{display:block; width:34px; height:27px; background:url(/img/contents/ico_notice.svg) no-repeat 50% / cover; content:'';}

.notice_box a strong{display:inline-block; position:relative; color:var(--color-primary); font-weight:400;}

.notice_box a strong::after{position:absolute; left:0; bottom:-4px; width:100%; height:2px; content:''; background-color:var(--color-primary)}

.notice_box a strong span{display:inline-block; animation:floatUpDown 1s ease-in-out infinite; transform:translateY(0);}

.notice_box a strong span:nth-child(1){animation-delay:0s;}

.notice_box a strong span:nth-child(2){animation-delay:0.1s;}

.notice_box a strong span:nth-child(3){animation-delay:0.2s;}

.notice_box a strong span:nth-child(4){animation-delay:0.3s;}

@keyframes floatUpDown{
    0%,
    100%{transform:translateY(0);}

    50%{transform:translateY(-6px);}
}

.num_circle{font-size:.8em}

.agree_txt{margin-top:18px; text-align:center;}

.agree_txt strong{color:var(--color-danger) !important;}

.delivery_wrap{margin-top:10px; padding:40px 50px 60px; font-size:2rem; text-align:center; border-bottom:4px double var(--color-gray90)}

.delivery_wrap .delivery_txt{position:relative; padding-top:128px; font-weight:600;}

.delivery_wrap .delivery_txt::after{display:block; position:absolute; top:0; left:0; width:100%; height:112px; background:url(/img/contents/img_scooter.png) no-repeat 50% / contain; content:'';}

.delivery_wrap .f_big{display:inline-block; position:relative; margin-top:15px; padding:0 32px; font-size:2.6rem; font-weight:400; font-family:'yg-jalnan'; word-break:break-all;}

.delivery_wrap .f_big strong{border-bottom:1px solid var(--color-primary)}

.delivery_wrap .f_big::before,
.delivery_wrap .f_big::after {display:block; position:absolute; position:absolute; width:20px; height:18px; background:url(/img/contents/ico_quotes.svg) no-repeat 50% / contain; content:''; top:-4px}

.delivery_wrap .f_big strong{color:var(--color-primary); font-weight:400;}

.delivery_wrap .f_big::before{left:0;}

.delivery_wrap .f_big::after{right:0; transform:rotate(180deg);}

.sub_tit_sx{display:block; font-size:1.9rem;}

@media (min-width:1024px){
    .delivery_wrap .f_big{font-size:3.2rem}

    .sub_tit_sx{font-size:2.2rem;}
}

.alert_bnr{position:absolute; top:100px; left:50%; transform:translateX(-50%); z-index:999}

.alert_bnr .alt_inner{width:calc(100vw - 40px); max-width:540px; margin:0 auto; border-radius:24px; background:#fff; box-shadow:0 0 12px rgba(0, 0, 0, .25)}

.alert_bnr .alt_inner .alt_header{display:flex; height:70px; padding:0 20px 0 28px; border-radius:23px 23px 0 0; background:#FFFCF0; flex-wrap:nowrap; justify-content:space-between; align-items:center; ; border-bottom:1px solid #F8F1D4}

.alert_bnr .alt_inner .alt_header .alt_tit{font-size:2.4rem; font-weight:600;}

.alert_bnr .alt_inner .alt_header .btn_close{width:36px; height:36px; background:url(/img/contents/ico_close.svg) no-repeat 50% / contain; transition:transform .3s ease; ;}

.alert_bnr .alt_inner .alt_header .btn_close:hover,
.alert_bnr .alt_inner .alt_header .btn_close:focus{transform:rotate(180deg);}

.alert_bnr .alt_inner .alt_body{position:relative; padding:28px;}

.alert_bnr .alt_inner .alt_body::after{position:absolute; right:-30px; bottom:-45px; width:178px; height:180px; background:url(/img/contents/ico_speaker.png) no-repeat 50% / contain; content:'';}

.alert_bnr .alt_inner .alt_body p:not(:first-child){margin-top:18px;}

.alert_bnr .alt_inner .alt_body strong{color:var(--color-point01); font-weight:300; font-family:'yg-jalnan';}

.alert_bnr .alt_inner .alt_body .logos{margin-top:22px; height:24px}

.alert_bnr .alt_inner .alt_body .logos img{height:100%;}

.alert_bnr .alt_inner .alt_body .alt_tit{display:inline-block; margin:0 auto; margin-bottom:10px; border-bottom:1px solid var(--color-gray90); font-size:2rem; font-weight:700;}

.alert_bnr .alt_inner .alt_body .link{color:var(--color-primary); border-bottom:1px dotted var(--color-primary)}

.alert_bnr .alt_inner .alt_footer{padding:16px 28px; border-top:1px solid var(--color-gray30); background:var(--color-gray05); border-radius:0 0 23px 23px}

.alert_bnr .alt_inner .alt_body em{color:var(--color-point01); font-size:1.1em; font-weight:600;}

.alert_bnr.non_bg .alt_inner .alt_body::after{display:none}

.alert_bnr .alt_inner .alt_body .ico_img{width:100%; height:160px; margin-bottom:-10px}

.alert_bnr .alt_inner .alt_body .ico_img img{width:100%; height:100%; object-fit:contain;}

@media (min-width:1024px){
    .alert_bnr {top:150px; left:auto; left:50%; transform:translate(0);}
}

.pop_img{position:absolute; top:100px; left:50%; transform:translateX(-50%); z-index:999}

.pop_img .pop_img_inner{width:calc(100vw - 40px); max-width:540px; margin:0 auto; border-radius:24px; background:#fff; box-shadow:0 0 12px rgba(0, 0, 0, .25); position:relative}

.pop_img .pop_img_inner .btn_close{position:absolute; top:15px; right:10px; width:36px; height:36px; background:url(/img/contents/ico_close.svg) no-repeat 50% / contain; transition:transform .3s ease; ;}

.pop_img .pop_img_inner .btn_close:hover,
.pop_img .pop_img_inner .btn_close:focus{transform:rotate(180deg);}

.pop_img .pop_img_inner .pop_img_footer{padding:16px 28px; border-radius:0 0 23px 23px; background:var(--color-gray80); color:#fff}

.pop_img.type_wide .pop_img_inner{width:540px;}

@media (max-width:767px){
    .pop_img.type_wide .pop_img_inner{width:calc(100vw - 40px); max-width:100%;}
}

.pop_img.type_wide2 .pop_img_inner{max-width:280px;}

.pop_img.type_wide2 .pop_img_inner .img_box img{width:100%; height:196px;}

/* 공지사항 */
.lst_board.notice li{padding-left:10px;}

.lst_board.notice li .num{color:var(--color-gray60); font-size:1.3rem;}

.lst_board.notice li .inner{display:flex; flex-direction:column;}

.lst_board.notice li a{display:flex; min-width:0; gap:10px; flex:1; align-items:center;}

.lst_board.notice li a .badge_new{width:20px; height:20px; border-radius:2px; background:var(--color-point01); color:#fff; font-size:1.3rem; font-weight:600; text-align:center; flex:0 0 20px}

.lst_board.notice li a .tit{display:block; overflow:hidden; min-width:0; color:var(--color-gray90); font-size:1.8rem; font-weight:600; text-overflow:ellipsis; white-space:nowrap; flex:1 1 auto;}

.lst_board.notice li .date{font-size:1.5rem; color:var(--olor-gray60)}

@media (min-width:1024px){
    .lst_board.notice li .num{margin-top:4px;}

    .lst_board.notice li .inner{flex-direction:row; gap:30px; justify-content:space-between;}

    .lst_board.notice li a:hover,
    .lst_board.notice li a:focus{text-decoration:underline;}

    .lst_board.notice li .date{text-align:right; flex:0 0 100px;}
}

/* 공지사항 상세보기 */

.viewer_wrap{border-top:2px solid var(--color-gray90)}
.viewer_wrap .viewer_head{display:flex; padding:16px 10px; border-bottom:1px solid var(--color-gray90); flex-direction:column; gap:12px; position:relative}
.viewer_wrap .viewer_head .inner{display:flex; min-width:0; gap:10px; flex:1; align-items:flex-start}
.viewer_wrap .viewer_head .badge_new{width:20px; height:20px; margin-top:6px; border-radius:2px; background:var(--color-point01); color:#fff; font-size:1.3rem; font-weight:600; text-align:center; flex:0 0 20px;}
.viewer_wrap .viewer_head .tit{display:block; color:var(--color-gray90); font-size:1.8rem; font-weight:600;}
.viewer_wrap .viewer_head .date{font-size:1.5rem; color:var(--olor-gray60)}
.viewer_wrap .viewer_body{padding:30px 10px; font-size:1.6rem; border-bottom:1px solid var(--color-gray30)}
.viewer_wrap .viewer_body .link{color:var(--color-primary)}
.viewer_wrap .viewer_footer{padding:0 10px;}
.viewer_wrap .viewer_footer .post{display:flex; padding:20px 10px; border-bottom:1px solid var(--color-gray30); align-items:center; gap:20px}
.viewer_wrap .viewer_footer .post .label{font-size:1.4rem; color:var(--color-gray60)}
.viewer_wrap .viewer_footer .post a{display:block; overflow:hidden; min-width:0; text-overflow:ellipsis; white-space:nowrap; flex:1 1 auto;}

@media (min-width:1024px){
    .viewer_wrap .viewer_head,
    .viewer_wrap .viewer_body{padding-right:40px; padding-left:40px;}
    .viewer_wrap .viewer_head .tit{font-size:2.4rem;}
    .viewer_wrap .viewer_body{font-size:1.8rem;}
    .viewer_wrap .viewer_footer .post{padding:24px 40px; gap:40px}
    .viewer_wrap .viewer_footer .post .label{display:inline-flex; font-size:1.6rem; align-items:center; gap:10px; color:var(--color-gray90)}
    .viewer_wrap .viewer_footer .post .label::before{width:24px; height:24px; background-repeat:no-repeat; background-position:50%; background-size:contain; content:'';}
    .viewer_wrap .viewer_footer .post.prev .label::before{background-image:url(/img/contents/ico_up.svg);}
    .viewer_wrap .viewer_footer .post.next .label::before{background-image:url(/img/contents/ico_down.svg);}
    .viewer_wrap .viewer_footer .post a{font-size:1.8rem;}
    .viewer_wrap .viewer_footer .post a:hover,
    .viewer_wrap .viewer_footer .post a:focus{text-decoration:underline;}
}

/* 메인 공지사항 */
.notice_lst{position:relative; margin-top:50px;}
.notice_lst .btn_nl_more{display:inline-flex; position:absolute; top:10px; right:0; align-items:center; gap:4px;}
.notice_lst .btn_nl_more::after{display:block; width:20px; height:20px; background:url(/img/contents/ico_arr_right.svg) no-repeat 50% / contain; content:''; transition:transform .3s ease;}
.notice_lst .btn_nl_more:hover::after{transform:translateX(5px);}
.notice_lst .nl_tit{display:flex; margin-bottom:10px; font-size:2.4rem; font-weight:600; gap:8px; justify-content:flex-start;}
.notice_lst .nl_tit::before{display:block; width:32px; height:32px; content:''; background:url(/img/contents/ico_speaker_2.png) no-repeat 50% / contain}

/* 예비 접수 현황 조회 */
.srch_preapply{margin-top:50px; padding:24px; border:1px solid #fff; border-radius:16px; background:rgba(234, 244, 255, .8); backdrop-filter:blur(6px);}
.srch_preapply form{display:flex; margin:0 auto; flex-direction:column; gap:1.2rem;}
.srch_preapply h3{display:flex; color:var(--color-secondary-100); font-size:2.2rem; font-weight:700; flex-direction:row; justify-content:flex-start; align-items:center; gap:8px;}
.srch_preapply h3::before{display:block; width:32px; height:32px; background:url(/img/contents/ico_srch.svg) no-repeat 50% / contain; content:'';}
.srch_preapply .form_group{display:flex; height:52px; gap:12px;}
.srch_preapply .form_group input{height:100%; padding:0 12px; border:1px solid var(--color-gray50); border-radius:6px; flex:1 1 auto;}
.srch_preapply .form_group .btn{border-radius:6px;}

@media (min-width:768px){
    .srch_preapply{padding:24px 56px;}
    .srch_preapply .form_group input{height:5.8rem;}
}

/* 모바일 환경에서 조회 버튼이 잘리지 않도록 수정 */
@media (max-width:767px){
    .srch_preapply{padding:16px;}
    .srch_preapply .form_group{height:auto; flex-direction:column; gap:8px;}
    .srch_preapply .form_group input{height:48px; flex:none;}
    .srch_preapply .form_group .btn{width:100%; height:48px;}
    .srch_preapply h3{font-size:1.8rem;}
    .srch_preapply h3::before{width:24px; height:24px;}
}

/* 예비 접수 모달 */
.alert_preapply{position:fixed; top:0; left:0; z-index:2000; width:100%; height:100%; background:rgba(0, 0, 0, .3); backdrop-filter:blur(12px);}
.alert_preapply .alt_inner{position:absolute; top:50%; left:50%; width:90%; max-width:887px; border-radius:24px; background:var(--color-gray70); transform:translate(-50%, -50%);}
.alert_preapply .alt_header{display:flex; height:70px; padding:0 20px 0 28px; border-bottom:1px solid var(--color-gray60); border-radius:23px 23px 0 0; background:var(--color-gray70); flex-wrap:nowrap; justify-content:space-between; align-items:center; color:#fff}
.alert_preapply .alt_header .alt_tit{font-size:2.4rem; font-weight:600;}
.alert_preapply .alt_header .btn_close{width:36px; height:36px; background:url(/img/contents/ico_close.svg) no-repeat 50% / contain; transition:transform .3s ease; ;filter:invert(1);}
.alert_preapply .alt_header .btn_close:hover,
.alert_preapply .alt_header .btn_close:focus{transform:rotate(180deg);}
.info_section .preapply_wrap{border-radius:24px; background:var(--color-gray70);}

.preapply_wrap{position:relative; padding:16px;}
.preapply_wrap .biz_num{color:#fff; font-size:2rem; text-align:center; margin-bottom:12px}
.preapply_ticket{display:flex; flex-direction:column; gap:2px}
.preapply_ticket .ticket{position:relative; border-radius:8px; background:linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 75%, #DAE0E8 100%); padding:32px 18px 18px}
.preapply_ticket .ticket.my::after{position:absolute; left:50%; bottom:-2px; width:calc(100% - 16px); height:0; border-bottom:2px dashed #fff; content:''; transform:translateX(-50%);}
.preapply_ticket .preapply_head{display:flex; height:52px; border-top:2px solid var(--color-gray90); border-bottom:2px solid var(--color-gray90); align-items:center; justify-content:center;}
.preapply_ticket .preapply_head h3{display:inline-flex; gap:8px; align-items:center; justify-content:center;}
.preapply_ticket .preapply_head h3::before{display:block; width:26px; height:26px; background-position:50%; background-size:contain; content:''; background-repeat:no-repeat}
.preapply_ticket .preapply_body{display:flex; position:relative; padding:24px; flex-direction:column; gap:14px; align-items:center; justify-content:center;}
.preapply_ticket .preapply_body .cnt{color:var(--color-primary); font-size:clamp(4.6rem, 6vw, 7.2rem); font-weight:900; line-height:1;}
.preapply_ticket .preapply_foot{padding-top:24px; border-top:1px dashed var(--color-gray30); text-align:center;}
.preapply_ticket .box_gray{width:100%; font-size:2rem; text-align:center;}
.preapply_ticket .box_gray .f_warning{font-weight:800; font-size:1.1em}
.preapply_ticket .ticket.my .preapply_head h3::before{background-image:url(/img/contents/ico_ticket_my.svg);}
.preapply_ticket .ticket.order .preapply_head h3::before{background-image:url(/img/contents/ico_ticket_order.svg);}
.preapply_ticket .ticket.order .preapply_body .cnt{color:var(--color-gray90); font-size:clamp(4.6rem, 6vw, 7.2rem); font-weight:900; line-height:1;}

@media (min-width:900px){
    .preapply_ticket{flex-direction:row;}
    .preapply_ticket .ticket.my{flex:0 0 316px;}
    .preapply_ticket .ticket.my::after{top:50%; left:auto; right:-2px; bottom:auto; width:0; border-bottom:0; border-left:2px dashed #fff; transform:translate(0, -50%); height:calc(100% - 16px)}
    .preapply_ticket .preapply_body{gap:4px; height:280px}
    .preapply_ticket .box_gray{position:absolute; left:50%; bottom:10px; padding:1.8rem 3rem; font-size:2.2rem; transform:translate(-50%, 0);}
}

.alert_preapply.type02 .alt_inner{overflow:hidden; width:calc(100vw - 40px); max-width:540px; margin:0 auto; border-radius:24px;}
.alert_preapply.type02 .preapply_body{padding:24px; background:#fff; text-align:center;}
.alert_preapply.type02 .preapply_body p{font-size:1.8rem}
.alert_preapply.type02 .preapply_body p a{color:var(--color-primary); text-decoration:underline}
.alert_preapply.type02 .preapply_body .box_gray{color:var(--color-primary); font-size:2rem; text-align:center; margin-bottom:12px}

/* 모바일 환경에서 닫기 버튼이 보이도록 수정 */
@media (max-width:767px){
    .alert_preapply .alt_inner{width:calc(100vw - 32px); max-width:none;}
    .alert_preapply .alt_header{height:60px; min-height:60px; padding:0 16px;}
    .alert_preapply .alt_header .alt_tit{font-size:1.8rem;}
    .alert_preapply .alt_header .btn_close{width:32px; min-width:32px; height:32px; min-height:32px; flex-shrink:0;}
    .alert_preapply .preapply_wrap{padding:16px;}
    .alert_preapply .preapply_ticket{gap:16px;}
    .alert_preapply .preapply_ticket .ticket{padding:20px 12px 12px;}
    .alert_preapply .preapply_ticket .preapply_head{height:44px;}
    .alert_preapply .preapply_ticket .preapply_head h3{font-size:1.4rem;}
    .alert_preapply .preapply_ticket .preapply_head h3::before{width:20px; height:20px;}
    .alert_preapply .preapply_ticket .preapply_body{padding:16px; gap:12px;}
    .alert_preapply .preapply_ticket .preapply_body .cnt{font-size:clamp(3.2rem, 8vw, 4.8rem);}
    .alert_preapply .preapply_ticket .preapply_foot{padding-top:16px; font-size:1.3rem;}
    .alert_preapply .preapply_ticket .box_gray{padding:12px 16px; font-size:1.6rem;}
    .alert_preapply .biz_num{margin-bottom:16px; font-size:1.6rem;}
}

.box_sky:has(.ico_warning){
    color:var(--color-primary); 
    font-weight:700; 
    font-size:1.8rem;
    background-color:#e0f2fe;
    border:2px solid var(--color-primary);
    box-shadow: 0 2px 8px rgba(0, 103, 243, 0.15);
    animation: fadeInSlide 0.5s ease-out;
}
.box_sky .ico_warning{
    display:inline-block; 
    position:relative; 
    top:5px; 
    margin-right:10px; 
    width:24px; 
    height:24px; 
    background:url('/img/contents/ico_warning02.png') no-repeat center;
    background-size:contain;
    animation: iconPulse 2s ease-in-out infinite;
}

@keyframes fadeInSlide {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes iconPulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}

@media (max-width:640px){
    .box_sky:has(.ico_warning){
        font-size:1.6rem;
        padding:16px 20px;
    }
    .box_sky .ico_warning{
        width:20px; 
        height:20px;
        margin-right:8px;
        top:3px;
    }
}

.box_sky.phone{text-align:center;display: flex;flex-direction: column; margin:20px 0;}
.box_sky.phone strong{font-size:3rem;color:var(--color-primary);}

/* 기수혜자 로딩 */
.loading_overlay{display:flex; position:fixed; top:0; left:0; z-index:9999; width:100%; height:100%; background:rgba(255, 255, 255, 0.3); backdrop-filter:blur(5px); justify-content:center; align-items:center;-webkit-backdrop-filter:blur(10px);}
.loading_content{display:flex; width:500px; height:500px; padding:0 16px; border-radius:20px; background:#fff; box-shadow:0 20px 20px rgba(0, 0, 0, 0.1); text-align:center; flex-direction:column; justify-content:center; align-items:center;}
.spinner{width:60px; height:60px; margin-bottom:30px; border:5px solid var(--color-gray30); border-top:5px solid var(--color-primary); border-radius:50%; animation:spin 1s linear infinite;}
.loading_content p{margin-bottom:12px; color:var(--color-gray90); font-size:2rem; font-weight:700;}
.loading_content span{color:var(--color-gray70); font-size:1.8rem;}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@media (max-width:640px){
    .loading_content{width:90%;}
}

/* 카드사 인트로 */
.card_intro{display:flex; position:fixed; top:0; left:0; z-index:10000; width:100vw; height:100vh; background-image:linear-gradient(-45deg, #ffebef, #fff, #deefff); background-size:200% 200%; animation:gradient-shimmer 1.2s ease-out forwards; align-items:center;justify-content:center;flex-direction:column;gap:24px;}
.card_intro.bc{background-image:linear-gradient(-45deg, #ffebef, #fff, #deefff);}
.card_intro.kb{background-image:linear-gradient(-45deg, #fffbeb, #fff, #d4eeff);}
.card_intro.hd{background-image:linear-gradient(-45deg, #e3e3e3, #fff, #d4eeff);}
.card_intro.hn{background-image:linear-gradient(-45deg, #e6fff9, #fff, #d4eeff);}
.card_intro.nh{background-image:linear-gradient(-45deg, #e0eeff, #fff, #d4eeff);}
.card_intro.lt{background-image:linear-gradient(-45deg, #e3e3e3, #fff, #d4eeff);}
.card_intro.wr{background-image:linear-gradient(-45deg, #e4f3ff, #fff, #d4eeff);}
.card_intro.sh{background-image:linear-gradient(-45deg, #e5ebff, #fff, #d4eeff);}
.card_intro.ss{background-image:linear-gradient(-45deg, #e3ecff, #fff, #d4eeff);}
.card_intro .header_logo{display:flex; animation-delay:0.2s; flex-direction:row;gap:20px;}
.card_intro .header_logo .step{opacity:0; height:30px; animation:slide-up 0.6s ease-out forwards;}
.card_intro .header_logo .step img{height:100%;}
.card_intro .header_logo .step.n1{animation-delay:0.1s;}
.card_intro .header_logo .step.n2{animation-delay:0.3s;}
.card_intro .header_logo .step.n3{animation-delay:0.5s;}
.card_intro .card_logo{opacity:0; height:140px; animation:logo-entrance 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; animation-delay:1.1s;}
.card_intro .card_logo img{height:100%;}
@media (max-width:640px){
    .card_intro{padding:0 20px;}
    .card_intro .header_logo .step{height:16px;}
    .card_intro .card_logo{height:80px;}
}

@keyframes gradient-shimmer {
    0% {
        background-position: 0 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}

@keyframes logo-entrance {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
    50% {
        opacity: 1;
        transform: scale(1.1);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes slide-up {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}