@charset "UTF-8";
@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";
@font-face {
    font-family: SUIT;
    src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraLight.woff2) format("woff2");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: SUIT;
    src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Light.woff2) format("woff2");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: SUIT;
    src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: SUIT;
    src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.woff2) format("woff2");
    font-weight: 400;
    font-style: 500
}

@font-face {
    font-family: SUIT;
    src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.woff2) format("woff2");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: SUIT;
    src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: SUIT;
    src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.woff2) format("woff2");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: GongGothic;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/gonggames/EsaManruLight.woff) format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: GongGothic;
    src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: GongGothic;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/gonggames/EsaManruBold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

html {
    font-family: SUIT,sans-serif;
    font-size: 16px
}

@media screen and (max-width: 767px) {
    html {
        font-size:12px
    }
}

@font-face {
    font-family: SCDream;
    src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff) format("woff");
    font-weight: 100
}

@font-face {
    font-family: SCDream;
    src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff) format("woff");
    font-weight: 200
}

@font-face {
    font-family: SCDream;
    src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff) format("woff");
    font-weight: 300
}

@font-face {
    font-family: SCDream;
    src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff) format("woff");
    font-weight: 400
}

@font-face {
    font-family: SCDream;
    src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff) format("woff");
    font-weight: 500
}

@font-face {
    font-family: SCDream;
    src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff) format("woff");
    font-weight: 600
}

@font-face {
    font-family: SCDream;
    src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff) format("woff");
    font-weight: 700
}

@font-face {
    font-family: SCDream;
    src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff) format("woff");
    font-weight: 800
}

@font-face {
    font-family: SCDream;
    src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff) format("woff");
    font-weight: 900
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Pretendard Variable,sans-serif
}

li {
    list-style: none
}

button,input {
    background: none;
    border: none;
    outline: none
}

button {
    cursor: pointer
}

a {
    text-decoration: none;
    color: inherit;
    cursor: pointer
}

main::-webkit-scrollbar,body::-webkit-scrollbar,.scroll::-webkit-scrollbar {
    display: none
}

main {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.mb-20 {
    margin-bottom: 40px
}

.mb-10 {
    margin-bottom: 20px!important
}

.mt-10 {
    margin-top: 10px!important
}

.pl-12 {
    padding-left: 12px
}

.mt-20 {
    margin-top: 14px
}

.mt-30 {
    margin-top: 40px!important
}

.ml-10 {
    margin-left: 10px!important
}

.fs-14 {
    font-size: 14px!important
}

.mr-60 {
    margin-right: 60px!important
}

.pc {
    display: block
}

.mo {
    display: none
}

.center {
    text-align: center!important;
    justify-content: center!important;
    align-items: center!important
}

.justifyStart {
    justify-content: flex-start!important
}

.spaceBetween {
    justify-content: space-between!important
}

.alignEnd {
    align-items: flex-end!important
}

.col {
    display: flex!important
}

.row {
    display: flex!important;
    flex-direction: column!important
}

.gap15 {
    gap: 15px!important
}

.left {
    text-align: left!important;
    justify-content: flex-start!important;
    margin-left: 0!important;
    margin-right: auto!important
}

@media all and (max-width: 768px) {
    .pc {
        display:none
    }

    .mo {
        display: block
    }
}

header {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    background-color: #0d0e37;
    z-index: 100010;
    display: flex;
    transition: .3s ease
}

header .header-bar {
    padding-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100px;
    position: relative;
}

header .menu-btn {
    width: 30px;
    height: auto;
    margin-bottom: 25px
}

header .menu-btn img {
    width: 100%
}

header .logo {
    width: 30px;
    height: auto
}

header .logo img {
    width: 100%
}

.header_today{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
    width: 90%;
    display: flex;
    justify-content: center;
    border-radius: 10px;
    padding: 5px 0;
    font-weight: 700;
}

.header_today ul{
    line-height: 1.4;
}
.header_today ul li{
    color: #fff;
}

header .menu {
    width: 300px;
    width: 400px;
    height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #0d0e37;
    padding: 0 30px 30px;
    -ms-overflow-style: block;
    scrollbar-width: block
}

header .menu::-webkit-scrollbar {
    width: 6px
}

header .menu::-webkit-scrollbar-thumb {
    background-color: #3c5471;
    border-radius: 0
}

header .menu::-webkit-scrollbar-track {
    background-color: #000;
    width: 6px
}

header.open .menu-btn .open {
    display: none
}

header.close .menu-btn .close {
    display: none
}

header.open {
    left: 0
}

header.close {
    left: -400px
}

header .menu-top {
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center
}

header .menu img {
    height: 26px
}

header .menu>ul>li {
    width: 100%;
    margin-bottom: 10px
}

header .menu>ul>li.l-view.top {
    margin-top: 20px
}

header .menu>ul>li.l-view a {
    background-color: #7d8cbc
}

header .menu>ul>li>a {
    background-color: #7d8cbc;
    border-radius: 5px;
    padding: 8px 20px;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    text-shadow: 0 3px 6px rgba(0,0,0,.5);
    font-family: SCDream;
    row-gap: 2px;
}

.fontsize12 {
    font-size: 12px
}

header .menu>ul>li>ul {
    color: #fff
}

header .menu>ul>li>ul>li {
    height: max-content;
    padding: 0 20px;
    font-size: 12px;
    font-size: 16px;
    word-break: keep-all;
    line-height: 1.25;
    transition: .3s ease;
    margin: 0 auto
}

header .menu>ul>li>ul>li:hover {
    background-color: #263950
}

header .menu>ul>li>ul>li:last-child a {
    border-bottom: none;
    padding: 14px 0 4px
}

header .menu>ul>li>ul>li a {
    width: 100%;
    display: flex;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.25;
    border-bottom: 1px solid #3c5471;
    padding: 14px 0;
    font-family: SCDream;
}

header .menu>ul>li>ul>li span {
    display: inline-block;
    margin-right: 5px;
    font-weight: 500
}

footer {
    width: 100%;
    background-color: #0d0e37;
    position: relative;
    z-index: 100000;
    left: 0;
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 20px
}

footer img {
    max-width: 212px;
    width: 100%
}

footer p {
    font-size: 12px;
    color: #fff;
    font-weight: 500
}

.popup__wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1000
}

.popup__wrap .close {
    position: absolute;
    top: -40px;
    right: 0;
    width: 45px;
    height: 33px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAhCAMAAAB6BtLTAAAASFBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////8FevL4AAAAF3RSTlMATSSc2+bNBfsN7mwwr/WEF75ckTpBeDlHKcEAAADvSURBVDjLlVRZFoMgDAQFAXetlvvftEpiH8oiyY9CBrJMGMY2ITl7t7UV/fGR1trPK7g+UIIxY09rqiy2ahwKT1k7rhlw5yCQwVe7/9oksGZwft3Bspdu6aoIrRcP7+P0zTDy4EfuxnDvtHmJVlVBPLnddnfMMeiYgt7oyduasBcqkiGHbJb5ygKa3PIsB+jmLfA2p1jwQmNidlIZ1na8cI8WHRi2DGwxr9OGdCTICicZ4Lpk6kl3k/Km9ITU7xiXOsUlZU5IM5id76ciUN4O6V1u+Td/95L0pECr1r9WlemguHSwSGMVauxRY7l+/wAK7iPQQbL9DgAAAABJRU5ErkJggg==) center center/cover no-repeat
}

.popup__layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000080;
    z-index: 1
}

.popup__box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% - 30px);
    border: 6px solid #1A205E;
    z-index: 10
}

.video_pop .popup__box {
    max-width: 670px
}

.main_pop .popup__box {
    width: auto;
    border: none
}

.main_pop .popup__box img {
    max-height: 85vh
}

.main_pop .check {
    position: absolute;
    top: -24px;
    left: 0
}

.main_pop .check input {
    margin-right: 5px
}

.main_pop .check label {
    color: #fff;
    font-size: 16px;
    cursor: pointer
}

@media all and (max-width: 768px) {
    header .menu>ul>li>a {
        font-size:15px
    }

    header .menu>ul>li>ul>li a {
        font-size: 12px
    }

    .fontsize12 {
        font-size: 10px
    }

    .main_pop {
        z-index: 9999
    }

    .main_pop .popup__box {
        width: 80%;
        border: none
    }

    .main_pop .popup__box img {
        max-width: 100%
    }

    header .menu>ul>li>ul>li:hover {
        background-color: transparent
    }

    header {
        height: 60px;
        width: 100vw;
        right: 0!important;
        left: auto!important
    }

    header .menu {
        position: absolute;
        transition: .3s ease;
        top: 0
    }

    header.close .menu {
        right: -400px
    }

    header.open .menu {
        right: 0
    }

    header .header-bar {
        height: 100%;
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
        padding: 0 25px
    }

    header .menu-btn {
        margin-bottom: 0;
        transition: .3s ease;
        position: absolute;
        right: 25px;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        align-items: center
    }

    header.open .menu-btn {
        right: 425px
    }

    header .logo {
        width: 100px
    }

    header .dim {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 0;
        background-color: #000000bf;
        opacity: 0;
        visibility: hidden;
        transition: .3s ease
    }

    header.open .dim {
        opacity: 1;
        visibility: visible
    }
}

@media all and (max-width: 500px) {
    header.open .menu-btn {
        right:325px
    }

    header .menu {
        width: 300px;
        padding: 20px
    }

    header .menu>ul>li>ul>li {
        font-size: 12px
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sz-mbanner-cont {
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #efefef;
    z-index: 100050
}

.sz-mbanner-cont .banner-inner {
    position: relative;
    padding: 6px;
    background-color: #fbfbfb
}

.sz-mbanner-cont .bnr-body {
    text-align: center
}

.sz-mbanner-cont .bnr-body a {
    display: block
}

.sz-mbanner-cont .bnr-body img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%
}

.sz-mbanner-cont .bnr-footer {
    padding: 5px;
    font-size: 13px;
    line-height: 1.2;
    border-top: 1px solid #efefef
}

.sz-mbanner-cont .bnr-footer .cbt {
    display: block;
    float: right;
    width: 80px;
    padding: 3px;
    text-align: center;
    border-left: 1px solid #5d5c5c;
    color: #212020
}

.sz-mbanner-cont .bnr-footer .d-cbt {
    display: inline-block;
    padding: 3px 3px 0;
    color: #212020;
    cursor: pointer
}

.sz-mbanner-cont .bnr-footer .d-icheck {
    margin-right: 6px
}

@media screen and (max-width: 768px) {
    .sz-mbanner-cont {
        left:0!important;
        top: 60px!important
    }
}

body .mfp-bg {
    z-index: 100030
}

body .mfp-wrap {
    z-index: 100031
}

.sz-popup-cont {
    position: relative;
    max-width: 600px;
    margin: 0 auto
}

.sz-popup {
    padding-top: 55px;
    padding-bottom: 55px
}

.sz-popup__inner {
    position: relative;
    padding: 2px;
    box-shadow: 0 0 32px 8px #0003;
    background-color: #001f45d9
}

.mfp-close-btn-in .sz-popup-cont button.mfp-close {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAhCAMAAAB6BtLTAAAASFBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////8FevL4AAAAF3RSTlMATSSc2+bNBfsN7mwwr/WEF75ckTpBeDlHKcEAAADvSURBVDjLlVRZFoMgDAQFAXetlvvftEpiH8oiyY9CBrJMGMY2ITl7t7UV/fGR1trPK7g+UIIxY09rqiy2ahwKT1k7rhlw5yCQwVe7/9oksGZwft3Bspdu6aoIrRcP7+P0zTDy4EfuxnDvtHmJVlVBPLnddnfMMeiYgt7oyduasBcqkiGHbJb5ygKa3PIsB+jmLfA2p1jwQmNidlIZ1na8cI8WHRi2DGwxr9OGdCTICicZ4Lpk6kl3k/Km9ITU7xiXOsUlZU5IM5id76ciUN4O6V1u+Td/95L0pECr1r9WlemguHSwSGMVauxRY7l+/wAK7iPQQbL9DgAAAABJRU5ErkJggg==) center center no-repeat;
    background-size: 100% 100%;
    top: 20px;
    right: 0;
    width: 30px;
    height: 30px
}

@media screen and (min-width: 769px) {
    .mfp-close-btn-in .sz-popup-cont button.mfp-close {
        top:54px;
        right: -36px
    }

    .sz-popup-cont {
        max-width: 680px
    }

    .sz-popup__inner {
        padding: 4px
    }
}

.ratio-ifr-wrap {
    position: relative;
    width: 100%;
    height: 0;
    line-height: 0;
    padding-top: 56.25%;
    overflow: hidden
}

.ratio-ifr-wrap>iframe,.ratio-ifr-wrap>.tb {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.ratio-ifr-wrap>.tb {
    display: block
}

.ratio-ifr-wrap .tbi {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#index main {
    width: 100vw;
    height: 300vh;
    overflow-x: hidden
}

#index .scroll {
    padding-left: 100px;
    display: flex;
    align-items: center;
    overflow-y: hidden;
    overflow-x: scroll;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100vh;
    width: 100vw
}

.faceModel-sec {
    position: relative;
    min-width: 1160px;
    max-width: 100%;
    height: 100vh;
    background: url(../img/bg-0cbdcf91.jpg) center center/cover no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.faceModel-sec .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: calc(100% - 30px);
    background-color: #002e6224
}

.faceModel-sec.sub:after {
    display: none;
    content: "";
    position: absolute;
    bottom: unset;
    top: 54px;
    right: 50px;
    width: 60px;
    height: 60px;
    background: url(data:image/png;base64,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) center center/cover no-repeat
}

.main_arrow {
    display: block;
    position: absolute;
    bottom: 26px;
    right: 54px;
    width: 60px;
    height: 60px;
    background: url(data:image/png;base64,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) center center/cover no-repeat;
    cursor: pointer;
    transition: .3s
}

.main_arrow:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAV1BMVEVHcEz////////+/v////////////////////////////////////////////////////////////////+Al7GfsMRfe50ALmLL1N8POmvf5OuQpLpPbpO4sQooAAAAE3RSTlMAnsL2C4y25iPTQHmoN05aE4Bn12z/2AAAAUxJREFUSMe1l+l2hCAMhVF2xNGZzNLt/Z+z6qmnjOAYkvb+/w7hErIIUZYbtPEWwHqjBycqdGomLJVtTjiy35Ir3x+jEXYVX4evNLyUVvvsYOFAdthjO0CoK4dsACVTCN15QMpnvik0O9Hbs1uokHlmNVRJP70RVCrJVidrYflrWoRqNSsbgKCe4vSq9uf3AklhgT0NXo52QNRs+JkKd+iob8W4R9wxj5yWCuv1rUAHXPlY6M/80g3Wn7f3e5ai+PTK6FZYINO+Bt7SViRf+eN6pK9HSstqWKYwK2yWYaynYiXJmZOegfMxlGR8SaRj5WLAK0OsAkir+WufDTQ48NuN6DmNjtViKc19TMZcxljBG2iEMBSn/2SIY42PvMGVNzLPWX48rIf/WRNm3+gLyoLvFOMGt5qNOru71SN+p3MXHed1UE7rYNSXnUO/Aatj0Gp1gzNRAAAAAElFTkSuQmCC) center center/cover no-repeat
}

.face-model {
    max-height: calc(100vh - 300px);
    align-self: baseline
}

.faceModel-sec p {
    margin-bottom: 10px;
    padding: 4px 10px;
    color: #fff;
    background-color: #5a73ac;
    font-family: SCDream;
    font-size: 20px;
    font-weight: 300
}

.faceModel-sec h2 {
    margin-bottom: 30px;
    color: #fff;
    font-size: 38px;
    font-weight: 300;
    text-align: center;
    font-family: SCDream;
    font-weight: 500;
    letter-spacing: -2px;        
}

.faceModel-sec h2 span {
    font-family: SCDream;
    color: #f6bd52;
    font-weight: 700;
}

.link-sec {
    display: flex;
    height: 100vh
}

.link-sec article {
    position: relative;
    width: 640px
}

.link-sec article:nth-child(even) {
    background-color: #87ceeb
}

.link-sec .link-backgroundVideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    filter: brightness(60%)
}
.link-sec article:nth-of-type(1) .bg {
    background-color: #e57272;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .25
}

.link-sec article:nth-of-type(2) .bg {
    background-color: #6bb0df;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .25
}

.link-sec article:nth-of-type(3) .bg {
    background-color: #bd51de;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .25
}

.link-sec article:nth-of-type(4) .bg {
    background-color: #7ee572;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .25
}

.link-sec .link-backgroundVideo video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.link-sec .link-content {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.link-sec .link-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    bottom: 0;
    top: 0;
    text-align: center
}

.link-sec .link-content:hover .link-bg {
    background-color: #005188;
    padding: 30px
}

.link-sec .link-content .link-bg {
    transition: .3s ease;
    max-width: 513px;
    width: 100%;
    border-radius: 15px 0 15px 0;
}

.link-sec .link-content h2.link-title {
    width: 100%;
    margin-bottom: 4px;
    color: #fff;
    font-family: SCDream;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
}

.link-sec .link-content h2.link-title span {
    color: #fff;
    font-family: SCDream;
    font-size: 70px;
    font-weight: 900;
    line-height: 1;
    text-shadow: 0 3px 2px rgba(0, 0, 0, .24);
}

.link-sec .link-content h3 {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-align: center
}

.link-sec .link-content i {
    width: 24px;
    height: 24px;
    margin-top: 2px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqBAMAAAA37dRoAAAALVBMVEVHcEz////////////////////////////////////////////////////////NXt0CAAAADnRSTlMAwDDw4KLQQGGQEIAgUMgu7VsAAAE5SURBVCjPY2CAAPaNee+eSRcwoABVu3cg8DgIWVARKOIoKAIkhRCCK9+98wRpZp/y7t0smCBT3jtxKLPw3TMFKFP5nQdcW8s7I6hSu4cL4KJceY8VoEoDkCxmhSjmynuK4si4ZyCdnO8EUETZ3k0AknpPFqCIcvk9ApJyL1C9ydD3EOgCNAMYGBjfKQDtRAsSBnagm5ifMKADPwOGupdw3maoZ+c9Z9j3CGEN1LN1rxnkHiC8BfUs31OGPAckb0EUszxjQHYYVDHjO6hooyAY+BmhiL6DgocoonFQ0RdQUWTbON41QG1DchlD3wuYy5B8AVUK8gWSj++9gPsYKXTiGuChgxSSPIiQxB7q2GMIR2xyvkvAEvOYqQRrirKBpr5nWFIf9pSKI1Wj5IAJBHILjpwFzYXRsIACADYRn60U1hv1AAAAAElFTkSuQmCC) no-repeat center/cover
}

.link-sec2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100vh;
    padding: 70px 70px 50px;
    background-color: #1a205e
}

.link-sec2-title {
    font-family: SCDream;
    color: #fff;
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 24px;
    text-align: center;
    text-shadow: 0 3px 2px rgba(0,0,0,.24)
}

.link-sec2 .r-menu {
    width: 100%
}

.link-sec2 .r-menu.b {
    margin-top: 40px
}

.link-sec2 .r-menu.b article {
    transition: .3s ease;
    background-color: #7d8cbc
}

.link-sec2 .r-menu.b article:hover {
    background-color: #5a73ac
}

.link-sec2 article {
    width: 400px;
    max-width: 100%;
    background-color: #005188;
    transition: .3s ease;
    margin-bottom: 16px
}

.link-sec2 article:hover {
    background-color: #08284f
}

.link-sec2 article a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px
}

.link-sec2 article h3 {
    font-family: GongGothic, sans-serif;
    font-weight: 500;
    font-size: 24px;
    text-shadow: 0 3px 2px rgba(0, 0, 0, .24);
    line-height: 1.3;
    color: #fff
}

.link-sec2 article i {
    width: 24px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqBAMAAAA37dRoAAAALVBMVEVHcEz////////////////////////////////////////////////////////NXt0CAAAADnRSTlMAwDDw4KLQQGGQEIAgUMgu7VsAAAE5SURBVCjPY2CAAPaNee+eSRcwoABVu3cg8DgIWVARKOIoKAIkhRCCK9+98wRpZp/y7t0smCBT3jtxKLPw3TMFKFP5nQdcW8s7I6hSu4cL4KJceY8VoEoDkCxmhSjmynuK4si4ZyCdnO8EUETZ3k0AknpPFqCIcvk9ApJyL1C9ydD3EOgCNAMYGBjfKQDtRAsSBnagm5ifMKADPwOGupdw3maoZ+c9Z9j3CGEN1LN1rxnkHiC8BfUs31OGPAckb0EUszxjQHYYVDHjO6hooyAY+BmhiL6DgocoonFQ0RdQUWTbON41QG1DchlD3wuYy5B8AVUK8gWSj++9gPsYKXTiGuChgxSSPIiQxB7q2GMIR2xyvkvAEvOYqQRrirKBpr5nWFIf9pSKI1Wj5IAJBHILjpwFzYXRsIACADYRn60U1hv1AAAAAElFTkSuQmCC) no-repeat center/cover;
    display: block
}

.link-sec2 .r-bottom {
    width: 100%
}

.link-sec2 .logo-cont {
    text-align: center
}

@media all and (max-width: 768px) {
    .link-sec a:hover .link-content {
        background-color: #002e66
    }

    .link-sec2 article:hover {
        background-color: #021e41
    }
}
.link-sec2 .r-bottom {
    width: 100%
}

.link-sec2 .logo-cont {
    text-align: center
}

.link-sec2 .logo-cont img {
    max-width: 275px;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto
}

#sub main {
    width: calc(100vw - 100px);
    margin-left: auto;
    height: auto;
}

.banner {
    position: relative;
    padding: 0 5%;
    height: 220px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: -1;
    background: #646ee5;
    overflow: hidden;
}

.banner.greeting_banner {
    height: 175px;
    background: #0d0e37;
}

.banner .number {
    position: absolute;
    bottom: -15px;
    right: 0;
    font-family: SCDream;
    font-size: 120px;
    font-weight: 700;
    color: #e6e8ff;
}

.banner .category {
    display: block;
    width: 200px;
    line-height: 40px;
    position: absolute;
    top: -40px;
    left: 0;
    color: #fff;
    border-top-right-radius: 10px;
    font-family: SCDream;
    font-size: 20px;
    font-weight: 500;
    text-align: center
}

.banner .img_box {
    position: absolute;
    bottom: 0;
    right: 100px
}

.banner .img_box img {
    vertical-align: bottom
}

.banner-title>span {
    font-size: 42px;
    font-size: 70px;
    font-weight: 600;
    color: #f8cd63;
    margin-right: 30px
}

.banner-title h2 {
    color: #fff;
    font-family: SCDream;
    font-size: 50px;
    font-weight: 700;
    word-break: keep-all;
    line-height: 1.2;
}

.banner-title h2 span {
    margin-bottom: 10px
}

.banner-title h2 .desc {
    display: block;
    color: #e5e5e5;
    font-family: SCDream;
    font-size: 24px;
    font-weight: 300;
    word-break: keep-all
}

.banner-title h2 .desc.b {
    color: #fff;
    opacity: .6
}

.banner-title h2 .desc.c {
    color: #1A205E
}

.banner-title h2 p {
    font-size: 14px;
    font-size: 20px;
    color: #8299b3;
    font-weight: 300;
    margin-top: 5px
}

.banner-title h2 p span {
    font-weight: 600
}

.banner h3 {
    height: 100%;
    display: flex;
    align-items: center
}

.banner h3 img {
    position: absolute;
    top: 18px;
    right: 18px
}

.review .dx-review,.review__item {
    margin-top: 70px
}

.review__item:first-child {
    margin-top: 40px
}

.review .top {
    position: relative;
    padding: 20px 60px;
    background-color: #feeddc
}

.review .top .title {
    color: #003551cc;
    font-family: SCDream;
    font-size: 24px;
    font-weight: 500
}

.review .top .q {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%)
}

.review .top .icon {
    position: absolute;
    top: 50%;
    left: 18px;
    transform: translateY(-50%)
}

.review .grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 20px;
    column-gap: 20px;
    margin-top: 30px
}

.review .grid .item {
    position: relative;
    padding: 30px;
    background-color: #fff;
    border: 1px solid #f68d2e;
    border-radius: 20px
}

.review .grid .item:before,.review .grid .item:after {
    position: absolute;
    bottom: -30px;
    left: 20px
}

.review .grid .item:before {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    border-bottom: 30px solid #f68d2e;
    border-left: 0px solid transparent;
    border-right: 27px solid transparent;
    transform: rotateX(180deg)
}

.review .grid .item:after {
    content: "";
    display: block;
    bottom: -28px;
    left: 21px;
    width: 0px;
    height: 0px;
    border-bottom: 28px solid #fff;
    border-left: 0px solid transparent;
    border-right: 25px solid transparent;
    transform: rotateX(180deg)
}

.review .grid .text {
    line-height: 1.4;
    font-size: 18px;
    letter-spacing: -.36px
}

.review .grid .info {
    display: block;
    margin-top: 42px;
    text-align: right
}

.review .grid .info .name {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -.32px
}

.review .grid .info .com {
    display: block;
    font-size: 14px;
    letter-spacing: -.28px
}

#sub section section {
    margin: 0 auto
}

#sub section section.margin-top {
    margin: 0 auto;
    margin-top: 100px;
}

#sub section section.content_sub2 {
    border-top: 1px solid #d9d9d9;
    margin: 40px auto 0
}

#sub section p {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    word-break: keep-all;
    margin-bottom: 40px
}

#sub section span.fc-white {
    color: #fff;
    background-color: #f7af66;
    display: inline-block;
    padding: 3px 5px 1px;
    font-weight: 400
}

#sub section span.fc-orange {
    color: #f7af66!important;
    font-weight: 600;
    width: max-content!important;
    display: inline-block!important;
    margin: 0!important;
    font-size: 14px!important;
    font-size: 16px!important
}

#sub section .inner {
    width: 100%;
    margin: 0 auto
}

#sub section .inner img {
    width: 100%;
    display: block
}

#sub section .inner img.tableimg {
    width: 70%;
    display: block;
    margin-top: 30px;
}

#sub section .ww-a {
    text-align: center
}

#sub section .ww-a img {
    width: auto;
    max-width: 100%
}

.timg {
    text-align: left
}

#sub section .long-line {
    width: 100%;
    height: 1px;
    background-color: #d9d9d9;
    margin-top: 40px
}

#sub section .sub-text.top {
    padding-bottom: 80px
}

#sub section .sub-text.top ul li {
    color: #000
}

#sub section .sub-text .sub-line:after {
    content: "";
    width: 5px;
    height: 5px;
    background-color: #f8cd63;
    border-radius: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

#sub.sub02 section .sub-text .sub-line {
    background-color: #f7af66
}

#sub.sub02 section .sub-text .sub-line:after {
    background-color: #f7af66
}

#sub.sub03 section .sub-text .sub-line {
    background-color: #d3cf6b
}

#sub.sub03 section .sub-text .sub-line:after {
    background-color: #d3cf6b
}

#sub.sub04 section .sub-text .sub-line {
    background-color: #9b9e4d
}

#sub.sub04 section .sub-text .sub-line:after {
    background-color: #9b9e4d
}

#sub.sub05 section .sub-text .sub-line {
    background-color: #7c8e77
}

#sub.sub05 section .sub-text .sub-line:after {
    background-color: #7c8e77
}

#sub.sub06 section .sub-text .sub-line {
    background-color: #96c5d8
}

#sub.sub06 section .sub-text .sub-line:after {
    background-color: #96c5d8
}

#sub.sub07 section .sub-text .sub-line {
    background-color: #65a4c9
}

#sub.sub07 section .sub-text .sub-line:after {
    background-color: #65a4c9
}

#sub.sub08 section .sub-text .sub-line {
    background-color: #1880b7
}

#sub.sub08 section .sub-text .sub-line:after {
    background-color: #1880b7
}

#sub.sub09 section .sub-text .sub-line {
    background-color: #8781bd
}

#sub.sub09 section .sub-text .sub-line:after {
    background-color: #8781bd
}

#sub.sub10 section .sub-text .sub-line {
    background-color: #68498d
}

#sub.sub10 section .sub-text .sub-line:after {
    background-color: #68498d
}

.fc-purple {
    color: #68498d!important
}

#sub section .sub-text h3 {
    font-size: 22px;
    color: #96c5d8;
    margin-bottom: 10px
}

#sub section .sub-text h4 {
    display: inline-block;
    padding: 12px 55px;
    color: #000;
    background-color: #e9e9e9;
    border-radius: 20px;
    font-family: SCDream;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px
}

#sub section .sub-text .content_sub ul.list-style-hangul li {
    padding-left: unset;
    list-style: hangul;
    margin-left: 21px
}

#sub section .sub-text .content_sub ul.list-style-hangul li+li {
    margin-top: unset
}

#sub section .sub-text .content_sub ul.list-style-hangul li:before {
    display: none
}

.li-margin-left {
    margin-left: -10px
}

#sub section .sub-text li {
    color: #555;
    font-size: 20px;
    font-family: SCDream;
    font-weight: 300;
    padding-left: 30px;
    line-height: 1.4;
    position: relative
}

#sub section .sub-text li+li {
    margin-top: 10px
}

#sub section .sub-text li b {
    font-family: SCDream;
    font-weight: 500
}

#sub section .inner .sub-text ul+ul {
    margin-top: 40px
}

#sub section .inner .sub-text.sub9 ul+ul {
    margin-top: 10px
}

.sub9-imgwrap {
    display: flex;
    column-gap: 20px;
    margin: 20px auto
}

.sub9-poster-qr {
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

#sub section .inner .sub-text li {
    color: #000;
    font-family: Pretendard Variable,sans-serif;
    font-weight: 600
}

#sub section .inner .sub-text li img {
    display: block;
    width: 100%;
    margin: 0 auto
}

#sub section .inner .sub-text li img.tableimg {
    max-width: 178px;
    width: 100%;
    margin: 0 auto;
    display: block
}

#sub section .inner .sub-text li img.sub3_img1 {
    max-width: 882px;
    width: 100%;
    margin: 0 auto
}

#sub section .inner .sub-text li img+img {
    margin-top: 20px
}

#sub section .sub-text li:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 3px;
    left: 0;
    top: 11px;
    transform: translateY(-50%)
}

#sub section .sub-text li.none:before {
    display: none
}

#sub .sub01 section .sub-text li:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAADBAMAAABhdDIdAAAAD1BMVEVFurtFurpGubtHcExGurvKipW7AAAABHRSTlPvkIAA+x8XTwAAABdJREFUCNdjMIYCI0YGFxhwYICJGjIBAGi4BjshwTQwAAAAAElFTkSuQmCC) center center/cover no-repeat
}

#sub .sub02 section .sub-text li:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAADBAMAAABhdDIdAAAAD1BMVEVhm8hhmshim8dHcExim8jFIKrVAAAABHRSTlPvkIAA+x8XTwAAABdJREFUCNdjMIYCI0YGFxhwYICJGjIBAGi4BjshwTQwAAAAAElFTkSuQmCC) center center/cover no-repeat
}

#sub .sub03 section .sub-text li:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAADBAMAAABhdDIdAAAAD1BMVEWkrL6jrL2jq71HcEykrL4U2w5lAAAABHRSTlPvkIAA+x8XTwAAABdJREFUCNdjMIYCI0YGFxhwYICJGjIBAGi4BjshwTQwAAAAAElFTkSuQmCC) center center/cover no-repeat
}

#sub .sub04 section .sub-text li:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAADBAMAAABhdDIdAAAAD1BMVEWCoMmBn8iBn8lHcEyCoMntx7sFAAAABHRSTlPvkIAA+x8XTwAAABdJREFUCNdjMIYCI0YGFxhwYICJGjIBAGi4BjshwTQwAAAAAElFTkSuQmCC) center center/cover no-repeat
}

#sub .sub05 section .sub-text li:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAADBAMAAABhdDIdAAAAD1BMVEWCuNCBuM+Bt89HcEyCuNBp9sgAAAAABHRSTlPvkIAA+x8XTwAAABdJREFUCNdjMIYCI0YGFxhwYICJGjIBAGi4BjshwTQwAAAAAElFTkSuQmCC) center center/cover no-repeat
}

#sub .sub06 section .sub-text li:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAADBAMAAABhdDIdAAAAD1BMVEWOwLSOv7ONv7NHcEyOwLQ2n26eAAAABHRSTlPvkIAA+x8XTwAAABdJREFUCNdjMIYCI0YGFxhwYICJGjIBAGi4BjshwTQwAAAAAElFTkSuQmCC) center center/cover no-repeat
}

#sub .sub07 section .sub-text li:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAADBAMAAABhdDIdAAAAD1BMVEW1zWu1zWy1zWxHcEy1zWxDxtoUAAAABHRSTlPvkIAA+x8XTwAAABdJREFUCNdjMIYCI0YGFxhwYICJGjIBAGi4BjshwTQwAAAAAElFTkSuQmCC) center center/cover no-repeat
}

#sub .sub08 section .sub-text li:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAADBAMAAABhdDIdAAAAD1BMVEXwkLTxj7Pxj7NHcEzxkLTyQyPGAAAABHRSTlPvkIAA+x8XTwAAABdJREFUCNdjMIYCI0YGFxhwYICJGjIBAGi4BjshwTQwAAAAAElFTkSuQmCC) center center/cover no-repeat
}

#sub .sub09 section .sub-text li:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAADBAMAAABhdDIdAAAAD1BMVEX71nv71nz71XxHcEz71nyavas/AAAABHRSTlPvkIAA+x8XTwAAABdJREFUCNdjMIYCI0YGFxhwYICJGjIBAGi4BjshwTQwAAAAAElFTkSuQmCC) center center/cover no-repeat
}

#sub .sub10 section .sub-text li:before {
    background: url(../images/sub/arrow/arrow-10.png) center center/cover no-repeat
}

#sub section .sub-text li.hashtag:before {
    background: none
}

#sub section .sub-text li.hashtag {
    font-size: 16px;
    color: #646ee5!important;
}

#sub section .sub-text li .desc {
    display: block;
    position: relative;
    line-height: 1.5;
    color: #555;
    font-size: 16px;
    padding-left: 12px;
    margin-top: 4px;
    font-weight: 400;
    width: 100%;
    word-break: keep-all
}

#sub section .sub-text li .desc .desc_in {
    display: block;
    padding-left: 10px
}

#sub section .sub-text li .desc:before {
    content: "-";
    position: absolute;
    top: 0;
    left: 0
}

#sub section .sub-header {
    padding: 40px 0
}

#sub section .sub-header h3 {
    padding: 20px 60px;
    margin-bottom: 40px;
    color: #fff;
    font-family: SCDream;
    font-size: 24px;
    font-weight: 300
}

#sub section .sub-header ul {
    padding: 0 60px
}

.pc_only {
    display: block!important
}

.mo_only {
    display: none!important
}

.mo_only--table {
    display: table-cell!important
}

.img_grid {
    max-width: 924px;
    margin: 10px auto 0
}

.img_grid .title {
    display: block;
    padding: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    background-color: #eaf0f8;
    font-size: 16px;
    font-weight: 600;
    text-align: center
}

.img_grid .grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 30px;
    column-gap: 10px
}

.img_grid .grid img {
    margin-top: 0!important
}

.img_grid .grid--4 {
    display: flex
}

.img_grid .grid--4 img {
    margin: 0 10px 0 0!important
}

.img_grid .grid--6 {
    grid-template-columns: 1fr 1fr 1fr
}

.img_grid+.img_grid {
    margin-top: 20px
}

.gray_text {
    padding: 16px 20px;
    margin-top: 10px;
    background-color: #f5f5f5;
    border-radius: 10px
}

.gray_text span {
    display: block;
    color: #555;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -.32px
}

.gray_text span+span {
    margin-top: 10px
}

.gray_text+.desc {
    margin-top: 10px!important
}

#sub section .sub-text li span a {
    text-decoration: underline;
    font-size: 12px;
    font-size: 14px;
    font-weight: 400;
    font-family: SCDream
}

#sub section .sub-text li.list-none:before {
    display: none
}

#sub section .sub-text li.list-none {
    color: #8299b3;
    font-size: 12px;
    font-size: 14px;
    margin-top: 4px;
    font-weight: 400;
    font-family: SCDream;
    width: 100%
}

#sub section ul.sub-list {
    margin-top: 5px;
    margin-bottom: 10px
}

#sub section .sub-list li {
    padding-left: 0
}

#sub section .sub-list li:before {
    display: none
}

#sub section .sub-list li span.fw-bold {
    color: #000;
    font-weight: 600;
    display: inline-block;
    font-size: 14px;
    width: max-content
}

#sub section .sub-list.card-cont {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    width: calc(100% - 30px);
    margin: 0 auto
}

#sub section .sub-list.card-cont p {
    font-size: 12px;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 0
}

#sub section .sub-list.card-cont a {
    font-size: 12px;
    font-size: 14px;
    margin-top: 10px;
    color: #8299b3;
    display: block;
    text-decoration: underline
}

.currentSituation-img {
    width: 70%!important;
    width: 100%!important;
    display: block
}

#sub.sub03 section .sub-list.card-cont img {
    width: 350px;
    width: 500px;
    width: 100%
}

.youtube-video {
    width: 878px!important
}

.youtube-video iframe {
    width: 100%;
    height: 500px
}

#sub section .sub-list.card-cont.justifyStart li {
    width: 478px
}

#sub section .sub-list.card-cont.justifyStart li img {
    width: 100%
}

#sub section ul.sub-fill-list {
    background-color: #f4f4ec;
    padding: 20px;
    margin-bottom: 20px
}

#sub section .sub-text li .sub-fill-list li:before {
    display: none
}

#sub section .sub-text li .sub-fill-list li {
    display: flex
}

#sub section .sub-text li .sub-fill-list p {
    display: inline-block;
    margin-bottom: 0;
    height: 100%;
    display: inline-flex;
    align-items: center
}

#sub section .sub-text li .sub-fill-list span {
    min-width: 22px;
    min-height: 22px;
    max-width: 22px;
    max-height: 22px;
    border-radius: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    color: #fff;
    margin-right: 10px;
    margin-top: 0;
    background-color: #9b9e4d
}

#sub section .sub-text li .sub-fill-list ul {
    margin-top: 10px;
    margin-bottom: 15px
}

#sub section .sub-text li .sub-fill-list ul li {
    padding-left: 0;
    font-size: 12px;
    font-size: 14px;
    color: #9b9e4d
}

.sub-list a.fc-sky {
    color: #8299b3;
    text-decoration: underline;
    margin-left: 20px;
    font-size: 14px
}

.bot-img-cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.bot-img-cont {
    width: 100%
}

.bot-img-cont li {
    padding: 0!important;
    margin: 0!important;
    width: 274px;
    margin-right: 56px
}

.bot-img-cont li:before {
    display: none
}

.bot-img-cont.bot-img-cont-s3 li {
    width: 31%
}

.bot-img-cont-s4 li {
    width: calc(25% - 20px)
}

.bot-img-cont .youtube-link a {
    width: 238px;
    height: 48px;
    border-radius: 25px;
    border: 1px solid #3c5471;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #002d65;
    margin-top: 125px
}

.img-width-style1 {
    width: 768px!important
}

.img-width-style2 {
    width: 1006px!important
}

.img-width-style3 {
    width: 920px!important
}

.img-width-style4 {
    width: 780px!important
}

.img-width-style5 {
    width: 860px!important
}

.bot-img-cont.sub05 {
    justify-content: center;
    gap: 40px
}

.bot-img-cont.sub05 li {
    height: 366px;
    display: flex;
    position: relative!important
}

.bot-img-cont.sub05 li:nth-child(1) {
    width: 143px;
    font-size: 14px!important;
    color: #8299b3;
    text-decoration: underline;
    margin-right: -25px!important;
    align-items: flex-end
}

.bot-img-cont.sub05 li:nth-child(2) {
    width: 238px
}

.bot-img-cont.sub05 li:nth-child(2):before {
    content: "\d64d\bcf4\bb38"!important;
    font-size: 14px!important;
    position: absolute!important;
    bottom: -24px!important;
    left: 50%!important;
    transform: translate(-50%)!important;
    display: block!important;
    background: transparent!important;
    width: 100%!important;
    height: 20px!important;
    top: auto!important;
    text-align: center
}

.bot-img-cont.sub05 li:nth-child(3) {
    width: 366px;
    align-items: flex-start
}

.bot-img-cont.sub05 li:nth-child(3):before {
    content: "\d68c\ae30\ad6c\c131"!important;
    font-size: 14px!important;
    position: absolute!important;
    bottom: -24px!important;
    left: 50%!important;
    transform: translate(-50%)!important;
    display: block!important;
    background: transparent!important;
    width: 100%!important;
    height: 20px!important;
    top: auto!important;
    text-align: center
}

ul.sub05.col {
    justify-content: space-between;
    margin-top: 50px
}

ul.sub05.col li {
    display: flex;
    flex-direction: column;
    align-items: center
}

ul.sub05.col li img {
    width: 238px!important;
    margin-top: 10px
}

.sub06 .bot-img-cont li {
    width: 300px!important;
    width: calc(25% - 15px)!important
}

.sub06#sub section .inner.left.col {
    gap: 25px;
    width: 100%
}

.sub06#sub section .inner.left.col img,.sub06#sub section .inner.left.col span {
    width: 440px;
    width: calc(33.3333333333% - 15px)
}

.sub06#sub section .inner.left.col span {
    display: flex;
    align-items: center;
    width: max-content;
    margin-top: 20px;
    font-size: 16px
}

.sub06#sub section .col.spaceBetween {
    display: flex;
    gap: 46px
}

.sub06#sub section .col.spaceBetween img {
    width: calc(50% - 23px)
}

#sub section .bot-content ul li:last-child {
    margin-bottom: 0
}

#sub section .bot-content ul {
    margin-bottom: 0
}

#sub section .bot-content {
    width: 100%;
    padding: 20px;
    border-radius: 15px;
    background-color: #d8e0ea;
    margin-top: 20px
}

#sub section .bot-content h5 {
    font-size: 16px;
    margin-bottom: 14px;
    font-weight: 600;
    font-family: SCDream
}

#sub section .bot-content p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0;
    font-family: SCDream
}

#sub.sub08 .inner-cont {
    width: calc(100% - 20px);
    margin: 0 auto
}

#sub.sub08 .inner-cont li {
    width: calc(25% - 18px)!important
}

#sub.sub08 .inner-cont.row {
    margin-top: 20px!important
}

#sub.sub08 .inner-cont.row li {
    width: 100%!important
}

#sub.sub08 section ul.sub-fill-list {
    background-color: #eef4f9
}

#sub.sub08 section ul.sub-fill-list span {
    background-color: #1785ba
}

#sub.sub08 section ul .col2 {
    margin-top: 20px
}

#sub.sub08 section ul .col2 img {
    width: calc(50% - 17.5px)
}

#sub.sub08 .bot-img {
    display: flex;
    justify-content: space-between
}

#sub.sub08 .bot-img li {
    width: calc(25% - 6px)!important
}

#sub.sub08 .bot-img p {
    font-size: 14px
}

#sub.sub09 .inner-cont {
    width: calc(100% - 20px);
    margin: 10px auto 0
}

#sub.sub09 .inner-cont.sub-fill-list {
    background-color: #f0eff7
}

#sub.sub09 section .sub-text li .sub-fill-list span {
    background-color: #8781bd
}

#sub.sub09 section .img.col img {
    width: 300px;
    margin-right: 20px
}

#sub.sub09 section .img.col img:last-child {
    margin-right: 0
}

#sub.sub10 section .sub-list.card-cont.spaceBetween li.row {
    width: 300px
}

#sub.sub10 section .sub-list.card-cont.spaceBetween li p {
    font-size: 14px
}

#sub.sub10 section .sub-list.card-cont.spaceBetween li {
    width: calc(100% - 325px)
}

#sub.sub10 section .sub-list.card-cont.spaceBetween li iframe {
    width: 100%;
    height: 494px
}

@media all and (max-width: 1550px) {
    #sub section p {
        font-size:14px
    }

    .img-width-style1 {
        width: 650px!important;
        width: 75%!important
    }

    .img-width-style2 {
        width: 960px!important;
        width: 90%!important
    }

    .img-width-style3 {
        width: 768px!important;
        width: 80%!important
    }

    .img-width-style4 {
        width: 620px!important;
        width: 77.5%!important
    }

    .img-width-style5 {
        width: 800px!important;
        width: 85%!important
    }

    .youtube-video {
        width: 600px!important;
        width: 70%!important
    }

    .youtube-video iframe {
        height: 400px;
        height: 27vw
    }

    #sub.sub09 section .img.col img {
        width: 200px;
        margin-right: 10px
    }

    #sub.sub10 section .sub-list.card-cont.spaceBetween li.row {
        width: 200px
    }

    #sub.sub10 section .sub-list.card-cont.spaceBetween li {
        width: calc(100% - 200px)
    }

    #sub.sub10 section .sub-list.card-cont.spaceBetween li iframe {
        height: 375px
    }

    #sub section .sub-list.card-cont.justifyStart li {
        width: 35%
    }

    .bot-img-cont-s4 li {
        width: calc(33.3333% - 18px)
    }
}

@media all and (max-width: 1280px) {
    .banner {
        height:200px
    }

    .banner h3 img {
        height: 80px
    }

    .banner-title h2 {
        font-size: 24px
    }

    .banner-title h2 p {
        font-size: 16px
    }

    .banner-title>span {
        font-size: 50px
    }

    #sub section .sub-list.card-cont p {
        font-size: 13px
    }

    #sub section .sub-text h4 {
        font-size: 20px
    }

    #sub.sub2 section .sub-text li {
        width: calc(50% - 20px)
    }

    #sub section span.fc-orange {
        font-size: 14px!important
    }

    .bot-img-cont li {
        width: calc(50% - 12px)
    }

    .bot-img-cont.sub05 li:nth-child(2) {
        width: 30%
    }

    .bot-img-cont.sub05 li:nth-child(3) {
        width: 40%
    }

    ul.sub05.col li img {
        width: 100%!important
    }

    #sub.sub10 section .sub-list.card-cont.spaceBetween li iframe {
        height: 24vw
    }

    .bot-img-cont.sub05 li {
        height: 30%
    }

    .bot-img-cont.sub05 {
        gap: 5%
    }

    ul.sub05.col {
        gap: 10%
    }

    #sub section .inner .inner {
        width: 100%
    }
}

@media all and (max-width: 1024px) {
    .header_today{display: none;}
    
    .img-width-style1,.img-width-style2,.img-width-style3,.img-width-style4,.img-width-style5,.youtube-video {
        width:100%!important
    }

    #sub.sub02 section .sub-list.card-cont {
        flex-wrap: wrap
    }

    #sub.sub02 section .sub-list.card-cont li {
        width: 45%
    }

    #sub.sub06 section .sub-text ul.bot-img-cont {
        flex-wrap: wrap
    }

    #sub.sub06 section .sub-text ul.bot-img-cont li {
        width: 45%!important
    }

    #sub.sub08 .bot-img {
        flex-wrap: wrap
    }

    #sub.sub08 .bot-img li {
        width: 45%!important
    }

    #sub section .sub-text li.col {
        flex-direction: column;
        gap: 15px
    }
}

@media all and (max-width: 768px) {
    .pc_only {
        display:none!important
    }

    .mo_only {
        display: block!important
    }

    .review .dx-review,.review__item {
        margin-top: 70px
    }

    .review__item:first-child {
        margin-top: 40px
    }

    .review .top {
        position: relative;
        padding: 20px;
        background-color: #feeddc;
        word-break: keep-all
    }

    .review .top .title {
        font-size: 16px
    }

    .review .top .q,.review .top .icon {
        display: none
    }

    .review .grid {
        grid-template-columns: 1fr;
        row-gap: 60px
    }

    .review .grid .item {
        padding: 20px
    }

    .review .grid .text {
        font-size: 14px
    }

    .review .grid .info {
        display: block;
        margin-top: 42px;
        text-align: right
    }

    .review .grid .info .name,.review .grid .info .com {
        font-size: 12px
    }

    #index .scroll {
        background: url(./mo-bg-efe54752.png) no-repeat center/cover;
        padding-left: 0;
        flex-direction: column;
        overflow-x: hidden;
        overflow-y: scroll;
        padding-top: 60px
    }

    .faceModel-sec {
        min-width: inherit;
        margin: 0;
        padding: 30px 0;
        justify-content: center
    }

    .faceModel-sec:after {
        display: none
    }

    .faceModel-sec .inner {
        width: 100%
    }

    .link-sec {
        width: 100%;
        height: auto;
        flex-direction: column;
        min-height: auto
    }

    .faceModel-sec img {
        width: 100vw
    }

    .faceModel-sec h2 {
        font-size: 20px
    }

    .faceModel-sec p {
        font-size: 12.5px;
        width: calc(100vw - 100px);
        text-align: center;
        word-break: keep-all;
        line-height: 1.5
    }

    .link-sec article {
        width: 100%;
        height: 300px
    }

    .link-sec .link-content {
        padding-bottom: 40px
    }

    .link-sec .link-content img.link-title {
        height: 30px
    }

    .link-sec .link-content h2.link-title {
        height: auto;
        font-size: 24px
    }

    .link-sec .link-content h3 {
        font-size: 14px
    }

    .link-sec .link-content h3 br {
        display: none
    }

    .link-sec .link-content i {
        margin-top: 0;
        width: 20px;
        height: 20px
    }

    .link-sec2 {
        width: 100%;
        height: auto;
        padding: 30px;
        gap: 15px
    }
    /*
    .link-sec2 article {
        height: 80px
    }
    */
    .link-sec2 article {
        width: 100%
    }

    .link-sec2 article a {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .link-sec2 article h3 {
        font-size: 14px
    }

    .link-sec2 article i {
        width: 16px;
        height: 16px
    }

    .link-sec2 article.logo-cont img {
        height: 30px
    }

    .link-sec2 .logo-cont {
        margin: 15px 0
    }

    .tc-area__i .c {
        margin-left: 8px!important
    }

    #sub section {
        width: 100vw;
        padding-top: 60px
    }

    .banner {
        height: 150px!important;
        padding: 0 25px
    }

    .banner .img_box {
        display: none
    }

    .banner-title>span {
        font-size: 40px;
        margin-right: 15px
    }

    .banner-title h2 {
        font-size: 18px
    }

    .banner-title h2 .desc,.banner-title h2 p {
        font-size: 14px
    }

    .banner h3 img {
        height: 40px
    }

    #sub section section {
        padding: 0
    }

    #sub section p {
        font-size: 13px;
        margin-bottom: 30px
    }

    #sub section .inner {
        width: calc(100% - 40px)
    }

    #sub section .sub-text h4 {
        font-size: 18px
    }

    #sub section .sub-text li .desc {
        font-size: 12px
    }

    #sub section .sub-text li:before {
        top: 9px
    }

    #sub section .sub-text li span {
        flex-direction: column
    }

    #sub section .sub-text li span a {
        margin-top: 10px
    }

    .gray_text span {
        font-size: 12px
    }

    .youtube-video iframe {
        height: 50vw
    }

    .bot-img-cont {
        flex-direction: column;
        justify-content: flex-start!important;
        align-items: flex-start!important;
        margin-top: 10px;
        gap: 15px!important
    }

    .bot-img-cont.sub05 li:nth-child(2) {
        width: 70%;
        margin-bottom: 20px!important
    }

    .bot-img-cont.sub05 li:nth-child(3) {
        width: 70%
    }

    #sub section .sub-text ul {
        padding: 0;
        flex-direction: column
    }

    ul.sub05.col li {
        align-items: flex-start
    }

    ul.sub05.col li img {
        width: 70%!important
    }

    #sub section .sub-text li {
        width: 100%
    }

    #sub.sub06 section .sub-text ul.bot-img-cont li {
        width: 70%!important
    }

    #sub section .bot-content h5 {
        font-size: 14px
    }

    #sub section .bot-content p {
        font-size: 14px
    }

    #sub.sub08 .inner-cont li {
        width: 70%!important
    }

    .col {
        gap: 10px
    }

    #sub.sub09 section .img.col img {
        width: calc(33.3333333333% - 10px);
        margin-right: 0
    }

    #sub.sub10 section .sub-list.card-cont.spaceBetween li.row {
        width: 70%
    }

    #sub.sub10 section .sub-list.card-cont.spaceBetween li {
        width: 70%
    }

    #sub.sub10 section .sub-list.card-cont.spaceBetween li iframe {
        height: 30vw
    }

    #sub.sub07 .ww-a .timg img {
        max-width: 200px
    }

    #sub section .sub-header {
        padding: 20px 0
    }

    #sub section .sub-header h3 {
        padding: 20px 15px;
        margin-bottom: 20px;
        color: #fff;
        font-family: SCDream;
        font-size: 16px;
        font-weight: 300
    }

    .img_grid {
        max-width: 924px;
        margin: 10px auto 0
    }

    .img_grid .title {
        padding: 10px;
        font-size: 12px
    }

    .img_grid .grid {
        display: grid;
        grid-template-columns: 1fr
    }

    .img_grid .grid img {
        margin-top: 0!important
    }
}

@media all and (max-width: 500px) {
    #sub section .inner {
        width:100%
    }

    #sub.sub02 section .sub-list.card-cont li {
        width: 100%
    }

    #sub section .sub-list.card-cont {
        flex-direction: column
    }

    #sub section .sub-list.card-cont.justifyStart li {
        width: 100%
    }

    .bot-img-cont li {
        width: 100%
    }

    #sub section ul.sub-fill-list {
        padding: 20px 10px
    }

    .banner-title h2 p span {
        word-break: keep-all
    }

    .bot-img-cont.sub05 li:nth-child(2) {
        width: 100%
    }

    .bot-img-cont.sub05 li:nth-child(3) {
        width: 100%
    }

    ul.sub05.col li img {
        width: 100%!important
    }

    #sub.sub06 section .sub-text ul.bot-img-cont li {
        width: 100%!important
    }

    .sub06#sub section .inner.left.col {
        flex-direction: column
    }

    .sub06#sub section .inner.left.col img,.sub06#sub section .inner.left.col span {
        width: 100%
    }

    .sub06#sub section .inner.left.col span {
        text-align: left;
        justify-content: flex-start;
        align-items: flex-start
    }

    #sub.sub08 .inner-cont li {
        width: 100%!important
    }

    #sub.sub10 section .sub-list.card-cont.spaceBetween li.row {
        width: 100%
    }

    #sub.sub10 section .sub-list.card-cont.spaceBetween li {
        width: 100%
    }

    #sub.sub10 section .sub-list.card-cont.spaceBetween li iframe {
        height: 45vw
    }

    .sub06#sub section .col.spaceBetween {
        flex-direction: column
    }

    .sub06#sub section .col.spaceBetween img {
        width: 100%
    }
}

.face_title .category>img {
    display: none
}

.dx-review {
    margin-top: 30px;
    text-align: center
}

.dxvmp-open {
    width: 360px;
    height: 65px;
    border-radius: 10px;
    background-color: #0d0e37;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    word-break: keep-all
}

.dxvmp-open a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

@media screen and (max-width: 768px) {
    .face_title .title>img {
        height:45px
    }

    .dxvmp-open {
        width: 100%;
        max-width: 400px;
        height: 50px;
        font-size: 14px
    }

    .dxvmp-open+.dxvmp-open {
        margin-top: 10px
    }
}

.tc-area {
    width: 100%;
    margin-top: 30px;
    padding: 10px 20px;
    background-color: #444662;
    color: #fff;
    border-radius: 10px
}

.tc-area__w {
    display: flex;
    justify-content: space-between
}

.tc-area__i {
    font-size: 14px
}

.tc-area__i .c {
    margin-left: 30px;
    font-size: 16px;
    font-weight: 700
}

.tc-area__i .i {
    vertical-align: top;
    margin-top: 2px;
    margin-right: 8px
}

.msf-b {
    margin: 12px
}

.msf-b .dxvpop-open {
    background: url(./btbg-sf-63d4b04e.png) no-repeat center;
    background-size: 100% 100%;
    width: 300px;
    height: 46px;
    font-family: SCDream,sans-serif;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 600;
    color: #002e66
}

@media screen and (max-width: 480px) {
    .msf-b .dxvpop-open {
        font-size:13px;
        width: 260px;
        height: 46px
    }
}

#sub section .sub-text .sub_table {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    table-layout: fixed;
    margin: 20px auto;
    font-size: 16px;
    color: #000
}

#sub section .sub-text .sub_table.sub3 {
    margin: 10px auto 30px
}

#sub section .sub-text .sub_table.sub3 thead {
    background-color: #e7eaf0;
    border-top: 2px solid #8c99ae;
    border-bottom: 2px solid #8c99ae
}

#sub section .sub-text .sub_table.sub3 th,#sub section .sub-text .sub_table.sub3 td {
    border: 1px solid #a4acbe
}

#sub section .sub-text .sub_table.sub4 {
    margin: 22px auto 10px
}

#sub section .sub-text .sub_table.sub4.sub7 {
    margin: 0 auto
}

#sub section .sub-text .sub_table.sub4.sub7 thead {
    background-color: #eed7c5;
    border-top: 2px solid #c07336;
    border-bottom: 2px solid #c07336
}

#sub section .sub-text .sub_table.sub4.sub7 th,#sub section .sub-text .sub_table.sub4.sub7 td {
    border: 1px solid #c07336;
    border-left-color: #fff;
    border-right-color: #fff
}

#sub section .sub-text .sub_table.sub4.sub7.li thead {
    font-size: 14px;
    font-weight: 600
}

#sub section .sub-text .sub_table.sub4.sub9 thead th {
    padding: 20px 0
}

#sub section .sub-text .sub_table.sub4.sub9 th,#sub section .sub-text .sub_table.sub4.sub9 td {
    border: 1px solid #f9b44f;
    border-left-color: #fff;
    border-right-color: #fff;
    padding: 15px 0
}

#sub section .sub-text .sub_table.sub4.sub9.margintop {
    margin: 10px auto
}

#sub section .sub-text .sub_table.sub4.sub3 {
    margin: 10px auto 0
}

#sub section .sub-text .sub_table.sub4 thead {
    background-color: #eaecf4;
    border-top: 2px solid #5a73ac;
    border-bottom: 2px solid #5a73ac
}

#sub section .sub-text .sub_table.sub4 th,#sub section .sub-text .sub_table.sub4 td {
    padding: 5px 0;
    border: 1px solid #8c99ae;
    border-left-color: #fff;
    border-right-color: #fff
}

#sub section .sub-text .sub_table.sub4.b {
    margin: 0 auto
}

#sub section .sub-text .sub_table.sub4.b th {
    padding: 18px 0
}

#sub section .sub-text .sub_table.sub4.b td {
    padding: 14px 0
}

#sub section .sub-text .sub_table.sub4.b tr:last-child {
    border-bottom: 2px solid #5a73ac
}

#sub section .sub-text .sub_table.sub4.c tr:last-child {
    border-bottom: 2px solid
}

#sub section .sub-text .sub_table.sub4.c th,#sub section .sub-text .sub_table.sub4.c td {
    border: 1px solid #a4acbe;
    border-left-color: #fff;
    border-right-color: #fff
}

#sub section .sub-text .sub_table.sub4.title {
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #7d8cbc
}

#sub section .sub-text .sub_table_borderRight {
    border-right: 1px solid #a4acbe!important
}

#sub section .sub-text .sub_table.b {
    margin: 20px auto 40px
}

#sub section .sub-text .sub_table thead {
    background-color: #e6e8ff
}

#sub section .sub-text .sub_table th {
    background-color: #e6e8ff;
    font-weight: 600
}

#sub section .sub-text .sub_table td {
    font-weight: 400
}

#sub section .sub-text .sub_table th,#sub section .sub-text .sub_table td {
    border: 1px solid #5a73ac;
    width: 100%;
    padding: 18px 0;
    vertical-align: middle;
}

#sub section .sub-text .sub_table th:first-child,#sub section .sub-text .sub_table td:first-child {
    border-left: unset
}

#sub section .sub-text .sub_table th:last-child,#sub section .sub-text .sub_table td:last-child {
    border-right: unset
}

    .mymentor-wrapper {
        /* 폰트 및 기본 설정 초기화 */
        font-size: 17px;
        color: #333;
        line-height: 1.5;
        box-sizing: border-box;
        
        /* 레이아웃 */
        margin: 20px auto;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.08);
        overflow: hidden; /* 둥근 모서리 유지 */
    }

    /* 내부 모든 요소에 box-sizing 적용 */
    .mymentor-wrapper * {
        box-sizing: border-box;
    }

    /* 테이블 스타일 리셋 및 정의 */
    .mymentor-wrapper table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        margin: 0;
        padding: 0;
        background-color: #fff;
        table-layout: fixed; /* 칸 너비 고정 */
    }

    /* 셀 공통 스타일 */
    .mymentor-wrapper th, 
    .mymentor-wrapper td {
        padding: 12px 8px;
        border: 1px solid #e0e0e0;
        vertical-align: middle;
        text-align: center;
        word-break: keep-all; /* 단어 단위 줄바꿈 */
    }

    /* 1. 최상단 타이틀 */
    .mymentor-wrapper .mm-main-title {
        background-color: #646ee5; /* 짙은 네이비 */
        color: #fff;
        font-size: 1.2em;
        font-weight: 700;
        padding: 16px;
        border: none;
    }

    /* 2. 좌측 헤더 (구분) */
    .mymentor-wrapper .mm-section-header {
        background-color: #f7f8fa; /* 연한 회색 */
        color: #444;
        font-weight: 700;
        width: 15%;
    }

    /* 3. 그룹 헤더 (대학생활적응 등) */
    .mymentor-wrapper .mm-group-header {
        background-color: #eef2f5;
        color: #2c3e50;
        font-weight: 600;
    }

    /* 4. 강조 텍스트 (파란색) */
    .mymentor-wrapper .mm-highlight {
        color: #0056b3;
        font-weight: 700;
    }

    /* 5. 볼드 텍스트 */
    .mymentor-wrapper strong {
        font-weight: 700;
    }

    /* 6. 하단 설명 텍스트 */
    .mymentor-wrapper .mm-sub-desc {
        font-size: 0.9em;
        color: #666;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    /* 7. 화살표 디자인 행 (간격 조절) */
    .mymentor-wrapper .mm-arrow-row td {
        background-color: #f9fbfd;
        border-left: none;
        border-right: none;
        color: #b0b8c1;
        font-size: 12px;
        padding: 4px;
        height: 25px;
    }
    
    /* 모바일 반응형 처리 (필요시) */
    @media (max-width: 600px) {
        .mymentor-wrapper {
            font-size: 12px;
        }
        .mymentor-wrapper th, .mymentor-wrapper td {
            padding: 8px 4px;
        }
    }

#sub section .sub-text .content_title {
    display: inline-block;
    font-size: 24px;
    font-weight: 500;
    padding: 8px 16px;
    color: #fff;
    margin-top: 40px;
    font-family: SCDream;
    background: #646ee5;
}

#sub section .sub-text .content_title.small {
    display: inline-block;
    font-size: 17px;
    font-weight: 300;
    padding: 8px 20px;
    color: #fff;
    margin-top: 0;
    font-family: SCDream;
    background: #646ee5;
    border-radius: 60px;
}

#sub section .sub-text .content_title.between {
    margin-bottom: 20px
}
#sub section .sub-text .content_title.margin-top {
    margin-top: 80px
}

#sub section .sub-text .content_title.sub2 {
    margin-bottom: 12px
}

#sub section .sub-text .content_sub7_box_wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 20px
}

#sub section .sub-text .content_sub7_box {
    border: 1px solid #c07336;
    position: relative
}

#sub section .sub-text .content_sub7_box.b {
    border: 1px solid #1A205E
}

#sub section .sub-text .content_sub7_box_title {
    background-color: #c07336;
    color: #fff;
    padding: 20px 30px;
    font-weight: 300;
    font-size: 20px;
    text-align: center
}

#sub section .sub-text .content_sub7_box_title.b {
    background-color: #1A205E
}

#sub section .sub-text .content_sub7_box_title p {
    margin-top: 6px;
    margin-bottom: unset;
    font-size: 16px;
    font-weight: 400
}

#sub section .sub-text .content_sub7_box_content {
    font-size: 16px;
    font-weight: 400;
    padding: 20px 30px 30px
}

#sub section .sub-text .content_sub7_box_content.b {
    height: 545px
}

#sub section .sub-text .content_sub7_box_content .sub7_img05 {
    max-width: 354px;
    margin-top: 20px;
    display: block
}

#sub section .sub-text .content_sub7_box_content ul li {
    color: #000
}

#sub section .sub-text .content_sub7_box_imgwrap {
    display: grid;
    align-items: end;
    column-gap: 20px;
    grid-template-columns: 2.4fr 1fr
}

#sub section .sub-text .content_sub7_box_imgtext {
    color: #343434;
    font-size: 14px
}

#sub section .sub-text .content_sub5_imgWrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

#sub section .sub-text .content_sub5_imgWrap .sub5_img12,#sub section .sub-text .content_sub5_imgWrap .sub5_img13 {
    max-width: 224px;
    width: 100%
}

#sub section .sub-text .content_sub5_imgWrap .sub5_img14 {
    max-width: 346px;
    width: 100%
}

#sub section .sub-text .content_sub5_imgWrap .sub5_img14.vertical {
    max-height: 295.5px;
    width: auto;
}

#sub section .sub-text .content_sub5_imgWrap.b {
    flex-direction: unset;
    column-gap: 14px;
    align-items: end
}

#sub section .sub-text .content_sub5_imgWrap img {
    margin: unset!important
}

#sub section .sub-text .content_sub1_imgGrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 12px;
    margin-top: 36px
}

#sub section .sub-text .content_sub1_imgGrid2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 20px;
    margin-top: 36px
}

.sub1_5_box{
    display: inline-block;
    width: 100%;
    font-size: 34px;
    font-weight: 500;
    padding: 8px;
    color: #fff;
    margin: auto;
    margin-top: 0px;
    font-family: SCDream;
background: #005AEF;
background: linear-gradient(90deg, rgba(0, 90, 239, 1) 0%, rgba(0, 190, 174, 1) 100%);
    text-align: center;
}

#sub section .sub-text .content_sub5_imgGrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    column-gap: 12px;
    /*margin-top: 36px*/
}

#sub section .sub-text .content_sub5_imgGrid.sub6 {
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 20px;
    margin-top: unset;
    align-items: end
}

#sub section .sub-text .content_sub5_imgGrid.sub6.b {
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 10px
}

#sub section .sub-text .content_sub5_imgGrid_B {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

#sub section .sub-text .content_sub5_imgGrid_B.b {
    margin-left: 120px
}

#sub section .sub-text .content_sub5_imgGrid.b {
    display: flex;
    column-gap: 30px;
    margin-top: unset
}

#sub section .sub-text .content_sub5_imgGrid.c {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px
}

#sub section .sub-text .content_sub5_imgGrid.d {
    display: flex;
    column-gap: 30px;
    align-items: end
}

#sub section .sub-text .content_sub5_imgGrid.d img {
    max-width: 276px
}

#sub section .sub-text .content_sub5_imgGrid.d img:last-child {
    max-width: 153px
}

.min570{
    min-width: 570px;
}

#sub section .sub-text .content_sub4_lastli {
    display: flex;
    column-gap: 74px;
    margin-top: 40px;
    align-items: end
}

#sub section .sub-text .content_sub4_lastli:before {
    display: none
}

#sub section .sub-text .content_sub4_lastli.b {
    column-gap: 20px;
    margin-top: 20px
}

#sub section .sub-text .content_sub4_nonbefore.flex {
    display: flex;
    align-items: end;
    column-gap: 30px
}

#sub section .sub-text .content_sub4_nonbefore:before {
    display: none
}

#sub section .sub-text .content_sub4_nonbefore.sub5flex {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-top: 20px
}

#sub section .sub-text .content_sub4_imgWrap img {
    margin: 0 auto!important;
    display: block
}

#sub section .sub-text .content_sub4_imgwrap2 {
    display: unset;
    grid-template-columns: 1fr 1fr;
    column-gap: 9px
}

#sub section .sub-text .content_sub4_textBox {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    border-bottom: 1px solid #646ee5;
    color: #646ee5;
    padding: 10px 0 6px;
    word-break: keep-all;
}

#sub section .sub-text .content_sub4_textBox.sub6 {
    padding: 14px 0
}

#sub section .sub-text .content_sub4_textBox.sub5 {
    padding: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 65px
}

#sub section .sub-text .content_sub4_textBox.sub5_b {
    padding: 14px 0;
    width: 80%
}

#sub section .sub-text .content_sub4_textBox.sub5_b p {
    margin-bottom: unset;
    font-weight: 400;
    font-size: 13px;
    color: #343434;
    margin-top: 12px
}

#sub section .sub-text .content_sub4_textBox.sub5_b.c {
    width: 70%
}

#sub section .sub-text .content_sub4_textBox.sub5_b.d {
    width: 100%;
    text-align: left
}

#sub section .sub-text .content_sub3_stepBg {
    background-color: #f6f7f9;
    padding: 30px
}

#sub section .sub-text .content_sub3_stepBg ul.margin-top {
    margin-top: 10px
}

#sub section .sub-text .content_sub3_stepBg ul li+li {
    margin-top: 6px
}

#sub section .sub-text .content_sub3_stepBg ul li:before {
    width: 7px;
    height: 1px
}

#sub section .sub-text .content_sub3_img {
    padding: 0 30px;
    margin-top: 20px
}

#sub section .sub-text .content_sub2_box {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    text-align: center;
    width: 100%;
    border-radius: 12px;
    border: 1px solid;
}

#sub section .sub-text .content_sub2_box.hidden {
    visibility: hidden
}

#sub section .sub-text .content_sub2_box_wrap {
    display: flex;
    align-items: center;
    column-gap: 4px;
    margin-top: 10px
}

#sub section .sub-text .content_sub2_box_wrap.sub9 {
    column-gap: 7px
}

#sub section .sub-text .content_sub2_box_wrap p.color {
    color: #343434;
    margin-bottom: unset
}

#sub section .sub-text .content_sub2_box_wrap.margintop {
    margin-top: 40px
}

#sub section .sub-text .content_sub2_box_wrap.sub8 {
    margin-bottom: 20px
}

#sub section .sub-text .content_sub2_box_wrap.sub5 {
    margin-top: 20px
}

#sub section .sub-text .content_sub2_box_wrap img.arrow {
    width: 18px;
    max-width: 100%;
    margin: 0 auto
}

#sub section .sub-text .content_sub2_box_wrap.sub3 {
    column-gap: 6px;
    margin-bottom: 10px
}

#sub section .sub-text .content_sub2_box_wrap.sub4.b {
    margin-top: 14px;
    margin-bottom: 10px
}

#sub section .sub-text .content_sub2_box_wrap.sub4 .content_sub2_box_step {
    padding: 6px 0
}

#sub section .sub-text .content_sub2_box_wrap.sub4 .content_sub2_box_step.sub9 {
    padding: 14px 0
}

#sub section .sub-text .content_sub2_box_wrap.sub4 .content_sub2_box_content {
    padding: 0 14px
}

#sub section .sub-text .content_sub2_box_wrap.sub4 .content_sub2_box_content.sub4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

#sub section .sub-text .content_sub2_box_wrap.sub4 .content_sub2_box_content.sub9 {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

#sub section .sub-text .content_sub2_box_wrap.sub4 .content_sub4_box_text {
    height: 55px;
    font-weight: 600;
    line-height: 1.25;
    display: flex;
    align-items: center;
    justify-content: center
}

#sub section .sub-text .content_sub2_box_wrap.sub4 .content_sub4_box_text.last {
    border-bottom: unset;
    height: 105px
}

#sub section .sub-text .content_sub2_box_wrap.sub4 .content_sub4_box_text.sub9 {
    height: 46px;
    display: block;
    padding: 14px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

#sub section .sub-text .content_sub2_box_wrap.sub4 .content_sub4_box_text2 {
    height: 50px;
    padding: 8px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.29
}

#sub section .sub-text .content_sub2_box_wrap.sub4 .content_sub4_box_text2.sub9 {
    height: 36px;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

#sub section .sub-text .content_sub2_box_step {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    color: #fff;
    padding: 14px 0;
    background: #646ee5;
}

#sub section .sub-text .content_sub2_box_step span.step {
    font-weight: 600!important;
    color: #f6bd52
}

#sub section .sub-text .content_sub2_box_step span.step.sub3 {
    color: #fff
}

#sub section .sub-text .content_sub2_box_content {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    color: #000;
    padding: 14px 10px;
    word-break: keep-all;
}

#sub section .sub-text .content_sub2_box_content.height {
    height: 140px
}

#sub section .sub-text .content_sub2_box_content ul {
    text-align: left;
    padding-right: 20px
}

#sub section .sub-text .content_sub2_box_content ul li {
    color: #000
}

#sub section .sub-text .content_imgwrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 20px;
    margin-bottom: 40px
}

#sub section .sub-text .content_imgwrap img {
    width: 100%;
    display: block
}

#sub section .sub-text .content_sub_wrap {
    border-top: 1px solid #d9d9d9;
    padding: 40px 0
}

#sub section .sub-text .content_sub_wrap:nth-child(1){
    border-top: 0px solid;
}

#sub section .sub-text .content_sub_title {
    position: relative;
    margin-bottom: 12px
}

#sub section .sub-text .content_sub_title_box {
    position: absolute;
    width: 4px;
    height: 100%;
    background: #646ee5;
}

#sub section .sub-text .content_sub_title_text {
    font-size: 18px;
    font-weight: 300;
    margin-left: 10px;
    color: #646ee5;
}

#sub section .sub-text .content_sub_title_text.esa {
    font-family: SCDream
}

#sub section .sub-text .content_sub_title_text.b {
    font-weight: 500;
    margin: 30px 0 12px 0;
    color: #646ee5;
}

#sub section .sub-text .content_sub_title_text.b.c {
    margin: 40px 0 12px
}

#sub section .sub-text .content_sub_title_sub {
    margin-left: 12px
}

#sub section .sub-text .content_sub li {
    font-size: 16px;
    font-weight: 400;
    color: #343434;
    padding-left: 26px;
    line-height: 1.5
}

#sub section .sub-text .content_sub li:before {
    background: #343434;
    width: 4px;
    height: 4px;
    left: 14px;
    border-radius: 100px
}

#sub section .sub-text .content_sub li.first {
    font-weight: 300;
    padding-left: 12px;
    font-family: SCDream
}

#sub section .sub-text .content_sub li.first:before {
    background: unset
}

#sub section .sub-text .content_sub li span {
    font-weight: 700
}

#sub section .sub-text .content_sub1 {
    display: flex;
    column-gap: 30px
}

#sub section .sub-text .content_sub1_tab {
    display: flex;
    column-gap: 30px;
    margin-bottom: 40px;
}
#sub section .sub-text .content_sub1_tab {
    justify-content: space-between;
}

#sub section .sub-text .content_sub1_tab img {
    width: auto;
    display: block;
    height: 218px
}
#sub section .sub-text .content_sub1_tab.sub1_2 img {
    height: 318px;
}

#sub section .sub-text .content_sub1_qr {
    text-align: center;
    font-size: 12px;
    color: #000;
    line-height: 1.17;
    font-weight: 400
}

#sub section .sub-text .content_sub1_qr_text {
    width: 120px
}

#sub section .sub-text .content_sub1_qr_text.sub8 {
    width: 180px
}

#sub section .sub-text .content_sub1_qr_wrap {
    border: 1px solid #d9d9d9;
    padding: 30px 10px;
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    height: 100%
}

#sub section .sub-text .content_sub1_qr_wrap.sub2 {
    float: right;
    height: unset;
    margin-top: 40px
}

#sub section .sub-text .content_sub1_qr_wrap.sub4 {
    float: right;
    margin-top: -13px;
    margin-left: 20px
}

#sub section .sub-text .content_sub1_qr_wrap.sub5 {
    float: right;
    margin-top: 28px
}

#sub section .sub-text .content_sub1_qr_wrap.sub6 {
    column-gap: 30px;
    flex-direction: unset;
    justify-content: center;
    height: unset;
    margin: 0 auto;
    max-width: 480px
}

#sub section .sub-text .content_sub1_qr_wrap.sub8 {
    margin-top: 80px;
    max-width: 660px
}

#sub section .sub-text .content_sub1_qr_wrap.sub9 {
    max-width: unset;
    padding: 7px 50px;
    width: 100%
}

#sub section .sub-text .content_sub1_qr.content_sub1_qr img {
    max-width: 60px;
    width: 100%;
    display: block;
    margin: 0 auto 8px
}

#sub section .sub-text .content_imgbox {
    width: 100%;
    background-color: #ececec;
    padding: 10px 0;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #000
}

#sub section .sub-text .li_wrap {
    display: flex;
    align-items: center;
    column-gap: 60px
}

#sub section .sub-text .li_imgwrap {
    display: flex;
    column-gap: 20px;
    margin-top: 10px
}

ul.nonebefore li:before {
    display: none
}

li.margin-top {
    margin-top: 20px
}

li.margin-top-40 {
    margin-top: 40px
}

img.face-model-1920 {
    display: block;
    max-height: calc(100vh - 160px);
    align-self: flex-start;
}

img.face-model {
    display: none
}

.sub5-first-li {
    margin-top: 12px
}

.sub5_img_flex {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 40px;
    align-items: end
}

.align-top {
    align-items: flex-start;
}

.align-end {
    align-items: end;
}

.col-row img{
    height: 265px;
    width: auto!important;
}

#sub section .sub-text .content_sub li span.size14 {
    font-weight: 400;
    font-size: 14px
}

#sub section .sub-text .content_sub li span.size14.color {
    color: #1A205E
}

#sub section .inner .sub-text .content_sub7_box_content ul+ul {
    margin-top: 20px
}

span.color {
    color: #1A205E
}

span.weight600 {
    font-weight: 600!important
}

span.black {
    color: #000
}

span.black.normal {
    font-weight: 400!important
}

span.black.inline {
    display: inline-block;
    margin-bottom: 20px
}

span.black.inline.b {
    color: #343434
}

span.black.inline.c {
    margin-bottom: 6px
}

.stepbox_line {
    width: 100%;
    height: 1px
}

.title_name {
    font-family: SCDream;
    font-size: 28px;
    font-weight: 700;
    text-decoration: underline;
    text-underline-position: under;
    text-align: center;
    text-decoration-thickness: 3px;
    text-underline-offset: 17px;
    margin-bottom: 55px;
    color: #646ee5;
    text-decoration-color: #646ee5;
}

.title_name.margintop {
    margin-top: 80px
}

#sub section .sub-text .content_sub ul.before2.type2 li {
    padding-left: 12px
}

#sub section .sub-text .content_sub ul.before2.type2 li+li {
    margin-top: unset
}

#sub section .sub-text .content_sub ul.before2.type2 li:before {
    left: 0
}

#sub section .sub-text .content_sub ul.before2 li:before {
    width: 7px;
    height: 1px
}

#sub section .sub-text .content_sub ul.before2 li+li {
    margin-top: 6px
}

#sub section .sub-text .content_sub ul.before2.sub7 li {
    padding-left: 13px
}

#sub section .sub-text .content_sub ul.before2.sub7 li:before {
    width: 7px;
    height: 1px;
    left: 0
}

li.sub6_imgwrap.a img {
    width: 100%;
    margin: unset!important;
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9
}

li.sub6_imgwrap.b {
    margin-top: unset!important
}

.sub6_img02 {
    max-width: 400px
}

.sub6_imgline {
    width: 100%;
    height: 1px;
    background-color: #d9d9d9;
    margin: 20px 0
}

.sub6_img_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 22px;
    margin-top: 10px
}

li.margintop {
    margin-top: 6px
}

.sub8_textbox {
    background-color: #fcf6f4;
    padding: 30px;
    margin-bottom: 20px
}

#sub section .sub-text .sub8_textbox ul li.nonebefore {
    padding-left: 0
}

#sub section .sub-text .sub8_textbox ul li.nonebefore:before {
    display: none
}

#sub section .sub-text .sub8_textbox ul.before2 li {
    padding-left: 20px
}

#sub section .sub-text .sub8_textbox ul.before2 li:before {
    content: "-";
    background: unset;
    top: 0;
    left: 7px
}

#sub section .sub-text .content_sub7_box_wrap ul.before2 li {
    padding-left: 13px
}

#sub section .sub-text .content_sub7_box_wrap ul.before2 li:before {
    content: "-";
    background: unset;
    top: 0;
    left: 0
}

#sub section .sub-text .content_sub7_box_wrap ul li.title {
    padding-left: 22px
}

#sub section .sub-text .content_sub7_box_wrap ul li.title:before {
    content: "\25b6";
    background: unset;
    left: 0;
    top: 0;
    color: #000
}

.sub7_img01,.sub7_img02 {
    margin: unset!important
}

.sub7_img06,.sub7_img07 {
    position: absolute;
    max-width: 120px;
    bottom: 0;
    right: 30px
}

.sub07_img_textbox {
    color: #fff;
    font-size: 14px;
    padding: 3px 10px;
    position: absolute;
    bottom: 10px;
    width: 100%
}

#sub section .sub-text .content_sub .sub8.before li {
    padding-left: 12px
}

#sub section .sub-text .content_sub .sub8.before li:before {
    left: 0
}

.sub07_table_imgwrap {
    position: relative
}

.sub07_table_imgwrap img {
    padding: 0 10px
}

.sub07_table_imgwrap img.sub7_img04 {
    margin-top: 10px;
    padding: 0 40px
}

.imgwrap_flex {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
    justify-content: center;
    column-gap: 30px;
    margin: 10px auto 0;
    max-width: 750px;
    width: 100%
}

table {
    word-break: keep-all
}

table img {
    display: block
}

.sub8_img_wrap {
    position: relative;
    margin: 10px auto 20px
}

.sub8_img_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    column-gap: 15px
}

.sub8_img_grid.b {
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 22px;
    margin-top: 10px
}

.sub8_img_grid.c {
    margin-top: 20px;
    grid-template-columns: 1fr 1.52fr
}

.sub8_img_grid.c img {
    margin: 0 auto!important
}

.sub8_img_grid.d {
    margin-top: 20px;
    grid-template-columns: 1fr 1fr;
    column-gap: 35px
}

.sub8_img_relative {
    position: relative
}

.sub8_img_text {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    padding: 14px 0;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.sub8_img_text.absolute {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #000;
    background-color: #fffc!important;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
    font-weight: 600
}

.sub8_img_wrap2 {
    display: flex;
    column-gap: 20px;
    margin: 10px auto
}

.sub8_img_wrap2 img {
    width: auto!important;
    height: 161px
}

img.mo_arrow {
    display: none!important
}

.sub9_img_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    column-gap: 16px
}

.roadmap_wrap {
    display: flex;
    align-items: center;
    column-gap: 37px;
    margin-top: 10px;
    justify-content: space-between
}

.roadmap_wrap img {
    max-width: 18px;
    margin: unset!important
}

table.roadmap {
    text-align: center;
    word-break: keep-all;
    border-collapse: collapse;
    table-layout: fixed;
    box-shadow: 0 0 0 1px #fbc476;
    border-radius: 10px;
    border-style: hidden
}

table.roadmap tr td:last-child {
    width: 274px
}

table.roadmap thead th {
    border: 1px solid #fbc476;
    border-top: unset;
    border-left: unset;
    border-right: unset;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    font-size: 16px;
    font-weight: 400;
    padding: 14px 0;
    background-color: #fbc476;
    color: #fff
}

table.roadmap td.color {
    background-color: #feecd2;
    color: #c07a12;
    padding: 5px 20px
}

table.roadmap td {
    border: 1px solid #fbc476;
    color: #000;
    padding: 5px 0
}

table.roadmap td.border {
    border-bottom-left-radius: 10px
}

table.roadmap td.borderR {
    border-bottom-right-radius: 10px
}

.sub9_arrow_wrap {
    display: contents
}

.sub9_arrow_wrap img {
    left: 32.5%;
    position: absolute
}

.sub9_arrow_wrap img:last-child {
    left: 66.8%
}

.content_qr_box {
    display: flex;
    column-gap: 14px;
    background-color: #fef5f6;
    border: 1px solid #f3a4ba;
    padding: 20px 30px;
    justify-content: end
}

.content_qr_box img {
    max-width: 60px;
    width: 100%;
    height: 60px
}

.content_qr_box_flex {
    display: flex;
    justify-content: end;
    margin-bottom: 30px
}

.content_sub10 {
    width: 100%
}

.content_sub10_pc {
    display: flex;
    column-gap: 100px
}

.content_sub10_width {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 40px
}

.content_sub10_roadmap {
    width: 100%;
    margin-top: 80px
}

.content_sub10 img {
    width: 100%;
    display: block
}

.content_sub10_text {
    position: relative;
    z-index: -1
}

.content_sub10_text_b {
    display: flex;
    column-gap: 30px;
    position: absolute;
    z-index: 1;
    top: 39%;
    transform: translateY(-50%);
    padding: 0 20px;
    align-items: center
}

.content_sub10_text_b p {
    font-family: SCDream
}

.content_sub10_textwrap {
    padding: 20px 30px
}

.content_sub10_text1 {
    font-size: 16px;
    color: #f3a4ba
}

.content_sub10_text2 {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin: 6px 0 16px
}

.content_sub10_text3 {
    font-size: 16px;
    color: #000;
    line-height: 1.5
}

#sub .section_inner.sub06 section .sub-text .content_sub ul.before2 li,#sub .section_inner.sub07 section .sub-text .content_sub ul.before2 li,#sub .section_inner.sub08 section .sub-text .content_sub ul.before2 li,#sub .section_inner.sub09 section .sub-text .content_sub ul.before2 li {
    line-height: 1.2
}

.content_sub10_mo {
    display: none
}

#sub section .content_qr_box_text p {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    color: #000
}

#sub section .content_qr_box_text p:last-child {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.33;
    margin-top: 10px
}

#sub section .content_sub10_text p {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 300;
    color: #fff
}

#sub section .content_sub10_text p:first-child {
    font-size: 24px
}

@media screen and (max-width: 768px) {
    #sub section .sub-text.top {
        padding-bottom:50px
    }

    #sub section .sub-text .content_sub li {
        font-size: 13px
    }

    #sub section .sub-text .content_title,#sub section .sub-text .content_sub_title_text {
        font-size: 16px
    }

    #sub section .sub-text .li_wrap {
        flex-direction: column;
        row-gap: 30px
    }

    #sub section .sub-text .li_imgwrap {
        flex-direction: column;
        row-gap: 10px
    }

    #sub section .sub-text .content_sub2_box_wrap {
        flex-direction: column;
        row-gap: 5px
    }

    #sub section .sub-text .content_sub2_box_wrap img.arrow {
        transform: rotate(90deg)
    }

    #sub section .sub-text .content_sub2_box,#sub section .sub-text .content_imgbox {
        font-size: 13px
    }

    #sub section .sub-text .content_sub1_qr_text {
        width: 100%
    }

    #sub section .sub-text .content_sub1_qr_wrap.sub2 {
        margin-left: 20px
    }

    #sub section .sub-text .sub_table {
        font-size: 10px
    }

    #sub section .sub-text .content_imgwrap {
        grid-template-columns: 1fr;
        row-gap: 20px
    }

    #sub section .sub-text .content_sub1_tab,#sub section .sub-text .content_sub1 {
        display: unset
    }
}

#sub section .sub-text .content_sub2_box_wrap.sub8 .content_sub2_box_content {
    height: 97px;
    display: flex;
    align-items: center;
    justify-content: center
}

#sub section .sub-text .content_sub2_box_wrap.sub8 .content_sub2_box_content.b {
    flex-direction: column
}

@media screen and (max-width: 1300px) {
    #sub section .sub-text .content_sub2_box_wrap.height .content_sub2_box_content {
        height:65px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #sub section .sub-text .content_sub2_box_wrap.height .content_sub2_box_step {
        height: 100px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
}

@media screen and (max-width: 1350px) {
    .sub9-imgwrap {
        display:grid;
        grid-template-columns: 1fr 1fr
    }

    .sub9-imgwrap img:last-child {
        height: 100%
    }

    #sub section .sub-text .content_sub5_imgGrid_B.b {
        margin-left: unset
    }

    #sub section .sub-text .content_sub5_imgGrid.d {
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    #sub section .sub-text .content_sub4_nonbefore.sub5flex {
        align-items: end
    }

    #sub section .sub-text .content_sub5_imgGrid.d img {
        max-width: unset
    }

    #sub section .sub-text .content_sub5_imgGrid.d img:last-child {
        max-width: unset
    }

    .content_sub10_pc {
        column-gap: 20px
    }
}

@media screen and (max-width: 1199px) {
    #sub section .sub-text .content_sub2_box_content.height {
        height:160px
    }

    #sub section .sub-text .content_sub2_box_wrap.sub4 .content_sub4_box_text2 {
        height: 100px
    }

    #sub section .sub-text .content_sub2_box_wrap.sub4 .content_sub4_box_text.last {
        height: 155px
    }
}

@media screen and (max-width: 1024px) {
    #sub section .sub-text .content_sub4_nonbefore.sub5flex {
        width:100%;
        margin-top: 100px
    }

    #sub section .sub-text .content_sub5_imgWrap .sub5_img12,#sub section .sub-text .content_sub5_imgWrap .sub5_img13 {
        max-width: 154px
    }

    #sub section .sub-text .content_sub5_imgWrap .sub5_img14 {
        max-width: 286px
    }

    #sub section .sub-text .content_sub2_box_wrap.sub4 .content_sub4_box_text2 {
        height: 100px
    }

    #sub section .sub-text .content_sub2_box_wrap.sub4 .content_sub4_box_text.last {
        height: 155px
    }

    .content_sub10_pc {
        display: none
    }

    .content_sub10_mo {
        display: block
    }

    #sub section .content_sub10_text p {
        font-size: 18px
    }

    #sub section .content_sub10_text p:first-child {
        font-size: 22px
    }

    .content_sub10_text2 {
        font-size: 18px
    }

    #sub section .sub-text li {
        font-size: 13px
    }

    #sub section .sub-text li.hashtag {
        font-size: 12px
    }

    .title_name {
        font-size: 22px
    }

    #sub section .sub-text .content_title,#sub section .sub-text .content_sub_title_text {
        font-size: 16px
    }

    #sub section .sub-text .sub_table,#sub section .sub-text .content_sub li {
        font-size: 13px
    }

    #sub section .sub-text .content_sub1_tab {
        display: unset
    }

    #sub section .sub-text .content_sub1_tab img {
        height: unset;
        width: 100%;
        margin: 20px auto 0
    }

    #sub section .sub-text .content_sub1_qr_wrap.sub2 {
        margin-left: 20px
    }

    #sub section .sub-text .content_imgbox,#sub section .sub-text .content_sub2_box {
        font-size: 13px
    }

    #sub section .sub-text .content_sub4_textBox {
        font-size: 13px
    }

    #sub section .sub-text .content_sub1_qr_wrap.sub4 {
        margin-top: 10px
    }

    #sub section .sub-text .sub_table.sub4.title {
        font-size: 13px
    }

    #sub section .sub-text .content_sub1_qr_wrap.sub5 {
        margin-left: 20px
    }

    #sub section .sub-text .content_sub7_box_title {
        font-size: 16px
    }

    #sub section .sub-text .content_sub7_box_title p {
        font-size: 15px
    }

    #sub section .sub-text .content_sub2_box_wrap p.color {
        font-size: 13px
    }

    .sub8_img_text {
        font-size: 12px
    }

    #sub section .sub-text .sub_table.sub7.sub8 {
        font-size: 12px
    }

    #sub section .sub-text .content_sub li span.size14 {
        font-size: 13px
    }

    .content_sub10_pc {
        flex-direction: column
    }

    .content_sub10_width {
        margin-top: 40px
    }
}

@media screen and (max-width: 768px) {
    .main_arrow {
        display:none
    }

    .face-model {
        max-height: calc(100vh - 160px)
    }

    .sub9-imgwrap {
        grid-template-columns: 1fr;
        row-gap: 20px
    }

    .sub9_img_grid {
        grid-template-columns: 1fr;
        row-gap: 10px
    }

    img.mo_arrow {
        display: block!important;
        transform: rotate(90deg)
    }

    .roadmap_wrap {
        flex-direction: column;
        row-gap: 17px
    }

    table.roadmap {
        width: 100%
    }

    .sub9_arrow_wrap {
        display: none
    }

    #sub section .sub-text .content_sub2_box_wrap.sub8 .content_sub2_box_content {
        height: unset
    }

    #sub section .sub-text .content_sub2_box_wrap.height .content_sub2_box_content {
        height: unset;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #sub section .sub-text .content_sub2_box_wrap.height .content_sub2_box_step {
        height: unset;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    #sub section .sub-text .content_sub4_nonbefore.sub5flex {
        width: unset;
        margin-top: 20px
    }

    #sub section .sub-text .content_sub5_imgWrap .sub5_img12,#sub section .sub-text .content_sub5_imgWrap .sub5_img13 {
        max-width: 154px
    }

    #sub section .sub-text .content_sub5_imgWrap .sub5_img14 {
        max-width: 286px
    }

    #sub section .sub-text .content_sub4_nonbefore.sub5flex {
        flex-direction: column;
        row-gap: 20px;
        align-items: center
    }

    #sub section .sub-text .content_sub4_lastli {
        align-items: center
    }

    #sub section .sub-text .content_sub2_box_wrap.sub4 .content_sub4_box_text.last {
        height: 105px
    }

    #sub section .sub-text .content_sub2_box_wrap.sub4 .content_sub4_box_text2 {
        height: unset
    }

    #sub section .sub-text .content_sub2_box_content.height {
        height: unset
    }

    .link-sec .link-content {
        padding-bottom: unset
    }

    .link-sec .link-content .link-bg {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        max-width: 350px;
        width: 85%;
        text-align: center;
    }

    .link-sec .link-content .link-bg:hover {
        margin-top: unset
    }

    .title_name {
        font-size: 18px;
        text-underline-offset: 16px
    }

    #sub section .sub-text .content_title,#sub section .sub-text .content_sub_title_text {
        font-size: 15px
    }

    #sub section .sub-text .sub_table th,#sub section .sub-text .sub_table td {
        padding: 10px 0
    }

    #sub section .sub-text .content_sub1_qr_wrap {
        flex-direction: unset;
        column-gap: 30px;
        justify-content: center
    }

    #sub section .sub-text .content_sub1_qr.content_sub1_qr img {
        max-width: 50px
    }

    #sub section .sub-text .sub_table.sub3 {
        font-size: 10px
    }

    #sub section .sub-text .content_sub4_lastli {
        flex-direction: column;
        row-gap: 30px;
        margin-top: 20px
    }

    #sub section .sub-text .content_sub2_box.hidden {
        display: none
    }

    #sub section .sub-text .content_sub2_box_wrap.sub4.b {
        margin-top: 5px
    }

    #sub section .sub-text .content_sub1_qr_wrap.sub4 {
        flex-direction: column
    }

    #sub section .sub-text .content_sub4_imgwrap2 {
        grid-template-columns: 1fr;
        row-gap: 9px
    }

    #sub section .sub-text .content_sub1_qr_wrap.sub5 {
        flex-direction: column
    }

    .sub5_img_flex {
        display: unset
    }


    
    #sub section .sub-text .content_sub5_imgGrid.b {
        display: grid;
        grid-template-columns: 1fr;
        row-gap: 20px;
        margin-top: 20px
    }

    #sub section .sub-text .content_sub5_imgGrid.c,#sub section .sub-text .content_sub5_imgGrid.d {
        grid-template-columns: 1fr;
        row-gap: 10px
    }

    #sub section .sub-text .content_sub4_nonbefore.flex {
        display: unset
    }

    #sub section .sub-text .content_sub5_imgGrid.sub6 {
        grid-template-columns: 1fr;
        row-gap: 20px
    }

    #sub section .sub-text .content_sub5_imgGrid.sub6.b {
        grid-template-columns: 1fr
    }

    .sub6_img_grid {
        grid-template-columns: 1fr;
        row-gap: 20px
    }

    .content_sub4_imgWrap.m {
        margin-top: 20px
    }

    #sub section .sub-text .content_sub7_box_wrap {
        grid-template-columns: 1fr
    }

    #sub section .sub-text .content_sub7_box_imgwrap {
        grid-template-columns: 1fr;
        row-gap: 10px
    }

    .sub7_img06,.sub7_img07 {
        max-width: 80px
    }

    #sub section .sub-text .content_sub7_box_content.b {
        height: 435px
    }

    #sub section .sub-text .content_sub7_box_title {
        font-size: 15px
    }

    #sub section .sub-text .content_sub7_box_title p {
        font-size: 14px
    }

    #sub section .sub-text .sub_table.sub7,.sub07_img_textbox {
        font-size: 9px
    }

    #sub section .sub-text .sub_table.sub9 {
        font-size: 12px
    }

    #sub section .sub-text .content_sub2_box_wrap.margintop {
        margin-bottom: 10px
    }

    .sub8_img_wrap2 {
        flex-direction: column;
        row-gap: 10px
    }

    .sub8_img_wrap2 img {
        width: 100%!important;
        height: auto
    }

    #sub section .sub-text .content_title.between {
        margin-bottom: 10px
    }

    .sub8_img_grid {
        grid-template-columns: 1fr
    }

    .sub8_textbox {
        padding: 20px
    }

    .sub8_img_grid.b,.sub8_img_grid.d {
        grid-template-columns: 1fr;
        row-gap: 10px
    }

    .sub8_img_grid.c {
        grid-template-columns: 1fr;
        margin-top: 10px
    }

    .sub8_img_grid.d {
        margin-top: 10px
    }

    .sub8_img_text {
        font-size: 13px
    }

    #sub section .sub-text .content_sub1_qr_wrap.sub8 {
        margin-top: 40px;
        flex-direction: column
    }

    #sub section .sub-text .content_sub1_qr_text.sub8 {
        width: unset
    }

    #sub section .content_sub10_text p {
        font-size: 16px
    }

    #sub section .content_sub10_text p:first-child {
        font-size: 18px
    }

    .content_sub10_textwrap {
        padding: 10px
    }

    .content_sub10_text3 {
        font-size: 14px
    }

    .content_sub10 img {
        height: 100px
    }

    .content_sub10_text1 {
        font-size: 15px
    }

    .content_sub10_text2 {
        font-size: 16px
    }
}

@media screen and (max-width: 500px) {
    #sub section .sub-text .content_sub5_imgGrid {
        grid-template-columns:1fr;
        row-gap: 30px
    }

    .imgwrap_flex {
        grid-template-columns: 1fr;
        row-gap: 10px
    }
}

@media screen and (min-width: 1921px) {
    img.face-model {
        display:block
    }

    img.face-model-1920 {
        display: none
    }

    .face-model {
        max-height: calc(100vh - 200px)
    }

    .faceModel-sec {
        min-width: 1620px
    }
}

#sub section section.page {
    padding: 80px 8% 100px
}

.video-wrapper {
    position: relative;
    padding-top: 56.25%
}

.video-wrapper .video-player {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

#sub section .greeting_box p.text {
    margin-bottom: 24px;
    color: #444;
    font-family: SUIT,sans-serif;
    font-size: 18px;
    word-break: keep-all
}

#sub section .greeting_box p.center {
    margin-bottom: 20px;
    font-family: SUIT,sans-serif;
    font-size: 16px
}

#sub section .bar_list li {
    position: relative;
    line-height: 1.6;
    padding-left: 20px
}

#sub section .bar_list li:before {
    content: "";
    display: block;
    position: absolute;
    top: 11px;
    left: 0;
    width: 10px;
    height: 2px;
    background-color: #0d0e37
}

#sub section table {
    padding: 0;
    border: 0;
    border-spacing: 0px;
    border-collapse: collapse
}

#sub section th,#sub section td {
    padding: 0
}

.sub-main .face {
    position: relative
}

.sub-main .face-backgroundVideo {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    filter: brightness(60%)
}

.sub-main .face-backgroundVideo video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sub-main .face .faceModel-sec {
    align-items: flex-start;
    justify-content: center;
    min-width: 770px;
    background: url(../img/bg-0cbdcf91.jpg) center center / cover no-repeat;
    
}

.sub-main .face .faceModel-sec h2 {
    margin-bottom: 0
}

.sub-main .face .faceModel-sec span {
    line-height: 1.4;
    color: #79a9e3;
    font-size: 24px
}

.sub-main .face .faceModel-sec h2 span {
    display: block;
    color: #fff;
    margin-top: -10px;
    font-size: 22px;
    font-weight: 400;
    text-align: left
}

.sub-main .face .faceModel-sec img {
    max-width: 701px;
    width: 100%;
    margin-left: -13px
}

.sub-main .face_info {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 1050px
}

.sub-main .face_info .title {
    width: 100%
}

.sub-main .face_info .title .category {
    display: block;
    max-width: 530px;
    padding: 4px 10px;
    margin: 0 auto;
    color: #fff;
    background-color: #1A205E;
    font-family: SCDream;
    font-weight: 300;
    font-size: 20px;
    text-align: center
}

.sub-main .face_info .title h3 {
    margin-top: 20px;
    color: #fff;
    font-family: SCDream;
    font-size: 60px;
    font-weight: 500;
    text-align: center
}

.sub-main .face_grid {
    margin-top: 60px;
    display: flex;
    column-gap: 22px
}

.sub-main .face_item {
    position: relative;
    min-height: 240px
}

.sub-main .face_item:nth-child(1){
    background: #646ee5;
}

.sub-main .face_item:nth-child(2){
    background: #7d8cbc;
}

.sub-main .face_item.b {
    margin-top: 22px
}

.sub-main .face_item a {
    display: block;
    width: 374px;
    height: 100%
}

.sub-main .face_img {
    position: absolute;
    right: 40px;
    bottom: 30px
}

.sub-main .face_title {
    position: absolute;
    top: 50%;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 240px;
    padding: 30px 24px;
    color: #fff;
    background-color: #001f45;
    transform: translateY(-50%)
}

.sub-main .face_title .category {
    position: relative
}

.sub-main .face_title .category:after {
    content: "";
    display: block;
    position: absolute;
    top: 13px;
    right: 0;
    width: 28px;
    height: 28px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcBAMAAACAI8KnAAAAMFBMVEVHcEz///////////////////////////////////////////////////////////9EPuwCAAAAD3RSTlMAHfAwoMBgf0BQ39C4g5AWEY2eAAAAyElEQVQY02NgAALmp/t/hxswQAHb+v+qQf9/JUB4jPFfJjAwcPp/FQBzm76AaUZ/ZRDF8R+qiu0/SLvQZ5gZ9opAIj4BbuRXIP7CAAf+Exi4PiK48gsY7B0QXJbPDO8ngFlSIBM4vzPEQyW+gaz+yrAJZgxIWpsBaDjD9PLy8mqQdDyYq/8fCH6BuSDFEh0dHT3KYMVQoxicDMBGQS1iUYZYBHUGqwHEGWiORPMCmgfRvY8WOGhBBw1YSVjAwoJ9AswM5lJYpAAACnFJE+WLRYEAAAAASUVORK5CYII=) center/cover no-repeat
}

.sub-main .face_title .title {
    line-height: 1.6;
    font-family: SCDream
}

.sub-main .face_inner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 40px 20px
}

.sub-main .face_inner .number {
    text-align: center;
    top: 0;
    left: 0;
    font-family: SCDream;
    font-size: 30px;
    font-weight: 700;
    color: #fff9
}

.sub-main .face_inner .img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 60px;
    width: 100%;
    height: auto;
    display: block;
    opacity: .4
}

.sub-main .face_inner .title {
    color: #fff;
    font-family: SCDream;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: -.64px;
    word-break: keep-all;
    margin-top: 20px
}

.sub-main .face_inner .desc {
    display: block;
    margin-top: 2px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    word-break: keep-all;
    opacity: .5;
    position: absolute;
    bottom: 40px
}

.sub-main .face_inner .desc.b {
    bottom: 18px
}

.sub-main .face_inner .desc.black {
    color: #000
}

#sub section .greeting_inner {
    padding-top: 120px
}

#sub section .greeting_box {
    max-width: 980px;
    margin: 60px auto 0;
    color: #444
}

#sub section .greeting_box .title {
    margin-bottom: 20px;
    color: #0d0e37;
    font-family: SCDream;
    font-size: 22px;
    font-weight: 700
}

#sub section .greeting_box .info {
    line-height: 1.6;
    font-size: 16px;
    text-align: right
}

#sub section .greeting_box .info .name {
    color: #646ee5;
    font-family: SCDream;
    font-size: 16px;
    font-weight: 500
}

#sub section .greeting_box .info span {
    display: block
}

#sub section .greeting_box .info strong {
    margin-left: 4px;
    color: #0d0e37;
    font-family: SCDream;
    font-size: 20px;
    font-weight: 700
}

#sub section .greeting_img {
    max-width: 622px;
    margin: 0 auto 60px
}

#sub section .page_box+.page_box {
    margin-top: 80px
}

#sub section .page_box .title {
    margin-bottom: 20px;
    color: #0d0e37;
    font-size: 22px;
    font-weight: 500
}

#sub section .location_btn {
    display: flex;
    justify-content: center
}

#sub section .location_btn a {
    width: calc(50% - 36px);
    line-height: 50px;
    max-width: 366px;
    padding: 0 10px;
    margin: 0 9px;
    color: #444;
    border: 1px solid #707070;
    text-align: center
}

#sub section .location_btn a.bus:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAtBAMAAAAaZPXxAAAAJ1BMVEU8VHFHcEw7VHA8VHA8VHA6U3E7VHE6VG87U3ExUXA6U3A8VHA8VHFfNKePAAAADHRSTlPAAD++f2LtJs4QlIBJSPh/AAAA7UlEQVQ4y2MQBAHxxWfgwKoQLMQAIiTXnEECpybCJWacQQGdcImeM2cY4ODMmRMwCekzZ3YKwsHsM2c2QiWmnTkqiARizmRCJXTOLESWkDpzCCqx5swSFyTgdeYUVILnDBo4QL7EAUEUAOYzhIZOxJSQDA0FerQQU0IcGBSDUyItDZtEWhpun4MYx4xRQA4FoXuMAQXk4A92ciUqOgwhgsId7SgSOmcSIRJiwERFmcTU0ECIhGhoJBGuskEPksNQiRh0iaNQCQl0iUZYVos4cwIRhD1nWuF5UAicVaBA54wiXSUklTQREpOUwEUGABrVMf/7Nt1QAAAAAElFTkSuQmCC) center/cover no-repeat;
    vertical-align: -2px
}

#sub section .location_btn a.map {
    color: #3c5471
}

#sub section .location_btn a.map:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 15px;
    margin-right: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAtBAMAAAAaZPXxAAAAFVBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAADtBGx6AAAABnRSTlMAcaDQP0BE9Il3AAAAiUlEQVQ4y+2UvQ2AIBSEr1AHMEJvSBzAwlo20A1Ek7f/CL6H/FYuwDXw5Ti7T8DHmmfekWKNk6MbN5KsEzJKSyk8iwj9PdYUZhHh3x0YeHuaMPNIt5IPSwH0Y0a6kAsU2IpWtOKvsAt9OieUW6lzQpCrdI7oEPxVfaUzGxr8lRQ6c/Sq8j+EZxFf28mMmRFl88AAAAAASUVORK5CYII=) center/cover no-repeat;
    vertical-align: -2px
}

#sub section .info_table {
    width: 100%;
    border-top: 2px solid #0d0e37
}

#sub section .info_table th,#sub section .info_table td {
    height: 52px;
    padding: 0 10px;
    color: #444;
    border: 1px solid #d9d9d9;
    text-align: center;
    word-break: keep-all;
    vertical-align: middle;
}

#sub section .info_table th:first-child,#sub section .info_table td:first-child {
    border-left: none
}

#sub section .info_table th:last-child,#sub section .info_table td:last-child {
    border-right: none
}

#sub section .info_table th {
    background-color: #f7f7f7
}

.section_inner {
    max-width: 1240px;
    padding: 40px 30px 100px;
    margin: 0 auto
}

.section_inner.sub10 {
    padding: 80px 30px 100px
}

.section_inner_title {
    position: relative;
    max-width: 1180px;
    width: 100%;
    height: 100%;
    margin: 0 auto
}

.section_inner_title img.ico {
    height: 100px;
    width: auto
}

.section_inner_title img.ico-num {
    height: 97px;
    width: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1
}

.section_inner_title .banner-title {
    display: flex;
    align-items: center;
    height: 100%;
    column-gap: 40px
}

@media all and (max-width: 1280px) {
    #sub section section.page {
        padding:60px 30px
    }

    #sub section .page .col {
        flex-direction: column
    }

    #sub section .greeting_box {
        width: 100%
    }

    #sub section .greeting_box .title {
        font-size: 18px
    }

    #sub section .greeting_box .info span {
        font-size: 13px
    }

    #sub section .greeting_box .info strong {
        font-size: 16px
    }

    #sub section .greeting_img {
        margin-top: 30px;
        padding-left: 0
    }
}

@media all and (max-width: 768px) {
    #sub section .greeting_box p.center,#sub section .greeting_box p.text {
        font-size:12px
    }

    #sub section .greeting_box {
        margin-top: 30px
    }

    #sub section .greeting_img {
        margin-bottom: 30px
    }

    #sub section .bar_list li {
        padding-left: 15px;
        font-size: 13px
    }

    #sub section .bar_list li:before {
        top: 8px;
        width: 6px;
        height: 1px
    }

    .sub-main .face .faceModel-sec {
        min-width: 100%;
        padding: 30px 30px 30px 0
    }

    .sub-main .face .faceModel-sec span,.sub-main .face .faceModel-sec h2 span {
        font-size: 16px
    }

    .sub-main .face .faceModel-sec img {
        width: 100%;
        margin: 0
    }

    .sub-main .face_info {
        min-width: 100%;
        padding: 30px
    }

    .sub-main .face_info .title .category {
        max-width: 100%;
        width: 100%;
        line-height: 1.4;
        font-size: 14px;
        word-break: keep-all
    }

    .sub-main .face_info .title h3 {
        font-size: 30px;
        word-break: keep-all
    }

    .sub-main .face_grid {
        grid-template-columns: 1fr;
        min-height: calc(100vh - 60px);
        min-height: inherit;
        width: 100%;
        max-width: calc(100vw - 50px);
        margin-right: 0;
        flex-direction: column;
        row-gap: 10px;
        margin-top: 30px
    }

    .sub-main .face_item {
        height: 240px
    }

    .sub-main .face_item a {
        width: 100%
    }

    .sub-main .face_item:nth-child(1) {
        order: 1
    }

    .sub-main .face_item:nth-child(2) {
        order: 2
    }

    .sub-main .face_item:nth-child(3) {
        order: 3
    }

    .sub-main .face_item:nth-child(4) {
        order: 4
    }

    .sub-main .face_img {
        width: 60px;
        bottom: 20px;
        right: 20px
    }

    .sub-main .face_img img {
        width: 100%
    }

    .sub-main .face_title {
        width: 200px;
        height: 180px;
        padding: 20px
    }

    .sub-main .face_title .category {
        position: relative;
        height: 40px
    }

    .sub-main .face_title .category img {
        height: 100%
    }

    .sub-main .face_title .category:after {
        top: 8px;
        width: 20px;
        height: 20px
    }

    .sub-main .face_title .title {
        font-size: 14px
    }

    .sub-main .face_inner .title {
        line-height: 1.4;
        font-size: 20px;
        word-break: keep-all
    }

    .sub-main .face_inner .desc {
        font-size: 14px
    }

    #sub section .info_table th,#sub section .info_table td {
        height: 40px;
        font-size: 13px
    }

    #sub section .page_box+.page_box {
        margin-top: 40px
    }

    #sub section .page_box .title {
        font-size: 18px
    }

    #sub section .location_btn {
        display: flex;
        justify-content: center
    }

    #sub section .location_btn a {
        width: calc(50% - 20px);
        line-height: 40px;
        padding: 0 5px;
        margin: 0 5px;
        font-size: 13px
    }

    #sub section .location_btn a.bus:before {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 10px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAtBAMAAAAaZPXxAAAAJ1BMVEU8VHFHcEw7VHA8VHA8VHA6U3E7VHE6VG87U3ExUXA6U3A8VHA8VHFfNKePAAAADHRSTlPAAD++f2LtJs4QlIBJSPh/AAAA7UlEQVQ4y2MQBAHxxWfgwKoQLMQAIiTXnEECpybCJWacQQGdcImeM2cY4ODMmRMwCekzZ3YKwsHsM2c2QiWmnTkqiARizmRCJXTOLESWkDpzCCqx5swSFyTgdeYUVILnDBo4QL7EAUEUAOYzhIZOxJSQDA0FerQQU0IcGBSDUyItDZtEWhpun4MYx4xRQA4FoXuMAQXk4A92ciUqOgwhgsId7SgSOmcSIRJiwERFmcTU0ECIhGhoJBGuskEPksNQiRh0iaNQCQl0iUZYVos4cwIRhD1nWuF5UAicVaBA54wiXSUklTQREpOUwEUGABrVMf/7Nt1QAAAAAElFTkSuQmCC) center/cover no-repeat;
        vertical-align: -2px
    }

    #sub section .location_btn a.map:before {
        content: "";
        display: inline-block;
        width: 16px;
        height: 15px;
        margin-right: 10px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAtBAMAAAAaZPXxAAAAFVBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAADtBGx6AAAABnRSTlMAcaDQP0BE9Il3AAAAiUlEQVQ4y+2UvQ2AIBSEr1AHMEJvSBzAwlo20A1Ek7f/CL6H/FYuwDXw5Ti7T8DHmmfekWKNk6MbN5KsEzJKSyk8iwj9PdYUZhHh3x0YeHuaMPNIt5IPSwH0Y0a6kAsU2IpWtOKvsAt9OieUW6lzQpCrdI7oEPxVfaUzGxr8lRQ6c/Sq8j+EZxFf28mMmRFl88AAAAAASUVORK5CYII=) center/cover no-repeat;
        vertical-align: -2px
    }

    .section_inner {
        padding: 40px 30px 80px
    }

    #sub section .greeting_inner {
        padding-top: 60px
    }
}

@media screen and (max-width: 768px) {
    .section_inner_title .banner-title {
        column-gap:10px
    }

    .section_inner_title img.ico {
        height: 60px
    }

    .section_inner_title img.ico-num {
        height: 57px
    }

    .sub-main .face_item.b {
        margin-top: 10px;
        width: 100%
    }

    .faceModel-sec.sub:after {
        top: 24px;
        right: 20px;
        width: 40px;
        height: 40px
    }
}

.greeing_img {
    display: block;
    max-width: 622px;
    width: 100%;
    margin: 0 auto 60px
}

@media screen and (min-width: 1921px) {
    .face_info {
        left:50%;
        position: absolute;
        transform: translate(-10%)
    }
}