@import url(default.css);
@import url(fonts.css);
@import url(common.css);



.skip_nav {
    z-index: 1000; /* 맨 위 */
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.skip_nav a {
    display: block;
    position: absolute;
    left: 0;
    top: -1000px;
    width: 100%;
    background-color: var(--sub-color);
    text-align: center;
    padding: 7px 0;
    color: var(--tit-color)
}

.skip_nav a:focus {
    top: 0;
}


header .gnb .gnb_util,
header .gnb .gnb_oepn
header .gnb .gnb_close {
    display: none;
}

header {
    z-index: 100;
    position: relative;
    height: var(--header-h);
    color: var(--tit-color);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0 90px;
}

header::before {
    z-index: -1;
    content: "";
    position: absolute;
    top: 91px;
    left: 0;
    width: 100%;
    height: 486px;
    background: #fff;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
    
    display: none;
}

header .logo a {
    position: absolute;
    left: 90px;
    top: 20px;
    display: block;
    width: 180px;
    height: 50px;
    background: url(../images/logo.png) no-repeat center center / contain;
}

/* header .menu.over 추가 */

header.menu_over::before {
    display: block;
}

/* li. over 추가 */

header .gnb .gnb_wrap ul.depth1 > li.over > .depth2_wrap {
    display: block;
}

@media screen and (min-width: 1025px){/*pc*/


    header .util .menu .menu_open {
        position: absolute;
        right: 90px;
        top: 15px;
        width: 60px;
        height: 60px;
        background-color: var(--point-color);
        border-radius: 15px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    header .util .menu .menu_open::before {
        content: "";
        position: absolute;
        left: 16px;
        top: 16px;
        width: 28px;
        height: 28px;
        background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_56_7349' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='28' height='28'%3E%3Crect width='28' height='28' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_56_7349)'%3E%3Cpath d='M4.0835 8.16602V6.41602H23.9168V8.16602H4.0835ZM4.0835 21.5827V19.8327H23.9168V21.5827H4.0835ZM4.0835 14.8743V13.1243H23.9168V14.8743H4.0835Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
    }
    
    
    header .gnb .gnb_wrap {
        text-align: center;
    }
    
    header .gnb .gnb_wrap ul.depth1 {
        position: relative; /* depth2 */
        top: -26px;
        height: 90px;
        padding: 5px 0 0 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    header .gnb .gnb_wrap ul.depth1 > li {
        margin: 0 20px;
        display: block;
    }
    
    header .gnb .gnb_wrap ul.depth1 > li > a {
        display: block;
        font-size: 21px;
        height: var(--header-h);
        font-weight: var(--bold-weight);
    }
    
    header .gnb .gnb_wrap ul.depth1 > li > a.link {
        position: relative;
    }
    
    header .gnb .gnb_wrap ul.depth1 > li > a.link::before {
        content: "";
        position: absolute;
        right: -25px;
        top: 33px;
        width: 22px;
        height: 22px;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_40_2913' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='22' height='22'%3E%3Crect width='22' height='22' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_40_2913)'%3E%3Cpath d='M4.86536 18.7923C4.40229 18.7923 4.01034 18.6319 3.6895 18.3111C3.36867 17.9902 3.20825 17.5983 3.20825 17.1352V4.86609C3.20825 4.40302 3.36867 4.01107 3.6895 3.69023C4.01034 3.3694 4.40229 3.20898 4.86536 3.20898H10.6472V4.58398H4.86536C4.79477 4.58398 4.73015 4.61339 4.67148 4.67221C4.61266 4.73088 4.58325 4.79551 4.58325 4.86609V17.1352C4.58325 17.2058 4.61266 17.2704 4.67148 17.3291C4.73015 17.3879 4.79477 17.4173 4.86536 17.4173H17.1345C17.2051 17.4173 17.2697 17.3879 17.3284 17.3291C17.3872 17.2704 17.4166 17.2058 17.4166 17.1352V11.3533H18.7916V17.1352C18.7916 17.5983 18.6312 17.9902 18.3103 18.3111C17.9895 18.6319 17.5976 18.7923 17.1345 18.7923H4.86536ZM8.90923 14.0573L7.94329 13.0913L16.4506 4.58398H12.8333V3.20898H18.7916V9.16732H17.4166V5.54992L8.90923 14.0573Z' fill='%23555555'/%3E%3C/g%3E%3C/svg%3E%0A");
    }
    
    header .gnb .gnb_wrap ul.depth1 > li > a > span {
        position: relative;
        display: block;
        line-height: var(--header-h);
        height: var(--header-h);
    }
    
    header .gnb .gnb_wrap ul.depth1 > li.over > a > span::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 2px;
        width: 100%;
        height: 3px;
        background-color: var(--point-color);
    
    }
    
    
    header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap {
        z-index: 100;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 90px;
        width: 100%;
        max-width: 1440px;
        text-align: left;
    
        display: none; /* li.over 시 나오게 */
    }
    
    header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap .d2_tit {
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
        width: 28%;
        min-width: 300px;
        height: 100%;
        margin: 40px 0 0 0;
        text-align: left;
        padding: 30px 0 0 0;
        border-right: 1px solid rgba(0, 0, 0, 0.2);
    }
    
    header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap .d2_tit h2 {
        font-size: 32px;
        font-weight: var(--bold-weight);
        color: var(--tit-color);
        line-height: var(--tit-line-height);
    }
    
    header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap .d2_list {
        z-index: 1;
        min-width: 280px;
        position: absolute;
        top: 152px;
        left: 0;
        width: 24%;
        transition: 0.3s
    }
    
    header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap .d2_list a.iss,
    header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap .d2_list a.notice {
        display: block;
        min-width: 260px;
        font-size: 20px;
        font-weight: var(--bold-weight);
        background-color: var(--gray-color);
        color: var(--point-color);
        height: 84px;
        padding: 30px 0 30px 30px;
        position: relative; /* after */
    }
    
    header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap .d2_list a.iss::after,
    header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap .d2_list a.notice::after {
        content: "";
        position: absolute;
        right: 30px;
        top: 16px;
        width: 50px;
        height: 50px;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_40_2939' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='50' height='50'%3E%3Crect width='50' height='50' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_40_2939)'%3E%3Cpath d='M11.6991 41.666C10.7401 41.666 9.9394 41.3448 9.29704 40.7025C8.65468 40.0601 8.3335 39.2594 8.3335 38.3004V11.6983C8.3335 10.7393 8.65468 9.93859 9.29704 9.29622C9.9394 8.65386 10.7401 8.33268 11.6991 8.33268H21.4908C21.3356 7.2431 21.6052 6.27626 22.2996 5.43216C22.9941 4.58806 23.8943 4.16602 25.0002 4.16602C26.1061 4.16602 27.0062 4.58806 27.7007 5.43216C28.3951 6.27626 28.6647 7.2431 28.5095 8.33268H38.3012C39.2602 8.33268 40.0609 8.65386 40.7033 9.29622C41.3456 9.93859 41.6668 10.7393 41.6668 11.6983V38.3004C41.6668 39.2594 41.3456 40.0601 40.7033 40.7025C40.0609 41.3448 39.2602 41.666 38.3012 41.666H11.6991ZM25.0002 9.25404C25.4516 9.25404 25.8248 9.10647 26.12 8.81133C26.4151 8.51619 26.5627 8.14293 26.5627 7.69154C26.5627 7.24015 26.4151 6.86688 26.12 6.57174C25.8248 6.27661 25.4516 6.12904 25.0002 6.12904C24.5488 6.12904 24.1755 6.27661 23.8804 6.57174C23.5852 6.86688 23.4377 7.24015 23.4377 7.69154C23.4377 8.14293 23.5852 8.51619 23.8804 8.81133C24.1755 9.10647 24.5488 9.25404 25.0002 9.25404ZM10.4168 37.9879C12.2918 36.1476 14.4706 34.698 16.9533 33.6389C19.4359 32.5799 22.1182 32.0504 25.0002 32.0504C27.8821 32.0504 30.5644 32.5799 33.047 33.6389C35.5297 34.698 37.7085 36.1476 39.5835 37.9879V11.6983C39.5835 11.3775 39.45 11.0835 39.183 10.8165C38.916 10.5495 38.622 10.416 38.3012 10.416H11.6991C11.3783 10.416 11.0844 10.5495 10.8174 10.8165C10.5503 11.0835 10.4168 11.3775 10.4168 11.6983V37.9879ZM25.0002 27.2431C26.747 27.2431 28.2253 26.6381 29.4351 25.428C30.6451 24.2179 31.2502 22.7396 31.2502 20.9931C31.2502 19.2462 30.6451 17.7677 29.4351 16.5577C28.2253 15.348 26.747 14.7431 25.0002 14.7431C23.2533 14.7431 21.775 15.348 20.5653 16.5577C19.3552 17.7677 18.7502 19.2462 18.7502 20.9931C18.7502 22.7396 19.3552 24.2179 20.5653 25.428C21.775 26.6381 23.2533 27.2431 25.0002 27.2431ZM12.2595 39.5827H37.7408V39.2223C35.9085 37.4994 33.9132 36.2205 31.7549 35.3858C29.5969 34.5511 27.3453 34.1337 25.0002 34.1337C22.7085 34.1337 20.4769 34.5445 18.3054 35.366C16.1338 36.1872 14.1186 37.4459 12.2595 39.1421V39.5827ZM25.0002 25.1598C23.8651 25.1598 22.8868 24.749 22.0653 23.9275C21.2441 23.1063 20.8335 22.1282 20.8335 20.9931C20.8335 19.8577 21.2441 18.8794 22.0653 18.0582C22.8868 17.237 23.8651 16.8264 25.0002 16.8264C26.1352 16.8264 27.1135 17.237 27.9351 18.0582C28.7562 18.8794 29.1668 19.8577 29.1668 20.9931C29.1668 22.1282 28.7562 23.1063 27.9351 23.9275C27.1135 24.749 26.1352 25.1598 25.0002 25.1598Z' fill='%23367DB2'/%3E%3C/g%3E%3C/svg%3E%0A");
    }
    
    header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap .d2_list a.notice::after {
        background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_40_712' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='50' height='50'%3E%3Crect width='50' height='50' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_40_712)'%3E%3Cpath d='M10.4167 39.1026V37.0193H13.7824V20.513C13.7824 17.7911 14.6437 15.3972 16.3662 13.3313C18.0891 11.2653 20.2727 9.97864 22.9167 9.47135V8.33333C22.9167 7.75451 23.1188 7.26267 23.523 6.85781C23.9272 6.4526 24.418 6.25 24.9954 6.25C25.5728 6.25 26.0652 6.4526 26.4725 6.85781C26.8798 7.26267 27.0834 7.75451 27.0834 8.33333V9.47135C29.7275 9.97864 31.911 11.2653 33.6339 13.3313C35.3565 15.3972 36.2178 17.7911 36.2178 20.513V37.0193H39.5834V39.1026H10.4167ZM24.9928 44.551C24.0654 44.551 23.2739 44.2215 22.6183 43.5625C21.9624 42.9035 21.6345 42.1113 21.6345 41.1859H28.3657C28.3657 42.1182 28.0353 42.9122 27.3746 43.5677C26.7141 44.2233 25.9202 44.551 24.9928 44.551ZM15.8657 37.0193H34.1345V20.513C34.1345 17.9807 33.245 15.8252 31.4662 14.0464C29.6874 12.2675 27.532 11.3781 25.0001 11.3781C22.4681 11.3781 20.3128 12.2675 18.5339 14.0464C16.7551 15.8252 15.8657 17.9807 15.8657 20.513V37.0193Z' fill='%23367DB2'/%3E%3C/g%3E%3C/svg%3E%0A");    }
    
    header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap .d2_icon {
        margin: 50px 0 0 0;
        text-align: center;
        display: flex;
        justify-content: space-around;
    }
    
    header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap .d2_icon a {
        display: block;
    }
    
    header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap .d2_icon a i {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 76px;
        height: 76px;
        background-color: var(--gray-color);
        border: 1px solid #ccc;
        border-radius: 50%;
        margin: 0 5px;
        margin-bottom: 12px;
        transition: 0.2s;
        color: var(--point-color);
    }
    
    header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap .d2_icon a:hover i {
        background-color: var(--point-color);
        color: var(--white-color);
    }
    
    header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap .d2_icon a:hover span {
        color: var(--point-color);
        font-weight: var(--bold-weight);
    }
    
    
    /* depth2 */
    
    header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap > .depth2 {
        position: relative;
        /* width: 924px;  */
        min-width: 775px; /* 710(depth2 width) + padding 값 */
        margin: 50px 0 0 28%; /* 28%는 tit width 값 */
        padding-left: 60px;
        display: flex;
        flex-wrap: wrap;
    }
    
    header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap > .depth2 > li {
        width: 25%;
        /* width: 216px; */
        height: 206px;
        margin: 0 0 15px 0;
    }
    
    header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap > .depth2 > li:nth-child(n+5) {
        height: 125px;
    }
    
    header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap > .depth2 > li > a {
        display: block;
        font-size: 19px;
        font-weight: var(--bold-weight);
        color: var(--tit-color);
        display: flex;
        flex-wrap: wrap;
    }
    
    header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap > .depth2 > li > .depth3 {
        display: flex;
        margin: 10px 0 0 14px;
        color: #555;
    }
    
    header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap > .depth2 > li > .depth3 > li {
        display: flex;
        flex-direction: column;
    }
    
    header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap > .depth2 > li > .depth3 > li > a {
        display: block;
    }
    
    header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap > .depth2 > li > .depth3 > li > a:hover {
        font-weight: var(--bold-weight);
    }
    

}


@media screen and (min-width: 1025px) and (max-width:1131px){
    
                header::before { /* h 정해봐야 알듯 ... 대기 */
                    z-index: -1;
                    content: "";
                    position: absolute;
                    top: 91px;
                    left: 0;
                    width: 100%;
                    height: 486px;
                    background: #fff;
                    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
                    
                    display: none;
                }
                
                header .logo a {
                    top: 27px;
                    width: 140px;
                    height: 39px;
                }
                
                header .util .menu .menu_open {
                    top: 20px;
                    width: 50px;
                    height: 50px;
                }

                header .util .menu .menu_open::before {
                    left: 13px;
                    top: 13px;
                    width: 24px;
                    height: 24px;
                    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_56_3704' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='25'%3E%3Crect x='0.333252' y='0.333984' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_56_3704)'%3E%3Cpath d='M3.83325 7.33203V5.83203H20.8333V7.33203H3.83325ZM3.83325 18.832V17.332H20.8333V18.832H3.83325ZM3.83325 13.082V11.582H20.8333V13.082H3.83325Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
                }

                header .gnb .gnb_wrap ul.depth1 > li > a {
                    font-size: 20px;
                }

                header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap {
                    z-index: 100;
                    position: absolute;
                    left: 50%;
                    transform: translateX(-50%);
                    top: 90px;
                    width: 100%;
                    max-width: 1440px;
                    text-align: left;
                
                    display: none; /* li.over 시 나오게 */
                }

                header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap .d2_tit {
                    width: auto;
                    min-width: auto;
                    height: auto;
                    margin: 30px 0 0 0;
                    padding: 0;
                    border-right: none;
                }
                
                header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap .d2_tit h2 {
                    font-size: 30px;
                }
                
                header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap .d2_list {
                    display: none; /* 삭제 */
                }
                
                /* depth2 */
                
                header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap > .depth2 {
                    position: relative;
                    min-width: auto; /* 해제 */
                    margin: 90px 0 0 0;
                    padding-left: 20px;
                }
                
                header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap > .depth2 > li {
                    width: 25%;
                    /* width: 216px; */
                    height: 206px;
                    margin: 0 0 15px 0;
                }

                header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap > .depth2 > li:nth-child(n+5) {
                    height: 120px;
                }

}

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

    header.menu_over::before {
        display: none;
}

    header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap .d2_tit,
    header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap .d2_list {
        display: none;
    }


    header {
        padding: 0 0 0 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    header .logo a {
        position: relative; /* absolute 해제 */
        left: auto;
        top: auto;
        width: 85px;
        height: 24px;
    }
    
    header .util {
        display: none;
    }

    header .gnb .gnb_util {
        display: none;
        position: absolute; /* gnb_wrap을 기준으로 정렬*/
        left: 20px;
        top: 19px;
    }

    header .gnb .gnb_util .search_open button {    
        position: relative;
        padding: 0 0 0 45px;
    }

    header .gnb .gnb_util .search_open button::before {
        content: "";
        position: absolute;
        left: 0;
        top: -8px;
        width: 24px;
        height: 24px;
        padding: 5px;
        background-color: var(--point-color);
        border-radius: 10px;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_73_3' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_73_3)'%3E%3Cpath d='M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.14583 15.3708 4.8875 14.1125C3.62917 12.8542 3 11.3167 3 9.5C3 7.68333 3.62917 6.14583 4.8875 4.8875C6.14583 3.62917 7.68333 3 9.5 3C11.3167 3 12.8542 3.62917 14.1125 4.8875C15.3708 6.14583 16 7.68333 16 9.5C16 10.2333 15.8833 10.925 15.65 11.575C15.4167 12.225 15.1 12.8 14.7 13.3L21 19.6L19.6 21ZM9.5 14C10.75 14 11.8125 13.5625 12.6875 12.6875C13.5625 11.8125 14 10.75 14 9.5C14 8.25 13.5625 7.1875 12.6875 6.3125C11.8125 5.4375 10.75 5 9.5 5C8.25 5 7.1875 5.4375 6.3125 6.3125C5.4375 7.1875 5 8.25 5 9.5C5 10.75 5.4375 11.8125 6.3125 12.6875C7.1875 13.5625 8.25 14 9.5 14Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

    header .gnb .gnb_wrap ul.depth1 {
        margin: var(--header-h) 0 0 0;
        /* padding: 0 20px; */ /* ################################# */
        height: calc(100% - var(--header-h));
        overflow-x: hidden;
        overflow-y: auto;
        border-top: 1px solid rgba(0, 0, 0, 0.2);
    }

    header .gnb .gnb_wrap ul.depth1 > li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }

    header .gnb .gnb_wrap ul.depth1 > li > a {
        display: block;
        font-size: 20px;
        font-weight: var(--bold-weight);
        color: var(--tit-color);
        line-height: var(--tit-line-height);
        padding: 21px 0;
        position: relative;
    }

    header .gnb .gnb_wrap ul.depth1 > li > a {
        font-weight: var(--bold-weight);
        color: var(--point-color); /* #########################*/
        margin: 0 20px;
    }

    header .gnb .gnb_wrap ul.depth1 > li.open > a {
        border-bottom: 2px solid var(--point-color);
    }

    header .gnb .gnb_wrap ul.depth1 > li:has(.depth2_wrap) > a::after {
        content: "";
        position: absolute;
        right: 0;
        top: 24px;
        width: 16px; 
        height: 16px;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_66_938' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Crect width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_66_938)'%3E%3Cpath d='M7.99935 12.9033C7.83869 12.9033 7.68913 12.8777 7.55069 12.8263C7.41224 12.775 7.28057 12.687 7.15568 12.5623L1.16335 6.57C0.978907 6.38533 0.884463 6.15322 0.880018 5.87367C0.875796 5.59433 0.970241 5.358 1.16335 5.16467C1.35669 4.97156 1.59091 4.875 1.86602 4.875C2.14113 4.875 2.37535 4.97156 2.56868 5.16467L7.99935 10.5957L13.43 5.16467C13.6147 4.98022 13.8468 4.88578 14.1264 4.88133C14.4057 4.87711 14.642 4.97156 14.8354 5.16467C15.0285 5.358 15.125 5.59222 15.125 5.86733C15.125 6.14245 15.0285 6.37667 14.8354 6.57L8.84302 12.5623C8.71813 12.687 8.58646 12.775 8.44802 12.8263C8.30957 12.8777 8.16002 12.9033 7.99935 12.9033Z' fill='%231D1D1D'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

    header .gnb .gnb_wrap ul.depth1 > li.open > a::after {
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_66_929' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Crect x='16' y='16' width='16' height='16' transform='rotate(-180 16 16)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_66_929)'%3E%3Cpath d='M8.00065 3.09667C8.16132 3.09667 8.31087 3.12233 8.44932 3.17367C8.58776 3.225 8.71943 3.313 8.84432 3.43767L14.8366 9.43C15.0211 9.61467 15.1155 9.84678 15.12 10.1263C15.1242 10.4057 15.0298 10.642 14.8366 10.8353C14.6433 11.0284 14.4091 11.125 14.134 11.125C13.8589 11.125 13.6246 11.0284 13.4313 10.8353L8.00065 5.40433L2.56998 10.8353C2.38531 11.0198 2.1532 11.1142 1.87365 11.1187C1.59431 11.1229 1.35798 11.0284 1.16465 10.8353C0.971536 10.642 0.874981 10.4078 0.874981 10.1327C0.874981 9.85755 0.971536 9.62333 1.16465 9.43L7.15698 3.43767C7.28187 3.313 7.41354 3.225 7.55198 3.17367C7.69043 3.12233 7.83998 3.09667 8.00065 3.09667Z' fill='%233777BC'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

    header .gnb .gnb_wrap ul.depth1 > li > a.link > span {
        position: relative;
    }

    header .gnb .gnb_wrap ul.depth1 > li > a.link >  span::before {
        content: "";
        position: absolute;
        right: -27px;
        top: 2px;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_66_947' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_66_947)'%3E%3Cpath d='M4.42247 17.0846C4.0015 17.0846 3.64518 16.9388 3.35352 16.6471C3.06185 16.3555 2.91602 15.9991 2.91602 15.5782V4.42443C2.91602 4.00345 3.06185 3.64714 3.35352 3.35547C3.64518 3.0638 4.0015 2.91797 4.42247 2.91797H9.67872V4.16797H4.42247C4.35831 4.16797 4.29956 4.1947 4.24622 4.24818C4.19275 4.30151 4.16602 4.36026 4.16602 4.42443V15.5782C4.16602 15.6423 4.19275 15.7011 4.24622 15.7544C4.29956 15.8079 4.35831 15.8346 4.42247 15.8346H15.5762C15.6404 15.8346 15.6991 15.8079 15.7525 15.7544C15.8059 15.7011 15.8327 15.6423 15.8327 15.5782V10.3219H17.0827V15.5782C17.0827 15.9991 16.9368 16.3555 16.6452 16.6471C16.3535 16.9388 15.9972 17.0846 15.5762 17.0846H4.42247ZM8.09872 12.7801L7.2206 11.9019L14.9546 4.16797H11.666V2.91797H17.0827V8.33464H15.8327V5.04609L8.09872 12.7801Z' fill='%23555555'/%3E%3C/g%3E%3C/svg%3E%0A");
    }


        

        /* 모바일에서 기본적으로 숨김 ########################### */

    header .gnb .gnb_wrap ul.depth1 > li .depth2_wrap {
        display: none;
        }

    header .gnb .gnb_wrap ul.depth2 > li > ul.depth3 {
        display: none;
    }
        /* 모바일에서 기본적으로 숨김 -end- ########################### */

    header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap > ul.depth2 > li > a {
        display: block;
        font-size: 16px;
        margin: 10px 35px;
        position: relative;
    }

    header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap > ul.depth2 > li:has(.depth3) > a::before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_66_967' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_66_967)'%3E%3Cpath d='M9.37467 10.6257H4.58301V9.37565H9.37467V4.58398H10.6247V9.37565H15.4163V10.6257H10.6247V15.4173H9.37467V10.6257Z' fill='%231D1D1D'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

    
    header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap > ul.depth2 > li.open > a::before {
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_66_995' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_66_995)'%3E%3Cpath d='M5.41699 10.625V9.375H14.5837V10.625H5.41699Z' fill='%231D1D1D'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

    header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap > ul.depth2 > li > ul.depth3 {
        background-color: var(--gray-color);
        padding: 16px 0 16px 55px;
    }

    header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap > ul.depth2 > li > ul.depth3 > li > a {
        display: block;
        font-size: 16px;
        line-height: 2;
        position: relative;
    }

    
    header .gnb .gnb_wrap ul.depth1 > li > .depth2_wrap > ul.depth2 > li > ul.depth3 > li > a::before {
        content: "";
        position: absolute;
        left: -17px;
        top: 13px;
        width: 3px;
        height: 3px;
        background-color: #ccc;
        border-radius: 50%;
    }




    header .gnb .gnb_open {
        display: block;
        width: 56px;
        height: 56px;
        background-color: var(--point-color);
        border-radius: 0 0 0 10px;
        background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_25_1941' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='30' height='30'%3E%3Crect width='30' height='30' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_25_1941)'%3E%3Cpath d='M5.3125 8.75C5.04688 8.75 4.82427 8.6601 4.64469 8.48031C4.4649 8.30052 4.375 8.07781 4.375 7.81219C4.375 7.54635 4.4649 7.32375 4.64469 7.14437C4.82427 6.96479 5.04688 6.875 5.3125 6.875H24.6875C24.9531 6.875 25.1757 6.9649 25.3553 7.14469C25.5351 7.32448 25.625 7.54719 25.625 7.81281C25.625 8.07865 25.5351 8.30125 25.3553 8.48063C25.1757 8.66021 24.9531 8.75 24.6875 8.75H5.3125ZM5.3125 23.125C5.04688 23.125 4.82427 23.0351 4.64469 22.8553C4.4649 22.6755 4.375 22.4528 4.375 22.1872C4.375 21.9214 4.4649 21.6987 4.64469 21.5194C4.82427 21.3398 5.04688 21.25 5.3125 21.25H24.6875C24.9531 21.25 25.1757 21.3399 25.3553 21.5197C25.5351 21.6995 25.625 21.9222 25.625 22.1878C25.625 22.4536 25.5351 22.6763 25.3553 22.8556C25.1757 23.0352 24.9531 23.125 24.6875 23.125H5.3125ZM5.3125 15.9375C5.04688 15.9375 4.82427 15.8476 4.64469 15.6678C4.4649 15.488 4.375 15.2653 4.375 14.9997C4.375 14.7339 4.4649 14.5113 4.64469 14.3319C4.82427 14.1523 5.04688 14.0625 5.3125 14.0625H24.6875C24.9531 14.0625 25.1757 14.1524 25.3553 14.3322C25.5351 14.512 25.625 14.7347 25.625 15.0003C25.625 15.2661 25.5351 15.4888 25.3553 15.6681C25.1757 15.8477 24.9531 15.9375 24.6875 15.9375H5.3125Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: center center;
    }

    header .gnb .gnb_close {
        position: absolute;
        right: 0;
        top: 0;
        width: var(--header-h);
        height: var(--header-h);
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_66_798' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='30' height='30'%3E%3Crect width='30' height='30' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_66_798)'%3E%3Cpath d='M14.9996 16.3178L8.6584 22.6594C8.48527 22.8323 8.26767 22.9208 8.00559 22.925C7.74371 22.929 7.52215 22.8404 7.3409 22.6594C7.15986 22.4781 7.06934 22.2585 7.06934 22.0006C7.06934 21.7427 7.15986 21.5231 7.3409 21.3419L13.6825 15.0006L7.3409 8.65938C7.16798 8.48625 7.07944 8.26865 7.07527 8.00656C7.07132 7.74469 7.15986 7.52313 7.3409 7.34188C7.52215 7.16083 7.74173 7.07031 7.99965 7.07031C8.25757 7.07031 8.47715 7.16083 8.6584 7.34188L14.9996 13.6834L21.3409 7.34188C21.514 7.16896 21.7316 7.08042 21.9937 7.07625C22.2556 7.07229 22.4771 7.16083 22.6584 7.34188C22.8394 7.52313 22.93 7.74271 22.93 8.00063C22.93 8.25854 22.8394 8.47813 22.6584 8.65938L16.3168 15.0006L22.6584 21.3419C22.8313 21.515 22.9199 21.7326 22.924 21.9947C22.928 22.2566 22.8394 22.4781 22.6584 22.6594C22.4771 22.8404 22.2576 22.9309 21.9997 22.9309C21.7417 22.9309 21.5221 22.8404 21.3409 22.6594L14.9996 16.3178Z' fill='%231D1D1D'/%3E%3C/g%3E%3C/svg%3E%0A");        
        
        display: none;
    }

    header .gnb .gnb_wrap { /* 뒷배경 */
        z-index: 10;
        position: fixed;
        right: -100%;
        top: 0;
        width: calc(100% - 36px);
        height: 100%;
        background-color: #fff;
        color: var(--tit-color);
        transition: 0.5s;

        max-width: 450px;
    }

    header .gnb .gnb_bg {
        display: none;
        position: fixed; /* 꽉채워줘야해서 */
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.58);
    }

            /*   메뉴가 열렸을 때  */

            header.menu_open .gnb .gnb_util {
                display: flex; /* display:none 으로 숨긴 걸 나타내기 */
            }
    
            header.menu_open .gnb .gnb_wrap {
                right: 0;
            }
    
            header.menu_open .gnb .gnb_close {
                display: block;
            }
    
            header.menu_open .gnb .gnb_bg {
                display: block;
                animation-name: gnb_bg;
                animation-duration: 0.5s;
                animation-fill-mode: forwards;
                animation-iteration-count: 1;
            }
    
            @keyframes gnb_bg {
                0% { opacity: 0; }
                100% { opacity: 1; }
            }

}









.visual {
    margin: 20px 90px 0 90px;
    position: relative;
}

.visual .swiper-slide .photo {
    overflow: hidden;
    height: 600px;
}

.swiper-pointer-events {
    border-radius: 70px 0 0 0;
}

.visual .swiper-slide .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.visual .swiper-slide .tit {
    position: absolute; /* visual 기준 정렬 */
    left: 100px;
    top: 140px;
    width: calc(100% - 60px);
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    flex-wrap: wrap;
    

}

.visual .swiper-slide h3 {
    font-size: var(--visual-font-size);
    font-weight: var(--bold-weight);
    line-height: var(--tit-line-height);
    color: var(--visual-color);
    margin: 15px 0 0 0;
    padding: 0 0 33px 0;
    border-bottom: 1px solid var(--white-color);
}

.visual .swiper-slide span,
.visual .swiper-slide p {
    font-size: var(--visual-subfont-size);
    color: var(--white-color);
}

.visual .swiper-slide p {
    margin: 35px 0 0 0;
}

.visual .ctrl_wrap {
    z-index: 10;
    position: absolute; /* visual 을 기준으로 정렬 */
    right: 30px;
    bottom: 30px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.visual .ctrl_wrap .count {
    color: var(--white-color);
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 30px;
    width: 90px;
    padding: 7px 0;
    text-align: center;
}

.visual .ctrl_wrap button {
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
}

.visual .ctrl_wrap button.button-stop {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_40_5290' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_40_5290)'%3E%3Cpath d='M14 18V6H17.5V18H14ZM6.5 18V6H10V18H6.5Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.visual .ctrl_wrap button.button-play {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_40_5293' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect x='24' y='24' width='24' height='24' transform='rotate(-180 24 24)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_40_5293)'%3E%3Cpath d='M8.49942 5.9037L18.0762 11.9997L8.49942 18.0957L8.49942 5.9037Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
    display: none;
}


@media screen and (min-width:1441px){
    .visual .swiper-slide .tit {
        left: 120px;
        top: 140px;
    }
}

@media screen and (max-width:1240px){
    .visual .swiper-slide .tit {
        left: 80px;
        top: 165px;
    }
}

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

            .visual {
                margin: 20px 20px 0 20px;
            }
            
            .visual .swiper-slide .tit {
                position: absolute; /* visual 기준 정렬 */
                left: 70px;
                top: 100px;
            }

            .visual .swiper-slide .photo {
                height: 450px;
            }
            
            .visual .swiper-slide h3 {
                margin: 15px 0 0 0;
                padding: 0 0 33px 0;
                border-bottom: 1px solid var(--white-color);
            }
            
            .visual .swiper-slide span,
            .visual .swiper-slide p {
                font-size: var(--visual-subfont-size);
                color: var(--white-color);
            }
            
            .visual .swiper-slide p {
                margin: 25px 0 0 0;
            }
            
            .visual .ctrl_wrap {
                right: 25px;
                bottom: 25px;
            }
            
            .visual .ctrl_wrap .count {
                width: 90px;
                padding: 5px 0;
            }
}

@media screen and (max-width:768px){
    
    .visual .swiper-slide .photo {
        height: 397px;
    }

    .visual .swiper-slide .tit {
        left: 30px;
        top: 89px;
    }

    .visual .ctrl_wrap {
        display: none;
    }
}







.easy {
    margin: 33px 0 0 0;
}

.easy .box1 {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
}

.easy .box1 .search_wrap {
    width: 45%;
}

.easy .box1 .search_wrap .txt {
    margin: 0 0 0 30px;
}

.easy .box1 .search_wrap .txt span {
    color: var(--point-color);
}

.easy .box1 .search_wrap .txt h2 {
    font-size: 40px;
    font-weight: var(--bold-weight);
    color: var(--tit-color);
    margin: 0 0 39px 0;
}

.easy .box1 .search_wrap .search_box {
    position: relative;
    width: 100%;
    height: 72px;
    color: var(--tit-color);
    border: 3px solid var(--point-color);
    border-radius: 50px;
}

.easy .box1 .search_wrap .search_box input {
    width: 75%;
    height: 68px;
    font-size: 17px;
    font-family: 'Pretendard';
    margin: 0 45px;
    border-width: 0px;
    border-color: transparent;
    background-color: transparent;
    outline: none;

}

.easy .box1 .search_wrap .search_box input:focus {
    border-color: var(--point-color);
}

.easy .box1 .search_wrap .search_box button {
    display: block;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 58px;
    height: 58px;
    background-color: var(--point-color);
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_56_6220' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='34' height='34'%3E%3Crect width='34' height='34' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_56_6220)'%3E%3Cpath d='M27.7667 29.75L18.8417 20.825C18.1333 21.3917 17.3187 21.8403 16.3979 22.1708C15.4771 22.5014 14.4972 22.6667 13.4583 22.6667C10.8847 22.6667 8.7066 21.7753 6.92396 19.9927C5.14132 18.2101 4.25 16.0319 4.25 13.4583C4.25 10.8847 5.14132 8.7066 6.92396 6.92396C8.7066 5.14132 10.8847 4.25 13.4583 4.25C16.0319 4.25 18.2101 5.14132 19.9927 6.92396C21.7753 8.7066 22.6667 10.8847 22.6667 13.4583C22.6667 14.4972 22.5014 15.4771 22.1708 16.3979C21.8403 17.3187 21.3917 18.1333 20.825 18.8417L29.75 27.7667L27.7667 29.75ZM13.4583 19.8333C15.2292 19.8333 16.7344 19.2135 17.974 17.974C19.2135 16.7344 19.8333 15.2292 19.8333 13.4583C19.8333 11.6875 19.2135 10.1823 17.974 8.94271C16.7344 7.70312 15.2292 7.08333 13.4583 7.08333C11.6875 7.08333 10.1823 7.70312 8.94271 8.94271C7.70312 10.1823 7.08333 11.6875 7.08333 13.4583C7.08333 15.2292 7.70312 16.7344 8.94271 17.974C10.1823 19.2135 11.6875 19.8333 13.4583 19.8333Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.easy .box1 .box_wrap {
    display: flex;
    gap: 24px;
    width: calc(55% - 24px);
}

.easy .box1 .box_wrap .reserv,
.easy .box1 .box_wrap .date {
    width: calc(50% - 12px);
    height: 225px;
    background-color: var(--point-color);
    border-radius: 30px;
    color: var(--white-color);
    position: relative;
}

.easy .box1 .box_wrap .reserv::after,
.easy .box1 .box_wrap .date::after {
    content: "";
    position: absolute;
    right: 40px;
    top: 36px;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_56_6207' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='50' height='50'%3E%3Crect width='50' height='50' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_56_6207)'%3E%3Cpath d='M11.0581 42.7083C10.0192 42.7083 9.13175 42.3405 8.39564 41.6047C7.65987 40.8686 7.29199 39.9811 7.29199 38.9422V11.0578C7.29199 10.0189 7.65987 9.13142 8.39564 8.39531C9.13175 7.65955 10.0192 7.29167 11.0581 7.29167H20.329C20.4599 6.13507 20.9647 5.15156 21.8436 4.34114C22.722 3.53038 23.7743 3.125 25.0003 3.125C26.2396 3.125 27.2986 3.53038 28.1774 4.34114C29.0562 5.15156 29.5543 6.13507 29.6717 7.29167H38.9425C39.9814 7.29167 40.8689 7.65955 41.605 8.39531C42.3408 9.13142 42.7087 10.0189 42.7087 11.0578V38.9422C42.7087 39.9811 42.3408 40.8686 41.605 41.6047C40.8689 42.3405 39.9814 42.7083 38.9425 42.7083H11.0581ZM11.0581 39.5833H38.9425C39.1029 39.5833 39.2498 39.5165 39.3831 39.3828C39.5168 39.2495 39.5837 39.1026 39.5837 38.9422V11.0578C39.5837 10.8974 39.5168 10.7505 39.3831 10.6172C39.2498 10.4835 39.1029 10.4167 38.9425 10.4167H11.0581C10.8977 10.4167 10.7508 10.4835 10.6175 10.6172C10.4838 10.7505 10.417 10.8974 10.417 11.0578V38.9422C10.417 39.1026 10.4838 39.2495 10.6175 39.3828C10.7508 39.5165 10.8977 39.5833 11.0581 39.5833ZM15.1045 34.6552H28.6462V31.5307H15.1045V34.6552ZM15.1045 26.5625H34.8962V23.4375H15.1045V26.5625ZM15.1045 18.4693H34.8962V15.3448H15.1045V18.4693ZM25.0003 9.05469C25.4517 9.05469 25.825 8.90712 26.1201 8.61198C26.4153 8.31684 26.5628 7.94357 26.5628 7.49219C26.5628 7.0408 26.4153 6.66753 26.1201 6.37239C25.825 6.07726 25.4517 5.92969 25.0003 5.92969C24.5489 5.92969 24.1757 6.07726 23.8805 6.37239C23.5854 6.66753 23.4378 7.0408 23.4378 7.49219C23.4378 7.94357 23.5854 8.31684 23.8805 8.61198C24.1757 8.90712 24.5489 9.05469 25.0003 9.05469Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.easy .box1 .box_wrap .date::after {
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_56_6210' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='50' height='50'%3E%3Crect width='50' height='50' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_56_6210)'%3E%3Cpath d='M11.0581 44.7922C10.0057 44.7922 9.11491 44.4276 8.38574 43.6984C7.65658 42.9693 7.29199 42.0785 7.29199 41.026V13.1417C7.29199 12.0892 7.65658 11.1984 8.38574 10.4693C9.11491 9.7401 10.0057 9.37552 11.0581 9.37552H13.9425V4.96875H17.1477V9.37552H32.9331V4.96875H36.0581V9.37552H38.9425C39.9949 9.37552 40.8857 9.7401 41.6149 10.4693C42.3441 11.1984 42.7087 12.0892 42.7087 13.1417V41.026C42.7087 42.0785 42.3441 42.9693 41.6149 43.6984C40.8857 44.4276 39.9949 44.7922 38.9425 44.7922H11.0581ZM11.0581 41.6672H38.9425C39.1029 41.6672 39.2498 41.6003 39.3831 41.4667C39.5168 41.3333 39.5837 41.1865 39.5837 41.026V21.475H10.417V41.026C10.417 41.1865 10.4838 41.3333 10.6175 41.4667C10.7508 41.6003 10.8977 41.6672 11.0581 41.6672ZM10.417 18.35H39.5837V13.1417C39.5837 12.9812 39.5168 12.8344 39.3831 12.701C39.2498 12.5674 39.1029 12.5005 38.9425 12.5005H11.0581C10.8977 12.5005 10.7508 12.5674 10.6175 12.701C10.4838 12.8344 10.417 12.9812 10.417 13.1417V18.35ZM25.0003 29.3276C24.4903 29.3276 24.0555 29.1479 23.6962 28.7885C23.3371 28.4295 23.1576 27.9948 23.1576 27.4844C23.1576 26.9743 23.3371 26.5396 23.6962 26.1802C24.0555 25.8212 24.4903 25.6417 25.0003 25.6417C25.5104 25.6417 25.9451 25.8212 26.3045 26.1802C26.6635 26.5396 26.843 26.9743 26.843 27.4844C26.843 27.9948 26.6635 28.4295 26.3045 28.7885C25.9451 29.1479 25.5104 29.3276 25.0003 29.3276ZM16.667 29.3276C16.1569 29.3276 15.7222 29.1479 15.3628 28.7885C15.0038 28.4295 14.8243 27.9948 14.8243 27.4844C14.8243 26.9743 15.0038 26.5396 15.3628 26.1802C15.7222 25.8212 16.1569 25.6417 16.667 25.6417C17.1771 25.6417 17.6118 25.8212 17.9712 26.1802C18.3302 26.5396 18.5097 26.9743 18.5097 27.4844C18.5097 27.9948 18.3302 28.4295 17.9712 28.7885C17.6118 29.1479 17.1771 29.3276 16.667 29.3276ZM33.3337 29.3276C32.8236 29.3276 32.3889 29.1479 32.0295 28.7885C31.6705 28.4295 31.491 27.9948 31.491 27.4844C31.491 26.9743 31.6705 26.5396 32.0295 26.1802C32.3889 25.8212 32.8236 25.6417 33.3337 25.6417C33.8437 25.6417 34.2785 25.8212 34.6378 26.1802C34.9969 26.5396 35.1764 26.9743 35.1764 27.4844C35.1764 27.9948 34.9969 28.4295 34.6378 28.7885C34.2785 29.1479 33.8437 29.3276 33.3337 29.3276ZM25.0003 37.5005C24.4903 37.5005 24.0555 37.3208 23.6962 36.9615C23.3371 36.6024 23.1576 36.1679 23.1576 35.6578C23.1576 35.1474 23.3371 34.7127 23.6962 34.3536C24.0555 33.9943 24.4903 33.8146 25.0003 33.8146C25.5104 33.8146 25.9451 33.9943 26.3045 34.3536C26.6635 34.7127 26.843 35.1474 26.843 35.6578C26.843 36.1679 26.6635 36.6024 26.3045 36.9615C25.9451 37.3208 25.5104 37.5005 25.0003 37.5005ZM16.667 37.5005C16.1569 37.5005 15.7222 37.3208 15.3628 36.9615C15.0038 36.6024 14.8243 36.1679 14.8243 35.6578C14.8243 35.1474 15.0038 34.7127 15.3628 34.3536C15.7222 33.9943 16.1569 33.8146 16.667 33.8146C17.1771 33.8146 17.6118 33.9943 17.9712 34.3536C18.3302 34.7127 18.5097 35.1474 18.5097 35.6578C18.5097 36.1679 18.3302 36.6024 17.9712 36.9615C17.6118 37.3208 17.1771 37.5005 16.667 37.5005ZM33.3337 37.5005C32.8236 37.5005 32.3889 37.3208 32.0295 36.9615C31.6705 36.6024 31.491 36.1679 31.491 35.6578C31.491 35.1474 31.6705 34.7127 32.0295 34.3536C32.3889 33.9943 32.8236 33.8146 33.3337 33.8146C33.8437 33.8146 34.2785 33.9943 34.6378 34.3536C34.9969 34.7127 35.1764 35.1474 35.1764 35.6578C35.1764 36.1679 34.9969 36.6024 34.6378 36.9615C34.2785 37.3208 33.8437 37.5005 33.3337 37.5005Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.easy .box1 .box_wrap .date {
    background-color: var(--sub-color);
}

.easy .box1 .box_wrap .reserv .txt,
.easy .box1 .box_wrap .date .txt {
    margin: 45px 40px 0 40px;
}

.easy .box1 .box_wrap .reserv .txt h2,
.easy .box1 .box_wrap .date .txt h2 {
    font-size: 24px;
    font-weight: var(--bold-weight);
    line-height: var(--tit-line-height);
    margin: 0 0 13px 0;
}

.easy .box1 .box_wrap .reserv .txt p,
.easy .box1 .box_wrap .date .txt p {
    /* 2줄제한 */
    height: 3em;
    overflow: hidden;

}

.easy .box1 .box_wrap .reserv .txt p br {
    display: none;
}

.easy .box1 .box_wrap .reserv .txt a,
.easy .box1 .box_wrap .date .txt a {
    display: block;
    border: 1px solid var(--white-color);
    border-radius: 40px;
    margin: 15px 0 0 0;
    padding: 11px 0;
    text-align: center;
}

.easy .box1 .box_wrap .reserv .txt a:hover,
.easy .box1 .box_wrap .date .txt a:hover {
    background-color: var(--white-color);
    color: var(--point-color);
    font-weight: var(--bold-weight);
}

.easy .box1 .box_wrap .date .txt a:hover {
    color: var(--sub-color);
}

.easy .list {
    margin: 54px 0 0 0;
}

.easy .list ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.easy .list ul li {
    text-align: center;
}

.easy .list ul li a {
    display: block;
}

.easy .list ul li a i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 90px;
    background-color: var(--gray-color);
    border-radius: 50%;
    margin: 0 auto;
    transition: 0.2s;
}

.easy .list ul li a span {
    display: block;
    font-size: 20px;
    margin: 20px 0 0 0;
}

.easy .list ul li a:hover i {
    background-color: var(--point-color);
}

.easy .list ul li a:hover i svg {
    color: var(--white-color);
}

@media screen and (max-width:1440px){ /* wrapper의 제한이 사라지는 사이즈 */
            
            .easy .box1 .search_wrap .txt h2 {
                font-size: 30px;
                margin: 0 0 30px 0;
            }

            .easy .list ul li a i {
                width: 70px;
                height: 70px;
            }

            .easy .list ul li a i svg {
                width: 40px;
                height: 40px;
            }
            
            .easy .list ul li a span {
                display: block;
                font-size: 20px;
                margin: 20px 0 0 0;
            }
            
            .easy .list ul li a:hover i {
                background-color: var(--point-color);
            }
            
            .easy .list ul li a:hover i svg {
                color: var(--white-color);
            }

}

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

        .easy .box1 .search_wrap .txt {
            margin: 0 0 0 15px;
        }

        .easy .box1 .search_wrap .txt h2 {
            font-size: 25px;
            margin: 0 0 20px 0;
        }

        .easy .box1 .search_wrap .search_box input {
            width: 70%;
        }

        .easy .box1 .box_wrap .reserv::after,
        .easy .box1 .box_wrap .date::after {
            right: 30px;
            top: 30px;
            width: 40px;
            height: 40px;
            background-repeat: no-repeat;
            background-position: center center;
            background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_56_6207' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='50' height='50'%3E%3Crect width='50' height='50' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_56_6207)'%3E%3Cpath d='M11.0581 42.7083C10.0192 42.7083 9.13175 42.3405 8.39564 41.6047C7.65987 40.8686 7.29199 39.9811 7.29199 38.9422V11.0578C7.29199 10.0189 7.65987 9.13142 8.39564 8.39531C9.13175 7.65955 10.0192 7.29167 11.0581 7.29167H20.329C20.4599 6.13507 20.9647 5.15156 21.8436 4.34114C22.722 3.53038 23.7743 3.125 25.0003 3.125C26.2396 3.125 27.2986 3.53038 28.1774 4.34114C29.0562 5.15156 29.5543 6.13507 29.6717 7.29167H38.9425C39.9814 7.29167 40.8689 7.65955 41.605 8.39531C42.3408 9.13142 42.7087 10.0189 42.7087 11.0578V38.9422C42.7087 39.9811 42.3408 40.8686 41.605 41.6047C40.8689 42.3405 39.9814 42.7083 38.9425 42.7083H11.0581ZM11.0581 39.5833H38.9425C39.1029 39.5833 39.2498 39.5165 39.3831 39.3828C39.5168 39.2495 39.5837 39.1026 39.5837 38.9422V11.0578C39.5837 10.8974 39.5168 10.7505 39.3831 10.6172C39.2498 10.4835 39.1029 10.4167 38.9425 10.4167H11.0581C10.8977 10.4167 10.7508 10.4835 10.6175 10.6172C10.4838 10.7505 10.417 10.8974 10.417 11.0578V38.9422C10.417 39.1026 10.4838 39.2495 10.6175 39.3828C10.7508 39.5165 10.8977 39.5833 11.0581 39.5833ZM15.1045 34.6552H28.6462V31.5307H15.1045V34.6552ZM15.1045 26.5625H34.8962V23.4375H15.1045V26.5625ZM15.1045 18.4693H34.8962V15.3448H15.1045V18.4693ZM25.0003 9.05469C25.4517 9.05469 25.825 8.90712 26.1201 8.61198C26.4153 8.31684 26.5628 7.94357 26.5628 7.49219C26.5628 7.0408 26.4153 6.66753 26.1201 6.37239C25.825 6.07726 25.4517 5.92969 25.0003 5.92969C24.5489 5.92969 24.1757 6.07726 23.8805 6.37239C23.5854 6.66753 23.4378 7.0408 23.4378 7.49219C23.4378 7.94357 23.5854 8.31684 23.8805 8.61198C24.1757 8.90712 24.5489 9.05469 25.0003 9.05469Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
        }

        .easy .box1 .box_wrap .date::after {
            background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_56_6210' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='50' height='50'%3E%3Crect width='50' height='50' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_56_6210)'%3E%3Cpath d='M11.0581 44.7922C10.0057 44.7922 9.11491 44.4276 8.38574 43.6984C7.65658 42.9693 7.29199 42.0785 7.29199 41.026V13.1417C7.29199 12.0892 7.65658 11.1984 8.38574 10.4693C9.11491 9.7401 10.0057 9.37552 11.0581 9.37552H13.9425V4.96875H17.1477V9.37552H32.9331V4.96875H36.0581V9.37552H38.9425C39.9949 9.37552 40.8857 9.7401 41.6149 10.4693C42.3441 11.1984 42.7087 12.0892 42.7087 13.1417V41.026C42.7087 42.0785 42.3441 42.9693 41.6149 43.6984C40.8857 44.4276 39.9949 44.7922 38.9425 44.7922H11.0581ZM11.0581 41.6672H38.9425C39.1029 41.6672 39.2498 41.6003 39.3831 41.4667C39.5168 41.3333 39.5837 41.1865 39.5837 41.026V21.475H10.417V41.026C10.417 41.1865 10.4838 41.3333 10.6175 41.4667C10.7508 41.6003 10.8977 41.6672 11.0581 41.6672ZM10.417 18.35H39.5837V13.1417C39.5837 12.9812 39.5168 12.8344 39.3831 12.701C39.2498 12.5674 39.1029 12.5005 38.9425 12.5005H11.0581C10.8977 12.5005 10.7508 12.5674 10.6175 12.701C10.4838 12.8344 10.417 12.9812 10.417 13.1417V18.35ZM25.0003 29.3276C24.4903 29.3276 24.0555 29.1479 23.6962 28.7885C23.3371 28.4295 23.1576 27.9948 23.1576 27.4844C23.1576 26.9743 23.3371 26.5396 23.6962 26.1802C24.0555 25.8212 24.4903 25.6417 25.0003 25.6417C25.5104 25.6417 25.9451 25.8212 26.3045 26.1802C26.6635 26.5396 26.843 26.9743 26.843 27.4844C26.843 27.9948 26.6635 28.4295 26.3045 28.7885C25.9451 29.1479 25.5104 29.3276 25.0003 29.3276ZM16.667 29.3276C16.1569 29.3276 15.7222 29.1479 15.3628 28.7885C15.0038 28.4295 14.8243 27.9948 14.8243 27.4844C14.8243 26.9743 15.0038 26.5396 15.3628 26.1802C15.7222 25.8212 16.1569 25.6417 16.667 25.6417C17.1771 25.6417 17.6118 25.8212 17.9712 26.1802C18.3302 26.5396 18.5097 26.9743 18.5097 27.4844C18.5097 27.9948 18.3302 28.4295 17.9712 28.7885C17.6118 29.1479 17.1771 29.3276 16.667 29.3276ZM33.3337 29.3276C32.8236 29.3276 32.3889 29.1479 32.0295 28.7885C31.6705 28.4295 31.491 27.9948 31.491 27.4844C31.491 26.9743 31.6705 26.5396 32.0295 26.1802C32.3889 25.8212 32.8236 25.6417 33.3337 25.6417C33.8437 25.6417 34.2785 25.8212 34.6378 26.1802C34.9969 26.5396 35.1764 26.9743 35.1764 27.4844C35.1764 27.9948 34.9969 28.4295 34.6378 28.7885C34.2785 29.1479 33.8437 29.3276 33.3337 29.3276ZM25.0003 37.5005C24.4903 37.5005 24.0555 37.3208 23.6962 36.9615C23.3371 36.6024 23.1576 36.1679 23.1576 35.6578C23.1576 35.1474 23.3371 34.7127 23.6962 34.3536C24.0555 33.9943 24.4903 33.8146 25.0003 33.8146C25.5104 33.8146 25.9451 33.9943 26.3045 34.3536C26.6635 34.7127 26.843 35.1474 26.843 35.6578C26.843 36.1679 26.6635 36.6024 26.3045 36.9615C25.9451 37.3208 25.5104 37.5005 25.0003 37.5005ZM16.667 37.5005C16.1569 37.5005 15.7222 37.3208 15.3628 36.9615C15.0038 36.6024 14.8243 36.1679 14.8243 35.6578C14.8243 35.1474 15.0038 34.7127 15.3628 34.3536C15.7222 33.9943 16.1569 33.8146 16.667 33.8146C17.1771 33.8146 17.6118 33.9943 17.9712 34.3536C18.3302 34.7127 18.5097 35.1474 18.5097 35.6578C18.5097 36.1679 18.3302 36.6024 17.9712 36.9615C17.6118 37.3208 17.1771 37.5005 16.667 37.5005ZM33.3337 37.5005C32.8236 37.5005 32.3889 37.3208 32.0295 36.9615C31.6705 36.6024 31.491 36.1679 31.491 35.6578C31.491 35.1474 31.6705 34.7127 32.0295 34.3536C32.3889 33.9943 32.8236 33.8146 33.3337 33.8146C33.8437 33.8146 34.2785 33.9943 34.6378 34.3536C34.9969 34.7127 35.1764 35.1474 35.1764 35.6578C35.1764 36.1679 34.9969 36.6024 34.6378 36.9615C34.2785 37.3208 33.8437 37.5005 33.3337 37.5005Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
        }

        .easy .box1 .box_wrap .reserv .txt,
        .easy .box1 .box_wrap .date .txt {
            margin: 35px 30px 0 30px;
        }

        .easy .box1 .box_wrap .reserv .txt h2, .easy .box1 .box_wrap .date .txt h2 {
            font-size: 22px;
        }

        .easy .box1 .box_wrap .reserv .txt a {
            margin: 17px 0 0 0;

        }
        
        .easy .box1 .box_wrap .reserv .txt p br {
            display: block;
        }

}

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

    .easy .box1 .search_wrap .txt {
        margin: 0 0 0 15px;
    }

    .easy .box1 .search_wrap .txt h2 {
        font-size: 25px;
        margin: 0 0 20px 0;
    }

    .easy .box1 .box_wrap .reserv::after,
    .easy .box1 .box_wrap .date::after {
        right: 0;
        top: 75px;
        left: 50%;
        transform: translateX(-50%);
    }


    .easy .box1 .box_wrap .reserv .txt,
    .easy .box1 .box_wrap .date .txt {
        margin: 35px 30px 0 30px;
    }

    .easy .box1 .box_wrap .reserv .txt h2,
    .easy .box1 .box_wrap .date .txt h2 {
        text-align: center;
    }

    .easy .box1 .box_wrap .reserv .txt a, 
    .easy .box1 .box_wrap .date .txt a {
        margin: 80px 0 0 0;
        padding: 11px 0;
    }
    
    .easy .box1 .box_wrap .reserv .txt p,
    .easy .box1 .box_wrap .date .txt p {
        display: none;
    }

    .easy .list ul li a span {
        font-size: 17px;
        width: 70px;
    }

    .easy .list ul li a span br {
        display: none;
    }


}

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

        .easy {
            margin: 0;
        }

        .easy .wrapper {
            display: flex;
            flex-direction: column-reverse;
        }
        
        .easy .box1 {
            display: block
        }
        
        .easy .box1 .search_wrap {
            width: 100%;
        }
        
        .easy .box1 .search_wrap .txt {
            margin: 60px 0 0 0;
        }
        
        .easy .box1 .search_wrap .txt h2 {
            font-size: 30px;
            margin: 0 0 17px 0;
        }

        .easy .box1 .box_wrap {
            /* display: flex;
            gap: 24px; */
            margin: 50px 0 0 0;
            width: 100%;
        }
        
        .easy .box1 .box_wrap .reserv,
        .easy .box1 .box_wrap .date {
            width: 50%;
            height: 225px;
        }
        
        .easy .box1 .box_wrap .reserv::after,
        .easy .box1 .box_wrap .date::after {
            left: 50%;
            transform: translateX(-50%);
            right: 0;
            top: 85px;
        }
        
        .easy .box1 .box_wrap .reserv .txt,
        .easy .box1 .box_wrap .date .txt {
            margin: 35px 30px 0 30px;
        }
        
        .easy .box1 .box_wrap .reserv .txt h2,
        .easy .box1 .box_wrap .date .txt h2 {
            font-size: 24px;
            margin: 0 0 13px 0;
        }
        
        .easy .box1 .box_wrap .reserv .txt p br {
            display: none;
        }
        
        .easy .box1 .box_wrap .reserv .txt a,
        .easy .box1 .box_wrap .date .txt a {
            border-radius: 40px;
            margin: 78px 0 0 0;
            padding: 11px 0;
            text-align: center;
        }

}

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

    .easy .list {
        margin: 30px 0 0 0;
    }

    .easy .list ul {
        display: flex;
        flex-wrap: wrap;
        gap: 34px 0;
    }

    .easy .list ul li {
        width: 25%;
        display: flex;
        justify-content: center;
    }

    .easy .list ul li a i svg {
        width: 32px;
        height: 32px;
    }

    .easy .list ul li a span {
        font-size: 16px;
        width: 69px;
    }
}

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

    .easy .box1 .search_wrap .txt h2 {
        font-size: 24px;
    }

    .easy .box1 .search_wrap .search_box {
        height: 52px;
    }

    .easy .box1 .search_wrap .search_box input {
        height: 45px;
        font-size: 16px;
        margin: 0 0 0 30px;
    }

    .easy .box1 .search_wrap .search_box button {
        right: 2px;
        top: 2px;
        width: 42px;
        height: 42px;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_56_28' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_56_28)'%3E%3Cpath d='M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.14583 15.3708 4.8875 14.1125C3.62917 12.8542 3 11.3167 3 9.5C3 7.68333 3.62917 6.14583 4.8875 4.8875C6.14583 3.62917 7.68333 3 9.5 3C11.3167 3 12.8542 3.62917 14.1125 4.8875C15.3708 6.14583 16 7.68333 16 9.5C16 10.2333 15.8833 10.925 15.65 11.575C15.4167 12.225 15.1 12.8 14.7 13.3L21 19.6L19.6 21ZM9.5 14C10.75 14 11.8125 13.5625 12.6875 12.6875C13.5625 11.8125 14 10.75 14 9.5C14 8.25 13.5625 7.1875 12.6875 6.3125C11.8125 5.4375 10.75 5 9.5 5C8.25 5 7.1875 5.4375 6.3125 6.3125C5.4375 7.1875 5 8.25 5 9.5C5 10.75 5.4375 11.8125 6.3125 12.6875C7.1875 13.5625 8.25 14 9.5 14Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");    }
    
    .easy .box1 .box_wrap {
        display: flex;
        flex-direction: column;
        gap: 0;
        margin: 50px 0 0 0;
    }
    
    .easy .box1 .box_wrap .reserv,
    .easy .box1 .box_wrap .date {
        width: 100%;
        height: 164px;
        border-radius: 30px 30px 0 0;
    }

    .easy .box1 .box_wrap .date {
        border-radius: 0 0 30px 30px;
    }
    
    .easy .box1 .box_wrap .reserv::after,
    .easy .box1 .box_wrap .date::after {
        left: auto;
        right: 0;
        top: 27px;
        width: 40px;
        height: 40px;
        background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_56_12' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='40' height='40'%3E%3Crect width='40' height='40' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_56_12)'%3E%3Cpath d='M8.84592 34.1667C8.01481 34.1667 7.30481 33.8724 6.71592 33.2838C6.12731 32.6949 5.83301 31.9849 5.83301 31.1538V8.84625C5.83301 8.01514 6.12731 7.30514 6.71592 6.71625C7.30481 6.12764 8.01481 5.83333 8.84592 5.83333H16.2626C16.3673 4.90806 16.7712 4.12125 17.4743 3.47292C18.177 2.8243 19.0188 2.5 19.9997 2.5C20.9911 2.5 21.8383 2.8243 22.5413 3.47292C23.2444 4.12125 23.6429 4.90806 23.7368 5.83333H31.1534C31.9845 5.83333 32.6945 6.12764 33.2834 6.71625C33.872 7.30514 34.1663 8.01514 34.1663 8.84625V31.1538C34.1663 31.9849 33.872 32.6949 33.2834 33.2838C32.6945 33.8724 31.9845 34.1667 31.1534 34.1667H8.84592ZM8.84592 31.6667H31.1534C31.2818 31.6667 31.3993 31.6132 31.5059 31.5063C31.6129 31.3996 31.6663 31.2821 31.6663 31.1538V8.84625C31.6663 8.71792 31.6129 8.60042 31.5059 8.49375C31.3993 8.3868 31.2818 8.33333 31.1534 8.33333H8.84592C8.71759 8.33333 8.60009 8.3868 8.49342 8.49375C8.38648 8.60042 8.33301 8.71792 8.33301 8.84625V31.1538C8.33301 31.2821 8.38648 31.3996 8.49342 31.5063C8.60009 31.6132 8.71759 31.6667 8.84592 31.6667ZM12.083 27.7242H22.9163V25.2246H12.083V27.7242ZM12.083 21.25H27.9163V18.75H12.083V21.25ZM12.083 14.7754H27.9163V12.2758H12.083V14.7754ZM19.9997 7.24375C20.3608 7.24375 20.6594 7.12569 20.8955 6.88958C21.1316 6.65347 21.2497 6.35486 21.2497 5.99375C21.2497 5.63264 21.1316 5.33403 20.8955 5.09792C20.6594 4.8618 20.3608 4.74375 19.9997 4.74375C19.6386 4.74375 19.34 4.8618 19.1038 5.09792C18.8677 5.33403 18.7497 5.63264 18.7497 5.99375C18.7497 6.35486 18.8677 6.65347 19.1038 6.88958C19.34 7.12569 19.6386 7.24375 19.9997 7.24375Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
    }
    
    .easy .box1 .box_wrap .date::after {
        background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_56_15' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='40' height='40'%3E%3Crect width='40' height='40' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_56_15)'%3E%3Cpath d='M8.84592 35.8334C8.00398 35.8334 7.29134 35.5417 6.70801 34.9584C6.12467 34.375 5.83301 33.6624 5.83301 32.8204V10.5129C5.83301 9.671 6.12467 8.95836 6.70801 8.37503C7.29134 7.79169 8.00398 7.50003 8.84592 7.50003H11.1534V3.97461H13.7176V7.50003H26.3459V3.97461H28.8459V7.50003H31.1534C31.9954 7.50003 32.708 7.79169 33.2913 8.37503C33.8747 8.95836 34.1663 9.671 34.1663 10.5129V32.8204C34.1663 33.6624 33.8747 34.375 33.2913 34.9584C32.708 35.5417 31.9954 35.8334 31.1534 35.8334H8.84592ZM8.84592 33.3334H31.1534C31.2818 33.3334 31.3993 33.2799 31.5059 33.1729C31.6129 33.0663 31.6663 32.9488 31.6663 32.8204V17.1796H8.33301V32.8204C8.33301 32.9488 8.38648 33.0663 8.49342 33.1729C8.60009 33.2799 8.71759 33.3334 8.84592 33.3334ZM8.33301 14.6796H31.6663V10.5129C31.6663 10.3846 31.6129 10.2671 31.5059 10.1604C31.3993 10.0535 31.2818 10 31.1534 10H8.84592C8.71759 10 8.60009 10.0535 8.49342 10.1604C8.38648 10.2671 8.33301 10.3846 8.33301 10.5129V14.6796ZM19.9997 23.4617C19.5916 23.4617 19.2438 23.3179 18.9563 23.0304C18.6691 22.7432 18.5255 22.3954 18.5255 21.9871C18.5255 21.5791 18.6691 21.2313 18.9563 20.9438C19.2438 20.6566 19.5916 20.5129 19.9997 20.5129C20.4077 20.5129 20.7555 20.6566 21.043 20.9438C21.3302 21.2313 21.4738 21.5791 21.4738 21.9871C21.4738 22.3954 21.3302 22.7432 21.043 23.0304C20.7555 23.3179 20.4077 23.4617 19.9997 23.4617ZM13.333 23.4617C12.925 23.4617 12.5772 23.3179 12.2897 23.0304C12.0025 22.7432 11.8588 22.3954 11.8588 21.9871C11.8588 21.5791 12.0025 21.2313 12.2897 20.9438C12.5772 20.6566 12.925 20.5129 13.333 20.5129C13.7411 20.5129 14.0888 20.6566 14.3763 20.9438C14.6636 21.2313 14.8072 21.5791 14.8072 21.9871C14.8072 22.3954 14.6636 22.7432 14.3763 23.0304C14.0888 23.3179 13.7411 23.4617 13.333 23.4617ZM26.6663 23.4617C26.2583 23.4617 25.9105 23.3179 25.623 23.0304C25.3358 22.7432 25.1922 22.3954 25.1922 21.9871C25.1922 21.5791 25.3358 21.2313 25.623 20.9438C25.9105 20.6566 26.2583 20.5129 26.6663 20.5129C27.0744 20.5129 27.4222 20.6566 27.7097 20.9438C27.9969 21.2313 28.1405 21.5791 28.1405 21.9871C28.1405 22.3954 27.9969 22.7432 27.7097 23.0304C27.4222 23.3179 27.0744 23.4617 26.6663 23.4617ZM19.9997 30C19.5916 30 19.2438 29.8563 18.9563 29.5688C18.6691 29.2816 18.5255 28.9339 18.5255 28.5259C18.5255 28.1175 18.6691 27.7697 18.9563 27.4825C19.2438 27.195 19.5916 27.0513 19.9997 27.0513C20.4077 27.0513 20.7555 27.195 21.043 27.4825C21.3302 27.7697 21.4738 28.1175 21.4738 28.5259C21.4738 28.9339 21.3302 29.2816 21.043 29.5688C20.7555 29.8563 20.4077 30 19.9997 30ZM13.333 30C12.925 30 12.5772 29.8563 12.2897 29.5688C12.0025 29.2816 11.8588 28.9339 11.8588 28.5259C11.8588 28.1175 12.0025 27.7697 12.2897 27.4825C12.5772 27.195 12.925 27.0513 13.333 27.0513C13.7411 27.0513 14.0888 27.195 14.3763 27.4825C14.6636 27.7697 14.8072 28.1175 14.8072 28.5259C14.8072 28.9339 14.6636 29.2816 14.3763 29.5688C14.0888 29.8563 13.7411 30 13.333 30ZM26.6663 30C26.2583 30 25.9105 29.8563 25.623 29.5688C25.3358 29.2816 25.1922 28.9339 25.1922 28.5259C25.1922 28.1175 25.3358 27.7697 25.623 27.4825C25.9105 27.195 26.2583 27.0513 26.6663 27.0513C27.0744 27.0513 27.4222 27.195 27.7097 27.4825C27.9969 27.7697 28.1405 28.1175 28.1405 28.5259C28.1405 28.9339 27.9969 29.2816 27.7097 29.5688C27.4222 29.8563 27.0744 30 26.6663 30Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
    }
    
    .easy .box1 .box_wrap .date {
        background-color: var(--sub-color);
    }
    
    .easy .box1 .box_wrap .reserv .txt,
    .easy .box1 .box_wrap .date .txt {
        margin: 36px 30px 0 30px;
    }
    
    .easy .box1 .box_wrap .reserv .txt h2,
    .easy .box1 .box_wrap .date .txt h2 {
        font-size: 20px;
        margin: 0;
        text-align: start;
    }

    .easy .box1 .box_wrap .reserv .txt a, 
    .easy .box1 .box_wrap .date .txt a {
        margin: 28px 0 0 0;
        padding: 11px 0;
    }
    
    .easy .list {
        margin: 30px 0 0 0;
    }

    .easy .list ul li {
        display: flex;
        justify-content: center;
    }
    
    .easy .list ul li a i {
        width: 64px;
        height: 64px;
    }
    
    .easy .list ul li a span {
        margin: 20px 0 0 0;
        width: 69px;
    }

    .easy .list ul li a span br {
        display: none;
    }
    
    .easy .list ul li a:hover i {
        background-color: var(--point-color);
    }
    
    .easy .list ul li a:hover i svg {
        color: var(--white-color);
    }
}


.center {
    background-color: var(--gray-color);
    margin: 90px 0 0 0;
    padding: 60px 0 128px 0;
}

.center .tit {
    margin: 60px 0 77px 0;
    text-align: center;
}

.center .tit h2 {
    display: inline-block;
    font-size: var(--h2-font-size);
    font-weight: var(--bold-weight);
    line-height: var(--tit-line-height);
    color: var(--tit-color);
    margin: 0 0 20px 0;
    position: relative;
}

.center .tit h2::before {
    content: "";
    position: absolute;
    right: -25px;
    top: -10px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_56_7286' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_56_7286)'%3E%3Cpath d='M8.8748 19.7008V15.1258H4.2998V8.90078H8.8748V4.30078H15.0998V8.90078H19.6998V15.1258H15.0998V19.7008H8.8748Z' fill='%23ED1D24'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.center .tit h2 span {
    color: var(--point-color);
}

.center .list ul li.swiper-slide {
    position: relative; /* item 정렬 기준 */
}

.center .list ul li {
    width: 342px;
}

.center .list ul li a {
    display: block;
    background-color: var(--white-color);
    border-radius: 30px;
    height: 448px;
    overflow: hidden;
    position: relative;
}

.center .list ul li a .txt {
    z-index: 1;
    position: relative;
    padding: 40px 30px;
}

.center .list ul li a .txt strong {
    color: var(--point-color);
}

.center .list ul li a .txt h3 {
    font-size: var(--h3-font-size);
    font-weight: var(--bold-weight);
    line-height: var(--tit-line-height);
    color: var(--tit-color);
    margin: 5px 0 12px 0 ;
}

.center .list ul li a .txt h3.best {
    position: relative;
}

.center .list ul li a .txt h3.best::after {
    content: "";
    position: absolute;
    left: 119px;
    top: 3px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_56_3825' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_56_3825)'%3E%3Cpath d='M9.675 13.7L10.55 10.85L8.25 9H11.1L12 6.2L12.9 9H15.75L13.425 10.85L14.3 13.7L12 11.925L9.675 13.7ZM6 23V15.275C5.36667 14.575 4.875 13.775 4.525 12.875C4.175 11.975 4 11.0167 4 10C4 7.76667 4.775 5.875 6.325 4.325C7.875 2.775 9.76667 2 12 2C14.2333 2 16.125 2.775 17.675 4.325C19.225 5.875 20 7.76667 20 10C20 11.0167 19.825 11.975 19.475 12.875C19.125 13.775 18.6333 14.575 18 15.275V23L12 21L6 23ZM12 16C13.6667 16 15.0833 15.4167 16.25 14.25C17.4167 13.0833 18 11.6667 18 10C18 8.33333 17.4167 6.91667 16.25 5.75C15.0833 4.58333 13.6667 4 12 4C10.3333 4 8.91667 4.58333 7.75 5.75C6.58333 6.91667 6 8.33333 6 10C6 11.6667 6.58333 13.0833 7.75 14.25C8.91667 15.4167 10.3333 16 12 16ZM8 20.025L12 19L16 20.025V16.925C15.4167 17.2583 14.7875 17.5208 14.1125 17.7125C13.4375 17.9042 12.7333 18 12 18C11.2667 18 10.5625 17.9042 9.8875 17.7125C9.2125 17.5208 8.58333 17.2583 8 16.925V20.025Z' fill='%23555555'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.center .list ul li a .photo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 40px;
    width: 206px;
    height: 206px;
    background-color: var(--gray-color);
    border-radius: 50%;
    overflow: hidden;
    transition: 0.6s;
}

.center .list ul li a .photo img {
    position: absolute;
    left: 50%;
    bottom: -195px;
    transform: translateX(-50%);
    /* transform: translate3d(-50%, 0, 0); */
    transition: 0.6s;
    /* will-change: transform, bottom; */
}


/* 오버 시*/

.center .list ul li a:hover .photo {
    width: 500px;
    height: 500px;
    bottom: 0;
    border-radius: 0;
}

.center .list ul li a:hover .photo img {
    bottom: -155px;
}




/* 개인 이미지 크기  */
.center .list ul li.item1 a .photo img {
    width: 261px;
    height: 315px;
    margin: 0 0 68px 0;
}

.center .list ul li.item2 a .photo img {
    width: 301px;
    height: 353px;
    margin: 0 0 68px 17px;
}

.center .list ul li.item3 a .photo img {
    width: 242px;
    height: 358px;
    margin: 0 0 68px 0;
}

.center .list ul li.item4 a .photo img {
    width: 267px;
    height: 319px;
    margin: 0 0 68px -14px;
}

.center .list ul li.item5 a .photo img {
    width: 386px;
    height: 329px;
    margin: 0 0 68px 111px;
}

.center .list ul li.item6 a .photo img {
    width: 174px;
    height: 287px;
    margin: 0 0 89px -43px;
}


@media screen and (max-width:1024px){
    .center .list ul li a .txt h3.best::after {
        left: 95px;
        top: 2px;
        width: 18px;
        height: 18px;
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_56_37' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='18' height='18'%3E%3Crect width='18' height='18' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_56_37)'%3E%3Cpath d='M7.25625 10.275L7.9125 8.1375L6.1875 6.75H8.325L9 4.65L9.675 6.75H11.8125L10.0687 8.1375L10.725 10.275L9 8.94375L7.25625 10.275ZM4.5 17.25V11.4562C4.025 10.9312 3.65625 10.3312 3.39375 9.65625C3.13125 8.98125 3 8.2625 3 7.5C3 5.825 3.58125 4.40625 4.74375 3.24375C5.90625 2.08125 7.325 1.5 9 1.5C10.675 1.5 12.0937 2.08125 13.2562 3.24375C14.4187 4.40625 15 5.825 15 7.5C15 8.2625 14.8687 8.98125 14.6062 9.65625C14.3437 10.3312 13.975 10.9312 13.5 11.4562V17.25L9 15.75L4.5 17.25ZM9 12C10.25 12 11.3125 11.5625 12.1875 10.6875C13.0625 9.8125 13.5 8.75 13.5 7.5C13.5 6.25 13.0625 5.1875 12.1875 4.3125C11.3125 3.4375 10.25 3 9 3C7.75 3 6.6875 3.4375 5.8125 4.3125C4.9375 5.1875 4.5 6.25 4.5 7.5C4.5 8.75 4.9375 9.8125 5.8125 10.6875C6.6875 11.5625 7.75 12 9 12ZM6 15.0187L9 14.25L12 15.0187V12.6937C11.5625 12.9437 11.0906 13.1406 10.5844 13.2844C10.0781 13.4281 9.55 13.5 9 13.5C8.45 13.5 7.92188 13.4281 7.41563 13.2844C6.90937 13.1406 6.4375 12.9437 6 12.6937V15.0187Z' fill='%23555555'/%3E%3C/g%3E%3C/svg%3E%0A");    }
}

@media screen and (max-width:768px){
    .center {
        margin: 35px 0 0 0;
        padding: 60px 0 55px 0;
    }

    .center .tit {
        margin: 0 0 38px 0;
    }

    .center .tit h2::before {
        right: -18px;
        top: -6px;
        width: 18px;
        height: 18px;
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_56_322' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='18' height='18'%3E%3Crect width='18' height='18' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_56_322)'%3E%3Cpath d='M6.65586 14.7746V11.3434H3.22461V6.67461H6.65586V3.22461H11.3246V6.67461H14.7746V11.3434H11.3246V14.7746H6.65586Z' fill='%23ED1D24'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

    .center .list ul li {
        width: 265px;
    }
    
    .center .list ul li a {
        height: 348px;
    }

    .center .list ul li a .txt {
        padding: 30px 23px;
    }

    .center .list ul li a .photo {
        width: 160px;
        height: 160px;
        bottom: 31px;
    }

    .center .list ul li a .txt h3.best::after {
        left: 86px;
        top: 2px;
    }
    
    .center .list ul li a .photo img {
        position: absolute;
        left: 50%;
        bottom: -195px;
        transform: translateX(-50%);
        transition: 0.6s;
    }

    /* 오버 시*/

    .center .list ul li a:hover .photo {
        width: 500px;
        height: 500px;
        bottom: 0;
        border-radius: 0;
    }

    .center .list ul li a:hover .photo img {
        bottom: -164px;
    }

    /* 사진크기  */
    .center .list ul li.item1 a .photo img {
        width: 202px;
        height: 244px;
        margin: 0 0 97px 0;
    }

    .center .list ul li.item2 a .photo img {
        width: 234px;
        height: 274px;
        margin: 0 0 118px 6px;
    }

    .center .list ul li.item3 a .photo img {
        width: 187px;
        height: 277px;
        margin: 0px 0 99px 0;
    }

    .center .list ul li.item4 a .photo img {
        width: 207px;
        height: 247px;
        margin: 0 0 68px -14px;
    }

    .center .list ul li.item5 a .photo img {
        width: 299px;
        height: 255px;
        margin: 0 0 68px 88px;
    }

    .center .list ul li.item6 a .photo img {
        width: 135px;
        height: 222px;
        margin: 0 0 89px -32px;
    }
}






.news {
    margin: 104px 0 0 0;
}

.news .tit {
    margin: 0 0 43px 0;
    text-align: center;
}

.news .tit h2 {
    display: inline-block;
    font-size: var(--h2-font-size);
    font-weight: var(--bold-weight);
    color: var(--tit-color);
    margin: 0 0 20px 0;
    position: relative;
}

.news .tit h2 span {
    color: var(--point-color);
}

.news .tit h2::before {
    content: "";
    position: absolute;
    right: -25px;
    top: -6px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_56_7286' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_56_7286)'%3E%3Cpath d='M8.8748 19.7008V15.1258H4.2998V8.90078H8.8748V4.30078H15.0998V8.90078H19.6998V15.1258H15.0998V19.7008H8.8748Z' fill='%23ED1D24'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.news .list {
    position: relative; /* item1~4의 a 정렬의 기준 */
}

.news .list .tap_list {
    margin: 0 0 50px 0;
}

.news .list .tap_list ul {
    display: flex;
    justify-content: center;
    width: calc(100% - 53px);
}

.news .list .tap_list ul li {
    border: 1px solid #DDD;
    border-radius: 10px 0 0 10px;
}

.news .list .tap_list ul li.active {
    border: 1px solid var(--point-color);
    background-color: var(--point-color);
    color: var(--white-color);
}

.news .list .tap_list ul li.item2,
.news .list .tap_list ul li.item3 {
    border-left: none;
    border-radius: 0;
}

.news .list .tap_list ul li button {
    padding: 17px 36px;
}

.news .list .con_wrap .tap_item a.more {
    position: absolute;
    left: calc(50% + 171px);
    top: 0;
    width: 53px;
    height: 62px;
    color: var(--white-color);
    border-radius: 0 10px 10px 0;
    background-color: #66A9DE;
    border-color: #66A9DE;
}

.news .list .tap_list ul li a {
    display: block;
}

.news .list .tap_list ul li.more a {
    position: relative;
    padding: 17px 25px;
}

.news .list .con_wrap {
    display: flex;
    justify-content: space-between;
}

.news .list .con_wrap .tap_item a.more::before {
    content: "";
    position: absolute;
    left: 14px;
    top: 19px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_56_7305' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_56_7305)'%3E%3Cpath d='M11.25 12.75H5.5V11.25H11.25V5.5H12.75V11.25H18.5V12.75H12.75V18.5H11.25V12.75Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.news .list .con_wrap .tap_item {
    width: calc(100% - 384px);
    display: none;
}

.news .list .con_wrap .tap_item.active {
    display: block;
}

.news .list .con_wrap .tap_item ul {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.news .list .con_wrap .tap_item ul li {
    float: left;
    width: calc(33.33% - 24px);
    border-radius: 0 10px 0 0;
    background-color: var(--gray-color);
}

.news .list .con_wrap .tap_item ul li a {
    display: block;
    padding: 30px 30px 34px 30px;
    position: relative; /* cate */
    width: 100%;
    height: 100%;
}

.news .list .con_wrap .tap_item ul li a .cate {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 17px;
    color: var(--white-color);
    background-color: var(--sub-color);
    border-radius: 0 10px 0 10px;
}

.news .list .con_wrap .tap_item ul li a .cate2 {
    background-color: #E16984;
}

.news .list .con_wrap .tap_item ul li a .cate3 {
    background-color: #725D99;
}

.news .list .con_wrap .tap_item ul li a .date {
    font-size: 15px;
    font-weight: var(--bold-weight);
    margin: 0 0 0 36px;
    position: relative;
}

.news .list .con_wrap .tap_item ul li a .date::before {
    content: "";
    position: absolute;
    left: -40px;
    top: -4px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_56_7047' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_56_7047)'%3E%3Cpath d='M15.473 16.527L16.527 15.473L12.75 11.696V7H11.25V12.3038L15.473 16.527ZM12.0017 21.5C10.6877 21.5 9.45267 21.2507 8.2965 20.752C7.14033 20.2533 6.13467 19.5766 5.2795 18.7218C4.42433 17.8669 3.74725 16.8617 3.24825 15.706C2.74942 14.5503 2.5 13.3156 2.5 12.0017C2.5 10.6877 2.74933 9.45267 3.248 8.2965C3.74667 7.14033 4.42342 6.13467 5.27825 5.2795C6.13308 4.42433 7.13833 3.74725 8.294 3.24825C9.44967 2.74942 10.6844 2.5 11.9983 2.5C13.3123 2.5 14.5473 2.74933 15.7035 3.248C16.8597 3.74667 17.8653 4.42342 18.7205 5.27825C19.5757 6.13308 20.2528 7.13833 20.7518 8.294C21.2506 9.44967 21.5 10.6844 21.5 11.9983C21.5 13.3123 21.2507 14.5473 20.752 15.7035C20.2533 16.8597 19.5766 17.8653 18.7218 18.7205C17.8669 19.5757 16.8617 20.2528 15.706 20.7518C14.5503 21.2506 13.3156 21.5 12.0017 21.5ZM12 20C14.2167 20 16.1042 19.2208 17.6625 17.6625C19.2208 16.1042 20 14.2167 20 12C20 9.78333 19.2208 7.89583 17.6625 6.3375C16.1042 4.77917 14.2167 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 14.2167 4.77917 16.1042 6.3375 17.6625C7.89583 19.2208 9.78333 20 12 20Z' fill='%233B3B3B'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.news .list .con_wrap .tap_item ul li a h3 {
    line-height: var(--tit-line-height);
    color: var(--tit-color);
    margin: 20px 0 25px 0;

    /* 2줄 제한 */
    height: 2.4em;
    overflow: hidden;

    /* 끝에 ... 붙이기 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 줄수 */
}

.news .list .con_wrap .tap_item ul li a p {
    height: 3em;
    overflow: hidden;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 줄수 */
}


.news .list .con_wrap .popup_list {
    /* position: absolute;
    right: 0;
    top: 0; */
    width: 384px;
}

.news .list .con_wrap .popup_list .swiper {
    width: 384px;
    height: 476px;
}

.news .list .con_wrap .popup_list .swiper-slide a .photo {
    overflow: hidden;
    height: 476px;
}

.news .list .con_wrap .popup_list .swiper-slide a .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}




/* popup 버튼스타일 */

.news .paging .swiper-pagination-bullet { /* 동그라미 기본스타일 */
    display: block;
    width: 8px;
    height: 8px;
    border: 0;
    border-radius: 50%;
    margin: 0;
    background: rgba(255, 255, 255, 0.4);
    opacity: 1;
}

.news .paging .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
}

.news .paging {
    z-index: 10;
    position: absolute; /* swiper 기준 */
    left: 0;
    bottom: 20px;
    width: 100%;
    display: flex;
    justify-content: center; /* span 좌우배치 + 가운데정렬 */
    gap: 14px;
}

.news .btn_prev {
    z-index: 10;
    position: absolute; /* swiper 기준 */
    left: 0;
    top: 218px;
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_64_12' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='40' height='40'%3E%3Crect width='40' height='40' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_64_12)'%3E%3Cpath d='M26.6677 36.0893L10.5781 19.9997L26.6677 3.91016L29.0331 6.27557L15.3085 19.9997L29.0331 33.7239L26.6677 36.0893Z' fill='white' fill-opacity='0.6'/%3E%3C/g%3E%3C/svg%3E%0A");    background-repeat: no-repeat;
    background-position: center center;
}

.news .btn_next {
    z-index: 10;
    position: absolute; /* swiper 기준 */
    right: 0;
    top: 218px;
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_64_12' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='40' height='40'%3E%3Crect width='40' height='40' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_64_12)'%3E%3Cpath d='M26.6677 36.0893L10.5781 19.9997L26.6677 3.91016L29.0331 6.27557L15.3085 19.9997L29.0331 33.7239L26.6677 36.0893Z' fill='white' fill-opacity='0.6'/%3E%3C/g%3E%3C/svg%3E%0A");    background-position: center center;
    transform: rotate(180deg);
}


/* popup 버튼스타일 - end */




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

    .news .list .con_wrap .tap_item ul li {
        width: calc(50% - 24px);
    }

    .news .list .con_wrap .tap_item ul li:nth-child(n+5) {
        display: none;
    }

}


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

.news .list .con_wrap .tap_item {
    width: auto;
}

.news .list .con_wrap .tap_item ul {
    position: relative;
    justify-content: space-between;
    gap: 12px;
}

.news .list .con_wrap .tap_item ul::before {
    content: '';
    position: absolute;
    display: block;
    clear: both;
}

.news .list .con_wrap .tap_item ul li {
    width: calc(50% - 6px);
}

.news .list .con_wrap .popup_list {
    display: none;
}

}

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

    .news {
        margin: 55px 0 0 0;
    }

    .news .tit {
        margin: 0 0 37px 0;
    }

    .news .tit h2::before {
    right: -18px;
    top: -6px;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_56_322' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='18' height='18'%3E%3Crect width='18' height='18' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_56_322)'%3E%3Cpath d='M6.65586 14.7746V11.3434H3.22461V6.67461H6.65586V3.22461H11.3246V6.67461H14.7746V11.3434H11.3246V14.7746H6.65586Z' fill='%23ED1D24'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

    .news .list .tap_list ul {
        display: flex;
        justify-content: center;
        width: calc(100% - 37px);
    }

    .news .list .tap_list ul li button {
        padding: 9px 15px;
    }
    
    .news .list .con_wrap .tap_item a.more {
        padding: 9px 17px;
        left: calc(50% + 110px);
        width: 37px;
        height: 44px;
    }
    
    .news .list .con_wrap .tap_item a.more::before {
        left: 8px;
        top: 11px;
        width: 21px;
        height: 21px;
        background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_66_143' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='21' height='21'%3E%3Crect width='21' height='21' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_66_143)'%3E%3Cpath d='M9.84375 11.1562H4.8125V9.84375H9.84375V4.8125H11.1562V9.84375H16.1875V11.1562H11.1562V16.1875H9.84375V11.1562Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
    }


}

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

    .news .list .con_wrap .tap_item ul {
        display: block;
        height: 462px;
    }

    .news .list .con_wrap .tap_item ul li {
        width: 100%;
        margin: 0 0 12px 0;
    }

    .news .list .con_wrap .tap_item ul li:nth-child(n+3) {
        display: none;
    }

    .news .list .con_wrap .popup_list {
        display: none;
    }

}






.coop {
    margin: 252px 0 0 0;
}

.coop .tit h2 {
    display: inline-block;
    font-size: var(--h2-font-size);
    font-weight: var(--bold-weight);
    color: var(--tit-color);
    margin: 0 0 20px 0;
    position: relative;
}

.coop .tit h2 span {
    color: var(--point-color);
}

.coop .tit h2::before {
    content: "";
    position: absolute;
    right: -25px;
    top: -6px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_56_7286' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_56_7286)'%3E%3Cpath d='M8.8748 19.7008V15.1258H4.2998V8.90078H8.8748V4.30078H15.0998V8.90078H19.6998V15.1258H15.0998V19.7008H8.8748Z' fill='%23ED1D24'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.coop .wrapper {
    display: flex;
    justify-content: space-between;
}

.coop .list {
    width: calc(100% - 300px);
}

.coop .list ul {
    display: flex;
    justify-content: space-between;
    gap: 5px;
}

.coop .list ul li a {
    display: block;
}


@media screen and (max-width:1240px){
    .coop .list {
        width: calc(100% - 300px);
    }

    .coop .list ul {
        flex-wrap: wrap;
        text-align: center;
    }

    .coop .list ul li {
        width: calc(33.3% - 6px);
    }

    .coop .list ul li a .photo {
        height: 75px;
    }

    .coop .list ul li a .photo img {
        height: 100%;
        object-fit: cover;
    }

}


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

.coop {
    margin: 70px 0 0 0;
}

.coop .tit {
    text-align: center;
    margin: 0 0 30px 0;
}

.coop .tit h2::before {
    right: -18px;
    top: -6px;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_56_322' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='18' height='18'%3E%3Crect width='18' height='18' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_56_322)'%3E%3Cpath d='M6.65586 14.7746V11.3434H3.22461V6.67461H6.65586V3.22461H11.3246V6.67461H14.7746V11.3434H11.3246V14.7746H6.65586Z' fill='%23ED1D24'/%3E%3C/g%3E%3C/svg%3E%0A");
}


.coop .wrapper {
    display: block;
}

.coop .list {
    width: auto;
}

.coop .list ul {
    display: flex;
    justify-content: space-between;
}

}

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

    .coop .list ul li a .photo {
        height: 64px;
    }
    
}








footer {
    color: var(--white-color);
    margin: 57px 0 0 0;
    padding: 57px 0 143px 0;
    background-color: #173348;
}

footer .f_nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0 40px;
    padding: 0 0 40px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

footer .f_nav ul li {
    position: relative;
}

footer .f_nav ul li::after {
    content: "";
    position: absolute;
    right: -20px;
    top: 7px;
    width: 1px;
    height: 11px;
    background-color: rgba(255, 255, 255, 0.2);
}

footer .f_nav ul li:last-child::after {
    display: none;
}

footer .f_wrap {
    display: flex;
    justify-content: space-between;
    margin: 50px 0 0 0;
}

footer .f_wrap .time {
    display: flex;
}

footer .f_wrap .time strong,
footer .f_wrap .number strong {
    font-size: 22px;
    line-height: var(--tit-line-height);
    font-weight: var(--bold-weight);
}

footer .f_wrap .time .time_box {
    margin: 0 0 0 43px;
}

footer .f_wrap .time .time_box .item {
    display: flex;
}

footer .f_wrap .time .time_box .item + .item {
    margin: 20px 0;
}

footer .f_wrap .time .time_box .item span {
    width: 50px;
    font-weight: var(--bold-weight);
}

footer .f_wrap .time .time_box .item p {
    margin: 0 0 0 40px;
}

footer .f_wrap .number {
    display: flex;
}

footer .f_wrap .number strong {
    width: 80px;
}

footer .f_wrap .number p {
    margin: 0 0 0 40px;
}

footer .f_wrap .online {
    display: flex;
    flex-direction: column;
}

footer .f_wrap .online a {
    display: block;
    font-size: 15px;
    background-color: #0D2338;
    border-radius: 25px;
    padding: 15px 34px 15px 70px;
}

footer .f_wrap .online a span {
    position: relative;
}

footer .f_wrap .online a span::after {
    content: "";
    position: absolute;
    left: -37px;
    top: -2px;
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_56_7355)'%3E%3Cpath d='M11.7299 0C5.76063 0 0.919922 4.50327 0.919922 10.0565C0.919922 14.1589 2.62899 16.1185 4.96838 17.9028L4.97834 17.9078V22.7218C4.97834 22.9499 5.23744 23.0802 5.41682 22.9424L9.51511 19.88L9.60479 19.9176C10.2924 20.0454 11.0024 20.1131 11.7299 20.1131C17.6992 20.1131 22.5399 15.6098 22.5399 10.054C22.5399 4.49826 17.7017 0 11.7299 0ZM8.10749 12.6051C9.16632 12.6051 10.0732 11.9661 10.3472 10.9813H11.9143C11.5306 12.8783 10.0632 14.1213 8.10749 14.1213C5.83537 14.1213 4.03412 12.4172 4.03412 10.044C4.03412 7.67084 5.83537 5.96677 8.10749 5.96677C10.0831 5.96677 11.5605 7.2348 11.9242 9.16442H10.3622C10.1255 8.1144 9.18625 7.46034 8.10749 7.46034C6.58029 7.46034 5.56381 8.55546 5.56381 10.0415C5.56381 11.5276 6.7198 12.6026 8.10749 12.6026M18.4342 13.9659H16.9967V10.7056C16.9967 9.95631 16.5632 9.55284 15.8955 9.55284C15.1506 9.55284 14.6697 10.0114 14.6697 10.9412V13.9659H13.2322V5.99433H14.6697V8.99401C15.0135 8.46775 15.5716 8.20963 16.329 8.20963C16.9418 8.20963 17.4426 8.41011 17.8313 8.82611C18.2324 9.2396 18.4342 9.80094 18.4342 10.5277V13.9659Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_56_7355'%3E%3Crect width='21.62' height='23' fill='white' transform='translate(0.919922)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

footer .f_wrap .online a.kakao {
    margin: 0 0 13px 0;
}

footer .f_wrap .online a.reserv span::after {
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_56_7361' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='23' height='23'%3E%3Crect width='23' height='23' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_56_7361)'%3E%3Cpath d='M5.08692 19.6458C4.60903 19.6458 4.20078 19.4766 3.86217 19.1382C3.52372 18.7995 3.35449 18.3913 3.35449 17.9134V5.08659C3.35449 4.6087 3.52372 4.20045 3.86217 3.86184C4.20078 3.52339 4.60903 3.35417 5.08692 3.35417H9.3515C9.41172 2.82213 9.64395 2.36972 10.0482 1.99693C10.4523 1.62398 10.9363 1.4375 11.5003 1.4375C12.0704 1.4375 12.5575 1.62398 12.9618 1.99693C13.366 2.36972 13.5952 2.82213 13.6491 3.35417H17.9137C18.3916 3.35417 18.7999 3.52339 19.1385 3.86184C19.4769 4.20045 19.6462 4.6087 19.6462 5.08659V17.9134C19.6462 18.3913 19.4769 18.7995 19.1385 19.1382C18.7999 19.4766 18.3916 19.6458 17.9137 19.6458H5.08692ZM5.08692 18.2083H17.9137C17.9875 18.2083 18.0551 18.1776 18.1164 18.1161C18.1779 18.0548 18.2087 17.9872 18.2087 17.9134V5.08659C18.2087 5.0128 18.1779 4.94524 18.1164 4.88391C18.0551 4.82241 17.9875 4.79167 17.9137 4.79167H5.08692C5.01313 4.79167 4.94557 4.82241 4.88423 4.88391C4.82274 4.94524 4.79199 5.0128 4.79199 5.08659V17.9134C4.79199 17.9872 4.82274 18.0548 4.88423 18.1161C4.94557 18.1776 5.01313 18.2083 5.08692 18.2083ZM6.94824 15.9414H13.1774V14.5041H6.94824V15.9414ZM6.94824 12.2187H16.0524V10.7812H6.94824V12.2187ZM6.94824 8.49586H16.0524V7.0586H6.94824V8.49586ZM11.5003 4.16516C11.708 4.16516 11.8797 4.09727 12.0154 3.96151C12.1512 3.82575 12.2191 3.65404 12.2191 3.44641C12.2191 3.23877 12.1512 3.06707 12.0154 2.9313C11.8797 2.79554 11.708 2.72766 11.5003 2.72766C11.2927 2.72766 11.121 2.79554 10.9852 2.9313C10.8495 3.06707 10.7816 3.23877 10.7816 3.44641C10.7816 3.65404 10.8495 3.82575 10.9852 3.96151C11.121 4.09727 11.2927 4.16516 11.5003 4.16516Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
}

footer .f_info {
    margin: 60px 0 0 0;
}

footer .f_info address {
    display: inline-block;
}

footer .f_info span {
    margin: 0 0 0 65px;
}

footer .copyright {
    margin: 24px 0 0 0;
    color: rgba(255, 255, 255, 0.6);
}


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

    footer .f_wrap {
        flex-wrap: wrap;
    }

    footer .f_wrap .time,
    footer .f_wrap .number {
        width: 50%;
    }


    footer .f_wrap .online {
        width: 100%;
        flex-direction: row;
        gap: 20px;
        margin: 40px 0 0 0;
    }

    footer .f_wrap .online a {
        padding: 25px 34px 25px 55px;
        text-align: center;
    }

    footer .f_wrap .online a.kakao {
        margin: 0;
        width: 50%;
    }

    footer .f_wrap .online a.reserv {
        width: 50%;
    }

    footer .f_info address {
        display: block;
    }

    footer .f_info span {
        display: block;
        margin: 10px 0 0 0;
    }




}

@media screen and (max-width:1024px){
    footer .f_wrap {
        display: block;
    }

    footer .f_wrap .time,
    footer .f_wrap .number {
        width: 100%;
    }

    footer .f_wrap .number {
        margin: 40px 0 0 0;
    }
}

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

    footer {
        padding: 30px 0 72px 0;
    }

    footer .f_nav ul {
        padding: 0 0 30px 0;
    }

    footer .f_wrap {
        margin: 35px 0 0 0;
    }

    footer .f_wrap .time strong, footer .f_wrap .number strong {
        font-size: 17px;
    }

    footer .f_wrap .time .time_box {
        margin: 0 0 0 37px;
    }

    footer .f_wrap .time .time_box .item span {
        font-size: 15px;
    }

    footer .f_wrap .time .time_box .item p {
        font-size: 15px;
        margin: 0 0 0 22px;
    }

    footer .f_wrap .number strong {
        width: auto;
    }

    footer .f_wrap .number p {
        margin: 0 0 0 37px;
    }

}


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

    footer .f_nav ul {
        font-size: 15px;
    }

    footer .f_wrap .time .time_box {
        margin: 0 0 0 23px;
    }

    footer .f_wrap .time .time_box .item p {
        margin: 0;
    }

    footer .f_wrap .number p {
        margin: 0 0 0 25px;
    }

    footer .f_wrap .online {
        display: flex;
        flex-direction: column;
    }

    footer .f_wrap .online a.kakao,
    footer .f_wrap .online a.reserv {
        width: 100%;
    }
    
}