@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');

@font-face {
    font-family: 'NotoSerifKR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


:root { 

 /* ----- °øÅë ----- */
 --bs-body-font-size: 17px; 
 --bs-body-font-weight: 400; 
 --bs-body-line-height: 1.5; 
 --bs-body-color: var(--bs-dark); 
 --dyami-body-bg-boxed : var(--dyami-subcolor);
 --dyami-section-bg: var(--dyami-subcolor);
 
 /* ----- Æ÷ÀÎÆ® Ä÷¯ ----- */
 --dyami-themecolor: #bc9c70; 
 --dyami-themecolor-dark: #ebcea4; 
 --dyami-themecolor-rgb: 188, 156, 112; 
 --dyami-subcolor: #eee;
 --dyami-subcolor-rgb: 238, 238, 238;


 
 /* ----- ¼­Ã¼ ½ºÅ¸ÀÏ ----- */
 --dyami-body-font:   'Pretendard Variable', 'Nanum Gothic', sans-serif !important; 

 --dyami-primary-font:     'NotoSerifKR','Nanum Myeongjo', serif  !important;
} 



 /* ----------------------------------------------------------------
 * FONT SIZE
 -----------------------------------------------------------------*/
h1, .h1 { font-size: calc(1.375rem + 1.5vw); } 
@media (min-width: 1200px) { h1, .h1 { font-size: 2.15rem; } 
 }
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.375rem + 1.2vw); 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;; } 
 }
.display-7 { font-size: calc(1.375rem + 0.4vw); font-weight: 300; line-height: 1.2; } 
@media (min-width: 1200px){
 .display-7 { font-size: 2rem !important;; } 
 }
.display-8 { font-size: calc(1.1rem); font-weight: 300; line-height: 1.4; } 
@media (min-width: 1200px){
 .display-8 { font-size: 1.4rem !important;; } 
 }
@media (max-width: 991px){
 .lead { font-size: 1rem !important;; } 
 }


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

/* ----- ¸Þ´º¹Ù ----- */
 --dyami-header-bg : var(--bg-dark);
 --dyami-header-height: 100px; 
 --dyami-header-border-color: var(--bs-dark); 
 --dyami-header-sticky-bg : var(--bs-dark);
 --dyami-header-height-shrink: 80px; 
 --dyami-header-border-color: var(--bs-light);
--dyami-primary-menu-font : var(--dyami-body-font);
 
 /* ----- ´ëºÐ·ù ----- */
 --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(--bs-light); 
 --dyami-primary-menu-submenu-font-size: 16px; 
 --dyami-primary-menu-submenu-font-weight: 400; 
 --dyami-primary-menu-submenu-color: var(--bs-dark); 
 --dyami-primary-menu-submenu-hover-color: var(--dyami-themecolor); 
 --dyami-primary-menu-submenu-hover-font-weight: 600; 
}
 
.is-expanded-menu #header.transparent-header.semi-transparent {
  --dyami-header-bg: rgba(var(--dyami-invert-contrast-rgb), 0.2);
}
@media (min-width: 1200px){
 .is-expanded-menu .menu-link { --dyami-primary-menu-padding-x: 20px; } 
}

/* ¸ð¹ÙÀÏ */
@media (max-width: 991px){
 #header { 
   --dyami-header-height: 60px;
   --dyami-header-bg : var(--bs-dark);
   --dyami-header-border-color: var(--bs-dark);
 } 
 .sub-menu-container .menu-item>.menu-link { color: var(--bs-light)}
 .sub-menu-container .menu-item:hover>.menu-link { } 
.header-misc a i{color:#fff;}
.py-5{padding:1.5rem!important}
section div.min-vh-lg-50{min-height:40vh!important;}


.fbox-content p{font-size:0.75rem;}
.main-counter .col-md-4{margin-bottom:20px!important;}
section.sub .dyami-alt-tabs3{display:block!important;}
section.sub .dyami-alt-tabs3 .nav-link{
border-right: 1px solid #dfdfdf!important;
    color: #888!important;
    border-bottom: 1px solid #dfdfdf!important;
padding: 8px 1px;
    font-size: 15px;
}
.button.button-large {
  --dyami-btn-fontsize: 1rem;
}
.mt-6{margin-top:3rem!important;}
.py-6{padding:3rem 0!important;}
section.vertical-middle .container-sm{--bs-gutter-x:4rem;}
section div.py-6 div.px-4 {padding:0 5rem!important;}
.fbox-content h4{font-size:1rem;}
.fbox-center .fbox-icon{margin-bottom:0.5rem;}
.text-medium{font-size:90%!important;} 
.block-card-9 .grid-inner h3{font-size:1.3rem;}
.grid-inner .bg-overlay-content{padding:0 20px 43px!important; justify-content:center!important;}
section.bg-dark .container .col-lg-6 h4.font-body{font-size:0.8rem;}
section.bg-dark .container .mb-5{margin-bottom:1rem!important;}
.portfolio-desc{width:50%; height:50%; padding:17px 20px}
.portfolio-desc h3{font-size:1rem; line-height:1.2}
.portfolio-desc h6{display:none;}
}


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