@media screen and (max-width:1680px) {
    .main .sec01 .mainTabWrap, .main .sec01 .noticeWrap, .main .sec02 .inner {width:calc(100% - 40px);}    
    .tabBtn {margin-left:0;}
    .tabBtn li {width:16.2%;}
    .tabBtn li:nth-child(4) {width:19%;}
    .tabBtn li button {width:100%; font-size:19px;}
    .tabBtn li:nth-child(4) button {width:100%;}
}
@media screen and (max-width:1580px) {
    .obj-family {height:150px; top:-152px; right:20px;}
}
@media screen and (max-width:1480px) {
    .main .sec01 .inner {width:calc(100% - 40px);}
    .mainTabBox {padding:0 35px;}
    .noticeWrap {padding:45px 35px;}
    .noticeWrap .lfBox {width:calc(100% - 450px);}
    .notice-left {width:fit-content;}
    .notice-center {margin-left:40px; width:calc(100% - 260px);}
    .notice-list .badge {width:65px; height:30px; line-height:30px; font-size:15px; margin-right:15px;}
    .notice-right {width:360px;}
    .banner-box {padding:25px 20px;}
    .banner-box .obj-img {width:200px; right:10px;}
    .banner-box .obj-img02 {right:0;}
    .banner-box .btn-mini {right:15px; font-size:15px;}
    .banner-box .btn-mini img {width:10px;}
    .banner-box .sub-txt {font-size:17px; letter-spacing:-1px;}
    .banner-box .tit {font-size:24px;}
    
    .main .sec01 .top-group .sub-title {font-size:24px;}
    .main .sec01 .top-group .main-title,
    .noticeTabBtn button {font-size:36px;}
    .noticeTabBtn li {padding:0 30px;}
    .noticeTabBtn li::after {height:30px;}
    .notice-left .tit {font-size:34px;}

    .sns-area {display:none;}
    .mobileWrap {display:flex; flex-direction:row; align-items:center; justify-content:space-between; margin-top:30px;}
    .mobileWrap .swiper-pagination-bullet {background-color:#B6B6B6; opacity:1 !important; margin:0 2px !important; width:10px !important; height:10px !important;}
    .mobileWrap .swiper-pagination-bullet-active{background-color:#0047A3;}
    .mobileWrap .swiper-pagination {width:fit-content !important; position:relative;}
    .mobileWrap .btn-custom {display:flex;}

    .campaignWrap .card-inner {padding:35px 25px;}
    .campaignWrap .img-group {max-width:50%;}
    .campaignWrap .step-tit {font-size:20px; margin-bottom:5px;}
    .campaignWrap .main-tit {font-size:30px; margin-bottom:15px;}
    .campaignWrap .count-box .num {font-size:36px;}
    .support-slide-wrap .card-title {font-size:19px; letter-spacing:-1px;}
    .support-slide-wrap .card-desc {font-size:15px;}
    .support-slide-wrap .card-item {padding:22px 15px;}
    .support-slide-wrap .swiper {width:calc(100% - 120px);}
    .support-slide-wrap .swiper-button-next, .support-slide-wrap .swiper-button-prev {width:50px; height:50px;}
    .support-slide-wrap .price {font-size:17px; display: block; white-space: normal; }
    .support-slide-wrap .card-item .check-box-wrap {gap:5px;}
    .support-slide-wrap .card-item .checkmark {width:20px; height:20px;}
}
@media screen and (max-width:1280px) {
    .main .sec01 .mainTabWrap {margin-top:100px;}
    .obj-family {height:120px; top:-122px; right:20px;}
    .tabBtn li button {font-size:17px; letter-spacing:-1px;}
}

.moBlock {display:none;}
.support-slide-wrap .moControl .swiper-button-next, 
.support-slide-wrap .moControl .swiper-button-prev{display:none;}
.closeBtn {display:none;}
@media screen and (max-width:1200px) {
    .main .sec01 {padding: 45px 0 100px 0;}
    .main .sec02 {padding: 90px 0 120px 0;}
    .calc-header .header-top .num {display:inline-block;}
    .campaignWrap .campaign-header .tit {font-size:38px;}
    .notice-list li a {flex-direction:column;}
    .notice-center ul,
    .notice-center ul li,
    .notice-list li a,
    .notice-list .subject,
    .notice-list .list-body {width:100%;}
    .notice-list .list-body {flex:none; padding-right:0;}
    .notice-list li a {justify-content:flex-start; align-items:flex-start;}
    .notice-list .date {display:none;}
    .notice-list .moWrap .date {display:block;}
    .notice-list .moWrap {width:100%; display:flex; flex-direction:row; align-items:center; justify-content:space-between;}
    .notice-list .subject {margin:10px 0;}
    .noticeWrap {flex-direction:column;}
    .noticeWrap .lfBox {width:100%; margin-top:0;}
    .notice-center {margin-left:60px; width:calc(100% - 300px);}
    .notice-list li a {padding:15px 0;}
    .notice-right {display:flex; flex-direction:row; align-items:center; width:100%;}

    .noticeWrap .lfBox {flex-direction:column; gap:0;}
    .notice-center {margin-left:0; width:100%; margin:40px 0;}
    .banner-box {padding:35px 20px 0 20px; height:200px;}
    .banner-box.bg-blue {padding:55px 20px 0 20px;}
    .banner-box .obj-img {width:170px;}
    .banner-box .obj-img02 {width:130px; right:10px;}

    .banner-box {width:50%;}
    .banner-box .btn-mini {top:10px;}

    .obj-bubble-left,
    .obj-bubble-right {display:none;}
    .main .sec01 .mainTabWrap {margin-top:180px; padding:0; background-color:transparent; border:none; box-shadow: initial; z-index:9999999999999999;}
    .obj-family {height:130px; top:-122px; right:auto; left:50%; transform:translateX(-50%); z-index:-1;}

    .main .sec01 {background-color:#D4F0FE; background-image:initial;}
    .main .sec01 .top-group,
    .main .sec01 .bottom-group {justify-content:center; text-align:center; margin:0 auto;}
    .main .sec01 .top-group .wlb-logo {display:none;}
    .main .sec01 .hashtags {padding-left:0; justify-content:center;}


    .moBlock {display:block;}

    .support-slide-wrap .swiper-slide {padding:10px;}

    .support-slide-wrap .swiper {width:100%;}
    .support-slide-wrap .card-item {padding:50px 20px 20px 20px; max-width:540px; margin:0 auto;}
    .support-slide-wrap .swiper-button-next, 
    .support-slide-wrap .swiper-button-prev {display:none; position:relative !important;}
    .calc-desc.moBlock {display:block; margin:15px auto 0 auto; padding:0;}
    .support-slide-wrap .moControl, .btn-view-all, .calc-desc.moBlock { max-width: 540px;}
    .support-slide-wrap .moControl {display:flex; flex-direction:row; align-items:center; justify-content:space-between; margin:40px auto 30px auto;}
    .support-slide-wrap .moControl .swiper-button-next, 
    .support-slide-wrap .moControl .swiper-button-prev{display:flex; top:0; transform:translateY(0); width:50px; height:50px;}
    .support-slide-wrap .moControl .swiper-pagination {margin-top:0; width:fit-content;}
    .btn-view-all { margin:0 auto; max-width:410px;}
    .support-slide-wrap .swiper-pagination-bullet {width:12px; height:12px;}
    
    .header.on {position:relative !important; z-index:2;}
    .mainTabBox {padding:0;}
    .cont-left {width:100%;}
    .cont-right {position:fixed; bottom:0; left:0; width:100%; z-index:9999999999999; display:flex; flex-direction:column; justify-content:end;}
    .cont-right .btn-view-all {display:none;}
    .calc-container {overflow:hidden; border-top-left-radius:20px; border-top-right-radius:20px;}
    .calc-wrap {border-radius:0; box-shadow:initial; }
    .calc-container {width:calc(100% - 40px); margin:0 auto; }
    .calc-header {background-color:#282828;}
    .calc-body {height:calc(100vh - 250px);}
    .calc-footer,
    .calc-desc {margin:0 auto; word-break:keep-all;}
    .calc-desc br {display:none;}
    .calc-footer {border-radius:6px; background-color:#1c234e; width:calc(100% - 40px);}
    .calc-desc {padding-top:10px; padding-bottom:20px;}
    .cont-right .calc-desc {background-color:#fff; width:100%; padding:10px 20px 20px 20px;}

    .cont-right.on {height:100vh;}
    .calc-container.on .calc-footer {display:flex;}
    .calc-container.on .calc-desc {background-color:#fff; width:100%; padding:10px 20px 20px 20px;}

    .main_tab_link {width:calc(100% - 40px); height:80px; border-radius:6px; border-bottom-left-radius:0; border-bottom-right-radius:0; font-size:16px; gap:10px;}
    .main_tab_link .link_logo {width:100px;}
    .main_tab_link .arrow {display:none !important;}
    .main_tab_link br {display:none;}

    .noticeTabBtn {width:100%; justify-content:center;}
    .noticeTabBtn button {font-size:30px;}
    .noticeTabBox {margin-top:30px;}

    .campaignWrap .campaign-header .desc br {display:none;}

    .campaignWrap .campaign-list {flex-direction:column; justify-content:center; align-items:center;}
    .campaignWrap .campaign-list li {width:410px;}

    .closeBtn {width:100%; flex-direction:column; justify-content:end; align-items:end; padding-right:40px; margin-bottom:15px;}
    .closeBtn img {width:25px;}
    .cont-right.on .closeBtn {display:flex;}
    .cont-right01 {
        display: flex !important; 
        transform: translateY(calc(100% - 75px)); 
        background: rgba(0, 0, 0, 0);
        /* 닫힐 때의 속도 */
        transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), background 0.5s ease;
    }

    /* 2. 올라올 때 (on) */
    .cont-right01.on {
        transform: translateY(0) !important;
        transition: transform 1.2s cubic-bezier(0.33, 1, 0.68, 1) !important;
    }

    /* 3. 배경색 (active) */
    .cont-right01::after {
        content:'';
        width:100%;
        height:100vh;
        background: rgba(0, 0, 0, 0.5) !important;
        position:fixed;
        top:0; left:0; 
        opacity:0;
        z-index:-1;

    }
    .cont-right01.active::after {
        opacity:1;
        transition-delay:1.2s;
    }
}
@media screen and (max-width:720px) {
    .campaignWrap {margin-top:60px;}
    .main .sec02 {padding:70px 0;}
    .notice-header-wrap {padding-top:0;}
    .campaignWrap .campaign-header .tit {font-size:24px; margin-bottom:15px;}
    .campaignWrap .campaign-header .desc {font-size:16px;}
    .main .sec01 .inner,
    .main .sec01 .top-group .text-wrap {gap:0;}
    .main .sec01 .top-group .sub-title {font-weight:500; font-size:18px; line-height:1.3;}
    .main .sec01 .top-group .main-title, .noticeTabBtn button {font-size:28px;}
    .main .sec01 .top-group .main-title {margin:15px auto; font-weight:500; letter-spacing:-0.5px;}
    .main .sec01 .bottom-group {width:100%;}
    .main .sec01 .search-box {max-width:400px; width:calc(100% - 60px); height:50px; margin:0 auto;}
    .main .sec01 .search-box .btn-search {width:40px; height:40px; gap:5px;}
    .main .sec01 .search-box .btn-search .search-icon {width:20px;}
    .main .sec01 .search-box .btn-search .search-text {display:none;}
    .main .sec01 .search-box input {width:calc(100% - 40px); flex:initial; padding:0 10px 0 20px;}
    .main .sec01 .search-box input,
    .main .sec01 .search-box input::placeholder {font-size:17px;}
    .main .sec01 .hashtags {gap:20px;}
    .main .sec01 .hashtags a {font-size:18px;}
    .main .sec01 .mainTabWrap {margin-top:140px;}
    .obj-family {
        height: 100px;
        top: -100px;
    }    
    .support-slide-wrap .card-item {max-width:480px; width:100%; min-height:initial;}
    .support-slide-wrap .card-title {min-height:initial; margin-bottom:10px;}

    .support-slide-wrap .swiper-slide {height:auto !important;}
    .support-slide-wrap .moControl, .btn-view-all, .calc-desc.moBlock {max-width:480px; width:100%;}
    .main .sec01 {padding:60px 0;}
    .main .sec01 .mainTabWrap, .main .sec01 .noticeWrap, .main .sec02 .inner {max-width:480px;}
    .noticeWrap {padding:0; overflow:hidden;}
    .btn-custom {width:130px; height:auto; padding:12px 20px;}
    .btn-custom img {width:12px;}
    .notice-left {width:100%; padding:35px 20px 20px 20px; position:relative;}
    .notice-left .tit {font-size:22px; margin-bottom:5px;}
    .notice-left .desc {font-size:16px; height:95px; margin-bottom:0; word-break:keep-all;}
    .notice-left .desc br {display:none;}
    .notice-left .desc span {padding-left:7px;}
    .notice-left .btn-custom {position:absolute; right:20px; bottom:20px;}
    .notice-list li:last-child {border-bottom:none;}
    .notice-center ul {width:calc(100% - 40px); margin:0 auto;}
    .notice-center {margin:0 auto 40px auto;}
    .notice-list .subject {line-height:1.3; font-size:17px; margin:10px 0 5px 0;}
    .notice-list .badge {font-size:14px; width:60px; height:27px; line-height:27px;}
    .notice-list .moWrap .date {margin-bottom:0; font-size:17px;}
    .notice-right {flex-direction:column; gap:0;}
    .banner-box {width:100%; height:auto; border-radius:0;}
    .banner-box.bg-blue {padding:60px 20px 50px 20px;}
    .banner-box.bg-purple {padding:30px 20px 50px 20px;}
    .banner-box .obj-img {width:200px;right:5px;}
    .banner-box .obj-img02 {width:130px; right:30px;}
    .banner-box .obj-img img {}
    .banner-box .tit {font-size:19px;}
    .banner-box .sub-txt {word-break:keep-all; font-weight:500;}
    .banner-box .sub-txt br {display:none;}
    .banner-box.bg-purple .sub-txt br {display:block;}

    .mobileWrap {margin-top:15px;}
    .campaignWrap .campaign-btns {flex-direction:column; gap:10px;}
    .campaignWrap .btn-stat {width:100%;}
    .campaignWrap .btn-custom {width:100%;}
    .campaignWrap .campaign-list li,
    .campaignWrap .card-inner {width:100%;}
    .btn-stat .count {font-size:17px;}
    .campaignWrap .card-inner {padding:30px 20px; height:auto;}
    .campaignWrap .txt-group {padding-bottom:50px;}
    .campaignWrap .step-tit {font-size:18px; font-weight:500;}
    .campaignWrap .main-tit {font-size:22px; margin-bottom:20px;}
    .campaignWrap .count-box .num {font-size:28px;}
    .campaignWrap .count-box .unit {letter-spacing:-1px;}
    .campaignWrap .btn-more {width: 130px; height:40px; right:20px;;}
    .campaignWrap .campaign-list li:nth-child(2) .btn-more {left:20px;}
    .campaignWrap .img-group {max-width:45%;}

    .main .sec01 .top-group .main-title, .noticeTabBtn button {font-size:22px;}

    .news-card dl {padding:10px 0 40px 0;}
    .news-card dt {font-size:17px; min-height:initial;}
    .news-card dd {font-size:14px;}
    .news-card dd hr {margin:20px 0;}
}
@media screen and (max-width:480px) {
    .campaignWrap .campaign-header .tit {font-size:22px; margin-bottom:10px;}
    .campaignWrap .campaign-header .desc {font-size:15px;}
    .main .sec01 .hashtags {gap:15px;}
    .main .sec01 .hashtags a {font-size:16px;}
    .main .sec01 .search-box {max-width:100%; max-width:calc(100% - 40px);}
    .main .sec01 .search-box input {padding:0 5px 0 15px;}
    .main .sec01 .search-box input,
    .main .sec01 .search-box input::placeholder {font-size:15px; letter-spacing:-0.6px;}
    .main .sec01 .top-group .text-wrap {margin-bottom:0;}
    .main .sec01 .mainTabWrap {margin-top:100px;}
    .obj-family {height:80px; top:-80px;}
}
@media screen and (max-width:430px) {
    .main .sec01 {padding:45px 0;}
    .main .sec01 .hashtags {gap:10px;}
    .main .sec01 .hashtags a {letter-spacing:-1px; font-size:15px;}
    .obj-family {height:70px; top:-70px;}    
    .support-slide-wrap .moControl .swiper-button-next, .support-slide-wrap .moControl .swiper-button-prev {
        width:45px;
        height:45px;
    }    
    .support-slide-wrap .moControl .swiper-button-prev {
        left:0 !important;
    }    
    .support-slide-wrap .moControl .swiper-button-next {
        right:0 !important;
    }
    .support-slide-wrap .swiper-pagination-bullet {width:10px; height:10px; margin:0 2px !important;}
    .btn-view-all .rect-box {font-size:16px; padding-left:20px;}
    .noticeWrap {border-radius:20px;}
    .notice-left {padding:25px 20px 20px 20px;}
    .notice-left .btn-custom {font-size:14px; width:auto; padding:12px 18px;}

    .noticeTabBtn li {padding:0 20px;}
    .noticeTabBtn li::after {height:25px;}
    .main .sec01 .top-group .main-title, .noticeTabBtn button {font-size:20px;}
    .campaignWrap .txt-group {padding-bottom:40px;}
    .campaignWrap .img-group {max-width:50%; left:10px;}
    .campaignWrap .campaign-list li:nth-child(2) .img-group {right:10px; max-width:52%;}
    .campaignWrap .campaign-list li:nth-child(3) .img-group {max-width:53%; left:5px;}
    .campaignWrap .btn-more {width:120px; font-size:14px;}
    .campaignWrap .btn-more img {width:12px;}
    .banner-box .btn-mini {top:15px;}

    .closeBtn img {width:20px;}
    .banner-box .obj-img {width:170px;}
    .banner-box .obj-img02 {width:120px; right:20px;}

    .main .sec01 .top-group .main-title, .noticeTabBtn button {font-size:17px;}
    .support-slide-wrap .card-title {font-size:20px;}
    .support-slide-wrap .badge-sub {font-size:15px;}
    .support-slide-wrap .price {font-size:18px;}
    .main .sec01 .search-box {max-width:calc(100% - 20px); width:100%;}

    .calc-header h3 {font-size:19px;}
}