/* main Layout */

.layout{
    min-height: calc(100vh - 277px);
    padding-bottom: var(--krds-pc-gap-layout-contents-footer);
}
.in-between{
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: row;
    gap: var(--krds-gap-12);
}
.contents{
    width:100%;
}

/* lnb(sideMenu) */
.krds-side-navigation{
    flex-shrink: 0;
    width: 24.8rem;
    padding: var(--krds-padding-8) 0 0;
    border: none;
}

/* Headeer */
#krds-header{
    border-bottom: 0.1rem solid var(--krds-color-light-gray-20);
}
#krds-header .left{
    margin-left:20px;
}
.header-actions button a{
    font-weight: 700;
}
.header-actions button a.active{
    color: #246BEB;
    font-weight: 700;
}

.conts-area{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--krds-gap-9);
    position: relative;
    width: 100%;
    height: 100%;
}
.conts-wrap{
    margin-bottom:var(--krds-number-9);
}

.krds-side-navigation .lnb-list .lnb-item.active .lnb-btn:not(.lnb-toggle-popup)::after{
    transform: rotate(180deg);
}

.krds-side-navigation .lnb-list .lnb-item .lnb-submenu .lnb-subitem.active .lnb-btn,
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu .lnb-subitem.active .lnb-submenu-lv2 ul li.active .lnb-btn{
    color: var(--krds-side-navigation--color-text-selected);
    font-weight: var(--krds-font-weight-bold);
    background-color: var(--krds-side-navigation--color-action-selected);
}

.krds-side-navigation .lnb-list .lnb-item .lnb-submenu .lnb-subitem.active .lnb-submenu-lv2 .lnb-btn{
    color:black;
    font-weight: var( --krds-typo-font-weight-regular);
    background-color:transparent;
}

.krds-main-menu .gnb-menu .gnb-main-trigger.active::before{
    bottom: -1.6rem;
}

.krds-breadcrumb-wrap .breadcrumb {
    flex-wrap:wrap;
}

/* Search Wrap */
.search-wrap{
    display: flex;
    gap: 1rem;
    margin-bottom: var(--krds-number-9);
    justify-content: space-between;
}
.search-body{
    display:flex;
    align-items: center;
    gap: 1rem;
}
.search-wrap .searchOption{
    width: auto;
    flex-grow: 1;
}
.search-wrap  .searchKeyword{
    width: auto;
    flex-grow: 3;
}
.search-wrap .search-tit{
    align-self: center;
    text-wrap: nowrap;
}

/* btn wrap*/
.page-btn-wrap{
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    /*margin-top: var(--krds-number-7);*/
}
.page-btn-wrap .btn-wrap{
    display: flex;
    gap: 1rem;
    width:auto;
}

/* input-form */
.input-form{
    border: 1px solid;
    border-radius: var(--krds-number-6);
    padding: var(--krds-number-9);
    margin: var(--krds-number-9) 0;
}

.form-group-row {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-5);
}

.form-group-row > .form-group {
  width: 57.0rem;
  max-width: 100%;
}

.form-group-row .form-group {
  flex: 1;
}
@media (max-width: 767px) {
  .form-group-row {
    flex-direction: column;
  }
}

/* dd */
.def-list-wrap .def-list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--krds-gap-5) 0;
    border-top: var(--krds-light-border-width-variable-regular) solid var(--krds-light-color-divider-gray);
    border-bottom: var(--krds-light-border-width-variable-regular) solid var(--krds-light-color-divider-gray);
    padding: var(--krds-padding-8) 0;
}

.def-list-wrap .def-list > dt {
    width: 18rem;
    margin-right: var(--krds-gap-7);
    font-weight: var(--krds-font-weight-bold);
}

.def-list-wrap .def-list > dd {
    width: calc(100% - (18rem + var(--krds-gap-7)));
}

/* table */
.krds-table-wrap .tbl.data tbody td {
    word-break: break-word;
}
.krds-table-wrap .tbl.data .text-center, .krds-table-wrap .tbl.data .text-center a{
    text-align: center;
}

/* title*/
.heading-large{
    margin-bottom: 1.5rem;
}

/* head logo */
#krds-header .header-container .logo-keri {
  display: inline-flex;
  width: 13.7rem;
  height: var(--krds-size-height-7);
}
@media (max-width: 767px) {
  #krds-header .header-container .logo-keri {
    width: 9.4rem;
    height: 3.2rem;
  }
}
#krds-header .header-container .logo-keri a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../img/pattern/layout/head_logo_keri.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}



/* header Util Custom */

/* 글자 크기 */
[data-font-size="small"] body { font-size: 13px; }
[data-font-size="medium"] body { font-size: 15px; }
[data-font-size="large"] body { font-size: 17px; }
[data-font-size="xlarge"] body { font-size: 19px; }

/* 다크모드 */
[data-theme="dark"] body {
    background-color: #1f1f1f;
    color: #f1f1f1;
}
[data-theme="light"] body {
    background-color: #ffffff;
    color: #111111;
}

/* 모달 오픈 시 스크롤 방지 */
body.modal-open {
    overflow: hidden;
}