::selection{color:#fff; background-color: var(--v-primary-base);}

#contents{
    padding: 60px 0;
}
@media (min-width:576px){
}
@media (min-width:768px){
    #contents{
        padding: 80px 0;
    }
}
@media (min-width:1024px){
    #contents{
        padding: 160px 0;
    }
}
@media (min-width:1200px){
}
.fixed-container{
    padding-top:40px;
}
@media (min-width:576px){
}
@media (min-width:768px){
}
@media (min-width:1024px){
}
@media (min-width:1200px){
    .fixed-container{
        padding-top:140px;
    }
}

/* Section */
.page-section{
    position: relative;
    padding:60px 0;
}
.page-section--sm{
    padding:30px 0;
}
.page-section--first{
    padding-top: 60px;
    margin-top: -60px;
}
.page-section--last{
    padding-bottom: 60px;
    margin-bottom: -60px;
}
.page-section.grey-f8::before{
    content:'';
    position:absolute;
    top:0;
    left:50%;
    z-index: -1;
    -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0);
    display: block;
    width: 100vw;
    height: 100%;
    background-color: #f8f9fb;
}
@media (min-width:576px){
}
@media (min-width:768px){
    .page-section{
        padding:80px 0;
    }
    .page-section--sm{
        padding:40px 0;
    }
    .page-section--first{
        padding-top: 80px;
        margin-top: -80px;
    }
    .page-section--last{
        padding-bottom: 80px;
        margin-bottom: -80px;
    }
}
@media (min-width:1024px){
    .page-section{
        padding:160px 0;
    }
    .page-section--sm{
        padding:50px 0;
    }
    .page-section--first{
        padding-top: 160px;
        margin-top: -160px;
    }
    .page-section--last{
        padding-bottom: 160px;
        margin-bottom: -160px;
    }
}
@media (min-width:1200px){
}

/* 사용자 v-btn */
.v-btn:not(.v-btn--fab, .v-btn--icon) {
    border-radius: 0 !important;
}

/* 사용자 v-divider */
.theme--light.v-divider{
    border-color:#e6e6e6;
}

/* sub-tab-wrap */
:root{
    --sub-tab-height: 80px;
}
.sub-tab-wrap{
    position: relative;
    z-index: 4;
    border-bottom: 1px solid #e6e6e6;
}
.sub-tab-wrap + .sub-tab-wrap{
    z-index: 2;
}
.sub-tab-wrap .tab{
    max-width: var(--container);
    margin:auto;
}
.sub-tab-wrap .tab__btn{
    font-size: 1.6rem;
    word-break: keep-all;
}
.sub-tab-wrap--contents{
    margin:-60px -12px 60px;
}
@media (min-width:576px){
}
@media (min-width:768px){
    .sub-tab-wrap--contents{
        margin:-80px -12px 80px;
    }
}
@media (min-width:1024px){
    .sub-tab-wrap{
        /* sub-tab이 비주얼 영역으로 들어갈때 */
        /* margin-top:calc(var(--sub-tab-height) * -1); */
    }
    .sub-tab-wrap .tab__btn{
        height:var(--sub-tab-height);
        font-size: 2rem;
    }
    .sub-tab-wrap .tab--hexagon.tab--inline .tab__btn{
        padding: 0 20px;
    }
    .sub-tab-wrap--contents{
        position: relative;
        margin:-160px -12px 160px;
    }
    .sub-tab-wrap--contents::before{
        content:'';
        position:absolute;
        bottom:-1px;
        left:50%;
        -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0);
        display: block;
        width: 100vw;
        height: 1px;
        background-color: #e6e6e6;
    }
    /* 제품소개일 경우 */
    .app--product .sub-tab-wrap--contents,
    .app--product .sub-tab-wrap--contents .tab--hexagon {
        max-width: calc(var(--container) + 12px*2);
    }
    .app--product .sub-tab-wrap--contents{
        margin:-160px -12px 160px;
    }
    .app--product .sub-tab-wrap--contents .tab--hexagon {
        max-width: calc(var(--container) + 12px*2);
        margin: 0 -12px;
    }
    .app--product .sub-tab-wrap--contents .tab--hexagon.tab--inline .tab__btn{
        padding:0 12px;
    }
}
@media (min-width:1200px){
    .sub-tab-wrap{
        display: flex;
        justify-content: center;
    }
    .sub-tab-wrap .tab--hexagon{
        max-width: calc(var(--container) + 34px*2);
        margin: 0 -34px;
    }
    .sub-tab-wrap .tab--hexagon.tab--inline .tab__btn{
        padding: 0 34px;
    }
    /* 제품소개일 경우 */
    .app--product .sub-tab-wrap--contents,
    .app--product .sub-tab-wrap--contents .tab--hexagon {
        max-width: calc(var(--container) + 20px*2);
    }
    .app--product .sub-tab-wrap--contents{
        margin:-160px -20px 160px;
    }
    .app--product .sub-tab-wrap--contents .tab--hexagon {
        max-width: calc(var(--container) + 20px*2);
        margin: 0 -20px;
    }
    .app--product .sub-tab-wrap--contents .tab--hexagon.tab--inline .tab__btn{
        padding:0 20px;
    }
}

/* Form */
#contents table tr td .theme--light.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state)>.v-input__control>.v-input__slot fieldset,
.formmail-input__table .theme--light.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state)>.v-input__control>.v-input__slot fieldset{
    color:rgba(0,0,0,.15);
}