/*Sub Common [S]*/
.sub-contents {
    padding:60px 0px 100px;
}
.section p {
    line-height:1.6;
}
.section img {
    display:block;
}
@media (min-width:1024px) {
    .sub-contents {
        padding:120px 0px 180px;
    }
}
/*Sub Common [E]*/

/*Board Common [S]*/
/* .board-category--wrap {
    display:none;
} */
/*Board Common [E]*/

/*About [S]*/
.about-intro--txt {
    position: relative;
    width:100%;
    padding:60px 0px 80px;
    display: flex;
    justify-content:center;
}
.about-intro--txt::before {
    content:"";
    display:block;
    position:absolute;
    width:100vw;
    height:100%;
    top:0;
    left:50%;
    transform: translateX(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('/res/images/sub/about/about-intro--bg.png');
}

.about-intro--txt p {
    color:#fff;
}

.section--summary p{
    color:#818181;
}

.network-list--wrap .network-list--thumb {
    border:1px solid #e7e7e7;
}

@media (min-width:1024px) {
    .about-intro--txt {
        justify-content:flex-end;
        padding:120px 0px 180px;
    }
}
/*About [E]*/

/*Location [S]*/
.section--location .location-maps {
    width:100%;
    height:380px;
    position: relative;
    overflow:hidden;
    border:1px solid #e7e7e7;
}

.section--location .location-info {
    border-top:2px solid #0da5ed;
}

.section--location .info-box {
    padding:15px 10px;
    border-bottom:1px solid #dedede;
}

.section--location .info-tit  {
    color:var(--v-primary-base);
    display:flex;
    align-items: center;
}

.section--location .info-icon {
    display:block;
    width:15px;
    height:15px;
    background-size:auto 15px;
    background-repeat:no-repeat;
    background-position: center;
    margin-right:5px;
}
.section--location .address-icon {background-image: url('/res/images/sub/about/pin.svg');}
.section--location .tel-icon {background-image: url('/res/images/sub/about/phone-call.svg');}

@media (min-width:1024px) {

    .section--location .location-maps {
        height:550px;
    }

    .section--location .info-box {
        padding:20px 30px;
    }

    /* .section--location .location-info li {
        padding:15px 20px;
    } */

}

/*Location [E]*/

/*Policy [S]*/
.section--policy .tab--policy {
    position: relative;
}
.section--policy .tab--policy::before {
    content:"";
    display: block;
    position: absolute;
    width:100vw;
    height:1px;
    background-color:#e7e7e7;
    top:0;
    left:50%;
    transform: translateX(-50%);
}
.section--policy .tab--policy::after {
    content:"";
    display: block;
    position: absolute;
    width:100vw;
    height:1px;
    background-color:#e7e7e7;
    bottom:0;
    left:50%;
    -ms-transform: translateX(-50%);
    -webkit-ransform: translateX(-50%);
    transform: translateX(-50%);
}

.section--policy .tab--policy .tab__li.on .tab__btn{
    background-color:#0da5ed;
    color:#fff;
}

.section--policy .tab--policy .tab__btn {
    min-height:44px;
}

.section--policy .tab-contents > li.on {
    display: block;
    height:auto;
    position:relative;
    animation: contents-on ease-in-out .5s forwards;
}

.section--policy .policy--inner .policy-inner--intro {
    position:relative;
}

.section--policy .policy--inner .thumb--img {
    position: relative;
    width:100vw;
    height:320px;
    left:50%;
    -ms-transform: translateX(-50%);
    -webkit-ransform: translateX(-50%);
    transform: translateX(-50%);
    padding-top:0;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
}

.section--policy .policy--inner .thumb--txt {
    position: relative;
    width:100%;
    right:0;
    bottom:0;
    background-color: #fff;
    box-shadow:0;
    padding:30px 0px;
}

.section--policy .policy--benefits .list {
    display: flex;
    flex-wrap: wrap;
    margin:-5px;
}

.section--policy .policy--benefits .list li {
    flex: 1 1 100%;
    max-width:100%;
    padding:5px;
}

.section--policy .policy--benefits .list .list__box {
    border-top:1px solid #e7e7e7;
    border-bottom:1px solid #e7e7e7;
    border-right:1px solid #e7e7e7;
    padding:12px 20px;
    position: relative;
}

.section--policy .policy--benefits .list .list__box::before {
    content:"";
    display: block;
    position: absolute;
    width:2px;
    height: 100%;
    background-color: #0da5ed;
    left:0;
    top:0;
}

.section--policy .ment-wrap {
    background-image: url('/res/images/sub/policy/policy1-ment-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding:5px;
}

.section--policy .ment-wrap--txt {
    border:1px solid rgba(255,255,255,.5);
    padding:30px 20px;
    color:#fff;
    width:100%;
    min-height:260px;
    max-height:280px;
    display:flex;
    align-items: center;
    justify-content: center;
}

.section--policy .type-table-wrap table {
    border-top:2px solid var(--v-primary-base);
}

.section--policy .type-table-wrap table.type-mo {
    display:table;
}
.section--policy .type-table-wrap table.type-pc {
    display: none;
}

.section--policy .type-table-wrap tr {
    border-bottom:1px solid #dedede;
}

.section--policy .type-table-wrap th {
    color:var(--v-primary-base);
}

.section--policy .benefits-icon-wrap > p {
    font-weight:500;
    color:#101010;
    display: flex;
    align-items:center;
}

.section--policy .benefits-icon-wrap i {
    background-size:auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    margin-right:5px;
}

.section--policy .benefits-icon-wrap i.dollar-icon {
    background-image: url('/res/images/common/dollar.png');
    width:21px;
    height:22px;
}

.section--policy .benefits-icon-wrap i.boat-icon {
    background-image: url('/res/images/common/boat.png');
    width:26px;
    height:22px;
}

.section--policy .benefits-icon-wrap i.human-icon {
    background-image: url('/res/images/common/human.png');
    width:20px;
    height:22px;
}

.section--policy .benefits-icon-wrap i.chat-icon {
    background-image: url('/res/images/common/chat.png');
    width:24px;
    height:22px;
}

.section--policy .benefits-icon-wrap i.add-icon {
    background-image: url('/res/images/common/add.png');
    width:22px;
    height:22px;
}

.section--policy .benefits-icon-wrap i.flask-icon {
    background-image: url('/res/images/common/flask.png');
    width:23px;
    height:22px;
}

@media (min-width:768px) {

    .section--policy .policy--inner .thumb--txt {
        position: absolute;
        width:100%;
        right:0;
        bottom:-40px;
        background-color: #fff;
        box-shadow:0px 5px 16px rgba(0,0,0,.1);
        padding:40px;
    }

    .section--policy .type-table-wrap table.type-mo {
        display: none;
    }
    .section--policy .type-table-wrap table.type-pc {
        display:table;
    }

}

@media (min-width:1024px) {

    .section--policy .tab--policy .tab__btn {
        min-height:60px;
    }

    .section--policy .policy--inner .thumb--img {
        padding-top: calc(760/1920*100%);
        height:0;
    }

    .section--policy .policy--inner .thumb--txt {
        max-width:540px;
        width:100%;
        padding:80px;
    }

    .section--policy .policy--benefits .list {
        margin:-10px;
    }

    .section--policy .policy--benefits .list li {
        flex: 1 1 50%;
        max-width:50%;
        padding:10px;
    }

    .section--policy .policy--benefits .list .list__box {
        padding:20px 40px;
    }

    .section--policy .ment-wrap--txt {
        padding:50px 20px;
    }

}

/*Policy [E]*/