@charset "UTF-8";

@import url(guide.css);
@import url(table.css);

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,400;1,100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard.css');

body{font-family: 'Pretendard', sans-serif;font-size: 16px;line-height: 160%;}

#editorFrame0{height: 600px !important;}


/* ========================================= */
/* 레이어 팝업 디자인 추가 */
/* ========================================= */

.layer-popup-wrap{position: absolute;inset: 0;display: flex;flex-direction: column;align-items: center;width: 100%;height: 100%;min-height: 100vh;overflow: auto;z-index: 1000000;box-sizing: border-box;padding-top: 70px;padding-bottom: 70px;}
.layer-popup-wrap > div:not(.btn-box){max-width: 1020px;}
body:has(.layer-popup-wrap):before{content: '';background: rgba(0, 0, 0, 0.5);position: fixed;inset: 0;z-index: 10001;}
body:has(.layer-popup-wrap.hide-pop):before{display: none;}

/* 팝업 본문 (이미지 영역) */
.layer-popup-wrap > div:not(.btn-box) img { display: block; width: 100%; height: auto; }

/* 팝업 하단 버튼 박스 영역 (단순한 레이아웃) */
.layer-popup-wrap .btn-box { display: flex; justify-content: center; gap: 13px; margin-top: 25px; }
.layer-popup-wrap .btn-box .btn-layer-close { display: flex; align-items: center; gap: 10px; padding: 16px 24px; background-color: #001a54; border-radius: 99px; font-family: Pretendard; font-style: normal; font-weight: 700; font-size: 15px; line-height: 17px; letter-spacing: -.02em; color: #fff; }
.layer-popup-wrap .btn-box .btn-layer-close:after { content: ''; width: 11px; height: 11px; background: url(../img/common/btn-layer-close-ico.png) no-repeat center / 100% auto; }
.layer-popup-wrap .btn-box .btn-layer-close:last-child { background-color: #004bae; }

@media(min-height: 900px){
	.layer-popup-wrap{justify-content: center;}
}

@media(max-width: 768px){
	.layer-popup-wrap .btn-box { gap: 10px; margin-top: 15px; }
	.layer-popup-wrap .btn-box .btn-layer-close { gap: 8px; padding: 12px; font-size: 14px; }
	.layer-popup-wrap .btn-box .btn-layer-close:after { width: 9px }
}


body._share-site {
	.gnb-box > ul > li > a {padding: 0 30px;}
}