/***********************
* 파일명 : main.css 
* 작성자 : 김영상
* 작성일 : 25-11-11
* 설  명 : index파일 (메인페이지)에서만 호출하는 css
          메인페이지 (index)의 스타일이 이 페이지에서 선언됨 (header/footer 제외)
          default.css (태그의 초기화 - 브라우저가 주는 기본 스타일 삭제)
          common.css (wrapper, blind 처럼 모든 페이지에서 반복되는 기본 스타일 
          - 변수도 여기서 선언, 변수가 너무 많으면 variable이라는 파일을 분리도 함)
          layout.css (문서의 구조에 영향을 끼치는 요소 - header/footer가 들어감)
*********************/
@import url(default.css);
@import url(fonts.css);
@import url(common.css);
@import url(layout.css);

.visual {
    position: relative;
}
.visual .swiper-slide {
    height: 100dvh; /* 브라우저 높이에 꽉 채움 */
    min-height: 550px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    text-align: center;
}
.visual .swiper-slide.pop1 {
    background-image: url(../images/main/visual\ 01.jpg);
}
.visual .swiper-slide.pop2 {
    background-image: url(../images/main/visual\ 02.jpg);
}
.visual .swiper-slide.pop3 {
    background-image: url(../images/main/visual\ 03.jpg);
}
.visual .swiper-slide.pop4 {
    background-image: url(../images/main/visual\ 04.jpg);
}
.visual .swiper-slide .tit {
    margin-bottom: 35dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.visual .swiper-slide .tit h3 {
    margin: 10px 0 0 0;
    font-size: clamp(2.8rem, 3.5vw, 6rem);
    font-weight: 700;
    line-height: var(--line-height-title);
    transition: 1s;
    transition-delay: .5s;
    transform: translateY(30px);
    opacity: 0;
}
.visual .swiper-slide .tit strong {
    transition: 1s;
    transition-delay: .8s;
    transform: translateY(30px);
    opacity: 0;
}
.visual .swiper-slide.swiper-slide-active .tit h3 {
    transform: translateY(0);
    opacity: 1;
}
.visual .swiper-slide.swiper-slide-active .tit strong {
    transform: translateY(0);
    opacity: 1;
}
.visual .swiper .ctrl_btn {
    position: absolute;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30dvh;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 12px;
}
.visual .ctrl_btn .paging {
    bottom: auto;
    left: auto;
    width: auto;
    display: flex;
    gap: 0 15px;
    align-items: center;
}
.visual .ctrl_btn .paging .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #fff;
    opacity: 1;
    margin: 0;
    position: relative;
}
.visual .ctrl_btn .paging .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #fff;
}
.visual .swiper .ctrl_btn .btn_prev {
    width: 15px;
    height: 15px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 15px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 9' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.65385 5.30892L4.84615 7.61433C5 7.77611 5.07372 7.96486 5.06731 8.18057C5.0609 8.39628 4.98718 8.58503 4.84615 8.74681C4.69231 8.90859 4.50962 8.99286 4.29808 8.9996C4.08654 9.00634 3.90385 8.92882 3.75 8.76703L0.230769 5.06624C0.0769231 4.90446 0 4.71571 0 4.5C0 4.28429 0.0769231 4.09554 0.230769 3.93376L3.75 0.232968C3.90385 0.0711846 4.08654 -0.00633651 4.29808 0.000404458C4.50962 0.00714543 4.69231 0.0914075 4.84615 0.253191C4.98718 0.414974 5.0609 0.603721 5.06731 0.819432C5.07372 1.03514 5 1.22389 4.84615 1.38567L2.65385 3.69108H11.2308C11.4487 3.69108 11.6314 3.76861 11.7788 3.92365C11.9263 4.07869 12 4.27081 12 4.5C12 4.72919 11.9263 4.92131 11.7788 5.07635C11.6314 5.2314 11.4487 5.30892 11.2308 5.30892H2.65385Z' /%3E%3C/svg%3E%0A");
}
.visual .swiper .ctrl_btn .btn_stop {
    width: 15px;
    height: 15px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 15px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 12' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.33333 12C7.875 12 7.48264 11.8321 7.15625 11.4964C6.82986 11.1607 6.66667 10.7571 6.66667 10.2857V1.71429C6.66667 1.24286 6.82986 0.839286 7.15625 0.503571C7.48264 0.167857 7.875 0 8.33333 0C8.79167 0 9.18403 0.167857 9.51042 0.503571C9.83681 0.839286 10 1.24286 10 1.71429V10.2857C10 10.7571 9.83681 11.1607 9.51042 11.4964C9.18403 11.8321 8.79167 12 8.33333 12ZM1.66667 12C1.20833 12 0.815972 11.8321 0.489583 11.4964C0.163194 11.1607 0 10.7571 0 10.2857V1.71429C0 1.24286 0.163194 0.839286 0.489583 0.503571C0.815972 0.167857 1.20833 0 1.66667 0C2.125 0 2.51736 0.167857 2.84375 0.503571C3.17014 0.839286 3.33333 1.24286 3.33333 1.71429V10.2857C3.33333 10.7571 3.17014 11.1607 2.84375 11.4964C2.51736 11.8321 2.125 12 1.66667 12Z'/%3E%3C/svg%3E%0A");
}
.visual .swiper .ctrl_btn .btn_play {
    width: 13px;
    height: 13px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 11 13' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 11.35V1C0 0.716667 0.1 0.479167 0.3 0.2875C0.5 0.0958333 0.733333 0 1 0C1.08333 0 1.17083 0.0125 1.2625 0.0375C1.35417 0.0625 1.44167 0.1 1.525 0.15L9.675 5.325C9.825 5.425 9.9375 5.55 10.0125 5.7C10.0875 5.85 10.125 6.00833 10.125 6.175C10.125 6.34167 10.0875 6.5 10.0125 6.65C9.9375 6.8 9.825 6.925 9.675 7.025L1.525 12.2C1.44167 12.25 1.35417 12.2875 1.2625 12.3125C1.17083 12.3375 1.08333 12.35 1 12.35C0.733333 12.35 0.5 12.2542 0.3 12.0625C0.1 11.8708 0 11.6333 0 11.35Z' /%3E%3C/svg%3E%0A");
    display: none; /* 일시정지 버튼을 누른 후에 나타남 */
}
.visual .swiper .ctrl_btn .btn_next {
    width: 15px;
    height: 15px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 15px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 9' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.34615 5.30892L7.15385 7.61433C7 7.77611 6.92628 7.96486 6.93269 8.18057C6.9391 8.39628 7.01282 8.58503 7.15385 8.74681C7.30769 8.90859 7.49038 8.99286 7.70192 8.9996C7.91346 9.00634 8.09615 8.92882 8.25 8.76703L11.7692 5.06624C11.9231 4.90446 12 4.71571 12 4.5C12 4.28429 11.9231 4.09554 11.7692 3.93376L8.25 0.232968C8.09615 0.0711846 7.91346 -0.00633651 7.70192 0.000404458C7.49038 0.00714543 7.30769 0.0914075 7.15385 0.253191C7.01282 0.414974 6.9391 0.603721 6.93269 0.819432C6.92628 1.03514 7 1.22389 7.15385 1.38567L9.34615 3.69108H0.769231C0.551283 3.69108 0.36859 3.76861 0.221154 3.92365C0.073719 4.07869 0 4.27081 0 4.5C0 4.72919 0.073719 4.92131 0.221154 5.07635C0.36859 5.2314 0.551283 5.30892 0.769231 5.30892H9.34615Z' /%3E%3C/svg%3E%0A");
}
.visual .floating {
    color: #fff;
    font-weight: 700;
}
.visual .floating .wrapper {
    position: relative;
}
.visual .floating .floating_wrap {
    position: absolute;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 100%;
    height: 61px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--color-main);
    border-radius: 14px 14px 0 0;
}
.visual .floating .floating_wrap strong {
    position: relative;
    padding-left: 55px;
}
.visual .floating .floating_wrap strong::after {
    content: "";
    position: absolute;
    right: -64px;
    top: -18px;
    width: 1px;
    height: 61px;
    background-color: rgba(255, 255, 255, 0.5);
}
.visual .floating .floating_wrap ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 20px;
    transform: translateX(6%);
}
.visual .floating .floating_wrap ul li {
    position: relative;
}
.visual .floating .floating_wrap ul li::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 6px;
    width: 1px;
    height: 14px;
    background-color: rgba(255, 255, 255, 0.3);
}
.visual .floating .floating_wrap ul li:last-child::after {
    display: none;
}
.visual .floating .floating_wrap a {
    display: block;
    padding: 0 65px 0 34px;
    line-height: 61px;
}
.visual .floating .floating_wrap a span {
    position: relative;
}
.visual .floating .floating_wrap a span::after {
    content: "";
    position: absolute;
    right: -30px;
    top: 0;
    width: 22px;
    height: 22px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 19 17' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.25 16.5V14.6667H15.5833V8.15833C15.5833 6.37083 14.9608 4.85451 13.7156 3.60938C12.4705 2.36424 10.9542 1.74167 9.16667 1.74167C7.37917 1.74167 5.86285 2.36424 4.61771 3.60938C3.37257 4.85451 2.75 6.37083 2.75 8.15833V13.75H1.83333C1.32917 13.75 0.89757 13.5705 0.538542 13.2115C0.179514 12.8524 0 12.4208 0 11.9167V10.0833C0 9.7625 0.0802084 9.46076 0.240625 9.17813C0.401042 8.89549 0.626389 8.67014 0.916667 8.50208L0.985417 7.2875C1.10764 6.24861 1.40937 5.28611 1.89062 4.4C2.37188 3.51389 2.97535 2.74236 3.70104 2.08542C4.42674 1.42847 5.25938 0.916667 6.19896 0.55C7.13854 0.183333 8.12778 0 9.16667 0C10.2056 0 11.191 0.183333 12.1229 0.55C13.0549 0.916667 13.8875 1.42465 14.6208 2.07396C15.3542 2.72326 15.9576 3.49097 16.4313 4.37708C16.9049 5.26319 17.2104 6.22569 17.3479 7.26458L17.4167 8.45625C17.7069 8.59375 17.9323 8.8 18.0927 9.075C18.2531 9.35 18.3333 9.64028 18.3333 9.94583V12.0542C18.3333 12.3597 18.2531 12.65 18.0927 12.925C17.9323 13.2 17.7069 13.4063 17.4167 13.5438V14.6667C17.4167 15.1708 17.2372 15.6024 16.8781 15.9615C16.5191 16.3205 16.0875 16.5 15.5833 16.5H8.25ZM6.41667 10.0833C6.15694 10.0833 5.93924 9.99549 5.76354 9.81979C5.58785 9.6441 5.5 9.42639 5.5 9.16667C5.5 8.90694 5.58785 8.68924 5.76354 8.51354C5.93924 8.33785 6.15694 8.25 6.41667 8.25C6.67639 8.25 6.8941 8.33785 7.06979 8.51354C7.24549 8.68924 7.33333 8.90694 7.33333 9.16667C7.33333 9.42639 7.24549 9.6441 7.06979 9.81979C6.8941 9.99549 6.67639 10.0833 6.41667 10.0833ZM11.9167 10.0833C11.6569 10.0833 11.4392 9.99549 11.2635 9.81979C11.0878 9.6441 11 9.42639 11 9.16667C11 8.90694 11.0878 8.68924 11.2635 8.51354C11.4392 8.33785 11.6569 8.25 11.9167 8.25C12.1764 8.25 12.3941 8.33785 12.5698 8.51354C12.7455 8.68924 12.8333 8.90694 12.8333 9.16667C12.8333 9.42639 12.7455 9.6441 12.5698 9.81979C12.3941 9.99549 12.1764 10.0833 11.9167 10.0833ZM3.68958 8.6625C3.58264 7.04306 4.07153 5.65278 5.15625 4.49167C6.24097 3.33056 7.59306 2.75 9.2125 2.75C10.5722 2.75 11.7677 3.1816 12.799 4.04479C13.8302 4.90799 14.4528 6.01181 14.6667 7.35625C13.2764 7.34097 11.9969 6.96667 10.8281 6.23333C9.65938 5.5 8.76181 4.50694 8.13542 3.25417C7.89097 4.47639 7.37535 5.56493 6.58854 6.51979C5.80174 7.47465 4.83542 8.18889 3.68958 8.6625Z' /%3E%3C/svg%3E%0A");
}
.visual .floating .floating_wrap a span::before {
    content: "";
    position: absolute;
    z-index: 11;
    left: -35px;
    top: -20px;
    width: 1px;
    height: 61px;
    background-color: rgba(255, 255, 255, 0.3);
}
@media screen and (max-width:768px){
    aside.tail {
        display: none;
    }
}
@media screen and (max-width:1230px){
    .visual .floating {
        display: none;
    }
}
@media screen and (max-width:1024px){ /* visual 모바일 시작 */
    .visual .swiper-slide {
        height: 500px; /* 브라우저 높이에 꽉 채움 */
        min-height: auto;
    }
    .visual .swiper-slide .tit {
        margin-bottom: 25dvh;
    }
    .visual .swiper-slide .tit strong {
        display: none;
    }
    .visual .swiper-slide.swiper-slide-active .tit h3 {
        transform: translateY(0);
        opacity: 1;
    }
    .visual .swiper .ctrl_btn {
        bottom: 5dvh;
        gap: 0 8px;
    }
    .visual .ctrl_btn .paging {
        bottom: auto;
        left: auto;
        width: auto;
        display: flex;
        gap: 0 15px;
        align-items: center;
    }
    .visual .swiper .ctrl_btn .btn_prev {
        display: none;
    }
    .visual .swiper .ctrl_btn .btn_stop {
        display: none;
    }
    .visual .swiper .ctrl_btn .btn_play {
        display: none; /* 일시정지 버튼을 누른 후에 나타남 */
    }
    .visual .swiper .ctrl_btn .btn_next {
        display: none;
    }
} /* visual 모바일 끝 */

.res {
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/contents/back.jpg);
    background-size: cover;
    padding: 130px 0 140px 0;
    position: relative; /* photo 정렬의 기준 */
}
.res .tit strong {
    color: var(--color-main);
}
.res .tit h2 {
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.4;
    margin: 10px 0 0 0;
}
.res .res_inner {
    display: flex;
    justify-content: space-between;
    margin: 40px 0 0 0;
}
.res .res_inner .fast {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/contents/res_bg.jpg);
    border-radius: 15px;
    width: 832px;
    height: 678px;
}
.res .res_inner .fast a span {
    display: inline-block;
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-title);
    background-color: #fff;
    border-radius: 0 200px 0 15px;
    padding: 53px 145px 53px 40px;
    transition: .2s;
    position: relative; /* after 정렬의 기준 */
}
.res .res_inner .fast a span:hover {
    background-color: var(--color-main);
    color: #fff;
}
.res .res_inner .fast a span::after {
    content: "";
    position: absolute;
    right: 100px;
    top: 70px;
    width: 13px;
    height: 22px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 13 22' fill='%231d1d1d' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.28626 11L0.545802 3.30493C0.181934 2.9432 0 2.48281 0 1.92377C0 1.36472 0.181934 0.904335 0.545802 0.542601C0.909669 0.180867 1.37277 0 1.93511 0C2.49746 0 2.96056 0.180867 3.32443 0.542601L12.4542 9.61883C12.6527 9.81614 12.7933 10.0299 12.876 10.2601C12.9587 10.4903 13 10.7369 13 11C13 11.2631 12.9587 11.5097 12.876 11.7399C12.7933 11.9701 12.6527 12.1839 12.4542 12.3812L3.32443 21.4574C2.96056 21.8191 2.49746 22 1.93511 22C1.37277 22 0.909669 21.8191 0.545802 21.4574C0.181934 21.0957 0 20.6353 0 20.0762C0 19.5172 0.181934 19.0568 0.545802 18.6951L8.28626 11Z' /%3E%3C/svg%3E%0A");
    transition: .2s;
}
.res .res_inner .fast a span:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 13 22' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.28626 11L0.545802 3.30493C0.181934 2.9432 0 2.48281 0 1.92377C0 1.36472 0.181934 0.904335 0.545802 0.542601C0.909669 0.180867 1.37277 0 1.93511 0C2.49746 0 2.96056 0.180867 3.32443 0.542601L12.4542 9.61883C12.6527 9.81614 12.7933 10.0299 12.876 10.2601C12.9587 10.4903 13 10.7369 13 11C13 11.2631 12.9587 11.5097 12.876 11.7399C12.7933 11.9701 12.6527 12.1839 12.4542 12.3812L3.32443 21.4574C2.96056 21.8191 2.49746 22 1.93511 22C1.37277 22 0.909669 21.8191 0.545802 21.4574C0.181934 21.0957 0 20.6353 0 20.0762C0 19.5172 0.181934 19.0568 0.545802 18.6951L8.28626 11Z' /%3E%3C/svg%3E%0A");
}
.res .res_inner .num {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px 0;
}
.res .res_inner .num .num_come {
    background-color: rgba(15, 120, 124, 0.3);
    width: 404px;
    height: 327px;
    backdrop-filter: blur(8px);
    border-radius: 15px;
    margin-left: 24px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 0 0 42px 0;
    position: relative;
    z-index: 2;
    overflow: hidden;
    transition: .5s;
}
.res .res_inner .num .num_come:hover {
    background-color: var(--color-main);
}
.res .res_inner .num .num_come::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 30%;
    width: 52.5px;
    height: 70px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 53 75' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.25 75C19.625 75 14.2188 73.9531 10.0312 71.8594C5.84375 69.7656 3.75 67.0625 3.75 63.75C3.75 62.5625 4.01562 61.4688 4.54688 60.4688C5.07812 59.4688 5.875 58.5312 6.9375 57.6562C7.8125 57.0312 8.76562 56.7812 9.79688 56.9062C10.8281 57.0312 11.6562 57.5312 12.2812 58.4062C12.9062 59.2812 13.1406 60.2344 12.9844 61.2656C12.8281 62.2969 12.3125 63.125 11.4375 63.75C12.25 64.75 14.125 65.625 17.0625 66.375C20 67.125 23.0625 67.5 26.25 67.5C29.4375 67.5 32.5 67.125 35.4375 66.375C38.375 65.625 40.25 64.75 41.0625 63.75C40.1875 63.125 39.6719 62.2969 39.5156 61.2656C39.3594 60.2344 39.5938 59.2812 40.2188 58.4062C40.8438 57.5312 41.6719 57.0312 42.7031 56.9062C43.7344 56.7812 44.6875 57.0312 45.5625 57.6562C46.625 58.5312 47.4219 59.4688 47.9531 60.4688C48.4844 61.4688 48.75 62.5625 48.75 63.75C48.75 67.0625 46.6562 69.7656 42.4688 71.8594C38.2812 73.9531 32.875 75 26.25 75ZM26.3438 54.375C32.5312 49.8125 37.1875 45.2344 40.3125 40.6406C43.4375 36.0469 45 31.4375 45 26.8125C45 20.4375 42.9688 15.625 38.9062 12.375C34.8438 9.125 30.625 7.5 26.25 7.5C21.875 7.5 17.6562 9.125 13.5938 12.375C9.53125 15.625 7.5 20.4375 7.5 26.8125C7.5 31 9.03125 35.3594 12.0938 39.8906C15.1563 44.4219 19.9062 49.25 26.3438 54.375ZM26.25 61.9688C25.5 61.9688 24.75 61.8438 24 61.5938C23.25 61.3438 22.5625 60.9688 21.9375 60.4688C14.5625 54.5938 9.0625 48.8594 5.4375 43.2656C1.8125 37.6719 0 32.1875 0 26.8125C0 22.375 0.796875 18.4844 2.39062 15.1406C3.98438 11.7969 6.03125 9 8.53125 6.75C11.0312 4.5 13.8438 2.8125 16.9688 1.6875C20.0938 0.5625 23.1875 0 26.25 0C29.3125 0 32.4062 0.5625 35.5312 1.6875C38.6562 2.8125 41.4688 4.5 43.9688 6.75C46.4688 9 48.5156 11.7969 50.1094 15.1406C51.7031 18.4844 52.5 22.375 52.5 26.8125C52.5 32.1875 50.6875 37.6719 47.0625 43.2656C43.4375 48.8594 37.9375 54.5938 30.5625 60.4688C29.9375 60.9688 29.25 61.3438 28.5 61.5938C27.75 61.8438 27 61.9688 26.25 61.9688ZM26.25 33.75C28.3125 33.75 30.0781 33.0156 31.5469 31.5469C33.0156 30.0781 33.75 28.3125 33.75 26.25C33.75 24.1875 33.0156 22.4219 31.5469 20.9531C30.0781 19.4844 28.3125 18.75 26.25 18.75C24.1875 18.75 22.4219 19.4844 20.9531 20.9531C19.4844 22.4219 18.75 24.1875 18.75 26.25C18.75 28.3125 19.4844 30.0781 20.9531 31.5469C22.4219 33.0156 24.1875 33.75 26.25 33.75Z' /%3E%3C/svg%3E%0A");
    transition: .3s;
}
.res .res_inner .num .num_come:hover::before {
    opacity: 0;
}
.res .res_inner .num .num_come a.co {
    display: block;
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.4;
    color: #fff;
    transition: .5s;
    transform: translateY(20px);
    position: relative;
}
.res .res_inner .num .num_come:hover a.co {
    transform: translateY(-90px);
}
.res .res_inner .num .num_come:hover a.co span::after {
    content: "";
    position: absolute;
    right: -35px;
    top: 15px;
    width: 25px;
    height: 25px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M38 35.5C38 37.9853 35.9853 40 33.5 40H4.5C2.01472 40 0 37.9853 0 35.5V6.5C6.34505e-08 4.01472 2.01472 2 4.5 2H16.6426C18.0233 2 19.1426 3.11929 19.1426 4.5C19.1426 5.88071 18.0233 7 16.6426 7H5V35H33V23.3574C33 21.9767 34.1193 20.8574 35.5 20.8574C36.8807 20.8574 38 21.9767 38 23.3574V35.5Z' fill='%23ffffff'/%3E%3Cpath d='M40 14.25C40 15.6307 38.8807 16.75 37.5 16.75C36.1193 16.75 35 15.6307 35 14.25V8.53516L22.0352 21.5C21.059 22.4762 19.4762 22.4762 18.5 21.5C17.5238 20.5238 17.5238 18.9411 18.5 17.9648L31.4648 5H25.75C24.3693 5 23.25 3.88071 23.25 2.5C23.25 1.11929 24.3693 0 25.75 0H37C38.6569 0 40 1.34315 40 3V14.25Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}
.res .res_inner .num .num_come p {
    display: block;
    color: #fff;
    font-size: 2.4rem;
    opacity: 0;
    transform: translateY(0);
    transition: .5s;
}
.res .res_inner .num .num_come:hover p {
    opacity: 1;
    transform: translateY(-80px);
    font-size: 2.4rem;
    font-weight: 700;
}
.res .res_inner .num .num_come .inner_nav {
    display: flex;
    gap: 0 60px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-left: 40px;
    transform: translateY(40px);
    opacity: 0;
    font-size: 2rem;
    color: #fff;
    font-weight: 700;
    transition: .5s;
}
.res .res_inner .num .num_come:hover .inner_nav {
    opacity: 1;
    transform: translateY(-40px);
}
.res .res_inner .num .num_come .inner_nav a {
    display: block;
    position: relative;
}
.res .res_inner .num .num_come .inner_nav a span.naver::after,
.res .res_inner .num .num_come .inner_nav a span.kakao::after {
    content: "";
    position: absolute;
    right: -45px;
    top: -5px;
    width: 40px;
    height: 40px;
    background: url(../images/contents/naver_logo.svg) no-repeat center center / contain;
}
.res .res_inner .num .num_come .inner_nav a span.kakao::after {
    background: url(../images/contents/kakao_logo.svg) no-repeat center center / contain;
}

.res .res_inner .num .num_phone {
    background-color: rgba(15, 120, 124, 0.3);
    width: 404px;
    height: 327px;
    backdrop-filter: blur(8px);
    border-radius: 15px;
    margin-left: 24px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 0 0 42px 0;
    position: relative;
    z-index: 2;
    overflow: hidden;
    transition: .5s;
}
.res .res_inner .num .num_phone:hover {
    background-color: var(--color-main);
}
.res .res_inner .num .num_phone::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 30%;
    width: 52.5px;
    height: 70px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 68 68' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M63.75 33.75C62.75 33.75 61.8594 33.3906 61.0781 32.6719C60.2969 31.9531 59.8438 31.0625 59.7188 30C58.9062 24.1875 56.4531 19.2344 52.3594 15.1406C48.2656 11.0469 43.3125 8.59375 37.5 7.78125C36.4375 7.65625 35.5469 7.21875 34.8281 6.46875C34.1094 5.71875 33.75 4.8125 33.75 3.75C33.75 2.6875 34.125 1.79688 34.875 1.07812C35.625 0.359375 36.5 0.0625 37.5 0.1875C45.375 1.0625 52.0938 4.28125 57.6562 9.84375C63.2188 15.4062 66.4375 22.125 67.3125 30C67.4375 31 67.1406 31.875 66.4219 32.625C65.7031 33.375 64.8125 33.75 63.75 33.75ZM48.0938 33.75C47.2812 33.75 46.5625 33.4688 45.9375 32.9063C45.3125 32.3438 44.8438 31.5938 44.5312 30.6562C44.0312 28.8438 43.0781 27.2344 41.6719 25.8281C40.2656 24.4219 38.6562 23.4688 36.8438 22.9688C35.9062 22.6562 35.1562 22.1875 34.5938 21.5625C34.0312 20.9375 33.75 20.1875 33.75 19.3125C33.75 18.0625 34.1875 17.0469 35.0625 16.2656C35.9375 15.4844 36.9062 15.2188 37.9688 15.4688C41.4688 16.2812 44.4844 17.9531 47.0156 20.4844C49.5469 23.0156 51.2188 26.0312 52.0312 29.5312C52.2812 30.5938 52 31.5625 51.1875 32.4375C50.375 33.3125 49.3438 33.75 48.0938 33.75ZM63.5625 67.5C55.75 67.5 48.0313 65.7969 40.4063 62.3906C32.7812 58.9844 25.8438 54.1563 19.5938 47.9063C13.3438 41.6563 8.51562 34.7188 5.10938 27.0938C1.70313 19.4687 0 11.75 0 3.9375C0 2.8125 0.375 1.875 1.125 1.125C1.875 0.375 2.8125 0 3.9375 0H19.125C20 0 20.7812 0.296875 21.4688 0.890625C22.1562 1.48438 22.5625 2.1875 22.6875 3L25.125 16.125C25.25 17.125 25.2188 17.9688 25.0312 18.6562C24.8438 19.3438 24.5 19.9375 24 20.4375L14.9063 29.625C16.1562 31.9375 17.6406 34.1719 19.3594 36.3281C21.0781 38.4844 22.9688 40.5625 25.0312 42.5625C26.9688 44.5 29 46.2969 31.125 47.9531C33.25 49.6094 35.5 51.125 37.875 52.5L46.6875 43.6875C47.25 43.125 47.9844 42.7031 48.8906 42.4219C49.7969 42.1406 50.6875 42.0625 51.5625 42.1875L64.5 44.8125C65.375 45.0625 66.0938 45.5156 66.6562 46.1719C67.2188 46.8281 67.5 47.5625 67.5 48.375V63.5625C67.5 64.6875 67.125 65.625 66.375 66.375C65.625 67.125 64.6875 67.5 63.5625 67.5ZM11.3438 22.5L17.5312 16.3125L15.9375 7.5H7.59375C7.90625 10.0625 8.34375 12.5938 8.90625 15.0938C9.46875 17.5938 10.2812 20.0625 11.3438 22.5ZM44.9062 56.0625C47.3438 57.125 49.8281 57.9688 52.3594 58.5938C54.8906 59.2188 57.4375 59.625 60 59.8125V51.5625L51.1875 49.7813L44.9062 56.0625Z' /%3E%3C/svg%3E%0A");
    transition: .3s;
}
.res .res_inner .num .num_phone:hover::before {
    opacity: 0;
}
.res .res_inner .num .num_phone h3 {
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.4;
    color: #fff;
    transform: translateY(85px);
    transition: .5s;
}
.res .res_inner .num .num_phone:hover h3 {
    transform: translateY(-30px);
}
.res .res_inner .num .num_phone p {
    display: block;
    color: #fff;
    font-size: 2.4rem;
    opacity: 0;
    transform: translateY(110px);
    transition: .5s;
}
.res .res_inner .num .num_phone:hover p {
    opacity: 1;
    transform: translateY(-15px);
}
.res .res_inner .num .num_phone ul {
    transform: translateY(120px);
    opacity: 0;
    transition: .5s;
}
.res .res_inner .num .num_phone:hover ul {
    opacity: 1;
    transform: translateY(0);
}
.res .res_inner .num .num_phone ul li {
    color: #fff;
    margin-top: 8px;
    text-align: center;
}
.res .photo {
    overflow: hidden;
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: -8px;
}
.res .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media screen and (max-width:1280px){ /* res 모바일 시작 */
    .res {
        padding: 70px 0 78px 0;
    }
    .res .tit {
        text-align: center;
    }
    .res .tit h2 {
        font-size: 2.4rem;
        margin: 12px 0 0 0;
    }
    .res .res_inner {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 20px 0 0 0;
    }
    .res .res_inner .fast {
        border-radius: 7px;
        background-image: none;
        width: 326px;
        height: 100px;
    }
    .res .res_inner .fast a span {
        font-size: 2.4rem;
        text-align: center;
        color: var(--color-title);
        box-shadow: 1px 2px 2px 0 rgba(0,0,0,0.1);
        border-radius: 7px;
        width: 100%;
        padding: 30px 0 30px 0;
    }
    .res .res_inner .fast a span:hover {
        background-color: #fff;
        color: var(--color-title);
    }
    .res .res_inner .fast a span::after {
        display: none;
    }
    .res .res_inner .num {
        gap: 16px 0;
        margin-top: 32px;
    }
    .res .res_inner .num .num_come {
        background-color: var(--color-main);
        backdrop-filter: none;
        width: 326px;
        height: 94px;
        border-radius: 7px;
        margin-left: auto;
        margin: 0 var(--wrapper-margin);
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 0 0 0 0;
        padding-left: 60px;
    }
    .res .res_inner .num .num_come::before {
        content: "";
        position: absolute;
        left: 25px;
        transform: translate(0);
        top: 30%;
        width: 25px;
        height: 35px;
        background-size: 25px;
    }
    .res .res_inner .num .num_come:hover::before {
        opacity: 1;
    }
    .res .res_inner .num .num_come a.co {
        font-size: 2rem;
        transform: translateY(0);
        padding-top: 20px;
        margin: 0 0 5px 0;
    }
    .res .res_inner .num .num_come:hover a.co {
        transform: translateY(0);
    }
    .res .res_inner .num .num_come:hover a.co span::after {
        display: none;
    }
    .res .res_inner .num .num_come p {
        font-size: 1.5rem;
        font-weight: 700;
        opacity: 1;
        transform: translateY(0);
    }
    .res .res_inner .num .num_come:hover p {
        transform: translateY(0);
        font-size: 1.5rem;
    }
    .res .res_inner .num .num_come .inner_nav {
        display: none;
    }
    .res .res_inner .num .num_come:hover .inner_nav {
        opacity: 1;
        transform: translateY(-40px);
    }
    
    
    
    .res .res_inner .num .num_phone {
        background-color: var(--color-main);
        backdrop-filter: none;
        width: 326px;
        height: 94px;
        border-radius: 7px;
        margin-left: auto;
        margin: 0 var(--wrapper-margin);
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 0 0 0 0;
        padding-left: 60px;
    }
    .res .res_inner .num .num_phone::before {
        content: "";
        position: absolute;
        left: 35px;
        transform: translate(-50%);
        top: 36%;
        width: 25px;
        height: 30px;
        background-size: 25px;
    }
    .res .res_inner .num .num_phone:hover::before {
        opacity: 1;
    }
    .res .res_inner .num .num_phone h3 {
        font-size: 2rem;
        transform: translateY(0);
        padding-top: 20px;
        margin: 0 0 5px 0;
    }
    .res .res_inner .num .num_phone:hover h3 {
        transform: translateY(0);
    }
    .res .res_inner .num .num_phone p {
        font-size: 1.5rem;
        opacity: 1;
        transform: translateY(0);
    }
    .res .res_inner .num .num_phone:hover p {
        transform: translateY(0);
    }
    .res .res_inner .num .num_phone ul {
        display: none;
    }
    .res .photo {
        display: none;
    }
}
@media screen and (max-width:1280px) and (min-width:769px){
    .res .tit h2 {
        font-size: 3.6rem;
        font-weight: 700;
    }
    .res .res_inner .fast {
        background-image: none;
        width: 100%;
        height: 120px;
    }
    .res .res_inner .fast a span {
        font-size: 4rem;
        text-align: center;
        color: var(--color-title);
        box-shadow: 1px 2px 2px 0 rgba(0,0,0,0.1);
        border-radius: 15px;
        width: 100%;
        padding: 30px 0 30px 0;
        transition: .2s;
        position: relative; /* after 정렬의 기준 */
    }
    .res .res_inner .fast a span:hover {
        background-color: #fff;
        color: var(--color-title);
    }
    .res .res_inner .fast a span::after {
        display: none;
    }
    .res .res_inner .num {
        width: 100%;
    }
    .res .res_inner .num .num_come {
        background-color: var(--color-main);
        width: 100%;
        height: 160px;
        backdrop-filter: blur(8px);
        border-radius: 15px;
        margin-left: 24px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        padding: 0 0 42px 0;
    }
    .res .res_inner .num .num_come::before {
        display: none;
    }
    .res .res_inner .num .num_come:hover::before {
        opacity: 1;
    }
    .res .res_inner .num .num_come a.co {
        font-size: 3.2rem;
        transform: translateY(0);
    }
    .res .res_inner .num .num_come:hover a.co {
        transform: translateY(0);
    }
    .res .res_inner .num .num_come:hover a.co span::after {
        content: "";
        position: absolute;
        right: -35px;
        top: 15px;
        width: 25px;
        height: 25px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M38 35.5C38 37.9853 35.9853 40 33.5 40H4.5C2.01472 40 0 37.9853 0 35.5V6.5C6.34505e-08 4.01472 2.01472 2 4.5 2H16.6426C18.0233 2 19.1426 3.11929 19.1426 4.5C19.1426 5.88071 18.0233 7 16.6426 7H5V35H33V23.3574C33 21.9767 34.1193 20.8574 35.5 20.8574C36.8807 20.8574 38 21.9767 38 23.3574V35.5Z' fill='%23ffffff'/%3E%3Cpath d='M40 14.25C40 15.6307 38.8807 16.75 37.5 16.75C36.1193 16.75 35 15.6307 35 14.25V8.53516L22.0352 21.5C21.059 22.4762 19.4762 22.4762 18.5 21.5C17.5238 20.5238 17.5238 18.9411 18.5 17.9648L31.4648 5H25.75C24.3693 5 23.25 3.88071 23.25 2.5C23.25 1.11929 24.3693 0 25.75 0H37C38.6569 0 40 1.34315 40 3V14.25Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
    }
    .res .res_inner .num .num_come p {
        font-size: 2.4rem;
        font-weight: 700;
        opacity: 1;
        transform: translateY(0);
    }
    .res .res_inner .num .num_come:hover p {
        transform: translateY(0);
        font-size: 2.4rem;
    }
    .res .res_inner .num .num_come .inner_nav {
        display: none;
    }
    
    .res .res_inner .num .num_phone {
        background-color: var(--color-main);
        width: 100%;
        height: 160px;
        backdrop-filter: blur(8px);
        border-radius: 15px;
        margin-left: 24px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        padding: 0 0 42px 0;
    }
    .res .res_inner .num .num_phone:hover {
        background-color: var(--color-main);
    }
    .res .res_inner .num .num_phone::before {
        display: none;
    }
    .res .res_inner .num .num_phone h3 {
        font-size: 3.2rem;
        transform: translateY(0);
    }
    .res .res_inner .num .num_phone:hover h3 {
        transform: translateY(0);
    }
    .res .res_inner .num .num_phone p {
        font-size: 2.4rem;
        opacity: 1;
        transform: translateY(0);
    }
    .res .res_inner .num .num_phone:hover p {
        transform: translateY(0);
    }
    .res .res_inner .num .num_phone ul {
        display: none;
    }
    .res .photo {
        display: none;
    }
}/* res 모바일 끝 */

.clinic .cli_tit {
    margin: 140px 0 45px 0;
    text-align: center;
}
.clinic .cli_tit strong {
    color: var(--color-main);
}
.clinic .cli_tit h2 {
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-title);
}
.clinic .cli_list {
    column-count: 4;
    column-gap: 24px;
}
.clinic .cli_list .brick {
    margin: 0;
    display: grid;
    grid-template-rows: 1fr auto;
    margin-bottom: 24px;
    break-inside: avoid;
    border: 1px solid rgba(204, 204, 204, 0.5);
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    position: relative; /* h3, a 정렬의 기준 */
}
.clinic .cli_list .brick::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60%;
    background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.7));
}
.clinic .cli_list .brick h3 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 100px;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.4;
    width: 100%;
    padding: 0 6px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.clinic .cli_list .brick a {
    position: absolute;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    bottom: 40px;
}
.clinic .cli_list .brick a span {
    border: 1px solid #fff;
    transition: .5s;
    padding: 6px 15px 6px 15px;
    border-radius: 30px;
}
.clinic .cli_list .brick a:hover span {
    border: 1px solid var(--color-main);
    background-color: var(--color-main);
}
.clinic .cli_list .brick.b01 {
    height: 464px;
    background-image: url(../images/contents/brick01.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.clinic .cli_list .brick.b02 {
    height: 396px;
    background-image: url(../images/contents/brick02.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.clinic .cli_list .brick.b03 {
    height: 555px;
    background-image: url(../images/contents/brick03.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.clinic .cli_list .brick.b04 {
    height: 487px;
    background-image: url(../images/contents/brick04.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.clinic .cli_list .brick.b05 {
    height: 480px;
    background-image: url(../images/contents/brick05.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.clinic .cli_list .brick.b06 {
    height: 267px;
    background-image: url(../images/contents/brick06.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.clinic .cli_list .brick.b07 {
    height: 384px;
    background-image: url(../images/contents/brick07.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.clinic .cli_list .brick.b08 {
    height: 328px;
    background-image: url(../images/contents/brick08.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.clinic .cli_list .brick.b09 {
    height: 424px;
    background-image: url(../images/contents/brick09.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.clinic .cli_list .brick.b10 {
    height: 396px;
    background-image: url(../images/contents/brick10.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.clinic .cli_list .brick.b11 {
    height: 400px;
    background-image: url(../images/contents/brick11.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.clinic .cli_list .brick.b12 {
    height: 321px;
    background-image: url(../images/contents/brick12.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.clinic .cli_list .brick.b13 {
    height: 372px;
    background-image: url(../images/contents/brick13.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.clinic .cli_list .brick.b14 {
    height: 603px;
    background-image: url(../images/contents/brick14.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.clinic .cli_list .brick.b15 {
    height: 396px;
    background-image: url(../images/contents/brick15.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.clinic .cli_list .brick.b16 {
    height: 464px;
    background-image: url(../images/contents/brick16.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.clinic .cli_list .brick.b17 {
    height: 382px;
    background-image: url(../images/contents/brick17.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.clinic .cli_list .brick.b18 {
    height: 432px;
    background-image: url(../images/contents/brick18.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.clinic .cli_list .brick.b19 {
    height: 372px;
    background-image: url(../images/contents/brick19.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.clinic .cli_list .brick.b20 {
    height: 464px;
    background-image: url(../images/contents/brick20.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.clinic .cli_list .brick.b21 {
    height: 384px;
    background-image: url(../images/contents/brick21.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.clinic .cli_list .brick.b22 {
    height: 422px;
    background-image: url(../images/contents/brick22.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.clinic .cli_list .brick.b23 {
    height: 464px;
    background-image: url(../images/contents/brick23.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.clinic .cli_list .brick.b24 {
    height: 464px;
    background-image: url(../images/contents/brick24.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.clinic .cli_list .brick.b25 {
    height: 451px;
    background-image: url(../images/contents/brick25.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media screen and (max-width:1024px){ /* clinic 모바일 시작 */
    .clinic .cli_tit {
        margin: 70px 0 32px 0;
    }
    .clinic .cli_tit h2 {
        font-size: 2.4rem;
    }
    .clinic .cli_list {
        column-count: 2;
        column-gap: 16px;
    }
    .clinic .cli_list .brick::before {
        height: 90%;
    }
    .clinic .cli_list .brick h3 {
        font-size: 2rem;
        bottom: 50px;
    }
    .clinic .cli_list .brick a {
        bottom: 15px;
    }
    .clinic .cli_list .brick a span {
        border: 1px solid #fff;
        transition: .5s;
        padding: 3px 7px 3px 7px;
        border-radius: 15px;
    }
    .clinic .cli_list .brick.b01 {
        height: 232px;
    }
    .clinic .cli_list .brick.b02 {
        height: 184.5px;
    }
    .clinic .cli_list .brick.b03 {
        height: 277.5px;
    }
    .clinic .cli_list .brick.b04 {
        height: 243.5px;
    }
    .clinic .cli_list .brick.b05 {
        height: 240px;
    }
    .clinic .cli_list .brick.b06 {
        height: 133.5px;
    }
    .clinic .cli_list .brick.b07 {
        height: 192px;
    }
    .clinic .cli_list .brick.b08 {
        height: 164px;
    }
    .clinic .cli_list .brick.b09 {
        height: 212px;
    }
    .clinic .cli_list .brick.b10 {
        height: 198px;
    }
    .clinic .cli_list .brick.b11 {
        height: 200px;
    }
    .clinic .cli_list .brick.b12 {
        height: 160.5px;
    }
    .clinic .cli_list .brick.b13 {
        height: 186px;
    }
    .clinic .cli_list .brick.b14 {
        height: 301.5px;
    }
    .clinic .cli_list .brick.b15 {
        height: 198px;
    }
    .clinic .cli_list .brick.b16 {
        height: 232px;
    }
    .clinic .cli_list .brick.b17 {
        height: 191px;
    }
    .clinic .cli_list .brick.b18 {
        height: 216px;
    }
    .clinic .cli_list .brick.b19 {
        height: 186px;
    }
    .clinic .cli_list .brick.b20 {
        height: 232px;
    }
    .clinic .cli_list .brick.b21 {
        height: 192px;
    }
    .clinic .cli_list .brick.b22 {
        height: 211px;
    }
    .clinic .cli_list .brick.b23 {
        height: 232px;
    }
    .clinic .cli_list .brick.b24 {
        height: 232px;
    }
    .clinic .cli_list .brick.b25 {
        height: 225.5px;
    }
}/* clinic 모바일 끝 */


.profess {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/contents/back.jpg);
    margin-top: 164px;
    padding: 89px 0 168px 0;
}
.profess .profess_tit {
    text-align: center;
    margin-bottom: 39px;
}
.profess .profess_tit strong {
    color: var(--color-main);
}
.profess .profess_tit h2 {
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-title);
}
.profess .swiper-slide {
    width: 404px;
    height: 469px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 0 50px;
    padding-bottom: 30px;
    color: #fff;
    overflow: hidden;
    position: relative;
}
.profess .swiper-slide .photo {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 15px;
}
.profess .swiper-slide .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s;
}
.profess .swiper-slide .photo img:hover {
    transform: scale3d(1.1, 1.1, 1);
}
.profess .swiper-slide h3 {
    position: absolute;
    left: 10%;
    bottom: 8%;
    z-index: 2;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.4;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.profess .swiper-slide a {
    display: block;
    position: absolute;
    right: 10%;
    bottom: 8%;
    z-index: 2;
}
.profess .swiper-slide a span {
    display: block;
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 6px 16px 6px 16px;
    transition: .3s;
}
.profess .swiper-slide a:hover span {
    border: 1px solid var(--color-main);
    background-color: var(--color-main);
}
.profess .wrapper .btn_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 8px;
    margin: 85px 0 0 0;
}
.profess .btn_wrap button {
    width: 53px;
    height: 53px;
    background-color: var(--color-main);
    border-radius: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
.profess .btn_wrap button::after {
    content: "";
    position: absolute;
    left: 15px;
    top: 12px;
    width: 20px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 11 18' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.70236 8.69044L9.78177 2.61103C10.0676 2.32525 10.2104 1.96152 10.2104 1.51985C10.2104 1.07819 10.0676 0.714461 9.78177 0.428676C9.49599 0.142892 9.13226 0 8.6906 0C8.24893 0 7.8852 0.142892 7.59942 0.428676L0.428832 7.59926C0.272949 7.75515 0.162533 7.92402 0.0975819 8.10588C0.0326309 8.28775 0.000155449 8.4826 0.000155449 8.69044C0.000155449 8.89828 0.0326309 9.09314 0.0975819 9.275C0.162533 9.45686 0.272949 9.62574 0.428832 9.78162L7.59942 16.9522C7.8852 17.238 8.24893 17.3809 8.6906 17.3809C9.13226 17.3809 9.49599 17.238 9.78177 16.9522C10.0676 16.6664 10.2104 16.3027 10.2104 15.861C10.2104 15.4194 10.0676 15.0556 9.78177 14.7699L3.70236 8.69044Z' /%3E%3C/svg%3E%0A");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 17px;
}
.profess .btn_wrap button.next {
    transform: rotate(180deg);
}
.profess .btn_wrap a {
    display: block;
    background-color: var(--color-main);
    border-radius: 15px;
    padding: 14px 23px 14px 23px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #fff;
}

@media screen and (max-width:1024px){ /* profess 모바일 시작 */
    .profess {
        margin-top: 70px;
        padding: 70px 0 90px 0;
    }
    .profess .profess_tit {
        margin-bottom: 29px;
    }
    .profess .profess_tit h2 {
        font-size: 2.4rem;
    }
    .profess .swiper-slide {
        width: 202px;
        height: 235px;
    }
    .profess .swiper-slide .photo {
        border-radius: 7px;
    }
    .profess .swiper-slide h3 {
        left: 8%;
        bottom: 20%;
        font-size: 1.6rem;
        max-width: 150px;
    }
    .profess .swiper-slide a {
        right: auto;
        left: 8%;
        bottom: 6%;
    }
    .profess .swiper-slide a span {
        font-size: 1.3rem;
        padding: 3px 10px 3px 10px;
    }
    .profess .wrapper .btn_wrap {
        margin: 30px 0 0 0;
    }
    .profess .btn_wrap button {
        display: none;
    }
    .profess .btn_wrap a {
        border-radius: 15px;
        padding: 7px 16px 7px 16px;
        font-size: 2rem;
        font-weight: 700;
        color: #fff;
    }
}/* profess 모바일 끝 */


.notice {
    margin: 140px 0 180px 0;
}
.notice .notice_tit {
    margin-bottom: 40px;
}
.notice .notice_tit strong {
    color: var(--color-main);
}
.notice .notice_tit h2 {
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-title);
    margin-top: 10px;
}
.notice .notice_list .swiper-slide {
    width: 404px;
    height: 460px;
    border-radius: 16px;
    background-position: center center;
    background-repeat: no-repeat;
    color: var(--color-title);
    position: relative;
    overflow: hidden;
    box-shadow: 2px 3px 4px 0 rgba(0, 0, 0, 0.1);
}
.notice .notice_list .swiper {
    padding: 15px 15px;
}
.notice .notice_list .swiper-slide.bg1 {
    background-image: url(../images/contents/notice_01.jpg);
}
.notice .notice_list .swiper-slide.bg2 {
    background-image: url(../images/contents/notice_02.jpg);
}
.notice .notice_list .swiper-slide.bg3 {
    background-image: url(../images/contents/notice_03.jpg);
}
.notice .notice_list .swiper-slide.bg4 {
    background-image: url(../images/contents/notice_04.jpg);
}
.notice .notice_list .swiper-slide.bg5 {
    background-image: url(../images/contents/notice_05.jpg);
}
.notice .notice_list .swiper-slide.bg6 {
    background-image: url(../images/contents/notice_06.jpg);
}
.notice .notice_list .swiper-slide.bg7 {
    background-image: url(../images/contents/notice_07.jpg);
}
.notice .notice_list .swiper-slide.bg8 {
    background-image: url(../images/contents/notice_08.jpg);
}
.notice .notice_list .swiper-slide.bg9 {
    background-image: url(../images/contents/notice_09.jpg);
}
.notice .notice_list .swiper-slide.bg10 {
    background-image: url(../images/contents/notice_10.jpg);
}
.notice .notice_list .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}
.notice .notice_list .swiper-slide a .box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    border-radius: 15px;
    color: var(--color-title);
    padding: 35px 24px 26px 24px;
    overflow: hidden;
}
.notice .notice_list .swiper-slide a .box h3 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.4;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 15px;
}
.notice .notice_list .swiper-slide a .box p {
    overflow: hidden;
    line-height: 1.5;
    height: 3em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--color-basic);
}
.notice .notice_list .swiper-slide a span {
    position: absolute;
    left: 20px;
    top: 20px;
    background-color: var(--color-main);
    border-radius: 30px;
    color: #fff;
    padding: 8px 30px 8px 30px;
}
.notice .notice_list .swiper-slide a span.ice {
    background-color: var(--color-main3);
}
.notice .notice_btn .notice_btn_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 8px;
    margin: 85px 0 0 0;
}
.notice .notice_btn .notice_btn_wrap button {
    width: 53px;
    height: 53px;
    background-color: var(--color-main);
    border-radius: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
.notice .notice_btn .notice_btn_wrap button::after {
    content: "";
    position: absolute;
    left: 15px;
    top: 12px;
    width: 20px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 11 18' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.70236 8.69044L9.78177 2.61103C10.0676 2.32525 10.2104 1.96152 10.2104 1.51985C10.2104 1.07819 10.0676 0.714461 9.78177 0.428676C9.49599 0.142892 9.13226 0 8.6906 0C8.24893 0 7.8852 0.142892 7.59942 0.428676L0.428832 7.59926C0.272949 7.75515 0.162533 7.92402 0.0975819 8.10588C0.0326309 8.28775 0.000155449 8.4826 0.000155449 8.69044C0.000155449 8.89828 0.0326309 9.09314 0.0975819 9.275C0.162533 9.45686 0.272949 9.62574 0.428832 9.78162L7.59942 16.9522C7.8852 17.238 8.24893 17.3809 8.6906 17.3809C9.13226 17.3809 9.49599 17.238 9.78177 16.9522C10.0676 16.6664 10.2104 16.3027 10.2104 15.861C10.2104 15.4194 10.0676 15.0556 9.78177 14.7699L3.70236 8.69044Z' /%3E%3C/svg%3E%0A");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 17px;
}
.notice .notice_btn .notice_btn_wrap button.next {
    transform: rotate(180deg);
}
.notice .notice_btn .notice_btn_wrap a {
    display: block;
    background-color: var(--color-main);
    border-radius: 15px;
    padding: 14px 23px 14px 23px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #fff;
}

@media screen and (max-width:1024px){ /* notice 모바일 시작 */
    .notice {
        margin: 70px 0 70px 0;
    }
    .notice .notice_tit {
        margin-bottom: 30px;
    }
    .notice .notice_tit h2 {
        font-size: 2.4rem;
        margin-top: 12px;
    }
    .notice .notice_list .swiper-slide {
        width: 271px;
        height: 309px;
        border-radius: 7px;
    }
    .notice .notice_list .swiper-slide a .box {
        border-radius: 7px;
        padding: 21px 20px 42px 20px;
    }
    .notice .notice_list .swiper-slide a .box h3 {
        font-size: 1.6rem;
    }
    .notice .notice_list .swiper-slide a .box p {
        display: none;
    }
    .notice .notice_list .swiper-slide a span {
        position: absolute;
        left: 21px;
        top: auto;
        bottom: 21px;
        background-color: transparent;
        border-radius: 0;
        font-size: 1.5rem;
        color: var(--color-main);
        padding: 0;
    }
    .notice .notice_list .swiper-slide a span.ice {
        background-color: transparent;
        color: var(--color-main3);
    }
    .notice .notice_btn .notice_btn_wrap {
        margin: 30px 0 0 0;
    }
    .notice .notice_btn .notice_btn_wrap button {
        display: none;
    }
    .notice .notice_btn .notice_btn_wrap a {
        border-radius: 15px;
        padding: 7px 16px 7px 16px;
        font-size: 2rem;
        font-weight: 700;
        color: #fff;
    }
}/* notice 모바일 끝 */


aside.tail {
    position: fixed;
    z-index: 99;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 1.5rem;
    background-color: var(--color-main);
    border-radius: 5px 0 0 5px;
}
aside.tail ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}
aside.tail ul li a {
    display: block;
    width: 100%;
    padding: 55px 10px 0 10px;
}
aside.tail ul li:last-child a {
    padding-bottom: 25px;
}
aside.tail ul li a span {
    display: block;
    position: relative;
}
aside.tail ul li a span::after {
    position: absolute;
    content: "";
    left: 15px;
    top: -30px;
    width: 25px;
    height: 25px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 17px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 20' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 20C1.45 20 0.979167 19.8042 0.5875 19.4125C0.195833 19.0208 0 18.55 0 18V4C0 3.45 0.195833 2.97917 0.5875 2.5875C0.979167 2.19583 1.45 2 2 2H6.2C6.41667 1.4 6.77917 0.916667 7.2875 0.55C7.79583 0.183333 8.36667 0 9 0C9.63333 0 10.2042 0.183333 10.7125 0.55C11.2208 0.916667 11.5833 1.4 11.8 2H16C16.55 2 17.0208 2.19583 17.4125 2.5875C17.8042 2.97917 18 3.45 18 4V18C18 18.55 17.8042 19.0208 17.4125 19.4125C17.0208 19.8042 16.55 20 16 20H2ZM2 18H16V4H2V18ZM5 16H10C10.2833 16 10.5208 15.9042 10.7125 15.7125C10.9042 15.5208 11 15.2833 11 15C11 14.7167 10.9042 14.4792 10.7125 14.2875C10.5208 14.0958 10.2833 14 10 14H5C4.71667 14 4.47917 14.0958 4.2875 14.2875C4.09583 14.4792 4 14.7167 4 15C4 15.2833 4.09583 15.5208 4.2875 15.7125C4.47917 15.9042 4.71667 16 5 16ZM5 12H13C13.2833 12 13.5208 11.9042 13.7125 11.7125C13.9042 11.5208 14 11.2833 14 11C14 10.7167 13.9042 10.4792 13.7125 10.2875C13.5208 10.0958 13.2833 10 13 10H5C4.71667 10 4.47917 10.0958 4.2875 10.2875C4.09583 10.4792 4 10.7167 4 11C4 11.2833 4.09583 11.5208 4.2875 11.7125C4.47917 11.9042 4.71667 12 5 12ZM5 8H13C13.2833 8 13.5208 7.90417 13.7125 7.7125C13.9042 7.52083 14 7.28333 14 7C14 6.71667 13.9042 6.47917 13.7125 6.2875C13.5208 6.09583 13.2833 6 13 6H5C4.71667 6 4.47917 6.09583 4.2875 6.2875C4.09583 6.47917 4 6.71667 4 7C4 7.28333 4.09583 7.52083 4.2875 7.7125C4.47917 7.90417 4.71667 8 5 8ZM9 3.25C9.21667 3.25 9.39583 3.17917 9.5375 3.0375C9.67917 2.89583 9.75 2.71667 9.75 2.5C9.75 2.28333 9.67917 2.10417 9.5375 1.9625C9.39583 1.82083 9.21667 1.75 9 1.75C8.78333 1.75 8.60417 1.82083 8.4625 1.9625C8.32083 2.10417 8.25 2.28333 8.25 2.5C8.25 2.71667 8.32083 2.89583 8.4625 3.0375C8.60417 3.17917 8.78333 3.25 9 3.25Z'/%3E%3C/svg%3E%0A");
}
aside.tail ul li a span.tail_2::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 17 24' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.16667 23.3333C6.10556 23.3333 4.42361 23.0076 3.12083 22.3563C1.81806 21.7049 1.16667 20.8639 1.16667 19.8333C1.16667 19.4639 1.24931 19.1236 1.41458 18.8125C1.57986 18.5014 1.82778 18.2097 2.15833 17.9375C2.43056 17.7431 2.72708 17.6653 3.04792 17.7042C3.36875 17.7431 3.62639 17.8986 3.82083 18.1708C4.01528 18.4431 4.08819 18.7396 4.03958 19.0604C3.99097 19.3813 3.83056 19.6389 3.55833 19.8333C3.81111 20.1444 4.39444 20.4167 5.30833 20.65C6.22222 20.8833 7.175 21 8.16667 21C9.15833 21 10.1111 20.8833 11.025 20.65C11.9389 20.4167 12.5222 20.1444 12.775 19.8333C12.5028 19.6389 12.3424 19.3813 12.2938 19.0604C12.2451 18.7396 12.3181 18.4431 12.5125 18.1708C12.7069 17.8986 12.9646 17.7431 13.2854 17.7042C13.6063 17.6653 13.9028 17.7431 14.175 17.9375C14.5056 18.2097 14.7535 18.5014 14.9188 18.8125C15.084 19.1236 15.1667 19.4639 15.1667 19.8333C15.1667 20.8639 14.5153 21.7049 13.2125 22.3563C11.9097 23.0076 10.2278 23.3333 8.16667 23.3333ZM8.19583 16.9167C10.1208 15.4972 11.5694 14.0729 12.5417 12.6438C13.5139 11.2146 14 9.78056 14 8.34167C14 6.35833 13.3681 4.86111 12.1042 3.85C10.8403 2.83889 9.52778 2.33333 8.16667 2.33333C6.80556 2.33333 5.49306 2.83889 4.22917 3.85C2.96528 4.86111 2.33333 6.35833 2.33333 8.34167C2.33333 9.64445 2.80972 11.0007 3.7625 12.4104C4.71528 13.8201 6.19306 15.3222 8.19583 16.9167ZM8.16667 19.2792C7.93333 19.2792 7.7 19.2403 7.46667 19.1625C7.23333 19.0847 7.01944 18.9681 6.825 18.8125C4.53056 16.9847 2.81944 15.2007 1.69167 13.4604C0.563889 11.7201 0 10.0139 0 8.34167C0 6.96111 0.247917 5.75069 0.74375 4.71042C1.23958 3.67014 1.87639 2.8 2.65417 2.1C3.43194 1.4 4.30694 0.875 5.27917 0.525C6.25139 0.175 7.21389 0 8.16667 0C9.11944 0 10.0819 0.175 11.0542 0.525C12.0264 0.875 12.9014 1.4 13.6792 2.1C14.4569 2.8 15.0938 3.67014 15.5896 4.71042C16.0854 5.75069 16.3333 6.96111 16.3333 8.34167C16.3333 10.0139 15.7694 11.7201 14.6417 13.4604C13.5139 15.2007 11.8028 16.9847 9.50834 18.8125C9.31389 18.9681 9.1 19.0847 8.86667 19.1625C8.63333 19.2403 8.4 19.2792 8.16667 19.2792ZM8.16667 10.5C8.80833 10.5 9.35764 10.2715 9.81458 9.81458C10.2715 9.35764 10.5 8.80833 10.5 8.16667C10.5 7.525 10.2715 6.9757 9.81458 6.51875C9.35764 6.06181 8.80833 5.83333 8.16667 5.83333C7.525 5.83333 6.9757 6.06181 6.51875 6.51875C6.06181 6.9757 5.83333 7.525 5.83333 8.16667C5.83333 8.80833 6.06181 9.35764 6.51875 9.81458C6.9757 10.2715 7.525 10.5 8.16667 10.5Z'/%3E%3C/svg%3E%0A");
    background-size: 18px;
}
aside.tail ul li a span.tail_3::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 19 24' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.07917 15.3125L6.44583 13.6792C6.32917 13.5625 6.20278 13.475 6.06667 13.4167C5.93056 13.3583 5.78958 13.3292 5.64375 13.3292C5.49792 13.3292 5.35208 13.3583 5.20625 13.4167C5.06042 13.475 4.92917 13.5625 4.8125 13.6792C4.57917 13.9125 4.4625 14.1896 4.4625 14.5104C4.4625 14.8313 4.57917 15.1083 4.8125 15.3417L7.29167 17.85C7.40833 17.9667 7.53472 18.0493 7.67083 18.0979C7.80694 18.1465 7.95278 18.1708 8.10833 18.1708C8.26389 18.1708 8.40972 18.1465 8.54583 18.0979C8.68194 18.0493 8.80833 17.9667 8.925 17.85L13.8542 12.9208C14.0875 12.6875 14.2042 12.4056 14.2042 12.075C14.2042 11.7444 14.0875 11.4625 13.8542 11.2292C13.6208 10.9958 13.3389 10.8792 13.0083 10.8792C12.6778 10.8792 12.3958 10.9958 12.1625 11.2292L8.07917 15.3125ZM2.33333 23.3333C1.69167 23.3333 1.14236 23.1049 0.685417 22.6479C0.228472 22.191 0 21.6417 0 21V2.33333C0 1.69167 0.228472 1.14236 0.685417 0.685417C1.14236 0.228472 1.69167 0 2.33333 0H10.7042C11.0153 0 11.3118 0.0583333 11.5938 0.175C11.8757 0.291667 12.1236 0.456944 12.3375 0.670833L17.9958 6.32917C18.2097 6.54306 18.375 6.79097 18.4917 7.07292C18.6083 7.35486 18.6667 7.65139 18.6667 7.9625V21C18.6667 21.6417 18.4382 22.191 17.9813 22.6479C17.5243 23.1049 16.975 23.3333 16.3333 23.3333H2.33333ZM10.5 7V2.33333H2.33333V21H16.3333V8.16667H11.6667C11.3361 8.16667 11.059 8.05486 10.8354 7.83125C10.6118 7.60764 10.5 7.33056 10.5 7Z'/%3E%3C/svg%3E%0A");
    background-size: 20px;
}
aside.tail ul li a span.tail_4::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 23 24' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6667 22.1667V20.2417C11.6667 20.0861 11.6958 19.9354 11.7542 19.7896C11.8125 19.6438 11.9 19.5125 12.0167 19.3958L18.1125 13.3292C18.2875 13.1542 18.4819 13.0278 18.6958 12.95C18.9097 12.8722 19.1236 12.8333 19.3375 12.8333C19.5708 12.8333 19.7944 12.8771 20.0083 12.9646C20.2222 13.0521 20.4167 13.1833 20.5917 13.3583L21.6708 14.4375C21.8264 14.6125 21.9479 14.8069 22.0354 15.0208C22.1229 15.2347 22.1667 15.4486 22.1667 15.6625C22.1667 15.8764 22.1278 16.0951 22.05 16.3188C21.9722 16.5424 21.8458 16.7417 21.6708 16.9167L15.6042 22.9833C15.4875 23.1 15.3562 23.1875 15.2104 23.2458C15.0646 23.3042 14.9139 23.3333 14.7583 23.3333H12.8333C12.5028 23.3333 12.2257 23.2215 12.0021 22.9979C11.7785 22.7743 11.6667 22.4972 11.6667 22.1667ZM13.4167 21.5833H14.525L18.0542 18.025L16.975 16.9458L13.4167 20.475V21.5833ZM2.33333 23.3333C1.69167 23.3333 1.14236 23.1049 0.685417 22.6479C0.228472 22.191 0 21.6417 0 21V2.33333C0 1.69167 0.228472 1.14236 0.685417 0.685417C1.14236 0.228472 1.69167 0 2.33333 0H10.7042C11.0153 0 11.3118 0.0583333 11.5938 0.175C11.8757 0.291667 12.1236 0.456944 12.3375 0.670833L17.9958 6.32917C18.2097 6.54306 18.375 6.79097 18.4917 7.07292C18.6083 7.35486 18.6667 7.65139 18.6667 7.9625V9.625C18.6667 9.95556 18.5549 10.2326 18.3312 10.4563C18.1076 10.6799 17.8306 10.7917 17.5 10.7917C17.1694 10.7917 16.8924 10.6799 16.6688 10.4563C16.4451 10.2326 16.3333 9.95556 16.3333 9.625V8.16667H11.6667C11.3361 8.16667 11.059 8.05486 10.8354 7.83125C10.6118 7.60764 10.5 7.33056 10.5 7V2.33333H2.33333V21H8.16667C8.49722 21 8.77431 21.1118 8.99792 21.3354C9.22153 21.559 9.33333 21.8361 9.33333 22.1667C9.33333 22.4972 9.22153 22.7743 8.99792 22.9979C8.77431 23.2215 8.49722 23.3333 8.16667 23.3333H2.33333ZM17.5292 17.4708L16.975 16.9458L18.0542 18.025L17.5292 17.4708Z'/%3E%3C/svg%3E%0A");
    background-size: 22px;
}
aside.tail ul li a span.tail_5::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0333 13.7667L7.525 11.2583C7.31111 11.0444 7.03889 10.9375 6.70833 10.9375C6.37778 10.9375 6.10556 11.0444 5.89167 11.2583C5.67778 11.4722 5.57083 11.7444 5.57083 12.075C5.57083 12.4056 5.67778 12.6778 5.89167 12.8917L9.21667 16.2167C9.45 16.45 9.72222 16.5667 10.0333 16.5667C10.3444 16.5667 10.6167 16.45 10.85 16.2167L17.4417 9.625C17.6556 9.41111 17.7625 9.13889 17.7625 8.80833C17.7625 8.47778 17.6556 8.20556 17.4417 7.99167C17.2278 7.77778 16.9556 7.67083 16.625 7.67083C16.2944 7.67083 16.0222 7.77778 15.8083 7.99167L10.0333 13.7667ZM11.6667 23.3333C10.0528 23.3333 8.53611 23.0271 7.11667 22.4146C5.69722 21.8021 4.4625 20.9708 3.4125 19.9208C2.3625 18.8708 1.53125 17.6361 0.91875 16.2167C0.30625 14.7972 0 13.2806 0 11.6667C0 10.0528 0.30625 8.53611 0.91875 7.11667C1.53125 5.69722 2.3625 4.4625 3.4125 3.4125C4.4625 2.3625 5.69722 1.53125 7.11667 0.91875C8.53611 0.30625 10.0528 0 11.6667 0C13.2806 0 14.7972 0.30625 16.2167 0.91875C17.6361 1.53125 18.8708 2.3625 19.9208 3.4125C20.9708 4.4625 21.8021 5.69722 22.4146 7.11667C23.0271 8.53611 23.3333 10.0528 23.3333 11.6667C23.3333 13.2806 23.0271 14.7972 22.4146 16.2167C21.8021 17.6361 20.9708 18.8708 19.9208 19.9208C18.8708 20.9708 17.6361 21.8021 16.2167 22.4146C14.7972 23.0271 13.2806 23.3333 11.6667 23.3333ZM11.6667 21C14.2722 21 16.4792 20.0958 18.2875 18.2875C20.0958 16.4792 21 14.2722 21 11.6667C21 9.06111 20.0958 6.85417 18.2875 5.04583C16.4792 3.2375 14.2722 2.33333 11.6667 2.33333C9.06111 2.33333 6.85417 3.2375 5.04583 5.04583C3.2375 6.85417 2.33333 9.06111 2.33333 11.6667C2.33333 14.2722 3.2375 16.4792 5.04583 18.2875C6.85417 20.0958 9.06111 21 11.6667 21Z'/%3E%3C/svg%3E%0A");
    background-size: 25px;
}