@charset "utf-8";
@import url("https://fastly.jsdelivr.net/gh/orioncactus/pretendard@v1.3.7/dist/web/static/pretendard-dynamic-subset.css");

/* 공통 : 폰트 */
html{font-size:62.5%;}
body{font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", 나눔고딕, "Nanum Gothic", "Noto Sans KR", "Noto Sans CJK KR", arial, 돋움, Dotum, Tahoma, Geneva, sans-serif; -webkit-font-smoothing: antialiased; color:#000;font-size:1.6rem; word-break:keep-all; -webkit-overflow-scrolling: touch;}
@media screen and (max-width:768px){ 
    html{font-size:60%;} 
}
@media screen and (max-width:540px){ html{font-size:58%;} }

/*빈목록*/
.empty{text-align:center; width:100%;}
/* 공통 : 레이어팝업 */
.layer-popup{background:rgba(0,0,0,0.1); position: fixed; top:0; left:0;height: calc(var(--vh, 1vh) * 100);z-index: 9999; width:100vw; display:none;  padding:3rem 3rem;}
.layer-popup .popup-inner{width:100%; height:100%; display:flex; align-items: center; justify-content: center; }
.layer-popup .popup-content{background:#fff; max-width:50rem; max-height:90%; position: relative;  transition: transform 0.2s; box-shadow: 0 10px 13px rgba(0,0,0,0.16); border-radius:16px; padding:4rem 3rem 3rem; transform: translateY(10px); display:flex; flex-direction:column;}
.layer-popup.wide .popup-content{max-width:60rem; width:100%;}
.layer-popup.fix-height .popup-content{max-height:98%;}
.layer-popup .popup-header{border-bottom:1px solid #eee; margin-bottom:3rem; padding-bottom:2rem;}
.layer-popup .popup-header.icon{padding-right:7rem; position:relative}
.layer-popup .popup-header.icon img{position:absolute; top:-0.5rem; right:0; width:5.4rem;}
.layer-popup .popup-body{flex:1; overflow:auto; overflow:overlay; line-height:1.3}
.layer-popup .popup-body::-webkit-scrollbar {width: 4px;}
.layer-popup .popup-body::-webkit-scrollbar-thumb {background-color: hsla(0, 0%, 42%, 0.49); border-radius: 100px;}
.layer-popup .popup-title{font-weight:500; font-size:2rem; font-family: 'Pretendard', sans-serif; margin-bottom:0.5em;}
.layer-popup .popup-desc{font-size:1.7rem; font-family: 'Pretendard', sans-serif; color:#8F8F8F;}
.layer-popup .popup-footer{margin-top:4rem;}
.layer-popup .link-btn{ width:100%; height:4rem; background:#0565F4; display:flex; align-items: center; justify-content: center; border-radius: 8px; font-weight:bold; margin-bottom:4px; color:#fff}
.layer-popup .close-btn{ width:100%; height:4rem; background:#eee; display:flex; align-items: center; justify-content: center; border-radius: 8px; font-weight:bold;}
.layer-popup.special .popup-content{max-width:50rem; min-height:50vh;}
.layer-popup.special .popup-content .special-content .special-title{margin-bottom:0.6em; line-height:1.3; font-weight:bold; font-size:1.7rem;}
.layer-popup.special .popup-content .special-content .special-ment{line-height:1.3; margin-bottom:3rem; letter-spacing:-0.07em; color:#888}
.layer-popup.tooltip .popup-content{width:100%; min-height:300px;}

/* 공통 : 지원색상 */
.support-color-list li + li{margin-top:2.4em;} 
.support-color-list .color-card{display:flex; align-items: flex-start;}
.support-color-list .color-card .badge{width:9em; font-weight:bold;line-height:1.3; display:flex; align-items: center; gap:8px;}
.support-color-list .color-card .badge:before{content:""; display:block; width:10px; height:10px; border-radius: 50%; background:#000; margin-top: -1px;}
.support-color-list .color-card .badge.type-01:before{background:#0565F4}
.support-color-list .color-card .badge.type-02:before{background:#F86300}
.support-color-list .color-card .badge.type-03:before{background:#55B74F}
.support-color-list .color-card .badge.type-04:before{background:#CE05F4}
.support-color-list .color-card .desc{width:calc(100% - 9em); color:#555;line-height:1.3}
[data-popup-id="color-tooltip"] .support-color-list .color-card .badge{background:none;}

/* 플로팅 talk 버튼 */
.floating-button-wrapper{position:fixed; bottom:30px; left:50%; transform:translateX(66.4rem); z-index:999; width:68px; transition: opacity 0.2s linear, visibility 0.2s linear;}
.floating-button-wrapper .talk-button-list li + li{margin-top:28px; padding-top:28px; border-top:1px solid #eee;}
.floating-button-wrapper .talk-btn{text-align:center;}
.floating-button-wrapper .talk-btn img{margin-bottom:12px; box-shadow:0 12px 20px rgba(0,0,0,0.06); border-radius:50%}
.floating-button-wrapper .talk-btn .title{font-size:13px; font-weight:bold; line-height:1.3}
.floating-button-wrapper .talk-btn.blue strong{color:#023AA4;}
.floating-button-wrapper .talk-btn.yellow strong{color:#F28911}
.floating-button-wrapper .top-btn{display:block; height:25px; border:1px solid #ddd; box-shadow:0 5px 18px rgba(2,59,145,0.1); margin-top:28px; border-radius:4px; position:relative}
.floating-button-wrapper .top-btn:before{content:""; display:block; border-left:4px solid transparent; border-right:4px solid transparent; border-bottom:6px solid #000; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
@media screen and (max-width:1564px){
    .floating-button-wrapper{left:auto; transform: none !important; right:30px;}
}
@media screen and (max-width:1400px){
    .floating-button-wrapper{opacity: 0; visibility: hidden;}
}

/* 웹뷰보정*/
@media screen and (max-width:1024px){
    body {
        -webkit-text-size-adjust:none; /* 디바이스 환경별 글자커짐 방지 */
        -webkit-overflow-scrolling: touch; /* safari 스크롤 보정 */
    }

    * {
        user-select: none;
        -webkit-touch-callout: none;
        -webkit-tap-highlight-color:rgba(255,255,255,0);
    }
}

/* 타입 뱃지 */
[class^="type"]{width:60px; height:60px; border-radius:6px; background:#000;}
[class^="type-0"]{color:#fff; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:bold; word-break:keep-all; padding:0 1em; text-align:center; line-height:1.2}
.type-01{background:#0565F4}
.type-02{background:#F86300}
.type-03{background:#36B916}
.type-04{background:#CE05F4}
.type-flag{background:#fff url('../img/common/icon-type-flag.svg'); text-indent:-9999px; border:1px solid #eee}
.type-busan{background:#fff url('../img/common/icon-type-busan.svg'); text-indent:-9999px; border:1px solid #eee}
.type-blue{background:#fff url('../img/common/icon-type-blue.svg'); text-indent:-9999px;}
.type-green{background:#fff url('../img/common/icon-type-green.svg'); text-indent:-9999px;}
.type-orange{background:#fff url('../img/common/icon-type-orange.svg'); text-indent:-9999px;}
.type-purple{background:#fff url('../img/common/icon-type-purple.svg'); text-indent:-9999px;}

/* 정보 아이템 */
.support-list li{margin-bottom:8px}
.support-list li:last-child{margin-bottom:0}
.support-list .support-item{display:flex; background:#f8f9fa; padding:2rem; border-radius:8px; position: relative;}
.support-list .support-item .item-title{padding:0 2.4rem; flex:1;}
.support-list .support-item .item-outlink{width:12.4rem; height:4.4rem; border-radius: 9999px; background:#0565F4; color:#fff; font-weight:bold; font-size:1.5rem; display:flex; align-items: center; justify-content: center; gap:1.3rem; margin-top: 1rem; white-space: nowrap; flex:none; margin-left:auto;}
.support-list .support-item .title{font-size:1.6rem; font-weight:bold; padding-top:0.6em; margin-bottom:0.3em; line-height:1.2}
.support-list .support-item .desc{color:#646464; font-size:1.5rem; line-height:1.3}
.layer-popup .support-list .support-item{padding:1.6rem;}
.layer-popup .support-list .support-item .title{padding-top:0.5em;}
.layer-popup .support-list .support-item .type-flag{flex:0 0 60px}
.support-tab-nav{display:flex; justify-content:center;  gap:6px; position: sticky; top:0; left:0; background:#fff; padding-bottom:2rem; z-index:1;}
.support-tab-nav li{width:calc(33.33% - 4px);}
.support-tab-nav li .nav-btn{display:flex; border:1px solid #eee; font-size:1.5rem; font-weight:bold; color:#888; letter-spacing: -0.05em; display:flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border-radius: 4px; padding:1em; overflow: hidden;}
.support-tab-nav li .nav-btn.on{color:#000; border-color:#0565F4; box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
.support-tab-nav li .nav-btn img{height:8rem; margin:-2rem 0 -1rem; max-width:100%;}
.support-tab-panel{display:none;}
.support-tab-panel.on{display:block;}


/*loader*/
.loader{text-align:center;}
.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}
.lds-ellipsis div{position:absolute;top:33px;width:10px;height:10px;border-radius:50%;background:#0565F4;animation-timing-function:cubic-bezier(0,1,1,0)}
.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}
.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}
.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}
.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}
@keyframes lds-ellipsis1 {
0%{transform:scale(0)}
100%{transform:scale(1)}
}
@keyframes lds-ellipsis3 {
0%{transform:scale(1)}
100%{transform:scale(0)}
}
@keyframes lds-ellipsis2 {
0%{transform:translate(0,0)}
100%{transform:translate(24px,0)}
}

/*btn*/
.cmm-btn{width:auto; min-width:10rem; padding:0 2.4rem; height:4.5rem; border:1px solid #ddd; box-shadow:0 5px 18px rgba(2,59,145,0.1); font-size:1.5rem; font-weight:bold; display:inline-flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 4px;}
.cmm-btn img{margin-right:1rem;}
.cmm-btn-wrapper{display:flex; gap:1.2rem; margin-top:4rem;}
.cmm-btn-wrapper.center{justify-content: center;}

ul:not(.no-checked) input:checked ~ .cmm-btn{border-color:#0565F4; color: #0565F4; position: relative;}
ul:not(.no-checked) input:checked ~ .cmm-btn:after{content:""; display:block; width:2rem; height:2rem; border-radius: 50%; background:url('../img/sub/icon-check.svg') no-repeat center / 100%; position: absolute; right:-0.6rem; top:-0.6rem; box-shadow: 0 3px 6px rgba(0,0,0,0.16);}
.option-group input:checked ~ .cmm-btn{border-color:#0565F4; color: #0565F4; position: relative;}
.option-group input:checked ~ .cmm-btn:after{content:""; display:block; width:2rem; height:2rem; border-radius: 50%; background:url('../img/sub/icon-check.svg') no-repeat center / 100%; position: absolute; right:-0.6rem; top:-0.6rem; box-shadow: 0 3px 6px rgba(0,0,0,0.16);}
.super-loading{position:fixed; width:100vw; height:100vh; background:rgba(0,0,0,0.46); top:0; left:0; z-index: 999999; display:none;}
.super-loading span{color:#fff; width:100%; height:100%; display:flex; align-items: center; justify-content: center;}


@media screen and (min-width:1024px){
    .support-list .support-item .item-outlink:hover{background:#023AA4}
	.cmm-btn:hover{background:#f8f9fa; border:1px solid #ccc}
}

@media screen and (max-width:800px){
    .layer-popup{padding:3rem 1.2rem;}
    .layer-popup .popup-header{margin-bottom:2rem; padding-top:0.4rem; padding-bottom:2rem;}
    .layer-popup .popup-header.icon img{width:40px; top:0;}
	.layer-popup .popup-title{font-size:1.8rem; margin-bottom:0.4em;}
    .layer-popup .popup-content{padding:3rem 2rem 2rem; border-radius: 8px;}
	.layer-popup .popup-desc{font-size:1.5rem;}
    .layer-popup .support-list .support-item{padding:1.2rem;}
    .layer-popup .support-list .support-item .title{font-size:1.5rem; padding-top: 0.3em; letter-spacing:-0.074em}
    .layer-popup .popup-footer{margin-top:1.6rem;}
    .layer-popup .close-btn{height:3.6rem; font-size:1.5rem;}
    .support-list .support-item .item-title{min-width: 0;}
    .support-list .support-item .title, .support-list .support-item .desc{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .support-list .support-item .desc{font-size:1.3rem; letter-spacing:-0.05em}    
    .support-list .support-item .item-title{padding:0 0 0 1.2rem;}
    [class^="type"]{width:44px; height:44px; background-size:100% auto;}
    [class^="type-0"]{font-size:1.2rem; height:24px; padding:0; width:auto; position: absolute; top:0; left:0; border-radius: 8px 0 8px 0; padding:0 0.6em; letter-spacing: -0.06em; text-indent:-9999px;}
    [class^="type-0"]:after{text-indent: 0;}
    .type-01:after{content:"재정지원"}
    .type-02:after{content:"금융지원"}
    .type-03:after{content:"서비스제공"}
    .type-04:after{content:"혜택부여"}
    .talk-support-list .support-list .support-item .item-title{padding:0.5rem 0 0 0;}
	.support-color-list .color-card .badge{width:7em;}
	.support-color-list .color-card .badge:after{display:none;}
	.layer-popup .support-list .support-item .type-flag{flex:0 0 44px}

	.support-tab-nav li .nav-btn img{width:70%;}
	.support-tab-nav li .nav-btn{font-size:1.4rem;}
	.support-list .support-item{padding-top:2.8rem}
	.support-list .support-item .type{width:5rem; height:5rem; background-size:100% auto;}	
    .support-list .support-item .item-outlink{width:3rem;height:3rem; display:none;}
    .support-list .support-item .item-outlink span{display:none;}
    .support-list .support-item .item-outlink img{width:28%; height:auto;}

    .page-sub .support-list-wrapper{width:calc(100% + 8rem); margin-left:-4rem;}

}

@media screen and (max-width:520px){
    .layer-popup .support-list .support-item{padding:1rem;}
    .support-list .support-item .title{padding-top:0.3em}

    .layer-popup.special .popup-content .special-content .special-title{font-size:1.6rem;}
    .layer-popup.special .popup-content .special-content .special-ment{font-size:1.5rem;}
}


.super-popup{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.75);z-index:9999;padding-top:9vw;padding-bottom:100px;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden}
.super-popup-container{max-width:43rem;width:100%;padding:0 1.5rem}
.super-popup-container .slide-img{display:block;width:100%;border-radius:4px;overflow:hidden}
.super-popup-container .slide-img img{width:100%;height:auto}
.super-popup-container .control-bar{width:100%;height:3.5rem;border-radius:4px;margin-bottom:4px;display:flex;justify-content:flex-end; align-items:center; gap:6px; margin-top:4px}
.super-popup-container .control-bar img{width: 100%; height:auto;}
.super-popup-container .control-bar .today{flex:none;margin-right:auto;width:auto;left:auto;bottom:auto;color:#fff;font-weight:bold;line-height:3.6rem;padding:0 .5em;font-size:1.4rem}
.super-popup-container .control-bar .pagination{width:auto;left:auto;bottom:auto;color:#fff;font-weight:bold;line-height: 3.2rem;padding:0 1em;font-size:1.4rem;position:absolute;left: 30px;top:15px;z-index: 1;background: rgba(0,0,0,0.5);border-radius: 9999px;}
.super-popup-container .control-bar .control-btn{width:2.4rem;height:2.4rem;font-size:1.4rem;color:#fff;display:flex;align-items:center;justify-content:center}
.super-popup-container .control-bar .control-btn:last-child{margin-right:-.2em}

@media screen and (max-width:768px){

}