@charset "UTF-8";

:root {
    --krds-pc-font-size-heading-large : 2.8rem;
    --krds-contents-size : 1400px;
    --krds-contents-wrap-size : 1448px;
}

#krds-header { z-index: 100;}
#krds-header .header-container .logo {
    width:9.4rem;
    height:6.8rem;
}
#krds-header .header-container .logo a {
    background-image: url(../../ps/img/cmmImg_2020/common/nongsaro_logo.png);
}
#krds-footer .f-logo {
    width:15.4rem;
    height:4.6rem;
    background-image: url(../img/pattern/layout/rda_logo.png);
}
#krds-footer .foot-quick .inner .link {
    text-align: left;
    color: inherit !important;
}
.popFootLink .modal-dialog .modal-header {
    padding: 16rem 0 var(--krds-padding-10);
    line-height: 1;
}
.popFootLink .modal-dialog .modal-header,
.popFootLink .modal-dialog .modal-conts {
    max-width: 128rem;
}
.popFootLink .modal-dialog .btn-close {
    top: var(--krds-gap-12);
    right: var(--krds-gap-12);
}
.popFootLink .pop-sub-tit {
    padding:var(--krds-padding-10) 0.4rem var(--krds-padding-3);
    font-size: var(--krds-pc-font-size-heading-small);
}
.popFootLink .pop-sub-tit:first-child {
    padding-top:0
}
.popFootLink .pop-foot-links {
    --pop-foot-link-color-background-hover: var(--krds-light-color-element-secondary-light);
    --pop-foot-link-color-background-active: var(--krds-light-secondary-20);
    padding: 0.4rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: var(--krds-gap-3) var(--krds-gap-5);
}
.popFootLink .pop-foot-links li a {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    gap: var(--krds-gap-2);
    padding: var(--krds-padding-5) var(--krds-padding-3);
    border-radius: var(--krds-radius-medium3);
    word-break: break-all;
}
.popFootLink .pop-foot-links li a::before {
    content: "･";
    margin-top: 0.1rem;
}
.popFootLink .pop-foot-links li a:hover {
    background-color: var(--pop-foot-link-color-background-hover);
}
.popFootLink .pop-foot-links li a:active {
    background-color: var(--pop-foot-link-color-background-active);
}
.pop-btn-wrap { margin-top:4rem}
.pop-btn-wrap .krds-btn.text { width:100%; text-align: center;}
.pop-btn-wrap .krds-btn.text:hover { background-color: var(--krds-light-color-element-secondary-light);}


@media (min-width: 1024px) and (max-width:1439px) {
    #krds-footer>.inner {
        padding:var(--krds-padding-10) var(--krds-contents-padding-x) var(--krds-padding-8)
    }
}
@media (max-width: 1023px) {
    #krds-footer .f-logo { width:10.7rem; height: 3.2rem;}
}
@media (max-width: 767px) {
    /* 푸터 - 관련 기관 링크 */
    .popFootLink .modal-dialog .modal-header {
        padding: var(--krds-padding-8) var(--krds-padding-6);
    }
    .popFootLink .modal-dialog .modal-header .modal-title {
        font-size: var(--krds-mobile-font-size-label-large);
    }
    .popFootLink .modal-dialog .modal-conts {
        padding-inline: var(--krds-padding-6);
    }
    .popFootLink .modal-dialog .btn-close {
        top: var(--krds-gap-7);
        right: var(--krds-gap-5);
    }
    .popFootLink .pop-sub-tit {
        padding:var(--krds-padding-7) 0.4rem var(--krds-padding-2);
        font-size: var(--krds-mobile-font-size-heading-small);
    }
    .popFootLink .pop-foot-links {
        grid-template-columns: 1fr 1fr;
        grid-gap: 0;
    }
    .pop-btn-wrap { margin-top:2rem} 
}
.krds-identifier .logo {
    background-image: url(../img/pattern/layout/rda_logo.png);
}
.svg-icon.ico-kakao {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url(../img/component/icon/ico_kakao.svg);
    background-color:transparent !important;
}
#container .in-between {
    gap:var(--krds-pc-gap-layout-left-contents);
    padding-bottom: var(--krds-pc-gap-layout-contents-footer);
}
#container .in-between .krds-side-navigation {
    width:24.8rem;
    padding:var(--krds-padding-8) 0 0;
    border-right:0;
    flex-shrink: 0;
}
#container .in-between .contents {
    width:100%;
    padding-bottom: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top:8.6rem;
}
#container > .inner:not(.in-between) { 
    padding-top:var(--krds-contents-padding-x)
}
.lnb-btn.lnb-link .svg-icon.ico-go {
    width:var(--krds-icon--size-medium);
    height:var(--krds-icon--size-medium);
    margin-top:var(--krds-padding-1);
}
.krds-breadcrumb-wrap { 
    position: absolute;
    top:0;
    left:0;
    width: 100%;
}
.krds-breadcrumb-wrap .utility {
    position: absolute;
    top:2rem;
    right: 0;
    display: flex;
    gap:var(--krds-gap-2)
}

@media (max-width: 1023px) {
    #container .in-between .contents { justify-content: flex-start; padding-top: 0;}
    .krds-breadcrumb-wrap { position: static;}
}
@media (max-width: 767px) {
    .krds-breadcrumb-wrap .utility { display: none;}
}


/* 검색 입력폼 */
.search-top-box .form-tit h3 { font-size: var(--krds-pc-font-size-label-small); font-weight: var(--krds-font-weight-regular);}
.search-top-box .sch-form-wrap .krds-input { max-width:36rem}
.search-top-box .sch-filter-box { display: block; margin-top:var(--krds-gap-4); padding:var(--krds-padding-8) var(--krds-padding-10)}
.search-top-box .sch-filter-box .filter-form { gap:var(--krds-gap-7)}
.search-top-box .sch-filter-box .filter-form > div { max-width: none; flex-direction: column;align-items: flex-start;}
.search-top-box .sch-filter-box .filter-form .krds-form-select { width: fit-content;}
.search-top-box .sch-filter-box .filter-form .input-group { width: auto;}
.search-top-box .sch-filter-box:only-child { margin-top:0}
.search-top-box .sch-filter-box .krds-btn.icon { flex-shrink: 0;} 
.search-top-box .sch-filter-box .filter-form .label { display: block; min-width: auto; white-space: inherit; font-size: var(--krds-pc-font-size-body-small);}
.search-top-box .sch-filter-box .filter-form .label span { margin-left:var(--krds-gap-2); font-weight: var(--krds-font-weight-regular);}

@media (max-width: 767px) {
    .search-top-box .sch-form-wrap .sch-select { width:100%}
    .search-top-box .sch-form-wrap .krds-input { max-width:none} 
    .search-top-box .sch-filter-box { padding:var(--krds-padding-8) !important}
    .search-top-box .sch-filter-box:only-child { display: block; padding:var(--krds-padding-8)}
    .search-top-box .sch-filter-box:only-child .filter-chip { display: flex;}
    .search-top-box .sch-filter-box .filter-form { gap:var(--krds-gap-7) var(--krds-gap-3)}
    .search-top-box .sch-filter-box .filter-form > div { flex-direction: column; align-items: flex-start;}
    .search-top-box .sch-filter-box .filter-form .label { font-size: var(--krds-mobile-font-size-body-small);}

    .krds-in-page-navigation-type .krds-in-page-navigation-area { display: none;}
}


/* 페이징 */
.krds-pagination .page-links .page-link { width:auto; min-width: var(--krds-pagination--size-height); padding:0 var(--krds-padding-1)}

@media (max-width: 1023px) {
    .krds-pagination .page-links .page-link:nth-child(6), 
    .krds-pagination .page-links .page-link:nth-child(7), 
    .krds-pagination .page-links .page-link:nth-child(8) { display: none;}
}


/* 사이드메뉴 - 5depth 추가 */
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu-lv3 { display: none; padding:.8rem 1.6rem; background-color: var(--krds-light-color-surface-gray-subtler);}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu-lv3 .lnb-btn.selected,
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu-lv3 .lnb-btn:hover { background-color: var(--krds-color-light-secondary-10);}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu-lv3.active { display: block;}

/* 모바일 - 5depth 추가 */
.krds-main-menu-mobile .depth4-wrap .depth4-ul > li .has-depth5:after { content:''; display: inline-flex; width:var(--krds-icon--size-medium); height: var(--krds-icon--size-medium); margin-left:auto; flex-shrink: 0; margin-top:var(--krds-padding-1); transform: rotate(0); transition: var(--krds-transition-base); background-color: var(--krds-light-color-text-basic); mask-image:url(https://www.krds.go.kr/resources/img/component/icon/ico_angle.svg); mask-size:contain; mask-position: center center; mask-repeat: no-repeat;}
.krds-main-menu-mobile .depth4-wrap .depth4-ul > li .depth5-wrap { display: none; padding:.8rem 1.6rem; background-color: var(--krds-light-color-surface-gray-subtler);}
.krds-main-menu-mobile .depth4-wrap .depth4-ul > li .depth5-wrap a:hover { background-color:var(--krds-color-light-secondary-10) !important}

.krds-main-menu-mobile .depth4-wrap .depth4-ul > li.active .has-depth5:after { transform: rotate(180deg);}
.krds-main-menu-mobile .depth4-wrap .depth4-ul > li.active .depth5-wrap { display: block;}