@font-face {
    font-family: Antro Vectra;
    src: url(/assets/fonts/Antro_Vectra.woff2);
    font-weight: 400;
}
@font-face {
    font-family: Antro Vectra;
    src: url(/assets/fonts/Antro_Vectra_Bolder.woff2);
    font-weight: 700;
}
@font-face {
    font-family: jost;
    src: url(/assets/fonts/Jost-Medium.woff2);
    font-weight: 500;
}
/* html::-webkit-scrollbar{
	width : 0;
} */
*{margin : 0;padding: 0;box-sizing: border-box;}
li{list-style: none;}
a{text-decoration: none;color : inherit}
img{max-width: 100%;display: block;}

body.fixed{overflow : hidden;width : 100vw;height : 100vh;position : fixed;left : 0;top : 0;}

.moView{display: none !important;}

.header{display: flex;justify-content: center; position : fixed;width : 100%;top : 0;padding-top: 40px;z-index: 1000;opacity: 0;transition : opacity 1s;height : 130px}
.header.show{opacity: 1;}
.header.sub{position : fixed; z-index : 1001;background: #fff;}
.header-inner{display: flex;justify-content: space-between; width : 100%;max-width: 1600px;position : relative;align-items: start;}
.main-logo{width : 206px;height : 53px;background: url(/assets/images/common/main-logo.png)no-repeat center / contain;position :absolute;left : 50%;transform: translateX(-50%);transition : background .5s;visibility : hidden}
.header.dark .main-logo{background: url(/assets/images/common/main-logo-white.png)no-repeat center / contain;}
.header.active .main-logo{background: url(/assets/images/common/main-logo-white.png)no-repeat center / contain;visibility : visible}
.header.sub .main-logo{visibility : visible}
.main-logo > a{font-size: 0;color : transparent;line-height: 0;display: block;width : 100%;height : 100%;}

.header-right{display : flex; align-items : center;gap : 22px;}

.lang-btn{display : flex;align-items : start;justify-content :end;  gap : 23px;padding : 11px 23px 11px 9px; background: rgba(255,255,255,0.24);border-radius : 20px;font-size : 14px; font-family : jost; font-weight : 700; color : #fff;line-height : 1em;transition : padding 0.5s, background .5s; cursor : pointer}
.header.sub .lang-btn{background: #000; }
.header.dark .lang-btn{background: #000;}
.header.active .lang-btn{background: rgba(255,255,255,0.24);}

.lang-btn > img{flex-shrink : 0;}

/* .change-lang{font-size : 14px; font-family : jost; font-weight : 700; color : #fff;position : absolute;pointer-events : none;opacity :0; transition : opacity 0.5s, transform 0.5s;} */
.change-lang:hover{opacity : 0.8}

.header-tel{display: flex;align-items: center;gap : 7px;font-size: 24px;font-family: Noto Sans KR;font-weight: 500;transition :color .5s;letter-spacing : -0.04em; /* transform : translateY(20%) */transform: translateY(-10%);color : #fff;}
.header.dark .header-tel{color : #111;}
.header.sub .header-tel{color : #111;}
.header.active .header-tel{color : #fff;}
.header-tel-icon{display: flex;align-items: center;justify-content: center; background: #000;border-radius: 50%;width : 36px;height : 36px;transition : background .5s;display : none;}
.header-tel-icon > img{transition : filter .5s;}

.header.dark .header-tel-icon{background: #111;}
/* .header.dark .header-tel-icon > img{filter: invert(1);} */

.header-left{display : flex;align-items: center;gap : 10px;}

.customer{display : flex; align-items : center; justify-content : center;width : 30px;height : 30px;background: #000;border-radius : 50%; display : none}
.customer > img{filter : invert(1);width : 40%;}

.hamburger {display : flex;align-items : center;justify-content : center;width : 26px;height : 26px;}

.hamburger > span{width : 26px; height : 2px;background: #fff;position : absolute;transition : transform 1s, clip-path 1s, background .5s;}
.header.dark .hamburger > span{background: #111;}
.header.sub .hamburger > span{background: #111;}
.hamburger > span:nth-child(1){transform : translateY(-300%)}
.header.active .hamburger > span:nth-child(1){transform : translateY(0%) rotate(45deg)}
.header.active .hamburger > span:nth-child(2){transform : translateY(0%) rotate(-45deg)}
.header.active .hamburger > span:nth-child(3){transform : translateY(0%) rotate(-45deg)}
.hamburger > span:nth-child(3){transform : translateY(300%)}

.header.active{z-index : 10001;}
.hamburger-nav{display : flex;align-items : center;justify-content : center; position : fixed;width : 100%;height : 100%;z-index : 999;background: #969696;text-align : center;padding-top: 50px;pointer-events : none; opacity : 0; transition : opacity .7s;z-index : 10000;left : 0;top : 0;}
.header.active + .hamburger-nav{opacity : 1; pointer-events : all;}
.hamburger-nav > ul > li > a{display : block; font-family : jost, Noto Sans KR; transition: opacity 0.3s;color: #FFF;font-size: 32px;padding : 20px 0 10px;line-height: 1em;transition : opacity .3s; font-weight : 500;}
.hamburger-nav > ul > li:first-child > a{padding-top: 0;}
.hamburger-nav > ul > li:hover > a{opacity : 0.6;}


.header .sound_btn {
    background: url(/assets/images/common/icon_sound.png) no-repeat left center;
	background-position: 10px;
    position: absolute;
	width: 100px;
	margin-top: 16px;
	padding-left: 44px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    opacity: 0.6;
    letter-spacing: 0.025em;
}
.header .sound_btn.play {
    background-image: url(/assets/images/common/icon_sound.gif);
	background-position: 8px -3px;
}
#myAudio {
	width: 0;
	height: 0;
}


.header  .bap-bar-box{width: 150px; display : flex;flex-wrap : wrap;align-items : center;align-content : center;justify-content : center;gap : 10px;font-size : 12px;font-weight : 500;white-space : nowrap;color : #fff;transition : color .5s;cursor : pointer;}
.header.sub .bap-bar-box{color : #000}
.header.dark  .bap-bar-box{color : #000;}
.header.fill  .bap-bar-box{color : #000;}
.header.active  .bap-bar-box{color : #000;}
.header  .bap-bar-box .bap-bar{display : flex;align-items : end;justify-content : space-between;width : 20px;height : 18px;letter-spacing : -0.06em;}
.header  .bap-bar-box .bap-bar > span{width : 2px;height : 10%;background : #fff;transition : background .5s;}
.header.sub .bap-bar-box .bap-bar > span{background: #000;}
.header  .bap-bar-box.on .bap-bar > span{animation : bap-bar .7s infinite linear alternate;}
.header.dark  .bap-bar-box .bap-bar > span{background : #000;}
.header.fill  .bap-bar-box .bap-bar > span{background : #000;}
.header.active  .bap-bar-box .bap-bar > span{background : #000;}
@keyframes bap-bar{
	0%{height : 50%;}
	50%{height : 100%;}
	100%{height : 10%;}
}
.header  .bap-bar-box .bap-bar > span:nth-child(1){animation-duration : 0.4s;}
.header  .bap-bar-box .bap-bar > span:nth-child(2){animation-duration : 0.5s;}
.header  .bap-bar-box .bap-bar > span:nth-child(3){animation-duration : 0.6s;}
.header  .bap-bar-box .bap-bar > span:nth-child(4){animation-duration : 0.4s;}
.header  .bap-bar-box .bap-bar > span:nth-child(5){animation-duration : 0.7s;}
.header  .bap-bar-box .toggle{display : flex;align-items : center;justify-content : space-between;background : rgba(255,255,255,0.48);width : 70px;height : 16px;border-radius : 100px;position : relative;padding : 0 8px;}
.header  .bap-bar-box .toggle > span{display : inline-block;position : relative;z-index : 1;font-size : 11px;line-height : 0;color : #032944;font-family : jost;}
.header  .bap-bar-box .toggle > span:nth-child(1){color : #032944;}
.header  .bap-bar-box .toggle > span:nth-child(2){color : #fff}
.header  .bap-bar-box.on .toggle > span:nth-child(1){color : #fff}
.header  .bap-bar-box.on .toggle > span:nth-child(2){color : #032944;}
.header  .bap-bar-box .toggle > div{position : absolute;width : 55%;height : 100%;background : #000;border-radius : 30px;right : 0;z-index : 0;transition : .5s;}
.header  .bap-bar-box.on .toggle > div{right : 100%;transform : translateX(100%);}

.footer{padding : 0 68px 80px;background: #fff;position : relative;}
.footer-inner{display: flex;flex-direction: column;align-items: center;width : 100%;padding-top : 60px;border-top : 1px solid #402021;}
.footer-logo{margin-bottom: 26px;}
.footer-copy{font-size: 16px;font-family: nitti-grotesk;color : #402021;}

.footer-info{font-size : 13px;letter-spacing : -0.04em;color : #555;margin-top: 50px;text-align : center;width : 100%; border-top: 1px solid #eee; border-bottom : 1px solid #eee; padding : 50px 0;max-width: 1000px;}
.footer-info > li + li{margin-top: 3px;}
.footer-info > li::before{content : '※';margin-right: 5px;font-size : 12px;}

.footer-link{display : flex;flex-direction : column;justify-content : center; padding-top: 50px;font-size : 14px; font-family : jost;text-decoration : underline;text-align : center;width : 100%;}
.footer-link > li + li{margin-top: 5px;}

.footer-list{display: flex;gap : 30px;font-weight: 300;color : #000;letter-spacing: -0.025em;font-size: 15px;margin-top: 20px;}
.footer-list > li{display: flex;align-items: center;position : relative;}
.footer-list > li:not(:last-child)::after{position :absolute;content : '';width : 1px;height : 10px;background : #000;right : -15px;}

.top-btn{margin-bottom: 50px;}
.footer.main .top-btn{display : none}
@media(max-width : 1600px){
	.header-inner{padding : 0 30px;}
}
@media(max-width : 768px){
    .moView{display: block !important;}
    .pcView{display: none !important;}

	.header .bap-bar-box{width : auto;margin-right: 10px;}
	.header .sound_btn{width: 20px;height: 18px;padding-left: 0;background-position: center;
	right: 20px;
	top: 80px;}
	.header .sound_btn.play{background-position: center;}
	.header .sound_btn > span{display : none;}

    .header{padding : 15px 10px 15px 15px;height : 70px;}
	.header-inner{padding : 0}
    .main-logo{width : 127px;height : 33px;transform: translateX(-70%);}
	.header.active .main-logo {visibility: hidden;}

    .header-tel > span{display: none;}

	.customer{display : flex;}

	.hamburger-nav > ul > li > a{font-size: 20px;padding : 15px 0 10px;}

	.header-right{padding-right: 0;gap : 5px;}
	.lang-btn{gap : 5px;padding : 8px 12px 7px 7px;font-size : 11px;}
	.lang-btn > img{width : 14px;}

	.header-tel{    transform: translateY(0%);}
	.header-tel-icon{display : flex;width : 30px;height : 30px;}

	.header{background: #fff;}
	.header .hamburger > span {background: #111;}
	.header .main-logo {visibility: visible;}
	.header.dark .main-logo{background: url(/assets/images/common/main-logo.png) no-repeat center / contain;}
	.header .lang-btn {background: #000;}

    .footer{padding : 0 20px;}
    .footer-inner{padding : 50px 0;}
    .footer-logo{width : 120px;}
    .footer-copy{font-size: 12px;}

	.footer-info{text-align : left; font-size : 11px; padding : 30px 0;}
	
	.footer-link{font-size : 12px; padding-top: 30px;}

	.footer-list{display: flex;flex-direction : column; gap : 3px 16px;font-size: 11px;margin-top: 20px; align-items : center; text-align : center;}
	.footer-list > li:not(:last-child)::after{right : -8px;height : 6px;display : none;}
}