/*************** 공통 ***************/
/* 카드 인트로 활성화 시 헤더/푸터 숨김 */
body.card-intro-active #header,
body.card-intro-active #footer{display:none !important; visibility:hidden !important;}

/*Appheader*/
#header{position:relative; z-index:100; background:#fff; box-sizing:border-box;}
.header_wrap{display:flex; position:relative; max-width:1200px; height:100%; margin:0 auto; padding:28px 10px; transition:padding .3s ease; align-items:center; gap:18px; justify-content:space-between; flex-direction:row;}
.header_wrap .header_tit{display:flex; width:100%; flex-direction:column;gap:6px;align-items:flex-start;}
.header_wrap .header_tit .logo a{display:block; outline:none; color:var(--color-gray70); font-size:2rem; font-weight:500; font-family:'YeogiOttaeJalnanGothic'; text-align:left; line-height:1; transition:color .3s ease;}
.header_wrap .header_tit .logo a:hover,
.header_wrap .header_tit .logo a:focus{color:var(--color-gray80)}
.header_wrap .header_tit .support{display:flex; gap:10px}
.header_wrap .header_tit .support div{height:18px;}
.header_wrap .header_tit .support div img{height:100%;}
.header_wrap .menu_wrap{width:100%; padding-top:0; border-top:0;}
.header_wrap .menu_wrap ul{display:flex; gap:40px; align-content:center; justify-content:flex-end; flex-wrap:nowrap;}
.header_wrap .menu_wrap ul li{position:relative;}
.header_wrap .menu_wrap ul a{display:block; font-size:2.2rem; font-weight:600; white-space:nowrap}
.header_wrap .btn_menu{position:absolute; right:50px; bottom:18px; width:46px; height:46px; border-radius:var(--br-4); background-color:#fff; transition:background-color 0.3s ease;}
.header_wrap .btn_menu span{left:50%; height:50%; transform:translate(-50%, -50%);}
.header_wrap .btn_menu span i{display:block; overflow:hidden; text-indent:-9999e m;}
.header_wrap .btn_menu span,
.header_wrap .btn_menu span::before,
.header_wrap .btn_menu span::after{display:block; position:absolute; top:50%; left:50%; width:22px; height:2.5px; border-radius:4px; background-color:var(--color-gray70); transform:translate(-50%, -50%); transition:transform .3s ease, background-color .3s ease, margin .3s ease; transform-origin:center;}
.header_wrap .btn_menu span::before{margin-top:-8px; content:'';}
.header_wrap .btn_menu span::after{margin-top:8px; content:'';}
.header_wrap .btn_menu.active{background-color:var(--color-gray70);}
.header_wrap .btn_menu.active span{background-color:transparent}
.header_wrap .btn_menu.active span::before{margin-top:0; background-color:#fff; transform:translate(-50%, -50%) rotate(45deg);}
.header_wrap .btn_menu.active span::after{margin-top:0; background-color:#fff; transform:translate(-50%, -50%) rotate(-45deg);}
@media (max-width:1200px){
    .header_wrap{padding:20px 24px; align-items:center;justify-content:space-between;}
    .header_wrap .header_tit{gap:10px;}

    .header_wrap .menu_wrap ul{gap:30px;}
    .header_wrap .menu_wrap ul a{font-size:1.8rem}
    .header_wrap .btn_menu{right:12px; bottom:22px;}
}
@media (min-width:1001px){
    .menu_open, .menu_close{display:none !important;}
    .header_wrap .menu_wrap{display:block !important; padding-top:24px;}
}
@media (max-width:1000px){
    .menu_open, .menu_close{display:block;}
    .menu_open{width:24px; height:24px; background:url('/img/main/ico_menu.png') no-repeat center center; font-size:0; line-height:0;}
    .menu_close{position:absolute; top:24px; right:24px; width:24px; height:24px; background:url('/img/main/ico_close.png') no-repeat center center; font-size:0; line-height:0;}
    .menu_dim{position:fixed; top:0; left:0; z-index:998; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7);}

    .header_wrap{padding:16px;}
    .header_wrap .menu_wrap{position:fixed; top:0; right:0; z-index:999; width:70%; height:100vh; padding-top:70px; background:#fff; box-shadow:-2px 0 5px rgba(0,0,0,0.1);}
    .header_wrap .menu_wrap ul{flex-direction:column;gap:0;}
    .header_wrap .menu_wrap ul li:first-child{border-top:1px solid var(--color-gray20);}
    .header_wrap .menu_wrap ul a{padding:20px 24px; border-bottom:1px solid var(--color-gray20); font-size:1.6rem; line-height:1.5;}
    .header_wrap .menu_wrap ul a::after{display:block; position:absolute; top:50%; right:24px; width:24px; height:24px; background:url('/img/main/ico_arrow04.png')no-repeat center center; content:''; transform:translateY(-50%);}
    .header_wrap .header_tit .support div{height:16px;}
    .header_wrap .header_tit .logo a{font-size:1.6rem;}
}
@media (max-width:640px){
    .header_wrap .header_tit .support div{height:14px;}
    .header_wrap .header_tit .logo a{font-size:1.5rem;}
}

/* skip navigation */
#u_skip{position:fixed;left:0;top:0;width:100%;text-align:center;z-index:10000;background-color:var(--color-gray90)}
#u_skip a{display:flex}
#u_skip a:not(:focus){position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}
#u_skip a:focus{align-items:center;justify-content:center;font-size:1.5rem;color:#fff;width:100%;height:3.2rem;margin:0 auto;text-align:center;outline-offset:-.4rem;outline:2px solid rgba(255, 255, 255, .9)}

/*AppTimer*/
.session_timer{position: absolute;right:10px;top:10px;border:1px solid var(--color-gray30);border-radius:var(--br-4);padding:2px 2px 2px 8px;display:none;gap:8px}
.session_timer .time{display:inline-block;width:50px;text-align:center;}
.session_timer .btn_extend{width:45px;height:24px;background-color:var(--color-gray30);border-radius:var(--br-4);transition:background-color .3s ease, color .3s ease}
.session_timer .btn_extend:hover,
.session_timer .btn_extend:focus{background-color:var(--color-gray70);color:#fff;}
.session_timer .btn_extend.logout{width:75px !important;}

/* 비활성화 상태 스타일 */
.session_timer .btn_extend:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  background-color: var(--color-gray20);
}

.session_timer .btn_extend:disabled:hover,
.session_timer .btn_extend:disabled:focus {
  background-color: var(--color-gray20);
  color: var(--color-gray60);
}

@media (min-width:1024px){
  .session_timer{display:flex;}
}


/* 푸터 스타일 */
#footer{position:relative; margin-top:110px; background-color:#222426; color:#fff;}
.footer_wrap{display:flex; position:relative; max-width:1200px; margin:0 auto; padding:50px 0 88px; flex-direction:column;}
.footer_wrap .contact_info{display:flex; padding-bottom:28px; border-bottom:1px solid #343A41; color:var(--color-gray05); font-weight:400; gap:20px;align-items:center;}
.footer_wrap .contact_info li{display:flex; gap:8px; align-items:center; flex-wrap:wrap;}
.footer_wrap .contact_info li strong{color:var(--color-gray05);}
.footer_wrap .contact_info li a{color:#FFEA72; font-size:2rem; font-weight:700; line-height:1;}
.footer_wrap .policy_links{display:flex; margin-top:24px;}
.footer_wrap .policy_links a{display:block; position:relative; color:#fff; font-size:1.8rem}
.footer_wrap .policy_links a strong{color:#fff;}
.footer_wrap .policy_links a:not(:first-child){margin-left:15px; padding-left:16px;}
.footer_wrap .policy_links a:not(:first-child)::after{display:block; position:absolute; top:50%; left:0; width:1px; height:12px; background-color:var(--color-gray60); content:''; transform:translateY(-50%);}
.footer_wrap .f_info{display:flex; margin-top:6px; color:#DFE3E8; font-size:1.5rem; justify-content:space-between;}
@media all and (max-width:1200px){
    .footer_wrap{width:1000px;}
}
@media all and (max-width:1000px){
    .footer_wrap{width:auto; margin-right:0; margin-left:0; padding-right:20px; padding-left:20px;}
    .footer_wrap .f_info{flex-wrap:wrap;}
}
@media all and (max-width:640px){
    .footer_wrap{padding-right:16px; padding-left:16px;}
    .footer_wrap .contact_info{flex-wrap:wrap; gap: 10px;}
    
}


/*************** 메인 ***************/
/* 메인 비주얼 */
#container.main{position:relative; background:linear-gradient(#F1F7FF, #fff); z-index:0;}
.wrap{position:relative; min-width:360px; /*overflow:hidden;*/ width:1200px; margin:0 auto;}
@media all and (max-width:1200px){
    .wrap{width:1000px;}
}
@media all and (max-width:1000px){
    .wrap{width:auto; margin-right:0; margin-left:0; padding-right:20px; padding-left:20px;}
}
@media all and (max-width:640px){
    .wrap{padding-right:16px; padding-left:16px;}
}

.main_visual{position:relative; padding-top:44px;}
.main_visual::before{display:block; position:absolute; top:-44px; left:calc(50% + 25px); z-index:-1; width:calc(50% - 25px); height:calc(100% + 74px); border-bottom-left-radius:400px; background:linear-gradient(to right, #D4E5FF 58%, rgba(212, 229, 255, 0)); content:'';}
.main_visual .wrap{display:flex; justify-content:space-between; gap:60px; align-items:center;}
.main_visual .visual_txt{position:relative; padding-top:50px; flex:0 0 670px;}
.main_visual .visual_txt::before{display:block; position:absolute; right:-60px; bottom:82px; width:296px; height:244px; background:url("/img/main/visual_deco01.png") no-repeat; content:''; filter:drop-shadow(2px 6px 20px rgba(0, 0, 0, 0.1));}
.main_visual .visual_txt .badge{display:inline-block; position:relative; padding:4px 20px; border-radius:20px; background-color:#FF5900; color:#fff; font-size:1.8rem; font-weight:400; line-height:1.5; letter-spacing:-0.02em;}
.main_visual .visual_txt .badge::before{display:block; position:absolute; left:56px; bottom:-16px; width:15px; height:18px; background:url('/img/main/ico_badge.png') no-repeat; content:'';}
.main_visual .visual_txt .badge em{font-size:2rem; font-weight:700;}
.main_visual .visual_txt h2{margin-top:24px; color:var(--color-gray70); font-size:4.2rem; font-family:'YeogiOttaeJalnanGothic';}
.main_visual .visual_txt h2 em{color:#003E84;}
.main_visual .visual_txt .desc{margin-top:4px; color:var(--color-gray70); font-size:2.4rem; font-weight:500; line-height:1.5; letter-spacing:-0.02em;}
.main_visual .visual_txt .btn_group{display:flex; margin-top:24px; gap:8px;flex-direction:row;}
.main_visual .visual_txt .btn_group .btn{position:relative; padding:10px 50px 10px 20px; border-radius:24px; font-size:1.6rem; font-weight:500; transition:box-shadow .25s ease, transform .25s ease;}
.main_visual .visual_txt .btn_group .btn::before{display:block; position:absolute; top:50%; right:20px; width:24px; height:24px; background-color:#003675; content:''; transform:translateY(-50%); mask:url('/img/main/ico_down.svg') no-repeat;}
.main_visual .visual_txt .btn_group .btn.btn_primary{background-color:#003675; color:#fff;}
.main_visual .visual_txt .btn_group .btn.btn_primary::before{background-color:#fff;}
.main_visual .visual_txt .btn_group .btn.btn_line{border:1px solid #003675; background-color:#fff; color:#003675;}
.main_visual .visual_txt .btn_group .btn:hover{box-shadow:0 6px 16px rgba(0,0,0,0.12); transform:translateY(-4px);}
.main_visual .visual_txt .info_list{display:flex; margin-top:140px; padding:24px 30px; border:1px solid var(--color-gray20); border-radius:20px; background-color:#fff; justify-content:space-between;}
.main_visual .visual_txt .info_list li{display:flex; position:relative; padding-left:32px; flex:1 1 0;flex-direction:column;gap:4px;}
.main_visual .visual_txt .info_list li::before{display:block; position:absolute; top:0; left:0; width:24px; height:24px; background:url('/img/main/ico_info01.png') no-repeat; content:'';}
.main_visual .visual_txt .info_list li:nth-child(2)::before{background-image:url('/img/main/ico_info02.png');}
.main_visual .visual_txt .info_list li:nth-child(3)::before{background-image:url('/img/main/ico_info03.png');}
.main_visual .visual_txt .info_list li .label{color:var(--color-gray60); font-size:1.8rem; font-weight:500; line-height:1.4}
.main_visual .visual_txt .info_list li strong{color:var(--color-primary); font-size:2.2rem; font-weight:500; line-height:1.4; white-space:nowrap;}
.main_visual .visual_txt .info_list li strong em{font-size:3.2rem; font-weight:700; line-height:1.4;}
.main_visual .visual_txt .info_list li:last-child strong{color:#003675; font-size:3.2rem; font-weight:700;}

.main_visual .visual_card{position:relative; flex:0 0 470px;}
.main_visual .visual_card ul{display:flex; flex-direction:column;gap:30px;}
.main_visual .visual_card ul .card{position:relative; width:100%; height:260px; background:url('/img/main/visual_card01.png') no-repeat;/*filter:drop-shadow(0 5px 20px rgba(0, 0, 0, 0.15));*/}
.main_visual .visual_card ul .card::before{display:block; position:absolute; bottom:44px; left:44px; width:54px; height:42px; background:url('/img/main/visual_card03.png') no-repeat; content:'';}
.main_visual .visual_card ul .card::after{display:block; position:absolute; bottom:64px; left:118px; width:calc(100% - 190px); height:6px; border-radius:6px; background:rgba(0,0,0,0.05); content:'';}
.main_visual .visual_card ul .card.result{background-image:url('/img/main/visual_card02.png')}
.main_visual .visual_card ul .card.result::before{background-image:url('/img/main/visual_card04.png')}
.main_visual .visual_card ul .card strong{color:#fff; font-weight:400; font-size:3rem; font-family:'YeogiOttaeJalnanGothic';}
.main_visual .visual_card ul .card .txt{margin-top:4px; color:rgba(255, 255, 255, 0.8); font-size:1.8rem;}
.main_visual .visual_card ul .card a{display:block; position:relative; width:100%; height:100%; padding:44px;}
.main_visual .visual_card ul .card a::before{display:block; position:absolute; top:50%; right:-4px; z-index:-1; width:76px; height:76px; border-radius:100%; background:#fff url('/img/main/ico_arrow01.png') no-repeat center; content:''; transform:translateY(-50%);}

.main_visual .visual_card ul .card a:hover::before{animation: bounceX 0.6s ease-out;}
@keyframes bounceX {
    0% {
        transform: translateY(-50%) translateX(0);
    }
    30% {
        transform: translateY(-50%) translateX(14px);
    }
    55% {
        transform: translateY(-50%) translateX(-10px);
    }
    75% {
        transform: translateY(-50%) translateX(8px);
    }
    100% {
        transform: translateY(-50%) translateX(0);
    }
}

@media screen and (max-width:1200px){
    .main_visual .wrap{gap:40px;}
    .main_visual .visual_txt{padding-top:0; flex:0 0 calc(55% - 20px);}
    .main_visual .visual_txt::before{right:-110px; bottom:30px; transform:scale(0.5);}
    .main_visual .visual_txt h2{font-size:4rem;}
    .main_visual .visual_txt .desc{font-size:2.2rem;}
    .main_visual .visual_txt .info_list{margin-top:80px; padding:24px 20px;}
    .main_visual .visual_txt .info_list li{padding-left:28px;}
    .main_visual .visual_txt .info_list li strong{font-size:2rem; white-space:nowrap;}
    .main_visual .visual_txt .info_list li strong em,
    .main_visual .visual_txt .info_list li:last-child strong{font-size:2.8rem;}
    .main_visual .visual_card{flex:0 0 calc(45% - 20px);}
    .main_visual .visual_card ul .card{width:430px; height:238px; background-size:contain;}
    .main_visual .visual_card ul .card a{padding:40px;}
    .main_visual .visual_card ul .card strong{font-size:2.6rem;}

}

@media screen and (max-width:1000px){
    .main_visual{padding-top:20px;}
    .main_visual::before{display:none;}
    .main_visual .wrap{flex-direction:column; align-items:stretch;}
    .main_visual .visual_txt{padding-top:0;}
    .main_visual .visual_txt::before{right:-70px;}
    .main_visual .visual_txt .info_list{margin-top:40px;}
    .main_visual .visual_card{flex:1;}
    .main_visual .visual_card ul{flex-direction:row; gap:20px;}
    .main_visual .visual_card ul .card{width:100%; height:250px; flex:0 0 calc(50% - 10px); background-size:cover; background-position:right; border-radius:20px;}
    .main_visual .visual_card ul .card a{padding:10%;}
    .main_visual .visual_card ul .card::before{left:10%;}
    .main_visual .visual_card ul .card::after{left:calc(10% + 74px)}
}
@media screen and (max-width:640px){
    .main_visual .wrap{gap:30px;}
    .main_visual .visual_txt::before{display:none;}
    .main_visual .visual_txt h2{font-size:2.8rem;}
    .main_visual .visual_txt .desc{font-size:1.8rem;}
    .main_visual .visual_txt .btn_group{gap:5px;}
    .main_visual .visual_txt .btn_group .btn{padding:6px 10px; font-size:1.4rem;}
    .main_visual .visual_txt .btn_group .btn::before{display:none;}
    .main_visual .visual_txt .info_list{margin-top:20px; padding:16px 24px; border-radius:12px; flex-direction:column;gap:6px;}
    .main_visual .visual_txt .info_list li{flex-direction:row;align-items:center;justify-content:space-between;}
    .main_visual .visual_txt .info_list li .label{font-size:1.5rem;}
    .main_visual .visual_txt .info_list li strong{font-size:1.6rem; white-space:nowrap;}
    .main_visual .visual_txt .info_list li strong em{font-size:2.2rem;}
    .main_visual .visual_txt .info_list li:last-child strong{font-size:2rem;}

    .main_visual .visual_card ul{gap:12px;}
    .main_visual .visual_card ul .card{overflow:hidden; width:100%; height:198px; flex:0 0 calc(50% - 6px);}
    .main_visual .visual_card ul .card a{padding:20px;}
    .main_visual .visual_card ul .card strong{font-size:1.8rem;}
    .main_visual .visual_card ul .card .txt{font-size:1.4rem;}
    .main_visual .visual_card ul .card a::before{width:46px; height:46px; background-size:24px;}
    .main_visual .visual_card ul .card::before{left:20px; bottom:25px; width:36px; height:28px; background-size:cover;}
    .main_visual .visual_card ul .card::after{left:68px; bottom:34px; width:calc(100% - 90px); height:5px;}
}

/* 공지사항 */
.notice{position:relative; margin-top:80px;}
.notice .wrap{display:flex; gap:60px; justify-content:space-between; padding-bottom:20px;}
.notice .notice_popup{position:relative; width:374px; flex:0 0 374px;}
.notice .swiper{width:100%;}
.notice .swiper{overflow:hidden; border-radius:20px;}
.notice .swiper .swiper-slide img{display:block; width:100%;}
.notice .notice_ctrl{display:block; position:absolute; left:50%; bottom:-14px; z-index:100; width:calc(100% - 190px); height:36px; padding:6px 30px; border-radius:36px; background:#fff; box-shadow:0 5px 15px rgba(0,0,0,0.05); transform:translateX(-50%);}
.notice .notice_ctrl .btn_group{position:absolute; right:30px; font-size:0;}
.notice .notice_ctrl .btn_group button{display:inline-block; width:24px; height:24px; vertical-align:middle;}
.notice .notice_ctrl .btn_group button::after{display:none;}

.notice .swiper-pagination-fraction{left:30px !important; bottom:auto !important; width:auto !important; display:flex; gap:4px;}
.notice .swiper-button-prev svg,
.notice .swiper-button-next svg{display:none;}
.notice .swiper-button-next,
.notice .swiper-button-prev{position:relative !important; left:auto !important; right:auto !important; margin-top:0 !important;}
.notice .swiper-button-prev{background:url('/img/main/ico_arrow02.png') no-repeat center; transform:rotate(180deg);}
.notice .swiper-button-next{background:url('/img/main/ico_arrow02.png') no-repeat center;}
.notice .btn_toggle{background:url('/img/main/ico_pause.png') no-repeat center;}
.notice .btn_toggle.is_paused{background:url('/img/main/ico_play.png') no-repeat center;}

.notice .notice_right{position:relative; flex:1 1 auto; min-width:0;}
.notice .notice_right h2{font-size:2.6rem; font-weight:700; line-height:1.5; letter-spacing:-0.02em;}
.notice .notice_list{display:flex; margin-top:24px; border-top:1px solid var(--color-gray90); flex-direction:column;}
.notice .notice_list li{border-bottom:1px solid var(--color-gray20);}
.notice .notice_list li a{display:flex; position:relative; width:100%; height:100%; padding:20px 8px; flex-direction:row;justify-content:space-between; gap:12px;}
.notice .notice_list li a .tit{overflow:hidden; position:relative; padding-left:12px; color:var(--color-gray90); font-size:1.6rem; font-weight:500; text-overflow:ellipsis; white-space:nowrap; flex:0 0 calc(86% - 6px);}
.notice .notice_list li a .tit::before{display:block; position:absolute; top:50%; left:0; width:4px; height:4px; border-radius:100%; background:var(--color-primary); content:''; transform:translateY(-50%);}
.notice .notice_list li a .date{color:var(--color-gray70); font-size:1.4rem; font-weight:400; text-align:right; flex:0 0 calc(14% - 6px);}
.notice .notice_list li.new a .tit{padding-left:28px;}
.notice .notice_list li.new a .tit::before{width:20px; height:20px; border-radius:4px; background:#FF6767; content:'N'; color:#fff; font-size:12px; text-align:center; line-height:20px;}
.notice .btn_more{display:block; position:absolute; top:0; right:0; width:40px; height:40px; border-radius:100%; background:var(--color-gray10) url('/img/main/ico_more.png') no-repeat center; font-size:0; line-height:0; transition:transform .6s ease;}

.notice .notice_list li a::after{position:absolute; left:0; bottom:0; width:0; height:1px; background:var(--color-primary); content:''; transition:width .3s ease;}
.notice .notice_list li a:hover::after{width:100%}
.notice .btn_more:hover{transform:rotate(360deg);}

@media all and (max-width:1200px){
    .notice .wrap{gap:40px;}
}
@media all and (max-width:1000px){
    .notice .swiper{border-radius:16px;}
    .notice .wrap{gap:30px;}
    .notice .notice_popup{flex:0 0 auto;}
    .notice .notice_list li a .tit{min-width:0; flex:1 1 auto;}
    .notice .notice_list li a .date{flex:0 0 92px;}

}
@media all and (max-width:800px){
    .notice .wrap{flex-direction:column; gap:60px;}
    .notice .notice_popup{width:100%; flex:0 0 auto;}
    .notice .notice_right{width:100%; flex:0 0 auto;}
}
@media all and (max-width:640px){
    .notice{margin-top:50px;}
    .notice .swiper{border-radius:12px;}
    .notice .notice_ctrl{width:calc(100% - 140px);}
    .notice .notice_right h2{font-size:2rem;}
    .notice .notice_list li a{padding:18px 0;}
    .notice .notice_list li a .tit{font-size:1.5rem;}
    .notice .notice_list li a .date{flex:0 0 76px;}
    .notice .btn_more{width:30px; height:30px; background-size:20px 20px;}
}

/* 지원 절차 안내 */
.process{position:relative; margin-top:60px; background:#fff;}
.process .hgroup{display:flex; flex-direction:row;gap:16px;align-items:baseline;}
.process .hgroup h2{color:var(--color-gray90); font-size:2.6rem; font-weight:700; line-height:1.5; letter-spacing:-0.02em;}
.process .hgroup span{color:var(--color-gray60); font-size:1.6rem; font-weight:400; line-height:1.5; letter-spacing:-0.02em;}
.process .process_list{display:flex; margin-top:30px; gap:30px;}
.process .process_list li{opacity:0; position:relative; min-height:110px; padding:30px 18px 20px; border-radius:20px; background:#F1F5F8; text-align:center; animation:processFadeUp .6s ease forwards; transform:translateY(20px); flex:1;}
.process .process_list li:nth-child(1){animation-delay:.1s;}
.process .process_list li:nth-child(2){animation-delay:.2s;}
.process .process_list li:nth-child(3){animation-delay:.3s;}
.process .process_list li:nth-child(4){animation-delay:.4s;}
.process .process_list li:nth-child(5){animation-delay:.5s;}
.process .process_list li .tit{display:block; position:relative; padding-top:90px; color:var(--color-gray90); font-size:1.8rem; font-weight:700;}
.process .process_list li .tit::before{display:block; position:absolute; top:0; left:50%; width:74px; height:74px; background:url('/img/main/ico_process01.png') no-repeat center / cover; content:''; transform:translateX(-50%);}
.process .process_list li:nth-child(2) .tit::before{background-image:url('/img/main/ico_process02.png');}
.process .process_list li:nth-child(3) .tit::before{background-image:url('/img/main/ico_process03.png');}
.process .process_list li:nth-child(4) .tit::before{background-image:url('/img/main/ico_process04.png');}
.process .process_list li:nth-child(5) .tit::before{background-image:url('/img/main/ico_process05.png');}
.process .process_list li .txt{display:block; margin-top:8px; color:var(--color-gray60); font-size:1.6rem; line-height:1.4;}
.process .process_list li:not(:last-child)::after{position:absolute; top:50%; right:-25px; width:50px; height:50px; border-radius:100%; background:#fff url('/img/main/ico_arrow03.png') no-repeat center center; content:''; transform:translateY(-50%); animation:arrowPulse 2s ease-in-out infinite;}

@keyframes processFadeUp{
    from{opacity:0; transform:translateY(20px);}
    to{opacity:1; transform:translateY(0);}
}
/*@keyframes arrowPulse{*/
/*    0%,100%{*/
/*        transform:translateY(-50%) translateX(0);*/
/*    }*/
/*    50%{*/
/*        transform:translateY(-50%) translateX(6px);*/
/*    }*/
/*}*/

@media all and (max-width:1200px){
    .process .process_list li .tit::before{width:68px; height:68px;}
}
@media all and (max-width:1000px){
    .process .hgroup h2{font-size:2.4rem;}
    .process .process_list{flex-wrap:wrap;}
    .process .process_list li{flex:0 0 calc((100% / 3) - 30px); border-radius:16px;}
}
@media all and (max-width:640px){
    .process{margin-top:50px;}
    .process .hgroup{gap:10px;}
    .process .hgroup h2{font-size:2rem;}
    .process .hgroup span{font-size:1.4rem;}
    .process .process_list{flex-direction:column;}
    .process .process_list li{padding:20px 20px 30px; border-radius:12px;}
    .process .process_list li:not(:last-child)::after{top:auto; left:50%; right:auto; bottom:-20px; width:42px; height:42px; background-size:20px 20px; animation:none; transform:translateX(-50%) rotate(90deg);}
    .process .process_list li .tit{padding-top:58px; font-size:1.6rem;}
    .process .process_list li .tit::before{width:46px; height:46px;}
    .process .process_list li .txt{margin-top:4px; font-size:1.4rem;}
}

/*************** 서브 ***************/
/* 서브 비주얼 */
.container{position:relative; min-height:780px;}
.container::before{display:block; position:absolute; top:0; left:0; right:0; margin:0 auto; max-width:1920px; width:calc(100% - 120px); height:280px; border-radius:60px; background:url('/img/contents/sub_deco01.png') no-repeat left 188px bottom, url('/img/contents/sub_deco02.png') no-repeat right 68px top, linear-gradient(to right, #F1F7FF, #E3EFFF); content:'';}
@media all and (max-width:1200px){
    .container::before{width: 100%; left: 0; border-radius: 0; background-position:left -40px bottom, right -100px top, 0 0; background-size:200px auto, 240px auto, auto;}
}

.con_wrap{position:relative; width:1000px; margin:0 auto;}
@media all and (max-width:1000px){
    .con_wrap{width:auto; margin-right:0; margin-left:0; padding-right:20px; padding-left:20px;}
}
@media all and (max-width:640px){
    .con_wrap{padding-right:16px; padding-left:16px;}
}

.page_header{position:relative; width:100%; padding:30px 24px;}
.page_header .page_tit{position:relative; font-size:3rem; color:var(--color-gray90); font-weight:700; line-height:1.25; text-align:center;}

.form_box{position:relative;background:#fff;box-shadow: 0 5px 25px rgba(0,0,0,.06);padding:60px 0;margin:0 8px;padding:30px 16px;border-radius:1.2rem;}

.form_box.type02{padding:0;}
.form_box.type02 .form_box_head{background-color:var(--color-gray05);border-bottom:1px solid var(--color-gray10);padding:30px 16px 20px;border-radius:1.2rem 1.2rem 0 0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items: flex-end;}
.form_box.type02 .content{padding:30px 16px}

.form_box.type02 .fbh_head_tit{display:flex;flex-direction: column;gap:4px;color:var(--color-gray70)}
.form_box.type02 .fbh_head_tit .step_num .current{color:var(--color-primary);font-weight:500;}


@media (min-width:1024px){
	.content.cont_type{padding:0 50px;margin:60px 0;}
    .content.cont_type02{padding:0 50px;margin:40px 0;}
	.sub_tit{font-size:3.2rem;}
	.sub_tit_s{font-size:2.6rem; margin-bottom:20px;}
	.form_box{margin:0 auto;padding:50px;border-radius:2.4rem;}

	body.page_card.jb .form_box::before{width:130px;height:32px;top:-50px;}
    .page_header .page_tit{font-size:4rem;}

	.form_box.type02 .form_box_head{padding:40px 50px 20px;border-radius:2.4rem 2.4rem 0 0;gap:20px;align-items:flex-end;}
	.form_box.type02 .content{padding:40px 50px}
}

.tit_box{display:flex;gap:4px;flex-direction:column;}
.tit_box .sub_tit_s{margin-bottom:16px;}
.tit_box p{color:var(--color-gray70)}
.tit_box .btn{align-self:flex-end;margin-top:12px;}
.tit_box:has(.selected_card_logo){flex-direction:row; gap:12px; align-items:center;}
.tit_box:has(.selected_card_logo) .selected_card_logo{position:relative; padding-left:12px;}
.tit_box:has(.selected_card_logo) .selected_card_logo::before{display:block; position:absolute; top:0; bottom:0; margin:auto 0; left:0; width:1px; height:26px; background-color:#ddd; content:'';}
.selected_card_logo img[src$="bc.svg"],
.selected_card_logo img[src$="kb.svg"]{height:22px;}
.tit_box .selected_card_logo .sub_card_name{display:block;}
.tit_box .selected_card_logo:has(.sub_card_name){text-align:center;}

@media (min-width:1024px){
    .tit_box{flex-direction:row;gap:12px;align-items: center;}
    .tit_box .btn{margin-left:auto;margin-top:0;}
    .tit_box:has(.selected_card_logo){gap:24px;}
    .tit_box:has(.selected_card_logo) .selected_card_logo{padding-left:24px;}
}

.info_section{display:flex;flex-wrap: wrap;flex-direction: column;}
.info_section .fieldset{padding:40px 0;border-top:1px dashed var(--color-gray30);width:100%;}
.info_section .fieldset:first-child{padding-top:0;border-top:0;}
.info_section .fieldset:last-child{padding-bottom:0;}

.box_yellow{background-color:#FFFCF0;border-radius: var(--br-8);padding:18px 26px;}
.box_gray{background-color:var(--color-gray05);border-radius: var(--br-8);padding:18px 26px;}
.box_red{background-color:var(--color-point01-05);border-radius: var(--br-8);padding:18px 26px;border:1px solid var(--color-point01-10);}
.box_sky{background-color:#eff6ff;border-radius: var(--br-8);padding:18px 26px;}

.dl_wrap{display:flex;flex-direction:column;gap:24px}
.dl_wrap dl{display:flex;flex-direction:row;}
.dl_wrap dt{flex:0 0 120px;}
.dl_wrap dd{flex:1;font-size:1.8rem;font-weight:600;}
.dl_wrap dd .price{color:var(--color-point01);font-size:2.2rem;}


@media (min-width:1024px){
	.info_section .fieldset{padding:60px 0;}
	.dl_wrap{flex-direction:row;flex-wrap: wrap;}
	.dl_wrap dl{flex:0 0 calc( ( 100% - 24px ) / 2 );justify-items: stretch;min-height:39px;align-items:center;}
	.dl_wrap dd .price{font-size:2.6rem;}	
	.box_yellow,
	.box_gray,
	.box_red,
    .box_sky{padding:22px 30px;}
}


.sub_visual{position:relative;min-height:150px;padding:28px 24px 20px;border-radius:var(--br-12);margin:12px -18px 0;}
.sub_visual::after{content:'';display:block;position:absolute;right:8px;bottom:0;width:170px;height:167px;background-position:100%;background-repeat:no-repeat;background-size:contain}
.sub_visual .sub_visual_inner{position:relative;z-index:1;display:flex;flex-direction:column;justify-content: center;gap:8px;padding-right:140px}
.sub_visual .page_tit{font-size:2.6rem;color:var(--color-gray90)}
.sub_visual.regiona{background-color:var(--color-gray10);}
.sub_visual.regiona::after{background-image:url(/img/contents/img_building.png);bottom:-10px;}

.sub_visual.faq{background-color:#FFF1E2;}
.sub_visual.faq::after{background-image:url(/img/contents/img_female.png);bottom:-2px;}

.sub_visual.elig{background-color:#E2F4FF;}
.sub_visual.elig::after{background-image:url(/img/contents/img_male.png);}

.sub_visual.usage{background-color:#EDE8FF;}
.sub_visual.usage::after{background-image:url(/img/contents/img_female02.png);}

.sub_visual .search_wrap{max-width:520px;}
.sub_visual .search_wrap .search_inner{display:flex;flex-direction:row;gap:8px}
.sub_visual .search_wrap .search_inner .form_cont{flex:1 1 100%}
.sub_visual .search_wrap .search_inner .form_btn{flex:1 1 auto}

.sub_visual.intro{background:url(/img/contents/img_intro.jpg) no-repeat 50% / cover;overflow:hidden;margin-bottom:10px;}
.sub_visual.intro::after{width:100%;height:100%;right:0;background:linear-gradient(to right, rgba(0,0,0,.8) 30%, rgba(0,0,0,0) 100%)}
.sub_visual.intro .sub_visual_inner{color:#fff;padding:0;}
.sub_visual.intro .page_tit {color:#fff;}

.sub_visual.type02{min-height:auto;padding:0;margin:12px 0;}
.sub_visual.type02::after{display:none;}

.sub_visual .sub_visual_inner .page_tit{text-align:left;}
@media (min-width:1024px){
	.sub_visual{min-height:200px;padding:50px 50px 30px;margin:12px -50px 0;}
	.sub_visual::after{width:224px;height:220px;right:24px;}
	.sub_visual .sub_visual_inner{padding-right:250px;}
	.sub_visual .page_tit{font-size:3.2rem;}
	.sub_visual .exp{display:block;font-size:1.8rem}
}

.sub_visual{position:relative; width:1200px; margin:0 -100px; padding:70px 100px 20px; background-color:#fff; border-radius:40px 40px 0 0;}
@media (max-width:1200px) {
    .sub_visual{width:100%; margin:0 auto; padding:70px 24px 20px;}
}

.temp_box{display:block; position:relative; width:calc(100% - 46px); min-height:215px; margin-bottom:30px; margin-left:46px; border-radius:32px 32px 32px 140px; background:#f7f9fe; box-sizing:border-box;}
.temp_box:before,
.temp_box:after{display:block; position:absolute; top:50px; left:-42px; width:142px; height:142px; content:'';}
.temp_box:before{border-radius:40px 40px 40px 20px; background:linear-gradient(130deg, #fff4e5, #fff); box-shadow:0 5px 20px rgba(0, 0, 0, 0.08);}
.temp_box:after{background-repeat:no-repeat; background-position:center;}
.temp_box.n1:after{background-image:url('/img/content/ico_temp01.svg');}
.temp_box .box_wrap{position:relative; padding:44px 44px 44px 142px; font-size:0; line-height:0;}
.temp_box .box_title{margin-bottom:12px; color:#002466; font-size:2.4rem; line-height:1.5; font-family:'YeogiOttaeJalnanGothic';}
.temp_box .box_text{margin-bottom:20px; color:var(--color-gray80); font-size:1.8rem; line-height:1.5; word-break:keep-all;}
.temp_box .box_text em{font-size: 1.5rem;}
@media all and (max-width:640px){
    .temp_box{width:100%; margin-left:0; border-radius:20px 20px 20px 70px;}
    .temp_box:before, .temp_box:after{display:none;}
    .temp_box .box_wrap{padding:30px;}
    .temp_box .box_title{font-size:19px; line-height:29px;}
    .temp_box .box_text{font-size:14px; line-height:24px;}
}


/* .notice_wrap{height:54px;color:#fff;background:var(--color-gray80);padding:0 10px;}
.notice_wrap a{color:#fff;}
.notice_wrap .notice_swiper{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:30px}
.notice_wrap .notice_swiper .notice_tit{display:none;}
.notice_wrap .notice_swiper .notice_tit h2{font-size:1.8rem;}
.notice_wrap .notice_swiper .notice_tit h2 a{display:flex;gap:8px;justify-content:center;align-items:center;font-size:1.8rem;}
.notice_wrap .notice_swiper .notice_tit h2 a::after{content:'';display:block;width:26px;height:26px;background:url(/img/contents/ico_ctrl_more.svg) 50% / contain;transition:transform .3s ease}
.notice_wrap .notice_swiper .notice_tit h2 a:hover::after{transform: rotate(90deg);}

.notice_wrap .notice_swiper .swiper-wrapper{align-items:center;}
.notice_wrap .notice_swiper .swiper{height:54px;flex:1 0 auto;max-width:100%;}
.notice_wrap .notice_swiper .swiper .swiper-slide{display:flex;align-items:center;width:fit-content}
.notice_wrap .notice_swiper .swiper .swiper-slide a{display:inline-flex;gap:10px;}

.notice_wrap .notice_swiper .swiper .badge_new{color:#fff;background:var(--color-point01);border-radius:2px;font-weight:600;height:20px;text-align:center;font-size:1.3rem;flex:0 0 20px}
.notice_wrap .notice_swiper .swiper .txt{color:#fff;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:300px;}

.notice_wrap .notice_swiper .ctrl_box{display:none;justify-content:flex-end;align-items:center;gap:12px;height:26px;}
.notice_wrap .notice_swiper .ctrl_box .ctrl_pagination{display:flex;color:var(--color-gray30);width:fit-content;height:100%;}
.notice_wrap .notice_swiper .ctrl_box .ctrl_pagination .current_num{color:#fff;}

.notice_wrap .notice_swiper .ctrl_box .nav{display:flex;align-items:center;gap:2px;width:fit-content;height:26px}
.notice_wrap .notice_swiper .ctrl_box .nav button{width:26px;height:26px;}
.notice_wrap .notice_swiper .ctrl_box .nav .swiper-button-prev, 
.notice_wrap .notice_swiper .ctrl_box .nav .swiper-button-next{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:26px;height:26px;margin:0;}
.notice_wrap .notice_swiper .ctrl_box .nav .swiper-button-prev:after,
.notice_wrap .notice_swiper .ctrl_box .nav .swiper-button-next:after{content:'';width:100%;height:100%;}
.notice_wrap .notice_swiper .ctrl_box .nav .swiper-button-prev:after{background:url(/img/contents/ico_ctrl_prev.svg) no-repeat 50% / contain}
.notice_wrap .notice_swiper .ctrl_box .nav .swiper-button-next:after{background:url(/img/contents/ico_ctrl_next.svg) no-repeat 50% / contain}

.notice_wrap .notice_swiper .ctrl_box .btn_toggle{width:26px;height:26px;display:flex;justify-content:center;align-items:center;}
.notice_wrap .notice_swiper .ctrl_box .btn_toggle::after{content:'';display:block;width:100%;height:100%;background-size:contain;background-repeat: no-repeat;background-position: 50%;}
.notice_wrap .notice_swiper .ctrl_box .btn_toggle.pause::after{background-image:url(/img/contents/ico_ctrl_pause.svg)}
.notice_wrap .notice_swiper .ctrl_box .btn_toggle.play::after{background-image:url(/img/contents/ico_ctrl_play.svg)}

@media (min-width:768px){
  .notice_wrap .notice_swiper .notice_tit{display:block;}
  .notice_wrap .notice_swiper .ctrl_box{display:flex;width:fit-content}
  .notice_wrap .notice_swiper .swiper .txt{max-width:480px;}
} */