@import url('https://use.typekit.net/znd2dme.css');
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('/m/assets/fonts/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'CarismaClassic-300Light';
    src: url('/m/assets/fonts/CarismaClassic-300Light.woff') format('woff');
    font-style: normal;
}
@font-face {
    font-family: 'CarismaClassic-600DemiBold';
    src: url('/m/assets/fonts/CarismaClassic-600DemiBold.woff') format('woff');
    font-style: normal;
}
*{
    margin : 0;
    padding : 0;
    box-sizing: border-box;
    font-family: Noto Sans KR;
}
a{
    text-decoration: none;
    color : inherit;
}
li{
    list-style: none;
}
html{
    margin : 0 auto;
}
#wrap{
    max-width: 750px;
    margin : 0 auto;
    position : relative;
}
.header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width : 750px;
    margin : 0 auto;
    width : 100%;
    position : fixed;
    z-index: 996;
    /* left : 0; */
    top : 0; 
    height : 82px;
    padding : 0 5vw;
    background : #fff;
	transition : background 1s;
}
.header.sub{
    position : absolute;
    background : #fff;
}
.header.on{
	background : #0d1020;
}
.main-logo{
    width : 27.6667vw;
    height : 6.5vw;
    max-width : 166px;
    max-height : 39px;
    background : url(/m/assets/images/common/main-logo.png)no-repeat;
    background-size : contain;
    font-size: 0px;
}
.header.on .main-logo{
    background : url(/m/assets/images/common/main-logo-white.png)no-repeat;
    background-size: contain;
}
.main-logo > a{
    display: block;
    width : 100%;
    height : 100%;
}
.header-right{
    display: flex;
    align-items: center;
    gap : 10px;
}
.header-right > a{
    width : 8.1667vw;
    height : 8.1667vw;
    max-width : 49px;
    max-height : 49px;
}
.header-right > a.header-tel{
    background : url(/m/assets/images/common/header-tel-long.png)no-repeat;
    background-size: contain;
	width : 31.6667vw;
	max-width : 190px;
	max-height : 49px;
}
.header.on .header-right > a.header-tel{
    background : url(/m/assets/images/common/header-tel-long-white.png)no-repeat;
    background-size: contain;
}
.header-right > a.hamburger{
    background : url(/m/assets/images/common/hamburger.png)no-repeat;
    background-size: contain;
}
.header.on .header-right > a.hamburger{
    background : url(/m/assets/images/common/hamburger-white.png)no-repeat;
    background-size: contain;
}
.hamburger-nav{
    display: flex;
    align-items: center;
    justify-content: center;
    width : 100%;
    height : 100vh;
	padding-top : 82px;
    position : fixed;
    z-index: 995;
    background : #0d1020;
    color : #fff;

    transform: translateX(100%);
    transition : 1s;
}
.hamburger-nav.on{
    transform: translateX(0);
}
.hamburger-nav > ul{
    display: flex;
    align-items: center;
    flex-direction: column;
    gap : 7vw;
	height : 80vh;
	width : 100%;
	overflow-y : scroll;
}
.hamburger-nav > ul > li > a{
    display: flex;
    flex-direction: column;
    gap : 2.1667vw;
    justify-content: center;
    align-items: center;
    font-size: 6.6667vw;
    letter-spacing: -0.03em;
}
.hamburger-nav > ul > li > a > span{
    font-size: 3.3333vw;
    font-family: CarismaClassic-300Light;
    letter-spacing: -0.015em;
    opacity: .25;
}
.hamburger-nav > ul > li > ul{
	display : flex;
	justify-content : center;
	flex-wrap : wrap;
	/* font-size : 12px; */
	font-size : 16px;
	padding : 10px 0;
	color : #ddd;
	text-align : center;

	display : none;
}
.hamburger-nav > ul > li > ul > li > a{
	display : block;
	padding : 5px 10px;
}
.hamburger-nav > ul > li > ul > li:not(:last-child){
	border-right : 1px solid #ddd;
}
.footer{
    background : #0d1020;
    color : #fff;
    padding : 12.1667vw 5.3333vw;
    font-size: 2.1667vw;
    line-height : 3.3333vw;
    letter-spacing: -0.045em;
    white-space : nowrap;
}
.footer-logo{
    margin-bottom : 5.8333vw;
}
.footer-logo > img{
    display: block;
    width : 39vw;
}
.footer-p-01{
    margin-bottom : 4.1667vw;
}
.footer-list{
    margin-bottom : 2.5vw;
    color : #676767;
}
.footer-info{
    margin-bottom : 4.1667vw;
    color : #676767;
}
.footer-copy{
    color : #676767;
    margin-bottom : 1.1667vw;
}
.footer-img{
    /* width : 34.5vw; */
	width : 100%;
}