@media (min-width:1024px){
	:root{
		--input-height: 64px !important;
	}
}

html, .v-application{
    letter-spacing: -.04em;
    font-family: "totalimpact", "NotoSansKR","Pretendard","Nanum Gothic","Apple SD Gothic Neo",Helvetica,Arial,sans-serif;
}


::selection{color: #000; background-color: #fff;}

.theme--light.v-application {
    background: #000;
    color: #fff;
}

.row{
    margin:-2.5px;
}
.row >[class*="col"]{
    padding:2.5px;
}

#contents{
    padding: 40px 0 120px;
}

.client-mt-50{
    padding-top: 50px;
}

.color-point{
    color: var(--v-primary-base);
}

.table-style__th, .table-style__td{
    color: #fff;
}

@media (min-width:576px){
}
@media (min-width:768px){
    #contents{
        padding: 40px 0 160px;
    }
}
@media (min-width:1024px){

    .row{
        margin:-10px;
    }
    .row >[class*="col"]{
        padding:10px;
    }
}
@media (min-width:1200px){
    #contents{
        padding: 80px 0 200px;
    }

	.app--sub .gnb__link{
		opacity: 0.4;
		transition: 0.25s ease-out;
	}

	.app--sub .gnb__link:hover{
		opacity: 1;
	}

	.app--sub.app--1 .gnb>.gnb__li:nth-child(1) .gnb__link{
		opacity: 1;
	}

	.app--sub.app--2 .gnb>.gnb__li:nth-child(2) .gnb__link{
		opacity: 1;
	}

	.app--sub.app--3 .gnb>.gnb__li:nth-child(3) .gnb__link{
		opacity: 1;
	}

	.app--sub.app--4 .gnb>.gnb__li:nth-child(4) .gnb__link{
		opacity: 1;
	}

	.app--sub.app--5 .gnb>.gnb__li:nth-child(5) .gnb__link{
		opacity: 1;
	}
}
.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;
    }
}

/* 사용자 v-btn */
.v-btn{
	transition: 0.15s ease-out;
}
.v-btn--input{
    height: var(--input-height) !important;
}
.v-btn--input-large{
    height: var(--input-large-height) !important;
}

.v-btn:not(.v-btn--round).v-size--default.arrow-btn{
    height: auto;
}
.v-btn:not(.v-btn--fab, .v-btn--icon).v-size--default{
	height: 42px;
	font-size: 1.4rem;
	font-weight: 400;
}
.v-btn:not(.v-btn--fab, .v-btn--icon).v-size--large{
	height: 40px;
}
.v-btn.v-size--large{
    font-size: 1.4rem;
}

.v-btn.v-size--large span{
    color: rgba(255, 255, 255, 0.5);
    font-weight: 400;
}

.v-btn:before,
.v-btn .v-ripple__container{
	display: none;
}

@media (min-width:576px){
}
@media (min-width:768px){
}
@media (min-width:1024px){
	.v-btn-wrap{
		padding: 4px 0;
	}
	.v-btn.v-size--large{
		font-size: 1.4rem;
	}
	.v-btn:not(.v-btn--fab, .v-btn--icon).v-size--default{
		height: 52px;
		font-size: 1.4rem;
	}
	.v-btn:not(.v-btn--fab, .v-btn--icon).v-size--large{
		height: 54px;
	}
	.v-application .v-btn.v-btn--outlined.grey-5--text:hover{
		color: #fff !important;
		caret-color: #fff !important;
	}
}
@media (min-width:1200px){

    .arrow-btn img{
        position: relative;
        left: 0;
        transition: 0.2s ease-out;
    }

	.project-page-wrap-next:hover img,
    .arrow-btn:hover img{
        left: 10px;
    }

	.project-page-wrap-prev:hover img,
    .arrow-btn.arrow-btn-prev:hover img{
        left: -10px;
    }
}

/* 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){
}

/* 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);
    }
}

/* input */
.theme--light.v-input, .theme--light.v-input input, .theme--light.v-input textarea{
    color: #fff;
}

.theme--light.v-text-field>.v-input__control>.v-input__slot:before,
.theme--dark.v-text-field>.v-input__control>.v-input__slot:before{
    border-color: #555;
	transition: 0.15s ease-out;
}
.v-text-field>.v-input__control>.v-input__slot:after{
	display: none;
}

.theme--light.v-text-field:not(.v-input--has-state):hover>.v-input__control>.v-input__slot:before,
.theme--dark.v-text-field:not(.v-input--has-state):hover>.v-input__control>.v-input__slot:before,
.theme--light.v-text-field.v-input--is-focused>.v-input__control>.v-input__slot:before,
.theme--dark.v-text-field.v-input--is-focused>.v-input__control>.v-input__slot:before{
    border-color: #fff;
}
/* .theme--light.v-text-field:not(.v-input--has-state):hover>.v-input__control>.v-input__slot:before {
    border-color: rgba(255,255,255,.5);
} */

.theme--light.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state)>.v-input__control>.v-input__slot fieldset{
    color: #fff;
	border-color: #555;
	transition: 0.15s ease-out;
}
.theme--light.v-text-field--outlined:hover fieldset{
	border-color: #fff !important;
}

.v-text-field *::placeholder{
    color: #fff !important;
    font-size: 1.4rem !important;
    color: rgba(255, 255, 255, .5) !important;
}

.v-text-field--outlined.v-input--is-focused fieldset{
	border-width: 1px;
}

/* .v-input__slot{
    border: 1px solid #555 !important;
}

.v-input__slot:hover{
    border: 1px solid #fff !important;
} */

.v-input__slot .v-text-field{
	border: 0;
}

.theme--light.v-select .v-select__selections{
    color: #fff;
}

.theme--light.v-list{
    color: #fff;
    background-color: #000;
    border: 1px solid rgba(255, 255, 255, 0.5)
}

.theme--light.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled){
    color: #fff;
}

.theme--light.v-icon{
    color: #fff;
}

@media (min-width:576px){
}
@media (min-width:768px){
}
@media (min-width:1024px){
    .v-text-field.v-text-field--enclosed .v-text-field__details, .v-text-field.v-text-field--enclosed:not(.v-text-field--rounded)>.v-input__control>.v-input__slot {
        padding: 0 30px;
    }

	 .v-textarea.v-text-field.v-text-field--enclosed:not(.v-text-field--rounded)>.v-input__control>.v-input__slot {
		 padding: 24px 30px;
	 }

}
@media (min-width:1200px){
}

/* 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:#fff;
}

/* header, footer icon */

.sns-icon{
    width: 30px;
    height: 30px;
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
	opacity: 1;
	transition: 0.25s ease-out;
}

.sns-icon::after{
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 16px;
    background-color: #fff;
    right: -16px;
    top: 50%;
    transform: translate(0, -50%);
}

header .sns-icon1{
    background-image: url(/res/images/common/facebook-icon.png)
}

header .sns-icon2{
    background-image: url(/res/images/common/instar-icon.png)
}

footer .sns-icon1{
    background-image: url(/res/images/common/facebook-icon-dark.png)
}

footer .sns-icon2{
    background-image: url(/res/images/common/instar-icon-dark.png)
}

footer .sns-icon::after{
    background-color: rgba(255, 255, 255, 0.5);
    right: -10px;
}

footer .sns-icon2::after{
    display: none;
}

@media (min-width:576px){
}
@media (min-width:768px){
	.sns-icon{
	    width: 48px;
	    height: 48px;
	}

	.sns-icon::after{
		height: 30px;
	}
}
@media (min-width:1024px){
}
@media (min-width:1200px){
	.sns-icon:hover{
		opacity: 0.5;
	}
}

.txt--ko{
	font-weight: 300;
	font-family: "NotoSansKR","Pretendard","Nanum Gothic","Apple SD Gothic Neo",Helvetica,Arial,sans-serif;
}
@media (min-width:576px){
}
@media (min-width:768px){
}
@media (min-width:1024px){
	.txt--ko{
        font-size: 1.7rem;
        line-height: 30.5px;
	}
	.txt--en{
        font-size: 2rem;
        line-height: 30px;
	}
}
@media (min-width:1200px){
}