@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url(https://db.onlinewebfonts.com/c/64c2e8d1ee862c5c12f9c8d54f7c2ba2?family=Gotcha+Standup);



/* ************************************************
*************** Jupiter X Reset *******************
************************************************* */
/* Reset */
.jupiterx-main-content > .container > .row{margin-right:0 !important; margin-left:0 !important;}
.jupiterx-main-content{padding:0 !important;}
.container,.jupiterx-main-content > .container > .row > [class*=col-]{padding-left:0 !important; padding-right:0 !important;}
.jupiterx-post-header{display:none !important;}
p{margin-bottom:0 !important;}
a {text-decoration: none !important;}
a:hover{text-decoration: none !important;}
svg{margin: 0 !important;}
.elementor-icon-list-text{padding-inline-start: 0px !important;}
.font, .font div,.font a,.font p,.font span,.font h1, .font h2,.font h3,.font h4,.font h5,.font h6,.font input, .font textarea,.font button, .font label{font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important; word-break: keep-all;}
.font02, .font02 div,.font02 a,.font02 p,.font02 span,.font02 h1, .font02 h2,.font02 h3,.font02 h4,.font02 h5,.font02 h6,.font02 input, .font02 textarea,.font02 button, .font02 label{font-family: "Gotcha Standup", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important; word-break: keep-all;}

header.jupiterx-header {
  position: fixed !important;
  top: 0 !important;
  transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
  background-color: transparent !important;
}

header.jupiterx-header.scrolled .my-header {
  background-color: #fff !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
}

.my-header .my-logo {
  transition: color 0.3s ease;
}
.jupiterx-header .my-header .nav_menu .sub-menu{margin-left: 0 !important; min-width: 100px !important; left: 50% !important; transform: translateX(-50%);}
.home .jupiterx-header.on .nav_menu nav > ul > li > a{color: #222 !important;}
.home .jupiterx-header.on .menu-icon svg{fill: #222 !important;}

/************ menu popup *************/
.menu_pop li.current_page_parent > a{color: #222 !important;}
.menu_pop li.current_page_parent > a .sub-arrow svg path{fill: #222;}
.menu_pop a.highlighted{border-bottom: 1px solid #ddd !important;}
.menu_pop a .sub-arrow{position: absolute; right: 20px;}
.menu_pop a .sub-arrow svg path{fill: #000;}
.menu_pop .current-menu-item a .sub-arrow svg path{fill: #222;}
.menu_pop nav > ul > li:last-child{border-bottom: 1px solid #ddd !important;}
.menu_pop ul.sub-menu{padding: 15px 0 15px 30px !important;}
.menu_pop ul.sub-menu li{border: none !important;}
.menu_pop ul.sub-menu li + li{margin-top: 8px !important;}
.menu_pop ul.sub-menu li a{padding: 0 !important; border: none !important;}
.menu_pop_close .elementor-icon-wrapper{display: flex; justify-content: flex-end;}


@media screen and (max-width:1024px){
	.br01{display:none !important;}
}