/* common design, sub design */
.hide-menu 
{display: none !important;}
.text-ellipsis 
{-webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-box-orient: vertical;}

.sub-area .login_status,.sub-area .register_status,.sub-area .register_links li
{font-size: 1.5rem; line-height: 2; text-align: center;}

/* 회원가입.로그인 */
#header #member nav ul
{position: relative; gap: 2rem;}
#header #member nav ul li::before
{content: ""; position: absolute; right: -1rem; width: 1px; height: 85%; background-color: #515151;}
#header #member nav ul li:nth-last-of-type(1)::before
{display: none;}
#header #member nav > ul > li > a 
{padding:0; justify-content: center; font-size:1.6rem; font-family:'Paperozi' !important; color:#515151;}
.header #member .menu-item {min-width: 0;}
.logged-in .login-btn { display: none !important; }
.logged-in .logout-btn { display: block !important; }
.logout-btn { display: none !important; }
#subVisual #subMenu ul.elementor-nav-menu li.logout-btn a 
{display: block;}

.main-title 
{color: #000; font-family: 'Paperozi'; font-weight: 900; font-size: 2.8rem;}

.sub-bg
{padding: 12rem 0;}
.sub-con
{padding: 8rem 0;}
.sub-sec 
{margin-bottom: 8rem;}
.sub-sec:nth-last-of-type(1)
{margin-bottom: 0;}
.sub-title-con 
{text-align: center;}
.sub-title
{position: relative;  display: inline-block;}
.sub-title h2
{position: relative; font-family: 'Paperozi', sans-serif; display: inline-block; font-size: 5rem; color: #111; letter-spacing: -0.16rem; font-weight: 800; z-index: 3;}
.sub-title h2::before
{content: ""; position: absolute; right: -1rem; top: -1rem; width: 1rem; height: 1rem; background-color: var(--main-color); }
.sub-title p
{font-size: 2.2rem; padding-bottom: 2rem; font-weight: 500; color: #222; text-transform: lowercase;}

/* sub visual */
.sub-visual .sub-visual-title h2 {font-family: 'Paperozi', sans-serif !important;}

/* sub-category */
.sub-category-con
{margin-bottom: 8rem;}
.category-wrap ul ,.page-category-wrap ul
{display: flex; flex-flow: row wrap; justify-content: center;}
.category-wrap ul li,.page-category-wrap ul li 
{display: inline-block; margin: -0.5px; width: calc(100% / 7); text-align: center;}
.category-wrap ul li a,.page-category-wrap ul li a 
{display: flex; align-items: center; justify-content: center; padding: 2rem 1rem; height: 100%; font-size: 1.7rem; color: #000; background-color: #FFF; border: 1px solid #ddd; transition: all 0.3s ease;}
.category-wrap ul li a:hover ,.category-wrap ul li.current_page_item a
{background-color: var(--main-color); color: #fff;}
.page-category-wrap ul li a:hover
{background-color: #1aa042; color: #fff;}

.page-category-wrap 
{display: flex; justify-content: center;}
.page-category-wrap ul
{padding: 1rem; gap: 1rem; width: 75%; background-color: #eee; border-radius: 5rem;}
.page-category-wrap ul li 
{width: calc(33.3% - 1rem);}
.page-category-wrap ul li a
{padding: 2.5rem 0; font-size: 2rem; font-weight: 700; border-radius: 5rem;}

/* sitemap */
#sitemap 
{opacity: 1; min-width: 3rem; transition: all 0.2s ease; cursor: pointer;}
#sitemap:hover 
{opacity: 0.6;}
.sitemap-wrap 
{position: relative; background-color: #00000030; backdrop-filter: blur(10px);}
svg.e-font-icon-svg 
{width: 3.5rem !important; height: 3.5rem !important; z-index: 5;}
.elementor-popup-modal .dialog-close-button
{top: 2rem; right: 2rem; margin: 0;}
#elementor-popup-modal-454 .dialog-close-button svg
{fill: #000 !important;}
.sitemap-popup .site-title h2 
{font-family: 'SchoolSafePlayground', sans-serif !important; font-weight: 700 !important;}
.sitemap-nav nav ul li a {border-bottom: 1px solid #e7e7e7; font-family: 'Paperozi', sans-serif !important; font-weight: 500 !important;}

/* header,footer */
#top {display: none; position: fixed; bottom: 6rem; right: 6rem; cursor: pointer; z-index: 20; border-radius: 1.5rem; overflow: hidden;}

#header {position: relative; background-color: transparent; transition: all 0.3s ease-in-out; background-color: #fff; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); z-index: 99;}
#header.fixed {position: fixed !important; top: 0; left: 0; width: 100%;}

#footer {box-shadow: 0 -3px 3px rgba(0 0 0 / 3%); background-color: #0d0d0d;}
.policy-wrap {padding: 3rem 0; display: flex; gap: 3rem;}
.policy-wrap li {position: relative;}
.policy-wrap li::before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: -1.5rem; height: 2rem; width: 1px; background-color: #fff;}
.policy-wrap li:nth-last-of-type(1):before {display: none;}
.policy-wrap li a {font-size: 1.8rem; font-weight: 500; font-family: 'Paperozi', sans-serif; color: #fff; transition: 0.3s ease;}
.policy-wrap li a:hover {color: var(--main-color);}
.footer-bottom-con {border-top: 1px solid #7d7d7d;}
.footer-bottom-wrap {padding: 3rem 0;display: flex; justify-content: space-between;}
.footer-bottom-wrap .footer-left .adress-wrap {display: flex; flex-flow: row wrap; gap: 2rem;}
.footer-bottom-wrap .footer-left .adress-wrap li {font-size: 1.8rem; color: #b2b2b2; font-weight: 500; font-family: 'Paperozi', sans-serif;}
.footer-bottom-wrap .footer-left .adress-wrap li.adress {width: 100%;}
.footer-bottom-wrap .footer-left .adress-wrap li.tel {position: relative;}
.footer-bottom-wrap .footer-left .adress-wrap li.tel::before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: -1rem; height: 1.7rem; width: 1px; background-color: #b2b2b2;}
.footer-bottom-wrap .footer-left .adress-wrap li.tel:nth-last-of-type(1)::before {display: none;}
.footer-bottom-wrap .footer-right {text-align: end;}
.footer-bottom-wrap .footer-right .copyright {padding-top: 3rem; font-size: 1.8rem; color: #b2b2b2; font-family: 'Paperozi', sans-serif;}