@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');


/*
 *****************************************
 * CSS Variables
 * ***************************************
 * Site : omae
 * File : custom.css
 * DATE : 2025.07.01
 *
 * SUMMARY :
 * 1) Jupiter X Reset 
 * 2) HEADER
 * 3) MAIN
 * 4) FOOTER
 * 5) SUB
 * 6) RESPONSIBILITY

 * br01 - 767
 * br02 - 1024
 * br03 - 
 * br04 - 
 * br05 - 
*/

/* ************************************************
*************** 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: "Outfit", -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;}


.jupiterx-site{display: flex;}
.jupiterx-scrolled{display:none;}

/* ************************************************
********************* HEADER ************************
************************************************* */
header{width: fit-content !important;}

/* ************************************************
********************* MAIN ************************
************************************************* */
#jupiterx-main{width: calc(100% - 280px);}

#main_slideImg > div{overflow: hidden; aspect-ratio: 1 / 1;}
#main_slideImg > div > .elementor-widget-container{display: flex; align-items: center;}
#main_slideImg > div img{width: 100%; height: 100%; object-fit: cover;}

.list-tit h3{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


/* ************************************************
********************* FOOTER ************************
************************************************* */
.jupiterx-footer{display: none !important;}


/* ************************************************
********************** SUB ************************
************************************************* */
.post-list .elementor-pagination{display: flex; justify-content: center; align-items: center; gap: 4px;}
.post-list .elementor-pagination .page-numbers{display: flex; width: 34px; height: 34px; justify-content: center; align-items: center;}
.post-list .elementor-pagination .page-numbers.current{border: 1px solid #000;}

.gallery-tab .jet-tabs__control-wrapper{gap: 40px;}

.Artworks-infoList ul li:first-child{width:140px;}

/* ************************************************
***************** RESPONSIBILITY *******************
************************************************* */
@media (max-width:1024px){
  .br02{display: none;}

  .jupiterx-site{flex-wrap: wrap;}
  header{width: 100% !important;}
  #jupiterx-main{width: 100%;}
  .jupiterx-footer{display: block !important; width: 100%;}

  .post-list .elementor-pagination .page-numbers{width: 30px; height: 30px;}

  .gallery-tab .jet-tabs__control-wrapper{gap: 30px;}
	
  .Artworks-infoList ul li:first-child{width:110px;}
}
@media (max-width:767px){
  .br01{display: none;}
  .post-list .elementor-pagination .page-numbers{width: 26px; height: 26px;}

  .gallery-tab .jet-tabs__control-wrapper{gap: 20px;}
	
	  .Artworks-infoList ul li:first-child{width:85px;}
}