:root {
    --header_h: 80px;
    --section-padding: clamp(40px, calc(80 / 1920 * 100vw), 80px);
    --point-color1:#F3954C;
    --point-color2:#F07E25;
}

/* 스크린 리더 전용 텍스트 */
.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;}

@media screen and (max-width: 900px) {
    :root {
        --header_h: 60px;
        --section-padding: 3%
    }
}

/* Header */
.header{position:fixed;left:0;top:0;width:100%;z-index:10;display:flex;height:var(--header_h);align-items:center;justify-content:space-between;padding:0 50px;background-color:#fff}
.header-logo{width:160px}
.header .logo-img{width:100%;height:auto}
.gnb{flex:1;display:flex;justify-content:center}
.gnb-list{display:flex;gap:50px}
.gnb-list:before{position:absolute;left:0;top:var(--header_h);width:100%;height:60px;background-color:#fff;border-top:1px solid #e0e0e0;box-shadow:0 10px 12px #88888826;display:block;content:"";visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease}
.gnb-list>li{position:relative}
.gnb-list>li>a{position:relative;height:var(--header_h);display:flex;align-items:center;font-size:1.0625rem;font-weight:600;color:var(--color-gray-800)}
.s_gnb{position:absolute;left:50%;top:var(--header_h);transform:translateX(-50%);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.s_gnb>ul{display:flex;align-items:center;height:60px;gap:30px}
.s_gnb>ul>li{white-space:nowrap}
.gnb-list .is-active{position:relative}
.gnb-list:hover:before{opacity:1;visibility:visible}
.gnb-list>li:hover .s_gnb{opacity:1;visibility:visible}
.header .active-dot{position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:5px;height:5px;background-color:var(--color-orange);border-radius:50%}
.header .header-util{display:flex;gap:15px;align-items:center}
.header .util-btn{width:40px;height:40px;border-radius:50%;background-color:var(--color-gray-100)}
.header .search-btn{background:url(/usr/images/ic_search.svg) no-repeat center center}
.header .menu-btn{background:url(/usr/images/ic_menu.svg) no-repeat center center}

.total_menu_wrap{position:fixed;left:0;top:-120%;width:100%;z-index:20;background-color:#fff;box-shadow:0 10px 12px #88888826;transition:all .3s ease;max-height:100vh;overflow:auto}
.total_menu_wrap.active{top:0}
.total_menu_wrap .top_area{padding:0 20px;margin:0 auto;max-width:1640px;box-sizing:border-box;height:calc(var(--header_h) + 20px);display:flex;justify-content:space-between;align-items:center}
.total_menu{padding:0 20px 10px;margin:0 auto;max-width:1640px}
.total_menu_list>li{margin-bottom:20px;padding:20px 50px;background-color:#F5F5F5;border-radius:20px;display:flex;align-items:flex-start}
.total_menu_list>li>a{padding:5px 0;width:300px;display:block;font-size:1.125rem;font-weight:600;color:#212121}
.total_menu_list .s_menu{width:calc(100% - 300px)}
.total_menu_list .s_menu>ul{display:flex;flex-wrap:wrap;gap:5px 0}
.total_menu_list .s_menu>ul>li{position:relative;padding:7px 30px;width:25%;box-sizing:border-box}
.total_menu_list .s_menu>ul>li:before{position:absolute;left:0;top:50%;width:1px;height:20px;background-color:#bdbdbd;display:Lblock;content:"";transform:translateY(-50%)}
.total_menu_list .s_menu>ul>li>a{font-size:1rem;color:#666}
.total_menu_list .s_menu>ul>li:nth-child(4n+1):before{display:none}
.total-menu-close-btn{padding-right:40px;display:inline-block;background:url(/usr/images/ic_close.svg) no-repeat right center}

@media screen and (max-width: 1360px) {
    .gnb{display:none;}
    .total_menu_list>li{padding:20px;}
    .total_menu_list>li>a{width:160px; }
    .total_menu_list .s_menu{width: calc(100% - 160px);}
    .total_menu_list .s_menu>ul>li{padding:5px 12px;}
    .total_menu_list .s_menu>ul>li:before{height:15px;}
}

@media screen and (max-width: 1024px) {
    .total_menu_list>li{display:block;}
    .total_menu_list>li>a{width:auto; }
    .total_menu_list .s_menu{width:100%;}
}
@media screen and (max-width: 900px) {
    .total_menu_wrap{height:100vh; top:0; left:auto; right:-120%;}
    .total_menu_wrap.active{right:0; }
    .total_menu_wrap .logo img{max-width:120px;}
    .total_menu_list>li{padding:0; background-color:transparent;}
    .total_menu_list>li>a{position:relative; padding:10px 0; font-size:18px;}
    .total_menu_list>li>a:before{position:absolute; right:0; top:50%; width:12px; aspect-ratio: 1/1; background:url(/usr/images/family_arrow.svg) no-repeat center center; display:block; content:""; transform:translateY(-50%);}
    .total_menu_list .s_menu{padding:20px; background-color:#F5F5F5; border-radius:20px; display:none;}
    .total_menu_list .s_menu>ul{display:block; }
    .total_menu_list .s_menu>ul>li{padding:2px 0; width:100%;}
    .total_menu_list .s_menu>ul>li:before{display:none;}
    .total_menu_list .s_menu>ul>li>a{font-size:16px;}

    .header{padding:0 20px;}
    .header-logo{width:120px;}
    .header .header-util{gap:10px;}

}

.container{padding-top:var(--header_h);overflow-x:hidden}
.cont{max-width:1240px;margin:0 auto;padding:0 20px}

/* Main Hero Section */
.main-hero{padding:20px 0}
.main-hero-grid{display:flex;gap:24px}
.main-hero-left{width:66.66%;display:flex;flex-direction:column;gap:30px}
.main-hero-visual-wrap{position:relative}
.main-hero-visual{position:relative;border-radius:20px;overflow:hidden}
.main-hero-visual .list{aspect-ratio:790/301;display:none}
.main-hero-visual .list:first-child{display:block}
.main-hero-visual .list a{aspect-ratio:790/301;display:block}
.main-hero-visual .list img{width:100%;height:100%;object-fit:cover}
.main-hero-visual-paging{position:absolute;bottom:30px;right:40px;background:#00000080;color:#fff;width:49px;height:26px;line-height:26px;border-radius:20px;font-size:12px;font-weight:500;z-index:1;text-align:center}

.main-hero-quick-menu ul{display:flex;flex-wrap:wrap;gap:26px}
.main-hero-quick-menu ul li{flex:1}
.main-hero-quick-item{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fef5e9;border:1px solid #fef5e9;border-radius:20px;box-shadow:2px 2px 8px #61616126;text-decoration:none;color:#212121;transition:all .3s ease-out;padding:30px 0}
.main-hero-quick-item:hover{background-color:#fff;border-color:var(--point-color2)}
.main-hero-quick-icon{width:100px;aspect-ratio:1/1;margin-bottom:20px}
.main-hero-quick-text{font-size:.9375rem;font-weight:600}

/* News Section */
.main-hero-news{width:33.33%}
.main-hero-news-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-top:10px}
.main-hero-news-title{font-size:1.5rem;font-weight:800;font-family:'NanumSquare Neo ExtraBold'}
.main-hero-more-link{color:#212121;text-decoration:none;border-bottom:2px solid #212121;font-size:.875rem;font-weight:500}
.main-hero-news-tabs{display:flex;gap:10px;margin-bottom:28px}
.main-hero-tab{padding:10px 15px;border-radius:50px;border:1px solid #e0e0e0;background:#fff;color:#616161;font-size:.875rem;text-decoration:none;transition:all .3s ease}
.main-hero-tab.active{background:#fff5e6;color:#ff6b00;border-color:#ffb366}
.main-hero-news-list{display:flex;flex-direction:column;gap:24px}
.main-hero-news-item{display:flex;gap:20px;height:120px;align-items:stretch}
.main-hero-news-list .img_area{width:120px;min-width:120px;height:120px;border-radius:10px;background:url(/usr/images/no_image.svg) no-repeat center center #f5f5f5;background-size:50%;overflow:hidden;flex-shrink:0}
.main-hero-news-list .img_area a{width:100%;height:100%;display:block}
.main-hero-news-img{width:100%;height:100%;object-fit:cover}
.main-hero-news-content{flex:1;height:120px;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.main-hero-news-category{display:inline-block;color:#ff6b00;font-size:.9375rem;font-weight:600;margin-bottom:5px}
.main-hero-news-item-title{font-size:1rem;font-weight:600;margin-bottom:3px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.main-hero-news-item-title a{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.main-hero-news-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.main-hero-news-desc a{pointer-events:none;color:inherit;text-decoration:none}
.main-hero-news-date{padding-left:21px;background:url(/usr/images/ic_time.svg) no-repeat 0 center;display:flex;align-items:center;gap:5px;font-size:.875rem;color:#9e9e9e}
.main-hero-date-icon{width:16px;aspect-ratio:1/1}

/* Story Section */
.main-story{padding:var(--section-padding) 0}
.main-story-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px;flex-wrap:wrap}
.main-story-section-title{font-size:1.5rem;margin-bottom:10px;font-family:'NanumSquare Neo ExtraBold'}
.main-story-section-subtitle{font-size:.9375rem;color:#424242}
.main-story-more-link{color:#212121;text-decoration:none;border-bottom:2px solid #212121;font-size:.875rem;font-weight:500}
.main-story-grid{display:flex;flex-wrap:wrap;gap:24px;list-style:none;padding:0}
.main-story-grid li{flex:1}
.main-story-card{display:flex;flex-direction:column}
.main-story-card-img{width:100%;margin-bottom:20px;background:url(/usr/images/no_image.svg) no-repeat center center #f5f5f5;background-size:50%}
.main-story-card-img a{aspect-ratio:16/10;border-radius:10px;display:block;overflow:hidden}
.main-story-card-img img{width:100%;height:100%;object-fit:cover}
.main-story-card-info{flex:1}
.main-story-card-title{margin-bottom:10px}
.main-story-card-title a{font-size:1.0625rem;font-weight:600;line-height:1.4}
.main-story-card-meta{display:flex;align-items:center;gap:12px;margin-bottom:30px}
.main-story-progress-tag{padding:8px 15px;background:#e53e3e;color:#fff;border-radius:50px;font-size:1rem;font-weight:600}
.main-story-participant-info{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end}
.main-story-participant-label{font-size:1.125rem;font-weight:600}
.main-story-participant-count{font-size:1.5625rem;font-weight:700;color:#ff6b00}
.main-story-participant-unit{font-size:1.0625rem;color:#616161}
.main-story-card-actions{display:flex;gap:15px}
.main-story-action-btn{flex:1;height:50px;border-radius:10px;border:1px solid;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}
.main-story-support-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff5e6;color:#212121;border-color:#ff6b00}
.main-story-support-btn:before{width:30px;aspect-ratio:1/1;background:url(/usr/images/ic_carrot.svg) no-repeat center center;display:block;content:""}
.main-story-support-btn:hover{background:#ff6b00;color:#fff}
.main-story-donate-btn{background:#fff;color:#212121;border-color:#bdbdbd}
.main-story-donate-btn:hover{background:#f5f5f5}
.main-story-carrot-icon{width:30px;aspect-ratio:1/1}

/* Business Section */
.main-business{padding:var(--section-padding) 0;background:#FFF;background:linear-gradient(180deg,#ffff 0%,#f5f5f5ff 100%)}
.main-business-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}
.main-business-section-title{font-size:1.5rem;font-weight:800;margin-bottom:10px;font-family:'NanumSquare Neo ExtraBold'}
.main-business-section-subtitle{font-size:.9375rem;color:#424242}
.main-business-grid{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:80px;list-style:none;padding:0}
.main-business-card{width:calc(33.33% - 16px);background:#fff;border-radius:20px;box-shadow:4px 4px 25px #66666626;transition:all .3s ease}
.main-business-card a{position:relative;display:flex;align-items:center;justify-content:space-between;padding:30px}
.main-business-info{display:flex;flex-direction:column;gap:5px}
.main-business-num{font-size:2.5rem;font-weight:700;color:#F9C8A1;line-height:1.2}
.main-business-name{font-size:1.0625rem;font-weight:800;color:#212121;font-family:'NanumSquare Neo ExtraBold';transition:color .3s ease}
.main-business-icon{width:100px;aspect-ratio:1/1}
.main-business-card a:before{position:absolute;right:30px;top:50%;width:100px;aspect-ratio:1/1;transform:translateY(-50%);display:block;content:"";
    background-repeat:no-repeat;background-position:center center;transition:filter .3s ease}
.main-business-card.icon_1 a:before{background-image:url(/usr/images/main_business_ic1.svg)}
.main-business-card.icon_2 a:before{background-image:url(/usr/images/main_business_ic2.svg)}
.main-business-card.icon_3 a:before{background-image:url(/usr/images/main_business_ic3.svg)}
.main-business-card.icon_4 a:before{background-image:url(/usr/images/main_business_ic4.svg)}
.main-business-card.icon_5 a:before{background-image:url(/usr/images/main_business_ic5.svg)}
.main-business-card.icon_6 a:before{background-image:url(/usr/images/main_business_ic6.svg)}
.main-business-card:hover{background-color:var(--point-color1)}
.main-business-card:hover .main-business-name{color:#fff}
.main-business-card a:hover:before{filter:brightness(0) invert(1) /* SVG를 흰색으로 변경 */}

/* Banner Section */
.main-banner{position: relative;}

@media screen and (max-width: 1200px) {
    .main-hero-grid{flex-direction: column;}
    .main-hero-left{width:100%;}
    .main-hero-news{width:100%;}
}

@media screen and (max-width: 960px) {
    .main-business-card{width:calc((100% - 24px)/2); border-radius:10px;}

    .main-hero-visual{border-radius:10px;}
    .main-hero-visual-paging{right:10px; bottom:20px;}
}

@media screen and (max-width: 768px) {
    .main-story-grid{flex-direction: column}
    .main-story-grid li{width:100%;}
    .main-hero-quick-menu ul{gap:12px;}
    .main-hero-quick-menu ul li{flex:auto; width:calc((100% - 24px)/2);}
    .main-story-more-link{margin-left:auto;}
    .main-business-card a{padding:15px;}
    .main-business-grid{flex-direction: column; gap:10px;}
    .main-business-card{width:100%;}
}

/* Footer */
footer{padding:var(--section-padding) 0}
footer.gray_bg{background:#f5f5f5}
.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #bdbdbd;margin-bottom:40px;flex-wrap:wrap}
.footer-links ul{display:flex;align-items:center;gap:10px;list-style:none;padding:0;flex-wrap:wrap}
.footer-links ul li{display:flex;align-items:center}
.footer-links ul li:first-child::before{display:none}
.footer-links ul li:before{width:30px;aspect-ratio:30/22;display:block;content:"";background:url(/usr/images/footer_bar.svg) no-repeat center center}
.footer-link{color:#616161;text-decoration:none;font-size:.9375rem}
.footer-divider{width:1px;height:12px;background:#bdbdbd}
.family-site{position:relative;width:200px}
.family-site-btn{width:100%;height:45px;padding:0 20px;display:flex;align-items:center;border:1px solid #bdbdbd;border-radius:10px;color:#616161;font-size:.9375rem;background:url(/usr/images/family_arrow.svg) no-repeat right 20px center #fff}
.family-site-list{position:absolute;left:0;bottom:44px;width:100%;padding:10px 0;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:2px 5px 7px #8888884d;display:none}
.family-site-list ul{display:flex;flex-direction:column;list-style:none;padding:0}
.family-site-list ul li a{display:block;padding:10px;font-size:.9375rem;font-weight:500;color:#666;text-decoration:none;transition:all .3s ease}
.family-site-list ul li a:hover{color:#212121;background-color:#efefef}

.footer-content{display:flex;gap:70px;align-items:flex-start}
.footer-logo{width:150px;height:61px;opacity:.5}
.footer-info{flex:1}
.footer-info-list{list-style:none;padding:0;display:flex;flex-wrap:wrap}
.footer-info-item{position:relative;padding:0 20px;display:flex;gap:20px;margin-bottom:5px}
.footer-info-item:first-child{padding-left:0}
.footer-info-item:first-child:before{display:none}
.footer-info-item:before{position:absolute;left:0;top:50%;width:1px;height:12px;background-color:#bdbdbd;display:block;content:"";transform:translateY(-50%)}
.footer-label{font-size:.9375rem;font-weight:600;color:#757575}
.footer-text{font-size:.875rem;color:#757575}
.copyright{font-size:.875rem;color:#757575}

@media screen and (max-width: 960px) {
    .footer-content{display:block; }
    .footer-logo{margin-bottom:20px;}
}

@media screen and (max-width: 768px) {
    .family-site{margin:20px auto;}
    .footer-links{width:100%;}
    .footer-links ul{justify-content: center;}
    .footer-logo{margin:0 auto 20px; display:block; }
    .footer-info-list{display:block; }
    .footer-info-list li{padding:0;}
    .footer-info-list li:before{display:none;}
    .main-business-card a:before{right:15px;}
}

/* layout */
.navi{background-color:#f5f5f5; display:none;}
.navi-list{display:flex;align-items:center}
.navi-list .navi-btn-open{position:relative;padding:0 40px 0 20px;display:block;min-width:220px;height:50px;display:flex;align-items:center}
.navi-list .navi-btn-open:before{position:absolute;right:20px;top:50%;width:10px;aspect-ratio:1/1;background:url(/usr/images/navi_arrow.svg) no-repeat center center;display:block;content:"";transform:translateY(-50%)}
.navi-list>li{position:relative}
.navi-list>li:last-child .navi-btn-open:after{position:absolute;left:0;top:50%;width:1px;height:15px;background-color:#212121;opacity:.2;display:block;content:"";transform:translateY(-50%)}
.navi-s-list{position:absolute;left:0;top:50px;width:100%;padding:20px;background-color:#eee;border-radius:0 0 10px 10px;box-shadow:2px 5px 7px #8888884d;display:none}
.navi-s-list ul li{padding:3px 0}
.sub_cont{padding:70px 0 180px;min-height:60vh}
.sub_top_title{margin-bottom:50px;text-align:center}
.sub_top_title h2{font-size:1.875rem;font-weight:700;line-height:1.66}
@media screen and (max-width: 960px) {
    .sub_cont{padding:40px 0 100px;}
}
@media screen and (max-width: 768px) {
    .navi-list .navi-btn-open{padding:0 30px 0 10px; min-width:100%; height:40px; font-size:12px;}
    .navi-list .navi-btn-open:before{right:10px;}
    .navi-list>li:first-child img{width:20px;}
    .navi-list>li:first-child{width:auto;}
    .navi-list>li{width: calc((100% - 20px)/2);}
    .navi-s-list{top:40px;}
    .navi-s-list ul li a{font-size:12px;}
}

/* Intro Section */
.intro-cont{display:flex;flex-direction:column;align-items:center;gap:clamp(40px,calc(80 / 1920 * 100vw),80px)}
.intro-section{display:flex;flex-direction:column;width:100%;max-width:1200px;align-items:flex-start;gap:50px}
.intro-section-header{display:inline-flex;align-items:center;gap:15px;padding:10px 20px;background-color:#FFF5E6;border-radius:50px}
.intro-section-num{display:flex;width:40px;aspect-ratio:1;align-items:center;justify-content:center;background-color:var(--point-color2);border-radius:50px}
.intro-section-num-text{font-size:1.25rem;font-weight:700;color:#fff;line-height:1.4}
.intro-section-title{font-size:1.25rem;font-weight:600;color:#212121;line-height:1.4;margin:0}
.intro-section-desc{font-size:1.125rem;font-weight:500;color:#424242;line-height:1.67;margin:0}
.intro-business-wrap{display:flex;align-items:center;justify-content:space-between;width:100%;gap:30px}
.intro-business-circle{display:inline-flex;align-items:center;border-radius:500px;border:10px solid #f3954c33}
.intro-business-circle-inner{display:flex;width:400px;aspect-ratio:1 /1;align-items:center;justify-content:center;background-color:#fff;border-radius:50%;border:1px solid var(--point-color2)}
.intro-business-circle-content{display:flex;flex-direction:column;align-items:center;gap:20px}
.intro-business-icon{width:120px;aspect-ratio:1}
.intro-business-text{font-size:2.1875rem;text-align:center;line-height:1.43;margin:0}
.intro-business-text-label{font-weight:600;color:#424242}
.intro-business-text-amount{font-weight:800;color:var(--point-color2);font-size:2.5rem}
.intro-business-arrow{display:inline-flex;align-items:center}
.intro-business-arrow-group{position:relative;width:60px;aspect-ratio:1/1;display:flex;align-items:center}
.intro-business-box{display:flex;flex-direction:column;width:600px;border-radius:30px;border:1px solid #e0e0e0;overflow:hidden}
.intro-business-box-header{display:flex;align-items:center;justify-content:center;padding:25px 20px;background-color:var(--point-color2);border-radius:20px}
.intro-business-box-title{font-size:1.375rem;font-weight:600;color:#fff;text-align:center;line-height:1.2;margin:0}
.intro-business-box-title-bold{font-weight:800}
.intro-business-box-title-normal{font-weight:400}
.intro-business-list{display:flex;flex-direction:column;padding:0 30px;list-style:none;margin:0}
.intro-business-item{display:flex;align-items:center;gap:10px;padding:0 0 0 180px;height:75px;border-bottom:1px solid #e0e0e0}
.intro-business-item-last{border-bottom:none}
.intro-business-item-num{font-size:1.125rem;font-weight:600;color:var(--point-color2);line-height:1.56}
.intro-business-item-text{font-size:1.125rem;font-weight:500;color:#424242;line-height:1.44}
@media screen and (max-width: 1200px) {
    .intro-business-item{padding-left:90px}
    .intro-section-desc br{display:none}
}
@media screen and (max-width: 1024px) {
    .intro-business-wrap{flex-direction:column}
    .intro-business-arrow-group{transform:rotate(90deg)}
    .intro-section{gap:30px}
}
@media screen and (max-width: 768px) {
    .intro-business-circle{width:90%}
    .intro-business-icon{width:90px}
    .intro-business-text{font-size:2rem}
    .intro-business-text-amount{font-size:2.25rem}
    .intro-business-box{width:100%}
    .intro-business-item{height:auto;padding:15px 0}
    .intro-business-box-header{padding:15px;border-radius:10px}
    .intro-business-box{border-radius:10px}
    .intro-business-circle-content{gap:10px}
    .intro-business-circle-inner{width:100%}
}

/* sub_Type_1 */
.sub_Type_1{margin-bottom:50px;display:flex;flex-direction:row-reverse;align-items:center}
.sub_Type_1 .img_area{margin-left:auto;width:48%}
.sub_Type_1 .txt_area{width:48%}
.sub_Type_1 .txt_area h3:before{margin-bottom:30px;width:50px;aspect-ratio:1/1;background:url(/usr/images/bulit_1.svg) no-repeat center center;display:block;content:""}
.sub_Type_1 .txt_area h3{margin-bottom:25px;font-size:1.875rem;font-family:'NanumSquare Neo ExtraBold';line-height:1.2}
.sub_Type_1 .txt_area h3.gradient{background:linear-gradient(90deg,#F07E25 0%,#6C3911 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.sub_Type_1 .txt_area p{font-weight:300;color:#424242;line-height:1.5}

.sub_Type_2{display:flex;align-items:center;justify-content:center;padding:20px;background:url(/usr/images/sub_Type_2_banner_bg.jpg) no-repeat center center;background-color:#d9d9d9;border-radius:20px;margin-bottom:50px;font-size:1.5625rem;gap:50px}
.sub_Type_2 strong{background:linear-gradient(90deg,var(--point-color2) 0%,#6C3911 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.sub_Type_2:after{width:140px;aspect-ratio:1/1;background:url(/usr/images/sub_Type_2_banner.svg) no-repeat center center;display:block;content:""}
.sub_Type_2 .banner_text{font-family:'NanumSquare Neo ExtraBold'}
@media screen and (max-width: 960px) {
    .sub_Type_1{display:block}
    .sub_Type_1 .img_area{margin-bottom:30px;width:100%;text-align:center}
    .sub_Type_1 .txt_area{width:100%}
}
@media screen and (max-width: 768px) {
    .sub_Type_1 .txt_area h3{font-size:1.5rem}
    .sub_Type_2 .banner_text{text-align:center}
    .sub_Type_2{flex-direction:column;gap:20px}
}

/* form*/
.form_type_1 section{margin-bottom:40px;padding:40px;background-color:#fafafa;border-radius:1rem}
.form_type_1 .title_area{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.form_type_1 .title_area h3{font-size:1.375rem;font-family:'NanumSquare Neo ExtraBold';line-height:1.2}
.form_type_1 .check_list_box{padding:24px;background-color:#fff;border:1px solid #e0e0e0;border-radius:1rem}
.form_type_1 .check_list_box ul{display:flex;flex-direction:column;gap:1rem}
.form_type_1 .check_list_box .custom_checkbox label{font-size:1rem;font-weight:300;color:#424242}
.agree_txt{margin:40px 0;text-align:center;font-size:1.125rem;line-height:1.5}
.form_type_1 .today_select{margin-bottom:40px}
.form_type_1 .today_select ul{display:flex;gap:1rem}
.form_type_1 .today_select ul li{position:relative;width:calc((100% - 2rem)/3)}
.form_type_1 .today_select ul li .unit{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:.9375rem;color:#9e9e9e}
.form_type_1 .today_select ul li select:disabled,.form_type_1 .today_select ul li input:disabled{background-color:#eee}
.form_type_1 .btn_minus,.form_type_1 .btn_plus{padding:0 8px;height:30px;line-height:28px;border:1px solid #bdbdbd;background-color:#fff;border-radius:4px;display:inline-flex;gap:6px;font-size:.9375rem;color:#666}
.form_type_1 .btn_plus:before{width:20px;aspect-ratio:1/1;background:url(/usr/images/icon_plus.svg) no-repeat center center;display:block;content:""}
.form_type_1 .btn_minus:before{width:20px;aspect-ratio:1/1;background:url(/usr/images/icon_plus.svg) no-repeat center center;display:block;content:""}
.form_list>ul{display:flex;flex-wrap:wrap;gap:30px 40px}
.form_list>ul>li{width:calc((100% - 40px)/2)}
.form_list>ul>li.w100p{width:100%}
.form_type_1 select,.form_type_1 input[type=url],.form_type_1 input[type=tel],.form_type_1 input[type=number],.form_type_1 input[type=text]{width:100%;height:53px;line-height:51px;padding:0 16px;background-color:#fff;border-radius:4px;border:1px solid #e0e0e0}
.form_list .title{padding:10px 0;font-size:1.25rem;font-weight:600}
.form_list .f-15{font-size:.9375rem}
.form_list .c-orange{color:var(--point-color2)}
.form_list .tel{display:flex;gap:8px;align-items:center}
.form_list .tel select{width:calc(100% - 44px - 67.6%)}
.form_list .tel input[type=tel]{width:33.8%}
.form_list .sign_area{margin-top:15px;width:100%;height:220px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px}
.form_list .sign_area p{font-size:1rem;color:#bdbdbd}
.form_list .sign_area img {    max-width: 100%;    max-height: 100%;    object-fit: contain;     /* 비율 유지 */}
.form_list .email{display:flex;gap:8px;align-items:center}
.form_list .email input[type=text]{width:27%}
.form_list .email select{width:27%}
.form_list .email input[type=text]:first-child{width:calc(100% - 54% - 40px)}
.form_list .address_list .post_area{margin-bottom:10px;display:flex;gap:10px;align-items:center;max-width:360px}
.form_list .address_list .post_area input[type=number]{width:55.5%}
.form_list .address_list .post_area .post_btn{width:calc(100% - 55.5% - 10px);height:53px;line-height:53px;border-radius:4px;background-color:#666;font-size:1.0625rem;color:#fff}
.form_list .address_list .address_area{display:flex;gap:10px;align-items:center}
.form_list input[type=text].datepicker{padding-right:40px;background:url(/usr/images/icon_calendar.svg) no-repeat right 16px center #fff}
.form_list textarea{padding:16px;height:200px}
.form_type_1 .agree_list{padding:24px;background-color:#fff;border:1px solid #e0e0e0;border-radius:1rem}
.form_type_1 .agree_list li{margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}
.form_type_1 .agree_list li:last-child{margin-bottom:0}
.form_type_1 .agree_list li label{font-size:1rem;color:#222;font-weight:300;line-height:1.5}
.form_type_1 .agree_list li label strong{font-weight:inherit;white-space:nowrap}
.form_type_1 .agree_list li label strong.c-orange{color:var(--point-color2);font-weight:500}
.form_type_1 .agree_list li .view_terms{margin-left:auto;font-size:1rem;color:#222;font-weight:300;text-decoration:underline}
.form_type_1 .edu_receive .custom_checkbox2{width:49%}
.form_type_1 .edu_receive .custom_file{margin-left:auto;width:49%}
.form_type_1 .right_btn_area{display:flex;gap:10px}
.form_type_1 .right_btn_area input[type=text]{width:70%}
.form_type_1 .right_btn_area .btn{margin-left:auto;width:30%;height:53px;line-height:53px;text-align:center;background-color:#666;color:#e0e0e0;border-radius:4px;font-size:1.0625rem;display:inline-block}
.form_type_1 .right_btn_area .btn.point-color-bg{background-color:var(--point-color2);color:#fff}
.form_type_1 .right_btn_area .carrot_number{width:70%;padding:0 20px;box-sizing:border-box;border:1px solid #e0e0e0;border-radius:4px;gap:10px;display:flex;align-items:center;font-size:1rem;color:#222;background-color:#fff}
.form_type_1 .right_btn_area .carrot_number:before{width:40px;aspect-ratio:1/1;background:url(/usr/images/ic_carrot.svg) no-repeat center center;display:block;content:""}
.form_type_1 .link_txt{margin-top:20px;font-size:1rem;font-weight:500;color:#666;text-decoration:underline}
@media screen and (max-width: 960px) {
    .form_type_1 section{padding:20px}
    .form_list>ul{gap:10px 0}
    .form_list>ul>li{width:100%}
    .form_type_1 .agree_list li{margin-bottom:8px}
    .form_type_1 .agree_list li:last-child{margin-bottom:0}
}
@media screen and (max-width: 768px) {
    .form_type_1 .title_area{padding-bottom:10px;margin-bottom:20px}
    .form_list .address_list .post_area .post_btn{height:40px;line-height:38px}
    .form_type_1 select,.form_type_1 input[type=tel],.form_type_1 input[type=number],.form_type_1 input[type=text]{padding-left:10px;height:40px;line-height:38px}
    .form_list .tel{gap:2px}
    .form_list .tel select{width:calc(100% - 20px - 67.6%)}
    .form_list .title{padding:5px 0;font-size:1.125rem}
    .form_type_1 .check_list_box{padding:20px;border-radius:6px}
    .form_type_1 .agree_list{padding:15px}
    .form_type_1 .right_btn_area .btn{width:100px;height:40px;line-height:38px}
    .form_type_1 .right_btn_area input[type=text]{width:calc(100% - 100px)}
}

/* custom_radio */
.custom_radio{position:relative;overflow:hidden}
.custom_radio label{display:inline-flex;gap:8px;font-size:1.0625rem;color:#424242}
.custom_radio input[type=radio]{position:absolute;left:-20px;top:0}
.custom_radio label:before{width:24px;aspect-ratio:1/1;border:1px solid #e0e0e0;border-radius:50%;display:block;content:"";box-sizing:border-box;cursor:pointer;transition:all .3s ease-out;flex-shrink:0;background-color:#fff}
.custom_radio label:after{position:absolute;left:7px;top:7px;width:10px;aspect-ratio:1/1;background-color:#e0e0e0;border-radius:50%;display:block;content:"";cursor:pointer;transition:all .3s ease-out;flex-shrink:0}
.custom_radio input[type=radio]:checked+label:after{background-color:var(--point-color2)}
.custom_radio input[type=radio]:checked+label:before{border-color:var(--point-color2)}

.custom_check_list>ul,.custom_radio_list>ul{padding:10px 0;display:flex;gap:10px 50px;align-items:center;flex-wrap:wrap}
.custom_radio_list2 ul{display:flex;gap:20px;flex-wrap:wrap}
.custom_radio_list2 ul li{position:relative;overflow:hidden;width:170px}
.custom_radio_list2 ul li input[type=radio]{position:absolute;left:-20px;top:0}
.custom_radio_list2 ul li label{width:100%;height:45px;line-height:43px;text-align:center;cursor:pointer;border:1px solid #bdbdbd;border-radius:10px;background-color:#fff;display:block;font-size:.9375rem;color:#666;transition:all .3s ease-out}
.custom_radio_list2 ul li input[type=text]{width:100%;height:45px;line-height:43px;border-radius:10px}
.custom_radio_list2 ul li .unit{position:absolute;right:10px;top:50%;font-size:.9375rem;transform:translateY(-50%)}
.custom_radio_list2 ul li input[type=radio]:checked+label{background-color:#FEF2E9;border-color:var(--point-color2);color:#333;font-weight:600}

/* custom_checkbox */
.custom_checkbox{position:relative;overflow:hidden;display:inline-block}
.custom_checkbox label{display:inline-flex;gap:8px;font-size:1.0625rem;color:#424242;align-items:flex-start}
.custom_checkbox input[type=checkbox]{position:absolute;left:-20px;top:0}
.custom_checkbox label:before{width:24px;aspect-ratio:1/1;background:url(/usr/images/checkbox_off.svg) no-repeat center center;display:block;content:"";box-sizing:border-box;cursor:pointer;transition:all .3s ease-out;flex-shrink:0}
.custom_checkbox input[type=checkbox]:checked+label:before{background:url(/usr/images/checkbox_on.svg) no-repeat center center}

.custom_checkbox2{position:relative;overflow:hidden}
.custom_checkbox2 input[type=checkbox]{position:absolute;left:-20px;top:0}
.custom_checkbox2 label{width:100%;height:53px;background-color:#FEF2E9;border:1px solid var(--point-color2);display:flex;align-items:center;justify-content:center;gap:15px;font-size:1.125rem;font-weight:500;border-radius:4px}
.custom_checkbox2 label:before{width:20px;aspect-ratio:1/1;background:url(/usr/images/ic_check.svg) no-repeat center center;display:block;content:""}

@media screen and (max-width: 768px) {
    .custom_check_list>ul,.custom_radio_list>ul{gap:10px 20px}
    .custom_radio_list2 ul{gap:10px}
    .custom_radio_list2 ul li{width:calc((100% - 10px)/2)}
}

/* custom_file*/
.custom_file{display:flex;gap:10px;width:100%}
.custom_file input[type=file]{width:calc(100% - 150px);background-color:#fff}
.custom_file label{width:140px;height:53px;line-height:53px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.0625rem;color:#fff;background-color:#616161;border-radius:4px;cursor:pointer}
.custom_file label:before{width:20px;aspect-ratio:1/1;background:url(/usr/images/icon_foloder.svg) no-repeat center center;display:block;content:""}
.url_input_area{display:flex;gap:10px;width:100%}
.url_input_area input[type=url],.url_input_area input[type=text]{width:calc(100% - 150px);height:53px;line-height:51px;padding:0 16px;background-color:#fff;border-radius:4px;border:1px solid #e0e0e0;font-size:1rem;font-weight:400}
.url_input_area .url_btn{width:140px;height:53px;line-height:53px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.0625rem;color:#fff;background-color:#616161;border-radius:4px;cursor:pointer}
@media screen and (max-width: 768px) {
    .url_input_area .url_btn,.custom_file label{width:90px;height:40px;line-height:38px;font-size:.9375rem}
    .url_input_area input[type=url],.url_input_area input[type=text],.custom_file input[type=file]{width:calc(100% - 100px);height:40px;line-height:38px}
}

/* list_table_1 */
.list_table_1 .w_1{width:7%}
.list_table_1 .w_2{width:32%}
.list_table_1 .w_3{width:18%}
.list_table_1 .w_4{width:21.5%}
.list_table_1 .w_5{width:21.5%}
.list_table_1 .thead{border-bottom:1px solid #bdbdbd;border-top:1px solid #222}
.list_table_1 ul{display:flex;display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:500}
.list_table_1 .thead ul li{position:relative;padding:0 10px;height:60px;display:flex;align-items:center;justify-content:center}
.list_table_1 .thead ul li:before{position:absolute;left:0;top:50%;width:1px;height:20px;background-color:#bdbdbd;display:block;content:"";transform:translateY(-50%)}
.list_table_1 .thead ul li:first-child:before{display:none}
.list_table_1 .tbody ul{border-bottom:1px solid #bdbdbd}
.list_table_1 .tbody ul li{padding:12px 10px}
.list_table_1 .tbody ul li .left_txt{display:none}
.list_table_1 select,.list_table_1 input[type=text]{width:100%;height:53px;line-height:51px;padding:0 16px;background-color:#fff;border-radius:4px;border:1px solid #e0e0e0;font-size:1rem;font-weight:400}
.list_table_1 input[type=text].datepicker{padding-right:40px;background:url(/usr/images/icon_calendar.svg) no-repeat right 16px center #fff}
@media screen and (max-width: 768px) {
    .list_table_1 .thead{display:none}
    .list_table_1 .tbody ul{position:relative;padding:20px 0;flex-direction:column}
    .list_table_1 .tbody ul li{padding:6px 0;display:flex;align-items:center}
    .list_table_1 .tbody ul li.w_1,
    .list_table_1 .tbody ul li.w_2,
    .list_table_1 .tbody ul li.w_3,
    .list_table_1 .tbody ul li.w_4,
    .list_table_1 .tbody ul li.w_5{width:100%}
    .list_table_1 .tbody ul li .left_txt{width:80px;display:block;font-size:1rem;font-weight:600;color:#424242}
    .list_table_1 .tbody ul li .right_area{width:calc(100% - 80px)}
    .list_table_1 .tbody ul li.w_1{padding:0}
    .list_table_1 select,.list_table_1 input[type=text]{height:46px;line-height:44px}
}

/* btn */
.btn-noraml{width:250px;height:60px;line-height:58px;text-align:center;display:inline-block;font-size:1.0625rem;font-weight:600;border-radius:8px}
.btn-gray-bd{border:1px solid #bdbdbd}
.btn-point-bg{background-color:var(--point-color1);color:#fff}
@media screen and (max-width: 768px) {
    .btn-noraml{width:120px;height:46px;line-height:44px}
}

/* horse_list */
.horse_list>ul{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-bottom:clamp(20px,calc(40 / 1920 * 100vw),40px)}
.horse_list .horse_card{background-color:#fff;border-radius:20px;overflow:hidden}
.horse_list .horse_img{width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:20px;background:url(/usr/images/no_image.svg) no-repeat center center #f5f5f5;background-size:50%}
.horse_list .horse_img img{width:100%;height:100%;object-fit:cover}
.horse_list .horse_info{padding:24px 0}
.horse_list .info_item{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.horse_list .info_item:last-child{margin-bottom:0}
.horse_list .info_label{display:flex;gap:5px;font-weight:500;font-size:1rem;color:#212121;letter-spacing:-.012em;min-width:100px}
.horse_list .info_label:before{width:24px;aspect-ratio:1/1;display:block;content:""}
.horse_list .info_item.icon_1 .info_label:before{background:url(/usr/images/horse_icon_1.svg) no-repeat center center}
.horse_list .info_item.icon_2 .info_label:before{background:url(/usr/images/horse_icon_2.svg) no-repeat center center}
.horse_list .info_item.icon_3 .info_label:before{background:url(/usr/images/horse_icon_3.svg) no-repeat center center}
.horse_list .info_item.icon_4 .info_label:before{background:url(/usr/images/horse_icon_4.svg) no-repeat center center}
.horse_list .info_item.icon_5 .info_label:before{background:url(/usr/images/horse_icon_5.svg) no-repeat center center}
.horse_list .info_value{width:calc(100% - 100px);font-weight:500;font-size:.9375rem;color:#616161;letter-spacing:-.011em;line-height:1.2}
.horse_list .support_tag{display:flex;align-items:center;gap:8px;padding:15px;background-color:#fef2e9;border-radius:8px;font-weight:600;font-size:1rem;color:#212121;letter-spacing:-.025em}
.horse_list .support_tag span:last-child{color:var(--point-color2)}
@media screen and (max-width: 1200px) {
    .horse_list>ul{gap:16px}
}
@media screen and (max-width: 960px) {
    .horse_list>ul{grid-template-columns:repeat(2,1fr)}
}

/* pagination */
.pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:70px}
.pagination .page_btn{width:30px;height:30px;border:none;background:none;cursor:pointer}
.pagination .page_nums{display:flex;gap:10px}
.pagination .page_num{width:30px;height:30px;border:none;background-color:#fff;border-radius:10px;font-weight:400;font-size:.9375rem;color:#616161;cursor:pointer;display:flex;align-items:center;justify-content:center}
.pagination .page_num.active{border:1px solid var(--point-color1);color:var(--point-color1);font-weight:700}
.pagination .prev_first{background:url(/usr/images/page_arrow1.svg) no-repeat center center}
.pagination .prev{background:url(/usr/images/page_arrow2.svg) no-repeat center center}
.pagination .next{background:url(/usr/images/page_arrow3.svg) no-repeat center center}
.pagination .next_last{background:url(/usr/images/page_arrow4.svg) no-repeat center center}
@media screen and (max-width: 768px) {
    .pagination{gap:5px}
    .pagination .page_num{width:16px;height:16px;line-height:14px;border-radius:5px;font-size:12px}
    .pagination .page_btn{width:16px;height:16px}
}

/* adoption_sponsorship 영역 */
.adoption_sponsorship hr{margin:90px 0;width:100%;height:1px;background-color:#e0e0e0;padding:0;border:none}
.adoption_sponsorship .banner_card{display:flex;align-items:center;justify-content:center;padding:20px;background:url(/usr/images/adoption_sponsorship_banner_bg.jpg) no-repeat center center;background-color:#d9d9d9;border-radius:20px;margin-bottom:50px;font-size:1.5625rem;gap:50px}
.adoption_sponsorship .banner_card strong{background:linear-gradient(90deg,var(--point-color2) 0%,#6C3911 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.adoption_sponsorship .banner_card:after{width:140px;aspect-ratio:1/1;background:url(/usr/images/adoption_sponsorship_banner.svg) no-repeat center center;display:block;content:""}
.adoption_sponsorship .banner_text{font-family:'NanumSquare Neo ExtraBold'}
.adoption_sponsorship .banner_note{font-weight:500;font-size:.9375rem;color:#cc6b1f;letter-spacing:-.0075em}
.adoption_sponsorship .banner_icon{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}
.adoption_sponsorship .icon_circle{width:120px;height:120px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}
.adoption_sponsorship .banner_tag{position:absolute;top:-16px;left:50%;transform:translateX(-50%);padding:8px 20px;background-color:#cc6b1f;border-radius:50px;font-family:"NanumSquare Neo OTF";font-weight:800;font-size:.875rem;color:#fff;letter-spacing:-.021em;line-height:1.57}
.adoption_sponsorship .search_filter{display:flex;align-items:center;gap:20px;padding:17px;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:clamp(20px,calc(40 / 1920 * 100vw),40px);justify-content:center}
.adoption_sponsorship .filter_item{display:flex;gap:8px;align-items:center}
.adoption_sponsorship .filter_label{min-width:70px;display:inline-block;font-weight:600;font-size:1.0625rem;color:#212121;letter-spacing:-.015em}
.adoption_sponsorship .filter_select{display:flex;gap:10px;align-items:center}
.adoption_sponsorship .filter_select select{width:180px;height:50px;padding:0 16px;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;font-weight:400;font-size:1rem;color:#616161}
.adoption_sponsorship .filter_select input[type=text]{width:300px;height:50px;padding:0 16px;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;font-weight:400;font-size:1rem;color:#616161}
.adoption_sponsorship .search_btn{display:flex;align-items:center;gap:8px;padding:0 30px;height:50px;background-color:var(--point-color2);border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center}
.adoption_sponsorship .search_btn:after{width:20px;aspect-ratio:1/1;background:url(/usr/images/icon_search.svg) no-repeat center center;display:block;content:""}
.adoption_sponsorship .search_btn span:first-child{font-weight:700;font-size:1.0625rem;color:#fff;letter-spacing:-.015em}

.adoption_sponsorship .process_section{margin-bottom:clamp(50px,calc(90 / 1920 * 100vw),90px)}
.adoption_sponsorship .process_title{margin-bottom:50px}
.adoption_sponsorship .title_badge{display:inline-flex;align-items:center;gap:15px;padding:10px 20px;background-color:#fef2e9;border-radius:50px}
.adoption_sponsorship .badge_num{width:40px;height:40px;background-color:var(--point-color1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:#fff;letter-spacing:-.025em}
.adoption_sponsorship .badge_text{font-weight:600;font-size:1.25rem;color:#212121;letter-spacing:-.025em}
.adoption_sponsorship .process_img{margin-bottom:50px;border-radius:20px;overflow:hidden}
.adoption_sponsorship .process_img img{width:100%;height:100%;object-fit:cover}
.adoption_sponsorship .process_text{display:flex;gap:50px;align-items:flex-start}
.adoption_sponsorship .process_text:before{width:120px;aspect-ratio:1/1;background:url(/usr/images/medal.png) no-repeat center center;display:block;content:"";flex-shrink:0;border-radius:50px;box-shadow:0 0 12px #03030326}
.adoption_sponsorship .text_icon{width:120px;height:120px;background-color:var(--point-color2);border-radius:50%;flex-shrink:0}
.adoption_sponsorship .text_content h4{font-weight:600;font-size:1.5625rem;color:#212121;letter-spacing:0;line-height:1.12;margin-bottom:15px}
.adoption_sponsorship .text_content p{font-weight:400;font-size:1rem;color:#616161;letter-spacing:0;line-height:1.5}
.adoption_sponsorship .process_steps{margin-bottom:clamp(40px,calc(80 / 1920 * 100vw),80px)}
.adoption_sponsorship .steps_flow{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px 5.8% 30px;border-radius:20px;box-shadow:0 0 12px #03030326}
.adoption_sponsorship .step_item{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;flex-grow:1}
.adoption_sponsorship .step_item:before{position:absolute;left:-40px;top:50%;width:40px;aspect-ratio:1/1;background:url(/usr/images/arrow.svg) no-repeat center center;display:block;content:"";transform:translateY(-50%)}
.adoption_sponsorship .step_item:first-child:before{display:none}
.adoption_sponsorship .step_icon{margin:0 auto;width:120px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.adoption_sponsorship .step_item span{font-weight:600;font-size:1.125rem;color:#424242;text-align:center;letter-spacing:0;line-height:1.39;display:block}
.adoption_sponsorship .step_arrow{width:40px;height:40px;background:url(/usr/images/navi_arrow.svg) no-repeat center center;background-size:contain}
.adoption_sponsorship .table_content{border-top:1px solid #222}
.adoption_sponsorship .table_row{display:flex;border-bottom:1px solid #bdbdbd}
.adoption_sponsorship .table_header{width:30%;padding:30px 10px;background-color:#fafafa;border-right:1px solid #bdbdbd;font-weight:600;font-size:1.125rem;color:#111;text-align:center;letter-spacing:0;line-height:1.39}
.adoption_sponsorship .table_header strong{font-weight:700;color:var(--point-color2)}
.adoption_sponsorship .table_desc{flex:1;padding:30px 10px;background-color:#fff;font-weight:400;font-size:1rem;color:#616161;text-align:center;letter-spacing:0;line-height:1.375}

.adoption_sponsorship .link_write{margin-bottom:50px;text-align:center}
.adoption_sponsorship .link_write a{display:inline-flex;max-width:644px;width:100%;height:50px;background-color:#FEF2E9;border:1px solid var(--point-color2);border-radius:8px;font-size:1rem;font-weight:600;gap:5px;justify-content:center;align-items:center}
.adoption_sponsorship .link_write a:before{width:18px;aspect-ratio:18/23;background:url(/usr/images/ic_carrot.png) no-repeat center center;display:block;content:"";background-size:100%}
@media screen and (max-width: 1200px) {
    .adoption_sponsorship .steps_flow{padding:10px 2% 30px}
}
@media screen and (max-width: 960px) {
    .adoption_sponsorship .search_filter{flex-wrap:wrap;gap:10px}
    .adoption_sponsorship .filter_item{width:100%}
    .adoption_sponsorship .search_btn{width:100%;justify-content:center}
    .adoption_sponsorship .filter_select{width:calc(100% - 70px)}
    .adoption_sponsorship .filter_select select{width:30%}
    .adoption_sponsorship .filter_select input[type=text]{width:70%}
}
@media screen and (max-width: 768px) {
    .adoption_sponsorship .process_text{display:block}
    .adoption_sponsorship .process_text:before{margin:0 auto 40px;width:100px}
    .adoption_sponsorship .step_item{width:30%}
    .adoption_sponsorship .step_item:nth-child(4):before{display:none}
    .adoption_sponsorship .steps_flow{flex-wrap:wrap}
}
@media screen and (max-width: 640px) {
    .adoption_sponsorship .search_filter{display:block}
    .adoption_sponsorship .search_btn{margin:10px auto 0;width:100%;justify-content:center;height:40px}
    .adoption_sponsorship .filter_item{width:100%}
    .filter_select{width:calc(100% - 80px)}
    .filter_select select{width:100%}
    .horse_list>ul{grid-template-columns:repeat(1,1fr)}
    .pagination .page_nums{flex-wrap:wrap;justify-content:center;gap:5px}
    .adoption_sponsorship hr{margin:50px 0}
    .adoption_sponsorship .step_item:before{display:none}
    .adoption_sponsorship .step_icon{width:80px}
    .adoption_sponsorship .filter_select{flex-direction:column}
    .adoption_sponsorship .filter_select select{width:100%}
    .adoption_sponsorship .filter_select input[type=text]{width:100%}
}

/* title */
.titleType_1{margin-bottom:50px;padding:10px 20px;display:inline-flex;align-items:center;gap:15px;background-color:#FEF2E9;border-radius:2em;font-weight:600;font-size:1.125rem;color:#212121;letter-spacing:0;line-height:1.39}
.titleType_1 .number{width:40px;aspect-ratio:1/1;background-color:var(--point-color2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:#fff;letter-spacing:0;line-height:1}
.titleType_1 strong{font-size:1.25rem;font-weight:600}
@media screen and (max-width: 960px) {
    .titleType_1{margin-bottom:30px;padding:5px 14px}
    .titleType_1 .number{width:30px;font-size:1rem}
    .titleType_1 strong{font-size:1rem}
}

/* view_type */
.view_type_1{margin-bottom:100px;display:flex}
.view_type_1 .left_img_area{width:40.5%}
.view_type_1 .swiper-slide img{width:100%;height:100%;object-fit:cover}
.view_type_1 .viewSwiper_1{position:relative}
.view_type_1 .viewSwiper_1 .swiper-button-next{position:absolute;right:0;top:50%;width:51px;aspect-ratio:1/1;height:auto;background:url(/usr/images/view_swiper_next.svg) no-repeat center center}
.view_type_1 .viewSwiper_1 .swiper-button-prev{position:absolute;left:0;top:50%;width:51px;aspect-ratio:1/1;height:auto;background:url(/usr/images/view_swiper_prev.svg) no-repeat center center}
.view_type_1 .viewSwiper_1 .swiper-button-prev:after,.view_type_1 .viewSwiper_1 .swiper-button-next:after{display:none}
.view_type_1 .viewSwiper_1 .swiper-slide{position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:20px;background:url(/usr/images/no_image.svg) no-repeat center center #f5f5f5;background-size:50%}
.view_type_1 .viewSwiper_2 .swiper-slide{position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:10px;background:url(/usr/images/no_image.svg) no-repeat center center #f5f5f5}
.view_type_1 .viewSwiper_2 .swiper-slide:before{position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid var(--point-color2);display:block;content:"";border-radius:10px;box-sizing:border-box;cursor:pointer;opacity:0}
.view_type_1 .viewSwiper_2 .swiper-slide.swiper-slide-thumb-active:before{opacity:1}
.view_type_1 .viewSwiper_2{margin-top:30px}
.view_type_1 .right_txt_area{margin-left:auto;width:53.66%}
.view_type_1 .right_txt_area h2{margin-bottom:15px;font-family:'NanumSquare Neo ExtraBold';font-size:1.5625rem;color:#212121;line-height:1.3}
.view_type_1 .right_txt_area p{margin-bottom:30px;font-size:1.0625rem;color:#424242;line-height:1.5;letter-spacing:-.25px}
.view_type_1 .right_txt_area .btn_area{margin-bottom:50px}
.view_type_1 .right_txt_area .btn_area ul{display:flex;gap:10px}
.view_type_1 .right_txt_area .btn_area ul li{flex:1}
.view_type_1 .right_txt_area .btn_area ul li>*{height:50px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:1rem;font-weight:600}
.view_type_1 .right_txt_area .btn_area ul li .btn-carrot{background-color:#FEF2E9;color:#222;gap:5px;border:1px solid var(--point-color2)}
.view_type_1 .right_txt_area .btn_area ul li .btn-non-carrot{background-color:#FEF2E9;color:#222;gap:5px;border:1px solid var(--point-color2)}
.view_type_1 .right_txt_area .btn_area ul li .btn-carrot:before{width:14px;aspect-ratio:1/1;background:url(/usr/images/ic_carrot.png) no-repeat center center;display:block;content:"";background-size:100%}
.view_type_1 .right_txt_area .btn_area ul li .btn-bg{background-color:var(--point-color1);color:#fff}
.view_type_1 .info_list{padding-left:20px;margin-bottom:50px}
.view_type_1 .info_list>ul>li{margin-bottom:15px;display:flex;align-items:center}
.view_type_1 .info_list>ul>li .tit{position:relative;padding-left:10px;width:160px;font-size:.9375rem;font-family:'NanumSquare Neo ExtraBold'}
.view_type_1 .info_list>ul>li .tit:before{position:absolute;left:0;top:50%;width:3px;height:16px;background-color:var(--point-color2);display:block;content:"";transform:translateY(-50%);border-radius:2em}
.view_type_1 .info_list>ul>li .txt{width:calc(100% - 160px);font-size:1rem;color:#424242;font-weight:500}
.view_type_1 .info_list>ul>li .box{padding:15px;background-color:#f5f5f5;border-radius:10px}
.view_type_1 .info_list>ul>li .box ul li{position:relative;padding-left:15px;font-size:1rem;color:#424242;line-height:1.875}
.view_type_1 .info_list>ul>li .box ul li:before{position:absolute;left:4px;top:14px;width:3px;aspect-ratio:1/1;background-color:#444;display:block;content:"";border-radius:50%}
.view_type_1 .info_list2{margin-bottom:100px;padding:25px 40px;border-radius:10px;box-shadow:0 0 12px #03030326}
.view_type_1 .info_list2 ul li{margin-bottom:10px;display:flex;align-items:center;align-items:center}
.view_type_1 .info_list2 ul li .tit{display:Flex;width:150px;gap:5px;font-size:1rem;align-items:center}
.view_type_1 .info_list2 ul li .tit:before{width:24px;aspect-ratio:1/1;display:block;content:""}
.view_type_1 .info_list2 ul li .txt{width:calc(100% - 150px);font-size:.9375rem;color:#666}
.view_type_1 .info_list2 ul li.icon_1 .tit:before{background:url(/usr/images/horse_icon_1.svg) no-repeat center center}
.view_type_1 .info_list2 ul li.icon_2 .tit:before{background:url(/usr/images/horse_icon_2.svg) no-repeat center center}
.view_type_1 .info_list2 ul li.icon_3 .tit:before{background:url(/usr/images/horse_icon_3.svg) no-repeat center center}
.view_type_1 .info_list2 ul li.icon_4 .tit:before{background:url(/usr/images/horse_icon_4.svg) no-repeat center center}
.view_type_1 .info_list2 ul li.icon_5 .tit:before{background:url(/usr/images/horse_icon_5.svg) no-repeat center center}
@media screen and (max-width: 1200px) {
    .view_type_1{display:block}
    .view_type_1 .left_img_area{margin:0 auto 50px;max-width:700px;width:100%}
    .view_type_1 .right_txt_area{width:100%}
}
@media screen and (max-width: 768px) {
    .view_type_1 .viewSwiper_1 .swiper-slide{border-radius:10px}
    .view_type_1 .viewSwiper_2 .swiper-slide{border-radius:5px;background-size:80%}
    .view_type_1 .viewSwiper_2 .swiper-slide:before{border-radius:5px}
    .view_type_1 .info_list{padding-left:0}
    .view_type_1 .info_list>ul>li .tit{width:110px}
    .view_type_1 .info_list>ul>li .txt{width:calc(100% - 110px)}
    .view_type_1 .info_list>ul>li .box{padding:10px}
    .view_type_1 .info_list>ul>li .box ul li:before{top:10px}
    .view_type_1{margin-bottom:50px}
    .view_type_1 .info_list2{margin-bottom:50px;padding:20px}
    .view_type_1 .info_list2 ul li .tit{width:90px}
    .view_type_1 .info_list2 ul li .txt{width:calc(100% - 90px)}
}

/* view_type_2 */
.view_type_2{margin-bottom:50px}
.view_type_2 .title_area{padding-bottom:20px;border-bottom:1px solid #000;display:flex;align-items:center}
.view_type_2 .title_area .title{font-size:1.375rem;font-family:'NanumSquare Neo ExtraBold'}
.view_type_2 .d-flex{padding-top:25px;align-items:flex-start}
.view_type_2 .img_area{width:25.8%;aspect-ratio:1/1}
.view_type_2 .img_area img{width:100%;height:100%;object-fit:cover;border-radius:20px}
.view_type_2 .txt_box{margin-left:auto;padding:30px 40px;width:71%;box-sizing:border-box;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 0 12px 0 #88888826}
.view_type_2 .txt_box ul li{margin-bottom:10px;display:flex;align-items:center}
.view_type_2 .txt_box ul li:last-child{margin-bottom:0}
.view_type_2 .txt_box ul li .tit{width:140px;gap:5px;display:flex;font-size:.9375rem;font-weight:500;align-items:center}
.view_type_2 .txt_box ul li .tit:before{width:24px;aspect-ratio:1/1;display:block;content:""}
.view_type_2 .txt_box ul li .txt{width:calc(100% - 140px);font-size:.9375rem;font-weight:500;color:#666}
.view_type_2 .txt_box ul li.icon_1 .tit:before{background:url(/usr/images/horse_icon_1.svg) no-repeat center center}
.view_type_2 .txt_box ul li.icon_2 .tit:before{background:url(/usr/images/horse_icon_2.svg) no-repeat center center}
.view_type_2 .txt_box ul li.icon_3 .tit:before{background:url(/usr/images/horse_icon_6.svg) no-repeat center center}
.view_type_2 .txt_box ul li.icon_4 .tit:before{background:url(/usr/images/horse_icon_7.svg) no-repeat center center}
.view_type_2 .txt_box ul li.icon_5 .tit:before{background:url(/usr/images/horse_icon_8.svg) no-repeat center center}
.view_type_2 .state_area{margin-top:20px;display:flex;gap:15px;justify-self:flex-end}
.view_type_2 .state_area .state{width:207px;height:50px;display:flex;gap:5px;align-items:center;justify-content:center;border-radius:10px;background-color:#FEF2E9}
.view_type_2 .state_area .state:before{width:18px;aspect-ratio:18/23;display:block;content:"";background:url(/usr/images/ic_horse.png) no-repeat center center}
.view_type_2 .state_area .btn{width:207px;height:50px;line-height:48px;display:flex;gap:5px;align-items:center;justify-content:center;border-radius:10px;border:1px solid #bdbdbd}

.view_type_2 .step{padding:20px 0 30px;display:flex;align-items:center;justify-content:space-between}
.view_type_2 .step .cancel{padding:0 15px;height:42px;line-height:40px;display:inline-block;border:1px solid #F9C8A1;border-radius:10px;font-size:.875rem;font-weight:600;background-color:#fff}
.view_type_2 .step ul{position:Relative;display:Flex;gap:80px;justify-content:space-between}
.view_type_2 .step ul:before{position:absolute;left:0;top:50%;width:100%;height:2px;background-color:#ddd;display:block;content:""}
.view_type_2 .step ul li{position:relative;z-index:2;padding:0 10px;height:42px;line-height:40px;display:inline-flex;border:1px solid #F9C8A1;border-radius:10px;font-size:.875rem;font-weight:600;gap:5px;background-color:#fff}
.view_type_2 .step ul li.icon:before{width:20px;aspect-ratio:1/1;background:url(/usr/images/ic_horse.png) no-repeat center center;display:block;content:""}
.view_type_2 .step ul li.active{background-color:#F9C8A1}
.view_type_2 .step .cancel.active {background-color: #F9C8A1;}
.view_type_2 .step.apply-item {display: flex;align-items: center;  justify-content:flex-start;  }
.view_type_2 .step.apply-item .cancel {width: 100%;    height: 42px;    line-height: 40px;    text-align: center;    background-color: #fff;    border: 1px solid #F9C8A1;    border-radius: 10px;    font-size: 0.875rem;    font-weight: 600;}
.view_type_2 .step.apply-item .cancel.active {    background-color: #F9C8A1;    border-color: #F9C8A1;}

@media screen and (max-width: 960px) {
    .view_type_2 .txt_box{padding:20px}
    .view_type_2 .txt_box ul li .tit{width:80px}
    .view_type_2 .txt_box ul li .txt{width:calc(100% - 80px)}
    .view_type_2 .step ul{gap:40px}
}
@media screen and (max-width: 768px) {
    .view_type_2 .step{flex-wrap:wrap;gap:10px}
    .view_type_2 .step .cancel{width:100%;text-align:center}
    .view_type_2 .step ul{width:100%;gap:10px;flex-wrap:wrap}
    .view_type_2 .step ul:before{display:none}
    .view_type_2 .step ul li{width:calc((100% - 10px) /2);justify-content:center}
}
@media screen and (max-width: 600px) {
    .view_type_2 .d-flex{display:block}
    .view_type_2 .img_area{margin:0 auto;max-width:260px;width:100%}
    .view_type_2 .txt_box{margin-top:30px;width:100%}
}

/* view_type_3 */
.view_type_3{margin-bottom:50px}
.view_type_3 .title_area{padding-bottom:20px;border-bottom:1px solid #444;display:flex;align-items:center;flex-wrap:wrap}
.view_type_3 .title_area .title{font-size:1.375rem;font-family:'NanumSquare Neo ExtraBold'}
.view_type_3 .list{padding-top:10px}
.view_type_3 .list>ul>li{display:flex;padding:10px 0}
.view_type_3 .list>ul>li .tit{width:250px;flex-shrink:0;font-size:1.0625rem;line-height:1.625;font-weight:600}
.view_type_3 .list>ul>li .txt{width:calc(100% - 250px);font-size:1rem;font-weight:500;color:#666;line-height:1.625}
.view_type_3 .file_download ul{display:flex;gap:5px 20px;flex-wrap:wrap}
.view_type_3 .file_download ul li a{font-size:1rem;font-weight:500;color:#666;text-decoration:underline;line-height:1.625}
.view_type_3 .check_list_box{margin-top:25px;padding:24px;border:1px solid #e0e0e0;border-radius:1rem}
.view_type_3 .check_list_box ul{flex-direction:column;gap:16px;display:flex}
.view_type_3 .check_list_box ul .custom_checkbox label{color:#222}
.view_type_3 .check_list_box ul .custom_checkbox label strong{color:var(--point-color2);font-weight:inherit;flex-shrink:0}
.view_type_3 .agree_txt{font-size:1rem;font-weight:500}
.view_type_3 .today_select{margin-bottom:40px}
.view_type_3 .today_select ul{display:flex;gap:1rem}
.view_type_3 .today_select ul li{position:relative;width:calc((100% - 2rem)/3)}
.view_type_3 .today_select ul li .unit{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:.9375rem;color:#9e9e9e}
.view_type_3 .today_select ul li input:disabled,.view_type_3 .today_select ul li select:disabled,.view_type_3 .today_select ul li input:disabled{background-color:#eee}
.view_type_3 .today_select ul li input,.view_type_3 .today_select select{width:100%;height:53px;line-height:51px;padding:0 16px;background-color:#fff;border-radius:4px;border:1px solid #e0e0e0}
.view_type_3 .applicant_name{margin-bottom:8px;padding:10px 0;font-size:1.125rem}
.view_type_3 .sign_name input[type=text]{width:100%;height:53px;line-height:51px;border-radius:4px}
.view_type_3 .sign_area{margin-top:15px;width:100%;height:250px;display:flex;align-items:center;justify-content:center;border:1px solid #e0e0e0}

.view_type_3 .photo_area{width:100%;aspect-ratio:604/266;border:1px solid #E0E0E0;display:flex;align-items:center;justify-content:center}
.view_type_3 .photo_area img{max-width:100%;max-height:100%}
.view_type_3 .list2{border-bottom:1px solid #E0E0E0}
.view_type_3 .list2>ul>li>ul{min-height:60px;display:flex}
.view_type_3 .list2>ul>li>ul>li{position:relative;padding:10px 0;min-height:60px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:500;color:#666;flex:1;box-sizing:border-box}
.view_type_3 .list2>ul>li>ul>li strong{font-weight:700;color:#222}
.view_type_3 .list2>ul>li>ul>li:before{position:absolute;left:0;top:50%;width:1px;height:16px;background-color:#bdbdbd;display:block;content:"";transform:translateY(-50%)}
.view_type_3 .list2>ul>li>ul>li:first-child:before{display:none}
.view_type_3 .list2>ul>li>ul>li:first-child{justify-content:flex-start}
@media screen and (max-width: 768px) {
    .view_type_3 .list>ul>li .tit{width:120px}
    .view_type_3 .list>ul>li .txt{width:calc(100% - 120px)}
    .view_type_3 .check_list_box{padding:15px}
    .view_type_2 .state_area .state{width:120px;height:46px}
    .view_type_2 .state_area .btn{width:120px;height:46px}
    .view_type_3 .sign_name input[type=text],.view_type_3 .today_select ul li input,.view_type_3 .today_select select{height:46px;line-height:44px}
    .view_type_3 .check_list_box ul{gap:8px}
}

.give_person_list h3{margin-bottom:22px;padding-left:24px;background:url(/usr/images/ic_carrot.png) no-repeat 0 center;font-size:1.1875rem;font-family:'NanumSquare Neo ExtraBold'}
.give_person_list h3 strong{font-weight:600;color:var(--point-color2)}
.give_person_list ul{display:flex;gap:15px}
.give_person_list ul li{flex:1}
.give_person_list ul li .photo{margin:0 auto;max-width:50px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:url(/usr/images/ic_profile.png) no-repeat center center;border-radius:50%;overflow:hidden}
.give_person_list ul li .photo img{width:100%;height:100%;object-fit:cover}
.give_person_list ul li .name{margin-top:5px;font-size:.875rem;font-weight:500;color:#424242;line-height:1.4;text-align:center;display:block}
.give_person_list ul li .name a{text-decoration:underline;color:#424242;font-weight:600}
@media screen and (max-width: 768px) {
    .give_person_list ul{flex-wrap:wrap;gap:5px}
    .give_person_list ul li{width:calc((100% - 20px) / 5);flex:none}
}

.cheerful_comments_area .title_area{margin-bottom:20px;padding:15px;background-color:#FEF2E9;border-radius:10px;display:flex;align-items:center;gap:15px;justify-content:center}
.cheerful_comments_area .title_area:before{width:50px;aspect-ratio:1/1;background:url(/usr/images/cheerful_comments_img.png) no-repeat center center;display:block;content:"";border-radius:20px}
.cheerful_comments_area .title_area h2{font-size:1.0625rem;font-family:'NanumSquare Neo ExtraBold'}
.cheerful_comments_area .title_area h2 strong{color:var(--point-color2);font-weight:inherit}
.cheerful_comments_input{margin-bottom:50px;padding:20px 40px;background-color:#fafafa;border:1px solid #e0e0e0;border-radius:10px}
.cheerful_comments_input .d-flex{gap:20px}
.cheerful_comments_input .photo{width:50px}
.cheerful_comments_input .photo img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.cheerful_comments_input .input_area{flex:1}
.cheerful_comments_input .input_area input[type=text]{width:100%;height:50px;line-height:48px;border-radius:5px;font-size:.9375rem;color:#9e9e9e}
.cheerful_comments_area .btn_area{margin-top:10px;display:flex;gap:20px;justify-content:flex-end;align-items:center}
.cheerful_comments_area .btn_area .txt_number{font-size:.875rem;color:#9e9e9e}
.cheerful_comments_area .btn_area .txt_number strong{color:#222;font-weight:inherit}
.cheerful_comments_area .btn_area .btn_submit{padding:0 20px;height:48px;border-radius:8px;background-color:#FEF2E9;border:1px solid var(--point-color2);font-size:1rem;font-weight:600;color:#222;cursor:pointer;display:inline-flex;gap:5px;align-items:center}
.cheerful_comments_area .btn_area .btn_submit:before{width:18px;aspect-ratio:18/23;background:url(/usr/images/ic_carrot.png) no-repeat center center;display:block;content:""}
.repple_total_title{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ddd;font-size:1.0625rem;font-family:'NanumSquare Neo ExtraBold'}
.repple_total_title strong{color:var(--point-color2);font-weight:inherit}
.cheerful_comments_list>ul>li{margin-bottom:20px;display:flex;gap:20px;align-items:flex-start;gap:20px}
.cheerful_comments_list>ul>li:last-child{margin-bottom:0}
.cheerful_comments_list>ul>li .inner_area{width:100%}
.cheerful_comments_list>ul>li .photo{width:50px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cheerful_comments_list>ul>li .photo img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.cheerful_comments_list>ul>li .name{margin-bottom:10px;font-size:.9375rem;color:#444}
.cheerful_comments_list>ul>li .comment{padding:12px 20px;background-color:#fafafa;border:1px solid #e0e0e0;border-radius:10px;font-size:.9375rem;color:#666}
.cheerful_comments_list>ul>li .btm_area{padding:12px 20px;display:flex}
.cheerful_comments_list>ul>li .time{font-size:.9375rem;color:#9e9e9e}
.cheerful_comments_list>ul>li .control{margin-left:auto;display:flex;align-items:center}
.cheerful_comments_list>ul>li .control ul{display:flex}
.cheerful_comments_list>ul>li .control ul li{position:relative;padding:0 10px}
.cheerful_comments_list>ul>li .control ul li:before{position:absolute;left:0;top:50%;width:1px;height:12px;background-color:#bdbdbd;display:block;transform:translateY(-50%);content:""}
.cheerful_comments_list>ul>li .control ul li:first-child:before{display:none}
.cheerful_comments_list>ul>li .control ul li *{font-size:.875rem;color:#9e9e9e}
.cheerful_comments_list>ul>li .control ul li .btn_like{padding-left:23px;background:url(/usr/images/ic_like.svg) no-repeat 0 center}
.cheerful_comments_list>ul>li .control ul li .btn_like.on{background:url(/usr/images/ic_like_on.svg) no-repeat 0 center}
@media screen and (max-width: 768px) {
    .cheerful_comments_input{padding:10px}
    .cheerful_comments_input .d-flex{display:block}
    .cheerful_comments_input .photo{margin:0 0 10px}
    .cheerful_comments_list>ul>li{display:block}
    .cheerful_comments_list>ul>li .photo{margin-bottom:10px}
    .cheerful_comments_list>ul>li .comment{padding:12px}
    .cheerful_comments_list>ul>li .btm_area{padding:10px 0 0}
}

.adoption_sponsorship_view .btm_btn_area{margin-top:80px;display:flex;align-items:center;justify-content:center;gap:15px}
.adoption_sponsorship_view .btm_btn_area .total_like{width:200px;height:50px;border:1px solid #bdbdbd;border-radius:10px;display:flex;align-items:center;gap:2px;font-size:.9375rem;font-weight:600;color:#424242;justify-content:center}
.adoption_sponsorship_view .btm_btn_area .total_like strong{margin-left:5px;display:inline-block;color:#757575;font-weight:600}
.adoption_sponsorship_view .btm_btn_area .total_like:before{width:25px;aspect-ratio:1/1;background:url(/usr/images/ic_like_on.svg) no-repeat center center;display:block;content:""}
.adoption_sponsorship_view .btm_btn_area .total_share:before{width:25px;aspect-ratio:1/1;background:url(/usr/images/ic_share.svg) no-repeat center center;display:block;content:""}
.adoption_sponsorship_view .btm_btn_area .total_share{width:200px;height:50px;border:1px solid #bdbdbd;border-radius:10px;display:flex;align-items:center;gap:2px;font-size:.9375rem;font-weight:600;color:#424242;justify-content:center}
.adoption_sponsorship_view .btm_btn_area .total_share strong{margin-left:5px;display:inline-block;color:#757575;font-weight:600}
.adoption_sponsorship_view .detail_list{margin-top:100px}
.adoption_sponsorship_view .detail_list h2{margin-bottom:40px;font-size:1.875rem;font-weight:600;text-align:center}
.adoption_sponsorship_view .detail_list ul{padding:40px;display:flex;flex-direction:column;gap:30px;border-radius:10px;box-shadow:0 0 12px #03030326}
.adoption_sponsorship_view .detail_list ul li h3{position:Relative;margin-bottom:13px;padding-left:10px;font-size:1.125rem;font-weight:600}
.adoption_sponsorship_view .detail_list ul li h3:before{position:absolute;left:0;top:4px;width:3px;height:16px;background-color:#222;display:block;content:"";border-radius:2em}
.adoption_sponsorship_view .detail_list ul li .txt{font-size:1.0625rem;color:#424242;line-height:1.52}
.adoption_sponsorship_view .detail_list table{border-top:}
.adoption_sponsorship_view .detail_list table th{height:65px;text-align:center;background-color:#FAFAFA;border:1px solid #BDBDBD;text-align:center;font-size:1.125rem;font-weight:500;word-break:break-all}
.adoption_sponsorship_view .detail_list table td{height:65px;text-align:center;border:1px solid #BDBDBD;text-align:center;font-size:1rem;color:#616161;border-right:none;word-break:break-all}
.adoption_sponsorship_view .detail_list table tr:first-child th{border-top:1px solid #222}
.adoption_sponsorship_view .detail_list table tr:first-child td{border-top:1px solid #222}
.adoption_sponsorship_view .detail_list table tr th:first-child{border-left:none}
.adoption_sponsorship_view .detail_list .detail_img_area{margin-top:50px;text-align:center}
.adoption_sponsorship_view .detail_list .video_area{margin:50px auto 0;max-width:1200px;aspect-ratio:1/0.56;border-radius:30px;overflow:hidden}
.adoption_sponsorship_view .detail_list .video_area iframe{width:100%;height:100%;display:block;content:""}

.adoption_sponsorship_view .detail_content{margin-top:100px}
.adoption_sponsorship_view .detail_content .title{margin-bottom:30px;display:flex;gap:20px;font-size:1.375rem;font-family:'NanumSquare Neo ExtraBold';align-items:center}
.adoption_sponsorship_view .detail_content .title:before{width:40px;aspect-ratio:1/1;background:url(/usr/images/bulit_4.svg) no-repeat center center;display:block;content:"";background-size:100%}
.adoption_sponsorship_view .detail_content .box{margin-bottom:100px;padding:25px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px dashed #ddd;gap:10px 30px;flex-wrap:wrap}
.adoption_sponsorship_view .detail_content .box p{font-size:1.25rem;font-family:'NanumSquare Neo ExtraBold'}
.adoption_sponsorship_view .detail_content .box p strong{font-weight:inherit;color:var(--point-color2)}
.adoption_sponsorship_view .detail_content .tit{padding:5px 15px;background-color:#FEF2E9;color:var(--point-color2);display:inline-block;border-radius:2em;font-size:1.0625rem;font-weight:700}
.adoption_sponsorship_view .detail_content .d-flex{align-items:center;gap:15px;flex-wrap:wrap}
.adoption_sponsorship_view .detail_content adress{font-size:1rem;font-weight:500}
.adoption_sponsorship_view .detail_content .btn_copy{padding:0 12px;height:30px;line-height:28px;display:inline-block;border:1px solid var(--point-color2);color:var(--point-color2);border-radius:10px;display:inline-block}
.adoption_sponsorship_view .contents{position:relative;padding-top:130px}
.adoption_sponsorship_view .contents:before{position:absolute;left:50%;top:0;width:100vw;height:450px;background:url(/usr/images/w4_1_2_bg.jpg) no-repeat center center;background-size:cover;transform:translateX(-50%);display:block;content:""}
.adoption_sponsorship_view .txt_1{position:relative;z-index:2;display:Flex;gap:20px;font-size:1.375rem;font-family:'NanumSquare Neo ExtraBold';color:#fff;align-items:center}
.adoption_sponsorship_view .txt_1:before{width:40px;aspect-ratio:1/1;background:url(/usr/images/bulit_2.svg) no-repeat center center;display:block;content:""}
.adoption_sponsorship_view .contents ul{position:relative;z-index:2;width:100%;margin-top:50px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr);text-align:center}
.adoption_sponsorship_view .contents ul li{padding:47px 20px;background-color:#fff;border-radius:20px;box-shadow:0 0 12px #03030326}
.adoption_sponsorship_view .contents ul li h3{margin-top:20px;font-size:1.375rem;font-weight:600;color:#444;letter-spacing:-.25px}
.adoption_sponsorship_view .contents ul li p{margin-top:10px;font-size:1.0625rem;font-weight:500;color:#666;letter-spacing:-.25px}
.adoption_sponsorship_view .step{padding:20px 0 30px;display:flex;align-items:center;gap:30px}
.adoption_sponsorship_view .step .cancel{padding:0 15px;height:42px;line-height:40px;display:inline-block;border:1px solid #F9C8A1;border-radius:10px;font-size:.875rem;font-weight:600;background-color:#fff}
.adoption_sponsorship_view .step ul{position:Relative;display:Flex;gap:30px}
.adoption_sponsorship_view .step ul:before{position:absolute;left:0;top:50%;width:100%;height:2px;background-color:#ddd;display:block;content:""}
.adoption_sponsorship_view .step ul li{position:relative;z-index:2;padding:0 10px;height:42px;line-height:40px;display:inline-flex;border:1px solid #F9C8A1;border-radius:10px;font-size:.875rem;font-weight:600;gap:5px;background-color:#fff}
.adoption_sponsorship_view .step ul li.icon:before{width:20px;aspect-ratio:1/1;background:url(/usr/images/ic_horse.png) no-repeat center center;display:block;content:""}
.adoption_sponsorship_view .step ul li.active{background-color:#F9C8A1}
@media screen and (max-width: 1200px) {
    .adoption_sponsorship_view .contents ul li p br{display:none}
}

@media screen and (max-width: 960px) {
    .adoption_sponsorship_view .contents ul{grid-template-columns:repeat(2,1fr)}
}

@media screen and (max-width: 768px) {
    .adoption_sponsorship_view .detail_list,.adoption_sponsorship_view .btm_btn_area{margin-top:50px}
    .adoption_sponsorship_view .detail_list ul{padding:20px}
    .adoption_sponsorship_view .detail_content .box{margin-bottom:50px}
    .adoption_sponsorship_view .contents{padding-top:60px}
    .adoption_sponsorship_view .contents ul{grid-template-columns:repeat(1,1fr)}
    .adoption_sponsorship_view .contents ul li{padding:20px}
    
    .adoption_sponsorship_view .detail_list table th{padding:5px;font-size:13px}
    .adoption_sponsorship_view .detail_list table td{padding:5px;font-size:12px}
    .adoption_sponsorship_view .detail_list .video_area{border-radius:15px}
    
    .adoption_sponsorship_view .step{flex-wrap:wrap;gap:10px}
    .adoption_sponsorship_view .step .cancel{width:100%;text-align:center}
    .adoption_sponsorship_view .step ul{width:100%;gap:10px;flex-wrap:wrap}
    .adoption_sponsorship_view .step ul:before{display:none}
    .adoption_sponsorship_view .step ul li{width:calc((100% - 10px) /2);justify-content:center}
}

/* Cheering Page */
.cheering_page .sub_Type_2{background:url(/usr/images/w4_3_1_visual_bg.png) no-repeat center center;background-size:cover}
.cheering_page .sub_Type_2:after{background:url(/usr/images/w4_3_1_visual_img.svg) no-repeat center center}
.cheering_page .banner_section{padding: clamp(20px, calc(40 / 1920 * 100vw), 40px) 0;}
.cheering_page .banner_card{background-color:#d9d9d9;border-radius:20px;padding:30px;display:flex;align-items:center;justify-content:space-between}
.cheering_page .banner_text h3{font-size:1.5625rem;font-weight:800;color:#424242;margin-bottom:10px}
.cheering_page .banner_text h3.highlight{background:linear-gradient(90deg,#f6ae76 0%,#cc6b1f 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.cheering_page .banner_text p{font-size:.9375rem;font-weight:500;color:#cc6b1f;margin-top:10px}
.cheering_page .banner_icon{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px}
.cheering_page .icon_wrap{width:120px;height:120px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}
.cheering_page .icon{width:80px;height:72px;background-color:#f07e25}
.cheering_page .tag{background-color:#cc6b1f;border-radius:50px;padding:8px 16px}
.cheering_page .tag span{font-size:.875rem;font-weight:800;color:#fff}

.cheering_page .comment_section{padding: clamp(50px, calc(100 / 1920 * 100vw), 100px) 0;}
.cheering_page .comment_header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #e0e0e0;margin-bottom:20px}
.cheering_page .comment_title{display:flex;align-items:center;gap:10px}
.cheering_page .comment_title h4{font-size:1.0625rem;font-weight:800;color:#222}
.cheering_page .comment_title .count{font-size:1.0625rem;font-weight:800;color:#f07e25}
.cheering_page .donation_info{display:flex;align-items:center;gap:8px;background-color:#fef2e9;border:1px solid #f6ae76;border-radius:10px;padding:10px 20px}
.cheering_page .donation_info span{font-size:.9375rem;font-weight:700;color:#222}
.cheering_page .donation_info .carrot{font-size:1.125rem}
.cheering_page .donation_info .amount{color:#f07e25;font-weight:800}

.cheering_page .donation_notice{background-color:#fef2e9;border:1px solid #f6ae76;border-radius:10px;padding:20px;margin-bottom:20px;display:flex;align-items:center;gap:15px}
.cheering_page .notice_icon{width:40px;height:40px;border-radius:50%;background-color:#f07e25;display:flex;align-items:center;justify-content:center}
.cheering_page .donation_notice p{font-size:1.0625rem;font-weight:800;color:#222}
.cheering_page .donation_notice strong{color:#f07e25}

.cheering_page .comment_list ul{display:flex;flex-direction:column;gap:20px}
.cheering_page .comment_item{display:flex;gap:20px;align-items:flex-start}
.cheering_page .horse_img{width:115px;aspect-ratio:1/1;border-radius:40px;overflow:hidden;flex-shrink:0;background:url(/usr/images/no_image.png) no-repeat center center #E0E0E0;border-radius:40px}
.cheering_page .horse_img img{width:100%;height:100%;object-fit:cover}
.cheering_page .comment_content{flex:1}
.cheering_page .comment_header_info{display:flex;align-items:center;gap:15px;margin-bottom:15px}
.cheering_page .user_profile{width:50px;aspect-ratio:1/1;border-radius:50%;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cheering_page .user_info{display:flex;align-items:center;gap:5px;font-size:.9375rem;color:#424242;font-family:'NanumSquare Neo ExtraBold'}
.cheering_page .user_name{color:#424242}
.cheering_page .horse_name{color:#f07e25}
.cheering_page .comment_text{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:10px;padding:12px 20px;margin-bottom:10px}
.cheering_page .comment_text p{font-size:.9375rem;font-weight:500;color:#616161}
.cheering_page .comment_meta{display:flex;justify-content:space-between;align-items:center}
.cheering_page .time{font-size:.875rem;font-weight:500;color:#9e9e9e}
.cheering_page .comment_actions{display:flex;align-items:center;gap:10px}
.cheering_page .like_btn{padding-left:22px;display:flex;align-items:center;gap:5px;background:none;border:none;font-size:.875rem;font-weight:500;color:#9e9e9e;cursor:pointer;background:url(/usr/images/ic_like.svg) no-repeat 0 center}
.cheering_page .like_btn.on{background:url(/usr/images/ic_like_on.svg) no-repeat 0 center;color:#616161}
.cheering_page .like_count{color:#616161}
.cheering_page .divider{width:1px;height:12px;background-color:#bdbdbd}
.cheering_page .delete_btn{background:none;border:none;font-size:.875rem;font-weight:500;color:#9e9e9e;cursor:pointer}

.cheering_page .action_buttons{display:flex;justify-content:center;gap:20px;margin-top:clamp(40px,calc(80 / 1920 * 100vw),80px)}
.cheering_page .action_btn{display:flex;align-items:center;gap:8px;padding:0 40px;height:50px;border:1px solid #bdbdbd;border-radius:10px;background-color:#fff;font-size:.9375rem;font-weight:600;color:#424242;cursor:pointer;box-sizing:border-box}
.cheering_page .action_btn .count{color:#757575;font-size:1rem;font-weight:600}
.cheering_page .action_btn:before{width:25px;aspect-ratio:1/1;display:block;content:""}
.cheering_page .action_btn.like_action:before{background:url(/usr/images/ic_like_on.svg) no-repeat center center}
.cheering_page .action_btn.share_action:before{background:url(/usr/images/ic_share.svg) no-repeat center center}

.cheering_page .intro_title{display:flex;align-items:center;gap:40px;margin-bottom:60px}
.cheering_page .title_content{flex:1}
.cheering_page .title_content:before{margin-bottom:30px;width:50px;aspect-ratio:1/1;background:url(/usr/images/bulit_1.svg) no-repeat center center;display:block;content:""}
.cheering_page .title_icon{width:50px;height:50px;margin-bottom:20px}
.cheering_page .title_text h2{font-size:1.875rem;color:#212121;line-height:1.3;margin-bottom:20px;font-family:'NanumSquare Neo ExtraBold'}
.cheering_page .title_text p{font-size:1rem;font-weight:300;color:#424242;line-height:1.5}
.cheering_page .title_image{width:48%;border-radius:50px;overflow:hidden;flex-shrink:0}

.cheering_page .content_section{margin-bottom:60px}
.cheering_page .section_header{display:flex;align-items:center;gap:20px;margin-bottom:40px}
.cheering_page .section_number{width:40px;height:40px;background-color:#f3954c;border-radius:50px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#fff}
.cheering_page .section_header{padding:10px 20px;background-color:#FEF2E9;border-radius:2em;display:inline-flex}
.cheering_page .section_header h3{font-size:1.25rem;font-weight:600;color:#212121}

.cheering_page .horse_intro{display:flex;align-items:flex-start}
.cheering_page .horse_info{width:55.4%}
.cheering_page .horse_image{border-radius:20px;overflow:hidden;margin-bottom:50px}
.cheering_page .horse_image img{width:100%;height:100%;object-fit:cover}
.cheering_page .horse_description h4{font-size:1.875rem;color:#212121;line-height:1.3;margin-bottom:20px;font-family:'NanumSquare Neo ExtraBold'}
.cheering_page .horse_description p{font-size:1.0625rem;font-weight:300;color:#424242;line-height:1.5}
.cheering_page .horse_side_image{margin-left:auto;width:40.5%;border-radius:20px;overflow:hidden;flex-shrink:0}

.cheering_page .support_banner{position:relative;padding:130px 0 0}
.cheering_page .support_banner:before{position:absolute;left:50%;top:0;width:100vw;height:450px;background:url(/usr/images/w4_3_1_bg.jpg) no-repeat center center;background-size:cover;display:block;content:"";transform:translateX(-50%)}
.cheering_page .banner_background{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
.cheering_page .banner_background img{width:100%;height:100%;object-fit:cover;filter:brightness(0.3)}
.cheering_page .banner_content{position:relative;z-index:2;color:#fff}
.cheering_page .quote_icon{width:40px;height:40px;background-color:#fff3;border-radius:50px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.cheering_page .banner_content h4{font-size:1.375rem;font-weight:800;color:#fff;margin-bottom:40px;display:flex;align-items:center;font-family:'NanumSquare Neo ExtraBold';gap:20px}
.cheering_page .banner_content h4:before{width:40px;aspect-ratio:1/1;background:url(/usr/images/bulit_3.svg) no-repeat center center;display:block;content:"";flex-shrink:0}
.cheering_page .support_features{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}
.cheering_page .support_features li{background-color:#fff;border-radius:20px;padding:30px 20px;text-align:center;box-shadow:0 0 12px #32323226}
.cheering_page .support_features li:before{width:85px;height:85px;margin:0 auto 20px;display:block;content:""}
.cheering_page .support_features li.icon_1:before{background:url(/usr/images/w4_3_1_icon1.svg) no-repeat center center}
.cheering_page .support_features li.icon_2:before{background:url(/usr/images/w4_3_1_icon2.svg) no-repeat center center}
.cheering_page .support_features li.icon_3:before{background:url(/usr/images/w4_3_1_icon3.svg) no-repeat center center}
.cheering_page .support_features li.icon_4:before{background:url(/usr/images/w4_3_1_icon4.svg) no-repeat center center}
.cheering_page .support_features li h5{font-size:1.375rem;font-weight:600;color:#424242;margin-bottom:15px;line-height:1.3}
.cheering_page .support_features li p{font-size:1.0625rem;font-weight:500;color:#616161;line-height:1.5;letter-spacing:-.5px}
.cheering_page .support_btn{background-color:#f3954c;border:none;border-radius:8px;padding:15px 30px;font-size:1.0625rem;font-weight:600;color:#fff;cursor:pointer}
@media screen and (max-width: 1024px) {
    .cheering_page .intro_title{flex-direction:column}
    .cheering_page .title_image{width:100%;text-align:center}
    .cheering_page .support_features li p br{display:none}
}
@media screen and (max-width: 960px) {
    .cheering_page .horse_intro{flex-direction:column;gap:50px 0}
    .cheering_page .horse_info{width:100%}
    .cheering_page .horse_side_image{width:100%}
    .cheering_page .support_features{grid-template-columns:repeat(2,1fr)}
    .cheering_page .support_features li p br{display:block}
}
@media screen and (max-width: 768px) {
    .cheering_page .comment_item{flex-direction:column;text-align:center}
    .cheering_page .horse_img{margin:0 auto}
    .cheering_page .user_info{display:block;text-align:left}
    .cheering_page .comment_text p{text-align:left}
    .cheering_page .action_btn{padding:0 20px}
    .cheering_page .title_text h2 br{display:none}
    .cheering_page .horse_description h4,.cheering_page .title_text h2{font-size:1.5rem}
    .cheering_page .support_features{grid-template-columns:repeat(1,1fr)}
}

/* login */
.login_cont{margin:0 auto;max-width:500px;width:100%}
.login_cont .input_list ul li{position:relative;margin-bottom:20px;display:flex;align-items:center;gap:10px}
.login_cont .input_list ul li .title_box{width:150px;font-size:.9375rem;color:#666;font-weight:600}
.login_cont .input_list ul li .input_box{width:calc(100% - 160px)}
.login_cont .input_list ul li .input_box input[type=password],.login_cont .input_list ul li .input_box input[type=text]{width:100%;height:40px;line-height:40px;padding:0 10px;border:1px solid #e0e0e0;border-radius:4px}
.login_cont .login_btn{margin-bottom:20px;width:100%;height:50px;line-height:50px;text-align:center;background-color:var(--point-color2);color:#fff;border-radius:4px;font-size:1rem;display:block;border-radius:10px}
.login_cont .btn_area{margin-top:50px}
.login_cont .btn_area ul{display:flex;gap:20px}
.login_cont .btn_area ul li{width:calc((100% - 20px)/2)}
.login_cont .btn_area ul li a{height:50px;line-height:48px;border:1px solid var(--point-color2);border-radius:10px;font-size:1rem;font-weight:600;color:var(--point-color2);display:block;text-align:center}
.login_cont .sns_login_list{margin-top:50px}
.login_cont .sns_login_list ul{display:flex;gap:50px;align-items:center;justify-content:center;text-align:center}
.login_cont .sns_login_list ul li a{width:100%;display:block;font-size:.9375rem;color:#666}
.login_cont .sns_login_list ul li a:before{margin:0 auto 16px;width:72px;aspect-ratio:1/1;border-radius:50%;align-items:center;justify-content:center;display:block;content:""}
.login_cont .sns_login_list ul li.icon_1 a:before{background:url(/usr/images/icon_login_kakako.svg) no-repeat center center}
.login_cont .sns_login_list ul li.icon_2 a:before{background:url(/usr/images/icon_login_naver.svg) no-repeat center center}

@media screen and (max-width: 500px) {
    .login_cont .input_list ul li .title_box{width:60px}
    .login_cont .input_list ul li .input_box{width:calc(100% - 70px)}
}

/* btn */
.basic-btn01{max-width:250px;width:100%;height:60px;line-height:60px;text-align:center;background-color:var(--point-color2);font-size:1.0625rem;color:#fff;border-radius:8px;display:inline-block}
.basic-btn02{padding:7px 20px;display:inline-block;text-align:center;font-size:.9375rem;color:#444;border-radius:5px;line-height:1.6}
.basic-btn03{padding:0 20px;min-width:200px;height:50px;line-height:48px;display:inline-block;text-align:center;font-size:.875rem;color:#222;border-radius:10px}
.btn-gray-bd{border:1px solid #bdbdbd;background:transparent;color:#222}
.btn-download{padding-bottom:12px;border-bottom:3px solid var(--point-color2);font-size:1.0625rem;font-weight:600;display:inline-flex;align-items:center;gap:10px;font-family:'NanumSquare Neo ExtraBold'}
.btn-download:after{width:24px;aspect-ratio:1/1;background:url(/usr/images/ic_download.svg) no-repeat center center;display:block;content:""}
.btn-link{padding-bottom:12px;border-bottom:3px solid var(--point-color2);font-size:1.0625rem;font-weight:600;display:inline-flex;align-items:center;gap:10px;font-family:'NanumSquare Neo ExtraBold'}
.btn-link:after{width:24px;aspect-ratio:1/1;background:url(/usr/images/ic_link.svg) no-repeat center center;display:block;content:""}
@media screen and (max-width: 768px) {
    .basic-btn01{max-width:140px;height:46px;line-height:46px}
}

/* join */
.join_cont .step{margin-bottom:50px;text-align:center}
.join_cont .step ul{position:relative;display:inline-flex;align-items:cdenter;justify-content:center;gap:80px}
.join_cont .step ul:before{position:absolute;left:50%;top:35px;width:calc(100% - 50px);height:1px;background-color:#ddd;content:"";display:block;transform:translateX(-50%)}
.join_cont .step ul li{position:Lrelative;z-index:2;font-size:.9375rem;text-align:center}
.join_cont .step ul li.active{color:var(--point-color2)}
.join_cont .step ul li:before{margin:0 auto 15px;width:70px;aspect-ratio:1/1;display:block;content:"";border-radius:50%}
.join_cont .step ul li.icon_1:before{background:url(/usr/images/join_step_1.svg) no-repeat center center #9E9E9E}
.join_cont .step ul li.icon_2:before{background:url(/usr/images/join_step_2.svg) no-repeat center center #9E9E9E}
.join_cont .step ul li.icon_1.active:before{background:url(/usr/images/join_step_1.svg) no-repeat center center var(--point-color2)}
.join_cont .step ul li.icon_2.active:before{background:url(/usr/images/join_step_2.svg) no-repeat center center var(--point-color2)}
.join_cont .box{margin-bottom:50px;padding:50px;background-color:#fafafa;border-radius:15px}
.join_cont textarea{display:block}
.join_cont h3{margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #e0e0e0;font-size:1.375rem;font-weight:800;font-family:'NanumSquare Neo ExtraBold'}
.join_cont .custom_checkbox{padding:10px 0}
.join_cont .all_check{margin-bottom:20px}
.join_cont .terms_box{padding:20px;height:212px;overflow:auto;box-sizing:border-box;background-color:#fff;border:1px solid #ddd;border-radius:10px;font-size:1rem;letter-spacing:-.025em}
.join_cont .terms_list>ul>li{padding:0 0 10px}
.join_cont .input_list{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #e0e0e0}
.join_cont .input_list>ul{display:flex;justify-content:space-between;gap:30px 0;flex-wrap:wrap}
.join_cont .input_list>ul>li{width:48.5%;font-size:1.125rem;font-weight:600}
.join_cont .input_list>ul>li.w100p{width:100%}
.join_cont .input_list .title{margin-bottom:8px;padding:10px 0;font-size:1.25rem;font-weight:600;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.join_cont .input_list .title strong{font-weight:inherit;color:var(--point-color2);font-weight:500}
.join_cont .input_list .title .info_txt{font-size:.9375rem;color:var(--point-color2);font-weight:500}
.join_cont .input_list input[type=email],.join_cont .input_list input[type=tel],.join_cont .input_list input[type=number],.join_cont .input_list input[type=password],.join_cont .input_list input[type=text]{width:100%;height:53px;line-height:51px;padding:0 16px;border-radius:4px;border:1px solid #e0e0e0}
.join_cont .right_btn_area{display:flex;gap:10px}
.join_cont .right_btn_area input[type=text]{width:calc(100% - 160px)}
.join_cont .right_btn_area .right_btn{width:150px;height:53px;background-color:#666;border-radius:4px;font-size:1.0625rem;font-weight:600;color:#fff}
.join_cont .post{margin-bottom:15px;max-width:360px}
.join_cont .address_list{display:flex;gap:15px;justify-content:space-between}
.join_cont .address_list>div{width:calc((100% - 15px)/2)}
.join_cont .input_list .custom_file{max-width:540px}

@media screen and (max-width: 960px) {
    .join_cont .box{padding:30px}
    .join_cont .input_list>ul{flex-direction:column;gap:10px 0}
    .join_cont .input_list>ul>li{width:100%}
}
@media screen and (max-width: 768px) {
    .join_cont .box{padding:15px}
    .join_cont .input_list input[type=email],.join_cont .input_list input[type=tel],.join_cont .input_list input[type=number],.join_cont .input_list input[type=password],.join_cont .input_list input[type=text]{width:100%;height:46px;line-height:44px}
    .join_cont .right_btn_area input[type=text]{width:calc(100% - 110px)}
    .join_cont .right_btn_area .right_btn{height:46px;line-height:44px;width:100px;font-size:12px}
    .join_cont .address_list{flex-direction:column;gap:10px}
    .join_cont .address_list>div{width:100%}
    .join_cont .input_list{padding-bottom:20px;margin-bottom:40px}
}

/* 마이페이지 */
.mypage .layout{display:flex;gap:40px;margin-top:clamp(30px,calc(60/1920*100vw),60px)}
.mypage .left{width:306px;flex-shrink:0}
.mypage .left h2{margin-bottom:15px;font-size:1.5rem;font-weight:600;color:#000}
.mypage .left .menu{display:flex;flex-direction:column;gap:10px}
.mypage .left .menu li a{position:relative;width:100%;height:55px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border:1px solid #e0e0e0;border-radius:10px;background-color:#fff;font-size:1rem;font-weight:600;color:#616161;transition:all .3s ease}
.mypage .left .menu li .active{background-color:#fef2e9;border-color:#f07e25;color:#616161}
.mypage .left .menu li a:hover{background-color:#fef2e9;border-color:#f07e25}
.mypage .left .menu li a:after{width:20px;height:20px;background:url(/usr/images/lnb_arrow.svg) no-repeat center center;background-size:7px 10px;display:block;content:""}

.mypage .con{width:calc(100% - 346px)}
.mypage .con .info .top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:clamp(15px,calc(30/1920*100vw),30px);align-items:center;flex-wrap:wrap}
.mypage .con .info .txt_hi{display:flex;align-items:center;gap:15px}
.mypage .con .info .ic_profile{width:50px;height:50px;border-radius:50%;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center}
.mypage .con .info .ic_profile img{width:38px;height:38px}
.mypage .con .info .user_info{display:flex;align-items:center;gap:10px}
.mypage .con .info .user_info h3{font-size:1.375rem;font-weight:600;color:#000;margin-bottom:4px}
.mypage .con .info .user_info span{font-size:1rem;font-weight:500;color:#424242}
.mypage .con .info .info{max-width:407px;width:100%;background-color:#fef2e9;border-radius:8px;padding:10px 20px;display:flex;align-items:center;justify-content:space-between}
.mypage .con .info .carrot_info{display:flex;align-items:center;gap:10px}
.mypage .con .info .carrot_info:before{width:40px;aspect-ratio:1/1;background:url(/usr/images/ic_carrot.svg) no-repeat center center;background-size:40px;display:block;content:""}
.mypage .con .info .carrot_label span{font-size:.9375rem;font-weight:600;color:#424242}
.mypage .con .info .carrot_count strong{font-size:1.25rem;font-weight:700;color:#f07e25}
.mypage .con .info .carrot_count span{font-size:.9375rem;font-weight:600;color:#424242}
.mypage .con .info .btn_cheer{width:105px;height:35px;background-color:#f3954c;border-radius:10px;font-size:.875rem;font-weight:600;color:#fff;border:none;cursor:pointer}

.mypage .con .tab{margin-bottom:60px;background-color:#fff;border-radius:10px}
.mypage .con .tab .list{display:flex;gap:0;border-radius:10px;overflow:hidden;box-shadow:0 0 12px 0 #33333326}
.mypage .con .tab .list li{position:relative;flex:1;padding:clamp(15px,calc(30/1920*100vw),30px) clamp(10px,calc(20/1920*100vw),20px);display:flex;flex-direction:column;align-items:center;gap:8px}
.mypage .con .tab .list li:before{position:absolute;left:0;top:50%;width:1px;height:20px;background-color:#ddd;display:block;content:"";transform:translateY(-50%)}
.mypage .con .tab .list li:first-child:before{display:none}
.mypage .con .tab .list li span{font-size:.9375rem;font-weight:500;color:#212121}
.mypage .con .tab .list li .count strong{font-size:1.25rem;font-weight:700;color:#f07e25}
.mypage .con .tab .list li .count span{font-size:.875rem;font-weight:500;color:#616161}
.mypage .con .tab .list li a{display:contents;color:inherit;text-decoration:none}

.mypage .con .content_section{margin-top:clamp(20px,calc(40/1920*100vw),40px)}
.mypage .con .data_section{margin-bottom:70px}
.mypage .con .data_section .tit_my_type_b{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.mypage .con .data_section .tit_my_type_b h3{font-size:1.25rem;font-weight:600;color:#000}
.mypage .con .data_section .tit_my_type_b h4{font-size:1.0625rem;color:#222;font-weight:500}
.mypage .con .data_section .tit_my_type_b h4 span{vertical-align:top;color:#9e9e9e}
.mypage .con .data_section .tit_my_type_b .btn{display:flex;align-items:center;gap:8px;background:none;border:none;font-size:.9375rem;font-weight:500;color:#424242;cursor:pointer}
.mypage .con .data_section .tit_my_type_b .icon{width:20px;height:20px;background:url(/usr/images/navi_arrow.svg) no-repeat center center;background-size:7px 10px}

.mypage .con .section_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(15px,calc(30/1920*100vw),30px)}
.mypage .con .section_header h3{font-size:1.25rem;font-weight:600;color:#000}
.mypage .con .section_header .btn{display:flex;align-items:center;gap:8px;background:none;border:none;font-size:.9375rem;font-weight:500;color:#424242;cursor:pointer}
.mypage .con .section_header .icon{width:20px;height:20px;background:url(/usr/images/navi_arrow.svg) no-repeat center center;background-size:7px 10px}

.mypage .con .my_table{border-top:1px solid #424242}
.mypage .con .my_table li{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0;flex-wrap:wrap}
.mypage .con .my_table li .title{font-size:.9375rem;max-width:calc(100% - 210px);display:inline-block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}
.mypage .con .my_table li .cate{margin-right:10px;padding:0 10px;display:inline-block;height:30px;line-height:30px;border-radius:10px;background-color:#FFEADB;color:#FF6A00;font-size:.875rem;font-weight:500}
.mypage .con .my_table span{font-size:.9375rem;font-weight:500;color:#424242}
.mypage .con .my_table .section{width:200px;text-align:center;display:flex;align-items:center;justify-content:flex-end;gap:20px}
.mypage .con .my_table .section span{display:inline-block;text-align:center;font-size:.875rem;font-weight:400;color:#757575}
.mypage .con .my_table .section .more a{padding:6px 15px;display:inline-block;border:1px solid #9E9E9E;border-radius:10px;font-size:.875rem;font-weight:600}

.mypage .con .content_list{margin-bottom:30px;border-top:1px solid #444}
.mypage .con .content_list>ul{display:flex;flex-wrap:wrap}
.mypage .con .content_list>ul>li{padding:25px 10px;width:50%;display:flex;border-bottom:1px solid #e0e0e0;align-items:center}
.mypage .con .content_list>ul>li.block{display:block}
.mypage .con .content_list>ul>li.block .d-flex{display:flex;align-items:center}
.mypage .con .content_list .img_area{width:38.9%}
.mypage .con .content_list .img_area a{position:relative;aspect-ratio:1/1;display:block}
.mypage .con .content_list .img_area img{width:100%;height:100%;border-radius:20px;overflow:hidden}
.mypage .con .content_list .txt_area{padding:0 20px;width:61.1%;box-sizing:border-box}
.mypage .con .content_list .txt_area ul li{margin-bottom:10px;display:Flex;align-items:center;gap:10px}
.mypage .con .content_list .txt_area ul li:last-child{margin-bottom:0}
.mypage .con .content_list .txt_area ul li .tit{position:relative;padding-left:12px;width:55px;font-size:.9375rem;font-weight:500;line-height:1.4;box-sizing:border-box}
.mypage .con .content_list .txt_area ul li .tit:before{position:absolute;left:0;top:10px;width:4px;aspect-ratio:1/1;background-color:#222;display:block;content:"";transform:translateY(-50%);border-radius:50%}
.mypage .con .content_list .txt_area ul li .txt{width:calc(100% - 65px);font-size:.875rem;color:#666;line-height:1.4}
.mypage .con .content_list .state_area{margin-top:20px;display:flex;align-items:center;gap:15px}
.mypage .con .content_list .state_area .state{padding:0 30px;height:45px;display:flex;align-items:center;justify-content:center;background-color:#FEF2E9;border-radius:10px;gap:8px;font-size:.875rem;font-weight:600}
.mypage .con .content_list .state_area .state:before{width:18px;aspect-ratio:18/23;background:url(/usr/images/ic_horse.png) no-repeat center center;display:block;content:""}
.mypage .con .content_list .state_area .state.complete{background-color:#FBE0CB}
.mypage .con .content_list .state_area .btn{padding:0 20px;min-width:150px;height:45px;line-height:43px;border:1px solid #bdbdbd;border-radius:10px;text-align:center;box-sizing:border-box;font-size:.875rem;font-weight:600}
.mypage .more_btn{padding-right:25px;display:inline-block;background:url(/usr/images/lnb_arrow.svg) no-repeat right center;background-size:8px;font-size:.9375rem}
.mypage .course_list>ul{border-top:1px solid #666}
.mypage .course_list>ul>li{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e0e0e0;flex-wrap:wrap}
.mypage .course_list>ul>li .title_area{width:calc(100% - 300px)}
.mypage .course_list>ul>li .title_area .tit{font-size:.9375rem;font-weight:500}
.mypage .course_list>ul>li .title_area .percent{position:Relative;padding-left:15px;margin-left:15px;font-size:.875rem;color:#777;display:inline-block}
.mypage .course_list>ul>li .title_area .percent strong{font-size:1.0625rem;font-weight:700;color:#f07e25}
.mypage .course_list>ul>li .title_area .percent:before{position:absolute;left:0;top:50%;width:1px;height:15px;background-color:#bdbdbd;display:block;content:"";transform:translateY(-50%)}
.mypage .course_list>ul>li .info_area{width:260px;display:flex;align-items:center;justify-content:space-between}
.mypage .course_list>ul>li .info_area .date{font-size:.875rem;color:#757575}
.mypage .course_list>ul>li .info_area .btn{padding:0 15px;height:35px;line-height:33px;border:1px solid var(--point-color2);border-radius:10px;font-size:.875rem;font-weight:600;color:#222;cursor:pointer;background-color:#FEF2E9;display:flex;align-items:center;gap:5px}

.mypage .tab_link_list{margin-bottom:50px;padding:15px;box-shadow:0 0 12px 0 #33333326;border-radius:10px;background-color:#fff}
.mypage .tab_link_list ul{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}
.mypage .tab_link_list ul li a{padding:10px 15px;line-height:1;font-size:.875rem;background-color:#f5f5f5;border-radius:2em;display:block;color:#666;display:block}
.mypage .tab_link_list ul li.on a{background-color:#FEF2E9;border:1px solid #FBE0CB;box-sizing:border-box;color:var(--point-color2);font-weight:700}

.mypage_top_area{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap}
.mypage_top_area h3{font-size:1.25rem;font-weight:700}
.mypage_top_area h3 strong{font-weight:inherit;color:var(--point-color2)}
.mypage_top_area .search_area ul{display:flex;gap:10px}
.mypage_top_area .search_area ul li{width:150px}
.mypage_top_area .search_area select{width:100%;height:40px;line-height:38px;font-size:.875rem;color:#666;border-radius:4px}

.mypage .comments_support_list>ul{border-top:1px solid #666}
.mypage .comments_support_list>ul>li{padding:20px;display:Flex;flex-wrap:wrap;justify-content:space-between;border-bottom:1px solid #e0e0e0}
.mypage .comments_support_list>ul>li .title_area{max-width:calc(100% - 120px);display:flex;flex-wrap:wrap}
.mypage .comments_support_list>ul>li .tit{font-size:.9375rem;font-weight:500}
.mypage .comments_support_list>ul>li .carrot{position:relative;padding-left:15px;margin-left:15px;font-size:.875rem;color:#757575;font-weight:600}
.mypage .comments_support_list>ul>li .carrot:before{position:absolute;left:0;top:50%;width:1px;height:15px;background-color:#bdbdbd;display:block;content:"";transform:translateY(-50%)}
.mypage .comments_support_list>ul>li .carrot span{font-size:inherit;font-weight:inherit;color:var(--point-color2)}
.mypage .comments_support_list>ul>li .carrot strong{font-weight:700}
.mypage .comments_support_list>ul>li .date{font-size:.875rem;color:#757575;text-align:center}
.mypage .comments_support_list>ul>li .right_btn{margin-left:auto;display:flex;gap:15px}
.mypage .comments_support_list>ul>li .right_btn>*{padding:0 15px;height:35px;line-height:33px;display:inline-block}
.mypage .comments_support_list>ul>li .right_btn .btn_hearing{background-color:#FEF2E9;border:1px solid #F07E25;border-radius:10px;font-size:.875rem;font-weight:600}
.mypage .comments_support_list>ul>li .right_btn .btn_receive{background-color:#F5F5F5;border:1px solid #9E9E9E;border-radius:10px;font-size:.875rem;font-weight:600;display:flex;align-items:center;justify-content:center}
.mypage .current_cumulative_txt{margin-bottom:50px;padding:7px 20px 7px 65px;min-height:55px;background:url(/usr/images/ic_carrot.svg) no-repeat 20px center #FEF2E9;border-radius:8px;font-size:.9375rem;font-weight:600;display:flex;align-items:center;gap:5px;box-sizing:border-box}
.mypage .current_cumulative_txt .point-color-1{color:var(--point-color2);line-height:1}
.mypage .current_cumulative_txt .point-color-1 strong{font-weight:700;font-size:1.25rem}
.mypage .donation_list{border-top:1px solid #666}
.mypage .donation_list>ul>li{padding:12px 20px;min-height:60px;display:flex;flex-wrap:wrap;border-bottom:1px solid #e0e0e0;align-items:center;box-sizing:border-box}
.mypage .donation_list>ul>li .title{padding-left:20px;width:calc(100% - 250px);background:url(/usr/images/ic_carrot.png) no-repeat 0 center;background-size:15px;font-size:.9375rem;color:#444;font-weight:500}
.mypage .donation_list>ul>li .title strong{font-weight:700;color:var(--point-color2)}
.mypage .donation_list>ul>li .right_area{margin-left:auto;width:210px;display:Flex;justify-content:space-between;align-items:center}
.mypage .donation_list>ul>li .right_area .date{min-width:100px;text-align:center;font-size:.875rem;color:#757575}
.mypage .donation_list>ul>li .right_area .btn_view{padding:8px 15px;display:block;border:1px solid #9e9e9e;border-radius:10px;box-sizing:border-box;line-height:1}
.mypage .donation_list.type2>ul>li .title{width:calc(100% - 100px)}
.mypage .donation_list.type2>ul>li .right_area{width:100px;text-align:right}
.mypage .donation_list.type2>ul>li .right_area .date{width:100%}

@media screen and (max-width: 1200px) {
    .mypage .layout{display:block}
    .mypage .left{width:100%}
    .mypage .con{width:100%;margin-top:50px}
    .mypage .left .menu{flex-direction:row;gap:10px;flex-wrap:wrap}
}
@media screen and (max-width: 768px) {
    .mypage .left .menu li a{padding:0 10px;height:40px;line-height:38px;font-size:14px}
    .mypage .left .menu li a:after{display:none}
    .mypage .con .tab .list{flex-wrap:wrap;justify-content:center}
    .mypage .con .tab .list li{width:33.33%;flex:none}
    .mypage .con .my_table li{padding:15px 0}
    .mypage .con .content_list>ul{display:block}
    .mypage .con .content_list>ul>li{width:100%}
    .mypage .course_list>ul>li{padding:15px 0;display:block}
    .mypage .course_list>ul>li .title_area{width:100%;margin-bottom:5px}
    .mypage .course_list>ul>li .info_area{width:100%}
    .mypage .con .content_list .txt_area{padding:0 0 0 10px}
    .mypage .con .content_list .txt_area ul li{gap:5px;margin-bottom:4px}
    .mypage .con .content_list .txt_area ul li .tit:before{top:7px}
    .mypage .course_list>ul>li .title_area .percent{margin-left:5px;padding-left:5px}
    
    .mypage_top_area .search_area{margin-top:10px;width:100%}
    .mypage_top_area .search_area ul li{width:50%}
    
    .mypage .comments_support_list>ul>li{padding:15px 0}
    .mypage .comments_support_list>ul>li .title_area{flex-direction:column;gap:5px}
    .mypage .comments_support_list>ul>li .carrot{padding-left:0;margin-left:0}
    .mypage .comments_support_list>ul>li .carrot:before{display:none}
    
    .mypage .donation_list>ul>li{padding:15px 0}
    .mypage .donation_list>ul>li .right_area{width:160px}
    .mypage .donation_list>ul>li .right_area .date{min-width:70px}
    .mypage .donation_list>ul>li .right_area .btn_view{padding:7px 10px;font-size:13px;border-radius:8px}
    .mypage .donation_list>ul>li .title{width:calc(100% - 170px)}
    .mypage .donation_list.type2>ul>li .right_area{width:70px}
    .mypage .donation_list.type2>ul>li .title{width:calc(100% - 80px)}
    
    .mypage .con .my_table .section{width:160px;gap:10px}
    .mypage .con .my_table .section .more a{padding:3px 7px}
    .mypage .con .my_table li .title{max-width:calc(100% - 170px)}
    .mypage .con .my_table li .cate{padding:0 5px;height:26px;line-height:26px}
}

/* join_complete */
.join_complete{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center}
.join_complete:before{width:48%;aspect-ratio:575/345;background:url(/usr/images/join_complete.svg) no-repeat center center;background-size:100%;display:block;content:""}
.join_complete .left_name{width:48%}
.join_complete .left_name .name:before{margin-bottom:30px;width:50px;aspect-ratio:1/1;background:url(/usr/images/bulit_1.svg) no-repeat center center;background-size:100%;display:block;content:""}
.join_complete .left_name .name{font-size:1.875rem;font-family:'NanumSquare Neo ExtraBold'}
.join_complete .left_name p{margin-top:25px;font-size:1rem;color:#444;line-height:1.5;font-weight:300}
@media screen and (max-width: 768px) {
    .join_complete{display:block}
    .join_complete:before{margin:0 auto 50px;width:80%}
    .join_complete .left_name{width:100%;text-align:center}
    .join_complete .left_name .name{display:inline-block}
    .join_complete .left_name .name:before{margin:0 auto 50px}
}

/* education_list */
.animal_education .sub_Type_1{margin-bottom:clamp(50px,calc(100 / 1920 * 100vw),100px)}
.education_list{margin-bottom:50px}
.education_list>ul{display:flex;gap:30px;flex-wrap:wrap}
.education_list>ul>li{width:calc((100% - 60px) / 3)}
.education_list>ul>li .img_area{}
.education_list>ul>li .img_area a{position:relative; width:100%;aspect-ratio:380/266;display:block; }
.education_list>ul>li .img_area a:before{position:absolute; left:50%; top:50%; padding:10px 20px; background-color:#F3954C; display:block; border-radius:5px; font-size:1rem; color:#fff; text-align:center; content:"수강하기"; transform:translate(-50%, -50%); transition: all 0.3s ease-out; opacity:0;}
.education_list>ul>li .img_area a:hover:before{opacity:1;}
.education_list>ul>li .img_area img{width:100%;height:100%;object-fit:cover;border-radius:50px}
.education_list>ul>li .txt_area{margin-top:30px}
.education_list>ul>li .txt_area .title{margin-bottom:18px;display:flex;gap:10px;align-items:center}
.education_list>ul>li .txt_area .title span{padding:0 8px;height:34px;line-height:32px;border:1px solid #F07E25;color:#F07E25;font-size:1.0625rem;border-radius:5px;display:inline-block;box-sizing:border-box;flex-shrink:0}
.education_list>ul>li .txt_area .title strong{font-size:1.25rem;font-weight:600}
.education_list>ul>li .txt_area .tag_list{padding:15px 20px;background-color:#F5F5F5;border-radius:10px}
.education_list>ul>li .txt_area .tag_list span{display:block;font-size:.9375rem;color:#666;line-height:1.7}
@media screen and (max-width: 960px) {
    .education_list>ul>li{width:calc((100% - 30px) / 2)}
}

@media screen and (max-width: 640px) {
    .education_list>ul{gap:10px}
    .education_list>ul>li{width:calc((100% - 10px) / 2)}
    .education_list>ul>li .img_area img{border-radius:20px}
    .education_list>ul>li .txt_area{margin-top:10px}
    .education_list>ul>li .txt_area .title span{font-size:1rem;height:20px;line-height:18px}
    .education_list>ul>li .txt_area .title strong{font-size:1rem}
    .education_list>ul>li .txt_area .tag_list{padding:10px}
    .education_list>ul>li .txt_area .title{margin-bottom:8px;flex-direction:column;gap:5px;justify-content:flex-start;text-align:left;align-items:flex-start}
}

/* animal_education_view */
.animal_education_view{display:flex;gap:40px}
.animal_education_view .view_left{width:calc(100% - 25.5% - 40px)}
.animal_education_view .view_right{width:25.5%}
.animal_education_view .video_header{margin-bottom:clamp(10px,calc(20/1920*100vw),20px)}
.animal_education_view .title_area{margin-bottom:clamp(12px,calc(24/1920*100vw),24px);display:flex;align-items:center;gap:15px}
.animal_education_view .lecture_tag{padding:0 8px;height:38px;line-height:36px;display:inline-flex;border:1px solid #f07e25;border-radius:5px;font-size:1.25rem;font-weight:600;color:#f07e25}
.animal_education_view .title_area h3{font-size:1.875rem;font-weight:700;color:#212121}
.animal_education_view .status_badge{padding:8px;display:inline-flex;background-color:#f3954c;border-radius:10px;font-size:.9375rem;color:#fff}
.animal_education_view .tag_list{padding:15px 20px;display:flex;gap:10px;background-color:#f5f5f5;border-radius:10px;font-size:.9375rem;font-weight:500;color:#616161}
.animal_education_view .video_area{aspect-ratio:854/480;background-color:#000;border-radius:20px}
.animal_education_view .video_area iframe{width:100%;height:100%;object-fit:cover;border-radius:20px}
.animal_education_view .video_info{padding:30px 0 80px}
.animal_education_view .info_list{display:flex;gap:clamp(15px,calc(30/1920*100vw),30px);margin-bottom:clamp(12px,calc(24/1920*100vw),24px)}
.animal_education_view .info_list li{display:flex;gap:10px;align-items:center}
.animal_education_view .info_list li:before{width:35px;height:35px;display:block;content:""}
.animal_education_view .info_list li:nth-child(1):before{background:url(/usr/images/ic_date.svg) no-repeat center center}
.animal_education_view .info_list li:nth-child(2):before{background:url(/usr/images/ic_note.svg) no-repeat center center}
.animal_education_view .info_list li:nth-child(3):before{background:url(/usr/images/ic_time2.svg) no-repeat center center}
.animal_education_view .info_list li strong{font-size:1.125rem;font-weight:600;color:#111}
.animal_education_view .info_list li span{font-size:1.0625rem;font-weight:400;color:#424242}
.animal_education_view .progress_header{margin-bottom:16px;display:flex;gap:10px;align-items:center}
.animal_education_view .progress_header strong{font-size:1.125rem;font-weight:600;color:#111}
.animal_education_view .progress_percent{font-size:1.25rem;font-weight:700;color:#f07e25}
.animal_education_view .progress_bar{width:100%;height:10px;background-color:#f5f5f5;border-radius:100px}
.animal_education_view .progress_fill{height:100%;background-color:#f3954c;border-radius:100px}
.animal_education_view .lecture_info{margin-bottom:clamp(30px,calc(60/1920*100vw),60px)}
.animal_education_view .accordion_item{border:1px solid #e0e0e0;border-radius:16px}
.animal_education_view .accordion_item+.accordion_item{margin-top:12px}
.animal_education_view .accordion_header{width:100%;padding:24px 24px 20px;display:flex;justify-content:space-between;align-items:center;background:none;border:none}
.animal_education_view .accordion_header h4{font-size:1.25rem;font-weight:600;color:#212121}
.animal_education_view .accordion_header .icon_arrow{width:32px;aspect-ratio:1/1;display:block;background:url(/usr/images/arrow2.svg) no-repeat center center #eee;border-radius:100px}
.animal_education_view .accordion_content{display:none;padding:0 24px 24px}
.animal_education_view .accordion_item.active .accordion_content{display:block}
.animal_education_view .accordion_content p{font-size:1rem;font-weight:400;color:#616161;line-height:1.5}
.animal_education_view .review_header{margin-bottom:clamp(10px,calc(20/1920*100vw),20px);display:flex;justify-content:space-between;align-items:center}
.animal_education_view .review_header h4{font-size:1.5rem;font-weight:600;color:#000}
.animal_education_view .btn_more{padding:0;display:flex;gap:5px;align-items:center;background:none;border:none;font-size:.9375rem;font-weight:500;color:#424242}
.animal_education_view .btn_more .icon_arrow{width:20px;aspect-ratio:1/1;display:block;background:url(/usr/images/arrow3.svg) no-repeat center center}
.animal_education_view .review_list{border-top:1px solid #424242}
.animal_education_view .review_list li{padding:clamp(10px,calc(20/1920*100vw),20px) 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0}
.animal_education_view .review_text{font-size:.9375rem;font-weight:500;color:#424242}
.animal_education_view .review_meta{display:flex;gap:10px;font-size:.9375rem;font-weight:400;color:#757575}
.animal_education_view .btn_write_review{margin:30px 0 0 auto;padding:8px 20px;background-color:#fff;border:1px solid #bdbdbd;border-radius:5px;font-size:.9375rem;font-weight:500;color:#424242;display:block}
.animal_education_view .curriculum_box{margin-bottom:clamp(15px,calc(30/1920*100vw),30px)}
.animal_education_view .curriculum_box h4{margin-bottom:clamp(7px,calc(14/1920*100vw),14px);font-size:1.5rem;font-weight:600;color:#000}
.animal_education_view .curriculum_list{padding:15px 20px;border:1px solid #e0e0e0;border-radius:16px}
.animal_education_view .curriculum_list li{padding:12px 10px;display:flex;align-items:flex-start;gap:10px;border-bottom:1px solid #e0e0e0}
.animal_education_view .curriculum_list li:last-child{border-bottom:none}
.animal_education_view .curriculum_list li.active{background-color:#fef2e9}
.animal_education_view .lecture_num{font-size:1rem;font-weight:600;color:#424242}
.animal_education_view .lecture_title{flex:1;font-size:.875rem;font-weight:400;color:#616161;line-height:1.3}
.animal_education_view .curriculum_list .status_badge{padding:5px 10px;background-color:#f3954c;border-radius:10px;font-size:13px;color:#fff}
.animal_education_view .action_buttons{display:flex;flex-direction:column;gap:15px}
.animal_education_view .btn_lecture_start{padding:11px 10px;display:flex;justify-content:center;align-items:center;gap:10px;background-color:#f3954c;border:none;border-radius:10px;font-size:1.0625rem;font-weight:600;color:#fff}
.animal_education_view .btn_download{padding:11px 10px;display:flex;justify-content:center;align-items:center;gap:10px;background-color:#fef2e9;border:1px solid #f07e25;border-radius:10px;font-size:1.0625rem;font-weight:600;color:#212121}
.animal_education_view .btn_certificate{padding:11px 10px;display:flex;justify-content:center;align-items:center;gap:10px;background-color:#fef2e9;border:1px solid #f07e25;border-radius:10px;font-size:1.0625rem;font-weight:600;color:#212121}
.animal_education_view .btn_lecture_start:before{width:35px;aspect-ratio:1/1;background:url(/usr/images/ic_book.svg) no-repeat center center;display:block;content:""}
.animal_education_view .btn_download:before{width:35px;aspect-ratio:1/1;background:url(/usr/images/ic_pdf.svg) no-repeat center center;display:block;content:""}
.animal_education_view .btn_certificate:before{width:35px;aspect-ratio:1/1;background:url(/usr/images/ic_completion.svg) no-repeat center center;display:block;content:""}
@media screen and (max-width: 1024px) {
    .animal_education_view{display:block}
    .animal_education_view .view_left{margin-bottom:30px;width:100%}
    .animal_education_view .view_right{width:100%}
}
@media screen and (max-width: 960px) {
    .animal_education_view{flex-direction:column}
    .animal_education_view .view_left{width:100%}
    .animal_education_view .view_right{width:100%}
}
@media screen and (max-width: 768px) {
    .animal_education_view .title_area{flex-wrap:wrap;gap:10px}
    .animal_education_view .title_area h3{font-size:1.5rem}
    .animal_education_view .info_list{flex-direction:column;gap:15px}
    .animal_education_view .review_list li{flex-direction:column;align-items:flex-start;gap:10px}
    .animal_education_view .lecture_tag{padding:0 5px;height:30px;line-height:28px;font-size:1rem}
    .animal_education_view .status_badge{padding:2px 5px;border-radius:5px}
    .animal_education_view .accordion_header{padding:12px 20px}
    .animal_education_view .accordion_content{padding:0 20px 12px}
}

.mypage_view_cont{padding:50px 0;border-top:2px solid #424242;text-align:center}
.mypage_view_cont .btn_area{margin-top:60px;display:Flex;gap:50px;align-items:center;justify-content:center}
.mypage_view_cont .btn_area button{padding-bottom:10px;gap:10px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;font-size:.9375rem;font-weight:500;color:#424242;font-family:'NanumSquare Neo ExtraBold';border-bottom:3px solid var(--point-color2);font-size:1.0625rem}
.mypage_view_cont .btn_area button:after{width:24px;aspect-ratio:1/1;display:block;content:""}
.mypage_view_cont .btn_area .btn_share:after{background:url(/usr/images/ic_kakao.svg) no-repeat center center}
.mypage_view_cont .btn_area .btn_download:after{background:url(/usr/images/ic_download.svg) no-repeat center center}
@media screen and (max-width: 960px) {
    .mypage_view_cont{padding:20px 0}
    .mypage_view_cont .btn_area{gap:20px}
}

/* 인사말 페이지 */
.greetings{margin-top:60px}
.greetings .greeting_tab{display:flex;justify-content:center;gap:0}
.greetings .tab_btn{width:300px;height:50px;border:1px solid #E0E0E0;background-color:#fff;font-size:1.125rem;font-weight:500;color:#757575;letter-spacing:-.3px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}
.greetings .tab_btn:first-child{border-radius:5px 0 0 5px}
.greetings .tab_btn:last-child{border-radius:0 5px 5px 0}
.greetings .tab_btn.active{border-color:#CC6B1F;background-color:#fff;font-weight:700;color:#CC6B1F}
.greetings .greeting_content{margin-top:60px;display:flex;gap:60px;align-items:flex-start;justify-content:space-between}
.greetings .greeting_text{width:55%}
.greetings .greeting_intro p{font-size:1.125rem;font-weight:500;color:#424242;margin-bottom:10px}
.greetings .greeting_intro h3{font-size:1.875rem;font-weight:800;color:#424242;letter-spacing:-.3px;line-height:1.33;font-family:'NanumSquare Neo Regular'}
.greetings .greeting_intro h3 strong{font-family:'NanumSquare Neo Heavy'}
.greetings .greeting_intro:after{display:block;content:"";width:70px;height:2px;background-color:#F07E25;margin-top:30px}
.greetings .greeting_message{margin-top:30px}
.greetings .greeting_message p{font-size:1.125rem;font-weight:400;color:#424242;line-height:1.47;margin-bottom:15px}
.greetings .greeting_message .message_highlight{margin-bottom:30px;font-family:'NanumSquare Neo Bold';font-size:1.25rem;color:#212121;line-height:1.4}
.greetings .greeting_message .message_highlight strong{font-family:'NanumSquare Neo ExtraBold';color:var(--point-color2)}
.greetings .greeting_signature{margin-top:30px;display:flex;align-items:center;gap:10px;font-family:'NanumSquare Neo Bold'}
.greetings .signature_title{font-size:1.0625rem;font-weight:600;color:#424242}
.greetings .signature_name{font-family:'NanumSquare Neo ExtraBold';font-size:1.375rem;font-weight:800;color:#212121}
.greetings .greeting_image{position:relative;width:43.4%;padding:0 24px 30px 0;box-sizing:border-box}
.greetings .greeting_image:before{position:absolute;bottom:0;right:0;z-index:1;width:63%;aspect-ratio:1/1;background-color:#eee;display:block;content:"";border-radius:10px}
.greetings .greeting_image img{position:relative;z-index:2}
@media screen and (max-width: 960px) {
    .greetings .greeting_tab{flex-direction:column;gap:10px}
    .greetings .tab_btn{width:100%;border-radius:5px!important}
    .greetings .greeting_content{flex-direction:column-reverse;gap:30px}
    .greetings .greeting_text{width:100%}
    .greetings .greeting_image{margin:0 auto}
    .greetings .greeting_message p br{display:none}
    .greetings .greeting_intro h3{font-size:1.5rem}
    .greetings .greeting_message .message_highlight{font-size:1.125rem}
}
@media screen and (max-width: 768px) {
    .greetings .greeting_image{width:100%}
    .greetings .greeting_image img{width:100%}
}

/* modal */
.modal_popup{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);max-width:420px;width:90%;max-height:80%;background-color:#fff;border-radius:20px;box-shadow:0 0 12px #32323226;z-index:200;overflow:auto;display:none}
.modal_popup.active{display:block}
.modal_popup .inner{position:relative;padding:30px;background-color:#fff}
.modal_popup .logo{margin-bottom:20px;text-align:center;padding-bottom:10px;border-bottom:1px solid #E0E0E0}
.modal_popup .logo img{max-width:160px}
.modal_popup .txt_area{padding:10px 0;min-height:70px;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;border-radius:8px;border:1px solid #E0E0E0}
.modal_popup .txt_area p{font-size:1rem;font-weight:300;text-align:center}
.modal_popup .btn_area{margin-top:30px;display:flex;gap:10px;justify-content:center}
.modal_popup .btn_area .modal-btn{flex:1;height:45px;line-height:43px;text-align:center;border:1px solid #BDBDBD;box-sizing:border-box;font-size:1rem;border-radius:.5rem}
.modal_popup .btn_area .modal-btn2{flex:1;height:60px;line-height:60px;text-align:center;background-color:#F3954C;border-radius:8px;font-size:1.0625rem;font-weight:700;color:#fff}
.modal_popup .btn_area .modal-btn.gray-bg{background-color:#f5f5f5}
.modal_popup .btn_area .modal-btn.point-bg{background-color:var(--point-color1);color:#fff;border:none}
.modal_popup .btn_area .modal-btn.large{height:60px;line-height:60px;font-size:1.0625rem}
.modal_popup .btn_area .modal-btn:disabled{background-color:#eee;color:#9E9E9E;border:none;cursor:not-allowed}
.modal_popup .modal-close-btn{position:absolute;right:15px;top:15px;width:30px;aspect-ratio:1/1;background:url(/usr/images/ic_close2.svg) no-repeat center center;display:block;text-indent:-9999px}
.modal_popup .title_area{margin-bottom:20px;text-align:center;padding-bottom:10px;border-bottom:1px solid #E0E0E0}
.modal_popup .title_area h1{font-size:1.25rem;font-weight:600}
.modal_popup .terms_box textarea{width:100%;max-height:800px;height:calc(90vh - 200px);padding:10px;border-radius:5px;font-size:1rem;letter-spacing:-.025em;line-height:1.5;overflow:auto}
.modal_popup.terms_popup{max-width:800px}

/* charge_popup */
.charge_popup h2{margin-bottom:5px;min-height:40px;display:flex;gap:5px;font-size:1.0625rem;font-weight:700;align-items:center}
.charge_popup h2:before{width:40px;aspect-ratio:1/1;display:block;content:"";background:url(/usr/images/ic_carrot.svg) no-repeat center center;flex-shrink:0}
.charge_popup .price_input{position:relative}
.charge_popup .price_input input[type=text]{width:100%;height:40px;line-height:40px;padding:0 10px;border:none;border-bottom:1px solid #bdbdbd;border-radius:0;font-size:1.125rem;font-weight:600;color:var(--point-color2)}
.charge_popup .price_input .btn_clear{position:absolute;right:0;top:0;width:30px;aspect-ratio:1/1;background:url(/usr/images/ic_close3.svg) no-repeat center center;display:block;text-indent:-9999px;opacity:0;transition:all .3s ease}
.charge_popup .price_input .btn_clear.on{opacity:1}
.charge_popup .price_list{margin:40px 0}
.charge_popup .price_list ul{display:flex;gap:10px 20px;flex-wrap:wrap;justify-content:space-between}
.charge_popup .price_list ul li{width:calc((100% - 20px) / 2)}
.charge_popup .price_list ul li .price_btn{width:100%;height:40px;line-height:40px;text-align:center;border:1px solid #bdbdbd;border-radius:.5rem;font-size:1rem;font-weight:500;color:#424242}
.charge_popup .price_list ul li .price_btn.active{border-color:var(--point-color1);font-weight:700;background-color:#FEF2E9}
.charge_popup .price_list ul li.direct_input{position:relative;width:100%}
.charge_popup .price_list ul li.direct_input input[type=text]{width:100%;height:45px;line-height:43px;padding:0 10px;border-radius:10px;font-size:1.125rem;font-weight:600}
.charge_popup .price_list ul li.direct_input .unit{position:absolute;right:10px;top:50%;font-size:1.125rem;transform:translateY(-50%)}
.charge_popup .payment{margin-bottom:40px}
.charge_popup .payment ul{display:flex;gap:10px;flex-wrap:wrap;flex-direction:column}
.charge_popup .payment ul li{width:100%}
.charge_popup .payment ul li .payment_btn{padding:0 20px;width:100%;height:55px;line-height:53px;text-align:left;border:1px solid #E0E0E0;border-radius:.5rem;font-size:1rem;font-weight:600;color:#424242;background:url(/usr/images/arrow3.svg) no-repeat right 20px center}
.charge_popup .payment ul li .payment_btn.active{border-color:var(--point-color1);font-weight:700;background-color:#FEF2E9}
.charge_popup .info_txt{margin-top:10px;font-size:.875rem;color:var(--point-color1);font-weight:500}

/* complete_cont */
.complete_cont .d-flex{display:flex;align-items:center;justify-content:space-between}
.complete_cont .d-flex:after{width:48%;aspect-ratio:575/345;background:url(/usr/images/complete.svg) no-repeat center center;display:block;content:"";background-size:100%}
.complete_cont .txt_area{width:48%}
.complete_cont .txt_area strong{background:linear-gradient(90deg,#F07E25 0%,#6C3911 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.875rem;font-family:'NanumSquare Neo ExtraBold';display:block}
.complete_cont .txt_area strong:before{margin-bottom:30px;width:50px;aspect-ratio:1/1;background:url(/usr/images/bulit_1.svg) no-repeat center center;display:block;content:""}
.complete_cont .txt_area p{margin-top:25px;font-size:1rem;line-height:1.5;color:#424242;letter-spacing:-.25px}
.complete_cont .btn_area{margin-top:70px;display:flex;gap:30px;justify-content:center}
@media screen and (max-width: 960px) {
    .complete_cont .d-flex{display:block}
    .complete_cont .d-flex:after{margin:50px auto 0;width:100%}
    .complete_cont .txt_area{width:100%}
}
@media screen and (max-width: 768px) {
    .complete_cont .txt_area strong{font-size:1.5rem;word-break:keep-all}
}

/* 위드홀스 복지기금 현황 페이지 */
.fund_status_section{margin-top:70px}
.fund_status_wrap .section_header{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.fund_status_wrap .section_header h3{font-family:'NanumSquare Neo ExtraBold';font-size:1.375rem;font-weight:800;color:#424242;letter-spacing:-.22px;display:flex;align-items:center;gap:20px}
.fund_status_wrap .section_header h3:before{width:40px;aspect-ratio:1/1;background:url(/usr/images/bulit_4.svg) no-repeat center center;display:block;content:""}
.fund_status_wrap .section_header .total_amount{font-family:'NanumSquare Neo Regular';font-size:2.5rem;color:#424242;letter-spacing:-.4px}
.fund_status_wrap .section_header .total_amount strong{font-family:'NanumSquare Neo ExtraBold';color:var(--point-color2)}

.fund_card_list{margin-top:50px;display:flex;gap:100px}
.fund_card_list li{position:relative;width:calc((100% - 300px) / 4)}
.fund_card_list li:after{position:absolute;left:-70px;top:50%;width:41px;aspect-ratio:41/7;background:url(/usr/images/dots.svg) no-repeat center center;display:block;content:"";transform:translateY(-50%)}
.fund_card_list li:before{margin:0 auto 25px;width:120px;aspect-ratio:1/1;background:url(/usr/images/bulit_1.svg) no-repeat center center;display:block;content:"";border-radius:50px;box-shadow:0 4px 20px #00000014}
.fund_card_list li.icon_1:before{background:url(/usr/images/w1_3_icon_1.svg) no-repeat center center}
.fund_card_list li.icon_2:before{background:url(/usr/images/w1_3_icon_2.svg) no-repeat center center}
.fund_card_list li.icon_3:before{background:url(/usr/images/w1_3_icon_3.svg) no-repeat center center}
.fund_card_list li.icon_4:before{background:url(/usr/images/w1_3_icon_4.svg) no-repeat center center}
.fund_card_list p{font-size:1rem;font-weight:600;text-align:center;line-height:1.56;opacity:.8}

.fund_execution_section{position:relative;margin-top:clamp(80px,6.25vw,90px);padding:clamp(60px,5vw,80px) 0}
.fund_execution_section:before{position:absolute;left:50%;top:0;z-index:-1;width:100vw;height:100%;background-color:#f5f5f5;display:block;content:"";transform:translateX(-50%)}
.execution_card_list{margin-top:50px;display:flex;gap:30px}
.execution_card_list li{flex:1;background-color:#fff;border-radius:20px;padding:40px 10px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 0 12px #32323226}
.execution_card_list .card_content{display:flex;flex-direction:column;gap:20px}
.execution_card_list .card_content:before{margin:0 auto;width:85px;aspect-ratio:1/1;display:block;content:""}
.execution_card_list .icon_1 .card_content:before{background:url(/usr/images/w1_3_icon_5.svg) no-repeat center center}
.execution_card_list .icon_2 .card_content:before{background:url(/usr/images/w1_3_icon_6.svg) no-repeat center center}
.execution_card_list .icon_3 .card_content:before{background:url(/usr/images/w1_3_icon_7.svg) no-repeat center center}
.execution_card_list .icon_4 .card_content:before{background:url(/usr/images/w1_3_icon_8.svg) no-repeat center center}
.execution_card_list .card_text{text-align:center}
.execution_card_list .card_text strong{display:block;font-size:1.375rem;font-weight:600;line-height:1.36;margin-bottom:10px}
.execution_card_list .card_text p{font-size:1.0625rem;font-weight:500;color:#616161;line-height:1.47;letter-spacing:-.17px;min-height:4.69rem}
.execution_card_list .amount{margin-top:clamp(25px,2vw,30px);font-family:'NanumSquare Neo Bold';font-size:1.875rem;font-weight:900;text-align:center;letter-spacing:-.3px}
.execution_card_list .amount strong{color:var(--point-color2);font-family:'NanumSquare Neo Heavy'}

.fund_table_section{margin-top:clamp(40px,calc(80 / 1920 * 100vw),80px)}
.fund_table_section .table_title{display:flex;align-items:center;gap:15px;margin-bottom:40px;flex-wrap:wrap}
.fund_table_section .title_bar{width:4px;height:20px;background-color:#f07e25;border-radius:5px;flex-shrink:0}
.fund_table_section h3{font-family:'NanumSquare Neo ExtraBold';font-size:1.25rem;font-weight:800;color:#212121}
.fund_table_section .table_title p{font-size:1rem;font-weight:400;color:#616161;letter-spacing:-.16px;line-height:1.56}

.table_wrapper{position:relative}
.fund_table{width:100%;border-collapse:collapse;border-top:1px solid #212121}
.fund_table caption{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
.fund_table thead th{position:relative;padding:10px;height:60px;background-color:#fafafa;font-size:1.125rem;font-weight:500;color:#111;text-align:center}
.fund_table thead th:before{position:absolute;left:0;top:50%;width:1px;height:20px;background-color:#bdbdbd;display:block;content:"";transform:translateY(-50%)}
.fund_table thead th:first-child:before{display:none}
.fund_table tbody th{padding:10px;height:60px;background-color:#fff;border:1px solid #bdbdbd;font-size:1.125rem;font-weight:500;color:#111;text-align:center}
.fund_table tbody td{padding:10px;height:60px;background-color:#fff;border:1px solid #bdbdbd;border-right:none;font-size:1.125rem;font-weight:400;color:#616161;text-align:center}
.fund_table tbody th{border-left:none}
.fund_table tbody td.total{font-size:1.125rem;font-weight:600;color:#f07e25}
.fund_table tbody .total_row th{background-color:#fff;font-weight:500}
.fund_table tbody .total_row td{font-weight:400;color:#616161}
.fund_table tbody .total_row td.total{font-weight:600;color:#f07e25}
.table_note{margin-top:15px;font-size:.9375rem;font-weight:400;color:#CC6B1F;text-align:right;letter-spacing:-.15px}
.table_note span{color:#666;vertical-align:top}
@media screen and (max-width: 1200px) {
    .fund_card_list{gap:80px}
    .fund_card_list li{width:calc((100% - 240px) / 4)}
    .execution_card_list .card_text p{word-break:keep-all}
    .execution_card_list .card_text p br{display:none}
}
@media screen and (max-width: 960px) {
    .fund_card_list{gap:80px;flex-wrap:wrap}
    .fund_card_list li{width:calc((100% - 160px) / 2)}
    .fund_card_list li:nth-child(3):after{display:none}
    .execution_card_list{flex-wrap:wrap}
    .execution_card_list li{width:calc((100% - 30px) / 2);flex:none}
}
@media screen and (max-width: 768px) {
    .fund_status_wrap .section_header{gap:10px}
    .fund_status_wrap .section_header .total_amount{font-size:2rem}
    .fund_card_list{gap:20px}
    .fund_card_list li{width:calc((100% - 40px) / 2)}
    .fund_card_list li:after{display:none}
    .fund_card_list li:before{border-radius:30px}
    .fund_card_list p{word-break:keep-all}
    .execution_card_list{gap:20px;flex-direction:column}
    .execution_card_list li{width:100%}
    .fund_table thead th{padding:10px 5px;font-size:1rem}
    .fund_table tbody th,.fund_table tbody td{padding:5px;font-size:.9375rem}
    .fund_table_section .table_title{margin-bottom:20px}
    .fund_table tbody td.total{font-size:1rem}
    .fund_status_wrap .section_header{flex-direction:column;align-items:flex-start;gap:10px}
    .fund_status_wrap .section_header .total_amount{margin-left:auto}
}

/* BI 소개 */
.bi_cont{margin-top:clamp(40px,calc(80/1920*100vw),80px)}
.bi_cont section+section{margin-top:clamp(60px,calc(80/1920*100vw),80px)}
.bi_cont .section_header{display:flex;align-items:center}
.bi_cont .section_header h3{position:relative;padding-left:19px;width:280px;font-family:'NanumSquare Neo ExtraBold';font-size:1.25rem;font-weight:800;color:#212121;letter-spacing:0}
.bi_cont .section_header h3:before{position:absolute;left:0;top:50%;width:4px;height:20px;background-color:#f07e25;border-radius:5px;display:block;content:"";transform:translateY(-50%)}
.bi_cont .desc{width:calc(100% - 280px);font-size:1rem;font-weight:400;color:#616161;line-height:1.56;letter-spacing:-.16px}

/* 심볼마크 섹션 */
.symbol_section .symbol_img{position:relative;padding:20px;margin-top:clamp(40px,calc(60/1920*100vw),60px);width:100%;height:300px;background:url(/usr/images/bi_symbol_bg.jpg) repeat center center;border:1px solid #e0e0e0;overflow:hidden;text-align:center;display:Flex;align-items:center;justify-content:center}
.symbol_section .color_label{margin-top:20px;font-size:1.0625rem;font-weight:600;color:#212121;text-align:center;letter-spacing:0}

/* 시그니쳐 섹션 */
.signature_section .signature_list{margin-top:clamp(40px,calc(60/1920*100vw),60px);display:flex;gap:50px}
.signature_section .signature_item{flex:1}
.signature_section .img_area{position:relative;width:100%;height:300px;border:1px solid #e0e0e0;overflow:hidden;text-align:center;display:flex;align-items:center;justify-content:center}
.signature_section .signature_item.bg .img_area{background:url(/usr/images/bi_symbol_bg.jpg) repeat center center}
.signature_section .label{margin-top:20px;font-size:1.0625rem;font-weight:600;color:#212121;text-align:center;letter-spacing:0}
.color_section .color_info{margin-top:40px}
.color_section .color_chips{margin-top:40px;display:flex;gap:24px}
.color_section .color_chip{flex:1;display:flex;gap:30px}
.color_section .color_box{position:relative;width:199px;height:150px;display:flex;align-items:flex-start;padding:20px;flex-shrink:0}
.color_section .color_box strong{font-size:1.125rem;font-weight:700;color:#fff;line-height:1.39;letter-spacing:0}
.color_section .main_color{background-color:#f07e25}
.color_section .black_color{background-color:#212121}
.color_section .sub_color_1{background-color:#3c3c3b}
.color_section .sub_color_2{background-color:#c6c6c6}
.color_section .sub_color_gold{background-color:#876c4c}
.color_section .sub_color_silver{background-color:#8c9092}
.color_section .color_info_text{display:flex;flex-direction:column;justify-content:center;gap:12px}
.color_section .color_name{font-size:1.0625rem;font-weight:500;color:#212121;letter-spacing:0}
.color_section .color_values{display:flex;flex-direction:column;gap:0}
.color_section .color_values li{font-size:1rem;font-weight:300;color:#666;line-height:1.5;letter-spacing:0}

/* 색상활용 섹션 */
.color_usage_section .usage_group{margin-top:40px}
.color_usage_section .usage_group+.usage_group{margin-top:clamp(40px,calc(60/1920*100vw),60px)}
.color_usage_section .usage_examples{display:flex;gap:25px}
.color_usage_section .usage_examples.sub{gap:24px}
.color_usage_section .usage_examples.three{gap:22px}
.color_usage_section .usage_item{position:relative;flex:1;height:300px;border:1px solid #e0e0e0;overflow:hidden;display:flex;align-items:center;justify-content:center}
.color_usage_section .usage_item.bg_1{background-color:var(--point-color2)}
.color_usage_section .usage_item.bg_2{background-color:#3C3C3B}
.color_usage_section .usage_item.bg_3{background-color:#C6C6C6}
.color_usage_section .usage_item.bg_4{background-color:#212121}
.color_usage_section .usage_examples.sub .usage_item{height:300px;padding:20px}
.color_usage_section .usage_examples.three .usage_item{aspect-ratio:1.29/1;display:flex;align-items:center;justify-content:center}
.color_usage_section .usage_label{margin-top:20px;font-size:1.0625rem;font-weight:600;color:#212121;text-align:center;letter-spacing:0}
.color_usage_section .download_btns{margin-top:clamp(70px,calc(120/1920*100vw),120px);display:flex;justify-content:center;gap:50px}
.color_usage_section .btn_download{position:relative;padding:0 34px 12px 0;background-color:#fff;border-bottom:3px solid #f07e25;font-family:'NanumSquare Neo ExtraBold';font-size:1.0625rem;font-weight:800;color:#424242;letter-spacing:0;transition:all .3s ease}
.color_usage_section .btn_download:after{position:absolute;right:0;top:0;width:24px;aspect-ratio:1/1;background:url(/usr/images/ic_download.svg) no-repeat center center;background-size:contain;display:block;content:""}

.tabType_1{display:flex;justify-content:center}
.tabType_1 ul{display:flex;width:calc(100% - 2px);border:1px solid #bdbdbd;border-radius:5px;box-sizing:border-box}
.tabType_1 ul li{position:Relative;text-align:center;flex:1}
.tabType_1 ul li:before{position:absolute;left:0;top:50%;width:1px;height:15px;background-color:#bdbdbd;display:block;content:"";transform:translateY(-50%)}
.tabType_1 ul li:first-child:before{display:none}
.tabType_1 ul li .tab_btn{position:Relative;width:auto;height:70px;border:none}
.tabType_1 ul li .tab_btn:before{position:absolute;left:50%;top:50%;width:calc(100% + 2px);height:calc(100% + 2px);border:1px solid var(--point-color2);display:block;content:"";z-index:5;transform:translate(-50%,-50%);box-sizing:border-box;border-radius:5px;opacity:0;transition:all .3s ease}
.tabType_1 ul li .tab_btn.active:before{opacity:1}
.tabType_1 .tab_btn{width:300px;height:50px;border:1px solid #E0E0E0;background-color:#fff;font-size:.9375rem;font-weight:500;color:#757575;letter-spacing:-.3px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}
.tabType_1 .tab_btn:first-child{border-radius:5px 0 0 5px}
.tabType_1 .tab_btn:last-child{border-radius:0 5px 5px 0}
.tabType_1 .tab_btn.active{border-color:#CC6B1F;background-color:#fff;font-weight:700;color:#CC6B1F}
@media screen and (max-width: 960px) {
    .bi_cont .section_header{flex-direction:column;align-items:flex-start;gap:10px}
    .bi_cont .desc{width:100%}
    .color_usage_section .usage_examples.sub{flex-wrap:wrap}
    .color_usage_section .usage_examples.sub .usage_item{flex:none;width:calc((100% - 24px) / 2)}
    .signature_section .signature_list{gap:20px}
    .color_section .color_chip{gap:15px}
}
@media screen and (max-width: 768px) {
    .signature_section .signature_list{flex-direction:column}
    .color_section .color_chips{flex-direction:column}
    .color_section .color_box{width:120px;aspect-ratio:199/150;height:auto}
    .color_section .color_chip{width:100%}
    .color_usage_section .usage_examples{flex-direction:column}
    .color_usage_section .usage_item{flex:none}
    .color_usage_section .usage_examples.sub .usage_item{width:100%}
    .color_usage_section .download_btns{gap:20px}
    .color_usage_section .btn_download{font-size:1rem;padding-bottom:5px}
}

.titleType_2{margin-bottom:clamp(20px,calc(50 / 1920 * 100vw),50px);padding:10px 20px;display:inline-flex;align-items:center;gap:15px;background-color:#FEF2E9;border-radius:2em}
.titleType_2 .number{width:40px;aspect-ratio:1/1;display:Flex;align-items:center;justify-content:center;background-color:var(--point-color2);border-radius:50%;font-weight:700;font-size:1.25rem;color:#fff;letter-spacing:0;line-height:1}
.titleType_2 h3{font-size:1.25rem;font-weight:600}
.titleType_2 h3 span{vertical-align:middle;font-size:1.0625rem;color:#666}

.listType_1{margin-bottom:clamp(40px,calc(80/1920*100vw),80px)}
.listType_1>ul{display:flex;flex-direction:column;gap:45px}
.listType_1>ul>li{display:flex;gap:50px;align-items:center}
.listType_1>ul>li:before{width:120px;aspect-ratio:1/1;display:block;content:"";border-radius:50px;box-shadow:0 4px 20px #00000014;flex-shrink:0}
.listType_1 .txt strong{margin-bottom:15px;font-size:1.5625rem;font-weight:600;line-height:1.12;display:block;color:#222;font-family:'NanumSquare Neo ExtraBold'}
.listType_1 .txt{font-size:1.125rem;color:#666;line-height:1.5;letter-spacing:-.16px}
.listType_1 .txt .point-color1{color:#CC6B1F}

.listType_1 .txt .list_1 ul{display:flex;flex-direction:column;gap:12px}
.listType_1 .txt .list_1 ul li{display:flex;flex-wrap:wrap;gap:10px 60px;font-size:1rem;color:#666;align-items:center}
.listType_1 .txt .list_1 ul li .tit{font-weight:500;font-size:1rem;color:#222}
.listType_1 .txt .list_1 ul li strong.num{margin:0 10px 0 0;font-weight:600;color:var(--point-color2);font-weight:inherit;display:inline-block;font-size:1rem}
.listType_1 .txt .list_1 ul li .phone_report{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.listType_1 .txt .list_1 ul li .phone_report .phone_num{margin:0;font-weight:700;font-size:1.25rem;color:var(--point-color2)}
.listType_1 .txt .list_1 ul li .phone_report .spare{padding:2px 7px;display:inline-block;font-size:.875rem;background-color:var(--point-color1);color:#fff;font-weight:600;border-radius:5px}
.listType_1 .txt .list_1 ul li .phone_report .point-color1{font-size:.9375rem;font-weight:500}
.listType_1 .txt .list_1 ul li .btn-link{padding-bottom:5px;font-size:.875rem;color:#222}

.engraving_business .listType_1>ul>li.icon_1:before{background:url(/usr/images/w3_1_icon_1.svg) no-repeat center center}
.engraving_business .listType_1>ul>li.icon_2:before{background:url(/usr/images/w3_1_icon_2.svg) no-repeat center center}
.rehabilitation_support .listType_1>ul>li.icon_1:before{background:url(/usr/images/w3_2_icon_1.svg) no-repeat center center}
.retired_horse_conversion .listType_1>ul>li.icon_1:before{background:url(/usr/images/w3_3_1_icon1.svg) no-repeat center center}
.retired_horse_conversion .listType_1>ul>li.icon_2:before{background:url(/usr/images/w3_3_1_icon2.svg) no-repeat center center}
.retired_racehorse .listType_1>ul>li.icon_1:before{background:url(/usr/images/w3_4_icon1.svg) no-repeat center center}
.retired_racehorse .listType_1>ul>li.icon_2:before{background:url(/usr/images/w3_4_icon2.svg) no-repeat center center}
.emergency_relief .listType_1>ul>li.icon_1:before{background:url(/usr/images/w3_6_icon1.svg) no-repeat center center}
.emergency_relief .listType_1>ul>li.icon_2:before{background:url(/usr/images/w3_6_icon2.svg) no-repeat center center}
.horse_welfare .listType_1>ul>li.icon_1:before{background:url(/usr/images/w2_1_icon1.svg) no-repeat center center}
.honorary_racehorse .listType_1>ul>li.icon_1:before{background:url(/usr/images/w3_5_icon1.svg) no-repeat center center}
.honorary_racehorse .listType_1>ul>li.icon_2:before{background:url(/usr/images/w3_5_icon2.svg) no-repeat center center}
.monitoring_center .listType_1>ul>li.icon_1:before{background:url(/usr/images/w3_7_icon1.svg) no-repeat center center}
.monitoring_center .listType_1>ul>li.icon_2:before{background:url(/usr/images/w3_7_icon2.svg) no-repeat center center}

.imglistType_1{margin-bottom:clamp(40px,calc(80/1920*100vw),80px)}
.imglistType_1>ul{display:flex;gap:40px;flex-wrap:wrap}
.imglistType_1>ul>li{width:calc((100% - 40px) / 2)}
.imglistType_1>ul>li .txt{margin-top:20px;padding:18px 20px;text-align:center;background-color:#F5F5F5;font-size:1.0625rem;font-weight:500;border-radius:2em}

.listType_3{margin-bottom:clamp(40px,calc(80/1920*100vw),80px);border-top:2px solid #222}
.listType_3>ul>li{display:flex;padding:10px 40px;min-height:70px;align-items:center;gap:24px;border-bottom:1px solid #e0e0e0;box-sizing:border-box}
.listType_3>ul>li .title_area{width:220px;display:flex;align-items:center;gap:15px;font-family:'NanumSquare Neo ExtraBold';font-size:1.0625rem}
.listType_3>ul>li .title_area:before{width:35px;aspect-ratio:1/1;display:block;content:"";background:url(/usr/images/bulit_5.svg) no-repeat center center;background-size:contain}
.listType_3>ul>li .txt_area{width:calc(100% - 244px)}
.listType_3>ul>li .txt_area strong{font-weight:700}
.listType_3>ul>li .txt_area span{vertical-align:top}
.listType_3>ul>li .txt_area p{margin-bottom:15px;font-weight:500}
.listType_3>ul>li .point-color1{color:var(--point-color2)!important}
.listType_3>ul>li .point-color2{color:#CC6B1F!important}
.listType_3>ul>li .square{padding:2px 10px;display:inline-block;border:1px solid #CC6B1F;border-radius:5px;font-size:1rem;font-weight:500;color:#CC6B1F;line-height:1.5;letter-spacing:-.16px;display:inline-block}
.listType_3 .numbered_list{display:flex;flex-direction:column;gap:5px}
.listType_3 .numbered_list li{display:flex;gap:10px;align-items:flex-start}
.listType_3 .numbered_list li .num{flex-shrink:0;width:25px;height:25px;display:flex;align-items:center;justify-content:center;border:1px solid #f07e25;border-radius:50%;font-size:1rem;color:#f07e25}

.process_type_a{display:flex;gap:50px}
.process_type_a li{position:relative;flex:1}
.process_type_a li:before{position:absolute;left:-50px;top:50%;width:50px;aspect-ratio:1/1;display:block;content:"";background:url(/usr/images/arrow4.svg) no-repeat center center}
.process_type_a li .process_title{height:82px;display:flex;align-items:center;font-size:1rem;font-weight:700;color:#212121;line-height:1.625;background-color:#eee;border-radius:10px 10px;text-align:center;justify-content:center}
.process_type_a li .process_desc{padding:20px 10px;text-align:center;font-size:1rem;color:#424242;border:1px solid #ddd;border-top:none;border-radius:0 0 10px 10px}
.process_type_a li:first-child:before{display:none}
.process_type_a li:last-child .process_title{background-color:#F9C8A1}

.horse_welfare p{margin-bottom:clamp(40px,calc(80/1920*100vw),80px);font-size:1.125rem;line-height:1.6}

.listType_4{margin-bottom:clamp(40px,calc(80/1920*100vw),80px)}
.listType_4>ul{display:Flex;gap:30px}
.listType_4>ul>li{padding:30px 10px;flex:1;box-sizing:border-box;border-radius:20px;box-shadow:0 0 12px #88888826;text-align:center}
.listType_4>ul>li .num{font-size:1.125rem;color:#F6AE76;font-family:'NanumSquare Neo Heavy';display:block;line-height:1.9}
.listType_4>ul>li strong{margin:5px 0 20px;font-size:1.0625rem;font-weight:500}
.listType_4>ul>li:after{margin:0 auto;width:85px;aspect-ratio:1/1;display:block;content:""}
.listType_4>ul>li.icon_1:after{background:url(/usr/images/w2_1_icon2.svg) no-repeat center center}
.listType_4>ul>li.icon_2:after{background:url(/usr/images/w2_1_icon3.svg) no-repeat center center}
.listType_4>ul>li.icon_3:after{background:url(/usr/images/w2_1_icon4.svg) no-repeat center center}
.listType_4>ul>li.icon_4:after{background:url(/usr/images/w2_1_icon5.svg) no-repeat center center}
.listType_4>ul>li.icon_5:after{background:url(/usr/images/w2_1_icon6.svg) no-repeat center center}

@media screen and (max-width: 1200px) {
    .listType_4>ul>li strong{word-break:keep-all}
    .listType_4>ul>li strong br{display:none}
}

/* welfare_guidelines */
.welfare_guidelines .guidelines_intro{margin-top:30px;padding:40px;background:#f5f5f5;border-radius:20px;text-align:center}
.welfare_guidelines .guidelines_intro p{font-size:1.125rem;font-weight:500;color:#424242;line-height:1.6;letter-spacing:-.02em}
.welfare_guidelines .guidelines_intro strong{display:block;margin-top:15px;font-size:.875rem;font-weight:600;color:#424242;letter-spacing:-.02em}
.welfare_guidelines .guidelines_content{margin-top:70px;display:flex;flex-direction:column;gap:30px}
.welfare_guidelines .guidelines_item{display:flex;gap:24px;align-items:flex-start}
.welfare_guidelines .guidelines_item .item_header{flex-shrink:0;width:280px;display:flex;align-items:center;justify-content:center;gap:10px;justify-content:flex-start}
.welfare_guidelines .guidelines_item .item_header .item_num{width:27px;height:27px;border-radius:50%;background:#212121;display:flex;align-items:center;justify-content:center;font-family:'NanumSquare Neo Bold';font-size:1.0625rem;font-weight:800;color:#fff}
.welfare_guidelines .guidelines_item .item_header h3{font-family:'NanumSquare Neo Bold';font-size:1.0625rem;font-weight:700;color:#212121;letter-spacing:-.02em}
.welfare_guidelines .guidelines_item .item_desc{flex:1;padding-top:3px}
.welfare_guidelines .guidelines_item .item_desc p{font-size:1.125rem;color:#616161;line-height:1.57;letter-spacing:-.01em}
.welfare_guidelines .guidelines_item .item_desc p+p{margin-top:10px}
.welfare_guidelines .law_date{margin-bottom:10px;font-size:.875rem;color:#616161}
.welfare_guidelines .law_table table{border-top:1px solid #212121;border-bottom:none}
.welfare_guidelines .law_table caption{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.welfare_guidelines .law_table thead th{padding:10px 20px;background:#fafafa;font-size:.875rem;font-weight:500;color:#111;text-align:center;border-bottom:1px solid #e0e0e0}
.welfare_guidelines .law_table thead th:first-child{border-right:1px solid #e0e0e0}
.welfare_guidelines .law_table tbody th{padding:20px;background:#fff;font-size:.875rem;font-weight:400;color:#424242;text-align:center;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0}
.welfare_guidelines .law_table tbody td{padding:20px;font-size:.875rem;color:#424242;line-height:1.57;border-bottom:1px solid #e0e0e0}
.welfare_guidelines .guidelines_download{margin-top:60px;display:flex;justify-content:center;gap:20px}
.welfare_guidelines .download_btn{padding:0 30px;height:40px;border:1px solid #f07e25;border-radius:4px;display:flex;align-items:center;gap:10px}
.welfare_guidelines .download_btn span{font-family:'NanumSquare Neo Bold';font-size:1.0625rem;font-weight:800;color:#424242}
.welfare_guidelines .download_btn .icon_download{width:24px;height:24px;background:url(/usr/images/ic_download.svg) no-repeat center;background-size:contain}

@media screen and (max-width: 960px) {
    .process_type_a{flex-direction:column;gap:50px}
    .process_type_a li:before{left:50%;top:-50px;transform:translateX(-50%) rotate(90deg)}
    .listType_4>ul{gap:20px;flex-wrap:wrap;justify-content:center}
    .listType_4>ul>li{flex:none;width:calc((100% - 40px) / 3)}
    .welfare_guidelines .guidelines_item{flex-direction:column;gap:15px}
    .welfare_guidelines .guidelines_item .item_header{width:100%}
    .welfare_guidelines .guidelines_item .item_header .item_num{display:inline-flex;vertical-align:middle}
    .welfare_guidelines .guidelines_item .item_header h3{display:inline-block;margin-top:0;margin-left:10px;vertical-align:middle}
    .welfare_guidelines .guidelines_download{flex-direction:column;align-items:center}
    .welfare_guidelines .download_btn{width:100%;max-width:300px;justify-content:center}
    .welfare_guidelines .guidelines_item .item_desc{width:100%}
}

@media screen and (max-width: 768px) {
    .titleType_2 .number{width:30px;font-size:14px}
    .listType_3>ul>li{padding:14px 0;min-height:inherit;flex-direction:column;gap:10px}
    .listType_3>ul>li .title_area{width:100%}
    .listType_3>ul>li .txt_area{width:100%}
    .imglistType_1>ul{flex-direction:column;gap:20px}
    .imglistType_1>ul>li{width:100%}
    .imglistType_1>ul>li .img_area{text-align:center}
    .imglistType_1>ul>li .txt{margin-top:10px;padding:10px;font-size:1rem}
    .listType_1>ul>li{flex-direction:column;gap:20px}
    .listType_1>ul>li .txt{width:100%}
    .listType_1 .txt strong{font-size:1.25rem}

    .listType_4>ul>li{flex:none;width:calc((100% - 20px) / 2)}

    .welfare_guidelines .law_table tbody td,.welfare_guidelines .law_table tbody th{padding:10px}
}
/* certificate_completion */
/*
.certificate_completion{position:relative; margin:0 auto; padding:25px 25px 80px; max-width:600px; box-sizing:border-box;  background-color:#FDF6EE;}
.certificate_completion:before{position:absolute; left:18px; top:18px; width:calc(100% - 36px); height:calc(100% - 36px); content: ''; box-sizing:border-box;
padding: 5px;
background:linear-gradient(0deg,rgba(244, 199, 97, 1) 0%, rgba(169, 127, 44, 1) 28%, rgba(127, 105, 73, 1) 36%, rgba(109, 76, 30, 1) 46%, rgba(164, 107, 40, 1) 48%, rgba(248, 241, 222, 1) 53%, rgba(248, 241, 222, 1) 86%, rgba(243, 227, 194, 1) 100%);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;}
.certificate_completion:after{position:absolute; left:25px; top:25px; width:calc(100% - 50px); height:calc(100% - 50px); content: '';
padding: 1px;
background:linear-gradient(180deg,rgba(187, 134, 44, 1) 0%, rgba(184, 125, 43, 1) 16%, rgba(203, 181, 116, 1) 54%, rgba(204, 177, 95, 1) 56%, rgba(184, 141, 56, 1) 69%, rgba(182, 135, 45, 1) 85%, rgba(192, 152, 73, 1) 100%);;
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;}
.certificate_completion .title_area{padding:65px 25px 65px; text-align:center; background:url(/usr/images/completion_logo.png) no-repeat right 20px top 20px;}
.certificate_completion .title_area .number{margin-bottom:15px; font-size:0.9375rem; font-weight:500; color:#9C6627;}
.certificate_completion .title_area  h4{font-size:40px; font-weight:700;
  background: linear-gradient(90deg, #B97E43 0%, #D4B994 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.certificate_completion .inner{position:relative; z-index:3;}
.certificate_completion ul{padding:0 75px; }
.certificate_completion ul li{margin-bottom:10px; display:flex; font-size:15px; text-align:left;}
.certificate_completion ul li .title{width:90px; flex-shrink:0; font-weight:600;font-family: 'NanumSquare Neo ExtraBold';}
.certificate_completion ul li .text{width:calc(100% - 90px); font-size:15px; font-family: 'NanumSquare Neo Bold';}
.certificate_completion p{padding:15px 25px 64px; font-family: 'BookkMyungjo'; font-size:18px; text-align:center; font-weight:700;}
.certificate_completion .date{font-size:15px; font-weight:500j; text-align:center;}
.certificate_completion .name{margin-top:5px; font-size:15px; font-weight:500j; text-align:center;}
.certificate_completion  .kra{margin:25px auto 0; width:110px; aspect-ratio: 110/56; display:block; content:""; background:url(/usr/images/completion_kra.png) no-repeat center center; background-size:contain; text-indent:-9999px; overflow:hidden;}
@media screen and (max-width: 768px) {
.certificate_completion .title_area{padding-top:140px; }
.certificate_completion .title_area h4{font-size:30px;}
.certificate_completion ul{padding:0 20px; }
.certificate_completion p br{display:none;}
.certificate_completion p{word-break: keep-all;}
.certificate_completion ul li .title{}
}
*/
.certificate_completion{width:600px;height:676px;margin:0 auto;padding:25px;max-width:600px;box-sizing:border-box;background-color:#FDF6EE}
.border_outer{width:100%;height:100%;box-sizing:border-box;padding:5px;background:linear-gradient(0deg,#f40000 0%,#a90000 28%,#7f0000 36%,#6d0000 46%,#a40000 48%,#f80000 53%,#f80000 86%,#f30000 100%)}
.border_inner{width:100%;height:100%;border:2px solid #FDF6EE;padding:1px;background:linear-gradient(180deg,#b00 0%,#b80000 16%,#cb0000 54%,#c00 56%,#b80000 69%,#b60000 85%,#c00000 100%)}
.inner{width:100%;height:100%;background-color:#FDF6EE}
.certificate_completion .title_area{display:flex;height:206px;padding:25px 25px 65px;text-align:center}
.certificate_completion .title_area>div:first-child,.certificate_completion .title_area>div:last-child{flex:0 0 97px}
.certificate_completion .title_area>div:nth-child(2){flex:1;display:flex;flex-direction:column;justify-content:flex-end}
.certificate_completion .title_area>div:last-child{width:97px;height:auto}
.certificate_completion .title_area .number{margin-bottom:15px;font-size:.9375rem;font-weight:500;color:#9C6627}
.certificate_completion .title_area h4{font-size:40px;font-weight:700;color:#c19d6e}
.certificate_completion ul{padding:0 75px}
.certificate_completion ul li{margin-bottom:10px;display:flex;font-size:15px;text-align:left}
.certificate_completion ul li .title{width:90px;flex-shrink:0;font-weight:600;font-family:'NanumSquare Neo ExtraBold'}
.certificate_completion ul li .text{width:calc(100% - 90px);font-size:15px;font-family:'NanumSquare Neo Bold'}
.certificate_completion p{padding:15px 25px 64px;font-family:'BookkMyungjo';font-size:18px;text-align:center;font-weight:700}
.certificate_completion .date{font-size:15px;font-weight:500j;text-align:center}
.certificate_completion .name{margin-top:5px;font-size:15px;font-weight:500j;text-align:center}
.certificate_completion .kra{margin:25px auto 0;width:110px;aspect-ratio:110/56;display:block;content:"";background:url(/usr/images/completion_kra.png) no-repeat center center;background-size:contain;text-indent:-9999px;overflow:hidden}

.img_file_list{margin-top:20px}
.img_file_list>ul{display:flex;gap:10px 20px;flex-wrap:wrap}
.img_file_list>ul>li{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:500;color:#666}
.img_file_list>ul>li .delete_btn{width:25px;aspect-ratio:1/1;display:block;border-radius:50%;background:url(/usr/images/ic_close3.svg) no-repeat center center;text-indent:-9999px;overflow:hidden}

.url_list{padding-top:10px}
.url_list>ul>li{margin-top:10px;display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:500;color:#666}
.url_list>ul>li .delete_btn{width:25px;aspect-ratio:1/1;display:block;border-radius:50%;background:url(/usr/images/ic_close3.svg) no-repeat center center;text-indent:-9999px;overflow:hidden}
.url_list>ul>li a{text-decoration:underline;color:#666}

/* listType_2 */
.listType_2>ul{border-top:1px solid #222}
.listType_2>ul>li{padding:25px 10px;border-bottom:1px solid #e0e0e0}
.listType_2>ul>li .d-flex{align-items:flex-start;gap:10px}
.listType_2>ul>li .list{width:calc(100% - 230px)}
.listType_2>ul>li .sign_area{width:220px;aspect-ratio:220/204;display:flex;align-items:center;justify-content:center;content:"";background:url(/usr/images/sign_img.png) no-repeat center center;border:1px solid #e0e0e0}
.listType_2>ul>li .list>ul>li{display:flex;padding:8px 0}
.listType_2>ul>li .list>ul>li .tit{width:150px;font-size:1.0625rem;font-weight:600}
.listType_2>ul>li .list>ul>li .txt{width:calc(100% - 150px);font-size:1rem;font-weight:500;color:#666}
.listType_2>ul>li .btn_area{margin-top:30px;display:flex;gap:15px}
.listType_2>ul>li .btn_area .btn{width:200px;height:50px;line-height:48px;border:1px solid #bdbdbd;border-radius:10px;font-size:.875rem;color:#222;text-align:center;font-weight:600}
.listType_2>ul>li .btn_area .btn.point-bd{border-color:#F07E25;background-color:#FEF2E9}
.listType_2>ul>li .btn_area .complete_txt{width:200px;height:50px;line-height:48px;background-color:var(--point-color2);border-radius:10px;font-size:.875rem;color:#fff;text-align:center;font-weight:600}
@media screen and (max-width: 768px) {
    .listType_2>ul>li .d-flex{flex-direction:column;gap:10px}
    .listType_2>ul>li .list{width:100%}
    .listType_2>ul>li .sign_area{margin:0 auto}
    .listType_2>ul>li .list>ul>li .tit{width:100px}
    .listType_2>ul>li .list>ul>li .txt{width:calc(100% - 100px)}
}

/* id_find_cont */
.id_find_cont p{padding:50px;border:1px solid #e0e0e0;font-size:1.0625rem;font-weight:500;color:#666;text-align:center}
.id_find_cont p strong{margin-bottom:20px;display:block;font-size:1.5625rem;font-weight:600;color:#111}
.id_find_cont p:before{margin:0 auto 40px;width:250px;aspect-ratio:1/1;display:block;content:"";background:url(/usr/images/icon_idpw_find.svg) no-repeat center center}
.id_find_cont .btn_area{margin-top:60px;display:flex;gap:30px;justify-content:center}
@media screen and (max-width: 768px) {
    .id_find_cont p{padding:50px 20px;word-break:keep-all}
    .id_find_cont p:before{margin:0 auto 20px;width:200px;background-size:100%}
    .id_find_cont p br{display:none}
    .id_find_cont .btn_area{gap:15px}
}

/* pw_find_cont*/
.pw_find_cont .box{max-width:900px;padding:50px;border:1px solid #e0e0e0;box-sizing:border-box}
.pw_find_cont .id_name{font-size:1.5625rem;font-weight:600;text-align:center}
.pw_find_cont .box ul{margin:0 auto;max-width:500px;padding-top:20px}
.pw_find_cont .box ul li{margin-top:20px;display:Flex;gap:20px;align-items:center}
.pw_find_cont .box ul li label{width:150px;font-size:.9375rem;font-weight:600;color:#666}
.pw_find_cont .box ul li input[type=password]{width:calc(100% - 150px);height:40px;line-height:40px;padding:0 10px;border:1px solid #e0e0e0;border-radius:5px;font-size:.9375rem}
.pw_find_cont .btn_area{margin-top:60px;display:flex;gap:30px;justify-content:center}
@media screen and (max-width: 768px) {
    .pw_find_cont .box{padding:50px 20px;word-break:keep-all}
    .pw_find_cont .btn_area{gap:15px}
    .pw_find_cont .box ul li label{width:80px}
    .pw_find_cont .box ul li input[type=password]{width:calc(100% - 90px)}
}

.photo_profile_list>ul{display:flex;gap:14px;flex-wrap:wrap;flex-wrap:wrap}
.photo_profile_list>ul>li{position:relative}
.photo_profile_list>ul>li label{position:relative;overflow:Hidden;cursor:pointer;display:block;margin:0 auto;width:100px}
.photo_profile_list>ul>li input[type=radio]{position:absolute;left:0;top:0;opacity:0;cursor:pointer}
.photo_profile_list>ul>li label:before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background:url(/usr/images/check.svg) no-repeat center center #f07e25e6;box-sizing:border-box;border-radius:50%;opacity:0;transition:all .3s ease-out;display:block}
.photo_profile_list>ul>li input[type=radio]:checked+label:before{opacity:1}
.photo_profile_list>ul>li label span{position:absolute;left:-5px;top:0;padding:7px 8px;border:1px solid #E0E0E0;background-color:#fff;border-radius:10px;font-size:15px}
.photo_profile_list>ul>li .name{margin-top:10px;display:block;text-align:center}
.photo_profile_list>ul>li .over_txt{position:absolute;left:50%;top:70%;transform:translate(-50%,-50%);font-size:14px;font-weight:500;color:#fff;background-color:#f07e25cc;padding:5px 10px;border-radius:5px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease-out}
.photo_profile_list>ul>li:hover .over_txt{opacity:1;visibility:visible}

/* 공유하기 팝업 */
.share_popup{position:fixed;left:0;top:0;width:100%;height:100%;z-index:10000;display:none;align-items:center;justify-content:center}
.share_popup.active{display:flex}
.share_popup_dim{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#00000080}
.share_popup_content{position:relative;width:90%;max-width:400px;background-color:#fff;border-radius:20px;overflow:hidden;z-index:10001}
.share_popup_header{position:relative;padding:30px 20px 20px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between}
.share_popup_header h2{font-size:1.25rem;font-weight:700;color:#333}
.share_popup_close{width:30px;height:30px;border:none;background:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}
.share_popup_close img{width:20px;height:20px}
.share_popup_body{padding:30px 20px}
.share_list{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.share_list li{flex:0 0 auto}
.share_item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;border:none;background:none;cursor:pointer;transition:all .3s ease}
.share_item:hover{opacity:.7}
.share_item:focus{outline:2px solid var(--point-color-1);outline-offset:2px;border-radius:10px}
.share_icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.share_icon img{max-width:60%}
.facebook_icon{background-color:#1877f2}
.instagram_icon{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}
.kakao_icon{background-color:#fee500}
.share_name{font-size:.9375rem;font-weight:600;color:#333}
@media screen and (max-width: 768px) {
    .share_popup_content{width:95%;max-width:350px}
    .share_popup_header{padding:20px 15px 15px}
    .share_popup_header h2{font-size:1.125rem}
    .share_popup_body{padding:20px 15px}
    .share_list{gap:15px}
    .share_item{padding:15px}
    .share_icon{width:50px;height:50px}
    .share_name{font-size:.875rem}
}

.fund_status_img{margin-top:80px; }
.fund_status_img ul{display:flex; gap:40px; flex-wrap:wrap;}
.fund_status_img ul li{width:calc((100% - 40px) / 2);}
.fund_status_img ul li:last-child{width:100%;}
.fund_status_img ul li img{width:100%;}
@media screen and (max-width: 768px) {
.fund_status_img ul{gap:10px;}
.fund_status_img ul li{width:100%; }
}

button[disabled="true"], .disabled {
	background-color: #F5F5F5 !important;
	border: 1px solid #9E9E9E !important;
}
