body {position: relative;min-height: 100vh;z-index: 0;}
body::before {
  content: '';display: block;/*background: linear-gradient(to bottom, #EAF6FF 0%, #ffffff 100%);*/background: radial-gradient(circle at 50% -260px, #f7c9dd 0%, #d5f1ff 36%, #ffffff 67%);position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -3;
}
body::after {
  content: '';display: block;background: url(/img/common/bg_logo_opacity.svg) no-repeat 50% 100% / cover;
  position: absolute;left: 50%;top: 0;transform: translateX(-50%);width: 100%;max-width: 1920px;height: 620px;z-index: -2;
}

body.none::before,
body.none::after{display: none;}

.form_box::after{content:'';display:block;position:absolute;background-repeat:no-repeat;background-position:100% 100%;background-size: contain;z-index:1;}

body.write .form_box::after{width:102px;height:100px;background-image:url(/img/contents/deco_pencle.png);right:20px;top:-60px}
body.result .form_box::after{width:86px;height:100px;background-image:url(/img/contents/deco_stamp.png);right:20px;top:-60px}

body.page_card .form_box::after{aspect-ratio: 70/19;width:clamp( 8rem, 19vw, 15rem);right:20px;top:-60px;background-position: 100% 0;}
body.page_card.bc .form_box::after{background-image:url(/img/contents/card_bc.svg);}
body.page_card.kb .form_box::after{background-image:url(/img/contents/card_kb.svg);}
body.page_card.hd .form_box::after{background-image:url(/img/contents/card_hd.svg);}
body.page_card.sh .form_box::after{background-image:url(/img/contents/card_sh.svg);}
body.page_card.lt .form_box::after{background-image:url(/img/contents/card_lt.svg);}
body.page_card.wr .form_box::after{background-image:url(/img/contents/card_wr.svg);}
body.page_card.hn .form_box::after{background-image:url(/img/contents/card_hn.svg);}
body.page_card.nh .form_box::after{background-image:url(/img/contents/card_nh.svg);}
body.page_card.ss .form_box::after{background-image:url(/img/contents/card_ss.svg);}
body.page_card.jb .form_box::after{background-image:url(/img/contents/bank_jb.svg);top:-90px}


body.page_card.jb .form_box::before{content:'';display:block;position:absolute;background-repeat:no-repeat;background-position:100% 100%;background-size: contain;z-index:1;width:110px;height:28px;right:20px;top:-50px;}
body.page_card.jb .form_box::before{background-image:url(/img/contents/card_kb.svg);}

body.page_card::before{height:600px;}
body.page_card.bc::before{background:linear-gradient(to bottom, #FEF5F5 0%, #ffff 100%)}
body.page_card.kb::before{background:linear-gradient(to bottom, #FFF7E8 0%, #ffff 100%)}
body.page_card.hd::before{background:linear-gradient(to bottom, #E5E5E5 0%, #ffff 100%)}
body.page_card.sh::before{background:linear-gradient(to bottom, #E6EDFF 0%, #ffff 100%)}
body.page_card.lt::before{background:linear-gradient(to bottom, #E5E5E5 0%, #ffff 100%)}
body.page_card.wr::before{background:linear-gradient(to bottom, #C4EDFF 0%, #ffff 100%)}
body.page_card.hn::before{background:linear-gradient(to bottom, #D9FFF7 0%, #ffff 100%)}
body.page_card.nh::before{background:linear-gradient(to bottom, #E0EEFF 0%, #ffff 100%)}
body.page_card.ss::before{background:linear-gradient(to bottom, #DDE6FF 0%, #ffff 100%)}
body.page_card.jb::before{background:linear-gradient(to bottom, #C9F0FF 0%, #ffff 100%)}

.container{width:100%;max-width:1100px;padding:60px 0;margin:0 auto}
.content.cont_type{position:relative;padding:0 16px;margin:40px 0;}
.page_header{padding:0 24px;margin-bottom:20px;transition:padding .3s ease;}
.page_tit{font-size: clamp(2.4rem, 6vw, 4rem);font-weight:700;color:var(--color-secondary);transition:font-size .3s ease;padding-right:120px}
.sub_tit{font-size:2.8rem;font-weight:600;transition:font-size .3s ease;color:var(--color-gray90)}
.sub_tit_s{font-size:2.4rem;font-weight:600;transition:font-size .3s ease;color:var(--color-gray90);margin-bottom:20px}

/*Appheader*/
#header{position:relative;border-bottom:1px solid var(--color-gray10);box-sizing: border-box;background:#fff;}
.header_wrap{position:relative;max-width:1100px;height:100%;margin:0 auto;padding:20px 24px;display:flex;align-items:center;gap:18px;justify-content:space-between;flex-direction: column;transition: padding .3s ease;}

.header_wrap .header_tit{display:flex;flex-direction:column;gap:10px;align-items:center;width:100%;}
.header_wrap .header_tit .logo a{font-size:2.2rem;font-family:'yg-jalnan';font-weight:500;color:var(--color-gray70);outline:none;font-size: clamp(1.3rem, 4.1vw, 2.2rem);line-height:1;display:block;text-align:center;}
.header_wrap .header_tit .support{display:flex;gap:10px}
.header_wrap .header_tit .support div{height:clamp(1rem, 2vw, 16rem)}
.header_wrap .header_tit .support div img{height:100%;}

.header_wrap .menu_wrap{width:100%;border-top:1px solid var(--color-gray30);padding-top:18px;}
.header_wrap .menu_wrap ul{display:flex;gap:14px;align-content:center;justify-content: flex-start;flex-wrap: nowrap;overflow-y:auto;scrollbar-width: 0;}
.header_wrap .menu_wrap ul li:not(:first-child){position:relative;padding-left:15px;}
.header_wrap .menu_wrap ul li:not(:first-child)::after{content:'';display:block;width:1px;height:12px;background-color:var(--color-gray30);position:absolute;left:0;top:50%;transform:translateY(-50%)}
.header_wrap .menu_wrap ul a{display:block;font-size:1.6rem;font-weight:600;white-space:nowrap}

.header_wrap .btn_menu{position: absolute;right: 12px;bottom: 22px;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{text-indent: -9999em;overflow: hidden;display: block;}
.header_wrap .btn_menu span,
.header_wrap .btn_menu span::before,
.header_wrap .btn_menu span::after{position: absolute;display: block;width: 22px;height: 2.5px;border-radius: 4px;background-color: var(--color-gray70);top: 50%;left: 50%;transform: translate(-50%, -50%);transition: transform .3s ease, background-color .3s ease, margin .3s ease;transform-origin: center;}
.header_wrap .btn_menu span::before{content:'';margin-top: -8px;}
.header_wrap .btn_menu span::after{content:'';margin-top: 8px;}

.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{background-color:#fff;transform: translate(-50%, -50%) rotate(45deg);margin-top:0;}
.header_wrap .btn_menu.active span::after{background-color:#fff;transform: translate(-50%, -50%) rotate(-45deg);margin-top:0;}

@media (min-width:660px){
	.header_wrap .menu_wrap ul{justify-content:center;}
}
@media (min-width:1100px){
  .header_wrap{padding:30px 10px;flex-direction:row;justify-content:space-between;align-items:flex-end;}
  .header_wrap .header_tit{gap:8px;align-items: flex-start;}
  .header_wrap .header_tit .logo a{transition:color .3s ease;text-align:left;}
  .header_wrap .header_tit .logo a:hover,
  .header_wrap .header_tit .logo a:focus{color:var(--color-gray80)}
  .header_wrap .header_tit .support div{height:20px;}
  .header_wrap .btn_menu{right:50px;bottom: 18px;}

  .header_wrap .menu_wrap{padding-top:0;border-top:0;}
  .header_wrap .menu_wrap ul{justify-content:flex-end;overflow-y:visible;}
  .header_wrap .menu_wrap ul a{font-size:1.8rem}
}

/* 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: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:0 24px}
.footer_wrap{position:relative;max-width: 1100px;margin:0 auto;padding:30px 10px 50px;border-top:1px solid var(--color-gray20);display:flex;flex-direction: column;gap:20px;}
.footer_wrap .f_inner{display:flex;gap:10px;flex-direction: column;}
.footer_wrap .policy_links{display:flex;flex-direction: row;}
.footer_wrap .policy_links a{display:block;position:relative;color:var(--color-gray70);font-size:1.8rem}
.footer_wrap .policy_links a:not(:first-child){padding-left:16px;margin-left:15px;}
.footer_wrap .policy_links a:not(:first-child)::after{content:'';display:block;width:1px;height:12px;background-color: var(--color-gray40);position:absolute;left:0;top:50%;transform: translateY(-50%);}
.footer_wrap .copy{color:var(--color-gray70)}
.footer_wrap .contact_info{display:flex;gap:6px;align-items: center;}
.footer_wrap .contact_info a{font-size:2.4rem;font-family:'yg-jalnan';font-weight:500;color:var(--color-point01);line-height:1;}

@media (min-width:1100px) {
    #footer{margin:0}
    .footer_wrap{gap:10px;}
    .footer_wrap .f_inner{flex-direction:row;justify-content: space-between;align-items: center;gap:0}
    .footer_wrap .policy_links a:hover,
    .footer_wrap .policy_links a:focus{text-decoration:underline;color:var(--color-gray90);transition: color .3s ease;}
    .footer_wrap .contact_info a{font-size:2.8rem}
    .footer_wrap .contact_info strong{font-size:1.8rem;}
}




.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;}
	.page_header{padding:0 50px}
	.sub_tit{font-size:3.2rem;}
	.sub_tit_s{font-size:2.6rem;}
	.form_box{margin:0 auto;padding:60px 50px;border-radius:2.4rem;}

	body.page_card.jb .form_box::before{width:130px;height:32px;top:-50px;}

	.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:0;}
.tit_box p{color:var(--color-gray70)}

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

.info_section{display:flex;flex-wrap: wrap;flex-direction: column;}
.info_section .fieldset{padding:40px 0;border-top:1px dashed var(--color-gray50);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);}

.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{padding:22px 30px;}
}

.lst_card{display:flex;flex-wrap: wrap;gap:16px;}
.lst_card .card{flex:0 1 calc( (100% - 16px) / 2)}

.lst_card.symbol .card{flex:0 1 calc( (100% - 32px) / 3)}

.lst_card .card .card_box strong{display:block;text-align:center;font-size:1.8rem;margin-top:6px;color:var(--color-primary);font-weight:600;}

.lst_card .card .ico_card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:82px;background-color:#fff;border:1px solid var(--color-primary);border-radius:var(--br-12);transition:border-color .2s ease, background-color .2s ease;}
.lst_card .card .ico_card img.edge{height:16px;}
.lst_card .card .ico_card img{max-width: 130px;max-height:26px;}


@media (min-width:1024px){
  .lst_card{display:flex;flex-wrap: wrap;gap:32px 16px;}
  .lst_card .card{flex:0 1 calc( (100% - 48px) / 4)}
  .lst_card.symbol .card{flex:0 1 calc( (100% - 64px) / 5)}
}

.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;}

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