@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');


@font-face {
  font-family: 'GmarketSansLight';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
  font-weight: normal;
  font-style: normal;
 }
 @font-face {
  font-family: 'GmarketSansMedium';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
 }
 @font-face {
  font-family: 'GmarketSansBold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
 }

:root { 

 /* ----- °øÅë ----- */
 --dyami-contrast-bg: var(--bs-dark);
 --bs-body-font-size: 17px; 
 --bs-body-font-weight: 400; 
 --bs-body-line-height: 1.5; 
 --bs-body-color: var(--bs-dark); 
 --bs-black: #111;
 
 /* ----- Æ÷ÀÎÆ® Ä÷¯ ----- */
 --dyami-themecolor: #6c24ff; 
 --dyami-themecolor-rgb: 108, 36	, 255; 
 --dyami-subcolor: #a54dff; 
 --dyami-subcolor-rgb: 0, 163, 102; 
 
 
 /* ----- ¼­Ã¼ ½ºÅ¸ÀÏ ----- */
 --dyami-body-font:  'Montserrat', 'GmarketSansMedium', sans-serif !important; 
 --dyami-primary-font:  'Montserrat', 'GmarketSansMedium', sans-serif !important; 

} 


 /* ----------------------------------------------------------------
 * FONT SIZE
 -----------------------------------------------------------------*/
h1, .h1 { font-size: calc(1.375rem + 1.5vw); } 
@media (min-width: 1200px) { h1, .h1 { font-size: 2.5rem; } 
 }
h2, .h2 { font-size: calc(1.325rem + 0.9vw); } 
@media (min-width: 1200px) { h2, .h2 { font-size: 2rem; } 
 }
h3, .h3 { font-size: calc(1.3rem + 0.6vw); } 
@media (min-width: 1200px) { h3, .h3 { font-size: 1.75rem; } 
 }
h4, .h4 { font-size: calc(1.275rem + 0.3vw); } 
@media (min-width: 1200px) { h4, .h4 { font-size: 1.5rem; } 
 }
h5, .h5 { font-size: 18px; } 
@media (min-width: 1200px) { h5, .h5 { font-size: 1.25rem; } 
 }
h6, .h6 { font-size: 16px; } 
@media (min-width: 1200px) { h6, .h6 { font-size: 18px; } 
 }
.display-1 { font-size: calc(1.625rem + 3.5vw); font-weight: 300; line-height: 1.2; } 
@media (min-width: 1200px){
 .display-1 { font-size: 5rem !important;; } 
 }
.display-2 { font-size: calc(1.575rem + 2.9vw); font-weight: 300; line-height: 1.2; } 
@media (min-width: 1200px){
 .display-2 { font-size: 4.5rem !important;; } 
 }
.display-3 { font-size: calc(1.525rem + 2.3vw) ; font-weight: 300; line-height: 1.2; } 
@media (min-width: 1200px){
 .display-3 { font-size: 4rem !important; } 
 }
.display-4 { font-size: calc(1.475rem + 1.7vw); font-weight: 300; line-height: 1.2; } 
@media (min-width: 1200px){
 .display-4 { font-size: 3.5rem !important;; } 
 }
.display-5 { font-size: calc(1.425rem + 1.4vw); font-weight: 300; line-height: 1.2; } 
@media (min-width: 1200px){
 .display-5 { font-size: 3rem !important;; } 
 }
.display-6 { font-size: calc(1.375rem + 0.8vw); font-weight: 300; line-height: 1.2; } 
@media (min-width: 1200px){
 .display-6 { font-size: 2.5rem !important;; } 
 }
@media (max-width: 991px){
 .lead { font-size: 1rem !important;; } 
 }


 /* ----------------------------------------------------------------
 * NAVBAR
 -----------------------------------------------------------------*/
#header { 

/* ----- ¸Þ´º¹Ù ----- */
 --dyami-header-bg : var(--bg-black);
 --dyami-header-height: 100px; 
 --dyami-header-border-color: var(--bs-dark); 
 --dyami-header-sticky-bg : var(--bs-black);
 --dyami-header-height-shrink: 80px; 
 --dyami-header-border-color: var(--bs-black);

 
 /* ----- ´ëºÐ·ù ----- */
 --dyami-primary-menu-hover-color: var(--bs-light); 
 --dyami-primary-menu-hover-bg: var(--dyami-themecolor); 
 --dyami-primary-menu-font-weight: 600; 
 --dyami-primary-menu-font-size: 18px; 
 
 /* ----- Áߺзù ----- */
 --dyami-primary-menu-submenu-bg: var(--dyami-themecolor);
 --dyami-primary-menu-submenu-font-size: 16px; 
 --dyami-primary-menu-submenu-font-weight: 400; 
 --dyami-primary-menu-submenu-color: var(--bs-light); 
 --dyami-primary-menu-submenu-hover-color: var(--bs-light); 
 --dyami-primary-menu-submenu-hover-font-weight: 500; 
}
 
@media (min-width: 1200px){
 .is-expanded-menu .menu-link { --dyami-primary-menu-padding-x: 20px; } 
 .is-expanded-menu .sub-menu-container { box-shadow: none; margin-top:0 !important; transition: none;} 
}

@media (max-width: 991px){
 #header { 
   --dyami-header-height: 60px;
   --dyami-header-bg : var(--dyami-themecolor);
   --dyami-header-border-color: var(--dyami-themecolor);
 } 
 .sub-menu-container .menu-item>.menu-link {color: var(--bs-light)}
 .sub-menu-container .menu-item:hover>.menu-link { } 
 }


 /* ----------------------------------------------------------------
 * ¼­ºêÆäÀÌÁö ŸÀÌƲ ¿µ¿ª
 -----------------------------------------------------------------*/
.page-title { 
    --dyami-page-title-padding: 6.5rem; 
    --dyami-page-title-font-size: calc(1.8rem + 1.3vw); 
    --dyami-page-title-font-weight: 500; 
    --dyami-page-title-color: #fff; 
} 
@media (min-width: 1200px){
 .page-title { --dyami-page-title-padding: 10rem; } 
 }