@charset "utf-8";

/* 공통 */

.show-default {display:block;}
.hide-default {display:none;}

/* skip */
#top_skip {
	display:block;
	background:#fff;
	position:fixed;
	left:0; top:0;
	z-index:99999999;
}
#top_skip a {
	position:relative;
	display:block;
	width:120px;
	line-height:35px;
	text-align:center;
	background:#333;
	color:#fff;
	font-size:12px;
	height:0;
	overflow:hidden;
}
#top_skip a:focus {
	height:35px;
	border:2px solid #005983;
}


.header {
    position: fixed;
    max-width: 100%;
    width: 100%;
    height: 80px;
    top: 0px;
    backdrop-filter: blur(50px);
    background: rgba(255, 255, 255, 0);
    z-index: 999;
    isolation: isolate;
    transition: background 0.4s ease;
}
@media (max-width: 760px) {
    .header {
        height: 60px;
    }
}
.header.is-active{
    background: rgba(255, 255, 255, 1);
}
.header__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1180px;
    height: 100%;
    margin: 0 auto;
}
@media (max-width: 1260px) {
    .header__inner {
        max-width: calc(100% - 40px);
    }
}
.header__logo{
    width: 127px;
    aspect-ratio: 127 / 32;
}
@media (max-width: 760px) {
    .header__logo {
        width: 100px;
    }
}
.header__gnbOpen {
    position: relative;
    width: 46px;
    height: 46px;
}


.header__lang {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
}
.menu-wrap{
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    border-bottom: 1px solid var(--line);
    background: #FFF;
    padding: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden;
}
@media (max-width: 760px) {
    .menu-wrap{
        top: 60px;
    }
}
.header.is-active .menu-wrap{
    max-height: 500px;
    opacity: 1;
    visibility: visible;
    padding: 30px 0;
}
.menu-group{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 1180px;
    margin: 0 auto;
    padding: 0 40px;
}
.menu-group a{
    font-size: 14px;
    color: var(--black);
    padding: 12px 0;
}






@media all and (max-width:1199px) {
}

/* 타블렛 가로 */
@media all and (max-width:1099px) {
}


/* 타블렛 세로 */
@media all and (max-width:1023px) {
}


/* 타블렛 가로 미만 ~ 모바일 */
@media all and (max-width:767px) {
}

/* 모바일 상세 */
@media all and (max-width:640px) {
}

/* 모바일 가로 */
@media all and (max-width:568px) {

}

@media all and (max-width:425px) {

}

@media all and (max-width:375px) {

}

@media all and (max-width:320px) {

}







/* 공통 */

/* PC이하 ~ 타블렛 가로 */
@media all and (max-width:1199px) {
	.show-1199 {display:block;}
	.hide-1199 {display:none;}
}
/* 타블렛 가로 이하 */
@media all and (max-width:1023px) {
	.show-1023 {display:block;}
	.hide-1023 {display:none;}
}
/* 타블렛 이하 ~ 모바일 */
@media all and (max-width:767px) {
	.show-767 {display:block;}
	.hide-767 {display:none;}
}
/* 모바일 가로 미만 */
@media all and (max-width:568px) {
	.show-568 {display:block;}
	.hide-568 {display:none;}
}
/* 모바일 최소 */
@media all and (max-width:425px) {
	.show-425 {display:block;}
	.hide-425 {display:none;}
}

@media all and (max-width:375px) {
	.show-375 {display:block;}
	.hide-375 {display:none;}
}

@media all and (max-width:320px) {
	.show-320 {display:block;}
	.hide-320 {display:none;}
}