@font-face {
    font-family: 'SpoqaHanSansNeo-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*{
    margin : 0;
    padding : 0;
    box-sizing: border-box;
    font-family: Noto Sans KR;
}
a{
    color : inherit;
    text-decoration: none;
}
li{
    list-style: none;
}
/**/

.header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width : 100%;
    /* padding : 16px 29.7396vw 0 70px; */
	padding : 0 29.7396vw 0 70px;
	height : 132px;
    position : fixed;
    z-index: 1000;
	transition : .5s;
}
.header.on{
	background : #fff;
}
.header.on::after{
	content : '';
	position : absolute;
	left : 0;
	bottom : 0;
	width : 100%;
	height : 1px;
	background : #E6E6E6;
}
.header::before{
	content : '';
	position : absolute;
	left : 0;
	top : 100%;
	width : 100%;
	height : 0;
	background: #fff;
	transition : .5s;
}
.header.on::before{
	height : 180px;
}
.header.sub{
	position : absolute;
}
.main-logo{
    margin-top : 22px;
	width : 206px;
	height : 38px;
	background : url(/assets/images/common/main-logo.png)no-repeat;
	background-size : contain;
	background-position : center;
	transition : .5s;
}
.header.on .main-logo,
.header.dark .main-logo{
	background : url(/assets/images/common/main-logo-dark.png)no-repeat;
	background-size : contain;
	background-position : center;
}
.header.sub .main-logo{
	background : url(/assets/images/common/main-logo.png)no-repeat;
	background-size : contain;
	background-position : center;
}
.header.sub.on .main-logo{
	background : url(/assets/images/common/main-logo-dark.png)no-repeat;
	background-size : contain;
	background-position : center;
}
.main-logo a{
	display : block;
	width : 100%;
	height : 100%;
}
.header-nav > ul{
    display: flex;
    gap : 50px;
}
.header-nav > ul > li{
	display: flex;
    justify-content: center;
}
.header-nav > ul > li > a{
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.06em;
    color : #fff;
    transition : color .5s;
	white-space : nowrap;

	transition : .5s;
}

.header.on .header-nav > ul > li > a{
	color : #141414;
}
.header.dark .header-nav > ul > li > a{
	color : #004872;
}
.header-nav > ul > li > a:hover{
    color : #5AD7FF;
}
.header.on .header-nav > ul > li > a:hover{
	color : #004872;
}
.header-nav > ul > li > ul{
	position : absolute;
	top : 100%;
	opacity : 0;
	pointer-events : none;
	transition : .5s;
	text-align : center;
}
.header.on .header-nav > ul > li > ul{
	opacity : 1;
	pointer-events : auto;
	padding : 10px 0;
}
.header-nav > ul > li > ul a{
	display : block;
	padding : 3px 0;
	color : #004872;
	font-size : 16px;
	font-weight : 500;
	letter-spacing : -0.06em;	
}
.header-nav > ul > li > ul a:hover{
	font-weight : 700;
}
.header-right{
    display: flex;
    gap : 23px;
    position : absolute;
    right : 55px;
    /* top : 16px; */
}
.header-right .header-tel{
    display: flex;
    align-items: center;
    /* font-size: 21px; */
	font-size : 28px ;
    gap : 6px;
    /* color : #004872; */
	color : #fff;
    letter-spacing: -0.04em;
    font-family: futura-pt;

	transition : .5s;
}
.header.on .header-right .header-tel,
.header.dark .header-right .header-tel{
	color : #004872
}
.header-right .header-tel.dark{
	color : #004872
}
.header-right .header-tel .header-tel-icon{
	width : 40px;
	height : 40px;
	background : url(/assets/images/common/header-tel.png)no-repeat;
	background-size : contain;
	background-position : center;

	transition : .5s;
}
.header.dark .header-right .header-tel .header-tel-icon,
.header.on .header-right .header-tel .header-tel-icon{
	background : url(/assets/images/common/header-tel-dark.png)no-repeat;
	background-size : contain;
	background-position : center;
}
.header-right .header-btn-box{
    display: flex;
    flex-direction: column;
    width : 186px;
    height : 70px;
    gap : 8px;
}
.header-right .header-btn-box > .open{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width : 100%;
    height : 70px;
    background : #034976;
    border-radius: 200px;
    color : #fff;
    letter-spacing: -0.06em;
    font-size: 22px;
    font-family: Noto Sans KR;
}
.header-right .header-btn-box > .open > span{
    font-family : futura-pt;
}
.header-right .header-btn-box > .customer{
    display: flex;
    align-items: center;
    flex-shrink: 0;
    width : 100%;
    height : 70px;
    background : #F4F4F4;
    border-radius: 200px;
    padding-left : 32px;
    position : relative;
    color : #111111;
    font-weight: 700;
    font-size : 15px;
}
.header-right .header-btn-box > .customer > img{
    position : absolute;
    right : 11px;
}

.footer{
    background : #141414;
    color : #fff;
    padding : 42px 67px 44px;
	position : relative;
}
.footer-ul{
    display: flex;
    gap : 27px;
    font-size: 14px;
    color : #fff;
    letter-spacing: -0.02em;
    margin-bottom : 13px;
}
.footer-ul > li{
    padding-right : 27px;
    position : relative;
}
.footer-ul > li:not(:last-child)::after{
    position : absolute;
    content : '';
    background : #fff;
    width : 1px;
    height : 10px;
    right : 0;
    top : 50%;
    transform: translateY(-50%);
}
.footer-ul > li > span{
    font-weight: 700;
}
.footer-info{
    font-size: 12px;
    color : #BEBEBE;
    letter-spacing: -0.04em;
    margin-bottom : 11px;
}
.footer-copy{
    font-size: 12px;
    color : #BEBEBE;
    font-family : Montserrat, Noto Sans KR;
}
.footer-icon{
    display: flex;
    gap : 12.5px;
    position : absolute;
    right : 67px;
    top : 42px;
}
.footer-icon > li{
    display: flex;
    align-items: center;
    gap : 10px;
    font-size: 14px;
    letter-spacing: -0.04em;
    color : #D3D3D3;
    font-family: SpoqaHanSansNeo-Regular;
}