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

/*
    작성자 : 지혜인
    날짜 : 2024.03.28
    내용 : header, footer를 제외한 section
*/
.visual {
    position: relative;
}
.visual .swiper { 
    height: 920px;
} /* 팝업의 높이가 됨 */
.visual .swiper-slide .photo {
    width: 100%;
    height: 100%;
}
.visual .swiper-slide img { 
    display:block; width:100%; height:100%; object-fit:cover; 
} 
/* 팝업 안에 이미지를 넣었다면 이미지를 꽉차게 나타나게 하기 위해서 해당 스타일을 넣어줌 */
.visual .swiper-slide {
    position: relative;
}
.visual .swiper-slide .tit {
    position: absolute;
    left: calc(50% - 720px);
    top: 50%;
    transform: translate(0, -50%);
    z-index: 10;
    width: 1440px;
    color: #fff;
}
.visual .swiper-slide .tit strong {
    font-size: 1.3rem;
    display: block;
    font-family: 'Noto Sans KR';
    margin: 0 0 20px 9px;
}
.visual .swiper-slide .tit span {
    font-size: 4.2rem;
    font-weight: 400;
    line-height: 1.3;
    display: block;
    letter-spacing: -0.05em;
}
.swiper-horizontal >.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    width: auto;
}
.visual .swiper .swiper_cnt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1440px;
    height: 750px;
    z-index: 10;
}

.visual .swiper .prev, .visual .swiper .next {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 20px;
    height: 40px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
    line-height: 0;
    margin-top: 170px;
    margin-left: 70px;
}
.visual .swiper .prev {
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='50' viewBox='0 0 30 50'%3E%3Cpath id='chevron_right_FILL0_wght100_GRAD0_opsz48' d='M367.2-654.972l26.214-22.65a1.1,1.1,0,0,0,.583-.939,1.1,1.1,0,0,0-.583-.939,1.8,1.8,0,0,0-1.165-.5,1.8,1.8,0,0,0-1.165.5l-25.777,22.15a4.971,4.971,0,0,0-.947,1.064,2.366,2.366,0,0,0-.364,1.314,2.469,2.469,0,0,0,.364,1.251,4.4,4.4,0,0,0,.947,1.126l25.777,22.15a1.907,1.907,0,0,0,1.092.438,1.619,1.619,0,0,0,1.238-.438,1.376,1.376,0,0,0,.583-1,1.376,1.376,0,0,0-.583-1Z' transform='translate(-364 680)' fill='%23fff'/%3E%3C/svg%3E%0A");
}
.visual .swiper .next {
    left: 55px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='50' viewBox='0 0 30 50'%3E%3Cpath id='chevron_right_FILL0_wght100_GRAD0_opsz48' d='M390.8-654.972l-26.214-22.65a1.1,1.1,0,0,1-.583-.939,1.1,1.1,0,0,1,.583-.938,1.8,1.8,0,0,1,1.165-.5,1.8,1.8,0,0,1,1.165.5l25.777,22.15a4.968,4.968,0,0,1,.947,1.064,2.366,2.366,0,0,1,.364,1.314,2.469,2.469,0,0,1-.364,1.251,4.4,4.4,0,0,1-.947,1.126l-25.777,22.15a1.907,1.907,0,0,1-1.092.438,1.619,1.619,0,0,1-1.238-.438,1.376,1.376,0,0,1-.583-1,1.376,1.376,0,0,1,.583-1Z' transform='translate(-364 680)' fill='%23fff'/%3E%3C/svg%3E%0A");
}
.visual .swiper .pause , .visual .swiper .play {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 45px;
    height: 45px;
    border-radius: 100%;
    border: 1px solid rgba(255, 255, 255, 0.8);
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    margin-top: 170px;
}
.visual .swiper .pause {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.352' height='15.314' viewBox='0 0 11.352 15.314'%3E%3Cg id='그룹_381' data-name='그룹 381' transform='translate(-574.052 -825.724)'%3E%3Cline id='선_49' data-name='선 49' y2='11.314' transform='translate(576.052 827.724)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='4'/%3E%3Cline id='선_50' data-name='선 50' y2='11.314' transform='translate(583.404 827.724)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.visual .swiper .play {
    display: none;
    background-position: left 16px top 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='19' viewBox='0 0 13 19'%3E%3Cpath id='다각형_1' data-name='다각형 1' d='M7.885,2.21a2,2,0,0,1,3.23,0l5.561,7.61A2,2,0,0,1,15.061,13H3.939A2,2,0,0,1,2.324,9.82Z' transform='translate(13) rotate(90)' fill='%23fff'/%3E%3C/svg%3E%0A");
}
.visual .swiper .pagination {
    position: absolute;
    bottom: 20px;
    width: 1440px;
    left: 0;
    display: flex;
    align-items: flex-end;
}
.visual .swiper .pagination .swiper-pagination-bullet {
    background-color: rgba(230 , 230, 230, 0.2);
    width: 33.33%;
    height: 3px;
    outline: 0;
    font-size: 0;
    line-height: 0;
    margin: 0;
    position: relative;
    opacity: 1;
    border-radius: 0;
}
.visual .swiper .pagination .swiper-pagination-bullet-active {
    opacity: 1;
}
@media screen and (min-width:501px) {
    .visual .swiper .pagination .swiper-pagination-bullet::before {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 0;
        content: "";
        background-color: #fff;
    }
    .visual .swiper .pagination .swiper-pagination-bullet-active::before {
        animation-name: paging_move;
        animation-iteration-count: 1;
        animation-duration: 3.5s;
    }
    @keyframes paging_move { /* 애니메이션을 효과를 미리 설정함 */
        0% { width: 0; }  /* 애니메이션을 시작할때의 속성 */
        100% { width: 100%; } /* 애니메이션이 종료될때의 속성 */
    }
}
.scroll {
    position: absolute;
    left: 50%;
    transform: translate( -50% , 0 );
    bottom: -59px;
    width:26px;
    height: 42px;
    font-size: 0;
    line-height: 0;
    border-radius: 50px;
    border: 2px solid rgba(255, 255, 255, 0.8);
}
.scroll::after {
    position: absolute;
    left: 48%;
    top: 9px;
    z-index: 500;
    width: 2.5px;
    height: 10px;
    border-radius: 20px;
    content: "";
    background-color: rgba(255, 255, 255, 1);
    animation-name: scroll; 
    animation-duration: 1.7s; 
    animation-iteration-count:infinite; 
    animation-timing-function:linear
}
@keyframes scroll {
    0% { transform:translate(0, 0); opacity: 1;}
    40% { transform:translate(0, 6px); opacity: 1;}
    80% { transform:translate(0, 7px); opacity: 0;}
    100% { transform:translate(0, 10px); opacity: 0;}
    }
@media screen and (min-width:501px) and (max-width:1320px) {
    .in {
        max-width: 100%;
        padding: 0 40px;
        margin: 0 auto;
    }
}
@media screen and (max-width:1440px) {
    .in {
        max-width: 100%;
        padding: 0 20px;
        margin: 0 auto;
    }
    .visual .swiper .swiper_cnt {
        width: 100%;
        margin: 0 20px;
    }
    .visual .swiper .pagination {
        width: calc(100% - 40px);
    }
    .visual .swiper-slide .tit {
        left: auto;
    }
    .visual .swiper .next {
        left: 55px;
    }
}
@media screen and (max-width:1320px) {
    .visual .swiper { 
        height: 700px;
    } /* 팝업의 높이가 됨 */
    .visual .swiper .swiper_cnt {
        height: 700px;
    }
    .visual .swiper-slide .tit strong {
        font-size: 1.26rem;
    }
    .visual .swiper-slide .tit span {
        font-size: 3rem;
    }
}
@media screen and (max-width:1024px) {
    .visual .swiper { 
        height: 600px;
    } /* 팝업의 높이가 됨 */
    .visual .swiper .swiper_cnt {
        height: 600px;
    }
    .visual .swiper .pause , .visual .swiper .play {
        left: 5px;
    }
}
@media screen and (max-width:500px) {
    .in {
        padding: 0 20px;
    }
    .visual .swiper { 
        height: 500px;
    } /* 팝업의 높이가 됨 */
    .visual .swiper .swiper_cnt {
        height: 500px;
    }
    .scroll {
        display: none;
    }
    .visual .swiper .prev, .visual .swiper .next {
        display: none;
    }
    .visual .swiper .pause, .visual .swiper .play {
        left: 50%;
        margin-left: -20px;
        transform: translate(-50% , 0) scale(0.6);
        margin-top: 120px;
    }
    .visual .swiper .pagination {
        bottom: 60px;
        left: 50%;
        width: auto;
        margin-left: -20px;
        transform: translate(-50% , 0);
    }
    .visual .swiper .pagination .swiper-pagination-bullet {
        background-color: rgba(230 , 230, 230, 0.2);
        width: 5px;
        height: 5px;
        outline: 0;
        font-size: 0;
        line-height: 0;
        margin: 0 8px;
        position: relative;
        opacity: 1;
        border-radius: 50%;
    }
    .visual .swiper .pagination .swiper-pagination-bullet-active {
        opacity: 1;
        background-color: rgba(230 , 230, 230, 1);
        border-radius: 50%;
    }
    .visual .swiper-slide .tit strong {
        font-size: 1rem;
        margin-left: 0.3rem;
    }
    .visual .swiper-slide .tit span {
        font-size: 2.3rem;
    }
}
@media screen and (max-width:375px) {
    .visual .swiper-slide .tit strong {
        margin-left: 0.3rem;
    }
    .visual .swiper-slide .tit span {
        font-size: 2rem;
    }
}

.quick {
    position: fixed;
    right: 34px;
    bottom: 100px;
    z-index: 102;
    opacity: 1;
    transition: all 0.3s;
}
.quick .menu_btn_box {
    background-color: #1E6593;
    width: 70px;
    min-height: 70px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 2px;
    box-shadow: 2px 1px 25px rgb(0 0 0 / 25%);
    color: #fff;
    cursor: pointer;
    position: relative;
    transition: all .3s
}
.quick .menu_btn_box > button {
    display: block; 
    width: 26px; 
    height: 26px;
    position: absolute; 
    left: 50%; 
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all .3s
}
.quick .menu_btn_box > button::before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    content: "";
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath id='stylus_FILL0_wght300_GRAD0_opsz24' d='M143.122-774.057a1.991,1.991,0,0,1-1.951-.567,1.991,1.991,0,0,1-.567-1.951l1.987-9.54,10.07,10.07Zm9.54-1.987-10.07-10.07,26.655-26.655A4.133,4.133,0,0,1,172.29-814a4.133,4.133,0,0,1,3.043,1.229l3.984,3.984a4.133,4.133,0,0,1,1.229,3.043,4.133,4.133,0,0,1-1.229,3.043Zm19.125-34.221L147.494-786l5.049,5.049,24.27-24.293a.7.7,0,0,0,.206-.514.7.7,0,0,0-.206-.514l-4-4a.7.7,0,0,0-.514-.206A.7.7,0,0,0,171.787-810.265Z' transform='translate(-140.546 813.998)' fill='%23fff'/%3E%3C/svg%3E%0A");
} 
.quick .menu_btn_box ul{
    max-height: 0; 
    overflow: hidden; 
    transition: max-height 500ms , opacity .3s; 
    opacity: 0;
} 
.quick .menu_btn_box ul li a {
    display: flex; 
    align-items: center; 
    justify-content: center; 
    flex-wrap: wrap;
    font-size: 12px
}
.quick .menu_btn_box ul li + li {
    margin-top: 15px
}
.quick .menu_btn_box ul li .icon {
    width: 100%; 
    margin-bottom: 15px; 
    color: #fff; 
    width: 26px; 
    height: 30px;
    display: flex;
    align-items: center; 
    justify-content: center; 
    opacity: 0.4; 
    transition: all .3s;
    position: relative;
}
.quick .menu_btn_box ul li .icon i::before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    content: "";
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.quick .menu_btn_box ul li .icon.i01 i::before {
    background-image: url("data:image/svg+xml,%3Csvg id='quick_ico01' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='31' height='37.388' viewBox='0 0 31 37.388'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_325' data-name='사각형 325' width='31' height='37.389' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_168' data-name='그룹 168' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_1903' data-name='패스 1903' d='M26.936,16.233H6.581a1.622,1.622,0,0,0,0,3.245H26.936a1.622,1.622,0,0,0,0-3.245m0,2.209H6.581a.587.587,0,1,1,0-1.174H26.936a.587.587,0,0,1,0,1.174' transform='translate(-1.231 -4.03)' fill='%23fff'/%3E%3Cpath id='패스_1904' data-name='패스 1904' d='M26.936,22.561H6.581a1.622,1.622,0,1,0,0,3.245H26.936a1.622,1.622,0,0,0,0-3.245m0,2.209H6.581a.587.587,0,1,1,0-1.174H26.936a.587.587,0,0,1,0,1.174' transform='translate(-1.231 -5.601)' fill='%23fff'/%3E%3Cpath id='패스_1905' data-name='패스 1905' d='M26.936,28.672H6.581a1.622,1.622,0,1,0,0,3.245H26.936a1.622,1.622,0,0,0,0-3.245m0,2.209H6.581a.587.587,0,1,1,0-1.174H26.936a.587.587,0,0,1,0,1.174' transform='translate(-1.231 -7.118)' fill='%23fff'/%3E%3Cpath id='패스_1906' data-name='패스 1906' d='M24.713,6.609h-1.36v1.24a2.5,2.5,0,0,1-.049.489h1.409A4.563,4.563,0,0,1,29.271,12.9V32.743A4.563,4.563,0,0,1,24.713,37.3H6.287a4.563,4.563,0,0,1-4.558-4.558V12.9A4.563,4.563,0,0,1,6.287,8.338H7.7a2.5,2.5,0,0,1-.05-.489V6.609H6.287A6.294,6.294,0,0,0,0,12.9V32.743a6.293,6.293,0,0,0,6.287,6.286H24.713A6.294,6.294,0,0,0,31,32.743V12.9a6.294,6.294,0,0,0-6.287-6.287' transform='translate(0 -1.641)' fill='%23fff'/%3E%3Cpath id='패스_1907' data-name='패스 1907' d='M23.4,9.41H12.681a.977.977,0,0,1-.842-.5h-1.6a2.5,2.5,0,0,0,2.444,2H23.4a2.5,2.5,0,0,0,2.443-2h-1.6a.977.977,0,0,1-.841.5' transform='translate(-2.541 -2.212)' fill='%23fff'/%3E%3Cpath id='패스_1908' data-name='패스 1908' d='M11.675,4.508a.99.99,0,0,1,.989-.989h2.849l.192-.464a2.509,2.509,0,0,1,4.638,0l.192.464h2.849a.991.991,0,0,1,.989.989v.46h1.5v-.46a2.5,2.5,0,0,0-2.493-2.493h-1.88a4.013,4.013,0,0,0-6.961,0h-1.88a2.5,2.5,0,0,0-2.493,2.493v.46h1.5Z' transform='translate(-2.525 0)' fill='%23fff'/%3E%3Cpath id='패스_1909' data-name='패스 1909' d='M29.016,7.849a.957.957,0,0,1-.148.489h1.6a2.488,2.488,0,0,0,.05-.489V6.609h-1.5Z' transform='translate(-7.166 -1.641)' fill='%23fff'/%3E%3Cpath id='패스_1910' data-name='패스 1910' d='M10.221,8.338h1.6a.961.961,0,0,1-.148-.489V6.609h-1.5v1.24a2.5,2.5,0,0,0,.05.489' transform='translate(-2.525 -1.641)' fill='%23fff'/%3E%3Cpath id='패스_1911' data-name='패스 1911' d='M27,38.162H6.43a1.64,1.64,0,1,1,0-3.28H27a1.64,1.64,0,1,1,0,3.28M6.43,35.859a.663.663,0,0,0,0,1.326H27a.663.663,0,0,0,0-1.326Z' transform='translate(-1.189 -8.659)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.quick .menu_btn_box ul li .icon.i02 i::before {
    background-image: url("data:image/svg+xml,%3Csvg id='quick_ico02' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='34.232' height='33.693' viewBox='0 0 34.232 33.693'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_324' data-name='사각형 324' width='34.233' height='33.693' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='합치기_1' data-name='합치기 1' transform='translate(13.018 12.748)' fill='none'%3E%3Cpath d='M3.732,8.2a1,1,0,0,1-1-1V5.464H1a1,1,0,0,1-1-1V3.732a1,1,0,0,1,1-1H2.732V1a1,1,0,0,1,1-1h.732a1,1,0,0,1,1,1V2.732H7.2a1,1,0,0,1,1,1v.732a1,1,0,0,1-1,1H5.464V7.2a1,1,0,0,1-1,1Z' stroke='none'/%3E%3Cpath d='M 4.463900089263916 7.196300029754639 L 4.463900089263916 4.463900089263916 L 7.196300029754639 4.464000225067139 L 7.196400165557861 3.732400178909302 L 4.463900089263916 3.732400178909302 L 4.464000225067139 1.000000238418579 L 3.732400178909302 0.9999002814292908 L 3.732400178909302 3.732400178909302 L 1.000000238418579 3.732300281524658 L 0.9999002814292908 4.463900089263916 L 3.732400178909302 4.463900089263916 L 3.732300281524658 7.196300029754639 L 4.463900089263916 7.196300029754639 M 4.464000225067139 8.196300506591797 L 3.732300281524658 8.196300506591797 C 3.179700136184692 8.196300506591797 2.732400178909302 7.748100280761719 2.732400178909302 7.196400165557861 L 2.732400178909302 5.463900089263916 L 0.9999002814292908 5.463900089263916 C 0.4473002552986145 5.463900089263916 2.53295894481198e-07 5.016600131988525 2.53295894481198e-07 4.464000225067139 L 2.53295894481198e-07 3.732300281524658 C 2.53295894481198e-07 3.179700136184692 0.4473002552986145 2.732400178909302 0.9999002814292908 2.732400178909302 L 2.732400178909302 2.732400178909302 L 2.732400178909302 0.9999002814292908 C 2.732400178909302 0.4473002552986145 3.179700136184692 2.53295894481198e-07 3.732300281524658 2.53295894481198e-07 L 4.464000225067139 2.53295894481198e-07 C 5.016600131988525 2.53295894481198e-07 5.463900089263916 0.4473002552986145 5.463900089263916 0.9999002814292908 L 5.463900089263916 2.732400178909302 L 7.196400165557861 2.732400178909302 C 7.748100280761719 2.732400178909302 8.196300506591797 3.179700136184692 8.196300506591797 3.732300281524658 L 8.196300506591797 4.464000225067139 C 8.196300506591797 5.016600131988525 7.748100280761719 5.463900089263916 7.196400165557861 5.463900089263916 L 5.463900089263916 5.463900089263916 L 5.463900089263916 7.196400165557861 C 5.463900089263916 7.748100280761719 5.016600131988525 8.196300506591797 4.464000225067139 8.196300506591797 Z' stroke='none' fill='%23fff'/%3E%3C/g%3E%3Cg id='그룹_166' data-name='그룹 166' transform='translate(0 0)'%3E%3Cg id='그룹_165' data-name='그룹 165' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_1902' data-name='패스 1902' d='M.706,11.5A3.158,3.158,0,0,0,0,13.486V30.013a3.6,3.6,0,0,0,3.6,3.6l.078.077.077-.077H30.475l.078.077.077-.077h0a3.6,3.6,0,0,0,3.6-3.6V13.486a3.153,3.153,0,0,0-.707-1.991.838.838,0,0,0-.246-.608L17.713.237a.868.868,0,0,0-1.193,0L.952,10.887a.846.846,0,0,0-.246.608M5.9,31.471l6.916-6.917a.43.43,0,0,1,.608,0l3.094,3.093a.842.842,0,0,0,1.193,0l3.093-3.093a.431.431,0,0,1,.609,0l6.916,6.917a.43.43,0,0,1-.3.734H6.206a.43.43,0,0,1-.3-.734M7.72,16.761V11.449a.43.43,0,0,1,.43-.43H26.365a.43.43,0,0,1,.43.43v5.029a.429.429,0,0,1-.126.3l-9.249,9.249a.431.431,0,0,1-.609,0L7.846,17.066a.43.43,0,0,1-.126-.3m25.1-3.275V30.443A1.765,1.765,0,0,1,31.659,32.1a.412.412,0,0,1-.424-.111l-8.628-8.628a.43.43,0,0,1,0-.608L32.64,12.72a1.753,1.753,0,0,1,.183.766M17.367,2.2l13.711,8.983a.43.43,0,0,1,.054.655l-2.59,2.59a.43.43,0,0,1-.734-.3V10.943a.936.936,0,0,0-.936-.936H7.645a.936.936,0,0,0-.937.937v3.468a.43.43,0,0,1-.734.3L3.1,11.843a.432.432,0,0,1,.054-.655L16.866,2.2a.43.43,0,0,1,.5,0M1.41,13.486a1.753,1.753,0,0,1,.183-.766L11.625,22.753a.43.43,0,0,1,0,.608L3,31.989a.411.411,0,0,1-.423.111A1.765,1.765,0,0,1,1.41,30.443Z' transform='translate(0 0)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.quick .menu_btn_box ul li .icon.i03 i::before {
    background-image: url("data:image/svg+xml,%3Csvg id='quick_ico03' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22.166' height='36.883' viewBox='0 0 22.166 36.883'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_238' data-name='사각형 238' width='22.166' height='36.883' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_122' data-name='그룹 122' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_1854' data-name='패스 1854' d='M21.853,13.7a11.084,11.084,0,1,0-21.538,0,16.563,16.563,0,0,0,1.21,4.312C2.614,20.3,7.2,27.855,9.3,31.295c-2.845.362-4.165,1.586-4.165,2.739,0,1.373,1.861,2.849,5.948,2.849s5.948-1.477,5.948-2.849c0-1.153-1.32-2.376-4.165-2.739,2.1-3.44,6.687-10.992,7.776-13.279a16.532,16.532,0,0,0,1.21-4.312m-6.535,20.33c-.115.324-1.547,1.138-4.234,1.138-2.719,0-4.152-.833-4.237-1.127.077-.283,1.245-.982,3.453-1.121l.056.091a.856.856,0,0,0,1.457,0l.056-.092c2.179.138,3.346.821,3.45,1.111m4.865-20.705a.649.649,0,0,0-.014.066A15.222,15.222,0,0,1,19.1,17.28c-1.1,2.309-6.117,10.551-8.015,13.648-1.9-3.1-6.914-11.339-8.014-13.648A15.221,15.221,0,0,1,2,13.395c0-.022-.008-.045-.013-.067a9.372,9.372,0,1,1,18.2,0' transform='translate(0 0)' fill='%23fff'/%3E%3Cpath id='패스_1855' data-name='패스 1855' d='M12.4,6.094a5.948,5.948,0,1,0,5.948,5.948A5.955,5.955,0,0,0,12.4,6.094m0,10.184a4.236,4.236,0,1,1,4.235-4.236A4.24,4.24,0,0,1,12.4,16.278' transform='translate(-1.315 -1.243)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.quick .menu_btn_box ul li .icon.i04 i::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='31.059' viewBox='0 0 32 31.059'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_151' data-name='사각형 151' width='32' height='31.059' transform='translate(0 0)' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='quick_ico04' transform='translate(0.189 0.607)'%3E%3Cg id='그룹_55' data-name='그룹 55' transform='translate(-0.189 -0.607)' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_1714' data-name='패스 1714' d='M37.668,11.5a.924.924,0,1,0,0,1.848,7.742,7.742,0,0,1,7.767,7.7.934.934,0,0,0,1.868,0A9.6,9.6,0,0,0,37.668,11.5' transform='translate(-21.582 -6.189)' fill='%23fff'/%3E%3Cpath id='패스_1715' data-name='패스 1715' d='M38.046,0a.931.931,0,0,0-.935.926.93.93,0,0,0,.935.924A12.312,12.312,0,0,1,50.4,14.092a.934.934,0,0,0,1.868,0A14.172,14.172,0,0,0,38.046,0' transform='translate(-21.803 0.615)' fill='%23fff'/%3E%3Cpath id='패스_1716' data-name='패스 1716' d='M25.99,23.124a5.066,5.066,0,0,0-7.111.353l-.9.991A4.985,4.985,0,0,0,17.2,25.6a16.649,16.649,0,0,1-7.889-7.143,5.012,5.012,0,0,0,1.57-1.16l.9-.99a4.959,4.959,0,0,0-.356-7.047L9.9,7.892a5.067,5.067,0,0,0-7.112.353l-.9.992a5.047,5.047,0,0,0-.357.439A5.865,5.865,0,0,0,.14,15.082a24.12,24.12,0,0,0,21.509,19.28c.239.021.475.032.7.032a6.5,6.5,0,0,0,3.389-.884,5.041,5.041,0,0,0,1.227-.981l.9-.991a4.963,4.963,0,0,0-.356-7.046Zm-17.9-6.063-.276.082a.871.871,0,0,0-.554.489.86.86,0,0,0,.02.732l.128.255a18.322,18.322,0,0,0,9.718,8.837l.238.093a.889.889,0,0,0,.693-.022.877.877,0,0,0,.462-.512l.081-.239a3.218,3.218,0,0,1,.675-1.142l.905-.99a3.3,3.3,0,0,1,4.629-.23l1.526,1.368a3.233,3.233,0,0,1,.233,4.589l-.906.992a3.317,3.317,0,0,1-.822.653,5.007,5.007,0,0,1-3.035.613A22.361,22.361,0,0,1,1.865,14.754a4.156,4.156,0,0,1,.866-3.812.8.8,0,0,0,.085-.082l.04-.044a.825.825,0,0,0,.068-.085,3.267,3.267,0,0,1,.262-.328l.9-.991a3.3,3.3,0,0,1,4.63-.229l1.526,1.367a3.23,3.23,0,0,1,.231,4.59l-.9.99a3.278,3.278,0,0,1-1.483.932' transform='translate(-0.027 -3.29)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.quick .menu_btn_box:hover ul{max-height: 400px; opacity: 1}
.quick .menu_btn_box:hover >button {opacity: 0;visibility: hidden}
.quick .menu_btn_box ul li a:hover .icon {opacity: 1}

.quick .menu_btn_top {
    margin-top: 25px;
    background-color: #fff;
    width: 70px;
    min-height: 70px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 2px;
    box-shadow: 2px 1px 25px rgb(0 0 0 / 25%);
    cursor: pointer;
    position: relative;
}
.quick .menu_btn_top > a {
    display: block; 
    width: 26px; 
    height: 26px;
    position: absolute; 
    left: 50%; 
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 0;
    line-height: 0;
}
.quick .menu_btn_top > a::before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    content: "";
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='36' viewBox='0 0 30 36'%3E%3Cpath id='arrow_forward_FILL0_wght300_GRAD0_opsz24' d='M209.856-748.039H181.847a1.772,1.772,0,0,1-1.316-.539,1.832,1.832,0,0,1-.53-1.338,1.832,1.832,0,0,1,.53-1.338,1.772,1.772,0,0,1,1.316-.539h28.009l-9.726-9.938a1.779,1.779,0,0,1-.542-1.307,1.873,1.873,0,0,1,.58-1.331,1.913,1.913,0,0,1,1.3-.563,1.708,1.708,0,0,1,1.3.563L215.371-751.5a2.079,2.079,0,0,1,.488.741,2.441,2.441,0,0,1,.142.842,2.442,2.442,0,0,1-.142.842,2.078,2.078,0,0,1-.488.741l-12.609,12.869a1.747,1.747,0,0,1-1.266.532,1.826,1.826,0,0,1-1.328-.532,1.854,1.854,0,0,1-.573-1.338,1.854,1.854,0,0,1,.573-1.338Z' transform='translate(764.932 216.001) rotate(-90)' fill='%23333'/%3E%3C/svg%3E%0A");
} 
@media screen and (min-width:1025px) {
    .quick.show {
        margin-bottom: 115px;
    }
}
@media screen and (max-width:1024px) {
    .quick .menu_btn_box {
        display: none;
    }
    .main {
        position: relative;
    }
    .quick {
        position: absolute;
        right: 20px;
        bottom: 110px;
    }
    .quick .menu_btn_top {
        margin-top: 0;
        width: 55px;
        min-height: 55px;
    }
    .quick .menu_btn_top > a {
        width: 22px;
        height: 22px;
    }
}
@media screen and (max-width:768px) {
    .quick {
        bottom: 308px;
    }
}
@media screen and (max-width:500px) {
    .quick {
        bottom: 340px;
    }
}
.story {
    margin-top: 489px;
    color: #333;
}
.story h2 {
    font-size: 0;
    line-height: 0;
}
.story .inner {
    position: relative;
    display: flex;
    justify-content: flex-end;
}
.story .story_top {
    position: absolute;
    left: 0;
    top: -326px;
    width: 100%;
    font-weight: 700;
}
.story_top span {
    display: block;
    color: rgba(221 , 221, 221, 0.5);
    font-size: 6.667rem;
    line-height: 1.2  ;
}
.story_top strong {
    display: block;
    font-size: 8rem;
    margin-left: 8%;
    margin-top: -6%;
}
.story .story_btm  {
    width: calc(100% - 581px);
    font-weight: 700;
}
.story .story_btm span {
    display: inline-block;
    padding: 12px 23px;
    background-color: #E3D3B8;
    font-size: 1.6rem;
    margin-bottom: 6px;
}
.story .story_btm strong {
    display: block;
    font-size: 5rem;
    margin-bottom: 43px;
}
.story .story_btm p {
    font-size: 1.133rem;
    line-height: 2.4;
    color: #777;
    margin-bottom: 64px;
}
.story .story_btm .more {
    font-family: 'Noto Sans KR';
    margin-bottom: 153px;
}
.story .story_btm .more a {
    padding-right: 30px;
    position: relative;
}
.story .story_btm .more a::before {
    position: absolute;
    right: 0;
    top: 3px;
    width: 18px;
    height: 13px;
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='12.968' viewBox='0 0 18 12.968'%3E%3Cpath id='trending_flat_FILL0_wght300_GRAD0_opsz48' d='M171.849-627.574h-13.9a.92.92,0,0,1-.679-.266.92.92,0,0,1-.266-.679.92.92,0,0,1,.266-.679.92.92,0,0,1,.679-.266h13.945l-3.924-3.908a.938.938,0,0,1-.287-.666.882.882,0,0,1,.271-.666.92.92,0,0,1,.666-.295.92.92,0,0,1,.666.295l5.359,5.343a1.2,1.2,0,0,1,.359.85,1.144,1.144,0,0,1-.359.834l-5.343,5.359a.986.986,0,0,1-.674.287.85.85,0,0,1-.658-.287.933.933,0,0,1-.295-.679.933.933,0,0,1,.295-.679Z' transform='translate(-157.001 634.999)' fill='%23333'/%3E%3C/svg%3E%0A");
    transition: 0.5s;
}
.story .story_btm .more a:hover:before {
    transform:translate(6px, 0)
}

@media screen and (max-width:1320px) {
    .story {
        margin-top: 380px;
        color: #333;
    }
    .story .story_top {
        top: -280px;
        width: 100%;
    }
    .story_top span {
        font-size: 5.55rem;
    }
    .story_top strong {
        font-size: 6rem;
    }
    .story .story_btm  {
        width: calc(100% - 400px);
    }
    .story_top strong {
        margin-top: -6%;
    }
    .story .story_btm span {
        padding: 10px 20px;
        font-size: 1.4rem;
        margin-bottom: 6px;
    }
    .story .story_btm strong {
        font-size: 4.6rem;
        margin-bottom: 43px;
    }
    .story .story_btm p {
        font-size: 1rem;
        line-height: 2.4;
        height: 9.6em;
        overflow: hidden;
        margin-bottom: 50px;
    }
    .story .story_btm .more {
        margin-bottom: 153px;
    }
    
}
@media screen and (max-width:1260px) {
    .story_top span {
        font-size: 5rem;
    }
    .story_top strong {
        font-size: 5.5rem;
    }
    .story .story_btm span {
        padding: 6px 16px;
        font-size: 1.3rem;
        margin-bottom: 4px;
    }
    .story .story_btm strong {
        font-size: 4rem;
        margin-bottom: 35px;
    }
}
@media screen and (max-width:1146px) {
    .story {
        margin-top: 300px;
    }
    .story .story_top {
        top: -220px;
        font-size: 4.366rem;
    }
    .story_top span {
        font-size: 4.366rem;
    }
    .story_top strong {
        font-size: 5rem;
    }
    .story .story_btm strong {
        font-size: 3.6rem;
        margin-bottom: 30px;
    }
}
@media screen and (max-width:1024px) {
    .story .story_btm {
        width: calc(100% - 300px);
    }
    .story .story_top {
        font-size: 4.16rem;
        z-index: -1;
    }
    .story_top span {
        font-size: 4.16rem;
    }
    .story_top strong {
        font-size: 4.8rem;
    }
    .story .story_btm strong {
        font-size: 3rem;
        margin-bottom: 30px;
    }
    .story .story_btm .more {
        margin-bottom: 100px;
    }
}
@media screen and (max-width:800px){
    .story {
        margin-top: 250px;
    }
    .biz .tit strong {
    padding-top: 7rem;
}
    .story .story_top {
        top: -180px;
        font-size: 3.6rem;
    }
    .story_top span {
        font-size: 3.6rem;
    }
    .story_top strong {
        font-size: 4.1rem;
    }
    .story .story_btm strong {
        font-size: 2.6rem;
        margin-bottom: 24px;
    }
    .story .story_btm span {
        padding: 6px 12px;
        font-size: 1.18rem;
        margin-bottom: 4px;
    }
    .story .story_btm .more {
        margin-bottom: 100px;
    }
    .story .story_btm {
        width: calc(100% - 300px);
    }
}
@media screen and (max-width:680px){
    .story {
        margin-top: 200px;
    }
    .story .story_top {
        top: -150px;
        font-size: 3.3rem;
    }
    .story_top span {
        font-size: 3.3rem;
    }
    .story_top strong {
        font-size: 3.9rem;
    }
    .story .story_btm {
        width: 50%;
    }
}

@media screen and (max-width:550px) {
    .story {
        margin-top: 90px;
    }
    .story .inner {
        justify-content: normal;
        flex-direction: column;
    }
    .story .story_top {
        position: relative;
        top: auto;
    }
    .story_top span {
        font-size: 3.5rem;
        line-height: 1.4;
    }
    .story_top strong {
        font-size: 4rem;
    }
    .story .story_btm {
        width: 320px;
        margin-top: 70px;
    }
    .story .story_btm strong {
        font-size: 2.308rem;
        margin-bottom: 6px;
    }
    .story .story_btm span {
        margin-bottom: 12px;
    }
    .story .story_btm p {
        line-height: 1.6;
        height:3.2em;
        overflow: hidden;
        margin-bottom: 45px;
    }
}
@media screen and (max-width:430px) {
    .story_top span {
        font-size: 2.68rem;
        line-height: 1.4;
    }
    .story_top strong {
        margin-top: -7%;
        font-size: 3.2rem;
    }
}
@media screen and (max-width: 390px) {
    .story_top span {
        font-size: 2.4rem;
    }
    .story .story_btm {
        margin-top: 50px;
    }
    .story .story_btm .more {
        margin-bottom: 70px;
    }
}
@media screen and (max-width:375px) {
    .story_top span {
        font-size: 2.3rem;
    }
    .story_top strong {
        font-size: 2.8rem;
    }
    .story .story_btm {
        margin-top: 50px;
        width: 100%;
    }
    .story .story_btm strong {
        font-size: 2rem;
    }
}
@media screen and (max-width:320px) {
    .story_top span {
        font-size: 1.95rem;
    }
    .story_top strong {
        font-size: 2.45rem;
    }
}

.biz {
    background-color: #F9F8F4;
}
.biz .wrapper {
    position: relative;
}
.biz .tit strong {
    display: block;
    padding-top: 138px;
    font-size: 1.333rem;
    font-weight: 700;
    color: #B5A597;
}
.biz .tit h2 {
    font-size: 3.667rem;
    font-weight: 700;
    margin: 29px 0 10px 0;
}
.biz .tit p {
    font-size: 1.133rem;
    margin-bottom: 60px;
}
.biz .tit p em {
    font-weight: 700;
}
.biz .list ul {
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding-bottom: 164px;
}
.biz .list ul li {
    width: calc(20% - 18px);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
    position: relative;
    transition: width 500ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
.biz .list ul li.biz01 {
    background-image: url(../images/main/biz01.png);
}
.biz .list ul li.biz02 {
    background-image: url(../images/main/biz02.png);
}
.biz .list ul li.biz03 {
    background-image: url(../images/main/biz03.png);
}
.biz .list ul li.biz04 {
    background-image: url(../images/main/biz04.png);
}
.biz .list ul li.biz05 {
    background-image: url(../images/main/biz05.png);
}
.biz .list ul li::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 12.5%,
        rgba(0, 0, 0, 0) 25%,
        rgba(0, 0, 0, 0) 37.5%,
        rgba(0, 0, 0, 0.4) 80%
    );
    content: "";
    border-radius: 20px;
}
.biz .list ul li a {
    height: 591px;
    display: flex;
    overflow: hidden;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.biz .list ul li a .inner {
    width: 536px;
    position: relative;
    display: flex;
    align-items: flex-end;
    padding-left: 24px;
}

.biz .list ul li a .list_tit {
    padding-bottom: 72px;
}
.biz .list ul li a strong {
    font-size: 1.067rem;
    display: block;
    transition: 0.2s;
}
.biz .list ul li a span {
    display: block;
    font-size: 1.667rem;
    margin-top: 8px;
    transition: cubic-bezier(0.4, 0.0, 0.2, 1);
    
}
.biz .list ul li a .list_sub {
    position: absolute;
    left: 260px;
    bottom: 35px;
    display: none;
    opacity: 0;
}
.biz .list ul li a:hover .list_sub {
    animation-name: sub_move;
    animation-timing-function: ease-out;
    animation-duration: 0.6s;
    animation-delay: 0.2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
@keyframes sub_move { /* 애니메이션을 효과를 미리 설정함 */
    0% { transform:translate(100%, 0); opacity: 0;}
    100% { transform:translate(0, 0); opacity: 1;}
}
.biz .list ul li a .list_sub p {
    line-height: 1.8;
    height: 5.2em;
    overflow: hidden;
}
.biz .list ul li a .sub_more {
    position: absolute;
    right: 25px;
    bottom: 34px;
    font-size: 0;
    line-height: 0;
    width: 28px;
    height: 28px;
    border: 1px solid #fff;
    border-radius: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.459' height='13.621' viewBox='0 0 8.459 13.621'%3E%3Cpath id='패스_1921' data-name='패스 1921' d='M-6202.75,2666.75l6.046,4.962-6.046,5.837' transform='translate(6204.165 -2665.343)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A");
    transition: 0.5s;
}
.biz .list ul li a .sub_more:hover {
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.459' height='13.621' viewBox='0 0 8.459 13.621'%3E%3Cpath id='패스_1921' data-name='패스 1921' d='M-6202.75,2666.75l6.046,4.962-6.046,5.837' transform='translate(6204.165 -2665.343)' fill='none' stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A");
    border: 0;
}
@media screen and (min-width:1261px) {
    /*******마우스를 오버한 상태*********/
    .biz .list ul li.on {
        width: 589px;
    }
    .biz .list ul li.on a strong {
        font-size: 1.2rem;
    }
    .biz .list ul li.on a span {
        font-size: 2rem;
    }
    .biz .list ul li.on a .list_sub {
        display: block;
    }
    .biz .list ul li.on a .sub_more {
        display: none;
    }
    .biz .list ul li.off {
        width: 190px;
    }
    .biz .list ul li.off a strong {
        opacity: 0;
    }
    .biz .list ul li.off a span {
        font-size: 1.533rem;
    }
    .biz .list ul li.off::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        background-color: #000;
        opacity: 0.4;
        content: "";
        border-radius: 20px;
    }
    .biz .list ul li.off a {
        position: relative;/*before보다 앞에 나오기 위해서 */
        z-index: 10;
        color: rgba(255, 255, 255, 0.8);
    }
    .biz .list ul li.off a .sub_more {
        transform: scale(0.9);
        bottom: 20px;
    }
    /*******마우스를 오버한 상태*********/
}
.biz .more {
    position: absolute;
    right: 8px;
    top: 288px;
    font-weight: 700;
    font-family: 'Noto Sans KR';
}
.biz .more a {
    padding-right: 30px;
    position: relative;
}
.biz .more a::before {
    position: absolute;
    right: 0;
    top: 3px;
    width: 18px;
    height: 13px;
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='12.968' viewBox='0 0 18 12.968'%3E%3Cpath id='trending_flat_FILL0_wght300_GRAD0_opsz48' d='M171.849-627.574h-13.9a.92.92,0,0,1-.679-.266.92.92,0,0,1-.266-.679.92.92,0,0,1,.266-.679.92.92,0,0,1,.679-.266h13.945l-3.924-3.908a.938.938,0,0,1-.287-.666.882.882,0,0,1,.271-.666.92.92,0,0,1,.666-.295.92.92,0,0,1,.666.295l5.359,5.343a1.2,1.2,0,0,1,.359.85,1.144,1.144,0,0,1-.359.834l-5.343,5.359a.986.986,0,0,1-.674.287.85.85,0,0,1-.658-.287.933.933,0,0,1-.295-.679.933.933,0,0,1,.295-.679Z' transform='translate(-157.001 634.999)' fill='%23333'/%3E%3C/svg%3E%0A");
    transition: 0.5s;
}
.biz .more a:hover:before {
    transform:translate(6px, 0)
}
@media screen and (max-width:1440px) {
    .biz .list ul li a .list_sub {
        left: 140px;
        bottom: 30px;
        padding-right: 20px;
    }
    .biz .list ul li a .list_sub p {
        height: 3.6em;
    }
    .biz .list ul li a .list_tit {
        padding-bottom: 100px;
    }
    /*******마우스를 오버한 상태*********/
    .biz .list ul li.on {
        width: 400px;
    }
    .biz .list ul li.off {
        width: 210px;
    }
    /*******마우스를 오버한 상태*********/
    .biz .list ul li.on a strong {
        font-size: 1.067rem;
    }
    .biz .list ul li.on a span {
        font-size: 1.733rem;
    }
}
@media screen and (max-width:1320px) {
    /*******마우스를 오버한 상태*********/
    .biz .list ul li.on {
        width: 340px;
    }
    .biz .list ul li.off {
        width: 190px;
    }
    /*******마우스를 오버한 상태*********/
}
@media screen and (max-width:1260px) {
    .biz .list ul li a .inner {
        width: 270px;
        padding-left: 20px;
    }
    .biz .list ul li.on {
        width: 300px;
    }
    .biz .list ul li.on a .list_sub {
        display: none;
    }
    .biz .list ul li a {
        height: 450px;
    }
    .biz .list ul li a strong {
        font-size: 0.9rem;
        display: block;
    }
    .biz .list ul li a .sub_more {
        right: 20px;
    }
}
@media screen and (max-width:1160px) {
    .biz .list ul li a .inner {
        width: 240px;
        padding-left: 15px;
    }
    .biz .list ul li.on {
        width: 260px;
    }
    .biz .list ul li.on a .list_sub {
        display: none;
    }
    .biz .list ul li a {
        height: 450px;
    }
    .biz .list ul li a strong {
        font-size: 0.933rem;
        display: block;
    }
    .biz .list ul li a .sub_more {
        right: 20px;
    }
} 
@media screen and (max-width:1024px) {
    .biz .list {
        width: auto;
        margin: 0 auto;
        overflow-x: auto;
    }
    .biz .tit strong {
        padding-top: 7rem;
    }
    .biz .tit h2 {
        font-size: 3.643rem;
        margin: 2.071rem 0 1.143rem 0;
    }
    .biz .tit p {
        font-size: 1.214rem;
        margin-bottom: 4.286rem;
    }
    .biz .list ul {
        padding-bottom: 8rem;
        width: 1080px;
    }
    .biz .list ul li {
        width: 200px;
        border-radius: 18px;
        margin-right: 20px;
    }
    .biz .list ul li:last-child {
        margin-right: 0;
    }
    .biz .list ul li a {
        height: 380px;
    }
    .biz .list ul li a .list_tit {
        padding-bottom: 60px;
    }
    .biz .list ul li a .inner {
        width: 180px;
    }
    .biz .list ul li.off {
        width: 200px;
    }
    .biz .list ul li a .sub_more {
        transform: scale(0.85);
        right: 0px;
        bottom: 20px;
    }
    .biz .more {
        top: 245px;
    }
    .biz .list ul li a span {
        font-size: 1.5rem;
    }
} 

@media screen and (max-width:768px) {
    .biz .tit h2 {
        margin: 2rem 0 1.06rem 0;
    }
    .biz .tit p {
        font-size: 1.214rem;
        margin-bottom: 4.286rem;
    }
    .biz .list ul li a .list_tit {
        padding-bottom: 30px;
    }
    .biz .more {
        top: 222px;
    }
    .biz .list ul li a {
        height: 340px;
    }
}
@media screen and (max-width:640px) {
    .biz .list ul {
        padding-bottom: 76px;
    }
    .biz .more {
        left: auto;
        top: auto;
        position: relative;
        text-align: center;
        padding-bottom: 66px;
    }
}
@media screen and (max-width:550px) {
    .biz .tit strong {
        font-size: 1.3rem;
        padding-top: 6rem;
    }
    .biz .tit h2 {
        font-size: 3rem;
        margin: 1.8rem 0 0.8rem 0;
    }
    .biz .tit p {
        font-size: 1.1rem;
        margin-bottom: 3.2rem;
    }
    .biz .list ul {
        width: 852.54px;
    }
    .biz .list ul li {
        width: 158.68px;
        margin-right: 14.8px;
    }
    .biz .list ul li.off {
        width: 158.68px;
    }
    .biz .list ul li a {
        height: 301.5px;
    }
    .biz .list ul li a .inner {
        width: 130px;
    }
    .biz .list ul li a .list_tit {
        padding-bottom: 50px;
    }
    .biz .list ul li a strong {
        display: none;
    }
    .biz .list ul li a .sub_more {
        right: -15px;
        bottom: 15px;
        transform: scale(0.8);
    }
}
@media screen and (max-width:390px) {
    .biz .list {
        overflow: hidden;
    }
    .biz .list ul {
        width: 100%;
        flex-direction: column;
        padding-bottom: 50px;
    }
    .biz .list ul li {
        width: 100%;
        height: 130px;
        margin: 10px 0;
        background-position: left top -23px;
    }
    .biz .list ul li::before {
        background: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0) 20%,
            rgba(0, 0, 0, 0.6) 100%
        );
    }
    .biz .list ul li.off {
        width: 100%;
    }
    .biz .list ul li a {
        height: 100%;
        display: block;
        text-align: center;
    }
    .biz .list ul li a .inner {
        width: 100%;
        height: 100%;
        padding-left: 40px;
    }
    .biz .list ul li a .sub_more {
        right: 40px;
        bottom: 50px;
    }
}
@media screen and (max-width:375px) {
    .biz .list ul li {
        height: 120px;
    }
    .biz .tit h2 {
        font-size: 2.308rem;
    }
}
@media screen and (max-width:320px) {
    .biz .tit p {
        margin-bottom: 2rem;
    }
    .biz .list ul li {
        height: 100px;
        margin: 6px 0;
    }
    .biz .list ul li a .list_tit {
        padding-bottom: 36px;
    }
    .biz .list ul li a .inner {
        padding-left: 35px;
    }
    .biz .list ul li a .sub_more {
        right: 40px;
        bottom: 35px;
    }
}
.special {
    background: url(../images/main/philo_bg.png) no-repeat center center /cover;
}
.special .inner {
    display: flex;
    padding: 170px 0 164px 0;
    justify-content: space-between;
    position: relative;
}
.special .tit strong {
    display: block;
    font-size: 1.333rem;
    font-weight: 700;
    color: #E9D9CD;
}
.special .tit h2 {
    font-size: 3.667rem;
    font-weight: 700;
    margin: 29px 0 67px 0;
}
.special .tit span {
    font-size: 1.733rem;
    font-weight: 700;
}
.special .tit p {
    font-size: 1.133rem;
    margin-top: 11px;
}
.special .tit p em {
    font-weight: 700;
}
.special .cnt {
    width: calc(50% + 28px);
}
.special .more {
    position: absolute;
    left: 0;
    top: 580px;
    font-weight: 700;
    font-family: 'Noto Sans KR';
}
.special .more a {
    padding-right: 30px;
    position: relative;
}
.special .more a::before {
    position: absolute;
    right: 0;
    top: 3px;
    width: 18px;
    height: 13px;
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='12.968' viewBox='0 0 18 12.968'%3E%3Cpath id='trending_flat_FILL0_wght300_GRAD0_opsz48' d='M171.849-627.574h-13.9a.92.92,0,0,1-.679-.266.92.92,0,0,1-.266-.679.92.92,0,0,1,.266-.679.92.92,0,0,1,.679-.266h13.945l-3.924-3.908a.938.938,0,0,1-.287-.666.882.882,0,0,1,.271-.666.92.92,0,0,1,.666-.295.92.92,0,0,1,.666.295l5.359,5.343a1.2,1.2,0,0,1,.359.85,1.144,1.144,0,0,1-.359.834l-5.343,5.359a.986.986,0,0,1-.674.287.85.85,0,0,1-.658-.287.933.933,0,0,1-.295-.679.933.933,0,0,1,.295-.679Z' transform='translate(-157.001 634.999)' fill='%23333'/%3E%3C/svg%3E%0A");
    transition: 0.5s;
}
.special .more a:hover:before {
    transform:translate(6px, 0)
}
.special .cnt ul li {
    display: flex;
    margin-bottom: 45px;
}
.special .cnt ul li:last-child {
    margin-bottom: 0;
}
.special .cnt ul li span {
    width: 80px;
    text-align: center;
    font-size: 1.2rem;
    color: #555555;
    display: block;
    padding-top: 1%;
    font-weight: 700;
}
.special .cnt ul li .sub {
    margin-left: 28px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    line-height: 1.4;
}
.special .cnt ul li .sub strong {     
    display: block;
    margin-bottom: 5px;
    font-size: 1.6rem;
    font-weight: 900;
}
.special .cnt ul li .sub p {
    font-size: 1.1rem;
    line-height: 1.5;
    font-family: 'Noto Sans KR';
    color: #555;
}

@media screen and (max-width:1024px) {
    .special .inner {
        display: flex;
    }
    .special .tit h2 {
        margin: 29px 0 40px 0;
    }
    .special .tit span {
        font-size: 1.65rem;
    }
    .special .cnt ul li .sub strong {
        margin-bottom: 5px;
        font-size: 1.5rem;
    }
    .special .cnt ul li .sub p {
        display: none;
    }
    .special .more {
        top: 504px;
    }
}
@media screen and (max-width:768px) {
    .special .inner {
        display: flex;
        padding: 100px 0 118px 0;
    }
    .special .tit h2 {
        font-size: 3.643rem;
    }
    .special .tit span {
        font-size: 1.5rem;
        margin: 29px 0 54px 0;
    }
    .special .cnt ul li span {
        width: 50px;
        font-size: 1.158rem;
    }
    .special .more {
        top: 421px;
    }
}
@media screen and (max-width:640px)  {
    .special .cnt ul li span {
        width: 37px; 
    }
}
@media screen and (max-width:550px) {
    .special .inner {
        display: flex;
        padding: 70px 0 130px 0;
        flex-wrap: wrap;
        justify-content: center;
    }
    .special .tit {
        text-align: center;
    }
    .special .tit h2 {
        font-size: 3rem;
        margin: 24px 0 12px 0;
    }
    .special .tit span {
        display: none;
    }
    .special .tit p {
        margin-top: 0;
        margin-bottom: 40px;
    }
    .special .cnt {
        width: 100%;
    }
    .special .more {
        left: auto;
        top: auto;
        text-align: center;
        padding-top: 630px;
    }
    .special .cnt ul {
        width: 100%;
    }
    .special .cnt ul li {
        justify-content: center;
        align-items: center;
        margin-bottom: 20px;
        line-height: 60px;
        border-radius: 100px;
        background-color: #fff;
    }
    .special .cnt ul li .sub strong {
        margin-bottom: 0;
    }
    .special .cnt ul li span {
        padding-top: 0;
    }
    .special .cnt ul li .sub {
        width: 15em; /*최대 넓이를 기준으로 넓이를 줌*/
    }
}
@media screen and (max-width: 390px) {
    .special .cnt ul li .sub strong {
        margin-bottom: 0;
        font-size: 1.3rem;
    }
}
@media screen and (max-width: 375px) {
    .special .tit h2 {
        font-size: 2.308rem;
    }
    .special .cnt ul li .sub strong {
        font-size: 1.2rem;
    }
    .special .tit p {
        font-size: 1rem;
    }
    .special .cnt ul li .sub {
        margin-left: 18px;
        width: 12em;
    }
    .special .cnt ul li {
        line-height: 50px;
    }
    .special .more {
        padding-top: 567px;
    }
}
.notice  {
    z-index: 2;
    background-color: #f8f8f8;
}
.notice .inner {
    position: relative;
    padding: 172px 0 489px 0;
}
.notice .tit strong {
    display: block;
    font-size: 1.333rem;
    font-weight: 700;
    color: #B5A597;
}
.notice .tit h2 {
    font-size: 3.667rem;
    font-weight: 700;
    margin: 29px 0 10px 0;
}
.notice .tit p {
    font-size: 1.133rem;
    margin-top: 11px;
}
.notice .tit p em {
    font-weight: 700;
}
.notice .cnt {
    position: absolute;
    left: 580px;
    top: 230px;
    width: 100%;
}
.notice .cnt ul {
    padding-bottom: 45px;
}
.notice .cnt ul li {
    width: 30%;
    min-width: 275px;
    height: 513px;
    padding: 20px 30px;
    border-radius: 10px;
}
.notice .cnt ul li a {
    display: block;
}
@media screen and (min-width:1261px) { 
    .notice .cnt ul li:hover {
        transition: 0.3s;
        box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);
    }
}
.notice .cnt ul li a .photo {
    display: block;
}
.notice .cnt ul li a .photo > img {
    width: 100%;
    border-radius: 10px;
}
.notice .cnt ul li a .sub_tit strong {
    display: block;
}
.notice .cnt ul li a .sub_tit span {
    display: block;
}
.notice .sub_tit {
    margin-top: 22px;
}
.notice .sub_tit strong {
    display: block;
    font-size: 1.6rem;
    margin-bottom: 15px;
    font-weight: 700;
}
.notice .sub_tit span {
    display: block;
    font-size: 1.1rem;
    line-height: 1.7;
    height: 5.1em;
    overflow: hidden;
}
.notice .more {
    position: absolute;
    left: 0;
    top: 430px;
    font-weight: 700;
    font-family: 'Noto Sans KR';
}
.notice .more a {
    padding-right: 30px;
    position: relative;
}
.notice .more a::before {
    position: absolute;
    right: 0;
    top: 3px;
    width: 18px;
    height: 13px;
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='12.968' viewBox='0 0 18 12.968'%3E%3Cpath id='trending_flat_FILL0_wght300_GRAD0_opsz48' d='M171.849-627.574h-13.9a.92.92,0,0,1-.679-.266.92.92,0,0,1-.266-.679.92.92,0,0,1,.266-.679.92.92,0,0,1,.679-.266h13.945l-3.924-3.908a.938.938,0,0,1-.287-.666.882.882,0,0,1,.271-.666.92.92,0,0,1,.666-.295.92.92,0,0,1,.666.295l5.359,5.343a1.2,1.2,0,0,1,.359.85,1.144,1.144,0,0,1-.359.834l-5.343,5.359a.986.986,0,0,1-.674.287.85.85,0,0,1-.658-.287.933.933,0,0,1-.295-.679.933.933,0,0,1,.295-.679Z' transform='translate(-157.001 634.999)' fill='%23333'/%3E%3C/svg%3E%0A");
    transition: 0.5s;
}
.notice .more a:hover:before {
    transform:translate(6px, 0)
}
/*.notice .cnt > .swiper-scrollbar {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 50;
    height: 3px;
    width: 100%;
    border-radius: 0;
}
.notice .cnt > .swiper-scrollbar.swiper-scrollbar-horizontal .swiper-scrollbar-drag {
    background: #7B7B7B;
    border-radius: 0;
    top: -1px;
}
*/
.notice .prev, .notice .next {
    position: absolute;
    left: 0;
    top: 587px;
    z-index: 10;
    width: 50px;
    height: 70px;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid rgba(204 , 204, 204, 0.8);
    font-size: 0;
    line-height: 0;
}
.notice .prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='38.792' viewBox='0 0 20 38.792'%3E%3Cpath id='chevron_right_FILL0_wght100_GRAD0_opsz48' d='M366.136-660.582l17.476-17.573a.879.879,0,0,0,.388-.728.879.879,0,0,0-.388-.728,1.119,1.119,0,0,0-.777-.388,1.119,1.119,0,0,0-.777.388l-17.184,17.185a3.735,3.735,0,0,0-.631.825,2.066,2.066,0,0,0-.243,1.019,2.154,2.154,0,0,0,.243.971,3.345,3.345,0,0,0,.631.874l17.184,17.185a1.182,1.182,0,0,0,.728.34.991.991,0,0,0,.825-.34,1.119,1.119,0,0,0,.388-.777,1.119,1.119,0,0,0-.388-.777Z' transform='translate(-364 680)' fill='%23888'/%3E%3C/svg%3E%0A");
}
.notice .next {
    left: 50px;
    border-left-width: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='38.792' viewBox='0 0 20 38.792'%3E%3Cpath id='chevron_right_FILL0_wght100_GRAD0_opsz48' d='M381.864-660.583l-17.476-17.573a.879.879,0,0,1-.388-.728.879.879,0,0,1,.388-.728,1.119,1.119,0,0,1,.777-.388,1.119,1.119,0,0,1,.777.388l17.184,17.185a3.735,3.735,0,0,1,.631.825,2.066,2.066,0,0,1,.243,1.019,2.154,2.154,0,0,1-.243.971,3.345,3.345,0,0,1-.631.874l-17.184,17.184a1.182,1.182,0,0,1-.728.34.991.991,0,0,1-.825-.34,1.119,1.119,0,0,1-.388-.777,1.119,1.119,0,0,1,.388-.777Z' transform='translate(-364 680)' fill='%23888'/%3E%3C/svg%3E%0A");
}

@media screen and (max-width:1440px) {
    .notice .inner {
        padding: 172px 0 430px 0;
    }
}
@media screen and (max-width:1320px) {
    .notice .cnt ul {
        padding-bottom: 0;
    }
    .notice .inner {
        padding: 172px 0 380px 0;
    }
}
@media screen and (max-width:1260px) {
    .notice .inner {
        padding: 161px 0 400px 0;
    }
    .notice .cnt {
        position: absolute;
        left: 480px;
        top: 230px;
        width: 100%;
    }
    .notice .cnt ul {
        padding-bottom: 50px;
    }
    .notice .cnt ul li {
        width: auto;
        height: auto;
        padding: 0;
    }
    .notice .sub_tit strong {
        /*1줄 제한*/
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
@media screen and (max-width:1024px) {
    .notice .inner {
        padding: 98px 0 112px 0;
    }
    .notice .cnt {
        margin-top: 68px;
        position: relative;
        left: auto; 
        top: auto;
        width: auto; 
    }
    .notice .more {
        position: absolute;
        left: auto;
        right: 0;
        top: 233px;
        font-weight: 700;
        font-family: 'Noto Sans KR';
    }
    .notice .sub_tit strong {
        font-size: 1.5rem;
    }
    .notice .sub_tit span {
        line-height: 1.6;
        height: 3.2em;
    }
    .notice .cnt ul {
        padding-bottom: 0;
    }
}
@media screen and (max-width:768px) {
    .notice .inner {
        padding: 100px 0 118px 0;
    }
    .notice .tit h2 {
        font-size: 3.643rem;
    }
    .notice .tit p {
        font-size: 1.214rem;
    }
    .notice .more {
        top: 230px;
    }
    .notice .sub_tit strong {
        margin-bottom: 8px;
    }
    .notice .sub_tit span {
        line-height: 1.5;
        height: 3em;
    }
}
@media screen and (max-width:550px) {
    .notice .inner {
        padding: 111px 0 141px 0;
    }
    .notice .cnt {
        margin-top: 50px;
    }
    .notice .tit h2 {
        font-size: 3rem;
        margin: 24px 0 12px 0;
    }
    .notice .tit p {
        margin-top: 0;
        margin-bottom: 40px;
    }
    .notice .more {
        right: auto;
        top: auto;
        text-align: center;
        margin-top: 66px;
        width: 100%;
    }
    .notice .sub_tit strong {
        font-size: 1.385rem;
    }
    .notice .sub_tit span {
        font-size: 1rem;
        line-height: 1.4;
        height: auto;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
@media screen and (max-width: 375px) {
    .notice .tit h2 {
        font-size: 2.308rem;
    }
    .notice .tit p {
        font-size: 1rem;
    }
    .notice .sub_tit {
        margin-top: 16px;
    }
    .notice .sub_tit strong {
        font-size: 1.3rem;
        margin-bottom: 5px;
    }
}

.news {
    z-index: 10;
    position: relative;
    background-color: #f8f8f8;
    padding: 60px 0;
}
.news::after {
    position: absolute;
    left: 20px;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 20px;
    background-color: #E7E7E7;
}
.news .swiper .swiper-slide {
    position: relative;
    display: flex;
    justify-content: space-between;
}
.news .tit span {
    display: block;
    font-size: 1.333rem;
    font-weight: 700;
    color: #B5A597;
}
.news .tit strong {
    display: block;
    width: 12em;
    font-size: 2.571rem;
    font-weight: 700;
    margin: 70px 0 20px 0;
}
.news .tit p {
    font-size: 1.1rem;
    line-height: 1.5;
    height: 3em;
    overflow: hidden;
}
.news .m_photo {
    display: none;
    border-radius: 20px;
}
.news .photo {
    width: 50%;
    line-height: 0;
    font-size: 0;
}
.news .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
}
.news .more {
    margin-top: 50px;
    font-weight: 700;
    font-family: 'Noto Sans KR';
}
.news .more a {
    padding-right: 30px;
    position: relative;
}
.news .more a::before {
    position: absolute;
    right: 0;
    top: 3px;
    width: 18px;
    height: 13px;
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='12.968' viewBox='0 0 18 12.968'%3E%3Cpath id='trending_flat_FILL0_wght300_GRAD0_opsz48' d='M171.849-627.574h-13.9a.92.92,0,0,1-.679-.266.92.92,0,0,1-.266-.679.92.92,0,0,1,.266-.679.92.92,0,0,1,.679-.266h13.945l-3.924-3.908a.938.938,0,0,1-.287-.666.882.882,0,0,1,.271-.666.92.92,0,0,1,.666-.295.92.92,0,0,1,.666.295l5.359,5.343a1.2,1.2,0,0,1,.359.85,1.144,1.144,0,0,1-.359.834l-5.343,5.359a.986.986,0,0,1-.674.287.85.85,0,0,1-.658-.287.933.933,0,0,1-.295-.679.933.933,0,0,1,.295-.679Z' transform='translate(-157.001 634.999)' fill='%23333'/%3E%3C/svg%3E%0A");
    transition: 0.5s;
}
.news .more a:hover:before {
    transform:translate(6px, 0)
}
.news .swiper-pagination-bullets.swiper-pagination-horizontal {  
    bottom: -46px;
    z-index: 10;
}
.news .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
    margin: 0 15px;
    opacity: 0.1;
}
.news .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet-active  {
    opacity: 1;
    background-color: #7B7B7B;
}
@media screen and (max-width: 1024px) {
    .news .tit strong {
        font-size: 1.857rem;
        margin: 70px 0 20px 0;
    }
    .news .tit {
        margin-right: 30px;
    }
    .news .tit p {
        font-size: 1rem;
    }
}
@media screen and (max-width: 768px) {
    .news .tit strong {
        font-size: 1.571rem;
        margin: 40px 0 15px 0;
    }
    .news .photo {
        display: none;
    }
    .news .m_photo {
        display: block;
    }
    .news .m_photo img {
        width: 100%;
        height: 100%;
    }
    .news .tit p {
        display: none;
    }
    .news .swiper .swiper-slide {
        flex-wrap: wrap;
        justify-content: center;
    }
}
@media screen and (max-width: 707px) {
    .news {
        padding: 40px 0;
    }
    .news .swiper .swiper-slide {
        flex-direction: column;
        align-content: center;
    }
    .news .tit strong {
        font-size: 1.833rem;
        margin: 15px 0 20px 0;
    }
    .news .more {
        margin: 0 0 30px 0; 
    }
}
@media screen and (max-width: 500px) {
    .news .tit {
        margin-right: 0;
    }
    .news .swiper .swiper-slide {
        padding: 0 0 0 20px;
    }
    .news .tit strong {
        font-size: 1.5rem;
        margin: 25px 0 35px 0;
    }
    .news .tit span {
        font-size: 1.25rem;
    }
    .news .more {
        margin: 0 0 20px 0;
    }
    .news .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: -32px;
    }
    .news .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
        margin: 0 8px;
        width: 6px;
        height: 6px;
    }
}
.partner {
    padding: 130px 0 80px 0;
    background-color: #f8f8f8;
}
.partner h2 {
    display: none;
}
.partner .logo_slide {
    width: max-content;
    white-space:nowrap; 
    animation:rolling; 
    animation-duration: 20s; 
    animation-timing-function:linear; 
    animation-iteration-count:infinite;
}
.partner .logo_slide ul {
    display: flex;
    width: max-content;
    align-items: center;
}
.partner .logo_slide ul li {
    margin-right: 80px;
}
.partner .logo_slide ul li img {
    width: 100%;
    height: 100%;
}
@keyframes rolling {
    0% { transform:translate(0, 0) }
    100% { transform:translate(-1480px, 0) } /* 글자가 움직여서 처음과 동일한 위치가 되는 값 (동일한 문장을 여러번 쓰기 때문에 3-4번째 문장이 다시 시작하는 위치로 하면 됨) */
}

@media screen and (max-width: 1024px) {
    .partner {
        padding: 100px 0 60px 0;
    }
    .partner .logo_slide ul li {
        margin-right: 50px;
    }
    .partner .logo_slide ul li img {
        width: 80%;
    }
    @keyframes rolling {
        0% { transform:translate(0, 0) }
        100% { transform:translate(-1299px, 0) } /* 글자가 움직여서 처음과 동일한 위치가 되는 값 (동일한 문장을 여러번 쓰기 때문에 3-4번째 문장이 다시 시작하는 위치로 하면 됨) */
    }
}
@media screen and (max-width: 430px) {
    .partner {
        padding: 75px 0 55px 0;
    }
    .partner .logo_slide ul li {
        margin-right: 0;
        margin-right: 36px;
    }
    .partner .logo_slide {
        animation-duration: 15s; 
    }
    @keyframes rolling {
        0% { transform:translate(0, 0) }
        100% { transform:translate(-1215px, 0) } /* 글자가 움직여서 처음과 동일한 위치가 되는 값 (동일한 문장을 여러번 쓰기 때문에 3-4번째 문장이 다시 시작하는 위치로 하면 됨) */
    }
}

.info {
    background-color: #333333;
    color: #fff;
    border-bottom: 1px solid rgba(240, 233, 227, 0.2);
}
.info .inner {
    display: flex;
    justify-content: space-between;
    padding: 138px 0 90px 0;
}
.info .tit strong {
    display: block;
    font-size: 1.333rem;
    font-weight: 700;
    color: #B5A597;
}
.info .tit h2 {
    font-size: 3.667rem;
    font-weight: 700;
    margin: 29px 0 10px 0;
}
.info .tit p {
    font-size: 1.133rem;
    margin-bottom: 60px;
}
.info .cnt {
    width: 1001px;
}
.info .cnt ul {
    display: flex;
    justify-content: space-between;
}
.info .cnt > ul > li {
    width: calc(33.33% - 23.33px);
    text-align: center;
    padding: 128px 45px 67px 45px;
    background-color: #404040;
    border-radius: 20px;
}
.info .cnt h3 {
    font-size: 1.533rem;
    font-weight: 700;
    margin-bottom: 43px;
    position: relative;
}
.info .cnt h3::before {
    position: absolute;
    left: 50%;
    bottom: 50px;
    transform: translate(-50%, 0);
    width: 50px;
    height: 50px;
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
}
.info .cnt h3.call::before {
    background-image: url("data:image/svg+xml,%3Csvg id='그룹_222' data-name='그룹 222' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='41.762' height='40.533' viewBox='0 0 41.762 40.533'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_151' data-name='사각형 151' width='41.762' height='40.533' transform='translate(0 0)' fill='%23e3e2e1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_55' data-name='그룹 55' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_1714' data-name='패스 1714' d='M37.953,11.5a1.206,1.206,0,1,0,0,2.412A10.1,10.1,0,0,1,48.089,23.962a1.219,1.219,0,0,0,2.438,0A12.531,12.531,0,0,0,37.953,11.5' transform='translate(-16.959 -4.568)' fill='%23e3e2e1'/%3E%3Cpath id='패스_1715' data-name='패스 1715' d='M38.331,0a1.216,1.216,0,0,0-1.22,1.208,1.214,1.214,0,0,0,1.22,1.205A16.068,16.068,0,0,1,54.451,18.39a1.219,1.219,0,0,0,2.437,0A18.5,18.5,0,0,0,38.331,0' transform='translate(-17.133 0.802)' fill='%23e3e2e1'/%3E%3Cpath id='패스_1716' data-name='패스 1716' d='M33.918,28.164a6.612,6.612,0,0,0-9.281.461l-1.18,1.293a6.506,6.506,0,0,0-1.015,1.476,21.728,21.728,0,0,1-10.3-9.323A6.541,6.541,0,0,0,14.2,20.558l1.179-1.292a6.471,6.471,0,0,0-.465-9.2L12.919,8.286a6.612,6.612,0,0,0-9.282.461l-1.18,1.294a6.586,6.586,0,0,0-.465.573A7.654,7.654,0,0,0,.182,17.669,31.478,31.478,0,0,0,28.253,42.83c.312.027.62.042.917.042a8.489,8.489,0,0,0,4.423-1.154,6.578,6.578,0,0,0,1.6-1.28l1.18-1.294a6.478,6.478,0,0,0-.465-9.2ZM10.56,20.251l-.36.107A1.137,1.137,0,0,0,9.478,21a1.122,1.122,0,0,0,.026.955l.167.333A23.911,23.911,0,0,0,22.353,33.817l.311.122a1.16,1.16,0,0,0,.9-.028,1.145,1.145,0,0,0,.6-.668l.106-.312a4.2,4.2,0,0,1,.881-1.491l1.182-1.292a4.3,4.3,0,0,1,6.041-.3l1.991,1.785a4.219,4.219,0,0,1,.3,5.988l-1.182,1.294a4.329,4.329,0,0,1-1.073.852,6.534,6.534,0,0,1-3.961.8A29.182,29.182,0,0,1,2.434,17.241a5.424,5.424,0,0,1,1.13-4.974,1.039,1.039,0,0,0,.111-.107l.052-.058a1.077,1.077,0,0,0,.089-.111,4.264,4.264,0,0,1,.342-.429l1.179-1.294a4.307,4.307,0,0,1,6.043-.3l1.991,1.784a4.215,4.215,0,0,1,.3,5.991l-1.179,1.292a4.278,4.278,0,0,1-1.935,1.216' transform='translate(-0.034 -2.28)' fill='%23e3e2e1'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.info .cnt h3.time::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='41' viewBox='0 0 41 41'%3E%3Cpath id='nest_clock_farsight_analog_FILL0_wght200_GRAD0_opsz24' d='M147.184-809.881l-7.823-7.823v-11.082h2.278v10.167l7.114,7.114Zm-7.823-23.286v-4.556h2.278v4.556Zm14.806,14.806v-2.278h4.556v2.278Zm-14.806,17.083v-4.556h2.278v4.556Zm-17.083-17.083v-2.278h4.556v2.278ZM140.508-799a19.98,19.98,0,0,1-8-1.614,20.715,20.715,0,0,1-6.512-4.38,20.693,20.693,0,0,1-4.384-6.506A19.938,19.938,0,0,1,120-819.492a19.98,19.98,0,0,1,1.614-8,20.716,20.716,0,0,1,4.38-6.512,20.694,20.694,0,0,1,6.506-4.384A19.938,19.938,0,0,1,140.492-840a19.98,19.98,0,0,1,8,1.614,20.716,20.716,0,0,1,6.512,4.38,20.693,20.693,0,0,1,4.384,6.506A19.939,19.939,0,0,1,161-819.508a19.98,19.98,0,0,1-1.614,8,20.715,20.715,0,0,1-4.38,6.512,20.694,20.694,0,0,1-6.506,4.384A19.939,19.939,0,0,1,140.508-799Zm-.008-2.278a17.587,17.587,0,0,0,12.926-5.3,17.587,17.587,0,0,0,5.3-12.926,17.587,17.587,0,0,0-5.3-12.926,17.587,17.587,0,0,0-12.926-5.3,17.587,17.587,0,0,0-12.926,5.3,17.587,17.587,0,0,0-5.3,12.926,17.587,17.587,0,0,0,5.3,12.926A17.587,17.587,0,0,0,140.5-801.278ZM140.5-819.5Z' transform='translate(-120 840)' fill='%23e3e2e1'/%3E%3C/svg%3E%0A");
}
.info .cnt h3.location::before {
    background-image: url("data:image/svg+xml,%3Csvg id='그룹_223' data-name='그룹 223' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='28.928' height='48.134' viewBox='0 0 28.928 48.134'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_238' data-name='사각형 238' width='28.928' height='48.134' fill='%23e3e2e1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_122' data-name='그룹 122' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_1854' data-name='패스 1854' d='M28.519,17.884a14.465,14.465,0,1,0-28.109,0A21.616,21.616,0,0,0,1.99,23.511c1.421,2.985,7.4,12.841,10.149,17.33-3.712.473-5.436,2.07-5.436,3.574,0,1.791,2.429,3.719,7.762,3.719s7.762-1.927,7.762-3.719c0-1.5-1.723-3.1-5.435-3.574,2.745-4.489,8.726-14.345,10.148-17.33a21.575,21.575,0,0,0,1.579-5.627M19.99,44.415c-.151.423-2.019,1.485-5.525,1.485-3.548,0-5.418-1.087-5.529-1.471.1-.37,1.625-1.282,4.506-1.463l.073.118a1.118,1.118,0,0,0,1.9,0c.014-.023.038-.064.073-.119,2.844.18,4.367,1.071,4.5,1.45m6.349-27.022a.847.847,0,0,0-.018.086,19.866,19.866,0,0,1-1.4,5.071c-1.436,3.013-7.984,13.77-10.459,17.811-2.475-4.042-9.024-14.8-10.458-17.811a19.864,19.864,0,0,1-1.4-5.07c-.005-.029-.01-.059-.017-.087a12.23,12.23,0,1,1,23.748,0' transform='translate(0 0)' fill='%23e3e2e1'/%3E%3Cpath id='패스_1855' data-name='패스 1855' d='M14.213,6.094a7.762,7.762,0,1,0,7.762,7.762,7.772,7.772,0,0,0-7.762-7.762m0,13.291a5.528,5.528,0,1,1,5.527-5.528,5.534,5.534,0,0,1-5.527,5.528' transform='translate(0.251 0.237)' fill='%23e3e2e1'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.info .cnt .detail span {
    display: block;
    line-height: 1.65;
}
.info .cnt .num span {
    margin-bottom: 23px;
}
.info .cnt .box_wrap .box span {
    display: block;
}
.info .cnt .box_wrap .box {
    margin-bottom: 36px;
}
.info .cnt .box_wrap .color {
    color: #B5A597;
}
.info .cnt .box_wrap .box:last-child {
    margin-bottom: 0;
}
.info .cnt .address {
    margin-bottom: 56px;
}
.info .cnt ul > li > .detail > .map {
    display: block;
}
.info .cnt ul > li > .detail > .map > li {
    margin-bottom: 23px;
    text-align: left;
}
.info .cnt ul > li > .detail > .map > li:last-child {
    margin-bottom: 0;
}
.info .cnt ul > li > .detail > .map > li >  a {
    display: block;
    padding: 12px 27px 12px 67px ;
    border-radius: 50px;
    border: 1px solid #fff;
}
.info .cnt ul > li > .detail > .map > li >  a:hover {
    background-color: #fff;
    color: #333;
}
.info .cnt ul > li > .detail > .map > li.google >  a:hover > span::before {
    background-image: url("data:image/svg+xml,%3Csvg id='그룹_214' data-name='그룹 214' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19' height='19' viewBox='0 0 19 19'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_396' data-name='사각형 396' width='19' height='19' fill='%23333'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_213' data-name='그룹 213' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_1923' data-name='패스 1923' d='M18.929,8.328l-.039-.32-3.843.013,0,.024H9.613v4.1h5.036a5.789,5.789,0,1,1-.676-6.326l.256.311,2.621-2.663-.224-.253c-.136-.153-.273-.3-.407-.433A9.5,9.5,0,0,0,2.782,16.218,9.5,9.5,0,0,0,19,9.5a9.7,9.7,0,0,0-.071-1.172' fill='%23333'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.info .cnt ul > li > .detail > .map > li.naver>  a:hover > span::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.308' height='21.308' viewBox='0 0 21.308 21.308'%3E%3Cpath id='제외_2' data-name='제외 2' d='M10.154,20.308A10.157,10.157,0,0,1,6.2.8a10.157,10.157,0,0,1,7.9,18.712A10.09,10.09,0,0,1,10.154,20.308ZM8.5,10.548h0l3.317,4.668H15.2V5.942H11.813V10.8L8.5,5.942H5.111v9.274H8.5V10.549Z' transform='translate(0.5 0.5)' fill='%23333' stroke='rgba(0,0,0,0)' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A");
}
.info .cnt ul > li > .detail > .map > li.kakao >  a:hover > span::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.205' height='18.708' viewBox='0 0 20.205 18.708'%3E%3Cpath id='제외_1' data-name='제외 1' d='M3.732,17.708a.213.213,0,0,1-.172-.071.232.232,0,0,1-.034-.2c.057-.269.134-.535.209-.792l.024-.084.023-.081L3.921,16l.031-.109c.169-.6.345-1.212.521-1.817.019-.068.015-.1-.061-.142A8.871,8.871,0,0,1,1.566,11.71a6.523,6.523,0,0,1-1.491-3.2A6.081,6.081,0,0,1,.77,4.594,7.894,7.894,0,0,1,3.5,1.726,10.717,10.717,0,0,1,7.466.189,11.935,11.935,0,0,1,9.576,0c.359,0,.724.017,1.084.049a10.641,10.641,0,0,1,5.511,2.011A7.272,7.272,0,0,1,18.665,5.1a6.041,6.041,0,0,1-.46,5.8,8.027,8.027,0,0,1-2.941,2.769,10.838,10.838,0,0,1-3.674,1.3,11.82,11.82,0,0,1-1.867.162H9.575a11.169,11.169,0,0,1-1.56-.1.375.375,0,0,0-.052,0,.293.293,0,0,0-.175.059l-.135.094C6.6,15.92,5.5,16.688,4.381,17.4c-.107.068-.221.132-.322.188l-.111.063a.474.474,0,0,1-.167.057A.372.372,0,0,1,3.732,17.708ZM3.638,6.387h0a.1.1,0,0,1,.077.021.123.123,0,0,1,.02.09c0,.35,0,.7,0,1.049q0,.262,0,.525t0,.527c0,.352,0,.7,0,1.057a.548.548,0,0,0,.549.555.6.6,0,0,0,.18-.028.543.543,0,0,0,.379-.557c0-1.042,0-2.1,0-3.137,0-.071.013-.1.1-.1.111,0,.231,0,.37,0l.367,0a.685.685,0,0,0,.169-.014.542.542,0,0,0-.152-1.067q-.7,0-1.4,0t-1.4,0a.559.559,0,0,0-.4.162.543.543,0,0,0,.409.92H3l.3,0c.128,0,.234,0,.334,0ZM7.569,5.311a.658.658,0,0,0-.127.012.811.811,0,0,0-.62.547C6.472,6.787,6.1,7.756,5.7,8.834c-.018.049-.038.1-.057.145l-.014.033a3.139,3.139,0,0,0-.179.533A.579.579,0,0,0,5.5,10a.545.545,0,0,0,.392.193.815.815,0,0,0,.121.01.479.479,0,0,0,.477-.354l.043-.112.023-.059.009-.023c.044-.114.091-.233.132-.35a.09.09,0,0,1,.1-.071H8.071l.251,0H8.33a.1.1,0,0,1,.11.083c.025.069.053.139.08.207.045.114.091.228.126.344a.454.454,0,0,0,.46.328l.046,0a.876.876,0,0,0,.3-.058A.356.356,0,0,0,9.7,9.818a1.171,1.171,0,0,0-.089-.529c-.153-.408-.311-.822-.463-1.223l-.038-.1-.191-.5q-.128-.336-.255-.672l-.007-.019Q8.475,6.306,8.3,5.84A.807.807,0,0,0,7.569,5.311Zm6.026,0h0a.553.553,0,0,0-.551.561q0,.943,0,1.885t0,1.884a.558.558,0,0,0,.551.564.511.511,0,0,0,.1-.009.537.537,0,0,0,.456-.527c0-.273,0-.549,0-.816V8.524c0-.063.126-.257.179-.257s.067.039.089.076a.244.244,0,0,0,.042.057l.008.011,0,.006a.2.2,0,0,0,.015.021c.349.463.754,1,1.15,1.523a.564.564,0,0,0,.448.228.554.554,0,0,0,.425-.906l-.1-.133-.02-.027c-.383-.509-.779-1.036-1.172-1.552-.046-.059-.044-.089.008-.142q.31-.307.619-.616l.094-.094.073-.073.378-.377a.487.487,0,0,0,.136-.211.538.538,0,0,0-.253-.6A.505.505,0,0,0,16,5.382a.482.482,0,0,0-.344.156c-.425.423-.89.888-1.42,1.42a.332.332,0,0,0-.047.064l-.016.025-.014-.01-.009-.007-.012-.008V6.948q0-.18,0-.361c0-.24,0-.481,0-.721A.551.551,0,0,0,13.595,5.307Zm-3.037,0a.522.522,0,0,0-.062,0,.554.554,0,0,0-.508.555q0,.624,0,1.246,0,.312,0,.624t0,.626q0,.626,0,1.252a.5.5,0,0,0,.482.512c.309,0,.624,0,.934,0s.626,0,.936,0a.477.477,0,0,0,.34-.153.519.519,0,0,0,.142-.377.51.51,0,0,0-.516-.476c-.181,0-.362,0-.542,0s-.361,0-.542,0h-.01a.1.1,0,0,1-.077-.021.117.117,0,0,1-.02-.086q0-1.537,0-3.079V5.915a.63.63,0,0,0-.019-.188A.572.572,0,0,0,10.558,5.306ZM7.086,8.261h0c-.03,0-.047,0-.054-.015s-.006-.031.007-.066q.168-.47.332-.941l.089-.252c.02-.053.038-.106.059-.166l0-.012c.013-.037.026-.077.042-.12.194.554.385,1.094.553,1.57H7.234c-.054,0-.1,0-.139,0Z' transform='translate(0.501 0.5)' fill='%23333' stroke='rgba(0,0,0,0)' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A");
}
.info .cnt ul > li > .detail > .map > li >  a > span {
    display: inline-block;
    position: relative;
    padding-left: 25px;
}
.info .cnt ul > li > .detail > .map > li >  a > span::before {
    position: absolute;
    left: -20px;
    top: 3px;
    content: "";
    width: 22px;
    height: 22px;
    background-position: center center;
    background-repeat: no-repeat;
}
.info .cnt ul > li > .detail > .map > li.google >  a > span::before {
    background-image: url("data:image/svg+xml,%3Csvg id='그룹_214' data-name='그룹 214' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19' height='19' viewBox='0 0 19 19'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_396' data-name='사각형 396' width='19' height='19' fill='%23e3e2e1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_213' data-name='그룹 213' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_1923' data-name='패스 1923' d='M18.929,8.328l-.039-.32-3.843.013,0,.024H9.613v4.1h5.036a5.789,5.789,0,1,1-.676-6.326l.256.311,2.621-2.663-.224-.253c-.136-.153-.273-.3-.407-.433A9.5,9.5,0,0,0,2.782,16.218,9.5,9.5,0,0,0,19,9.5a9.7,9.7,0,0,0-.071-1.172' fill='%23e3e2e1'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.info .cnt ul > li > .detail > .map > li.naver>  a > span::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.308' height='21.308' viewBox='0 0 21.308 21.308'%3E%3Cpath id='제외_2' data-name='제외 2' d='M10.154,20.308A10.157,10.157,0,0,1,6.2.8a10.157,10.157,0,0,1,7.9,18.712A10.09,10.09,0,0,1,10.154,20.308ZM8.5,10.548h0l3.317,4.668H15.2V5.942H11.813V10.8L8.5,5.942H5.111v9.274H8.5V10.549Z' transform='translate(0.5 0.5)' fill='%23e3e2e1' stroke='rgba(0,0,0,0)' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A");
}
.info .cnt ul > li > .detail > .map > li.kakao >  a > span::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.205' height='18.708' viewBox='0 0 20.205 18.708'%3E%3Cpath id='제외_1' data-name='제외 1' d='M3.732,17.708a.213.213,0,0,1-.172-.071.232.232,0,0,1-.034-.2c.057-.269.134-.535.209-.792l.024-.084.023-.081L3.921,16l.031-.109c.169-.6.345-1.212.521-1.817.019-.068.015-.1-.061-.142A8.871,8.871,0,0,1,1.566,11.71a6.523,6.523,0,0,1-1.491-3.2A6.081,6.081,0,0,1,.77,4.594,7.894,7.894,0,0,1,3.5,1.726,10.717,10.717,0,0,1,7.466.189,11.935,11.935,0,0,1,9.576,0c.359,0,.724.017,1.084.049a10.641,10.641,0,0,1,5.511,2.011A7.272,7.272,0,0,1,18.665,5.1a6.041,6.041,0,0,1-.46,5.8,8.027,8.027,0,0,1-2.941,2.769,10.838,10.838,0,0,1-3.674,1.3,11.82,11.82,0,0,1-1.867.162H9.575a11.169,11.169,0,0,1-1.56-.1.375.375,0,0,0-.052,0,.293.293,0,0,0-.175.059l-.135.094C6.6,15.92,5.5,16.688,4.381,17.4c-.107.068-.221.132-.322.188l-.111.063a.474.474,0,0,1-.167.057A.372.372,0,0,1,3.732,17.708ZM3.638,6.387h0a.1.1,0,0,1,.077.021.123.123,0,0,1,.02.09c0,.35,0,.7,0,1.049q0,.262,0,.525t0,.527c0,.352,0,.7,0,1.057a.548.548,0,0,0,.549.555.6.6,0,0,0,.18-.028.543.543,0,0,0,.379-.557c0-1.042,0-2.1,0-3.137,0-.071.013-.1.1-.1.111,0,.231,0,.37,0l.367,0a.685.685,0,0,0,.169-.014.542.542,0,0,0-.152-1.067q-.7,0-1.4,0t-1.4,0a.559.559,0,0,0-.4.162.543.543,0,0,0,.409.92H3l.3,0c.128,0,.234,0,.334,0ZM7.569,5.311a.658.658,0,0,0-.127.012.811.811,0,0,0-.62.547C6.472,6.787,6.1,7.756,5.7,8.834c-.018.049-.038.1-.057.145l-.014.033a3.139,3.139,0,0,0-.179.533A.579.579,0,0,0,5.5,10a.545.545,0,0,0,.392.193.815.815,0,0,0,.121.01.479.479,0,0,0,.477-.354l.043-.112.023-.059.009-.023c.044-.114.091-.233.132-.35a.09.09,0,0,1,.1-.071H8.071l.251,0H8.33a.1.1,0,0,1,.11.083c.025.069.053.139.08.207.045.114.091.228.126.344a.454.454,0,0,0,.46.328l.046,0a.876.876,0,0,0,.3-.058A.356.356,0,0,0,9.7,9.818a1.171,1.171,0,0,0-.089-.529c-.153-.408-.311-.822-.463-1.223l-.038-.1-.191-.5q-.128-.336-.255-.672l-.007-.019Q8.475,6.306,8.3,5.84A.807.807,0,0,0,7.569,5.311Zm6.026,0h0a.553.553,0,0,0-.551.561q0,.943,0,1.885t0,1.884a.558.558,0,0,0,.551.564.511.511,0,0,0,.1-.009.537.537,0,0,0,.456-.527c0-.273,0-.549,0-.816V8.524c0-.063.126-.257.179-.257s.067.039.089.076a.244.244,0,0,0,.042.057l.008.011,0,.006a.2.2,0,0,0,.015.021c.349.463.754,1,1.15,1.523a.564.564,0,0,0,.448.228.554.554,0,0,0,.425-.906l-.1-.133-.02-.027c-.383-.509-.779-1.036-1.172-1.552-.046-.059-.044-.089.008-.142q.31-.307.619-.616l.094-.094.073-.073.378-.377a.487.487,0,0,0,.136-.211.538.538,0,0,0-.253-.6A.505.505,0,0,0,16,5.382a.482.482,0,0,0-.344.156c-.425.423-.89.888-1.42,1.42a.332.332,0,0,0-.047.064l-.016.025-.014-.01-.009-.007-.012-.008V6.948q0-.18,0-.361c0-.24,0-.481,0-.721A.551.551,0,0,0,13.595,5.307Zm-3.037,0a.522.522,0,0,0-.062,0,.554.554,0,0,0-.508.555q0,.624,0,1.246,0,.312,0,.624t0,.626q0,.626,0,1.252a.5.5,0,0,0,.482.512c.309,0,.624,0,.934,0s.626,0,.936,0a.477.477,0,0,0,.34-.153.519.519,0,0,0,.142-.377.51.51,0,0,0-.516-.476c-.181,0-.362,0-.542,0s-.361,0-.542,0h-.01a.1.1,0,0,1-.077-.021.117.117,0,0,1-.02-.086q0-1.537,0-3.079V5.915a.63.63,0,0,0-.019-.188A.572.572,0,0,0,10.558,5.306ZM7.086,8.261h0c-.03,0-.047,0-.054-.015s-.006-.031.007-.066q.168-.47.332-.941l.089-.252c.02-.053.038-.106.059-.166l0-.012c.013-.037.026-.077.042-.12.194.554.385,1.094.553,1.57H7.234c-.054,0-.1,0-.139,0Z' transform='translate(0.501 0.5)' fill='%23e3e2e1' stroke='rgba(0,0,0,0)' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A");
}
.info .cnt .m_map {
    display: none;
    font-family: 'Noto Sans KR';
}
.info .cnt .m_map a {
    padding-right: 30px;
    position: relative;
}
.info .cnt .m_map a::before {
    position: absolute;
    right: 0;
    top: 5px;
    width: 18px;
    height: 13px;
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='12.968' viewBox='0 0 18 12.968'%3E%3Cpath id='trending_flat_FILL0_wght300_GRAD0_opsz48' d='M171.849-627.574h-13.9a.92.92,0,0,1-.679-.266.92.92,0,0,1-.266-.679.92.92,0,0,1,.266-.679.92.92,0,0,1,.679-.266h13.945l-3.924-3.908a.938.938,0,0,1-.287-.666.882.882,0,0,1,.271-.666.92.92,0,0,1,.666-.295.92.92,0,0,1,.666.295l5.359,5.343a1.2,1.2,0,0,1,.359.85,1.144,1.144,0,0,1-.359.834l-5.343,5.359a.986.986,0,0,1-.674.287.85.85,0,0,1-.658-.287.933.933,0,0,1-.295-.679.933.933,0,0,1,.295-.679Z' transform='translate(-157.001 634.999)' fill='%23fff'/%3E%3C/svg%3E%0A");
    transition: 0.5s;
}
.info .cnt .m_map a:hover:before {
    transform:translate(6px, 0)
}
@media screen and (max-width: 1440px) {
    .info .cnt > ul > li {
        padding: 128px 25px 67px 25px;
    }
    .info .cnt {
        width: 920px;
    }
}
@media screen and (max-width: 1320px) {
    .info .cnt {
        width: 750px;
    }
    .info .cnt > ul > li {
        padding: 120px 20px 45px 20px;
    }
    .info .cnt ul > li > .detail > .map > li > a {
        padding: 12px 10px 12px 55px;
    }
    .info .cnt .address {
        margin-bottom: 41px;
    }
    .info .cnt > ul > li {
        width: calc(33.33% - 12.33px);
    }
}
@media screen and (max-width: 1260px) {
    .info .cnt {
        width: 700px;
    }
}
@media screen and (max-width: 1140px) {
    .info .cnt {
        width: 620px;
    }
    .info .cnt ul > li > .detail > .map > li > a {
        padding: 10px 8px 10px 45px;
    }
    .info .cnt ul > li > .detail > .map > li > a > span { 
        padding-left: 5px;
    }
    .info .cnt ul > li > .detail > .map > li > a > span::before {
        left: -25px;
        top: 1px;
    }
    .info .cnt > ul > li {
        padding: 110px 20px 35px 20px;
    }
}
@media screen and (max-width: 1024px) {
    .info .inner {
        display: block;
    }
    .info .cnt {
        width: auto;
    } 
    .info .cnt h3 {
        margin-bottom: 38px;
    }
    .info .cnt ul > li > .detail > .map {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }
    .info .cnt ul > li > .detail > .map > li  {
        width: 167px;
        
    }
    .info .cnt ul > li > .detail > .map > li > a {
        padding: 0;
        width: 100%;
    }
    .info .cnt ul > li > .detail > .map > li > a > span {
        padding: 12px 0 12px 70px ;
        display: block;
    }
    .info .cnt ul > li > .detail > .map > li > a > span::before {
        left: 33px;
        top: 13px;
    }
    .info .cnt h3::before {
        transform: translate(-50%, 0) scale(0.8);
        bottom: 42px;
    }
}
@media screen and (max-width: 768px) {
    .info .inner {
        padding: 110px 0 90px 0;
    }
    .info .tit h2 {
        font-size: 3.643rem;
    }
    .info .tit p {
        margin-bottom: 55px;
    }
    .info .cnt h3 {
        font-size: 1.643rem;
        margin-bottom: 20px;
    }
    .info .cnt .address {
        margin-bottom: 28px;
    }
    .info .cnt > ul > li {
        padding: 95px 20px 35px 20px;
    }
    .info .cnt ul > li > .detail > .map > li {
        width: 145px;
    }
    .info .cnt ul > li > .detail > .map > li > a > span {
        padding: 9px 0 9px 50px;
    }
    .info .cnt ul > li > .detail > .map > li > a > span::before {
        left: 20px;
        top: 10px;
        transform: scale(0.89);
    }
}
@media screen and (max-width: 550px) {
    .info .tit h2 {
        font-size: 3rem;
        margin: 24px 0 12px 0;
    }
    .info .tit p {
        margin-bottom: 45px;
    }
    .info .cnt ul {
        flex-direction: column;
    }
    .info .cnt > ul > li {
        width: 100%;
        display: flex;
        height: 140px;
        padding: 0;
        align-items: center;
        justify-content: space-around;
        margin-bottom: 14px;
    }
    .info .cnt > ul > li:last-child {
        margin-bottom: 0;
    }
    .info .cnt .num span:last-child {
        margin-bottom: 0;
    }
    .info .cnt .m_map {
        display: block;
    }
    .info .cnt ul > li > .detail > .map {
        display: none;
    }
    .info .cnt .box_wrap .box {
        margin-bottom: 0px;
    }
    .info .cnt > ul > li > .detail {
        width: 55%;
    }
    .info .cnt .box_wrap .box {
        display: flex;
        justify-content: space-between
    }
    .info .cnt .box_wrap .box .time {
        width: 10rem;
    }
    .info .cnt h3 {
        font-size: 1.25rem;
        margin-bottom: 0;
        padding: 50px 0 0 25px;
    }
    .info .cnt h3::before {
        transform: translate(-50%, 0) scale(0.6);
        bottom: 32px;
        left: 53px;
    }
}
@media screen and (max-width: 425px) {
    .info .cnt > ul > li > .detail {
        width: 200px;
    }
    .info .cnt .box_wrap .box .time {
        width: 7rem;
    }
}
@media screen and (max-width: 375px) {
    .info .inner {
        padding: 75px 0 90px 0;
    }
    .info .cnt > ul > li > .detail {
        width: 180px;
    }
    .info .cnt .box_wrap .box span {
        text-align: left;
    }
    .info .tit h2 {
        font-size: 2.308rem;
    }
    .info .cnt h3 {
        font-size: 1.2rem;
        padding: 24px 0 0 0;
    }
    .info .cnt > ul > li {
        padding-left: 20px;
    }
    .info .cnt > ul > li > .detail {
        width: 190px;
    }
    .info .cnt h3::before {
        transform: translate(-50%, 0) scale(0.6);
        left: 30px;
        bottom: 20px;
    }
    .info .cnt .num span {
        margin-bottom: 15px;
    }
    .info .cnt .address {
        margin-bottom: 15px;
    }
    .info .cnt .box_wrap .box .time {
        width: 7rem;
    }
}
@media screen and (max-width: 320px) {
    .info .cnt > ul > li {
        padding: 0;
        flex-direction: column;
        justify-content: space-evenly;
    }
    .info .cnt > ul > li > .detail {
        height: 90px;
        font-size: 0.9rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .info .cnt .num span {
        margin-bottom: 0;
    }
    .info .cnt h3::before {
        display: none;
    }
    .info .cnt .address {
        margin-bottom: 22px;
    }
    .info .cnt .num span {
        margin-bottom: 10px;
    }
    .info .cnt h3 {
        font-size: 1.15rem;
        padding: 12px 0 0 0;
    }
}