@font-face {
    font-family: pretendard;
    src: url(../../../assets/fonts/Pretendard-Light.woff2);
    font-weight: 300;
}
@font-face {
    font-family: pretendard;
    src: url(../../../assets/fonts/Pretendard-Medium.woff2);
    font-weight: 500;
}
@font-face {
    font-family: pretendard;
    src: url(../../../assets/fonts/Pretendard-SemiBold.woff2);
    font-weight: 600;
}
@font-face {
    font-family: pretendard;
    src: url(../../../assets/fonts/Pretendard-Bold.woff2);
    font-weight: 700;
}
@font-face {
    font-family: AntroVectra;
    src: url(../../../assets/fonts/Antro_Vectra_Bolder.woff2);
    font-weight: 700;
}

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

.pcView{display : none !important;}

.hover_ani{position:relative;/*width:500px;height:500px;*/}
.hover_ani>span.line{position:absolute;transition:width .5s,height .5s;background:#fff;z-index: 10;}
.hover_ani>span.line:nth-child(1){width:0px;height:1px;left:0;top:0;}
.hover_ani>span.line:nth-child(2){width:1px;height:0px;right:0;top:0;}
.hover_ani>span.line:nth-child(3){width:0px;height:1px;right:0;bottom:0;}
.hover_ani>span.line:nth-child(4){width:1px;height:0px;left:0;bottom:0;}
.hover_ani:hover>span.line:nth-child(1),.hover_ani:hover>span.line:nth-child(3){width:100%;height:1px;}
.hover_ani:hover>span.line:nth-child(2),.hover_ani:hover>span.line:nth-child(4){width:1px;height:100%;}

/**/
.header{display: flex;justify-content: space-between;align-items: center; position : fixed;left : 0;top : 0;width : 100%;max-width: 750px;left : 50%;transform: translateX(-50%);height : 98px;padding : 0 38px;z-index: 1000; background: #fff;border-bottom : 1px solid #ddd;}
.header.sub{background: #fff;border-bottom: 1px solid rgba(0,0,0,0.1);}
.main-logo{width : 154px;height : 24px;background: url(../images/common/main-logo.png)no-repeat center / contain;transition : background .5s;}
.header.active .main-logo{background: url(../images/common/main-logo.png)no-repeat center / contain;}
.header.sub .main-logo{background: url(../images/common/main-logo.png)no-repeat center / contain;}
.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 : 25px}
.hamburger{display: flex;justify-content: end;align-items: center; position : relative;width : 41px;height : 41px;}
.hamburger > span{width : 100%;height : 2px;background: #03003C;position : absolute;transition : top .5s, bottom .5s, transform .5s, left .5s, right .5s, width .5s, background .5s}
.header.sub .hamburger > span{background: #03003C;}
.hamburger > span:nth-child(1){top : 0;left : 0;}
.hamburger > span:nth-child(2){width : 60%;}
.hamburger > span:nth-child(3){bottom : 0; right : 0;}
.header.active .hamburger > span:nth-child(1){top : 50%;left: 50%;transform: translateX(-50%) translateY(-50%) rotate(-45deg);background: #03003C;;}
.header.active .hamburger > span:nth-child(2){width : 0;}
.header.active .hamburger > span:nth-child(3){bottom : 50%;right: 50%;transform: translateX(50%) translateY(50%) rotate(45deg);background: #03003C;}

.hamburger-nav{display : block;position : fixed;left : 0;top : 0;width : 100%;max-width : 750px;height : 100%;background : #fff;z-index : 999;padding : 100px 38px 0;transform : translateX(50%);transition : transform .7s;font-family : nanumsquare;left : 50%;}
.header.active + .hamburger-nav{transform : translateX(-50%)}
.hamburger-nav > ul{display : flex;flex-direction : column;justify-content : center;max-height : 80vh;overflow-y : scroll;}
.hamburger-nav > ul > li{margin-bottom : 1px;}
.hamburger-nav > ul > li > a{display : block;font-weight : 500;letter-spacing : -0.04em;font-size : 24px;;color : #9D9D9D;padding : 30px 0;border-bottom : 1px solid #DEDEDE;position : relative;}
.hamburger-nav > ul > li > a::after{position : absolute;content : '';width : 10px;height : 10px; border-radius : 50%;top : 10px;left : 0;transform : scale(0);transition : transform .5s;background: #03003C;}
.hamburger-nav > ul > li:hover > a::after{transform : scale(1)}
.hamburger-nav > ul > li:hover > a{color : #03003C;border-bottom: 1px solid #03003C;font-weight : 700;}
.hamburger-nav > ul > li > ul{display : none;background: #F5F5F5;}
.hamburger-nav > ul > li > ul > li{}
.hamburger-nav > ul > li > ul > li > a{display : block;font-size : 18px;padding : 15px;color : #9D9D9D;letter-spacing: -0.04em;}
.hamburger-nav > ul > li > ul > li:hover > a{color : #171717;font-weight : 700;}
.hamburger-dim{display : block;width : 100%;height : 100%;position : fixed;left : 0;top : 0;background : rgba(0,0,0,0.5);z-index : 998;opacity : 0;pointer-events : none;transition : opacity .7s;}
.header.active ~ .hamburger-dim{opacity : 1;pointer-events : all;}

/**/


/**/
.footer{padding : 80px 50px;font-family: pretendard;background: #151515;position : relative; width : 100%;max-width : 750px; margin : 0 auto;}
.footer-logo{width : 84px;margin-bottom: 39px;;}
.footer-ul{display: flex;flex-direction: column; gap : 10px;color : #fff;font-size: 18px;letter-spacing: -0.02em;margin-bottom: 25px;}
.footer-ul > li{display: flex; align-items: center; position : relative;font-weight: 600;}
/* .footer-ul > li:not(:last-child)::after{position :absolute;content: '';width : 1px;height : 10px;background: #fff;right : -12px;} */
.footer-info{font-size: 16px;margin-bottom: 22px;}
.footer-info > li{padding-left: 15px;position : relative;color : #7E7E7E;font-size: 16px;letter-spacing: -0.04em;line-height: 1.6em;}
.footer-info > li::before{position : absolute; content: '※';left : 0;;}
.footer-copy{font-family: pretendard;font-size: 16px;color : #7e7e7e;margin-bottom: 50px;}
/* .sigong{display: flex;justify-content: end;gap : 40px;white-space: nowrap;}
.sigong > li{display: flex;align-items: center;gap : 33px; color : #fff;letter-spacing: -0.02em;font-weight: 600;font-size: 13px;}
.sigong > li > span{display: flex;align-items: center; color : #414141;position : relative;}
.sigong > li > span::after{position : absolute;content: '';width : 1px;height : 10px; background: #414141;right : -14px;} */
.footer-tel{font-size: 25px;font-family: CarismaClassic;}

@media(max-width : 750px){
        /**/
    .header{height : 13.0667vw;padding : 0 5.0667vw;}
    .main-logo{width : 35.5vw;height : 6vw;}

    .header-right{gap : 3.3333vw}
    .header-tel{width : 6.6667vw;}
    .hamburger{width : 5.4667vw;height : 5.4667vw;}
    .hamburger > span{height : 0.2667vw;}

    .hamburger-nav{padding : 13.3333vw 5.0667vw 0;}
    .hamburger-nav > ul > li > a{font-size : 3.2000vw;;padding : 4.0000vw 0;}
    .hamburger-nav > ul > li > a::after{width : 1.3333vw;height : 1.3333vw;top : 1.3333vw;}
    .hamburger-nav > ul > li > ul > li > a{font-size : 2.4000vw;padding : 2.0000vw;}

    /**/
    .footer{padding : 10.6667vw 5.3333vw;}
    .footer-logo{width : 11.2000vw;margin-bottom: 5.2000vw;;}
    .footer-ul{gap : 3.7333vw;font-size: 2.4000vw;margin-bottom: 3.3333vw;}
    .footer-ul > li:not(:last-child)::after{height : 1.3333vw;right : -1.6000vw;}
    .footer-info{font-size: 2.1333vw;margin-bottom: 2.9333vw;}
    .footer-info > li{padding-left: 2.0000vw;font-size: 2.1333vw;}
    .footer-copy{font-size: 2.1333vw;margin-bottom: 13.3333vw;}
    .sigong{gap : 5.3333vw;}
    .sigong > li{gap : 4.4000vw;font-size: 1.7333vw;}
    .sigong > li > span::after{height : 1.3333vw;right : -1.8667vw;}
    .footer-tel{font-size: 3.3333vw;}

	.footer-top{right : 7.2000vw;width : 11.2000vw;height : 11.2000vw;}
	.footer-top::after{width : 15.6000vw;height : 15.6000vw;}

	.footer-btn{
		padding : 0.5333vw 1.4667vw;
		border-radius : 0.6667vw;
		font-size : 2.1333vw;
		margin-top : 6.6667vw;
	}
	.footer-link{gap : 3.7333vw;font-size: 2.4000vw;margin-top : 6.6667vw;}
    .footer-link > li:not(:last-child)::after{height : 1.3333vw;right : -1.6000vw;}
}
/* NB 기본 글꼴(2026-10-25 도현): 원본은 기본 글꼴 미지정이라 브라우저 기본 명조(Times)로 보였다 → 고딕으로 통일 */
html,body{font-family:pretendard,"Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;}
button,input,select,textarea{font-family:inherit;}

/* NB 모바일 상단 전화버튼 = 구미 로제비앙 형식(테두리 원형) · 2026-10-25 도현 */
.header-tel{width:10vw !important;height:10vw !important;max-width:44px;max-height:44px;border:1px solid #111;border-radius:50%;background:transparent url(../images/common/nb-tel-line.png) center/42% no-repeat !important;display:flex;align-items:center;justify-content:center;box-sizing:border-box;box-shadow:none !important}
.header-tel img{display:none !important}
/* 퀵버튼이 푸터 마지막 줄을 가리지 않게 */
.footer{padding-bottom:96px !important}

/* NB 안내문서 스킨 (2026-10-30) — 홈피프레스 안내문서·하단블록을 사이트 톤으로. 안내문서 HTML 은 재생성되므로 여기서 덮어쓴다 */
.guide_wrap{max-width:1100px!important;padding:100px 20px 90px!important;color:#444;font-family:inherit}
.guide_wrap h1{font-size:30px!important;font-weight:600!important;color:#111!important;letter-spacing:-.03em;line-height:1.45!important;margin:0 0 40px!important;padding-bottom:28px;border-bottom:2px solid #111}
.guide_wrap h2{font-size:21px!important;font-weight:600!important;color:#111!important;letter-spacing:-.02em;line-height:1.4;margin:60px 0 20px!important;padding-left:14px;border-left:3px solid #151515}
.guide_wrap p{font-size:16px;line-height:1.85!important;color:#555;letter-spacing:-.01em}
.guide_wrap figure img{border-radius:0!important}
.guide_wrap figcaption{font-size:13px;color:#999;text-align:center;margin-top:8px}
.guide_wrap .guide_faq{background:none!important;border-radius:0!important;margin:0!important;padding:24px 12px!important;border-bottom:1px solid #ddd}
.guide_wrap h2+.guide_faq{border-top:2px solid #111}
.guide_wrap .guide_faq p:first-child{font-size:17px!important;font-weight:600!important;color:#111!important;margin:0 0 10px!important}
.guide_wrap .guide_faq p:last-child{font-size:15.5px;color:#444}
.guide_wrap .guide_related{list-style:none!important;padding:0!important;margin:0!important;border-top:2px solid #111;line-height:1.6!important}
.guide_wrap .guide_related li{border-bottom:1px solid #ddd;margin:0!important}
.guide_wrap .guide_related a{display:block;padding:16px 40px 16px 12px;text-decoration:none!important;color:#333!important;font-size:15.5px;position:relative}
.guide_wrap .guide_related a:after{content:'';position:absolute;right:18px;top:50%;width:8px;height:8px;margin-top:-5px;border-top:1.5px solid #999;border-right:1.5px solid #999;transform:rotate(45deg)}
.guide_wrap .guide_related a:hover{color:#151515!important;background:#f7f8f7}
.guide_wrap .guide_cta{background:none!important;border-radius:0!important;padding:0!important;margin:64px 0 0!important}
.guide_wrap .guide_cta a{display:block;padding:22px;background:#151515!important;color:#fff!important;font-size:18px!important;font-weight:600!important;letter-spacing:-.01em;text-align:center;border-radius:0!important}
@media(max-width:768px){.guide_wrap{padding:70px 16px 60px!important}.guide_wrap h1{font-size:22px!important;margin-bottom:28px!important;padding-bottom:20px}.guide_wrap h2{font-size:18px!important;margin:44px 0 16px!important}.guide_wrap p{font-size:15px}.guide_wrap .guide_faq p:first-child{font-size:15.5px!important}}

.press-guide-links{background:#151515!important;border-top:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;padding:26px 20px 22px!important;margin:0!important}
.press-guide-links summary{color:rgba(255,255,255,.5)!important;font-size:12px!important;letter-spacing:.02em;display:inline-block}
.press-guide-links summary:after{content:"  +"}
.press-guide-links details[open] summary:after{content:"  −"}
.press-guide-links details[open] summary{color:rgba(255,255,255,.8)!important}
.press-guide-links ul{gap:6px 28px!important}
.press-guide-links a{color:rgba(255,255,255,.6)!important;font-size:12px!important;text-decoration:none!important;line-height:1.7}
.press-guide-links a:hover{color:#fff!important}
@media (max-width:768px){.press-guide-links,.press-guide-links details,.press-guide-links ul,.press-guide-links li{text-align:center!important}.press-guide-links ul{justify-content:center!important}}
/* NB 안내문서 표(모바일): 3칸 이하 표는 화면폭에 맞춤 · 4칸 이상은 원래대로 가로 스크롤 (2026-10-30) */
@media(max-width:768px){.guide_wrap table:not(:has(tr > :nth-child(4))){min-width:0!important;width:100%!important;display:table!important}.guide_wrap table th,.guide_wrap table td{word-break:keep-all;overflow-wrap:anywhere}}