::selection{color:#fff; background-color: var(--v-primary-base);}

#contents{
    padding: 0;
}
@media (min-width:576px){
}
@media (min-width:768px){
    /* #contents{
        padding: 100px 0;
    } */
}
@media (min-width:1024px){
    /* #contents{
        padding: 160px 0;
    } */
}
@media (min-width:1200px){
}
.app--main .container{
    max-width: calc(1300px + (12px*2));
}
.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:80px 0;
}
.page-section.full-section:not(.fp-auto-height) .fp-tableCell{
    height: 100% !important;
}
.page-section--xs{
    padding:30px 0;
}
.page-section--sm{
    padding:50px 0;
}
.page-section--bg{
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;
    background-attachment: fixed;
}
/* .page-section--first{
    padding-top: 80px;
    margin-top: -80px;
}
.page-section--last{
    padding-bottom: 80px;
    margin-bottom: -80px;
}
.page-section .page-section--sm.page-section--first{
    margin-top: -80px;
    padding-top: 80px;
}
.page-section .page-section--sm.page-section--last{
    margin-bottom: -80px;
    padding-bottom: 80px;
} */

@media (max-width:1024px){
    .full-section{
        display: block !important;
        table-layout: auto !important;
        height: 100% !important;
    }
    .full-section .fp-tableCell{
        display: block;
    }
}
@media (min-width:576px){
}
@media (min-width:768px){
    .page-section--xs{
        padding:36px 0;
    }
    .page-section--sm{
        padding:60px 0;
    }
    /*
    .page-section{
        padding:100px 0;
    }
    .page-section--first{
        padding-top: 100px;
        margin-top: -100px;
    }
    .page-section--last{
        padding-bottom: 100px;
        margin-bottom: -100px;
    }
    .page-section .page-section--sm.page-section--first{
        margin-top: -100px;
        padding-top: 100px;
    }
    .page-section .page-section--sm.page-section--last{
        margin-bottom: -100px;
        padding-bottom: 100px;
    } */
}
@media (min-width:1024px){
    .page-section{
        padding:80px 0 60px;
    }
    .page-section--xs{
        padding:46px 0;
    }
    .page-section--sm{
        padding:80px 0;
    }
    /* .page-section{
        padding:160px 0;
    }
    .page-section--first{
        padding-top: 160px;
        margin-top: -160px;
    }
    .page-section--last{
        padding-bottom: 160px;
        margin-bottom: -160px;
    }
    .page-section .page-section--sm.page-section--first{
        margin-top: -160px;
        padding-top: 160px;
    }
    .page-section .page-section--sm.page-section--last{
        margin-bottom: -160px;
        padding-bottom: 160px;
    } */
}
@media (min-width:1200px){
    .page-section{
        padding:90px 0 70px;
    }
    .full-section{
        padding-bottom: 0;
    }
}

/* Width */
.mw-580px{max-width:580px!important;}
.mw-620px{max-width:620px!important;}
/* Height */
.min-h-660px{min-height: 660px!important;}

/* Vuetify 재설정 */
html, .v-application{
    letter-spacing: -.01em;
    font-family: "Montserrat","Pretendard","NotoSansKR","Nanum Gothic","Apple SD Gothic Neo",Helvetica,Arial,sans-serif;
}

/* 사용자 v-row */
.row + .row{
    margin-top: 12px;
}
.row{
    margin:-10px;
}
.row >[class*="col"]{
    padding:10px;
}
.row--x-small + .row--x-small{
    margin-top: 4px;
}
.row--x-small{
    margin:-2px;
}
.row--x-small >[class*="col"]{
    padding:2px;
}
.row--small + .row--small{
    margin-top: 6px;
}
.row--small{
    margin:-4px;
}
.row--small >[class*="col"]{
    padding:4px;
}
.row--medium + .row--medium{
    margin-top: 10px;
}
.row--medium{
    margin:-8px;
}
.row--medium >[class*="col"]{
    padding:8px;
}
@media (min-width:576px){
}
@media (min-width:768px){
    .row + .row{
        margin-top: 16px;
    }
    .row{
        margin:-14px;
    }
    .row >[class*="col"]{
        padding:14px;
    }
    .row--x-small + .row--x-small{
        margin-top: 6px;
    }
    .row--x-small{
        margin:-4px;
    }
    .row--x-small >[class*="col"]{
        padding:4px;
    }
    .row--small + .row--small{
        margin-top: 8px;
    }
    .row--small{
        margin:-6px;
    }
    .row--small >[class*="col"]{
        padding:6px;
    }
    .row--medium + .row--medium{
        margin-top: 12px;
    }
    .row--medium{
        margin:-10px;
    }
    .row--medium >[class*="col"]{
        padding:10px;
    }
}
@media (min-width:1024px){
}
@media (min-width:1200px){
}

/* 사용자 v-btn */
.v-btn:not(.v-btn--fab, .v-btn--icon, .v-btn--rounded){
    border-radius: 8px !important;
}
.v-btn--rounded{
    border-radius: 9999px !important;
    padding:0 24px !important;
}
/* v-size */
.v-btn.v-size--x-small{
    font-size: 1.4rem;
}
.v-btn:not(.v-btn--fab, .v-btn--icon).v-size--x-small{
    height: 28px;
}
.v-btn.v-size--small{
    font-size: 1.6rem;
}
.v-btn:not(.v-btn--fab, .v-btn--icon).v-size--small{
    height: 32px;
}
.v-btn.v-size--default{
    font-size: 1.6rem;
}
.v-btn:not(.v-btn--fab, .v-btn--icon).v-size--default{
    height: 36px;
}
.v-btn.v-size--large{
    font-size: 1.8rem;
}
.v-btn:not(.v-btn--fab, .v-btn--icon).v-size--large{
    height: 40px;
}
.v-btn.v-size--x-large{
    font-size: 1.8rem;
}
.v-btn:not(.v-btn--fab, .v-btn--icon).v-size--x-large{
    height: 50px;
}
@media (min-width:576px){
}
@media (min-width:768px){
    .v-btn--rounded{
        padding:0 36px !important;
    }
    .v-btn:not(.v-btn--fab, .v-btn--icon).v-size--default{
        height: 40px;
    }
    .v-btn:not(.v-btn--fab, .v-btn--icon).v-size--large{
        height: 50px;
    }
    .v-btn:not(.v-btn--fab, .v-btn--icon).v-size--x-large{
        height: 60px;
    }
}
@media (min-width:1024px){
    .v-btn.v-size--default{
        font-size: 1.8rem;
    }
    .v-btn:not(.v-btn--fab, .v-btn--icon).v-size--default{
        height: 48px;
    }
    .v-btn.v-size--large{
        font-size: 1.8rem;
    }
    .v-btn:not(.v-btn--fab, .v-btn--icon).v-size--large{
        height: 60px;
    }
    .v-btn.v-size--x-large{
        font-size: 2.4rem;
    }
    .v-btn:not(.v-btn--fab, .v-btn--icon).v-size--x-large{
        height: 70px;
    }
}
@media (min-width:1200px){
}
/* v-btn--fab, v-btn--icon */
.v-btn.v-btn--fab.v-size--small, .v-btn.v-btn--icon.v-size--small{
    width: 40px;
    height: 40px;
}
.v-btn.v-btn--fab.v-size--default, .v-btn.v-btn--icon.v-size--default{
    width: 48px;
    height: 48px;
}
.v-btn.v-btn--fab.v-size--large, .v-btn.v-btn--icon.v-size--large{
    width: 60px;
    height: 60px;
}
.v-btn.v-btn--fab.v-size--x-large, .v-btn.v-btn--icon.v-size--x-large{
    width: 70px;
    height: 70px;
}
/* v-btn style */
.v-btn.v-btn--outlined.white--text:hover{
    color: #fff !important;
    border-color: var(--v-primary-base) !important;
    background-color: var(--v-primary-base) !important;
}
/* v-btn--none-active-bg */
.v-btn.v-btn--none-active-bg:hover::before,
.theme--light.v-btn--none-active-bg.v-btn--active:before,
.theme--light.v-btn--none-active-bg.v-btn--active:hover:before,
.theme--light.v-btn--none-active-bg.v-btn:focus:before{opacity: 0 !important;}
.v-btn.v-btn--none-active-bg .v-ripple__container{display:none !important;}
/* v-btn--input */
.v-btn--input.v-btn:not(.v-btn--fab,.v-btn--icon){
    height: var(--input-height);
}
.v-btn--input-large.v-btn:not(.v-btn--fab,.v-btn--icon){
    height: var(--input-large-height);
}

/* 사용자 v-tab */
.v-tabs>.v-tabs-bar{
    width: 100%;
}
.v-tabs .v-slide-group__prev,
.v-tabs .v-slide-group__next{
    position: relative;
    z-index: 1;
    width: 30px;
    flex: 0 0 30px;
    min-width: auto;
    height: 100%;
}
.v-tabs .v-slide-group__prev{
    margin-left: -12px;
    margin-right: -18px;
    background-image: -webkit-linear-gradient(to right, #fff 50%, transparent);
    background-image: -ms-linear-gradient(to right, #fff 50%, transparent);
    background-image: linear-gradient(to right, #fff 50%, transparent);
}
.v-tabs .v-slide-group__next{
    margin-left: -18px;
    margin-right: -12px;
    background-image: -webkit-linear-gradient(to left, #fff 50%, transparent);
    background-image: -ms-linear-gradient(to left, #fff 50%, transparent);
    background-image: linear-gradient(to left, #fff 50%, transparent);
}
.v-tabs .v-slide-group__prev--disabled,
.v-tabs .v-slide-group__next--disabled{
    background-image: none;
}
.v-tabs .v-slide-group__prev .v-icon,
.v-tabs .v-slide-group__next .v-icon{display:none;}
.v-tab{
    min-width: auto;
    max-width: none;
    height: 100%;
    font-size: 1.6rem;
    text-transform: none;
    padding: 0 16px;
}
.theme--light.v-tabs .v-tab--active:before, .theme--light.v-tabs .v-tab--active:hover:before, .theme--light.v-tabs .v-tab:focus:before,
.theme--light.v-tabs .v-tab:hover:before{
    opacity: 0 !important;
}
@media (min-width:576px){
}
@media (min-width:768px){
    .v-tab{
        min-width: 90px;
        font-size: 1.8rem;
        padding: 0 22px;
    }
}
@media (min-width:1024px){
}
@media (min-width:1200px){
}

/* Table */
.v-table--simple{
    border-top:2px solid #333;
    border-radius: 0;
}
.theme--light.v-table--simple>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>td:last-child,
.theme--light.v-table--simple>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>td:not(.v-data-table__mobile-row),
.theme--light.v-table--simple>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>th:last-child,
.theme--light.v-table--simple>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>th:not(.v-data-table__mobile-row),
.theme--light.v-table--simple>.v-data-table__wrapper>table>thead>tr:last-child>th{
    border-bottom: 1px solid #ccc;
}
.v-table--simple>.v-data-table__wrapper>table>thead>tr>th,
.v-table--simple>.v-data-table__wrapper>table>thead>tr>td,
.v-table--simple>.v-data-table__wrapper>table>tbody>tr>th,
.v-table--simple>.v-data-table__wrapper>table>tbody>tr>td{
    font-size: 1.4rem;
    color: #222 !important;
}
.v-table--simple>.v-data-table__wrapper>table>thead>tr>th{
    text-align: center !important;
    background-color: #f1f1f1;
}
@media (min-width:576px){
}
@media (min-width:768px){
}
@media (min-width:1024px){
    .v-table--simple>.v-data-table__wrapper>table>thead>tr>th,
    .v-table--simple>.v-data-table__wrapper>table>thead>tr>td,
    .v-table--simple>.v-data-table__wrapper>table>tbody>tr>th,
    .v-table--simple>.v-data-table__wrapper>table>tbody>tr>td{
        height: 60px;
        font-size: 1.6rem;
        padding: 10px;
    }
}
@media (min-width:1200px){
}

/* scroll-top */
.scroll-top{
    bottom:20px !important;
    right:20px !important;
    width: 60px !important;
    height: 60px !important;
}
@media (min-width:576px){
}
@media (min-width:768px){
}
@media (min-width:1024px){
}
@media (min-width:1200px){
    .scroll-top{
        bottom:50px !important;
        right:50px !important;
        width: 80px !important;
        height: 80px !important;
    }
}

/* sub-tab-wrap */
:root{
    --sub-tab-height: 56px;
}
.sub-tab-wrap{
    position: relative;
    z-index: 4;
}
.sub-tab-wrap + .sub-tab-wrap{
    z-index: 2;
}
.sub-tab-wrap .tab{
    max-width: var(--container);
    margin:auto;
}
@media (min-width:768px){
    .sub-tab-wrap{
        min-height: var(--sub-tab-height);
        margin-top:calc(var(--sub-tab-height) * -1);
    }
    .sub-tab-wrap .tab__btn{
        height:var(--sub-tab-height);
    }
}

/* 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);
}

.theme-white{
    color:#111;
    background-color: #fff;
}
