@font-face {
    font-family: lt_novelty;
    src: url(/assets/fonts/LT-Novelty.woff);
}
@font-face {
    font-family: 'GowoonDodum';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunDodum-Regular.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

*{margin : 0;padding : 0;box-sizing: border-box;font-family: Pretendard;}
li{list-style: none;}
a{text-decoration: none;color : inherit;}
img{display: block;max-width: 100%;}

.is--pc { display: block !important; }
.is--mobile { display: none !important; }

@media (max-width: 767px) {
	.is--pc { display: none !important; }
	.is--mobile { display: block !important; }

	.header.is--pc { display: none !important; }
	.header.is--mobile { display: flex !important; }
}

/**/

/**/
.header{width : 100%;height : 100px;position : fixed;left : 0;top : 0;background : rgba(255,255,255,0);z-index: 1001;border-bottom : 1px solid transparent;transition : background .5s, border-color .5s, opacity 1.2s;padding : 0 90px;}
.header::after{position : absolute;content : '';width : 100%;height : 0;background : #fff;top : calc(100% + 1px);left : 0;opacity:0; transition : height .3s, opacity .3s;z-index : -1;}
.header.on{background : #fff;border-bottom : 1px solid rgba(0,0,0,0.2);}
.header.hide{opacity : 0;pointer-events : none;}
.header.on::after{height : 180px;opacity:1;}
.header.sub{position : absolute;}
.header-inner{display: flex;align-items: center;justify-content: space-between;width : 100%;max-width: 1704px;min-width: 1704px;height : 100%;margin : 0 auto;}
.header-right{display: flex;align-items: center;gap : 25px;flex-shrink: 0;}
.header-tel{display: flex;align-items: center;gap : 19px;font-size: 22px;color : #fff;transition: color .5s;margin-right: 20px;font-family: Poppins;}
.header.dark .header-tel{color : #212121;}
.header.on .header-tel{color : #212121;}
.header-tel-icon{width : 15px;height: 15px;background : url(/assets/images/common/header-tel-icon.png)no-repeat center / contain;transition : background .5s;}
.header.dark .header-tel-icon{background : url(/assets/images/common/header-tel-icon-dark.png)no-repeat center / contain;}
.header.on .header-tel-icon{background : url(/assets/images/common/header-tel-icon-dark.png)no-repeat center / contain}
.main-logo{width : 120px;height : 72px;background : url(/assets/images/common/main-logo.png)no-repeat center / contain;transition : background .5s;}
.header.dark .main-logo{background : url(/assets/images/common/main-logo-dark.png)no-repeat center / contain}
.header.on .main-logo{background : url(/assets/images/common/main-logo-dark.png)no-repeat center / contain;}
.header.active .main-logo{background : url(/assets/images/common/main-logo-dark.png)no-repeat center / contain;}
.main-logo > a{display: block;width : 100%;height : 100%;font-size: 0;line-height: 0;color : transparent;}
.header-nav{display: flex;justify-content: center;height : 100%;}
.header-nav > ul{display: flex;align-items: center;height : 100%;white-space : nowrap;}
.header-nav > ul > li{display : flex;justify-content : center;height : 100%;position : relative;}
.header-nav > ul > li > a{display: flex;align-items: center;height : 100%;padding : 0 40px;font-size: 17px;letter-spacing: -0.033em;color : #fff;position : relative;transition: color .5s;}
.header.dark .header-nav > ul > li > a{color : #212121}
.header.on .header-nav > ul > li > a{color : #111;}
.header.on .header-nav > ul > li:hover > a{font-weight: 500;color : #144139 !important;}
.header-nav > ul > li > a::after{position : absolute;content : '';left : 50%;top : 0;width : 1px;height : 0;background : #274271;transform: translateX(-50%);transition : height .5s, background .5s;}
.header-nav > ul > li:hover > a::after{height : 20px;}
.header-nav > ul > li > a::before{position : absolute;content : '';width : 5px;height : 5px;background : #274271;border-radius: 50%;top : 20px;left : 50%;transform: translateX(-50%) scale(0);transition : transform .5s, background .5s;}
.header-nav > ul > li:hover > a::before{transform: translateX(-50%) scale(1);}
.header-nav > ul > li > ul {position : absolute;top : 100%;padding : 20px 0 0;opacity : 0;pointer-events : none;transition : opacity .5s;}
.header.on .header-nav > ul > li > ul{opacity : 1;pointer-events : all;}
.header-nav > ul > li > ul > li > a{display : block;color : #111;font-size : 14px;text-align : center;padding : 6px 0;letter-spacing : -0.04em;}
.header-nav > ul > li > ul > li > a:hover{font-weight : 500;color : #274271;}
.header-right > .name{display: flex;align-items: center;font-size: 16px;color : #fff;letter-spacing: -0.033em;transition : color .5s;padding-right: 25px;position: relative;}
.header.dark .header-right > .name{color : #212121}
.header.on .header-right > .name{color : #212121}
.header-right > .name::after{position :absolute;content : '';width : 1px;height : 13px;background : #fff;right : 0;transition : background .5s;}
.header.dark .header-right > .name::after{background : #212121}
.header.on .header-right > .name::after{background : #212121}

/**/

.footer{display: flex;justify-content: center; background : #151515;padding : 63px 0 61px;}
.footer-inner{width : 1771px;position : relative;}
.footer-logo{ width: 120px; margin-bottom: 28px;}
.footer-info{font-size: 13px;font-weight: 300;letter-spacing: -0.025em;color : #999;line-height: 20px;margin-bottom: 25px;}
.footer-info > li{font-family: Noto Sans KR;}
.footer-info > li > span{color : #fff; font-family: Noto Sans KR;}
.footer-copy{font-size: 13px;font-weight: 300;letter-spacing: -0.025em;color : #999;line-height: 20px;font-family: Noto Sans KR;}
.footer .sigong{position : absolute;right : 0;bottom : 0;font-size: 13px;font-weight: 300;letter-spacing: -0.025em;color : #676767;line-height: 25px;}
.sigong > li{font-family: Noto Sans KR;}
.footer .sigong > li > span{color : #fff;font-family: Noto Sans KR;}








@media(max-width : 750px){
	/**/
	.header{display: flex;justify-content: space-between; position : fixed;z-index: 1000;width : 100%;padding : 10px 20px;max-width: 750px;left : 50%;transform: translateX(-50%);}
	.main-logo{width : 101px;height : 60px;background : url(/assets/images/common/main-logo.png)no-repeat center / contain;transition : background .5s;}
	.header.dark .main-logo{background : url(/assets/images/common/main-logo-dark.png)no-repeat center / contain}
	.header.active .main-logo{background : url(/assets/images/common/main-logo-dark.png)no-repeat center / contain}
	.main-logo > a{display: block;width : 100%;height : 100%; font-size: 0;color : transparent;line-height: 0;}
	/**/
	.header-right{display: flex; align-items: flex-start; gap : 10px; margin-top: 10px;}
	.header-tel{display: flex;align-items: center;justify-content: center; margin-right: 5px; width : 40px;height : 40px;border-radius: 50%;background : #fff;border : 1px solid #555}
	.header-tel > img{width : 35%;}
	.hamburger{display: flex;align-items: center;justify-content: center;width : 40px;height : 40px;border-radius: 50%;background : #111;}
	.hamburger > span{width : 15px;height : 1px;background : #fff;position : absolute;transition : transform .5s, opacity .5s;}
	.hamburger > span:nth-child(1){transform: translateY(-4px);}
	.hamburger > span:nth-child(3){transform: translateY(4px);}
	.header.active .hamburger > span:nth-child(1){transform: translateY(0) rotate(-45deg);}
	.header.active .hamburger > span:nth-child(2){opacity : 0;}
	.header.active .hamburger > span:nth-child(3){transform: translateY(0) rotate(45deg);}
	.hamburger-nav{position : fixed;z-index: 999;width : 100%;max-width: 750px;height : 100%;;transform: translateX(50%);transition : transform 1s;padding: 150px 20px;left : 50%;background : #fff;}
	.hamburger-bg{background : url(/assets/images/main/visual-bg.jpg)no-repeat center bottom / cover #fff;width : 100%;height: 100%; position : absolute;left : 0;top : 0;z-index: -1;opacity: .3;}
	.header.active + .hamburger-nav{transform: translateX(-50%);}
	.hamburger-dim{pointer-events: none;position : fixed;z-index: 998;background : rgba(0,0,0,0.5);left : 50%;top : 0;width : 100%;max-width : 750px; height : 100%; transform: translateX(-50%);opacity: 0;transition :  opacity .5s;}
	.header.active ~ .hamburger-dim{opacity: 1;}
	.hamburger-nav > ul > li:not(:last-child){border-bottom : 1px solid rgba(0,0,0,0.16);}
	.hamburger-nav > ul > li > a{display: block; font-size: 36px;letter-spacing: -0.033em;font-weight: 500;padding : 20px 0;color : #000;font-weight: 700}
	.hamburger-nav > ul > li > ul{display: none;padding : 10px 0;}
	.hamburger-nav > ul > li > ul > li{display: inline-block;position : relative}
	.hamburger-nav > ul > li > ul > li:not(:last-child){padding-right: 30px;}
	.hamburger-nav > ul > li > ul > li:not(:last-child)::after{position : absolute;content : '';width : 1px;height :15px;background : #111;right : 13px;top : 50%;transform: translateY(-50%);pointer-events: 0;}
	.hamburger-nav > ul > li > ul > li > a{display: block;padding : 5px 0;font-size: 24px;}

	.footer{display: flex;justify-content: center; background : #151515;padding : 63px 30px 61px;}
	.footer-inner{width : 100%;position : relative;}
	.footer-logo{margin-bottom: 28px;width : 15.3333vw; max-width: 115px;}
	.footer-info{font-size: 13px;font-weight: 300;letter-spacing: -0.025em;color : #676767;line-height: 20px;margin-bottom: 25px;}
	.footer-info > li{font-family: Noto Sans KR;}
	.footer-info > li > span{color : #fff; font-family: Noto Sans KR;}
	.footer-copy{font-size: 13px;font-weight: 300;letter-spacing: -0.025em;color : #676767;line-height: 1.5em;font-family: Noto Sans KR;}
	.footer .sigong{font-size: 13px;font-weight: 300;letter-spacing: -0.025em;color : #676767;line-height: 1.5em;margin-bottom: 25px;}
	.sigong > li{font-family: Noto Sans KR;}
	.footer .sigong > li > span{color : #fff;font-family: Noto Sans KR;}
}

@media(max-width : 750px){
    .main-logo{width : 80px;}
    .header-right{gap : 5px}

    .hamburger-nav{padding: 26.0000vw 2.6667vw;}
    .hamburger-nav > ul > li > a{padding : 2.6667vw 0;font-size: 4.8000vw;}
    .hamburger-nav > ul > li > ul{padding : 1.3333vw 0;}
    .hamburger-nav > ul > li > ul > li:not(:last-child){padding-right: 4.0000vw;}
    .hamburger-nav > ul > li > ul > li:not(:last-child)::after{height :2.0000vw;right : 1.7333vw;}
    .hamburger-nav > ul > li > ul > li > a{padding : 0.6667vw 0 1vw;font-size: 3.6000vw;}

    .footer{padding : 8.4000vw 4.0000vw 8.1333vw;}
    .footer-logo{margin-bottom: 3.7333vw;}
    .footer-info{font-size: 1.7333vw;line-height: 2.6667vw;margin-bottom: 3.3333vw;}
    .footer-copy{font-size: 1.7333vw;}
    .footer .sigong{font-size: 1.7333vw;margin-bottom: 3.3333vw;}
}