@charset "UTF-8";
@import url('https://font.elice.io/css?family=Elice+DX+Neolli');

:root {
    --mainColor: #003b7c;
    --subColor: #006fba;
    --mainFont: "Elice DX Neolli";
    --subFont: "Noto Sans KR";
    --basicSize: 19;
}
* {
    font-family: var(--mainFont);
    font-weight: 300;
}
html, body {
    width: 100vw;
    overflow-x: hidden;
}
body::-webkit-scrollbar {
    width: 10px;
}
body::-webkit-scrollbar-thumb {
    background-color: var(--mainColor);
}
body::-webkit-scrollbar-track {
    background-color: #333;
}
strong {
    font-weight: 800;
}

.pc {
    display: block;
}
.mobile {
    display: none;
}

@media screen and (max-width: 1100px) {
    
    :root {
        --basicSize: 11;
    }
    .pc {
        display: none;
    }
    .mobile {
        display: block;
    }
}

/* cursor click customizing */
.cursor-custom {
    position: fixed;
    pointer-events: none;
    z-index: 99999;
    display: none;
}
.cursor-custom svg {
    width: calc(120vw/var(--basicSize)); /* 이미지 크기 조절 */
}


/* Animation */
@keyframes moveUpDown {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(calc(-20vw/var(--basicSize)));
    }
    100% {
        transform: translateY(0);
    }
}

/* 상단 */
#header {
    display: none;
}

@media screen and (max-width: 1100px) {
    #header {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 9999;
        width: 100%;
        height: calc(150vw/var(--basicSize));
        background-color: white;
        box-shadow: 0 0 11px 4px #d0d7e5;
        display: block;
    }
    #header .header-wrap {
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    #header .header-wrap a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    #header .header-wrap svg {
        width: calc(80vw/var(--basicSize))
    }
    #header .header-wrap a > div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #header .header-wrap a > div > p:nth-child(1) {
        font-size: calc(60vw/var(--basicSize));
        font-weight: 400;
        color: var(--mainColor);
    }
    #header .header-wrap a > div > p:nth-child(1) strong {
        color: var(--subColor);
        font-weight: 400;
    }
    #header .header-wrap a > div > p:nth-child(2) {
        font-size: calc(20vw/var(--basicSize));
        color: var(--mainColor);
    }
}


/* section1 */
.section1 {
    height: 100vh;
    overflow: hidden;
}

.section1 .slide-wrap {
    width: 100%;
    height: 100%;
}
.section1 article {
    width: 100%;
    height: 100%;
}
.section1 .slide01 {
    /* background: url("/theme/landing/images/section/1/slide1/bg.jpg") no-repeat center center / cover; */
    position: relative;
}
.section1 .slide01 .con-wrap {
    position: relative;
    height: 100%;
}
.section1 .slide01 .con-wrap p {
    position: absolute;
}
.section1 .slide01 .con-wrap p:nth-child(1) {
    position: static;
}
.section1 .slide01 .con-wrap p:nth-child(2) { /* 자격증 */
    left: calc(336vw/var(--basicSize));
    bottom: calc(250vw/var(--basicSize));
    width: calc(488vw/var(--basicSize));
}
.section1 .slide01 .con-wrap p:nth-child(3) { /* 임상경력 */
    right: calc(310vw/var(--basicSize));
    bottom: calc(227vw/var(--basicSize));
    width: calc(208vw/var(--basicSize));
    animation: moveUpDown 2s ease-in-out infinite;
}
.section1 .slide01 .con-wrap p img {
    width: 100%;
}
/* 약력 팝업 */
.section1 .slide01 .pop-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    display: none;
}
.section1 .slide01 .pop-wrap .pop-con {
    width: calc(1253vw/var(--basicSize));
    height: calc(798vw/var(--basicSize));
    border-radius: calc(30vw/var(--basicSize));
    border: calc(3vw/var(--basicSize)) solid white;
    position: relative;
    background: url("/theme/landing/images/section/1/slide1/pop_bg.png") no-repeat center center / cover;
}
.section1 .slide01 .pop-wrap .pop-con > p:nth-of-type(1) {
    width: calc(568vw/var(--basicSize));
    position: absolute;
    left: calc(78vw/var(--basicSize));
    bottom: 0;
    z-index: 3;
}
.section1 .slide01 .pop-wrap .pop-con > p:nth-of-type(1) img {
    width: 100%;
}
.section1 .slide01 .pop-wrap .pop-con > p:nth-of-type(2) {
    position: absolute;
    right: calc(36vw/var(--basicSize));
    top: calc(38vw/var(--basicSize));
    width: calc(42vw/var(--basicSize));
    cursor: pointer;
}
.section1 .slide01 .pop-wrap .pop-con > p:nth-of-type(2) img {
    width: 100%;
}
.section1 .slide01 .pop-wrap .pop-con > div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: rgba(223, 222, 225, 0.4);
    border-radius: calc(20vw/var(--basicSize));
    width: calc(523vw/var(--basicSize));
    height: calc(703vw/var(--basicSize));
    padding-left: calc(54vw/var(--basicSize));
}
.section1 .slide01 .pop-wrap .pop-con > div > p:nth-of-type(1) {
    font-size: calc(35vw/var(--basicSize));
    color: var(--mainColor);
    letter-spacing: -0.05em;
}
.section1 .slide01 .pop-wrap .pop-con > div > p:nth-of-type(1) strong {
    font-size: calc(60vw/var(--basicSize));
    font-weight: 900;
}
.section1 .slide01 .pop-wrap .pop-con > div > p:nth-of-type(2) {
    margin-top: calc(5vw/var(--basicSize));
    font-size: calc(25vw/var(--basicSize));
    color: white;
    background-color: var(--mainColor);
    letter-spacing: -0.05em;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(325vw/var(--basicSize));
    height: calc(34vw/var(--basicSize));
}
.section1 .slide01 .pop-wrap .pop-con > div > ul {
    margin-top: calc(28vw/var(--basicSize));
}
.section1 .slide01 .pop-wrap .pop-con > div > ul li {
    font-size: calc(18vw/var(--basicSize));
    font-family: var(--subFont);
    font-weight: 100;
    color: #303030;
}
.section1 .slide01 .pop-wrap .pop-con > div > ul li.space {
    height: calc(18vw/var(--basicSize));
}

.section1 .slide02 {
    background: url("/theme/landing/images/section/1/slide2/bg_color.png") no-repeat center center / cover;
    height: 100vh;

}
.section1 .slide02 .con-wrap {
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: calc(310vw/var(--basicSize));
}
.section1 .slide02 .con-wrap .left, .section1 .slide02 .con-wrap .right {
    height: calc(664vw/var(--basicSize));
}
.section1 .slide02 .con-wrap .left {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32%;
}
.section1 .slide02 .con-wrap .left p {
    display: flex;
    flex-direction: column;
    font-size: calc(150vw/var(--basicSize));
    color: var(--mainColor);
    letter-spacing: -0.05em;
    line-height: 1.2em;
}
.section1 .slide02 .con-wrap .left p span {
    font-weight: 400;
    color: var(--mainColor);
}
.section1 .slide02 .con-wrap .left p strong {
    color: #0075ba;
}

.section1 .slide02 .con-wrap .right {
    width: 68%;
    background: url("/theme/landing/images/section/1/slide2/bg.png") no-repeat center center / cover;
    position: relative;
}
.section1 .slide02 .con-wrap .right:after {
    content: '';
    position: absolute;
    left: calc(17vw/var(--basicSize));
    top: calc(17vw/var(--basicSize));
    display: block;
    width: calc(100% - calc(17vw/var(--basicSize)));
    height: calc(100% - calc(34vw/var(--basicSize)));
    border: calc(3vw/var(--basicSize)) solid white;
}
.section1 .slide02 .con-wrap .right .right-con-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-left: calc(90vw/var(--basicSize));
    position: relative;
    z-index: 2;
}
.section1 .slide02 .con-wrap .right .right-con-wrap p svg {
    width: calc(74vw/var(--basicSize));
}
.section1 .slide02 .con-wrap .right .right-con-wrap p:nth-child(2) {
    font-family: var(--subFont);
    font-size: calc(35vw/var(--basicSize));
    color: white;
    line-height: 1.7em;
    letter-spacing: -0.05em;
    margin-top: calc(27vw/var(--basicSize));
}
.section1 .slide02 .con-wrap .right .right-con-wrap p:nth-child(2) strong {
    color: var(--mainColor);
    background-color: white;
    padding: 0 calc(7vw/var(--basicSize));
}

.section1 .slide03 {
    height: 100vh;
    background: url("/theme/landing/images/section/1/slide3/bg.jpg") no-repeat center center / cover;
}
.section1 .slide03 .con-wrap {
    width: calc(1177vw/var(--basicSize));
    height: 100%;
    background-color: white;
    position: relative;
    margin: 0 auto;
    padding-top: calc(45vw/var(--basicSize));
    background: white url("/theme/landing/images/section/1/slide3/implant.png") no-repeat center bottom 40% / calc(715vw/var(--basicSize));
}
.section1 .slide03 .con-wrap:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    border-left: calc(3vw/var(--basicSize)) solid var(--mainColor);
    border-right: calc(3vw/var(--basicSize)) solid var(--mainColor);
    display: flex;
    width: calc(100% - calc(15vw/var(--basicSize)));
    height: 100%;
}
.section1 .slide03 .con-wrap h3 {
    font-size: calc(42vw/var(--basicSize));
    text-align: center;
}
.section1 .slide03 .con-wrap h3 span {
    color: var(--mainColor);
}
.section1 .slide03 .con-wrap h3 span strong {
    color: var(--subColor);
}
.section1 .slide03 .con-wrap h3 > span:nth-child(2) {
    margin-top: calc(15vw/var(--basicSize));
    display: inline-block;
    border-bottom: calc(3vw/var(--basicSize)) solid var(--mainColor);
    padding-bottom: calc(15vw/var(--basicSize));
}
.section1 .slide03 .con-wrap h3 > span:nth-child(2) img {
    width: calc(733vw/var(--basicSize));
}
.section1 .slide03 .con-wrap p {
    width: calc(733vw/var(--basicSize));
    height: calc(143vw/var(--basicSize));
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: white;
    font-size: calc(28vw/var(--basicSize));
    background-color: var(--mainColor);
    position: absolute;
    left: 50%;
    bottom: calc(92vw/var(--basicSize));
    transform: translateX(-50%);
}

/* section1 Mobile */
@media screen and (max-width: 1100px) {
    .section1 {
        height: calc(1920vw/var(--basicSize));
        overflow: hidden;
    }
    .section1 .slide01 .con-wrap p:nth-child(2) { /* 자격증 */
        left: calc(128vw/var(--basicSize));
        bottom: calc(98vw/var(--basicSize));
        width: calc(508vw/var(--basicSize));
    }
    .section1 .slide01 .con-wrap p:nth-child(3) { /* 임상경력 */
        right: calc(78vw/var(--basicSize));
        bottom: calc(108vw/var(--basicSize));
        width: calc(288vw/var(--basicSize));
        animation: moveUpDown 2s ease-in-out infinite;
    }
    .section1 .slide01 .con-wrap p img {
        width: 100%;
    }
    /* 약력 팝업 */
    .section1 .slide01 .pop-wrap {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.8);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 10;
        display: none;
    }
    .section1 .slide01 .pop-wrap .pop-con {
        width: calc(942vw/var(--basicSize));
        height: calc(1318vw/var(--basicSize));
        background: url("/theme/landing/images/section/1/slide1/pop_bg_m.png") no-repeat center center / cover;
    }
    .section1 .slide01 .pop-wrap .pop-con > p:nth-of-type(1) {
        width: calc(430vw/var(--basicSize));
        position: absolute;
        left: auto;
        right: 0;
        bottom: 0;
        z-index: 3;
    }
    .section1 .slide01 .pop-wrap .pop-con > p:nth-of-type(1) img {
        width: 100%;
    }
    .section1 .slide01 .pop-wrap .pop-con > div {
        position: absolute;
        left: calc(55vw/var(--basicSize));
        top: calc(55vw/var(--basicSize));
        transform: translateY(0);
        width: calc(711vw/var(--basicSize));
        height: calc(1210vw/var(--basicSize));
        padding-left: calc(54vw/var(--basicSize));
    }
    .section1 .slide01 .pop-wrap .pop-con > div > p:nth-of-type(1) {
        font-size: calc(50vw/var(--basicSize));
    }
    .section1 .slide01 .pop-wrap .pop-con > div > p:nth-of-type(1) strong {
        font-size: calc(90vw/var(--basicSize));
    }
    .section1 .slide01 .pop-wrap .pop-con > div > p:nth-of-type(2) {
        margin-top: 0;
        font-size: calc(38vw/var(--basicSize));
        width: calc(526vw/var(--basicSize));
        height: calc(55vw/var(--basicSize));
    }
    .section1 .slide01 .pop-wrap .pop-con > div > ul {
        margin-top: calc(38vw/var(--basicSize));
    }
    .section1 .slide01 .pop-wrap .pop-con > div > ul li {
        font-size: calc(28vw/var(--basicSize));
    }

    .section1 .slide02 {
        /* background: url("/theme/landing/images/section/1/slide2/bg_color_m.png") no-repeat center center / cover; */
        height: calc(1920vw/var(--basicSize));
    }
    .section1 .slide02 .con-wrap {
        margin: 0 auto;
        width: calc(1012vw/var(--basicSize));
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        height: 100%;
        padding-left: 0;
    }
    .section1 .slide02 .con-wrap .left, .section1 .slide02 .con-wrap .right {
        height: calc(855vw/var(--basicSize));
    }
    .section1 .slide02 .con-wrap .left {
        width: 100%;
        padding-top: calc(320vw/var(--basicSize));
    }
    .section1 .slide02 .con-wrap .left p {
        font-size: calc(220vw/var(--basicSize));
    }

    .section1 .slide02 .con-wrap .right {
        background: url("/theme/landing/images/section/1/slide2/bg_m.png") no-repeat center center / cover;
        width: 100%;
        height: calc(856vw/var(--basicSize));
    }
    .section1 .slide02 .con-wrap .right:after {
        content: '';
        position: absolute;
        left: calc(17vw/var(--basicSize));
        top: calc(17vw/var(--basicSize));
        display: block;
        width: calc(100% - calc(34vw/var(--basicSize)));
        height: calc(100% - calc(34vw/var(--basicSize)));
        border: calc(3vw/var(--basicSize)) solid white;
    }
    .section1 .slide02 .con-wrap .right .right-con-wrap {
        align-items: center;
        padding-left: 0;
    }
    .section1 .slide02 .con-wrap .right .right-con-wrap p svg {
        width: calc(137vw/var(--basicSize));
    }
    .section1 .slide02 .con-wrap .right .right-con-wrap p:nth-child(2) {
        font-size: calc(48vw/var(--basicSize));
        margin-top: calc(70vw/var(--basicSize));
        text-align: center;
    }
    .section1 .slide02 .con-wrap .right .right-con-wrap p:nth-child(2) strong {
        font-weight: 400;
    }

    .section1 .slide03 {
        height: calc(1920vw/var(--basicSize));
        background: url("/theme/landing/images/section/1/slide3/bg_m.jpg") no-repeat center center / cover;
    }
    .section1 .slide03 .con-wrap {
        width: 100%;
        height: calc(1460vw/var(--basicSize));
        background-color: white;
        padding-top: calc(98vw/var(--basicSize));
        background: white url("/theme/landing/images/section/1/slide3/implant.png") no-repeat center bottom 20% / calc(911vw/var(--basicSize));
        position: relative;
        top: 50%;
        transform: translateY(-45%);
    }
    .section1 .slide03 .con-wrap:after {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        border-top: calc(3vw/var(--basicSize)) solid var(--mainColor);
        border-bottom: calc(3vw/var(--basicSize)) solid var(--mainColor);
        border-left: 0;
        border-right: 0;
        display: flex;
        width: 100%;
        height: calc(100% - 42vw/var(--basicSize));
    }
    .section1 .slide03 .con-wrap h3 {
        font-size: calc(45vw/var(--basicSize));
        text-align: center;
    }
    .section1 .slide03 .con-wrap h3 span strong {
        font-weight: 400;
    }
    .section1 .slide03 .con-wrap h3 > span:nth-child(2) {
        margin-top: calc(45vw/var(--basicSize));
        padding-bottom: calc(30vw/var(--basicSize));
    }
    .section1 .slide03 .con-wrap h3 > span:nth-child(2) img {
        width: calc(828vw/var(--basicSize));
    }
    .section1 .slide03 .con-wrap p {
        width: calc(925vw/var(--basicSize));
        font-size: calc(35vw/var(--basicSize));
        bottom: calc(98vw/var(--basicSize));
        line-height: 1.4em;
    }

    .section1 .slick-dots {
        display: flex;
        justify-content: center;
        gap: calc(15vw/var(--basicSize));

        position: absolute;
        left: 0;
        bottom: 2%;
        width: 100%;
    }
    .section1 .slick-dots li button {
        width: calc(217vw/var(--basicSize));
        height: calc(4vw/var(--basicSize));
        background-color: rgba(255, 255, 255, 0.5);
        font-size: 0;
        border: none;
    }
    .section1 .slick-dots li.slick-active button {
        background-color: white;
    }
}


/* section2 */
.section2 {
    background: url("/theme/landing/images/section/2/bg.jpg") no-repeat top left / cover;
}
.section2 .section-wrap {
    display:flex;
    overflow: hidden;
    position: relative;
}
.section2 .section-wrap .left {
    width: 50%;
    /* border-top-right-radius: 50%;
    border-bottom-right-radius: 50%; */
    /* background-color: white; */
    padding-top: calc(203vw/var(--basicSize));
    padding-left: calc(310vw/var(--basicSize));
    padding-right: calc(36vw/var(--basicSize));
    position: relative;
}
.section2 .section-wrap .left:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: calc(1200vw/var(--basicSize));
    height: calc(1200vw/var(--basicSize));
    border-radius: 50%;
    background-color: white;
    /* display: none; */
}
.section2 .section-wrap .left:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background-color: white;
}
.section2 .section-wrap .left .logo svg {
    width: calc(74vw/var(--basicSize));
}
.section2 .section-wrap .left h2 {
    font-size: calc(80vw/var(--basicSize));
    color: var(--mainColor);
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 2;
    line-height: 1.2em;
    margin-top: calc(40vw/var(--basicSize));
}
.section2 .section-wrap .left h2 span {
    font-weight: 400;
}
.section2 .section-wrap .left h2 span strong {
    color: var(--mainColor);
}
.section2 .section-wrap .left h2 strong {
    color: var(--subColor);
    font-weight: 800;
}
.section2 .section-wrap .left > p {
    margin-top: calc(65vw/var(--basicSize));
    position: relative;
    z-index: 2;
}
.section2 .section-wrap .left > p:nth-of-type(2){
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0 ,0.4));
    display: inline-block;
}
.section2 .section-wrap .left > p img {
    width: calc(364vw/var(--basicSize));
}

.section2 .section-wrap .right {
    width: 50%;
    padding-top: calc(203vw/var(--basicSize));
    padding-bottom: calc(227vw/var(--basicSize));
    padding-left: calc(36vw/var(--basicSize));
}
.section2 .section-wrap .right .benefit {
    display: flex;
    flex-direction: column;
    gap: calc(35vw/var(--basicSize));
}
.section2 .section-wrap .right .benefit li {
    width: calc(713vw/var(--basicSize));
    height: calc(92vw/var(--basicSize));
    display: flex;
    align-items: center;
    background-color: white;
    border-radius: calc(10vw/var(--basicSize));
    padding: 0 calc(20vw/var(--basicSize));
    justify-content: space-between;
}
.section2 .section-wrap .right .benefit li span:nth-of-type(1) {
    font-size: calc(40vw/var(--basicSize));
}
.section2 .section-wrap .right .benefit li p {
    width: calc(560vw/var(--basicSize));
    font-size: calc(27vw/var(--basicSize));
    letter-spacing: -0.05em;
    text-align: left;
}
.section2 .section-wrap .right .benefit li p strong {
    font-weight: 800;
}
.section2 .section-wrap .right .benefit li:nth-child(2n-1) .f-color {
    color: var(--mainColor);
}
.section2 .section-wrap .right .benefit li:nth-child(2n) .f-color {
    color: var(--subColor);
}
.section2 .section-wrap .right .benefit li span:nth-of-type(2) {
    font-size: calc(50vw/var(--basicSize));
    font-weight: bold;
}

.section2 .section-wrap .right .type {
    margin-top: calc(58vw/var(--basicSize));
    display: flex;
    justify-content: space-between;
    width: calc(713vw/var(--basicSize));
}
.section2 .section-wrap .right .type li {
    width: calc(343vw/var(--basicSize));
    height: calc(242vw/var(--basicSize));
    border-radius: calc(10vw/var(--basicSize));
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.section2 .section-wrap .right .type li:nth-child(1) {
    background-color: rgba(0, 59, 123, 0.7);
}
.section2 .section-wrap .right .type li:nth-child(2) {
    background-color: rgba(0, 111, 186, 0.7);
    border: calc(3vw/var(--basicSize)) solid white;
}
.section2 .section-wrap .right .type li p {
    color: white;
    text-align: center;
}
.section2 .section-wrap .right .type li p:nth-child(1) {
    font-size: calc(40vw/var(--basicSize));
    font-weight: 700;
    line-height: 1em;
}
.section2 .section-wrap .right .type li p:nth-child(1) span {
    display: block;
    font-weight: 300;
    font-size: calc(25vw/var(--basicSize));
}
.section2 .section-wrap .right .type li p:nth-child(2) {
    font-size: calc(20vw/var(--basicSize));
    font-weight: 300;
    font-family: "Noto Sans KR";
}
.section2 .section-wrap .right .type li:nth-child(1) p:nth-child(2) {
    margin-top: calc(88vw/var(--basicSize));
    position: relative;
}
.section2 .section-wrap .right .type li:nth-child(1) p:nth-child(2):after {
    content: '';
    position: absolute;
    left: 50%;
    top: calc(-68vw/var(--basicSize));
    display: block;
    width: 1px;
    height: calc(52vw/var(--basicSize));
    background-color: white;
}
.section2 .section-wrap .right .type li:nth-child(2) p:nth-child(2) {
    margin-top: calc(52vw/var(--basicSize));
    position: relative;
}
.section2 .section-wrap .right .type li:nth-child(2) p:nth-child(2):after {
    content: '';
    position: absolute;
    left: 50%;
    top: calc(-42vw/var(--basicSize));
    display: block;
    width: 1px;
    height: calc(32vw/var(--basicSize));
    background-color: white;
}
.section2 .pop-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 10;
    display: none;
}
.section2 .pop-wrap > p {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.section2 .pop-wrap > p > span:nth-child(1) img {
    width: calc(1117vw/var(--basicSize));
}
.section2 .pop-wrap > p > span:nth-child(2) {
    position: absolute;
    right: calc(33vw/var(--basicSize));
    top: calc(37vw/var(--basicSize));
    cursor: pointer;
}
.section2 .pop-wrap > p > span:nth-child(2) img {
    width: calc(43vw/var(--basicSize));
}

/* section2 Mobile */
@media screen and (max-width: 1100px) {
    .section2 {
        background: url("/theme/landing/images/section/2/bg_m.jpg") no-repeat top left / cover;
        padding-bottom: 0;
    }
    .section2 .section-wrap {
        display:flex;
        flex-direction: column;
        overflow: hidden;
        position: relative;
        padding-bottom: calc(300vw/var(--basicSize));
    }
    .section2 .section-wrap .left {
        width: 100%;
        padding-top: calc(210vw/var(--basicSize));
        padding-left: 0;
        padding-right: 0;
        position: relative;
    }
    .section2 .section-wrap .left:before {
        left: 0;
        top: 0;
        width: 100%;
        height: 50%;
    }
    .section2 .section-wrap .left:after {
        right: 50%;
        top: -15%;
        transform: translateX(50%);
    }
    .section2 .section-wrap .left .logo svg {
        width: calc(93vw/var(--basicSize));
    }
    .section2 .section-wrap .left h2 {
        font-size: calc(120vw/var(--basicSize));
        color: var(--mainColor);
        display: flex;
        flex-direction: column;
        position: relative;
        z-index: 2;
        line-height: 1.4em;
        margin-top: calc(40vw/var(--basicSize));
        text-align: center;
    }
    .section2 .section-wrap .left h2 span {
        font-weight: 400;
    }
    .section2 .section-wrap .left h2 span strong {
        color: var(--mainColor);
    }
    .section2 .section-wrap .left h2 strong {
        color: var(--subColor);
        font-weight: 800;
    }
    .section2 .section-wrap .left > p {
        margin-top: calc(65vw/var(--basicSize));
        position: relative;
        z-index: 2;
        text-align: center;
    }
    .section2 .section-wrap .left > p:nth-of-type(2){
        filter: none;
        display: inline-block;
        position: absolute;
        left: 0;
        bottom: calc(-1417vw/var(--basicSize));
        width: 100%;
        padding: calc(40vw/var(--basicSize)) 0;
        background-color: white;
    }
    .section2 .section-wrap .left > p:nth-of-type(2) span.mobile {
        margin: 0 auto;
    }
    .section2 .section-wrap .left > p img {
        width: calc(811vw/var(--basicSize));
    }
    
    .section2 .section-wrap .right {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        margin-top: calc(190vw/var(--basicSize));
    }
    .section2 .section-wrap .right .benefit {
        gap: calc(46vw/var(--basicSize));
        align-items: center;
    }
    .section2 .section-wrap .right .benefit li {
        width: calc(934vw/var(--basicSize));
        height: calc(121vw/var(--basicSize));
        padding: 0 calc(25vw/var(--basicSize));
    }
    .section2 .section-wrap .right .benefit li span:nth-of-type(1) {
        font-size: calc(53vw/var(--basicSize));
    }
    .section2 .section-wrap .right .benefit li p {
        width: 80%;
        font-size: calc(38vw/var(--basicSize));
    }
    .section2 .section-wrap .right .benefit li span:nth-of-type(2) {
        font-size: calc(50vw/var(--basicSize));
    }
    
    .section2 .section-wrap .right .type {
        margin: 0 auto;
        margin-top: calc(58vw/var(--basicSize));
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: calc(24vw/var(--basicSize));
        width: calc(934vw/var(--basicSize));
    }
    .section2 .section-wrap .right .type li {
        width: 100%;
        height: calc(195vw/var(--basicSize));
        border-radius: calc(10vw/var(--basicSize));
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0 calc(60vw/var(--basicSize));
    }
    .section2 .section-wrap .right .type li:nth-child(1) {
        background-color: rgba(0, 59, 124, 0.7);
    }
    .section2 .section-wrap .right .type li:nth-child(2) {
        background-color: rgba(0, 59, 124, 0.7);
        border: calc(3vw/var(--basicSize)) solid white;
    }
    .section2 .section-wrap .right .type li p {
        color: white;
        text-align: center;
    } 
    .section2 .section-wrap .right .type li p:nth-child(1) {
        font-size: calc(70vw/var(--basicSize));
        font-weight: 400;
        line-height: 1em;
    }
    .section2 .section-wrap .right .type li p:nth-child(1) span {
        display: block;
        font-weight: 100;
        font-size: calc(38vw/var(--basicSize));
        line-height: 1.3em;
    }
    .section2 .section-wrap .right .type li p:nth-child(2) {
        font-size: calc(34vw/var(--basicSize));
        font-weight: 300;
        font-family: "Noto Sans KR";
    }
    .section2 .section-wrap .right .type li:nth-child(1) p:nth-child(2) {
        margin-top: 0;
        position: relative;
    }
    .section2 .section-wrap .right .type li:nth-child(1) p:nth-child(2):after {
        content: '';
        position: absolute;
        left: calc(-70vw/var(--basicSize));
        top: 50%;
        transform: translateY(-50%);
        display: block;
        width: 1px;
        height: 80%;
        background-color: white;
    }
    .section2 .section-wrap .right .type li:nth-child(2) p:nth-child(2) {
        margin-top: 0;
        position: relative;
    }
    .section2 .section-wrap .right .type li:nth-child(2) p:nth-child(2):after {
        content: '';
        position: absolute;
        left: calc(-70vw/var(--basicSize));
        top: 50%;
        transform: translateY(-50%);
        display: block;
        width: 1px;
        height: 80%;
        background-color: white;
    }
    .section2 .pop-wrap {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 10;
        display: none;
    }
    .section2 .pop-wrap > p {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }
    .section2 .pop-wrap > p > span:nth-child(1) span {
        text-align: center;
    }
    .section2 .pop-wrap > p > span:nth-child(1) img {
        width: 90%;
    }
    .section2 .pop-wrap > p > span:nth-child(2) {
        position: absolute;
        right: calc(5% + calc(33vw/var(--basicSize)));
        top: calc(37vw/var(--basicSize));
        cursor: pointer;
    }
    .section2 .pop-wrap > p > span:nth-child(2) img {
        width: calc(52vw/var(--basicSize));
    }
}

/* section3 */
.section3 {
    position: relative;
}
.section3 .section-wrap {
    padding: calc(165vw/var(--basicSize)) 0;
    padding-left: calc(310vw/var(--basicSize));
}
.section3 .section-wrap h2 {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index:2
}
.section3 .section-wrap h2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: calc(-57vw/var(--basicSize));
    width: calc(95vw/var(--basicSize));
    height: calc(5vw/var(--basicSize));
    background-color: var(--mainColor);
}
.section3 .section-wrap h2 span:nth-child(1) {
    font-size: calc(25vw/var(--basicSize));
    font-weight: 300;
    color: #e2e8ef;
    letter-spacing: 0.5em;
}
.section3 .section-wrap h2 span:nth-child(2) {
    font-size: calc(35vw/var(--basicSize));
    color: var(--mainColor);
    letter-spacing: 0.05em;
}
.section3 .section-wrap h2 span:nth-child(2) strong {
    color: var(--subColor);
}
.section3 .section-wrap h2 span:nth-child(3) {
    color: var(--mainColor);
    font-weight: 800;
    font-size: calc(100vw/var(--basicSize));
    line-height: 1.2em;
}
.section3 .section-wrap h2 span:nth-child(3) strong {
    color: var(--subColor);
    font-weight: 800;
}

.section3 .section-wrap ul {
    margin-top: calc(118vw/var(--basicSize));
    display: flex;
    flex-direction: column;
    gap: calc(15vw/var(--basicSize));
    position: relative;
    z-index: 2;
}
.section3 .section-wrap ul li {
    width: calc(645vw/var(--basicSize));
    height: calc(74vw/var(--basicSize));
    display: flex;
    align-items: center;
    gap: calc(28vw/var(--basicSize));
    color: white;
    font-size: calc(30vw/var(--basicSize));
    font-family: var(--subFont);
    font-weight: 300;
}
.section3 .section-wrap ul li:nth-child(2n-1) {
    background-color: var(--mainColor);
    border: 1px solid var(--mainColor);
}
.section3 .section-wrap ul li:nth-child(2n) {
    background-color: var(--subColor);
    border: 1px solid var(--subColor);
}
.section3 .section-wrap ul li span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(74vw/var(--basicSize));
    height: 100%;
    font-family: var(--mainColor);
    font-size: calc(30vw/var(--basicSize));
    position: relative;
    z-index: 2;
    font-family: var(--mainFont);
    font-weight: 400;
}
.section3 .section-wrap ul li:nth-child(2n-1) span {
    color: var(--mainColor);
}
.section3 .section-wrap ul li:nth-child(2n) span {
    color: var(--subColor);
}
.section3 .section-wrap ul li span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 50%;
    height: 100%;
    background-color: white;
    z-index: -1;
}
.section3 .section-wrap ul li span:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: white;
    border-radius:50%;
    z-index: -1;
}

.section3 .video_implant {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.section3 .video_implant video {
    width: 100%;
}

/* section3 Mobile */
@media screen and (max-width: 1100px) {
    .section3 {
        position: relative;
    }
    .section3 .section-wrap {
        padding: 0;
        padding-left: 0;
        padding-top: calc(1200vw/var(--basicSize));
        height: calc(2500vw/var(--basicSize));
    }
    .section3 .section-wrap h2 {
        display: flex;
        flex-direction: column;
        gap: calc(25vw/var(--basicSize));
        position: relative;
        text-align: center;
    }
    .section3 .section-wrap h2:after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: calc(-57vw/var(--basicSize));
        transform: translateX(-50%);
        width: calc(95vw/var(--basicSize));
        height: calc(5vw/var(--basicSize));
        background-color: var(--mainColor);
    }
    .section3 .section-wrap h2 span:nth-child(1) {
        font-size: calc(32vw/var(--basicSize));
        font-weight: 300;
        color: #e2e8ef;
        letter-spacing: 0.5em;
    }
    .section3 .section-wrap h2 span:nth-child(2) {
        font-size: calc(50vw/var(--basicSize));
        font-weight: 400;
        color: var(--mainColor);
        letter-spacing: 0.05em;
    }
    .section3 .section-wrap h2 span:nth-child(2) strong {
        color: var(--subColor);
        font-weight: 400;
    }
    .section3 .section-wrap h2 span:nth-child(3) {
        color: var(--mainColor);
        font-weight: 800;
        font-size: calc(164vw/var(--basicSize));
        line-height: 1.2em;
    }
    .section3 .section-wrap h2 span:nth-child(3) strong {
        color: var(--subColor);
        font-weight: 800;
    }
    
    .section3 .section-wrap ul {
        margin-top: calc(118vw/var(--basicSize));
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: calc(20vw/var(--basicSize));
    }
    .section3 .section-wrap ul li {
        width: 84%;
        height: calc(112vw/var(--basicSize));
        display: flex;
        align-items: center;
        gap: calc(36vw/var(--basicSize));
        color: white;
        font-size: calc(38vw/var(--basicSize));
        font-family: var(--subFont);
        font-weight: 300;
    }
    .section3 .section-wrap ul li:nth-child(2n-1) {
        background-color: var(--mainColor);
        border: 1px solid var(--mainColor);
    }
    .section3 .section-wrap ul li:nth-child(2n) {
        background-color: var(--subColor);
        border: 1px solid var(--subColor);
    }
    .section3 .section-wrap ul li span {
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(100vw/var(--basicSize));
        height: 100%;
        font-family: var(--mainColor);
        font-size: calc(38vw/var(--basicSize));
        position: relative;
        z-index: 2;
        font-family: var(--mainFont);
        font-weight: 400;
    }
    .section3 .section-wrap ul li:nth-child(2n-1) span {
        color: var(--mainColor);
    }
    .section3 .section-wrap ul li:nth-child(2n) span {
        color: var(--subColor);
    }
    .section3 .section-wrap ul li span:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 50%;
        height: 100%;
        background-color: white;
        z-index: -1;
    }
    .section3 .section-wrap ul li span:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 100%;
        height: 100%;
        background-color: white;
        border-radius:50%;
        z-index: -1;
    }
    
    .section3 .video_implant {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }
    .section3 .video_implant video {
        width: 100%;
    }
}


/* section4 */
.section4 {
    padding-bottom: calc(55vw/var(--basicSize));
}
.section4 .section-wrap .bg img {
    width: 100%;
}
.section4 .section-wrap > h2 {
    font-size: calc(40vw/var(--basicSize));
    color: var(--mainColor);
    letter-spacing: 0.3em;
    text-align: center;
    display: flex;
    flex-direction: column;
}
.section4 .section-wrap > h2 > span:nth-child(1) {
    font-weight: 400;
}
.section4 .section-wrap > h2 > span:nth-child(2) {
    font-size: calc(82vw/var(--basicSize));
    color: var(--mainColor);
    text-align: center;
    letter-spacing: -0.05em;
    font-weight: 400;
    position: relative;
}
.section4 .section-wrap > h2 > span:nth-child(2) span svg {
    width: calc(56vw/var(--basicSize));
}
.section4 .section-wrap > h2 > span:nth-child(2) span svg#sec4-left-dquote-wrap {
    margin-right: calc(75vw/var(--basicSize));
}
.section4 .section-wrap > h2 > span:nth-child(2) span svg#sec4-right-dquote-wrap {
    margin-left: calc(75vw/var(--basicSize));
}
.section4 .section-wrap > h2 > span:nth-child(2) strong {
    color: var(--subColor);
    font-weight: 900;
}

.section4 .section-wrap > p:nth-of-type(2) {
    margin: calc(34vw/var(--basicSize)) 0;
    font-size: calc(25vw/var(--basicSize));
    font-family: var(--subFont);
    font-weight: 300;
    line-height: 1.4em;
    text-align: center;
    letter-spacing: -0.05em;
}
.section4 .section-wrap > p:nth-of-type(2) strong {
    color: var(--subColor);
}
.section4 .section-wrap > p:nth-of-type(3) {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc(739vw/var(--basicSize));
    height: calc(102vw/var(--basicSize));
    font-family: var(--subFont);
    font-size: calc(25vw/var(--basicSize));
    font-weight: 300;
    color: #303030;
    line-height: 1.4em;
    letter-spacing: -0.05em;
    background-color: #eff3f6;
}
.section4 .section-wrap > p:nth-of-type(3) span {
    font-family: inherit;
}
.section4 .section-wrap > p:nth-of-type(3) span strong {
    color: var(--mainColor);
}
.section4 .section-wrap > div {
    margin-top: calc(45vw/var(--basicSize));
    display: flex;
    flex-direction: column;
    gap: calc(30vw/var(--basicSize));
    line-height: 1em;
}
.section4 .section-wrap > div > p {
    display: flex;
    justify-content: space-between;
}
.section4 .section-wrap > div > p:nth-child(1) {
    margin: 0 calc(188vw/var(--basicSize));
}
.section4 .section-wrap > div > p:nth-child(2) {
    margin: 0 calc(200vw/var(--basicSize));
}
.section4 .section-wrap > div > p span {
    letter-spacing: 2em;
    color: #d6d6d6;
    font-weight: 100;
    font-size: calc(20vw/var(--basicSize));
}
.section4 .section-wrap > div > p:nth-child(2) span {
    letter-spacing: 2.7em;
}

/* section4 Mobile */
@media screen and (max-width: 1100px) {
    .section4 {
        padding-bottom: calc(55vw/var(--basicSize));
    }
    .section4 .section-wrap .bg img {
        width: 100%;
    }
    .section4 .section-wrap > h2 {
        font-size: calc(44vw/var(--basicSize));
        color: var(--mainColor);
        letter-spacing: 0.3em;
        text-align: center;
        display: flex;
        flex-direction: column;
        gap: calc(30vw/var(--basicSize));
    }
    .section4 .section-wrap > h2 span:nth-child(1) {
        font-weight: 300;
    }
    .section4 .section-wrap > h2 span:nth-child(2) {
        font-size: calc(140vw/var(--basicSize));
        color: var(--mainColor);
        text-align: center;
        letter-spacing: -0.05em;
        font-weight: 400;
        position: relative;
    }
    .section4 .section-wrap > h2 span:nth-child(2) strong {
        display: block;
        color: var(--subColor);
        font-weight: 900;
    }
    .section4 .section-wrap > h2 > span:nth-child(2) span {
        position: absolute;
        top: calc(-30vw/var(--basicSize));
    }
    .section4 .section-wrap > h2 > span:nth-child(2) span:nth-of-type(1) {
        left: calc(30vw/var(--basicSize));
    }
    .section4 .section-wrap > h2 > span:nth-child(2) span:nth-of-type(2) {
        right: calc(30vw/var(--basicSize));
    }
    .section4 .section-wrap > h2 > span:nth-child(2) span svg {
        width: calc(56vw/var(--basicSize));
    }
    .section4 .section-wrap > h2 > span:nth-child(2) span svg#sec4-left-dquote-wrap {
        margin-right: 0;
    }
    .section4 .section-wrap > h2 > span:nth-child(2) span svg#sec4-right-dquote-wrap {
        margin-left: 0;
    }
    .section4 .section-wrap > p:nth-of-type(2) {
        margin: calc(34vw/var(--basicSize)) 0;
        font-size: calc(36vw/var(--basicSize));
        font-family: var(--subFont);
        font-weight: 300;
        line-height: 1.4em;
        text-align: center;
        letter-spacing: -0.05em;
    }
    .section4 .section-wrap > p:nth-of-type(2) strong {
        color: var(--subColor);
        font-weight: 400;
    }
    .section4 .section-wrap > p:nth-of-type(3) {
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 85%;
        height: calc(142vw/var(--basicSize));
        font-family: var(--subFont);
        font-size: calc(36vw/var(--basicSize));
        font-weight: 300;
        color: #303030;
        line-height: 1.4em;
        letter-spacing: -0.05em;
        background-color: #eff3f6;
    }
    .section4 .section-wrap > p:nth-of-type(3) span {
        font-family: inherit;
    }
    .section4 .section-wrap > p:nth-of-type(3) span strong {
        color: var(--mainColor);
        font-weight: 400;
    }
    .section4 .section-wrap > div {
        margin-top: calc(45vw/var(--basicSize));
        display: flex;
        flex-direction: column;
        gap: calc(30vw/var(--basicSize));
        line-height: 1em;
    }
    .section4 .section-wrap > div > p {
        display: flex;
        justify-content: space-between;
    }
    .section4 .section-wrap > div > p:nth-child(1) {
        margin: 0 7.5%;
    }
    .section4 .section-wrap > div > p:nth-child(2) {
        margin: 0 7.5%;
    }
    .section4 .section-wrap > div > p span {
        letter-spacing: 0.5em;
        color: #d6d6d6;
        font-weight: 100;
        font-size: calc(30vw/var(--basicSize));
    }
    .section4 .section-wrap > div > p:nth-child(2) span {
        letter-spacing: 0.5em;
    }
}



/* section5 */
.section5 {
    padding-top: calc(75vw/var(--basicSize));
}
.section5 .section-wrap > h2 {
    text-align: center;
}
.section5 .section-wrap > h2 > span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(450vw/var(--basicSize));
    height: calc(67vw/var(--basicSize));
    line-height: 1em;
    margin: 0 auto;
    font-size: calc(42vw/var(--basicSize));
    color: white;
    background-color: var(--mainColor);
    letter-spacing: -0.05em;
    border-radius: calc(10vw/var(--basicSize));
}
.section5 .section-wrap > h2 strong {
    margin-top: calc(17vw/var(--basicSize));
    display: block;
    font-size: calc(130vw/var(--basicSize));
    font-weight: 900;
    background:linear-gradient(to right, #0099d1, #006fba);
    background-clip: text;
    color: transparent;
}
.section5 .section-wrap > h2 strong span {
    display: inline-flex;
    transform: translateY(calc(-54vw/var(--basicSize)));
}
.section5 .section-wrap > h2 strong span svg {
    width: calc(56vw/var(--basicSize));
}
.section5 .section-wrap > h2 strong span svg#sec5-left-dquote-wrap {
    margin-right: calc(28vw/var(--basicSize));
}
.section5 .section-wrap > h2 strong span svg#sec5-right-dquote-wrap {
    margin-left: calc(28vw/var(--basicSize));
}

.section5 .section-wrap > article {
    margin-top: calc(45vw/var(--basicSize));
    padding-bottom: calc(75vw/var(--basicSize));
    position: relative;
}
.section5 .section-wrap > article:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: calc(312vw/var(--basicSize));
    background-color: #f1f3f7;
    z-index: -1;
}
.section5 .section-wrap > article .con_cate li .slide-wrap {
    display: flex;
    justify-content: center;
    gap: calc(34vw/var(--basicSize));
}
.section5 .section-wrap > article .con_cate li .slide-wrap > div {
    width: calc(508vw/var(--basicSize));
    border-radius: calc(20vw/var(--basicSize));
    overflow: hidden;
}
.section5 .section-wrap > article .con_cate li .slide-wrap > div img {
    width: 100%;
}
.section5 .section-wrap > article .con_cate li .slide-wrap > div .title {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    height: calc(81vw/var(--basicSize));
    padding: 0 calc(28vw/var(--basicSize));
    padding-top: calc(17vw/var(--basicSize));
    color: white;
}
.section5 .section-wrap > article .con_cate li .slide-wrap .left .title {
    background-color: #bec3cb;
}
.section5 .section-wrap > article .con_cate li .slide-wrap .right .title {
    background-color: var(--mainColor);
}
.section5 .section-wrap > article .con_cate li .slide-wrap > div .pic_case {
    border: calc(3vw/var(--basicSize)) solid #bec3cb;
    border-bottom-left-radius: calc(20vw/var(--basicSize));
    border-bottom-right-radius: calc(20vw/var(--basicSize));
    overflow: hidden;
}
.section5 .section-wrap > article .con_cate li .slide-wrap .right .pic_case {
    border: calc(3vw/var(--basicSize)) solid var(--mainColor);
    position: relative;
}
.section5 .section-wrap > article .con_cate li .slide-wrap > div .title span:nth-child(1) {
    font-size: calc(45vw/var(--basicSize));
}
.section5 .section-wrap > article .con_cate li .slide-wrap > div .title span:nth-child(2) {
    font-size: calc(25vw/var(--basicSize));
    font-weight: 100;
}

.section5 .section-wrap > article .con_cate li .slide-wrap .right .pic_case > img {
    filter: blur(4px);
}
.section5 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn {
    position: absolute;
    left: 50%;
    bottom: calc(22vw/var(--basicSize));
    transform: translateX(-50%);
    width: calc(456vw/var(--basicSize));
    height: calc(73vw/var(--basicSize));
    border: calc(3vw/var(--basicSize)) solid white;
    border-radius: calc(37vw/var(--basicSize));
    background-color: rgba(255, 255, 255, 0.7);
    text-align: center;
}
.section5 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn p {
    width: calc(456vw/var(--basicSize));
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-size: calc(25vw/var(--basicSize));
    font-family: var(--subFont);
    font-weight: 300;
    color: #303030;
    letter-spacing: -0.05em;
}
.section5 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn p img {
    width: 100%;
    height: 100%;
}
.section5 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn_slide {
    width: 100%;
    height: 100%;
    position: relative;
    left: -1%;
    z-index: 5;
}
.section5 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn > div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
}
.section5 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn span {
    position: absolute;
    top: 50%;
    left: 3%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(56vw/var(--basicSize));
    height: calc(56vw/var(--basicSize));
    border-radius: 50%;
    background-color: var(--subColor);
    cursor: pointer;
}
.section5 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn span svg {
    width: calc(17vw/var(--basicSize));
}
.section5 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn span img {
    width: 100%;
    height: auto;
}

.section5 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .slick-slide {
    position: relative;
}
.section5 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn_slide .slick-list, 
.section5 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn_slide .slick-track {
    width: 101%;
    height: 100%;
    display: flex;
}
.section5 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn_slide .slick-slide {
    width: calc(523vw/var(--basicSize)) !important;
    height: 100%;
    position: relative;
}

.section5 .section-wrap > article {
    position: relative;
}
.section5 .section-wrap > article .btn-arrow svg {
    width: calc(24vw/var(--basicSize));
}
.section5 .section-wrap > article .btn-arrow .btn-arrow-left {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(98vw/var(--basicSize));
    height: calc(98vw/var(--basicSize));
    border-radius: 50%;
    background-color: var(--mainColor);
    position: absolute;
    left: calc(235vw/var(--basicSize));
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.section5 .section-wrap > article .btn-arrow .btn-arrow-left svg {
    transform: rotate(180deg);
}
.section5 .section-wrap > article .btn-arrow .btn-arrow-right {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(98vw/var(--basicSize));
    height: calc(98vw/var(--basicSize));
    border-radius: 50%;
    background-color: var(--mainColor);
    position: absolute;
    right: calc(235vw/var(--basicSize));
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.section5 .section-wrap > article .notice {
    margin-top: calc(40vw/var(--basicSize));
    font-size: calc(20vw/var(--basicSize));
    font-weight: 100;
    color: #303030;
    padding: 0 calc(440vw/var(--basicSize));
}
.section5 .section-wrap > article .notice li {
    font-family: var(--subFont);
    line-height: 1.5em;
}
.section5 .section-wrap > article .notice li span {
    font-size: calc(30vw/var(--basicSize));
}

/* section5 Mobile */
@media screen and (max-width: 1100px) {
    .section5 {
        padding-top: calc(75vw/var(--basicSize));
    }
    .section5 .section-wrap > h2 {
        text-align: center;
    }
    .section5 .section-wrap > h2 > span {
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(680vw/var(--basicSize));
        height: calc(90vw/var(--basicSize));
        line-height: 1em;
        margin: 0 auto;
        font-size: calc(65vw/var(--basicSize));
        color: white;
        background-color: var(--mainColor);
        letter-spacing: -0.05em;
        border-radius: calc(10vw/var(--basicSize));
    }
    .section5 .section-wrap > h2 strong {
        margin-top: calc(17vw/var(--basicSize));
        display: block;
        font-size: calc(185vw/var(--basicSize));
        font-weight: 900;
        background:linear-gradient(to right, #0099d1, #006fba);
        background-clip: text;
        color: transparent;
    }
    .section5 .section-wrap > h2 strong span svg#sec5-left-dquote-wrap {
        margin-right: 0;
    }
    .section5 .section-wrap > h2 strong span svg#sec5-right-dquote-wrap {
        margin-left: 0;
    }
    
    .section5 .section-wrap > article {
        margin-top: calc(45vw/var(--basicSize));
        padding-bottom: calc(75vw/var(--basicSize));
        position: relative;
    }
    .section5 .section-wrap > article:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        display: block;
        width: 100%;
        height: calc(647vw/var(--basicSize));
        background-color: #f1f3f7;
        z-index: -1;
    }
    .section5 .section-wrap > article .con_cate li .slide-wrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: calc(34vw/var(--basicSize));
    }
    .section5 .section-wrap > article .con_cate li .slide-wrap > div {
        width: calc(680vw/var(--basicSize));
        border-radius: calc(20vw/var(--basicSize));
        overflow: hidden;
    }
    .section5 .section-wrap > article .con_cate li .slide-wrap > div img {
        width: 100%;
    }
    .section5 .section-wrap > article .con_cate li .slide-wrap > div .title {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        height: calc(111vw/var(--basicSize));
        padding: 0 calc(34vw/var(--basicSize));
        padding-top: calc(22vw/var(--basicSize));
        color: white;
    }
    .section5 .section-wrap > article .con_cate li .slide-wrap .left .title {
        background-color: #bec3cb;
    }
    .section5 .section-wrap > article .con_cate li .slide-wrap .right .title {
        background-color: var(--mainColor);
    }
    .section5 .section-wrap > article .con_cate li .slide-wrap > div .pic_case {
        border: calc(3vw/var(--basicSize)) solid #bec3cb;
        border-bottom-left-radius: calc(20vw/var(--basicSize));
        border-bottom-right-radius: calc(20vw/var(--basicSize));
        overflow: hidden;
    }
    .section5 .section-wrap > article .con_cate li .slide-wrap .right .pic_case {
        border: calc(3vw/var(--basicSize)) solid var(--mainColor);
        position: relative;
    }
    .section5 .section-wrap > article .con_cate li .slide-wrap > div .title span:nth-child(1) {
        font-size: calc(58vw/var(--basicSize));
    }
    .section5 .section-wrap > article .con_cate li .slide-wrap > div .title span:nth-child(2) {
        font-size: calc(33vw/var(--basicSize));
        font-weight: 100;
    }
    
    .section5 .section-wrap > article .con_cate li .slide-wrap .right .pic_case > img {
        filter: blur(4px);
    }
    .section5 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn {
        position: absolute;
        left: 50%;
        bottom: calc(25vw/var(--basicSize));
        transform: translateX(-50%);
        width: calc(570vw/var(--basicSize));
        height: calc(93vw/var(--basicSize));
        border: calc(3vw/var(--basicSize)) solid white;
        border-radius: calc(45vw/var(--basicSize));
        background-color: rgba(255, 255, 255, 0.7);
        text-align: center;
    }
    .section5 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn p {
        width: calc(570vw/var(--basicSize));
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        font-size: calc(25vw/var(--basicSize));
        font-family: var(--subFont);
        font-weight: 300;
        color: #303030;
        letter-spacing: -0.05em;
    }
    .section5 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn p img {
        width: 100%;
        height: 100%;
    }
    
    .section5 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn_slide {
        width: 100%;
        height: 100%;
        position: relative;
        left: -1%;
        z-index: 5;
    }
    .section5 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn > div {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0%;
        left: 0%;
    }
    .section5 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn span {
        position: absolute;
        top: 50%;
        left: 3%;
        transform: translateY(-50%);
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(72vw/var(--basicSize));
        height: calc(72vw/var(--basicSize));
        border-radius: 50%;
        background-color: var(--mainColor);
        cursor: pointer;
    }
    .section5 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn span svg {
        width: calc(17vw/var(--basicSize));
    }
    .section5 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn span img {
        width: 100%;
        height: auto;
    }
    
    .section5 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .slick-slide {
        position: relative;
    }
    .section5 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn_slide .slick-list, 
    .section5 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn_slide .slick-track {
        width: 101%;
        height: 100%;
        display: flex;
    }
    .section5 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn_slide .slick-slide {
        width: calc(570vw/var(--basicSize)) !important;
        height: 100%;
        position: relative;
    }
    
    .section5 .section-wrap > article {
        position: relative;
    }
    .section5 .section-wrap > article .btn-arrow svg {
        width: calc(34vw/var(--basicSize));
    }
    .section5 .section-wrap > article .btn-arrow .btn-arrow-left {
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(140vw/var(--basicSize));
        height: calc(140vw/var(--basicSize));
        border-radius: 50%;
        background-color: var(--mainColor);
        position: absolute;
        left: calc(35vw/var(--basicSize));
        top: 31%;
        transform: translateY(0%);
        cursor: pointer;
    }
    .section5 .section-wrap > article .btn-arrow .btn-arrow-left svg {
        transform: rotate(180deg);
    }
    .section5 .section-wrap > article .btn-arrow .btn-arrow-right {
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(140vw/var(--basicSize));
        height: calc(140vw/var(--basicSize));
        border-radius: 50%;
        background-color: var(--mainColor);
        position: absolute;
        right: calc(35vw/var(--basicSize));
        top: 31%;
        transform: translateY(0%);
        cursor: pointer;
    }
    
    .section5 .section-wrap > article .notice {
        margin-top: calc(40vw/var(--basicSize));
        font-size: calc(22vw/var(--basicSize));
        font-weight: 100;
        color: #303030;
        padding: 0 10%;
    }
    .section5 .section-wrap > article .notice li {
        font-family: var(--subFont);
        line-height: 1.5em;
        padding-left: calc(15vw/var(--basicSize));
        text-indent: calc(-15vw/var(--basicSize));
    }
    .section5 .section-wrap > article .notice li span {
        font-size: calc(30vw/var(--basicSize));
    }
}


/* section6 */
.section6 {
    padding-top: calc(140vw/var(--basicSize));
    padding-bottom: calc(130vw/var(--basicSize));
}
.section6 .section-wrap > h2 {
    display: flex;
    flex-direction: column;
    padding: 0 calc(365vw/var(--basicSize));
}
.section6 .section-wrap > h2 span:nth-child(1) {
    font-size: calc(35vw/var(--basicSize));
    color: var(--mainColor);
    letter-spacing: 0.5em;
}
.section6 .section-wrap > h2 span:nth-child(2) {
    font-size: calc(80vw/var(--basicSize));
    font-weight: 800;
    color: var(--mainColor);
    letter-spacing: -0.05em;
    position: relative;
}
.section6 .section-wrap > h2 span:nth-child(2):before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 75%;
    height: 100%;
    background-color: white;
    z-index: -1;
}
.section6 .section-wrap > h2 span:nth-child(2):after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: calc(3vw/var(--basicSize));
    background-color: var(--mainColor);
    z-index: -2;
}
.section6 .section-wrap > h2 span:nth-child(2) strong {
    color: var(--subColor);
    font-weight: inherit;
}

.section6 .section-wrap > ul {
    margin-top: calc(54vw/var(--basicSize));
    display: flex;
    justify-content: space-between;
    padding: 0 calc(365vw/var(--basicSize));
    position: relative;
}
.section6 .section-wrap > ul:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 100vw;
    height: calc(308vw/var(--basicSize));
    background-color: #f1f3f7;
    z-index: -1;
}
.section6 .section-wrap > ul li {
    display: flex;
    flex-direction: column;
    width: calc(287vw/var(--basicSize));
    height: calc(496vw/var(--basicSize));
    justify-content: center;
    align-items: center;
}
.section6 .section-wrap > ul li:nth-child(2n-1) {
    background-color: var(--mainColor);
}
.section6 .section-wrap > ul li:nth-child(2n) {
    background-color: var(--subColor);
}
.section6 .section-wrap > ul li p:nth-child(1) {
    width: calc(260vw/var(--basicSize));
}
.section6 .section-wrap > ul li p:nth-child(2) {
    width: calc(38vw/var(--basicSize));
    margin-top: calc(19vw/var(--basicSize));
}
.section6 .section-wrap > ul li p:nth-child(3) {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: calc(155vw/var(--basicSize));
    font-size: calc(20vw/var(--basicSize));
    font-family: var(--subFont);
    font-weight: 100;
    color: white;
    line-height: 1.4em;
}
.section6 .section-wrap > ul li p img {
    width: 100%;
}

/* section6 Mobile */
@media screen and (max-width: 1100px) {
    .section6 {
        padding-top: calc(140vw/var(--basicSize));
        padding-bottom: calc(130vw/var(--basicSize));
    }
    .section6 .section-wrap > h2 {
        display: flex;
        flex-direction: column;
        gap: calc(30vw/var(--basicSize));
        text-align: center;
        padding: 0;
    }
    .section6 .section-wrap > h2 span:nth-child(1) {
        font-size: calc(50vw/var(--basicSize));
        color: var(--mainColor);
        letter-spacing: 0.5em;
    }
    .section6 .section-wrap > h2 span:nth-child(2) {
        font-size: calc(140vw/var(--basicSize));
        font-weight: 800;
        color: var(--mainColor);
        letter-spacing: -0.05em;
        position: relative;
    }
    .section6 .section-wrap > h2 span:nth-child(2):before {
        content: none;
    }
    .section6 .section-wrap > h2 span:nth-child(2):after {
        content: '';
        position: absolute;
        right: 50%;
        top: auto;
        bottom: calc(-40vw/var(--basicSize));
        transform: translateX(50%);
        width: calc(242vw/var(--basicSize));
        height: calc(4vw/var(--basicSize));
        background-color: var(--mainColor);
        z-index: -2;
    }
    .section6 .section-wrap > h2 span:nth-child(2) strong {
        color: var(--subColor);
        font-weight: inherit;
        display: block;
    }
    
    .section6 .section-wrap > ul {
        margin-top: calc(85vw/var(--basicSize));
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: calc(30vw/var(--basicSize));
        padding: 0 10%;
        position: relative;
    }
    .section6 .section-wrap > ul:after {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        display: block;
        width: 100vw;
        height: calc(942vw/var(--basicSize));
        background-color: #f1f3f7;
        z-index: -1;
    }
    .section6 .section-wrap > ul li {
        display: flex;
        flex-direction: row;
        width: 100%;
        height: calc(296vw/var(--basicSize));
        justify-content: flex-start;
        align-items: center;
        padding: calc(20vw/var(--basicSize));
    }
    .section6 .section-wrap > ul li:nth-child(2n-1) {
        background-color: var(--mainColor);
    }
    .section6 .section-wrap > ul li:nth-child(2n) {
        background-color: var(--subColor);
    }
    .section6 .section-wrap > ul li p:nth-child(1) {
        width: calc(260vw/var(--basicSize));
    }
    .section6 .section-wrap > ul li p:nth-child(2) {
        width: calc(52vw/var(--basicSize));
        margin-top: 0;
        margin-left: calc(50vw/var(--basicSize));
    }
    .section6 .section-wrap > ul li p:nth-child(3) {
        display: flex;
        align-items: center;
        text-align: left;
        height: 100%;
        font-size: calc(30vw/var(--basicSize));
        font-family: var(--subFont);
        font-weight: 100;
        color: white;
        line-height: 1.4em;
        margin-left: calc(35vw/var(--basicSize));
    }
    .section6 .section-wrap > ul li p img {
        width: 100%;
    }
}


/* section7 */
.section7 {
    padding-top: calc(75vw/var(--basicSize));
}
.section7 .section-wrap > h2 {
    text-align: center;
}
.section7 .section-wrap > h2 > span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(287vw/var(--basicSize));
    height: calc(67vw/var(--basicSize));
    line-height: 1em;
    margin: 0 auto;
    font-size: calc(42vw/var(--basicSize));
    color: white;
    background-color: var(--mainColor);
    letter-spacing: -0.05em;
    border-radius: calc(10vw/var(--basicSize));
}
.section7 .section-wrap > h2 strong {
    margin-top: calc(17vw/var(--basicSize));
    display: block;
    font-size: calc(130vw/var(--basicSize));
    font-weight: 900;
    background:linear-gradient(to right, #0099d1, #006fba);
    background-clip: text;
    color: transparent;
}
.section7 .section-wrap > h2 strong span {
    display: inline-flex;
    height: 100%;
    transform: translateY(calc(-56vw/var(--basicSize)));
}
.section7 .section-wrap > h2 strong span svg {
    width: calc(56vw/var(--basicSize));
}
.section7 .section-wrap > h2 strong span svg#sec7-left-dquote-wrap {
    margin-right: calc(28vw/var(--basicSize));
}
.section7 .section-wrap > h2 strong span svg#sec7-right-dquote-wrap {
    margin-left: calc(28vw/var(--basicSize));
}

.section7 .section-wrap > article {
    margin-top: calc(45vw/var(--basicSize));
    padding-bottom: calc(75vw/var(--basicSize));
    position: relative;
}
.section7 .section-wrap > article:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: calc(312vw/var(--basicSize));
    background-color: #f1f3f7;
    z-index: -1;
}
.section7 .section-wrap > article .con_cate li .slide-wrap {
    display: flex;
    justify-content: center;
    gap: calc(34vw/var(--basicSize));
}
.section7 .section-wrap > article .con_cate li .slide-wrap > div {
    width: calc(508vw/var(--basicSize));
    border-radius: calc(20vw/var(--basicSize));
    overflow: hidden;
}
.section7 .section-wrap > article .con_cate li .slide-wrap > div img {
    width: 100%;
}
.section7 .section-wrap > article .con_cate li .slide-wrap > div .title {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    height: calc(81vw/var(--basicSize));
    padding: 0 calc(28vw/var(--basicSize));
    padding-top: calc(17vw/var(--basicSize));
    color: white;
}
.section7 .section-wrap > article .con_cate li .slide-wrap .left .title {
    background-color: #bec3cb;
}
.section7 .section-wrap > article .con_cate li .slide-wrap .right .title {
    background-color: var(--mainColor);
}
.section7 .section-wrap > article .con_cate li .slide-wrap > div .pic_case {
    border: calc(3vw/var(--basicSize)) solid #bec3cb;
    border-bottom-left-radius: calc(20vw/var(--basicSize));
    border-bottom-right-radius: calc(20vw/var(--basicSize));
    overflow: hidden;
}
.section7 .section-wrap > article .con_cate li .slide-wrap .right .pic_case {
    border: calc(3vw/var(--basicSize)) solid var(--mainColor);
    position: relative;
}
.section7 .section-wrap > article .con_cate li .slide-wrap > div .title span:nth-child(1) {
    font-size: calc(45vw/var(--basicSize));
}
.section7 .section-wrap > article .con_cate li .slide-wrap > div .title span:nth-child(2) {
    font-size: calc(25vw/var(--basicSize));
    font-weight: 100;
}

.section7 .section-wrap > article .con_cate li .slide-wrap .right .pic_case > img {
    filter: blur(4px);
}
.section7 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn {
    position: absolute;
    left: 50%;
    bottom: calc(22vw/var(--basicSize));
    transform: translateX(-50%);
    width: calc(456vw/var(--basicSize));
    height: calc(73vw/var(--basicSize));
    border: calc(3vw/var(--basicSize)) solid white;
    border-radius: calc(37vw/var(--basicSize));
    background-color: rgba(255, 255, 255, 0.7);
    text-align: center;
}
.section7 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn p {
    width: calc(456vw/var(--basicSize));
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-size: calc(25vw/var(--basicSize));
    font-family: var(--subFont);
    font-weight: 300;
    color: #303030;
    letter-spacing: -0.05em;
}
.section7 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn p img {
    width: 100%;
    height: 100%;
}

.section7 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn_slide {
    width: 100%;
    height: 100%;
    position: relative;
    left: -1%;
    z-index: 5;
}
.section7 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn > div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
}
.section7 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn span {
    position: absolute;
    top: 50%;
    left: 3%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(56vw/var(--basicSize));
    height: calc(56vw/var(--basicSize));
    border-radius: 50%;
    background-color: var(--subColor);
    cursor: pointer;
}
.section7 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn span svg {
    width: calc(17vw/var(--basicSize));
}
.section7 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn span img {
    width: 100%;
    height: auto;
}

.section7 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .slick-slide {
    position: relative;
}
.section7 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn_slide .slick-list, 
.section7 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn_slide .slick-track {
    width: 101%;
    height: 100%;
    display: flex;
}
.section7 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn_slide .slick-slide {
    width: calc(523vw/var(--basicSize)) !important;
    height: 100%;
    position: relative;
}

.section7 .section-wrap > article {
    position: relative;
}
.section7 .section-wrap > article .btn-arrow svg {
    width: calc(24vw/var(--basicSize));
}
.section7 .section-wrap > article .btn-arrow .btn-arrow-left {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(98vw/var(--basicSize));
    height: calc(98vw/var(--basicSize));
    border-radius: 50%;
    background-color: var(--mainColor);
    position: absolute;
    left: calc(235vw/var(--basicSize));
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.section7 .section-wrap > article .btn-arrow .btn-arrow-left svg {
    transform: rotate(180deg);
}
.section7 .section-wrap > article .btn-arrow .btn-arrow-right {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(98vw/var(--basicSize));
    height: calc(98vw/var(--basicSize));
    border-radius: 50%;
    background-color: var(--mainColor);
    position: absolute;
    right: calc(235vw/var(--basicSize));
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.section7 .section-wrap > article .notice {
    margin-top: calc(40vw/var(--basicSize));
    font-size: calc(20vw/var(--basicSize));
    font-weight: 100;
    color: #303030;
    padding: 0 calc(440vw/var(--basicSize));
}
.section7 .section-wrap > article .notice li {
    font-family: var(--subFont);
    line-height: 1.5em;
}
.section7 .section-wrap > article .notice li span {
    font-size: calc(30vw/var(--basicSize));
}

/* section7 Mobile */
@media screen and (max-width: 1100px) {
    .section7 {
        padding-top: calc(75vw/var(--basicSize));
    }
    .section7 .section-wrap > h2 {
        text-align: center;
    }
    .section7 .section-wrap > h2 > span {
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(380vw/var(--basicSize));
        height: calc(90vw/var(--basicSize));
        line-height: 1em;
        margin: 0 auto;
        font-size: calc(65vw/var(--basicSize));
        color: white;
        background-color: var(--mainColor);
        letter-spacing: -0.05em;
        border-radius: calc(10vw/var(--basicSize));
    }
    .section7 .section-wrap > h2 strong {
        margin-top: calc(17vw/var(--basicSize));
        display: block;
        font-size: calc(185vw/var(--basicSize));
        font-weight: 900;
        background:linear-gradient(to right, #0099d1, #006fba);
        background-clip: text;
        color: transparent;
    }
    .section7 .section-wrap > h2 strong span svg#sec7-left-dquote-wrap {
        margin-right: 0;
    }
    .section7 .section-wrap > h2 strong span svg#sec7-right-dquote-wrap {
        margin-left: 0;
    }
    
    .section7 .section-wrap > article {
        margin-top: calc(45vw/var(--basicSize));
        padding-bottom: calc(75vw/var(--basicSize));
        position: relative;
    }
    .section7 .section-wrap > article:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        display: block;
        width: 100%;
        height: calc(647vw/var(--basicSize));
        background-color: #f1f3f7;
        z-index: -1;
    }
    .section7 .section-wrap > article .con_cate li .slide-wrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: calc(34vw/var(--basicSize));
    }
    .section7 .section-wrap > article .con_cate li .slide-wrap > div {
        width: calc(680vw/var(--basicSize));
        border-radius: calc(20vw/var(--basicSize));
        overflow: hidden;
    }
    .section7 .section-wrap > article .con_cate li .slide-wrap > div img {
        width: 100%;
    }
    .section7 .section-wrap > article .con_cate li .slide-wrap > div .title {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        height: calc(111vw/var(--basicSize));
        padding: 0 calc(34vw/var(--basicSize));
        padding-top: calc(22vw/var(--basicSize));
        color: white;
    }
    .section7 .section-wrap > article .con_cate li .slide-wrap .left .title {
        background-color: #bec3cb;
    }
    .section7 .section-wrap > article .con_cate li .slide-wrap .right .title {
        background-color: var(--subColor);
    }
    .section7 .section-wrap > article .con_cate li .slide-wrap > div .pic_case {
        border: calc(3vw/var(--basicSize)) solid #bec3cb;
        border-bottom-left-radius: calc(20vw/var(--basicSize));
        border-bottom-right-radius: calc(20vw/var(--basicSize));
        overflow: hidden;
    }
    .section7 .section-wrap > article .con_cate li .slide-wrap .right .pic_case {
        border: calc(3vw/var(--basicSize)) solid var(--mainColor);
        position: relative;
    }
    .section7 .section-wrap > article .con_cate li .slide-wrap > div .title span:nth-child(1) {
        font-size: calc(58vw/var(--basicSize));
    }
    .section7 .section-wrap > article .con_cate li .slide-wrap > div .title span:nth-child(2) {
        font-size: calc(33vw/var(--basicSize));
        font-weight: 100;
    }
    
    .section7 .section-wrap > article .con_cate li .slide-wrap .right .pic_case > img {
        filter: blur(4px);
    }
    .section7 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn {
        position: absolute;
        left: 50%;
        bottom: calc(25vw/var(--basicSize));
        transform: translateX(-50%);
        width: calc(570vw/var(--basicSize));
        height: calc(93vw/var(--basicSize));
        border: calc(3vw/var(--basicSize)) solid white;
        border-radius: calc(45vw/var(--basicSize));
        background-color: rgba(255, 255, 255, 0.7);
        text-align: center;
    }
    .section7 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn p {
        width: calc(570vw/var(--basicSize));
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        font-size: calc(25vw/var(--basicSize));
        font-family: var(--subFont);
        font-weight: 300;
        color: #303030;
        letter-spacing: -0.05em;
    }
    .section7 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn p img {
        width: 100%;
        height: 100%;
    }
    
    .section7 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn_slide {
        width: 100%;
        height: 100%;
        position: relative;
        left: -1%;
        z-index: 5;
    }
    .section7 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn > div {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0%;
        left: 0%;
    }
    .section7 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn span {
        position: absolute;
        top: 50%;
        left: 3%;
        transform: translateY(-50%);
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(72vw/var(--basicSize));
        height: calc(72vw/var(--basicSize));
        border-radius: 50%;
        background-color: var(--subColor);
        cursor: pointer;
    }
    .section7 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn span svg {
        width: calc(17vw/var(--basicSize));
    }
    .section7 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn span img {
        width: 100%;
        height: auto;
    }
    
    .section7 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .slick-slide {
        position: relative;
    }
    .section7 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn_slide .slick-list, 
    .section7 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn_slide .slick-track {
        width: 101%;
        height: 100%;
        display: flex;
    }
    .section7 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn_slide .slick-slide {
        width: calc(570vw/var(--basicSize)) !important;
        height: 100%;
        position: relative;
    }
    
    .section7 .section-wrap > article {
        position: relative;
    }
    .section7 .section-wrap > article .btn-arrow svg {
        width: calc(34vw/var(--basicSize));
    }
    .section7 .section-wrap > article .btn-arrow .btn-arrow-left {
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(140vw/var(--basicSize));
        height: calc(140vw/var(--basicSize));
        border-radius: 50%;
        background-color: var(--subColor);
        position: absolute;
        left: calc(35vw/var(--basicSize));
        top: 31%;
        transform: translateY(0%);
        cursor: pointer;
    }
    .section7 .section-wrap > article .btn-arrow .btn-arrow-left svg {
        transform: rotate(180deg);
    }
    .section7 .section-wrap > article .btn-arrow .btn-arrow-right {
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(140vw/var(--basicSize));
        height: calc(140vw/var(--basicSize));
        border-radius: 50%;
        background-color: var(--subColor);
        position: absolute;
        right: calc(35vw/var(--basicSize));
        top: 31%;
        transform: translateY(0%);
        cursor: pointer;
    }
    
    .section7 .section-wrap > article .notice {
        margin-top: calc(40vw/var(--basicSize));
        font-size: calc(22vw/var(--basicSize));
        font-weight: 100;
        color: #303030;
        padding: 0 10%;
    }
    .section7 .section-wrap > article .notice li {
        font-family: var(--subFont);
        line-height: 1.5em;
        padding-left: calc(15vw/var(--basicSize));
        text-indent: calc(-15vw/var(--basicSize));
    }
    .section7 .section-wrap > article .notice li span {
        font-size: calc(30vw/var(--basicSize));
    }
}


/* section8 */
.section8 {
    padding-top: calc(90vw/var(--basicSize));
}
.section8 .section-wrap > h2 {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.section8 .section-wrap > h2 span:nth-child(1) {
    font-size: calc(20vw/var(--basicSize));
    color: var(--mainColor);
    letter-spacing: 0.5em;
}
.section8 .section-wrap > h2 span:nth-child(2) {
    color: var(--mainColor);
    font-size: calc(80vw/var(--basicSize));
    font-weight: 800;
    letter-spacing: -0.05em;
}
.section8 .section-wrap > h2 span:nth-child(2) strong {
    color: var(--subColor);
    font-weight: inherit;
}

.section8 .section-wrap > ul {
    margin-top: calc(42vw/var(--basicSize));
    display: flex;
    justify-content: center;
    gap: calc(12vw/var(--basicSize));
}
.section8 .section-wrap > ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(378vw/var(--basicSize));
    height: calc(149vw/var(--basicSize));
    border-radius: calc(10vw/var(--basicSize));
    position: relative;
}
.section8 .section-wrap > ul li:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 97%;
    height: 92%;
    border-radius: calc(10vw/var(--basicSize));
    border: 1px solid white;
}
.section8 .section-wrap > ul li:nth-child(2n-1) {
    background: linear-gradient(135deg, #0057b6, #003b7c);
}
.section8 .section-wrap > ul li:nth-child(2n) {
    background: linear-gradient(135deg, #00a7da, #006fba);
}
.section8 .section-wrap > ul li p:nth-child(1) {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -25%);
    z-index: 3;
}
.section8 .section-wrap > ul li p:nth-child(1) img {
    width: calc(28vw/var(--basicSize));
}
.section8 .section-wrap > ul li p:nth-child(2) {
    font-size: calc(34vw/var(--basicSize));
    font-weight: 100;
    font-family: var(--subFont);
    color: white;
    text-align: center;
}
.section8 .section-wrap > ul li p:nth-child(2) strong {
    font-family: var(--subFont);
}
.section8 .section-wrap > article {
    margin-top: calc(145vw/var(--basicSize));
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    gap: calc(106vw/var(--basicSize));
    position: relative;
    height: calc(505vw/var(--basicSize));
    background-color: #e9ecf1;
    padding-bottom: calc(86vw/var(--basicSize));
}
.section8 .section-wrap > article > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(402vw/var(--basicSize));
    background-color: white;
    border-radius: calc(10vw/var(--basicSize));
}
.section8 .section-wrap > article > div:nth-of-type(1) {
    text-align: right;
    padding-right: calc(24vw/var(--basicSize));
    height: calc(159vw/var(--basicSize));
}
.section8 .section-wrap > article > div:nth-of-type(2) {
    text-align: left;
    padding-left: calc(24vw/var(--basicSize));
    height: calc(131vw/var(--basicSize));
    position: relative;
    top: calc(90vw/var(--basicSize));
}
.section8 .section-wrap > article > div h4 {
    font-size: calc(35vw/var(--basicSize));
    font-family: var(--mainFont);
    font-weight: 900;
    letter-spacing: -0.05em;
}
.section8 .section-wrap > article > div:nth-of-type(1) h4 {
    color: var(--mainColor)    
}
.section8 .section-wrap > article > div:nth-of-type(2) h4 {
    color: var(--subColor);
}
.section8 .section-wrap > article > div p {
    font-size: calc(20vw/var(--basicSize));
    font-weight: 300;
    font-family: var(--subFont);
    color: #303030;
    margin-top: calc(7vw/var(--basicSize));
}
.section8 .section-wrap > article > p:nth-of-type(1) {
    position: absolute;
    top: -15%;
    left: 50%;
    transform: translateX(-50%);
}
.section8 .section-wrap > article > p:nth-of-type(1) img {
    width: calc(138vw/var(--basicSize));
}
.section8 .section-wrap > article > p:nth-of-type(2) {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc(55vw/var(--basicSize));
    background-color: var(--mainColor);
    color: white;
    font-size: calc(35vw/var(--basicSize));
    letter-spacing: -0.05em;
}
.section8 .section-wrap > article > p:nth-of-type(2) strong {
    font-weight: 800;
}

/* section8 Mobile */
@media screen and (max-width: 1100px) {
    .section8 {
        padding-top: calc(90vw/var(--basicSize));
    }
    .section8 .section-wrap > h2 {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: calc(30vw/var(--basicSize));
        text-align: center;
    }
    .section8 .section-wrap > h2 span:nth-child(1) {
        font-size: calc(20vw/var(--basicSize));
        color: var(--mainColor);
        letter-spacing: 0.5em;
    }
    .section8 .section-wrap > h2 span:nth-child(2) {
        color: var(--mainColor);
        font-size: calc(120vw/var(--basicSize));
        font-weight: 800;
        letter-spacing: -0.05em;
    }
    .section8 .section-wrap > h2 span:nth-child(2) strong {
        color: var(--subColor);
        font-weight: inherit;
        font-size: calc(170vw/var(--basicSize));
        display: block;
    }
    
    .section8 .section-wrap > ul {
        margin-top: calc(42vw/var(--basicSize));
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: calc(20vw/var(--basicSize));
    }
    .section8 .section-wrap > ul li {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 85%;
        height: calc(112vw/var(--basicSize));
        border-radius: calc(10vw/var(--basicSize));
        position: relative;
    }
    .section8 .section-wrap > ul li:after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: block;
        width: 97%;
        height: 82%;
        border-radius: calc(10vw/var(--basicSize));
        border: 1px solid white;
    }
    .section8 .section-wrap > ul li:nth-child(2n-1) {
        background: linear-gradient(135deg, #0057b6, #003b7c);
    }
    .section8 .section-wrap > ul li:nth-child(2n) {
        background: linear-gradient(135deg, #00a7da, #006fba);
    }
    .section8 .section-wrap > ul li p:nth-child(1) {
        position: absolute;
        top: 50%;
        left: 4%;
        transform: translateY(-50%);
        z-index: 3;
    }
    .section8 .section-wrap > ul li p:nth-child(1) img {
        width: calc(60vw/var(--basicSize));
    }
    .section8 .section-wrap > ul li p:nth-child(2) {
        font-size: calc(38vw/var(--basicSize));
        font-weight: 100;
        font-family: var(--subFont);
        color: white;
        text-align: center;
    }
    .section8 .section-wrap > ul li p:nth-child(2) strong {
        font-family: var(--subFont);
        font-weight: 400;
    }
    .section8 .section-wrap > article {
        margin-top: calc(145vw/var(--basicSize));
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-end;
        gap: calc(145vw/var(--basicSize));
        position: relative;
        height: calc(705vw/var(--basicSize));
        background-color: #e9ecf1;
        padding-bottom: calc(86vw/var(--basicSize));
    }
    .section8 .section-wrap > article > div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: calc(402vw/var(--basicSize));
        background-color: white;
        border-radius: calc(10vw/var(--basicSize));
    }
    .section8 .section-wrap > article > div:nth-of-type(1) {
        text-align: right;
        padding-right: calc(24vw/var(--basicSize));
        height: calc(198vw/var(--basicSize));
    }
    .section8 .section-wrap > article > div:nth-of-type(2) {
        text-align: left;
        padding-left: calc(24vw/var(--basicSize));
        height: calc(180vw/var(--basicSize));
        position: relative;
        top: calc(120vw/var(--basicSize));
    }
    .section8 .section-wrap > article > div h4 {
        font-size: calc(40vw/var(--basicSize));
        font-family: var(--mainFont);
        font-weight: 900;
        letter-spacing: -0.05em;
    }
    .section8 .section-wrap > article > div:nth-of-type(1) h4 {
        color: var(--mainColor)    
    }
    .section8 .section-wrap > article > div:nth-of-type(2) h4 {
        color: var(--subColor);
    }
    .section8 .section-wrap > article > div p {
        font-size: calc(22vw/var(--basicSize));
        font-weight: 300;
        font-family: var(--subFont);
        color: #303030;
        margin-top: calc(7vw/var(--basicSize));
    }
    .section8 .section-wrap > article > p:nth-of-type(1) {
        position: absolute;
        top: -15%;
        left: 50%;
        transform: translateX(-50%);
    }
    .section8 .section-wrap > article > p:nth-of-type(1) img {
        width: calc(210vw/var(--basicSize));
    }
    .section8 .section-wrap > article > p:nth-of-type(2) {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: calc(5vw/var(--basicSize));
        width: 100%;
        height: calc(120vw/var(--basicSize));
        background-color: var(--mainColor);
        color: white;
        font-size: calc(35vw/var(--basicSize));
        letter-spacing: -0.05em;
        position: relative;
        z-index: 2;
    }
    .section8 .section-wrap > article > p:nth-of-type(2) strong {
        font-weight: 400;
    }
}



/* section9 */
.section9 {
    padding: calc(75vw/var(--basicSize)) 0;
}
.section9 .section-wrap > h2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.section9 .section-wrap > h2 > span {
    font-size: calc(40vw/var(--basicSize));
    color: var(--mainColor);
    letter-spacing: 0.2em;
}
.section9 .section-wrap > h2 > strong {
    font-size: calc(100vw/var(--basicSize));
    font-weight: 900;
    color: var(--mainColor);
    letter-spacing: -0.05em;
}
.section9 .section-wrap > h2 > strong strong {
    color: transparent;
    background: linear-gradient(135deg, #00a7da, #006fba);
    background-clip: text;
    font-weight: 900;
}

.section9 .section-wrap .upper {
    margin-top: calc(75vw/var(--basicSize));
    position: relative;
    padding-top: calc(60vw/var(--basicSize));
    padding-bottom: calc(62vw/var(--basicSize));

    background: url("/theme/landing/images/section/9/bg.png") no-repeat center center / cover;
    text-align: center;
}
.section9 .section-wrap .upper > h3 {
    font-family: var(--mainFont);
    font-size: calc(30vw/var(--basicSize));
    font-weight: 300;
    color: var(--mainColor);
    background-color: white;

    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(617vw/var(--basicSize));
    height: calc(55vw/var(--basicSize));
    border-radius: calc(27vw/var(--basicSize));
    border: 1px solid #e9ecf1;
    
    position: absolute;
    left: 50%;
    top: calc(-27.5vw/var(--basicSize));
    transform: translateX(-50%);
}
.section9 .section-wrap .upper > h3 strong {
    font-weight: 800;
}

.section9 .section-wrap .upper > ul:nth-of-type(1) {
    display: flex;
    justify-content: center;
    gap: calc(23vw/var(--basicSize));
}
.section9 .section-wrap .upper > ul:nth-of-type(1) li {
    width: calc(166vw/var(--basicSize));
    height: calc(166vw/var(--basicSize));
    display: flex;    
    align-items: center;
    flex-direction: column;
    font-size: calc(20vw/var(--basicSize));
    font-family: var(--subFont);
    font-weight: 300;
    padding-top: calc(20vw/var(--basicSize));
    text-align: center;
}
.section9 .section-wrap .upper > ul:nth-of-type(1) li:nth-child(2n-1) {
    background-color: white;
    color: #303030;
}
.section9 .section-wrap .upper > ul:nth-of-type(1) li:nth-child(2n) {
    background-color: transparent;
    color: white;
    border: 2px solid white;
}
.section9 .section-wrap .upper > ul:nth-of-type(1) li:not(:nth-child(2)) {
    gap: calc(22vw/var(--basicSize));
}
.section9 .section-wrap .upper > ul:nth-of-type(1) li:nth-child(2) {
    gap: calc(12vw/var(--basicSize));
}

.section9 .section-wrap .upper > p {
    margin-top: calc(52vw/var(--basicSize));
    font-size: calc(50vw/var(--basicSize));
    font-weight: 300;
    color: #7797cb;
    letter-spacing: -0.05em;
    position: relative;
    display: inline-block;
}
.section9 .section-wrap .upper > p:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: calc(-5vw/var(--basicSize));
    width: 100%;
    height: calc(3vw/var(--basicSize));
    background-color: white;
}
.section9 .section-wrap .upper > p strong {
    font-weight: 800;
    color: white;
}
.section9 .section-wrap .upper > ul:nth-of-type(1) li p {
    line-height: 1.3em;
}
.section9 .section-wrap .upper > ul:nth-of-type(2) {
    margin-top: calc(21vw/var(--basicSize));
    display: flex;
    justify-content: center;
    gap: calc(13vw/var(--basicSize));
}
.section9 .section-wrap .upper > ul:nth-of-type(2) li {
    display: flex;
    align-items: center;
    height: calc(51vw/var(--basicSize));
    padding: 0 calc(12vw/var(--basicSize));
    background-color: white;
    letter-spacing: -0.05em;
}
.section9 .section-wrap .upper > ul:nth-of-type(2) li span:nth-child(1) {
    font-size: calc(30vw/var(--basicSize));
    color: var(--mainColor);
    position: relative;
}
.section9 .section-wrap .upper > ul:nth-of-type(2) li span:nth-child(1):after {
    content: '';
    position: absolute;
    right: calc(-13vw/var(--basicSize));
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: calc(3vw/var(--basicSize));
    height: 70%;
    background-color: #e6e8eb;
}
.section9 .section-wrap .upper > ul:nth-of-type(2) li:nth-child(2n) span:nth-child(1) {
    color: var(--subColor);
}
.section9 .section-wrap .upper > ul:nth-of-type(2) li span:nth-child(2) {
    font-family: var(--subFont);
    font-size: calc(20vw/var(--basicSize));
    color: #303030;
    margin-left: calc(26vw/var(--basicSize));
}

.section9 .section-wrap .dropper {
    margin-top: calc(58vw/var(--basicSize));
    padding: 0 calc(212vw/var(--basicSize));
    display: flex;
    justify-content: center;
}
.section9 .section-wrap .dropper .left {
    padding-left: calc(61vw/var(--basicSize));
}
.section9 .section-wrap .dropper .left ul {
    display: flex;
    flex-wrap: wrap;
    gap: calc(14vw/var(--basicSize));
    width: calc(400vw/var(--basicSize));
}
.section9 .section-wrap .dropper .left ul li {
    width: calc(193vw/var(--basicSize));
    border: 1px solid #cdd1d7;
}
.section9 .section-wrap .dropper .left ul li img {
    width: 100%;
}

.section9 .section-wrap .dropper .right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: calc(55vw/var(--basicSize));
}
.section9 .section-wrap .dropper .right ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: calc(15vw/var(--basicSize));
}
.section9 .section-wrap .dropper .right ul li {
    display: flex;
    align-items: center;
    width: calc(551vw/var(--basicSize));
    height: calc(55vw/var(--basicSize));
    box-shadow: 0 0 7px 2px #f1f3f7;
}
.section9 .section-wrap .dropper .right ul li span:nth-child(1) {
    padding: 0 calc(18vw/var(--basicSize));
}
.section9 .section-wrap .dropper .right ul li span:nth-child(1) img {
    width: calc(29vw/var(--basicSize));
}
.section9 .section-wrap .dropper .right ul li span:nth-child(2) {
    font-size: calc(30vw/var(--basicSize));
    color: var(--mainColor);
    letter-spacing: -0.05em;
}
.section9 .section-wrap .dropper .right ul li span:nth-child(2) strong {
    color: var(--subColor);
    font-weight: 800;
}

.section9 .section-wrap .dropper .right > p {
    margin-top: calc(40vw/var(--basicSize));
    font-size: calc(40vw/var(--basicSize));
    font-weight: 300;
    color: var(--mainColor);
    letter-spacing: -0.05em;
}
.section9 .section-wrap .dropper .right > p strong {
    font-weight: 800;
    font-size: calc(50vw/var(--basicSize));
    color: var(--subColor);
}

/* section9 Mobile  */
@media screen and (max-width: 1100px) {
    .section9 {
        padding: calc(75vw/var(--basicSize)) 0;
    }
    .section9 .section-wrap > h2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: calc(30vw/var(--basicSize));
        text-align: center;
    }
    .section9 .section-wrap > h2 > span {
        font-size: calc(40vw/var(--basicSize));
        color: var(--mainColor);
        letter-spacing: 0.2em;
    }
    .section9 .section-wrap > h2 > strong {
        font-size: calc(150vw/var(--basicSize));
        font-weight: 900;
        color: var(--mainColor);
        letter-spacing: -0.05em;
    }
    .section9 .section-wrap > h2 > strong strong {
        color: transparent;
        background: linear-gradient(135deg, #00a7da, var(--mainColor));
        background-clip: text;
        font-weight: 900;
        display: block;
    }
    
    .section9 .section-wrap .upper {
        margin-top: calc(75vw/var(--basicSize));
        position: relative;
        padding-top: calc(60vw/var(--basicSize));
        padding-bottom: calc(62vw/var(--basicSize));
    
        background: url("/theme/landing/images/section/9/bg_m.png") no-repeat center center / cover;
        text-align: center;
    }
    .section9 .section-wrap .upper > h3 {
        font-family: var(--mainFont);
        font-size: calc(40vw/var(--basicSize));
        font-weight: 300;
        color: var(--mainColor);
        background-color: white;
    
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(730vw/var(--basicSize));
        height: calc(65vw/var(--basicSize));
        border-radius: calc(37vw/var(--basicSize));
        border: 1px solid #e9ecf1;
        
        position: absolute;
        left: 50%;
        top: calc(-32.5vw/var(--basicSize));
        transform: translateX(-50%);
    }
    .section9 .section-wrap .upper > h3 strong {
        font-weight: 800;
    }
    
    .section9 .section-wrap .upper > ul:nth-of-type(1) {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: calc(23vw/var(--basicSize));
        padding: 0 10%;
    }
    .section9 .section-wrap .upper > ul:nth-of-type(1) li {
        width: calc(240vw/var(--basicSize));
        height: calc(240vw/var(--basicSize));
        display: flex;    
        align-items: center;
        flex-direction: column;
        font-size: calc(28vw/var(--basicSize));
        font-family: var(--subFont);
        font-weight: 300;
        padding-top: calc(30vw/var(--basicSize));
        text-align: center;
    }
    .section9 .section-wrap .upper > ul:nth-of-type(1) li:nth-child(2n-1) {
        background-color: white;
        color: #303030;
    }
    .section9 .section-wrap .upper > ul:nth-of-type(1) li:nth-child(2n) {
        background-color: transparent;
        color: white;
        border: 2px solid white;
    }
    .section9 .section-wrap .upper > ul:nth-of-type(1) li:not(:nth-child(2)) {
        gap: calc(22vw/var(--basicSize));
    }
    .section9 .section-wrap .upper > ul:nth-of-type(1) li:nth-child(2) {
        gap: calc(12vw/var(--basicSize));
    }
    
    .section9 .section-wrap .upper > p {
        margin-top: calc(52vw/var(--basicSize));
        font-size: calc(76vw/var(--basicSize));
        font-weight: 300;
        color: #7797cb;
        letter-spacing: -0.05em;
        position: relative;
        display: inline-block;
        line-height: 1.2em;
    }
    .section9 .section-wrap .upper > p:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: calc(-5vw/var(--basicSize));
        width: 100%;
        height: calc(3vw/var(--basicSize));
        background-color: white;
    }
    .section9 .section-wrap .upper > p strong {
        font-weight: 800;
        color: white;
    }
    .section9 .section-wrap .upper > ul:nth-of-type(1) li p {
        line-height: 1.3em;
    }
    .section9 .section-wrap .upper > ul:nth-of-type(1) li p img {
        width: calc(42vw/var(--basicSize));
    }
    .section9 .section-wrap .upper > ul:nth-of-type(2) {
        margin-top: calc(30vw/var(--basicSize));
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: calc(20vw/var(--basicSize));
    }
    .section9 .section-wrap .upper > ul:nth-of-type(2) li {
        display: flex;
        align-items: center;
        width: 70%;
        height: calc(70vw/var(--basicSize));
        padding: 0 calc(15vw/var(--basicSize));
        background-color: white;
        letter-spacing: -0.05em;
    }
    .section9 .section-wrap .upper > ul:nth-of-type(2) li span:nth-child(1) {
        font-size: calc(40vw/var(--basicSize));
        color: var(--mainColor);
        position: relative;
    }
    .section9 .section-wrap .upper > ul:nth-of-type(2) li span:nth-child(1):after {
        content: '';
        position: absolute;
        right: calc(-17vw/var(--basicSize));
        top: 50%;
        transform: translateY(-50%);
        display: block;
        width: calc(3vw/var(--basicSize));
        height: 70%;
        background-color: #e6e8eb;
    }
    .section9 .section-wrap .upper > ul:nth-of-type(2) li:nth-child(2n) span:nth-child(1) {
        color: var(--subColor);
    }
    .section9 .section-wrap .upper > ul:nth-of-type(2) li span:nth-child(2) {
        font-family: var(--subFont);
        font-size: calc(30vw/var(--basicSize));
        color: #303030;
        margin-left: calc(34vw/var(--basicSize));
    }
    
    .section9 .section-wrap .dropper {
        margin-top: calc(58vw/var(--basicSize));
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: calc(30vw/var(--basicSize));
    }
    .section9 .section-wrap .dropper .left {
        padding-left: 0;
    }
    .section9 .section-wrap .dropper .left ul {
        margin: 0 auto;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
        gap: 0;
        width: 80%;
    }
    .section9 .section-wrap .dropper .left ul li {
        width: 23%;
        border: 1px solid #cdd1d7;
    }
    .section9 .section-wrap .dropper .left ul li img {
        width: 100%;
    }
    
    .section9 .section-wrap .dropper .right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: 0;
        width: 78%;
    }
    .section9 .section-wrap .dropper .right ul {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: calc(15vw/var(--basicSize));
    }
    .section9 .section-wrap .dropper .right ul li {
        display: flex;
        align-items: center;
        width: 100%;
        height: calc(80vw/var(--basicSize));
        box-shadow: 0 0 7px 2px #f1f3f7;
    }
    .section9 .section-wrap .dropper .right ul li span:nth-child(1) {
        padding: 0 calc(18vw/var(--basicSize));
    }
    .section9 .section-wrap .dropper .right ul li span:nth-child(1) img {
        width: calc(40vw/var(--basicSize));
    }
    .section9 .section-wrap .dropper .right ul li span:nth-child(2) {
        font-size: calc(43vw/var(--basicSize));
        color: var(--mainColor);
        letter-spacing: -0.05em;
    }
    .section9 .section-wrap .dropper .right ul li span:nth-child(2) strong {
        color: var(--subColor);
        font-weight: 800;
    }
    
    .section9 .section-wrap .dropper .right > p {
        margin-top: calc(50vw/var(--basicSize));
        font-size: calc(75vw/var(--basicSize));
        font-weight: 300;
        color: var(--mainColor);
        letter-spacing: -0.05em;
        text-align: center;
        line-height: 1.3em;
    }
    .section9 .section-wrap .dropper .right > p strong {
        font-weight: 800;
        font-size: calc(85vw/var(--basicSize));
        color: var(--subColor);
    }
}


/* section10 */
.section10 {
    padding-top: calc(75vw/var(--basicSize));
}
.section10 .section-wrap > h2 {
    text-align: center;
}
.section10 .section-wrap > h2 > span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(287vw/var(--basicSize));
    height: calc(67vw/var(--basicSize));
    line-height: 1em;
    margin: 0 auto;
    font-size: calc(42vw/var(--basicSize));
    color: white;
    background-color: var(--mainColor);
    letter-spacing: -0.05em;
    border-radius: calc(10vw/var(--basicSize));
}
.section10 .section-wrap > h2 strong {
    margin-top: calc(7vw/var(--basicSize));
    display: block;
    font-size: calc(130vw/var(--basicSize));
    font-weight: 900;
    background:linear-gradient(to right, #0051aa, #003b7c);
    background-clip: text;
    color: transparent;
}
.section10 .section-wrap > h2 strong span {
    display: inline-flex;
    height: 100%;
    transform: translateY(calc(-56vw/var(--basicSize)));
}
.section10 .section-wrap > h2 strong span svg {
    width: calc(56vw/var(--basicSize));
}
.section10 .section-wrap > h2 strong span svg#sec10-left-dquote-wrap {
    margin-right: calc(28vw/var(--basicSize));
}
.section10 .section-wrap > h2 strong span svg#sec10-right-dquote-wrap {
    margin-left: calc(28vw/var(--basicSize));
}

.section10 .section-wrap > article {
    margin-top: calc(45vw/var(--basicSize));
    padding-bottom: calc(75vw/var(--basicSize));
    position: relative;
}
.section10 .section-wrap > article:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: calc(312vw/var(--basicSize));
    background-color: #f1f3f7;
    z-index: -1;
}
.section10 .section-wrap > article .con_cate li .slide-wrap {
    display: flex;
    justify-content: center;
    gap: calc(34vw/var(--basicSize));
}
.section10 .section-wrap > article .con_cate li .slide-wrap > div {
    width: calc(508vw/var(--basicSize));
    border-radius: calc(20vw/var(--basicSize));
    overflow: hidden;
}
.section10 .section-wrap > article .con_cate li .slide-wrap > div img {
    width: 100%;
}
.section10 .section-wrap > article .con_cate li .slide-wrap > div .title {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    height: calc(81vw/var(--basicSize));
    padding: 0 calc(28vw/var(--basicSize));
    padding-top: calc(17vw/var(--basicSize));
    color: white;
}
.section10 .section-wrap > article .con_cate li .slide-wrap .left .title {
    background-color: #bec3cb;
}
.section10 .section-wrap > article .con_cate li .slide-wrap .right .title {
    background-color: var(--mainColor);
}
.section10 .section-wrap > article .con_cate li .slide-wrap > div .pic_case {
    border: calc(3vw/var(--basicSize)) solid #bec3cb;
    border-bottom-left-radius: calc(20vw/var(--basicSize));
    border-bottom-right-radius: calc(20vw/var(--basicSize));
    overflow: hidden;
}
.section10 .section-wrap > article .con_cate li .slide-wrap .right .pic_case {
    border: calc(3vw/var(--basicSize)) solid var(--mainColor);
    position: relative;
}
.section10 .section-wrap > article .con_cate li .slide-wrap > div .title span:nth-child(1) {
    font-size: calc(45vw/var(--basicSize));
}
.section10 .section-wrap > article .con_cate li .slide-wrap > div .title span:nth-child(2) {
    font-size: calc(25vw/var(--basicSize));
    font-weight: 100;
}

.section10 .section-wrap > article .con_cate li .slide-wrap .right .pic_case > img {
    filter: blur(4px);
}
.section10 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn {
    position: absolute;
    left: 50%;
    bottom: calc(22vw/var(--basicSize));
    transform: translateX(-50%);
    width: calc(456vw/var(--basicSize));
    height: calc(73vw/var(--basicSize));
    border: calc(3vw/var(--basicSize)) solid white;
    border-radius: calc(37vw/var(--basicSize));
    background-color: rgba(255, 255, 255, 0.7);
    text-align: center;
}
.section10 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn p {
    width: calc(456vw/var(--basicSize));
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-size: calc(25vw/var(--basicSize));
    font-family: var(--subFont);
    font-weight: 300;
    color: #303030;
    letter-spacing: -0.05em;
}
.section10 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn p img {
    width: 100%;
    height: 100%;
}

.section10 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn_slide {
    width: 100%;
    height: 100%;
    position: relative;
    left: -1%;
    z-index: 5;
}
.section10 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn > div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
}
.section10 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn span {
    position: absolute;
    top: 50%;
    left: 3%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(56vw/var(--basicSize));
    height: calc(56vw/var(--basicSize));
    border-radius: 50%;
    background-color: var(--subColor);
    cursor: pointer;
}
.section10 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn span svg {
    width: calc(17vw/var(--basicSize));
}
.section10 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn span img {
    width: 100%;
    height: auto;
}

.section10 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .slick-slide {
    position: relative;
}
.section10 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn_slide .slick-list, 
.section10 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn_slide .slick-track {
    width: 101%;
    height: 100%;
    display: flex;
}
.section10 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn_slide .slick-slide {
    width: calc(523vw/var(--basicSize)) !important;
    height: 100%;
    position: relative;
}

.section10 .section-wrap > article {
    position: relative;
}
.section10 .section-wrap > article .btn-arrow svg {
    width: calc(24vw/var(--basicSize));
}
.section10 .section-wrap > article .btn-arrow .btn-arrow-left {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(98vw/var(--basicSize));
    height: calc(98vw/var(--basicSize));
    border-radius: 50%;
    background-color: var(--mainColor);
    position: absolute;
    left: calc(235vw/var(--basicSize));
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.section10 .section-wrap > article .btn-arrow .btn-arrow-left svg {
    transform: rotate(180deg);
}
.section10 .section-wrap > article .btn-arrow .btn-arrow-right {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(98vw/var(--basicSize));
    height: calc(98vw/var(--basicSize));
    border-radius: 50%;
    background-color: var(--mainColor);
    position: absolute;
    right: calc(235vw/var(--basicSize));
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.section10 .section-wrap > article .notice {
    margin-top: calc(40vw/var(--basicSize));
    font-size: calc(20vw/var(--basicSize));
    font-weight: 100;
    color: #303030;
    padding: 0 calc(440vw/var(--basicSize));
}
.section10 .section-wrap > article .notice li {
    font-family: var(--subFont);
    line-height: 1.5em;
}
.section10 .section-wrap > article .notice li span {
    font-size: calc(30vw/var(--basicSize));
}

/* section10 Mobile */
@media screen and (max-width: 1100px) {
    .section10 {
        padding-top: calc(75vw/var(--basicSize));
    }
    .section10 .section-wrap > h2 {
        text-align: center;
    }
    .section10 .section-wrap > h2 > span {
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(500vw/var(--basicSize));
        height: calc(90vw/var(--basicSize));
        line-height: 1em;
        margin: 0 auto;
        font-size: calc(65vw/var(--basicSize));
        color: white;
        background-color: var(--mainColor);
        letter-spacing: -0.05em;
        border-radius: calc(10vw/var(--basicSize));
    }
    .section10 .section-wrap > h2 strong {
        margin-top: calc(17vw/var(--basicSize));
        display: block;
        font-size: calc(185vw/var(--basicSize));
        font-weight: 900;
        background-clip: text;
        color: transparent;
    }
    .section10 .section-wrap > h2 strong span svg#sec10-left-dquote-wrap {
        margin-right: 0;
    }
    .section10 .section-wrap > h2 strong span svg#sec10-right-dquote-wrap {
        margin-left: 0;
    }
    
    .section10 .section-wrap > article {
        margin-top: calc(45vw/var(--basicSize));
        padding-bottom: calc(75vw/var(--basicSize));
        position: relative;
    }
    .section10 .section-wrap > article:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        display: block;
        width: 100%;
        height: calc(647vw/var(--basicSize));
        background-color: #f1f3f7;
        z-index: -1;
    }
    .section10 .section-wrap > article .con_cate li .slide-wrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: calc(34vw/var(--basicSize));
    }
    .section10 .section-wrap > article .con_cate li .slide-wrap > div {
        width: calc(680vw/var(--basicSize));
        border-radius: calc(20vw/var(--basicSize));
        overflow: hidden;
    }
    .section10 .section-wrap > article .con_cate li .slide-wrap > div img {
        width: 100%;
    }
    .section10 .section-wrap > article .con_cate li .slide-wrap > div .title {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        height: calc(111vw/var(--basicSize));
        padding: 0 calc(34vw/var(--basicSize));
        padding-top: calc(22vw/var(--basicSize));
        color: white;
    }
    .section10 .section-wrap > article .con_cate li .slide-wrap .left .title {
        background-color: #bec3cb;
    }
    .section10 .section-wrap > article .con_cate li .slide-wrap .right .title {
        background-color: var(--mainColor);
    }
    .section10 .section-wrap > article .con_cate li .slide-wrap > div .pic_case {
        border: calc(3vw/var(--basicSize)) solid #bec3cb;
        border-bottom-left-radius: calc(20vw/var(--basicSize));
        border-bottom-right-radius: calc(20vw/var(--basicSize));
        overflow: hidden;
    }
    .section10 .section-wrap > article .con_cate li .slide-wrap .right .pic_case {
        border: calc(3vw/var(--basicSize)) solid var(--mainColor);
        position: relative;
    }
    .section10 .section-wrap > article .con_cate li .slide-wrap > div .title span:nth-child(1) {
        font-size: calc(58vw/var(--basicSize));
    }
    .section10 .section-wrap > article .con_cate li .slide-wrap > div .title span:nth-child(2) {
        font-size: calc(33vw/var(--basicSize));
        font-weight: 100;
    }
    
    .section10 .section-wrap > article .con_cate li .slide-wrap .right .pic_case > img {
        filter: blur(4px);
    }
    .section10 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn {
        position: absolute;
        left: 50%;
        bottom: calc(25vw/var(--basicSize));
        transform: translateX(-50%);
        width: calc(570vw/var(--basicSize));
        height: calc(93vw/var(--basicSize));
        border: calc(3vw/var(--basicSize)) solid white;
        border-radius: calc(45vw/var(--basicSize));
        background-color: rgba(255, 255, 255, 0.7);
        text-align: center;
    }
    .section10 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn p {
        width: calc(570vw/var(--basicSize));
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        font-size: calc(25vw/var(--basicSize));
        font-family: var(--subFont);
        font-weight: 300;
        color: #303030;
        letter-spacing: -0.05em;
    }
    .section10 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn p img {
        width: 100%;
        height: 100%;
    }
    
    .section10 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn_slide {
        width: 100%;
        height: 100%;
        position: relative;
        left: -1%;
        z-index: 5;
    }
    .section10 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn > div {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0%;
        left: 0%;
    }
    .section10 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn span {
        position: absolute;
        top: 50%;
        left: 3%;
        transform: translateY(-50%);
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(72vw/var(--basicSize));
        height: calc(72vw/var(--basicSize));
        border-radius: 50%;
        background-color: var(--mainColor);
        cursor: pointer;
    }
    .section10 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn span svg {
        width: calc(17vw/var(--basicSize));
    }
    .section10 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn span img {
        width: 100%;
        height: auto;
    }
    
    .section10 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .slick-slide {
        position: relative;
    }
    .section10 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn_slide .slick-list, 
    .section10 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn_slide .slick-track {
        width: 101%;
        height: 100%;
        display: flex;
    }
    .section10 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn_slide .slick-slide {
        width: calc(570vw/var(--basicSize)) !important;
        height: 100%;
        position: relative;
    }
    
    .section10 .section-wrap > article {
        position: relative;
    }
    .section10 .section-wrap > article .btn-arrow svg {
        width: calc(34vw/var(--basicSize));
    }
    .section10 .section-wrap > article .btn-arrow .btn-arrow-left {
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(140vw/var(--basicSize));
        height: calc(140vw/var(--basicSize));
        border-radius: 50%;
        background-color: var(--mainColor);
        position: absolute;
        left: calc(35vw/var(--basicSize));
        top: 31%;
        transform: translateY(0%);
        cursor: pointer;
    }
    .section10 .section-wrap > article .btn-arrow .btn-arrow-left svg {
        transform: rotate(180deg);
    }
    .section10 .section-wrap > article .btn-arrow .btn-arrow-right {
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(140vw/var(--basicSize));
        height: calc(140vw/var(--basicSize));
        border-radius: 50%;
        background-color: var(--mainColor);
        position: absolute;
        right: calc(35vw/var(--basicSize));
        top: 31%;
        transform: translateY(0%);
        cursor: pointer;
    }
    
    .section10 .section-wrap > article .notice {
        margin-top: calc(40vw/var(--basicSize));
        font-size: calc(22vw/var(--basicSize));
        font-weight: 100;
        color: #303030;
        padding: 0 10%;
    }
    .section10 .section-wrap > article .notice li {
        font-family: var(--subFont);
        line-height: 1.5em;
        padding-left: calc(15vw/var(--basicSize));
        text-indent: calc(-15vw/var(--basicSize));
    }
    .section10 .section-wrap > article .notice li span {
        font-size: calc(30vw/var(--basicSize));
    }
}



/* section11 */
.section11 {
    padding-top: calc(66vw/var(--basicSize));
}
.section11 .section-wrap > article:nth-child(1) {
    
}
.section11 .section-wrap > article:nth-child(1) .logo {
    margin: 0 auto;
    width: calc(120vw/var(--basicSize));
    height: calc(120vw/var(--basicSize));
    border-radius: 50%;
    border: calc(3vw/var(--basicSize)) solid white;
    box-shadow: 2px 2px 19px #e9e9e9;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section11 .section-wrap > article:nth-child(1) .logo svg {
    width: calc(61vw/var(--basicSize));
}

.section11 .section-wrap > article:nth-child(1) .subject {
    margin: 0 auto;
    margin-top: calc(64vw/var(--basicSize));
    width: calc(1226vw/var(--basicSize));
    height: calc(331vw/var(--basicSize));
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border: calc(3vw/var(--basicSize)) solid var(--mainColor);
    border-radius: calc(20vw/var(--basicSize));
    padding: 0 calc(133vw/var(--basicSize));
}
.section11 .section-wrap > article:nth-child(1) .subject > h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(222vw/var(--basicSize));
    height: calc(64vw/var(--basicSize));
    line-height: 1em;
    font-weight: 900;
    font-size: calc(50vw/var(--basicSize));
    color: white;
    letter-spacing: -0.05em;
    position: absolute;
    left: 50%;
    top: calc(-32vw/var(--basicSize));
    transform: translateX(-50%);
    background-color: var(--mainColor);
    border-radius: calc(10vw/var(--basicSize));
}
.section11 .section-wrap > article:nth-child(1) .subject > ul {
    display: flex;
    justify-content: center;
}
.section11 .section-wrap > article:nth-child(1) .subject > ul > li {
    position: relative;
}
.section11 .section-wrap > article:nth-child(1) .subject > ul > li:nth-child(2) {
    margin-left: calc(116vw/var(--basicSize));
}
.section11 .section-wrap > article:nth-child(1) .subject > ul > li:nth-child(2):after {
    content: '';
    position: absolute;
    left: calc(-55vw/var(--basicSize));
    top: calc(40vw/var(--basicSize));
    display: block;
    width: calc(3vw/var(--basicSize));
    height: calc(124vw/var(--basicSize));
    background-color: #e6e8eb;
}
.section11 .section-wrap > article:nth-child(1) .subject > ul > li:nth-child(3) {
    margin-left: calc(114vw/var(--basicSize));
}
.section11 .section-wrap > article:nth-child(1) .subject > ul > li:nth-child(3):after {
    content: '';
    position: absolute;
    left: calc(-53vw/var(--basicSize));
    top: calc(40vw/var(--basicSize));
    display: block;
    width: calc(3vw/var(--basicSize));
    height: calc(124vw/var(--basicSize));
    background-color: #e6e8eb;
}
.section11 .section-wrap > article:nth-child(1) .subject > ul > li:nth-child(4) {
    margin-left: calc(118vw/var(--basicSize));
}
.section11 .section-wrap > article:nth-child(1) .subject > ul > li:nth-child(4):after {
    content: '';
    position: absolute;
    left: calc(-70vw/var(--basicSize));
    top: calc(40vw/var(--basicSize));
    display: block;
    width: calc(3vw/var(--basicSize));
    height: calc(124vw/var(--basicSize));
    background-color: #e6e8eb;
}
.section11 .section-wrap > article:nth-child(1) .subject > ul > li > ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(17vw/var(--basicSize));
}
.section11 .section-wrap > article:nth-child(1) .subject > ul > li > ul li {
    font-size: calc(20vw/var(--basicSize));
    font-weight: 300;
    color: #303030;
    letter-spacing: -0.05em;
    line-height: 1em;
}
.section11 .section-wrap > article:nth-child(1) .subject > ul > li > ul .sub_name {
    font-size: calc(30vw/var(--basicSize));
    font-weight: 800;
    color: var(--mainColor);
}

.section11 .section-wrap > article:nth-child(2) {
    margin-top: calc(62vw/var(--basicSize));
}
.section11 .section-wrap > article:nth-child(2) .info {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: calc(1226vw/var(--basicSize));
    height: calc(517vw/var(--basicSize));
    background-color: #f1f3f7;
    border: calc(3vw/var(--basicSize)) solid #e9ecf1;
    border-radius: calc(20vw/var(--basicSize));
}
.section11 .section-wrap > article:nth-child(2) .info > h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(462vw/var(--basicSize));
    height: calc(64vw/var(--basicSize));
    line-height: 1em;
    font-weight: 900;
    font-size: calc(50vw/var(--basicSize));
    color: white;
    letter-spacing: -0.05em;
    position: absolute;
    left: 50%;
    top: calc(-32vw/var(--basicSize));
    transform: translateX(-50%);
    background-color: var(--subColor);
    border-radius: calc(10vw/var(--basicSize));
}
.section11 .section-wrap > article:nth-child(2) .info .left {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(26vw/var(--basicSize));
}
.section11 .section-wrap > article:nth-child(2) .info .left > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(15vw/var(--basicSize));
}
.section11 .section-wrap > article:nth-child(2) .info .left > div > p:nth-child(1) {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1em;
    width: calc(113vw/var(--basicSize));
    height: calc(37vw/var(--basicSize));
    background-color: var(--mainColor);
    font-size: calc(25vw/var(--basicSize));
    font-weight: 900;
    color: white;
    letter-spacing: -0.05em;
    border-radius: calc(18.5vw/var(--basicSize));
}
.section11 .section-wrap > article:nth-child(2) .info .left > div:last-child > p:nth-child(1) {
    background-color: var(--subColor);
}
.section11 .section-wrap > article:nth-child(2) .info .left > div > p:nth-child(2) {
    font-size: calc(20vw/var(--basicSize));
    font-family: var(--subFont);
    color: #303030;
    letter-spacing: 0.1em;
}
.section11 .section-wrap > article:nth-child(2) .info .left > div > p:nth-child(2) span {
    font-weight: 800;
    letter-spacing: -0.05em;
    color: var(--mainColor);
}
.section11 .section-wrap > article:nth-child(2) .info .right {
    margin-left: calc(76vw/var(--basicSize));
}
.section11 .section-wrap > article:nth-child(2) .info .right #map {
    width: calc(682vw/var(--basicSize));
    height: calc(426vw/var(--basicSize));
    border: calc(3vw/var(--basicSize)) solid white;
    border-radius: calc(20vw/var(--basicSize));
    background-color: white;
}

.section11 .section-wrap > article:nth-child(3) {
    margin-top: calc(86vw/var(--basicSize));
    background: url("/theme/landing/images/section/11/bg.png") no-repeat center center / cover;
}
.section11 .section-wrap > article:nth-child(3) .con-wrap {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(1226vw/var(--basicSize));
    padding: calc(48vw/var(--basicSize)) 0;
}
.section11 .section-wrap > article:nth-child(3) .con-wrap .slide-wrap {
    position: relative;
}
.section11 .section-wrap > article:nth-child(3) .con-wrap .slide-wrap .interior {
    width: calc(494vw/var(--basicSize));
    height: calc(296vw/var(--basicSize));
    background-color: white;
}
.section11 .section-wrap > article:nth-child(3) .con-wrap .slide-wrap .interior li img {
    width: 100%;
}
.section11 .section-wrap > article:nth-child(3) .con-wrap .slide-wrap .btn-arrow .btn-arrow-left {
    position: absolute;
    left: calc(-78vw/var(--basicSize));
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    width: calc(58vw/var(--basicSize));
    height: calc(58vw/var(--basicSize));
    background-color: var(--mainColor);
    border: calc(3vw/var(--basicSize)) solid white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.section11 .section-wrap > article:nth-child(3) .con-wrap .slide-wrap .btn-arrow .btn-arrow-right {
    position: absolute;
    right: calc(-78vw/var(--basicSize));
    top: 50%;
    transform: translateY(-50%);
    width: calc(58vw/var(--basicSize));
    height: calc(58vw/var(--basicSize));
    background-color: var(--mainColor);
    border: calc(3vw/var(--basicSize)) solid white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.section11 .section-wrap > article:nth-child(3) .con-wrap .slide-wrap .btn-arrow svg {
    width: calc(14vw/var(--basicSize));
}

.section11 .section-wrap > article:nth-child(3) .con-wrap .tel {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}
.section11 .section-wrap > article:nth-child(3) .con-wrap .tel p:nth-child(1) {
    font-size: calc(30vw/var(--basicSize));
    font-weight: 800;
    letter-spacing: -0.05em;
    color: white;
    border: calc(3vw/var(--basicSize)) solid white;
    border-radius: calc(30vw/var(--basicSize));
    width: calc(170vw/var(--basicSize));
    height: calc(52vw/var(--basicSize));
    line-height: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section11 .section-wrap > article:nth-child(3) .con-wrap .tel p:nth-child(2) {
    margin-top: calc(20vw/var(--basicSize));
    font-size: calc(80vw/var(--basicSize));
    font-weight: 900;
    letter-spacing: -0.05em;
    color: white;
}

/* section11 Mobile */
@media screen and (max-width: 1100px) {
    .section11 {
        padding-top: calc(66vw/var(--basicSize));
    }
    .section11 .section-wrap > article:nth-child(1) {
        
    }
    .section11 .section-wrap > article:nth-child(1) .logo {
        margin: 0 auto;
        width: calc(140vw/var(--basicSize));
        height: calc(140vw/var(--basicSize));
        border-radius: 50%;
        border: calc(3vw/var(--basicSize)) solid white;
        box-shadow: 2px 2px 19px #e9e9e9;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .section11 .section-wrap > article:nth-child(1) .logo svg {
        width: calc(75vw/var(--basicSize));
    }
    
    .section11 .section-wrap > article:nth-child(1) .subject {
        margin: 0 auto;
        margin-top: calc(64vw/var(--basicSize));
        width: 80%;
        height: calc(1031vw/var(--basicSize));
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        border: calc(3vw/var(--basicSize)) solid var(--mainColor);
        border-radius: calc(20vw/var(--basicSize));
        padding: 0;
    }
    .section11 .section-wrap > article:nth-child(1) .subject > h3 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(322vw/var(--basicSize));
        height: calc(84vw/var(--basicSize));
        line-height: 1em;
        font-weight: 900;
        font-size: calc(70vw/var(--basicSize));
        color: white;
        letter-spacing: -0.05em;
        position: absolute;
        left: 50%;
        top: calc(-32vw/var(--basicSize));
        transform: translateX(-50%);
        background-color: var(--mainColor);
        border-radius: calc(10vw/var(--basicSize));
    }
    .section11 .section-wrap > article:nth-child(1) .subject > ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .section11 .section-wrap > article:nth-child(1) .subject > ul > li {
        position: relative;
        width: 45%;
    }
    .section11 .section-wrap > article:nth-child(1) .subject > ul > li:nth-child(2) {
        margin-left: 0;
    }
    .section11 .section-wrap > article:nth-child(1) .subject > ul > li:nth-child(2):after {
        content: '';
        position: absolute;
        left: 0;
        top: auto;
        bottom: calc(20vw/var(--basicSize));
        display: block;
        width: calc(3vw/var(--basicSize));
        height: calc(160vw/var(--basicSize));
        background-color: #e6e8eb;
    }
    .section11 .section-wrap > article:nth-child(1) .subject > ul > li:nth-child(3) {
        margin-left: 0;
        margin-top: calc(150vw/var(--basicSize));
    }
    .section11 .section-wrap > article:nth-child(1) .subject > ul > li:nth-child(3):after {
        content: '';
        position: absolute;
        left: 30%;
        top: calc(-75vw/var(--basicSize));
        display: block;
        width: calc(160vw/var(--basicSize));
        height: calc(3vw/var(--basicSize));
        background-color: #e6e8eb;
    }
    .section11 .section-wrap > article:nth-child(1) .subject > ul > li:nth-child(4) {
        margin-left: 0;
        margin-top: calc(150vw/var(--basicSize));
    }
    .section11 .section-wrap > article:nth-child(1) .subject > ul > li:nth-child(4):before {
        content: '';
        position: absolute;
        left: 30%;
        top: calc(-75vw/var(--basicSize));
        display: block;
        width: calc(160vw/var(--basicSize));
        height: calc(3vw/var(--basicSize));
        background-color: #e6e8eb;
    }
    .section11 .section-wrap > article:nth-child(1) .subject > ul > li:nth-child(4):after {
        content: '';
        position: absolute;
        left: 0;
        top: calc(20vw/var(--basicSize));
        display: block;
        width: calc(3vw/var(--basicSize));
        height: calc(160vw/var(--basicSize));
        background-color: #e6e8eb;
    }
    .section11 .section-wrap > article:nth-child(1) .subject > ul > li > ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: calc(17vw/var(--basicSize));
    }
    .section11 .section-wrap > article:nth-child(1) .subject > ul > li > ul li {
        font-size: calc(30vw/var(--basicSize));
        font-weight: 300;
        font-family: var(--subFont);
        color: #303030;
        letter-spacing: -0.05em;
        line-height: 1em;
    }
    .section11 .section-wrap > article:nth-child(1) .subject > ul > li > ul .sub_name {
        font-size: calc(50vw/var(--basicSize));
        font-weight: 800;
        color: var(--mainColor);
        margin-bottom: calc(15vw/var(--basicSize));
    }
    
    .section11 .section-wrap > article:nth-child(2) {
        margin-top: calc(100vw/var(--basicSize));
    }
    .section11 .section-wrap > article:nth-child(2) .info {
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        gap: calc(50vw/var(--basicSize));
        position: relative;
        width: 80%;
        height: calc(917vw/var(--basicSize));
        background-color: #f1f3f7;
        border: calc(3vw/var(--basicSize)) solid #e9ecf1;
        border-radius: calc(20vw/var(--basicSize));
    }
    .section11 .section-wrap > article:nth-child(2) .info > h3 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(652vw/var(--basicSize));
        height: calc(84vw/var(--basicSize));
        line-height: 1em;
        font-weight: 900;
        font-size: calc(70vw/var(--basicSize));
        color: white;
        letter-spacing: -0.05em;
        position: absolute;
        left: 50%;
        top: calc(-32vw/var(--basicSize));
        transform: translateX(-50%);
        background-color: var(--subColor);
        border-radius: calc(10vw/var(--basicSize));
    }
    .section11 .section-wrap > article:nth-child(2) .info .left {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: calc(26vw/var(--basicSize));
    }
    .section11 .section-wrap > article:nth-child(2) .info .left > div {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: calc(20vw/var(--basicSize));
    }
    .section11 .section-wrap > article:nth-child(2) .info .left > div > p:nth-child(1) {
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 1em;
        width: calc(140vw/var(--basicSize));
        height: calc(50vw/var(--basicSize));
        background-color: var(--mainColor);
        font-size: calc(32vw/var(--basicSize));
        font-weight: 900;
        color: white;
        letter-spacing: -0.05em;
        border-radius: calc(24vw/var(--basicSize));
    }
    .section11 .section-wrap > article:nth-child(2) .info .left > div:last-child > p:nth-child(1) {
        background-color: var(--subColor);
    }
    .section11 .section-wrap > article:nth-child(2) .info .left > div > p:nth-child(2) {
        font-size: calc(30vw/var(--basicSize));
        font-family: var(--subFont);
        color: #303030;
        letter-spacing: 0.1em;
    }
    .section11 .section-wrap > article:nth-child(2) .info .left > div > p:nth-child(2) span {
        font-weight: 800;
        letter-spacing: -0.05em;
        color: var(--mainColor);
    }
    .section11 .section-wrap > article:nth-child(2) .info .right {
        margin-left: 0;
        margin-bottom: calc(30vw/var(--basicSize));
    }
    .section11 .section-wrap > article:nth-child(2) .info .right #map {
        width: calc(813vw/var(--basicSize));
        height: calc(451vw/var(--basicSize));
        border: calc(3vw/var(--basicSize)) solid white;
        border-radius: calc(20vw/var(--basicSize));
        background-color: white;
    }
    
    .section11 .section-wrap > article:nth-child(3) {
        margin-top: calc(86vw/var(--basicSize));
        background: url("/theme/landing/images/section/11/bg_m.png") no-repeat center center / cover;
    }
    .section11 .section-wrap > article:nth-child(3) .con-wrap {
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: calc(30vw/var(--basicSize));
        width: 100%;
        padding: calc(48vw/var(--basicSize)) 0;
    }
    .section11 .section-wrap > article:nth-child(3) .con-wrap .slide-wrap {
        position: relative;
    }
    .section11 .section-wrap > article:nth-child(3) .con-wrap .slide-wrap .interior {
        width: calc(494vw/var(--basicSize));
        height: calc(296vw/var(--basicSize));
        background-color: white;
    }
    .section11 .section-wrap > article:nth-child(3) .con-wrap .slide-wrap .interior li img {
        width: 100%;
    }
    .section11 .section-wrap > article:nth-child(3) .con-wrap .slide-wrap .btn-arrow .btn-arrow-left {
        position: absolute;
        left: calc(-78vw/var(--basicSize));
        top: 50%;
        transform: translateY(-50%) rotate(180deg);
        width: calc(58vw/var(--basicSize));
        height: calc(58vw/var(--basicSize));
        background-color: var(--mainColor);
        border: calc(3vw/var(--basicSize)) solid white;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
    .section11 .section-wrap > article:nth-child(3) .con-wrap .slide-wrap .btn-arrow .btn-arrow-right {
        position: absolute;
        right: calc(-78vw/var(--basicSize));
        top: 50%;
        transform: translateY(-50%);
        width: calc(58vw/var(--basicSize));
        height: calc(58vw/var(--basicSize));
        background-color: var(--mainColor);
        border: calc(3vw/var(--basicSize)) solid white;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
    .section11 .section-wrap > article:nth-child(3) .con-wrap .slide-wrap .btn-arrow svg {
        width: calc(14vw/var(--basicSize));
    }
    
    .section11 .section-wrap > article:nth-child(3) .con-wrap .tel {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .section11 .section-wrap > article:nth-child(3) .con-wrap .tel p:nth-child(1) {
        font-size: calc(30vw/var(--basicSize));
        font-weight: 800;
        letter-spacing: -0.05em;
        color: white;
        border: calc(3vw/var(--basicSize)) solid white;
        border-radius: calc(30vw/var(--basicSize));
        width: calc(170vw/var(--basicSize));
        height: calc(52vw/var(--basicSize));
        line-height: 1em;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .section11 .section-wrap > article:nth-child(3) .con-wrap .tel p:nth-child(2) {
        margin-top: calc(20vw/var(--basicSize));
        font-size: calc(80vw/var(--basicSize));
        font-weight: 900;
        letter-spacing: -0.05em;
        color: white;
    }
}


/* 문의하기 */
.btn-counsel-wrap {
    position: fixed;
    left: calc(186vw/var(--basicSize));
    bottom: calc(228vw/var(--basicSize));
    z-index: 999;
}
.btn-counsel-wrap p {
    width: calc(98vw/var(--basicSize));
}
.btn-counsel-wrap p img {
    width: 100%;
}

.counsel-wrap {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}
.counsel-wrap .con-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(1125vw/var(--basicSize));
    height: calc(693vw/var(--basicSize));
    background-color: white;
    border-radius: calc(30vw/var(--basicSize));
    border: calc(3vw/var(--basicSize)) solid white;
    position: relative;
}
.counsel-wrap .con-wrap > p {
    text-align: center;
}
.counsel-wrap .con-wrap > p:nth-of-type(1) {
    font-size: calc(40vw/var(--basicSize));
    color: var(--mainColor);
    letter-spacing: 0.5em;
}
.counsel-wrap .con-wrap > p:nth-of-type(2) {
    font-size: calc(80vw/var(--basicSize));
    font-weight: 900;
    color: var(--mainColor);
    letter-spacing: -0.05em;
}
.counsel-wrap .con-wrap > p:nth-of-type(2) strong {
    color: var(--subColor);
    font-weight: 900;
}
.counsel-wrap .con-wrap > p:nth-of-type(3) {
    margin: 0 auto;
    font-size: calc(30vw/var(--basicSize));
    color: white;

    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--mainColor);
    width: calc(740vw/var(--basicSize));
    height: calc(47vw/var(--basicSize));
    border-radius: calc(10vw/var(--basicSize));
}
.counsel-wrap .con-wrap > p:nth-of-type(3) strong {
    font-weight: 800;
}

.counsel-wrap .con-wrap > ul {
    margin: 0 auto;
    margin-top: calc(30vw/var(--basicSize));
    display: flex;
    justify-content: space-between;
    width: calc(740vw/var(--basicSize));
}
.counsel-wrap .con-wrap > ul li {
    width: calc(214vw/var(--basicSize));
}
.counsel-wrap .con-wrap > ul li img {
    width: 100%;
}

.counsel-wrap .con-wrap > p:nth-of-type(4) {
    margin-top: calc(45vw/var(--basicSize));
    background: linear-gradient(to right, white, #e9ecf1, #e9ecf1, white);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(13vw/var(--basicSize));
}
.counsel-wrap .con-wrap > p:nth-of-type(4) span:nth-child(1) {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(114vw/var(--basicSize));
    height: calc(36vw/var(--basicSize));
    font-size: calc(25vw/var(--basicSize));
    font-weight: 900;
    color: white;
    letter-spacing: -0.05em;
    background-color: var(--subColor);
    border-radius: calc(18vw/var(--basicSize));
}
.counsel-wrap .con-wrap > p:nth-of-type(4) span:nth-child(2) {
    font-size: calc(70vw/var(--basicSize));
    font-weight: 900;    
    background: linear-gradient(to right, var(--subColor), var(--mainColor));
    background-clip: text;
    color: transparent;
    letter-spacing: -0.05em;
}
.counsel-wrap .con-wrap > p:nth-of-type(5).btn_close {
    border: none;
    cursor: pointer;
}
.counsel-wrap .con-wrap > p:nth-of-type(5) {
    position: absolute;
    right: calc(42vw/var(--basicSize));
    top: calc(42vw/var(--basicSize));
}
.counsel-wrap .con-wrap > p:nth-of-type(5) img {
    width: calc(42vw/var(--basicSize));
}

/* 문의하기 Mobile */
@media screen and (max-width: 1100px) {
    .btn-counsel-wrap {
        left: calc(72vw/var(--basicSize));
        bottom: calc(160vw/var(--basicSize));
    }
    .btn-counsel-wrap p {
        width: calc(143vw/var(--basicSize));
    }
    
    .counsel-wrap {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 9999;
        width: 100%;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.8);
        display: flex;
        justify-content: center;
        align-items: center;
        display: none;
    }
    .counsel-wrap .con-wrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 87%;
        height: calc(1400vw/var(--basicSize));
        background-color: white;
        border-radius: calc(30vw/var(--basicSize));
        border: calc(3vw/var(--basicSize)) solid white;
        position: relative;
    }
    .counsel-wrap .con-wrap > p {
        text-align: center;
    }
    .counsel-wrap .con-wrap > p:nth-of-type(1) {
        font-size: calc(50vw/var(--basicSize));
        color: var(--mainColor);
        letter-spacing: 0.5em;
    }
    .counsel-wrap .con-wrap > p:nth-of-type(2) {
        font-size: calc(150vw/var(--basicSize));
        font-weight: 900;
        color: var(--mainColor);
        letter-spacing: -0.05em;
        margin-top: calc(10vw/var(--basicSize));
    }
    .counsel-wrap .con-wrap > p:nth-of-type(2) strong {
        color: var(--subColor);
        font-weight: 900;
    }
    .counsel-wrap .con-wrap > p:nth-of-type(3) {
        margin: 0 auto;
        font-size: calc(34vw/var(--basicSize));
        color: white;
    
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--mainColor);
        width: calc(770vw/var(--basicSize));
        height: calc(67vw/var(--basicSize));
        border-radius: calc(10vw/var(--basicSize));
    }
    .counsel-wrap .con-wrap > p:nth-of-type(3) strong {
        font-weight: 800;
    }
    
    .counsel-wrap .con-wrap > ul {
        margin: 0 auto;
        margin-top: calc(30vw/var(--basicSize));
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: calc(20vw/var(--basicSize));
        width: 70%;
    }
    .counsel-wrap .con-wrap > ul li {
        width: 100%;
    }
    .counsel-wrap .con-wrap > ul li img {
        width: 100%;
    }
    
    .counsel-wrap .con-wrap > p:nth-of-type(4) {
        margin-top: calc(45vw/var(--basicSize));
        background: linear-gradient(to right, white, #e9ecf1, #e9ecf1, white);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: calc(13vw/var(--basicSize));
        padding: calc(15vw/var(--basicSize)) 0;
    }
    .counsel-wrap .con-wrap > p:nth-of-type(4) span:nth-child(1) {
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(140vw/var(--basicSize));
        height: calc(40vw/var(--basicSize));
        font-size: calc(30vw/var(--basicSize));
        font-weight: 900;
        color: white;
        letter-spacing: -0.05em;
        background-color: var(--subColor);
        border-radius: calc(18vw/var(--basicSize));
    }
    .counsel-wrap .con-wrap > p:nth-of-type(4) span:nth-child(2) {
        font-size: calc(90vw/var(--basicSize));
        font-weight: 900;    
        background: linear-gradient(to right, var(--subColor), var(--mainColor));
        background-clip: text;
        color: transparent;
        letter-spacing: -0.05em;
    }
    .counsel-wrap .con-wrap > p:nth-of-type(5).btn_close {
        border: none;
        cursor: pointer;
    }
    .counsel-wrap .con-wrap > p:nth-of-type(5) {
        position: absolute;
        right: calc(42vw/var(--basicSize));
        top: calc(42vw/var(--basicSize));
    }
    .counsel-wrap .con-wrap > p:nth-of-type(5) img {
        width: calc(42vw/var(--basicSize));
    }
}


/* footer */
#footer {
    padding: calc(14vw/var(--basicSize)) 0;
}
#footer ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(13vw/var(--basicSize));
    line-height: 1em;
}
#footer ul li {
    display: flex;
    justify-content: center;
    gap: calc(9vw/var(--basicSize));
    font-size: calc(15vw/var(--basicSize));
    font-weight: 100;
    font-family: var(--subFont);
    color: #303030;
}
#footer ul li span {
    font-family: var(--subFont);
}

@media screen and (max-width: 1100px) {
    #footer ul {
        gap: 0;
    }
}

/*250320추가_비급여수가표*/
.btn-center{
    text-align: center;
    margin-bottom: calc(10vw/var(--basicSize));
}
.footpop-open{
    display: inline-block;
    border: 1px solid #003B7C;
    padding: calc(2vw/var(--basicSize)) calc(10vw/var(--basicSize));
    margin-left: calc(5vw/var(--basicSize));
    color: #003B7C;
    background: #fff;
    font-size: calc(15vw/var(--basicSize));
    font-family: var(--subFont);
    font-weight: 500;
    cursor: pointer;
    border-radius: 1px;
}
.footer_popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.7);
    display: none;
    z-index: 10000;
}
.footer_popup .popup-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 30vw;
    max-height: 80vh;
    overflow: auto;
}
.footer_popup .popup-inner img{
    width: 100%;
}
.footerpop-close{
    position: absolute;
    right: 10px;
    top: 10px;
    background: transparent;
    border: none;
    width: calc(30vw/var(--basicSize));
    height: calc(30vw/var(--basicSize));
}
@media screen and (max-width:1200px){
    .footer_popup .popup-inner {
        width: 84vw;
    }
    .footer_popup .popup-inner .close {
        width: 5.5vw;
        height: 5.5vw;
    }
}