.faq-item{margin-bottom:20px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}
.faq-question{width:100%;padding:20px;background-color:#f8f9fa;border:none;text-align:left;cursor:pointer;display:flex;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;align-items:center;justify-content:center;width:30px;height:30px;background-color:#007bff;color:white;border-radius:50%;font-weight:bold;font-size:16px;flex-shrink:0}
.faq-question.active .question-mark{background-color:white;color:#007bff}
.question-text{flex:1;font-size:16px;font-weight:500;line-height:1.4}
.arrow{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #666;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{padding:20px;display:flex;gap:15px}
.answer-mark{display:flex;align-items:flex-start;justify-content:center;width:30px;height:30px;background-color:#28a745;color:white;border-radius:50%;font-weight:bold;font-size:16px;flex-shrink:0;margin-top:2px}
.answer-text{flex:1;line-height:1.6}
.custom-answer{width:100%}
.con_list1{list-style:none;padding:0;margin:0}
.con_list1 > li{margin-bottom:15px;padding-left:0}
.con_list1 > li:last-child{margin-bottom:0}
.con_list2{list-style:disc;margin:10px 0 0 20px;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;background-color:#f8f9fa;border-radius:6px;border-left:4px solid #007bff}
.con_tit_h4{display:block;font-size:16px;font-weight:600;margin-bottom:10px;color:#333}
.con_box3{background-color:white;padding:15px;border-radius:4px;border:1px solid #e0e0e0;line-height:1.6}
.btn_default{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background-color:#007bff;color:white;border:none;border-radius:4px;text-decoration:none;font-size:14px;font-weight:500;cursor:pointer;transition:background-color 0.3s ease;margin-top:15px}
.btn_default:hover{background-color:#0056b3;text-decoration:none;color:white}
.btn_ico.ico_down::before{content:'';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;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{width:100%;max-width:990px;padding:60px 24px;margin:0 auto;overflow:hidden;}

@media (min-width: 1024px){
  .index_wrap{padding:60px 0;overflow:visible;}
}

.main .slogan_wrap{position:relative;width:100%;text-align:center;padding:40px 0 0;}

.slogan_wrap .support{display:flex;gap:10px;justify-content: center;align-items:center;width:fit-content;margin:0 auto 20px;}
.slogan_wrap .support div{height:22px;}
.slogan_wrap .support div img{height:100%;width: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-size: contain;background-repeat: no-repeat;transition: all 0.3s ease;animation: float 4s ease-in-out infinite;}

/* 위치, 크기, 애니메이션 딜레이 지정 */
.deco .item.type01 { --x: -190px; top: -15%; left: 50%; transform: translateX(var(--x)); width: 57px; height: 55px; animation-delay: 0.5s; z-index:-1}
.deco .item.type02 { --x: 145px; top: 0%; left: 50%; transform: translateX(var(--x)); width: 40px; height: 40px; animation-delay: 0.7s; z-index:-1}
.deco .item.type03 {--x: -20px;top: -40%;left: 50%;transform: translateX(var(--x));width: 129px;height: 132px;animation-delay: 0.4s;z-index:-1}
.deco .item.type04 { --x: -270px; top: 100%; left: 50%; transform: translateX(var(--x)); width: 96px; height: 169px; animation-delay: 0.1s; z-index:-1}
.deco .item.type05 { --x: 160px; top: 45%; left: 50%; transform: translateX(var(--x)); width: 124px; height: 135px; animation-delay: 0.6s; z-index: 1; }
.deco .item.type06 { --x: 120px; top: 78%; left: 50%; transform: translateX(var(--x)); width: 218px; height: 159px; animation-delay: 0.3s; z-index:-1}

@media (min-width: 410px) {
  .deco .item {display:block;}
}

@media (min-width: 1024px) {
  .deco .item.type01 { --x: -310px; top: -5%; width: 67px; height: 65px; }
  .deco .item.type02 { --x: 250px; top: 8%; width: 46px; height: 40px; }
  .deco .item.type03 { --x: -530px; top: 30%; width: 169px; height: 176px; }
  .deco .item.type04 { --x: -390px; top: 85%; width: 136px; height: 169px; }
  .deco .item.type05 { --x: 310px; top: 50%; width: 154px; height: 173px; }
  .deco .item.type06 { --x: 290px; top: 78%; width: 258px; height: 198px; }
}

.sche_wrap_main{text-align:center;margin-bottom:40px;}
.sche_wrap_main .sche_head{margin:0 auto 30px;position:relative;width:fit-content;padding:0 36px;font-weight:600;}
.sche_wrap_main .sche_head::before,
.sche_wrap_main .sche_head::after{content:'';display:block;position:absolute;width:30px;height:26px;background:url(/img/contents/ico_quotes.svg) no-repeat 50% / contain;position:absolute;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{font-size:1.2em;font-weight:700;color: var(--color-point01);display:inline-block;position:relative;font-family:'yg-jalnan';font-weight:500;}

.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{width:100%;display:flex;gap:12px;justify-content:center;flex-wrap: wrap}
.sche_wrap_main .sche_body dl{flex:0 0 180px;height:158px;background:url(/img/contents/img_cal_s.svg) no-repeat 50% / cover;text-align: center;}
.sche_wrap_main .sche_body dl dt{width:100%;height:70px;color:#fff;font-size:2.2rem;font-weight:700;padding-top:30px;}
.sche_wrap_main .sche_body dl dd{width:100%;line-height:88px;color:var(--color-primary);font-family:'yg-jalnan';font-size:4.2rem;}


@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{font-size:2.2rem;color:var(--color-gray80);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{content:'';display:block;width:4px;height:4px;border-radius:50%;background-color: var(--color-point01);position:absolute;left:50%;top:-6px;transform: translateX(-50%);}

.slogan_box .site_id{font-family:'yg-jalnan';color:#004098;line-height: 1.6em;font-size: clamp(4rem, 4vw, 6.2rem);}
.slogan_box .site_id strong{display:block;color:var(--color-secondary);font-size: clamp(5rem, 5vw, 7.2rem);line-height:1;font-weight:500;} */


.download_box_main{width:100%;margin:16px auto 30px;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:center;}
.download_box_main .btn_download{width:auto;height:46px;border-radius:24px;display:flex;border:2px solid #E73752;background:#fff;align-items:center;justify-content:flex-start;padding:0 24px;transition: height .3s ease, border-radius .3s ease, padding .3s ease;gap:12px;box-shadow:0 4px 0 rgba(0, 0, 0, .1);}
.download_box_main .btn_download::before{content:'';display:block;width:16px;height:21px;background:url(/img/contents/ico_pdf.svg) no-repeat 50% / contain;}

.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;}
.card_wrap .card{position:relative;display:block;width:100%;max-width:480px;aspect-ratio:16/9;outline:none;cursor:pointer}
.card_wrap .card .card_inner{position:relative;width:100%;height:100%;border-radius:16px;overflow:hidden}
.card_wrap .card .card_inner::after{content:'';display:block;width:100%;height:100%;background:url(/img/contents/img_card_layout.png) no-repeat 100% 100% / cover;position:absolute;left:0;top:0;}

.card_wrap .card.type01 .card_inner{background-color:#08A8E3}
.card_wrap .card.type02 .card_inner{background-color:#004098}

.card_wrap .card::after{content:'';display:block;/*width:120px;height:130px;*/width:30%;max-width:120px;;aspect-ratio:12/13;background-size:contain;background-repeat:no-repeat;background-position:0 100%;position:absolute;left:10px;bottom:-40px;}
.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{font-weight:600;text-shadow:1px 1px 3px rgba(0,0,0,.3);color:#fff;}
.card_wrap .card .card_inner .txt p{opacity:.9;font-size:.76em;color:#fff;}

@media (min-width:1024px){
  .card_wrap{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{position:fixed;right:24px;bottom:24px;display:flex;flex-direction:column;gap:10px;}
.floating a{display:flex;justify-content: center;align-items: center;width:60px;height:60px;border-radius:50%}

.floating .btn_chatbot{position:relative;background-color:var(--color-primary);border-bottom-right-radius: 4px;box-shadow: 4px 4px 8px rgba(31,72,129,.2);transition: background-color .3s ease;}
.floating .btn_chatbot .txt{display:none;}
.floating .btn_chatbot .txt::after{content:'';display:block;width:20px;height:16px;background:url(/img/common/ico_buble.svg) no-repeat 50% / cover;position:absolute;left:50%;bottom:-14px;transform: translateX(-50%);}
.floating .btn_top{background-color:var(--color-gray10);transition: background-color .3s ease;}

.floating .ico{display:block;width:28px;height:28px;}
.floating .btn_chatbot .ico{background:url(/img/common/ico_chatbot.svg) no-repeat 50%;}
.floating .btn_top .ico{background:url(/img/common/ico_top.svg) no-repeat 50%;}

@media (min-width:1100px) {
    .footer_wrap{padding:30px 0 50px;}
}

@media (min-width:1360px) {
  .floating{right:auto;left:calc( 50% + 620px )}
  .floating .btn_chatbot .txt{display:block;position:absolute;left:50%;top:-66px;text-align:center;text-wrap: nowrap;padding:12px 16px;background:#FFF4E2;border-radius:50px;transform:translate(-50%, 0);animation: floatUpDown02 1.5s ease-in-out infinite;}
    .floating .btn_chatbot:hover,
    .floating .btn_chatbot:focus{background-color:var(--color-primary100)}
    .floating .btn_top:hover,
    .floating .btn_top:focus{background-color:var(--color-gray20)}
}

@keyframes floatUpDown02 {
  0%   { transform: translate(-50%, 0); }
  50%  { transform: translate(-50%, -10px); }
  100% { transform: translate(-50%, 0); }
}

/*랜딩페이지*/
.landing_wrap{width:100%;max-width:990px;padding:60px 24px;margin:0 auto;overflow:hidden;}

@media (min-width: 1024px){
  .landing_wrap{padding:60px 0;overflow:visible;}
}

.slogan_wrap{position:relative;width:100%;text-align:center;padding:80px 0 0;}

.slogan_wrap .support{display:flex;gap:10px;justify-content: center;align-items:center;width:fit-content;margin:0 auto 20px;}
.slogan_wrap .support div{height:22px;}
.slogan_wrap .support div img{height:100%;width: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-size: contain;background-repeat: no-repeat;transition: all 0.3s ease;animation: float 4s ease-in-out infinite;}

/* 위치, 크기, 애니메이션 딜레이 지정 */
.deco .item.type01 { --x: -190px; top: -15%; left: 50%; transform: translateX(var(--x)); width: 57px; height: 55px; background-image: url(/img/contents/deco_07.png); animation-delay: 0.5s; z-index:-1}
.deco .item.type02 { --x: 145px; top: 0%; left: 50%; transform: translateX(var(--x)); width: 40px; height: 40px; background-image: url(/img/contents/deco_08.png); animation-delay: 0.7s; z-index:-1}
.deco .item.type03 {--x: -20px;top: -40%;left: 50%;transform: translateX(var(--x));width: 129px;height: 132px;background-image: url(/img/contents/deco_03.png);animation-delay: 0.4s;z-index:-1}
.deco .item.type04 { --x: -270px; top: 80%; left: 50%; transform: translateX(var(--x)); width: 96px; height: 169px; background-image: url(/img/contents/deco_04.png); animation-delay: 0.1s; z-index:-1}
.deco .item.type05 { --x: 160px; top: 45%; left: 50%; transform: translateX(var(--x)); width: 124px; height: 135px; background-image: url(/img/contents/deco_05.png); animation-delay: 0.6s; z-index: 1; }
.deco .item.type06 { --x: 120px; top: 78%; left: 50%; transform: translateX(var(--x)); width: 218px; height: 159px; background-image: url(/img/contents/deco_06.png); animation-delay: 0.3s; z-index:-1}

@media (min-width: 1024px) {
  .deco .item.type01 { --x: -310px; top: -5%; width: 67px; height: 65px; }
  .deco .item.type02 { --x: 250px; top: 8%; width: 46px; height: 40px; }
  .deco .item.type03 { --x: -530px; top: 30%; width: 169px; height: 176px; }
  .deco .item.type04 { --x: -390px; top: 105%; width: 136px; height: 169px; }
  .deco .item.type05 { --x: 310px; top: 90%; width: 154px; height: 173px; }
  .deco .item.type06 { --x: 290px; top: 108%; width: 258px; height: 198px; }
}


.apply_date{font-size:2.2rem;text-align:center;display:flex;justify-content:center;align-items:center;gap:10px;margin-top:30px}
.apply_date strong{font-size:2.8rem;color:var(--color-primary);border-bottom:2px solid var(--color-primary);line-height:1;padding-bottom:4px}

.slogan_box{display:flex;flex-direction: column;gap:10px;}
.slogan_box .txt_sub{font-size:2.2rem;color:var(--color-gray80);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{content:'';display:block;width:4px;height:4px;border-radius:50%;background-color: var(--color-point01);position:absolute;left:50%;top:-6px;transform: translateX(-50%);}

.slogan_box .site_id{font-family:'yg-jalnan';color:#004098;line-height: 1.6em;font-size: clamp(4rem, 4vw, 6.2rem);position: relative;z-index: 10;}
.slogan_box .site_id strong{color:var(--color-secondary);font-weight:500;}

@media (min-width:1024px){
  .slogan_wrap .support{gap:16px;margin:0 auto 30px;}
}

.download_box{width:100%;margin:26px auto 80px;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:center;}
.download_box .btn_download{width:auto;height:46px;border-radius:24px;display:flex;border:2px solid #E73752;background:#fff;align-items:center;justify-content:flex-start;padding:0 24px;transition: height .3s ease, border-radius .3s ease, padding .3s ease;gap:12px;box-shadow:0 4px 0 rgba(0, 0, 0, .1);}
.download_box .btn_download::before{content:'';display:block;width:16px;height:21px;background:url(/img/contents/ico_pdf.svg) no-repeat 50% / contain;}

.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{position:relative;width:fit-content;display:inline-block;font-size:2.8rem;font-weight: 600}
.sche_wrap .sche_head .tit strong{font-size:1.2em;font-weight:700;color: var(--color-point01);display:inline-block;position:relative;padding:0 36px;}
.sche_wrap .sche_head .tit strong::before,
.sche_wrap .sche_head .tit strong::after{content:'';display:block;position:absolute;width:30px;height:26px;background:url(/img/contents/ico_quotes.svg) no-repeat 50% / contain;position:absolute;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{width:100%;display:flex;gap:12px;justify-content:center;flex-wrap: wrap}
.sche_wrap .sche_body dl{flex:0 0 180px;height:214px;background:url(/img/contents/img_cal.svg) no-repeat 50% / cover;text-align: center;}
.sche_wrap .sche_body dl dt{width:100%;height:70px;color:#fff;font-size:2.2rem;font-weight:700;padding-top:30px;}
.sche_wrap .sche_body dl dd{width:100%;height:144px;color:var(--color-primary);font-family:'yg-jalnan';font-size:6.0rem;padding-top:20px;}

.poster{width:100%;margin-top:80px;}
.poster img{width:100%;}

.download_box{width:100%;max-width: 680px;margin:50px auto 80px;display:flex;flex-direction:column;gap:12px;position:relative;z-index: 100}
.download_box .btn_download{width:100%;height:110px;display:flex;border:2px solid #E73752;border-radius:1.2rem;background:#fff;align-items:center;justify-content:flex-start;padding:0 30px;transition: height .3s ease, border-radius .3s ease, padding .3s ease;gap:16px;box-shadow:0 4px 0 rgba(0, 0, 0, .1);}
.download_box .btn_download::before{content:'';display:block;width:34px;height:42px;background:url(/img/contents/ico_pdf.svg) no-repeat 50% / contain;}
.download_box .btn_download::after{content:'';display:block;width:42px;height:42px;background:url(/img/contents/ico_download.svg) no-repeat 50% / cover;margin-left:auto}

.download_box .btn_download strong{font-size:2rem;line-height:1;font-weight:600}

.download_box.type02 .btn_download{flex:0 0 60%;width:auto;height:90px;border-radius:1.2rem;padding:20px 30px;}
.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{flex-direction:row;max-width:990px;}
  .download_box .btn_download{flex:0 0 40%;height:110px;border-radius: 2.4rem;padding:0 50px;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:6px;}
.breadcrumb ol{position:relative;display:flex;gap:4px;align-items: center;}
.breadcrumb li{display:flex;align-items: center;gap:4px}
.breadcrumb li:not(:first-child)::before{content:'';display:block;width:20px;height:20px;background:url(/img/common/ico_breadcrumb_arr.svg) no-repeat 50%;}
.breadcrumb li a{color:var(--color-gray70);}
.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{content:'';display:block;width:32px;height:32px;background:url(/img/contents/ico_step_dot.svg) no-repeat 50%;position:absolute;left:0;top:0}

.step_flow li .num{display:block;width:32px;height:32px;line-height:32px;color:var(--color-gray50);font-weight:400;background-color:var(--color-gray10);border:1px solid var(--color-gray30);border-radius:50%;text-align:center;transition:border-color .3s ease, color .3s ease, background-color .3s ease;}
.step_flow li strong{display:block;line-height:1;font-size:1.2rem;color:var(--color-gray60);}

.step_flow li.current .num{background-color:#fff;border-color:var(--color-primary);color:var(--color-primary)}
.step_flow li.current strong{color:var(--color-gray90)}

.step_flow li.done .num{background-color:var(--color-secondary02);border-color:var(--color-secondary02);text-align:left;text-indent:-9999em;overflow:hidden;background-image:url(/img/contents/ico_step_chk.svg);background-repeat:no-repeat;background-position:50%;}
.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{position:relative;display:flex;flex-direction:row;gap:32px;color:var(--color-gray60)}
.status_flow li .num{display:flex;flex-direction:column;font-size:1.4rem;width:70px;text-align:center;}
.status_flow li .num::before{content:'';display:block;width:100%;height:32px;background-repeat:no-repeat;background-position:50%;}

.status_flow li:not(:last-child)::after{content:'';width:1px;height:28px;position:absolute;bottom:-20px;left:35px;  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.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.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;gap:2px;flex-direction:column;justify-content:center;flex:1;border-bottom:1px dotted var(--color-gray30);padding-bottom:20px;}
.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{flex-direction:column-reverse;text-align:left;}
    .status_flow li .num::before{background-position:0 0;width:32px;}

    .status_flow li:not(:last-child)::after{width:calc(100% - 35px);height:1px;bottom:auto;top:38px;left:50px;}
    .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;flex-wrap: wrap;gap:16px;justify-content: flex-start;}
.auth_lst li{flex: 0 1 calc(50% - 8px);display:flex;}
.auth_lst .btn_auth a,
.auth_lst .btn_auth button{display:flex;gap:12px;flex-direction:column;width:100%;border:1px solid var(--color-gray30);background-color:var(--color-gray05);padding:30px 25px;text-align:left !important;border-radius:var(--br-12);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{content:'';display:block;width:100%;height:36px;background-position:0 0;background-repeat:no-repeat;}

.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)}

.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;padding:0;margin:0 !important; height:50px;font-size:1.6rem;font-weight:600;}

@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;}
}

.auth_lst .btn_auth .auth_item_content {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid var(--color-gray30);
  background-color: var(--color-gray05);
  padding: 30px 25px;
  text-align: left !important;
  border-radius: var(--br-12);
  transition: border-color .3s ease, background-color .3s ease;
  cursor: pointer;
}

.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;
  background-color: var(--color-gray30);
  border-color: var(--color-gray50);
  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;
  margin-bottom: 6px;
  font-size: 2rem;
  font-weight: 600;
}

.auth_lst .btn_auth .auth_item_content p {
  line-height: 1.4;
}

.auth_lst .btn_auth .auth_item_content::before {
  content: '';
  display: block;
  width: 100%;
  height: 36px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size:contain
}

.test_input_form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
}

.test_input_form input {
  height: 40px;
  padding: 0 10px;
}

.btnTemp {
  width: 100px;
  padding: 0;
  margin: 10px auto 0 !important;
  height: 50px;
  font-size: 1.6rem;
  font-weight: 600;
}

.btnTemp.disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  background-color: var(--color-gray30);
}

.cert_complete_msg {
  margin-top: 10px;
  text-align: center;
}

.cert_complete_msg span {
  display: inline-block;
  padding: 4px 12px;
  background-color: var(--color-success);
  color: var(--color-gray90);
  border-radius: 4px;
  font-size: 1.2rem;
  font-weight: 600;
}

.auth_lst .btn_auth.type01 .auth_item_content::before {
  background-image: url(/img/contents/ico_auth01.svg);
}
.auth_lst .btn_auth.type02 .auth_item_content::before {
  background-image: url(/img/contents/ico_auth02.png);
}
.auth_lst .btn_auth.type03 .auth_item_content::before {
  background-image: url(/img/contents/ico_auth03.svg);
}
.auth_lst .btn_auth.type04 .auth_item_content::before {
  background-image: url(/img/contents/ico_auth04.svg);
}
.auth_lst .btn_auth.type05 .auth_item_content::before {
  background-image: url(/img/contents/ico_auth05.svg);
}

@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;
  }
}

/*신청완료*/
.complete_wrap{max-width:560px;margin:0 auto;}
.complete_head{text-align:center;margin-bottom:30px}
.complete_head::before{content:'';display:block;width:100%;height:100px;background:url(/img/contents/ico_complete.png) no-repeat 50% / contain;
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{border-top:4px double var(--color-gray90);display:flex;flex-direction:column;}
.tbl_line .row{display:flex;border-bottom:1px dashed var(--color-gray50);padding:14px 0;font-size:2rem;flex-direction: column;}
.tbl_line .row strong{color:var(--color-gray70);font-size:400;font-size:1.4rem}

@media (min-width:768px){
    .tbl_line .row{padding:20px 0;flex-direction: row;justify-content: space-between;}
}

@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}
}

/*카드사정보*/
.tit_box{margin-bottom:30px}

.credit_box{text-align:center;}
.credit_info{position:relative;width:100%;max-width:380px;aspect-ratio: 19 / 12;background:url(/img/contents/img_card.svg) no-repeat 50% / cover;margin:20px auto 30px;border-radius:10px;overflow:hidden;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{position:relative;width:100%;max-width:380px;aspect-ratio: 19 / 12;background:url(/img/contents/img_card02.svg) no-repeat 50% / cover;margin:30px auto 0;border-radius:10px;overflow:hidden;border:1px dashed var(--color-gray30)}

.credit .card_txt{position:absolute;right:8%;top:8%;color:var(--color-gray30)}
.credit .card_company{position:absolute;bottom:12%;right:8%;width:36px;height:36px;}
.credit .card_company img{display: block;width:100%;height:100%;object-fit: contain}
.credit .card_company::after{content:'';display:block;width:50px;height:50px;border-radius:50%;border:1px dashed var(--color-danger);position:absolute;bottom:calc( 12% - 10px );right:calc( 8% - 10px );animation: rotate360 6s linear infinite;}
.credit .card_company::before{content:'';display:block;width:16px;height:24px;background:url(/img/contents/arr_bold.svg) no-repeat 50% 100% / contain;position:absolute;bottom:calc( 12% + 42px );right:calc( 8% + 8px );animation: bounceUpDown 1s ease-in-out infinite}

.credit_info .app_info{position:absolute;bottom:8%;width:100%;padding:0 10%;display:flex;flex-direction: row;justify-content: space-between;align-items:flex-end;}
.credit_info .app_info .group{display:flex;flex-direction:column;gap:2px;text-align:left;}
.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;}

@keyframes bounceUpDown {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-5px); }
}

.credit_sample{position:relative;width:100%;max-width:380px;aspect-ratio: 19 / 12;background:url(/img/contents/img_card02.svg) no-repeat 50% / cover;margin:30px auto 0;border-radius:10px;overflow:hidden;border:1px dashed var(--color-gray30)}

.credit_sample .card_txt{position:absolute;right:8%;top:8%;color:var(--color-gray30)}
.credit_sample .card_company{position:absolute;bottom:12%;right:8%;width:36px;height:36px;}
.credit_sample .card_company img{display: block;width:100%;height:100%;object-fit: contain}
.credit_sample .card_company::after{content:'';display:block;width:50px;height:50px;border-radius:50%;border:1px dashed var(--color-danger);position:absolute;bottom:calc( 12% - 11px );right:calc( 8% - 10px );animation: rotate360 6s linear infinite;}
.credit_sample .card_company::before{content:'';display:block;width:16px;height:24px;background:url(/img/contents/arr_bold.svg) no-repeat 50% 100% / contain;position:absolute;bottom:calc( 12% + 42px );right:calc( 8% + 8px );animation: bounceUpDown 1s ease-in-out infinite}

.cmt{padding:40px 0;display:flex;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{width:100%;height:100%;background:rgba(0,0,0,.75);position:absolute;left:0;top:0;display:flex;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{content:'';display:block;width:16px;height:16px;font-size:1.5rem;background:url(/img/contents/ico_timer.svg) no-repeat 50%}

.accordion{display:flex;gap:12px;flex-direction: column;}
.accordion_item{border:1px solid var(--color-gray30);border-radius:var(--br-12)}
.accordion_item .accor_head{padding:12px 16px;display:flex;flex-direction: row;justify-content: space-between;gap:24px;align-items:center;position:relative;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{flex:0 0 36px;height:36px;background-color:var(--color-gray10);background-image:url(/img/contents/ico_arr_accordion.svg);background-repeat:no-repeat;background-position:50%;border-radius:50%;outline:0;transition:transform .3s ease;}
.accordion_item .accor_body{padding:18px;position:relative;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{font-size:1.8rem;margin:0;display:block;padding-top:6px;}
.faq_lst .accordion_item .accor_head .btn_toggle02{display:flex;justify-content: space-between;width:100%;text-align:left;padding-left:32px;outline:0;}
.faq_lst .accordion_item .accor_head .btn_toggle02::after{content:'';flex:0 0 36px;height:36px;background-color:var(--color-gray10);background-image:url(/img/contents/ico_arr_accordion.svg);background-repeat:no-repeat;background-position:50%;border-radius:50%;transition:transform .3s ease;}
.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;left:20px;top:14px;width:32px;line-height:36px;font-size:2.8rem;font-weight:700;}

.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}
}

.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;font-size:18px;margin-bottom:10px;}
.doc_tit_xs{display:block;font-size:16px;margin-bottom:10px;}
.doc_wrap .doc_head{display:flex;gap:12px;align-items:center;margin-bottom:20px;}
.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{ content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background: url(/img/contents/ico_arr_accordion.svg) no-repeat 50% / 24px;
  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;gap:12px;align-items:center;margin-bottom:20px;}
.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{ content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  background: url(/img/contents/ico_arr_accordion.svg) no-repeat 50% / 24px;
  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{padding:20px 8px;border-bottom:1px solid var(--color-gray30);display:flex;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{font-size:2rem;color:var(--color-gray90);font-weight:600;}
.lst_usage li .lst_head .badge{display:inline-block;padding:0 6px;line-height:28px;background-color:var(--color-primary10);color:var(--color-secondary-100);border-radius:16px;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{content:'';display:block;width:1px;height:12px;background:var(--color-gray40);position:absolute;left:0;top:50%;transform: translateY(-50%);}

.lst_usage li .price_info{flex:0;display:flex;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{flex:0;white-space:nowrap;color:var(--color-gray70)}
.lst_usage li .price_info .price dd{flex:0;white-space:nowrap;}
.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;width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,.75);align-items:center;justify-content:center;color:#fff;border-radius:var(--br-8);}
.doc_upload .item.submit .md_block{display:flex;}

@media (min-width:640px){
    .doc_upload .item{flex:1 1 40%}
}

/* 지원요건 및 사업소개 */
.btn_box_row2.bottom.center{
  justify-content: center !important;
  align-items: center !important;
  display: flex !important;
  width: 100% !important;
  margin: 0 auto !important;
  gap: 10px;
}

.btn_box_row2.bottom.center .btn_default {
  margin: 0 auto !important;
  display: block !important;
}
.cont_wrap{border-bottom:1px solid var(--color-gray90)}
.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{font-size:1.7rem;font-weight:700;color:var(--color-primary);margin-bottom:4px;}
.cont_wrap .cont_item .cont_header p{font-size:2.4rem;line-height:1.1;font-weight:500;}

.cont_wrap .cont_item .cont_body .ico_box{position:relative;padding-left:72px;min-height:72px;display:flex;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{position:absolute;left:0;top:0;display:flex;justify-content:center;align-items:center;;width:62px;height:62px;border-radius:26px;}
.cont_wrap .cont_item .cont_body .ico_box .ico::after{content:'';display:block;width:28px;height:26px;background-position:50%;background-repeat: no-repeat;background-size: contain;}

.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 .box_yellow strong{font-size:1.8rem;display:block;margin-bottom:10px;}

.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{flex:0 0 20px;text-align:right;}
.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{font-size:1.7rem;font-weight:600;padding-left:14px;position:relative;margin-bottom:8px;}
.cont_wrap .tit_bar::after{content:'';width:7px;height:2px;background:var(--color-gray90);position:absolute;left:0;top:14px}
.cont_wrap .pl{padding-left:14px;}

.cont_wrap .box_yellow .tc_tit{text-align:center;font-size:1.7rem;font-weight:700;margin-bottom:10px;}
.cont_wrap .ex_box{display:flex;gap:20px;flex-direction: column;}

.cont_wrap .ex_box .item{flex:1;position:relative;padding:20px 20px 20px 60px;background:#fff;border:1px solid var(--color-primary);border-radius:8px;}
.cont_wrap .ex_box .item::after{content:'';display:block;width:34px;height:34px;position:absolute;left:20px;top:20px;background-position:50%;background-repeat:no-repeat;background-size:contain;background-image:url(/img/contents/ico_o.svg)}
.cont_wrap .ex_box .item .ex_tit{font-size:2.4rem;font-weight:600;display:block;margin-bottom:16px;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:12px;}
.lst_agency li{width:calc( (100% - 12px) / 2 );height:80px;display:flex;justify-content:center;align-items:center;border:1px solid var(--color-gray30);border-radius:6px}
.lst_agency li img{max-width:60%;max-height:50%;}
.lst_agency li .ico_card {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 100%;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;}

@media (min-width:768px){
  .lst_agency li{width:calc( (100% - 24px) / 3 );}
  .lst_agency li .ico_card img.edge{margin-right:20px;}
}
@media (min-width:1024px){
  .lst_agency li{width:calc( (100% - 36px) / 4 );}
  .lst_agency li .ico_card img.edge{margin-right:20px;}
}



/*약관 동의*/
.form_check.agree{display:flex;align-items:center;gap:8px;}
.info-input {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
  margin-left: 10px;
  min-width: 200px;
}

.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;gap:32px;margin-bottom:32px;}
.radio_item input[type="radio"] {appearance: none; width: 0px;height: 0px;position: relative;}
.radio_item label{padding-bottom:8px;border-bottom:2px solid transparent;font-size:2rem}
.radio_item input[type="radio"]:checked + label{color: var(--color-primary);border-color: var(--color-primary);font-weight:600;}
.form_select.addr1 {width: 155px !important;}
.form_select.addr2 {width: 255px !important;}

.f_warning {
  color: #e26a1e;
  font-size: 18px;
  font-weight: 500;
}

.box_red {
  background-color: #fff5f5;
  border: 1px solid #fed7d7;
  border-radius: 4px;
  padding: 15px;
}
.box_red p {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}

/*신청정보수정*/
.box_yellow {margin-bottom: 30px;}
.radio_group{display:flex;gap:32px;margin-bottom:32px;}
.radio_item input[type="radio"] {appearance: none; width: 0px;height: 0px;position: relative;}
.radio_item label{padding-bottom:8px;border-bottom:2px solid transparent;font-size:2rem}
.radio_item input[type="radio"]:checked + label{color: var(--color-primary);border-color: var(--color-primary);font-weight:600;}

.f_warning {
  color: #e26a1e;
  font-size: 18px;
  font-weight: 500;
}

.f_warning_wrap {
  display: flex;
  flex-direction: column;
  gap:4px;
  align-items: center;
  justify-content: center;
  position: relative;
  padding:12px 20px;
  border-radius:4px;
  margin-bottom:20px;
  background-color:var(--color-point01-05);
}
@media (min-width:1024px){
  .f_warning_wrap {flex-direction:row;}
}


/*카드사정보*/
.loading_state {
  text-align: center;
  padding: 40px 20px;
}

.spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 0 auto 20px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.no_data {
  text-align: center;
  padding: 40px 20px;
  color: #666;
}

.initial_state {
  text-align: center;
  padding: 40px 20px;
  color: #999;
  background-color: #f9f9f9;
  border-radius: 8px;
  margin: 20px 0;
}

/*사업자번호 입력*/
.box_yellow{margin-top:30px;}


/*신청정보*/
.tit_box{margin-bottom:30px}

.btn_wrap.cancel {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-left: 0 !important;
}

/*의견제출*/
.tit_box{margin-bottom:30px}

/* readonly 상태일 때 textarea 음영처리 */
.form_control.readonly {
  background-color: #f5f5f5;
  color: #666;
  cursor: not-allowed;
  opacity: 0.8;
}

.form_control.readonly::placeholder {
  color: #999;
}

/* 파일 액션 버튼 스타일 */
.file_actions {
  display: flex;
  gap: 8px;
  align-items: center;
}

.btn_preview {
  padding: 4px 8px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
}

.btn_preview:hover {
  background-color: #0056b3;
}

/* 이미지 미리보기 모달 스타일 */
.image_preview_modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.image_preview_content {
  background-color: white;
  border-radius: 8px;
  max-width: 90%;
  max-height: 90%;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.image_preview_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 1px solid #eee;
}

.image_preview_header h3 {
  margin: 0;
  font-size: 16px;
  color: #333;
}

.btn_close {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #666;
  padding: 0;
  width: 30px;
  height: 30px;
  display: flex;
  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;
  object-fit: contain;
  border-radius: 4px;
}

/* 파일 목록 스타일 개선 */
.lst_download li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}

.lst_download li:last-child {
  border-bottom: none;
}

.file_info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.file_details {
  flex: 1;
}

.file_details .filename {
  font-weight: 500;
  color: #333;
  margin-right: 8px;
}

.file_details .size {
  color: #666;
  font-size: 12px;
}

.file_actions {
  display: flex;
  gap: 8px;
  align-items: center;
}

.btn_preview {
  padding: 4px 8px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.btn_preview:hover {
  background-color: #0056b3;
}

.btn_download {
  padding: 4px 8px;
  background-color: #28a745;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.reply_body .txt {
  word-break: break-all;
  white-space: pre-line;
}
/*최종제출*/
.tit_box{margin-bottom:30px}
.all_chk_box{text-align: center;}
.all_chk_box label{width:auto}

.box_yellow{margin-bottom:30px}

/* 주민등록번호 토글 버튼 스타일 */
.form_group_row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.inp_data {
  flex: 1;
}


.sr_only {position: absolute;  width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}

/*카드선택*/
.tit_box{display:flex;gap:2px;flex-direction:column;margin-bottom:30px}
.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;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background-color: #f5f5f5;
  cursor: pointer;
}

.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 {
  border: 1px solid #000;
  padding: 5px;
}

.btn_download.faq {
  margin: 0 10px 10px 0;
  width: 100px !important;
  height: 30px !important;
  font-size:10px !important;
  font-weight: 400 !important;
  color: #fff !important;
  background-color: #000 !important;
  border: 1px solid #000 !important;
  border-radius: 5px !important;
}

/*지역센터*/
.lst_board{border-top:1px solid var(--color-gray90)}
.lst_board li{padding:16px 10px 16px 40px;border-bottom:1px solid var(--color-gray30);display:flex;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{font-size:1.8rem;color:var(--color-gray90);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;line-height:28px;background-color:var(--color-primary10);color:var(--color-secondary-100);border-radius:16px;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{content:'';display:block;;width:18px;height:18px;background-size:contain;background-repeat:no-repeat;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{content:'';display:block;width:1px;height:12px;background-color:var(--color-gray30);position:absolute;left:0;top:50%;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{content:'';display:block;width:24px;height:24px;position:absolute;left:10px;top:18px;background:url(/img/contents/ico_location.svg) no-repeat 50% / contain;}

@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;}
}

/*자가진단*/
.my_chk_lst{position:relative}
.my_chk_lst .item{padding:20px 0;display:flex;gap:16px;flex-direction: column;}
.my_chk_lst .item:not(:first-child){border-top:1px dashed var(--color-gray50)}
.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;padding:2px 8px;border-radius:20px;background-color:var(--color-primary10);color:var(--color-secondary);font-size:1.5rem;margin-bottom:8px;font-weight:500;}
.my_chk_lst .question .txt{font-size:2.2rem;font-weight:600;}
.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{flex-direction:row;justify-content: space-between;align-items:center;gap:30px;padding:30px 0;}
}

/*카드세부모달*/
/* .modal_pop {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 1100;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.4);
  overflow: auto;
}
.modal_inner {
  background: #fff;
  border-radius: 16px;
  max-width: 600px;
  width: 90vw;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 8px 32px rgba(0,0,0,0.18);
  position: relative;
  padding: 32px 24px;
  margin: auto;
}
@media (max-width: 600px) {
  .modal_pop .modal_inner {
    max-width: 98vw;
    padding: 16px 6px;
  }
}
.tit_box{margin-bottom:20px}

.credit{position:relative;width:100%;max-width:380px;aspect-ratio: 19 / 12;background:url(/img/contents/img_card02.svg) no-repeat 50% / cover;margin:30px auto 0;border-radius:10px;overflow:hidden;border:1px dashed var(--color-gray30)}

.credit .card_txt{position:absolute;right:8%;top:8%;color:var(--color-gray30)}
.credit .card_company{position:absolute;bottom:12%;right:8%;width:36px;height:36px;}
.credit .card_company img{display: block;width:100%;height:100%;object-fit: contain}
.credit .card_company::after{content:'';display:block;width:50px;height:50px;border-radius:50%;border:1px dashed var(--color-danger);position:absolute;bottom:calc( 12% - 10px );right:calc( 8% - 10px );animation: rotate360 6s linear infinite;}
.credit .card_company::before{content:'';display:block;width:16px;height:24px;background:url(/img/contents/arr_bold.svg) no-repeat 50% 100% / contain;position:absolute;bottom:calc( 12% + 42px );right:calc( 8% + 8px );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;
  font-size: 15px;
  color: #888;
  margin-top: 4px;
}

@keyframes rotate360 {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes bounceUpDown {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-5px); }
}
.modal_inner{
  left:25% !important;
  top:45% !important;
  max-width: 900px !important;
  width: 90vw;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 8px 32px rgba(0,0,0,0.18);
  position: relative;
  padding: 32px 24px;
  margin: auto;
} */
/*카드변경*/
.tit_box{margin-bottom:20px}
.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;
  pointer-events: none;
  cursor: not-allowed;
}

.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 {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 1100;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.4);
  overflow: auto;
}
.modal_inner {
  background: #fff;
  border-radius: 16px;
  max-width: 600px;
  width: 90vw;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 8px 32px rgba(0,0,0,0.18);
  position: absolute;
  margin: auto;
}

/*(선택)약관 안내 모달*/
.modal_pop.select {position: fixed;top: 0; left: 0; right: 0; bottom: 0;z-index: 1100;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,0.4);overflow: auto;}
.modal_inner.select {background: #fff;border-radius: 16px;max-width: 600px;width: 90vw;max-height: 90vh;overflow-y: auto;box-shadow: 0 8px 32px rgba(0,0,0,0.18);}
@media (max-width: 600px) {
  .modal_pop .modal_inner.select {
    max-width: 98vw;
    padding: 16px 6px;
  }
}


.underline{text-decoration: underline;}
.f_bold{font-weight: 700;}

.notice_box{text-align: center;margin-top:40px;font-family: 'yg-jalnan';font-size:2.2rem;}
.notice_box a{display:inline-flex;align-items:center;gap:20px;font-weight: 400;}
.notice_box a::before{content:'';display:block;width:34px;height:27px;background: url(/img/contents/ico_notice.svg) no-repeat 50% / cover;}
.notice_box a strong{display:inline-block;position:relative;color:var(--color-primary);font-weight: 400;}
.notice_box a strong::after{content:'';position:absolute;left:0;bottom:-4px;width:100%;height:2px;background-color:var(--color-primary)}

.notice_box a strong span {display: inline-block;transform: translateY(0);animation: floatUpDown 1s ease-in-out infinite;}

.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{text-align:center;font-size:2rem;margin-top:10px;padding:40px 50px 60px;border-bottom:4px double var(--color-gray90)}
.delivery_wrap .delivery_txt{position:relative;padding-top:128px;font-weight:600;}
.delivery_wrap .delivery_txt::after{content:'';display:block;width:100%;height:112px;background:url(/img/contents/img_scooter.png) no-repeat 50% / contain;position:absolute;left:0;top:0;}
.delivery_wrap .f_big{margin-top:15px;display:inline-block;position:relative;padding:0 32px;font-size:2.6rem;font-family: 'yg-jalnan';font-weight:400;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{content:'';display:block;position:absolute;width:20px;height:18px;background:url(/img/contents/ico_quotes.svg) no-repeat 50% / contain;position:absolute;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{font-size:1.9rem;display:block;}
@media (min-width:1024px) {
  .delivery_wrap .f_big{font-size:3.2rem}
  .sub_tit_sx{font-size:2.2rem;}
}