:root {
--dyami-content-padding: 0;
}
.section-block {padding: 6rem 0}
@media (max-width: 991px) { .section-block { padding: 4rem 1rem} }
/* ----------------------------------------------------------------
* 컬러
--bs-body-color: var(--bs-black);
-----------------------------------------------------------------*/
:root {
--dyami-themecolor: #9e826f;
--dyami-themecolor-rgb: 158, 130, 111;
--dyami-subcolor: #00a366;
--dyami-subcolor-rgb: 0, 163, 102;
--dyami-link-color: var(--bs-light);
--dyami-link-hover-color: var(--dyami-themecolor);
--dyami-form-search-border: 1px solid var(--bs-border-color);
--dyami-section-bg:var(--bs-white);
}
.dark {
--dyami-contrast-bg: var(--bs-black);
--dyami-contrast-100: #111;
--dyami-contrast-200: #222;
--dyami-contrast-300: #333;
--dyami-contrast-400: #444;
--dyami-contrast-500: #555;
--dyami-contrast-600: #666;
--dyami-contrast-700: #777;
--dyami-contrast-800: #888;
--dyami-contrast-900: #999;
--dyami-contrast-1000: #f8f9fa;
--bs-dark: #1d1d1d;
--bs-dark-rgb: 27, 27, 27;
--bs-black: #111;
--bs-black-rgb: 17, 17, 17;
--bs-border-color: var(--dyami-contrast-300);
color: var(--dyami-contrast-1000);
}
.card { --bs-card-color: var(--dyami-contrast-1000)}
.fbox-plain.fbox-dark .fbox-icon i { color: var(--dyami-contrast-1000)}
.fbox-content p { color: var(--dyami-contrast-900)}
.accordion {--bs-accordion-bg: var(--dyami-body-bg); --bs-accordion-btn-color: var(--bs-light); --bs-accordion-color: var(--bs-light)}
.accordion-header { color: var(--dyami-contrast-1000); font-size: 1.25rem; font-weight: 400; }
.table input, .table select, .table textarea {
--dyami-form-bg: var(--dyami-contrast-100);
--dyami-form-border-color: var(--dyami-contrast-100);
--dyami-form-color: var(--bs-light);
--dyami-form-focus-bg: var(--dyami-contrast-100);
--dyami-form-focus-border-color: var(--dyami-themecolor);
color: var(--bs-dark)
}
.table-paging-2>b { color: var(--bs-light)}
.table-paging-2>a { color: var(--dyami-contrast-888)}
.table-paging-2>a:hover { color: var(--dyami-themecolor)}
.search-wrap { background-color: transparent}
#search_table tr { background-color: var(--dyami-contrast-200); border: 1px solid transparent; border-radius: 30px; padding-left: 15px; padding-right: 5px; }
#search_table input,
#search_table select { background-color: transparent; color: var(--bs-light)}
#search_table select option { background-color: var(--dyami-contrast-200); color: var(--bs-light); border-color: var(--dyami-contrast-200)}
#search_table input:focus,
#search_table select:focus { background-color: transparent; }
/* ----------------------------------------------------------------
* 폰트
* 웹폰트 소스는 [모듈 > TOP > 스타일시트] 에서 확인 가능합니다.
-----------------------------------------------------------------*/
:root {
--dyami-body-font: 'Open Sans', 'Noto Sans KR', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif !important;
--dyami-primary-font: var(--dyami-body-font);
--bs-body-font-size: 18px;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--dyami-font-size-h1: 3rem;
--dyami-font-size-h2: 2.75rem;
--dyami-font-size-h3: 2.5rem;
--dyami-font-size-h4: 2rem;
--dyami-font-size-h5: 1.5rem;
--dyami-font-size-h6: 1.25rem;
--dyami-font-size-small: calc(var(--dyami-font-size-body) * 0.875);
--dyami-headings-font-weight: 400;
}
@media (max-width: 1199px) {
:root {
--dyami-font-size-h1: 52px;
--dyami-font-size-h2: 44px;
--dyami-font-size-h3: 32px;
--dyami-font-size-h6: 1rem; }
}
@media (max-width: 991px) {
:root {
--bs-body-font-size: 16px;
--dyami-font-size-h1: 40px;
--dyami-font-size-h2: 34px;
--dyami-font-size-h3: 30px;
--dyami-font-size-h4: 24px; }
}
@media (max-width: 575px) {
:root {
--dyami-font-size-h1: 32px;
--dyami-font-size-h2: 28px;
--dyami-font-size-h3: 25px;
--dyami-font-size-h4: 22px;
--dyami-font-size-h5: 18px; }
}
.display-1 { font-size: calc(1.575rem + 4.5vw); }
.display-2 { font-size: calc(1.575rem + 3.9vw); }
.display-3 { font-size: calc(1.475rem + 3.3vw); }
.display-4 { font-size: calc(1.475rem + 1.8vw); }
.display-5 { font-size: calc(1.375rem + 1.8vw); }
@media (min-width: 1200px) {
.display-1 { font-size: 4.25rem; }
.display-2 { font-size: 4rem; }
.display-3 { font-size: 3.75rem; }
.display-4 { font-size: 3.5rem; }
.display-5 { font-size: 3.25rem; }
}
@media (max-width: 991px) {
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-bottom: 1.2rem }
}
/* ----------------------------------------------------------------
* 메뉴바
--dyami-header-bg: var(--bs-black);
--dyami-header-border-color: var(--bs-black);
--dyami-primary-menu-hover-bg: var(--bs-dark);
--dyami-primary-menu-active-color: var(--dyami-themecolor);
--dyami-primary-menu-color: var(--bs-light);
--dyami-primary-menu-hover-color: var(--dyami-themecolor);
--dyami-primary-menu-hover-bg: transparent;
--dyami-primary-menu-font: var(--dyami-body-font);
--dyami-primary-menu-font-weight: 500;
--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-dark);
--dyami-primary-menu-submenu-hover-color: var(--dyami-themecolor);
-----------------------------------------------------------------*/
#header {
--dyami-header-height: 60px;
--dyami-header-bg: #fff;
--dyami-header-border-color: #fff;
--dyami-primary-menu-hover-bg: var(--bs-light);
--dyami-primary-menu-active-color: var(--dyami-themecolor);
--dyami-primary-menu-color: var(--bs-dark);
--dyami-primary-menu-hover-color: var(--dyami-themecolor);
--dyami-primary-menu-hover-bg: transparent;
--dyami-primary-menu-font: var(--dyami-body-font);
--dyami-primary-menu-font-weight: 500;
--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-dark);
--dyami-primary-menu-submenu-hover-color: var(--dyami-themecolor);
}
@media (min-width: 1200px){
#header {
--dyami-header-height: 80px;
--dyami-header-height-shrink: 80px; }
}
/* ----------------------------------------------------------------
* 서브페이지 타이틀
-----------------------------------------------------------------*/
.page-title {
--dyami-page-title-padding: 6rem;
--dyami-page-title-font-size: calc(1.4rem + 1.3vw);
--dyami-page-title-font-weight: 500;
--dyami-page-title-color: var(--bs-dark);
}
.page-title .bg-overlay-bg { background-color: rgba(var(--bs-light-rgb), 0.6); }
.page-title-content h1,
.page-title-content .h1 { font-family: var(--dyami-body-font); }
@media (min-width: 1200px){
.page-title { --dyami-page-title-padding: 5rem; }
}