@charset "UTF-8";
.link-group {
    display: flex
;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
.link-group > li + li::before {
    display: inline-block;
    vertical-align: middle;
    margin: 0 var(--krds-gap-3);
    content: "";
    width: var(--krds-number-1);
    height: var(--krds-size-height-2);
    background-color: var(--krds-light-color-divider-gray-light);
}




.login-form-area {
    --login-form-color-border: var(--krds-light-color-divider-gray);
    --login-form-width-border: var(--krds-light-border-width-variable-regular);
    display: flex;
    position: relative;
    padding: var(--krds-padding-10);
    gap: var(--krds-gap-12);
    width: 100%;
    border-top: var(--login-form-width-border) solid var(--login-form-color-border);
    border-bottom: var(--login-form-width-border) solid var(--login-form-color-border);
}
.login-form-area::after {
    content: "";
    position: absolute;
    top: var(--krds-gap-9);
    left: calc(50% - var(--login-form-width-border));
    width: var(--login-form-width-border);
    height: calc(100% - var(--krds-gap-12));
    background-color: var(--login-form-color-border);
}
.login-form-area > div {
    flex: 1;
     display: flex;
    flex-direction: column;
    gap: var(--krds-gap-8);
}
.login-info-wrap > div{
    display: flex;
    flex-direction: column;
    gap: var(--krds-gap-3);
}
.login-info-wrap .box.gray-bg > p{
    color: var(--krds-light-color-text-subtle);
}
.login-type-tab .login-info-wrap .tit-box {
    display: flex;
        align-items: center;
    justify-content: space-between;
    width: 100%;
}
.login-type-tab .login-info-wrap .tit {
    font-weight: var(--krds-font-weight-bold);
    font-size: var(--krds-pc-font-size-heading-small);
    display: flex;
    gap: var(--krds-gap-5);
    align-items: center;
}

.login-form-area .ico_login_certify_type_03{
    width: 32px;
    height: 32px;
}
.login-type-tab .login-info-wrap .btn-wrap {
    display: flex
;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

.login-type-tab .login-info-wrap .krds-disclosure .expand-in{
display: flex;
padding: var(--krds-padding-card-small, 24px);
flex-direction: column;
align-items: flex-start;
gap: var(--krds-gap-7, 24px);
border-radius: var(--krds-radius-xlarge2, 12px);
border: 1px solid var(--krds-light-color-border-gray-light, #CDD1D5);
background: var(--krds-light-color-surface-white-subtler, #FFF);
}
.login-type-tab .login-info-wrap .krds-disclosure .expand-in > div{
display: flex;
flex-direction: column;
gap: var(--krds-gap-5);
}
.login-type-tab .login-info-wrap .krds-disclosure .expand-in > div ul{    
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: var(--krds-gap-6);
grid-row-gap: var(--krds-gap-5);}
.login-type-tab .login-info-wrap .krds-disclosure .expand-in > div ul li{
    display: flex;
    gap: var(--krds-gap-3);
}
.login-type-tab .login-info-wrap .krds-disclosure .expand-in > div ul li .img-box{
    width: 24px;
    height: 24px;
}
.login-type-tab .login-info-wrap .krds-disclosure .expand-in p{

color: var(--krds-light-color-text-basic, #1E2124);
font-size: var(--krds-pc-font-size-body-medium, 17px);
font-weight: 700;

}
.conts-expand-area .btn-conts-expand {
    position: relative;
    border-radius: 0;
    z-index: 2;
}
.conts-expand-area.no-pointer-events .btn-conts-expand {
    pointer-events: none;
}
.conts-expand-area .expand-wrap {
    position: relative;
}

@media (max-width: 1024px) {

.login-type-tab .login-info-wrap .krds-disclosure .expand-in > div ul {
display: flex;
    flex-wrap: wrap;
}
.login-type-tab .login-info-wrap .krds-disclosure .expand-in > div ul li{
    flex: 0 0 45%;
}
.krds-disclosure .btn-conts-expand{
text-align: left;
height: auto !important;
align-items: flex-start !important;
}
}
@media (max-width: 767px) {

}
@media (max-width: 1023px) {
.login-form-area {
        flex-direction: column;
        padding: var(--krds-padding-8) 0;
        gap: var(--krds-gap-8);
        }
.login-form-area::after{display: none}
    .login-type-tab .krds-tab-area, .login-type-tab .tab-conts, .login-type-tab .login-form-area {
        gap: var(--krds-gap-8);
    }
    .login-type-tab .login-info-wrap {
        margin-top: 0;
        padding: var(--krds-padding-8) 0 0;
        gap: var(--krds-gap-5);
    }        
.login-form-area .login-info-wrap {
        padding-bottom: 0;
        border-top: var(--krds-light-border-width-variable-regular) solid var(--krds-light-color-divider-gray);
    }
}
.helper-box {
    --helper-color-background: #EEF2F7;
    --helper-color-border: var(--krds-light-color-border-secondary-light);
    --helper-color-text: var(--krds-light-color-text-secondary);
    --helper-width-border: var(--krds-light-border-width-variable-regular);
    --helper-icon-size: var(--krds-size-height-3);
    --helper-gap-tit-icon: var(--krds-gap-3);
    --helper-desc-wrap-margin-top: var(--krds-gap-4);
    --helper-desc-wrap-margin-left: calc(var(--krds-size-height-3) + var(--krds-gap-3));
    width: 100%;
    padding: var(--krds-pc-padding-card-xsmall);
    border-radius: var(--krds-radius-xlarge2);
    background-color: var(--helper-color-background);
    border: var(--helper-width-border) solid var(--helper-color-border);
}


.helper-box .helper-tit {
    display: flex;
    align-items: center;
    position: relative;
    color: var(--helper-color-text);
    font-weight: var(--krds-font-weight-bold);
}
.helper-box .helper-tit.normal {
    font-weight: var(--krds-font-weight-nomal);
}
.helper-box .helper-tit::before {
    margin-right: var(--helper-gap-tit-icon);
    content: "";
    display: inline-flex;
    width: var(--helper-icon-size);
    height: var(--helper-icon-size);
    background-color: var(--krds-light-color-text-basic);
    background-color: transparent !important;
    forced-color-adjust: none;
    background-image: url(../../images/component/icon/ico_helper_info.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.helper-box .helper-tit.font-normal{
font-weight: var(--krds-font-weight-nomal);
font-size: var(--krds-pc-font-size-body-medium, 17px);
}
.helper-box .helper-desc-wrap {
    margin-top: var(--helper-desc-wrap-margin-top);
    margin-left: var(--helper-desc-wrap-margin-left);
}
.helper-box .divider-dashed{
margin-top: var(--helper-desc-wrap-margin-top);
margin-left: var(--helper-desc-wrap-margin-left);
width: auto;
}
@media (max-width: 767px) {
    .helper-box {
        padding: var(--krds-mobile-padding-card-xsmall);
    }
        .helper-box .helper-desc-wrap {
        margin-top: var(--krds-gap-3);
    }
.helper-box .helper-tit{
font-size: var(--krds-pc-font-size-body-xsmall, 13px);

}
        .krds-info-list > li {
        font-size: var(--krds-info-list--mobile-text-depth1);
    }
    .krds-btn.link.medium {
        font-size: var(--krds-button--mobile-font-size-medium);
    }
}
/*
@media (max-width: 450px) {
.helper-box .helper-tit {
font-size: var(--krds-pc-font-size-body-xsmall);
}
.helper-box li{
font-size: var(--krds-pc-font-size-body-small);
}
.helper-box .helper-tit.font-normal{
font-size: var(--krds-pc-font-size-body-small, 15px);
}
}
*/
.interest-selector{
display: flex ;
flex-direction: row !important;
gap: calc(var(--krds-gap-9)*2) !important;
}

.interest-selector .krds-tag-wrap{
flex-direction: column;
gap: var(--krds-gap-7);
position: relative;

}
.interest-selector .krds-tag-wrap::before{
content: "";
    position: absolute;
    top: 0;
    left: -4rem;
    width: 1px;
    height: 100%;
    background-color: var(--krds-light-color-divider-gray-light);
}
.interest-selector .krds-btn-tag{
    width: fit-content;
}
.interest-selector .krds-btn-tag::before{
display: none;
}

.krds-tag-wrap .i-cate{
display: flex
}
@media (max-width: 767px) {
.interest-selector {
flex-direction: column !important;
gap: var(--krds-gap-7) !important;
    }
.interest-selector .krds-tag-wrap::before{
display: none;}
.interest-selector .krds-tag-wrap{
gap: var(--krds-gap-6);
width: 100%;
}
.interest-selector .krds-btn-tag{
max-width: 100%;
}
}

@media (max-width: 450px) {
.interest-selector .krds-btn-tag {
    gap: var(--krds-gap-1);
    height: var(--krds-btn-tag--size-height-small);
    padding: var(--krds-padding-3) var(--krds-btn-tag--padding-x-small);
    border-radius: var(--krds-btn-tag--size-height-small);
    font-size: var(--krds-btn-tag--pc-font-size-small);
    line-height: var(--krds-line-height-none);
    max-width: 100%;
}
/*.interest-selector .krds-btn-tag li{
font-size: var(--krds-pc-font-size-label-xsmall);
}*/
}




.req{
color: var(--color-text-primary, #0B50D0);
margin-left: var(--krds-gap-2);
}
.box-tit2 .req,
.sec-tit .req{
font-size: inherit;
}
.krds-check-area.row{
width: 100%;
flex-direction: row}

.chk-multi-line-wrap{
display: flex;
flex-direction: column;
gap: var(--krds-gap-7);
width: 100%;
}
@media (max-width: 450px) {
.chk-multi-line-wrap > div:not(:first-child) {
gap: var(--krds-gap-5);
padding-left: var(--krds-gap-7);
}


}


.agree-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: var(--krds-padding-8);
    background-color: var(--krds-light-color-surface-primary-subtler);
    border-radius: var(--krds-radius-xlarge1);
    position: relative;
}

.conts-wrap > .agree-box {
    margin-top: var(--krds-pc-gap-layout-h4-h4);
}

.agree-box .krds-form-check {
    text-align: center;
}

.agree-box .krds-btn{
position: absolute;
right: var(--krds-padding-8);;
top: calc(50% - 20px);
}


.i-cate-wrap{
padding: var(--krds-gap-5) !important;
justify-content: center !important;
height: 100%;
}
@media (max-width : 450px) {
  .i-cate-wrap{
padding: var(--krds-gap-4) !important;  
}
}

/*search-wrap*/
.search-wrap {
     --pop-total-serch-width-border: var(--krds-light-border-width-variable-regular);
    --pop-total-serch-color-border: var(--krds-light-color-divider-secondary-light);
    --pop-total-serch-color-background: var(--krds-light-color-surface-secondary-subtler);
    --pop-total-serch-state-up-text: var(--krds-light-color-text-point);
    --pop-total-serch-state-up-icon: var(--krds-light-color-icon-point);
    --pop-total-serch-state-down-text: var(--krds-light-color-text-information);
    --pop-total-serch-state-down-icon: var(--krds-light-color-icon-information);
    --pop-total-serch-state-same-text: var(--krds-light-color-text-basic);
   
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    position: relative;
    margin-bottom: var(--krds-gap-11);
    padding: var(--krds-gap-11) 0;
        --search-box-filter-color-background: var(--krds-light-color-surface-secondary-subtler);
    --search-box-filter-chip-width-border: var(--krds-light-border-width-variable-regular);
    --search-box-filter-chip-color-border: var(--krds-light-color-divider-secondary-light);
    min-width: auto;
        width: 100%;
}


.conts-area.search-wrap::after {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 0;
    transform: translateX(-50%);
    content: "";
    width: 100vw;
    height: 100%;
    background-color: var(--krds-light-color-surface-secondary-subtler);
}
.search-wrap > div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: 2;
    width: 100%;
}
.conts-wrap.search-wrap{
padding: 0;
gap: var(--krds-gap-8);
}

@media (max-width: 1024px) {
.search-wrap {
   margin-bottom: var(--krds-gap-8);
}
}
@media (max-width: 768px) {
.search-wrap .page-btn-wrap{
    width: 100%;
    }
.search-wrap .page-btn-wrap button{
flex:1
}
}
/*filter-form-tit-box*/
.filter-form-tit-box{
display: flex;
gap:var(--krds-gap-5);
align-items: flex-start;
    width: 100%;
}
.filter-form-tit{
font-weight: var(--krds-font-weight-bold);
white-space: nowrap;
min-width: 6.3rem;
padding-right: var(--krds-gap-1);
line-height: 40px;
    cursor: pointer;
}
.filter-form-tit-sec{
width: calc(100% - 120px - var(--krds-gap-5));
}
.conts-wrap.search-wrap .filter-form-tit{
font-size: var(--krds-pc-font-size-heading-small, 19px);

}
.search-wrap .sch-filter-box {
border-radius: var(--krds-radius-large1, 10px);
display: flex;
flex-direction: column;
/*gap: var(--krds-gap-7);*/
width: inherit;
}
.conts-area.search-wrap .sch-filter-box {
padding: var(--krds-padding-7);
border: 1px solid var(--krds-light-color-border-gray, #B1B8BE);
background: #FFF;  
}

.conts-wrap.search-wrap .sch-filter-box{
gap: var(--krds-gap-5);
}


.search-wrap .sch-filter-box > div{
padding: 0 0 16px 0;
}

.search-wrap .sch-filter-box .filter-form {
    display: flex;
align-items: center;
    justify-content: flex-start;
    flex-direction: row;
        gap: var(--krds-gap-8);
    max-width: 100%;
    flex-wrap: wrap;
   
}
.search-wrap .sch-filter-box .filter-form:not(.krds-disclosure){
margin-bottom:var(--krds-gap-7);
}

.search-wrap .sch-filter-box .btn-wrap .krds-btn:last-child{
background-color: var(--krds-button--color-tertiary-fill-hover);
}
.filter-form-conts{
display: flex;
flex-direction: row;
gap: var(--krds-gap-7);
align-items: center;

}
.filter-form-conts.radio{
gap: var(--krds-gap-7);
}
.filter-form-conts.text-input{
flex: 1;
}
.filter-form-conts.date-input{
gap: var(--krds-gap-3);
flex: 1;
}


.filter-form-conts.date-input .calendar-input input{
max-width: 230px;
}


.filter-list .filter-form-conts.date-input .calendar-input input{
width: 100%;
max-width:none;
}
.filter-list .filter-form-conts.date-input .calendar-input input[placeholder]{
font-size: var(--krds-pc-font-size-heading-xsmall);
}
.filter-list .filter-form-conts.date-input .calendar-input .krds-btn.icon.medium {
}
.filter-list .filter-form-conts.date-input .calendar-input .krds-btn.icon.medium .svg-icon{
width: 24px;
height: 24px;
}
.filter-form.column{
gap: var(--krds-gap-6) !important;
align-items:flex-start !important;
}

.filter-form-conts.chip{
gap: var(--krds-gap-5);
}

.period .filter-form-conts.chip label{
font-weight: bold;
}
.m-column-sec{
display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: var(--krds-gap-8);
}
.search-top-box{
    display: flex;
padding: 24px;
flex-direction: column;
align-items: center;
gap: 24px;
align-self: stretch;
border-radius: 24px;
}
@media (max-width:767px) {
.search-top-box{
 align-items: flex-start !important;
 gap: var(--krds-gap-3)
}
.search-wrap{
gap: var(--krds-gap-7);
}
}

.search-wrap .sch-filter-box .filter-form .label {
    font-weight: var(--krds-font-weight-bold);
    white-space: nowrap;
    min-width: 6.3rem;
}
.search-wrap .sch-filter-box .filter-form .krds-form-select {
    width: 100%;
}


.search-wrap .filter-chip {
    padding: var(--krds-padding-8) 0 0;
    margin: var(--krds-gap-7) 0 0;
    border-radius: 0;
}


.filter-chip {
    --filter-chip-color-background: var(--krds-light-color-surface-secondary-subtler);
    --filter-chip-num-color-text: var(--krds-light-color-text-primary);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: var(--krds-gap-5);
    padding: var(--krds-padding-7) var(--krds-padding-6);
    margin-bottom: var(--krds-gap-9);
        background: var(--filter-chip-color-background);
    border-radius: var(--krds-radius-xlarge2);
    width: 100%;
}
.filter-chip dt {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    font-weight: var(--krds-font-weight-bold);
    white-space: nowrap;
    height: var(--krds-size-height-5);
}

.filter-chip dt .num {
    margin-left: var(--krds-gap-2);
    color: var(--filter-chip-num-color-text);
}

.filter-chip dd {
    display: flex;
    gap: var(--krds-gap-3);
    flex: 1;
position: relative;
align-items: center;
}

.filter-chip dd .krds-btn.icon.xlarge {
    flex-shrink: 0;
}
.filter-chip .chip-wrap {
    justify-content: flex-start;
}


.sch-form-wrap,
.sch-form-wrap > div{
width: 100%;  
}
@media (max-width: 767px) {
    .sch-form-wrap {
        flex-direction: column;
        align-items: flex-start;
    }
    .search-wrap .sch-form-wrap .sch-input, .search-wrap .sch-form-wrap .krds-input {
        width: 100%;
        
    }


    .filter-chip {
        display: none;
    }



}
/*인기검색어 filler-chip*/
.filter-chip.word-popular{
background:#EEF2F7;
}
.filter-chip.word-popular.active{
    align-items: flex-start;
}

.filter-chip.word-popular.conts-expand-area .expand-wrap{
width: 100%;
}

.filter-chip.word-popular.krds-disclosure .expand-wrap .expand-in{
    padding:0;
    margin-top: 0;
    background-color:transparent;
    border-radius: 0;
}

.filter-chip.word-popular .sch-info-item {
width: 100%;
}
.filter-chip.word-popular .krds-check-area{
    gap: var(--krds-gap-4); 
      margin-left: auto;  
}
.filter-chip.word-popular.krds-disclosure .btn-conts-expand{
      width: var(--krds-button--icon-size-xlarge);
    height: var(--krds-button--icon-size-xlarge) !important;  
    flex-shrink: 0;
    text-align: center !important;
    align-items: center !important;
    justify-content: center;
}
.filter-chip.word-popular.krds-disclosure .btn-conts-expand::before{
-webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(../../images/component/icon/ico_angle.svg);
    mask-image: url(../../images/component/icon/ico_angle.svg);
    content: "";
    background-image: url(../../images/component/icon/ico_angle.svg);
    margin-right: 0;
}


/*auto-rolling*/
   .auto-rolling {
      overflow: hidden;
    }

    .ranking-box {
      overflow: hidden;
      transition: max-height 0.5s ease;
      min-height: auto !important;
      
    }

    .ranking-box.open {
      max-height: 1000px;
    }
.ranking-list{
    gap: 0 !important;
}

.word-popular .ranking-box {
      max-height: 40px;
}
    .word-popular .ranking-list li,
    .word-popular .full-list li {
      height: 40px;
      line-height: 40px;

    }

    .ranking-list {
      transition: transform 0.5s ease-in-out;
    }

    .ranking-list.hidden {
      display: none !important;
    }

    .full-list {
      display: none;
    }

    .full-list.show {
      display: flex !important;
      width: auto !important;
    }

    .btn-toggle {
      width: 100%;
      padding: 10px;
      background-color: #007BFF;
      color: white;
      border: none;
      cursor: pointer;
      font-weight: bold;
      font-size: 14px;
    }


.btn-toggle.rotate{
transform: rotate(180deg);
}
.filter-chip.word-popular.show-under-tablet{
align-items: flex-start;
}
.filter-chip.word-popular.show-under-tablet dt{
    padding-top: 9px;
}


@media (max-width: 767px) {
.filter-chip.word-popular.show-under-tablet {
display: flex;
flex-direction: column;
position: relative;
}
}

.btn-with-list{
    display: flex;
     gap: var(--krds-gap-5);
}

@media (max-width: 767px) {
.btn-with-list{
flex-direction: row-reverse;
width:100%;
justify-content: space-between;
}
.filter-chip.word-popular.show-under-tablet .krds-check-area{
position: absolute;
right: var(--krds-padding-6);
}
}
/**/
.filter-form.krds-disclosure.conts-expand-area{
gap: 0;
}

.filter-form.krds-disclosure.conts-expand-area .filter-tit-with-btn{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.filter-form.krds-disclosure.conts-expand-area .btn-conts-expand{
margin-left: auto;
    height: 40px;
}





.filter-form.krds-disclosure.conts-expand-area .btn-conts-expand::before{
content: "";
    display: inline-flex;
    width: var(--krds-size-height-4);
    height: var(--krds-size-height-4);
    background-color: var(--krds-light-color-text-basic);
    forced-color-adjust: none;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(../../images/component/icon/ico_angle.svg);
    mask-image: url(../../images/component/icon/ico_angle.svg);
    margin-right: var(--krds-disclosure--button-gap);
    transition: var(--krds-transition-base);
    transform: rotate(0);
    background-image: url(../../images/component/icon/ico_angle.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.filter-form.krds-disclosure.conts-expand-area.active .btn-conts-expand::before {
    transform: rotate(180deg);
}

.filter-form.krds-disclosure.conts-expand-area .expand-wrap{
width: 100%;
border-top: 1px solid var(--krds-light-color-divider-gray, #8A949E);
    margin-top: 16px;
}

.filter-form.krds-disclosure.conts-expand-area.krds-disclosure .expand-wrap .expand-in{
  padding: var(--krds-gap-8, 32px) var(--krds-gap-5, 16px);  
  margin-top:0;
 border-bottom: 1px solid var(--krds-light-color-border-secondary-light, #D6E0EB);
background: var(--krds-light-color-surface-gray-subtler, #F4F5F6);
border-radius: 0;
display: flex;
gap: var(--krds-gap-8, 32px);
}
.filter-form.krds-disclosure.conts-expand-area.krds-disclosure .expand-wrap .expand-in .chip-wrap{
justify-content: flex-start;
}
.filter-form.krds-disclosure.conts-expand-area.krds-disclosure .expand-wrap .expand-in .chip-wrap .krds-form-chip{
flex: unset;
}
.chip-wrap{
gap: var(--krds-gap-4);
flex-wrap: wrap;
    
}  


.i-cate li:not(:first-child)::before {
    display: inline-flex;
    content: ">";
    width: auto;
    height: var(--krds-size-height-2);
    margin-inline: var(--krds-gap-2);
}

.aside{width: 28.2rem;    flex-shrink: 0;}
.aside-right{flex: 1;width: 100%;}
.aside-right .form-tit{
margin-bottom: var(--krds-gap-4);
}
.bside{width: 100px;}
.bside-right{flex: 1;width: 100%;position: relative;    margin-left: 3.2rem;}
.bside-right::before {
    content: "";
    position: absolute;
    top: 0;
    left: -4rem;
    width: 1px;
    height: 100%;
    background-color: var(--krds-light-color-divider-gray-light);
}



.chk-option-box{
display: flex;
width: 100%;
flex-wrap: wrap;
    row-gap: 25px;
}
.chk-option-box > div{flex: 1;}

@media (max-width:767px) {

.search-wrap .sch-filter-box .filter-form.period{
align-items: flex-start;
gap: var(--krds-gap-4);
}
.search-wrap .sch-filter-box .filter-form.period .m-column-sec{
align-items: flex-start;    
gap: var(--krds-gap-6);
}
.search-wrap .sch-filter-box .filter-form.period .filter-form-conts.date-input,
.search-wrap .sch-filter-box .filter-form.period .filter-form-conts.chip{
    justify-content: space-between;
        gap: unset;
        width: 100%;
}


.search-wrap .sch-filter-box .filter-form.period .filter-form-conts.chip .krds-form-chip.large input[type=radio] ~ label{
padding: 0 var(--padding-4, 10px);
font-size: var(--font-size-body-xsmall, 13px);
height: 40px;


}
.search-wrap .sch-filter-box .filter-form.period .filter-form-conts.date-input .calendar-input input{
width: 100%;
max-width:none;
}
.search-wrap .sch-filter-box .filter-form.period .filter-form-conts.date-input .calendar-input input[placeholder]{
font-size: var(--krds-pc-font-size-heading-xsmall);
}
.search-wrap .sch-filter-box .filter-form.period .filter-form-conts.date-input .calendar-input .krds-btn.icon.medium {
}
.search-wrap .sch-filter-box .filter-form.period .filter-form-conts.date-input .calendar-input .krds-btn.icon.medium .svg-icon{
width: 24px;
    height: 24px;
}


}



.filter-form.krds-disclosure.conts-expand-area.region .chk-option-box .krds-check-area,
.filter-form.krds-disclosure.conts-expand-area.material .chk-option-box .krds-check-area{
width: 100%;
display: flex;
column-gap:0;
row-gap: var(--krds-gap-7);
   flex-wrap: wrap;
}
.filter-form.krds-disclosure.conts-expand-area.region .chk-option-box .krds-check-area .krds-form-check,
.filter-form.krds-disclosure.conts-expand-area.material .chk-option-box .krds-check-area .krds-form-check{
flex: 0 0 20%;
}

.krds-tag-wrap.large.column{
    gap: var(--krds-gap-7);
}

/*최근검색어*/
.search-wrap .recent-search-list{
padding: var(--krds-padding-7, 20px);
border-radius: var(--krds-pc-radius-large1, 10px);
border: 1px solid var(--color-border-gray-light, #CDD1D5);
}
.search-wrap .recent-search-list .filter-tit-with-btn{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: var(--krds-gap-6);
}

.search-wrap .recent-search-list .filter-tit-with-btn .filter-form-tit{
display: flex;
align-items: center;
}
.search-wrap .recent-search-list .filter-tit-with-btn .filter-form-tit:after{
content: "";
display: inline-block;
width: 1px;
height: 24px;
background-color: var(--kdrs-light-color-divider-gray, #8A949E);
margin: 0  0 0  var(--gap-6, 20px);
}
.search-wrap .recent-search-list .filter-form-tit-box{
 width: calc(100% - 157px - var(--krds-gap-6));   
}
.search-wrap .recent-search-list .krds-btn-tag > span{
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
 max-width: 13ch;
    width: auto;
    white-space: nowrap;
}
.krds-tag-wrap.swiper-wrapper{
flex-wrap: nowrap;
}


.search-wrap .sch-info-list {
    display: flex;
    width: 100%;
}

.search-wrap .word-popular {
    counter-reset: item;
}

@media (max-width:767px) {
.search-wrap .recent-search-list{
padding: var(--krds-padding-6)
}
.search-wrap .recent-search-list .filter-tit-with-btn{
position: relative;
}
.search-wrap .recent-search-list .filter-tit-with-btn > .krds-btn{
position: absolute;
right: 0;
top: 0;
}
.search-wrap .recent-search-list .filter-form-tit-box{
width: 100%;
align-items: flex-start;
}
.search-wrap .recent-search-list .filter-tit-with-btn .filter-form-tit:after{
display: none;
}
.search-wrap .recent-search-list .filter-form-tit-box .swiper {
    width: 100%;
}
}



/**/
.sch-info-item {
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    flex: 1;
    width: 50%;
    padding: 0 var(--krds-padding-8);
    min-height: 46rem;    
    gap: var(--krds-gap-7);
}


.sch-info-item .tit {
    width: 100%;
    font-size: var(--krds-pc-font-size-navigation-title-medium);
}
.sch-info-item .tit-box{
width:100%;
display: flex;
justify-content: space-between;
padding: var(--krds-padding-6) 0;
align-items: center;
}
.sch-info-item .tit-side{
display: flex;   
gap: var(--krds-gap-5); 
}
.sch-info-item .tit-side .krds-check-area{
gap: var(--krds-gap-3);
}

@media (max-width:767px) {

.sch-info-item{
padding: 0;
width:100%;
gap: var(--krds-gap-5);
}
.sch-info-item .tit {
    width: 100%;
    font-size: var(--krds-pc-font-size-body-medium);
}
.sch-info-item .tit-box{
padding: 0;
}
}



.sch-info-item .list {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--krds-gap-5);
    width: 100%;
}
.sch-info-item .list li {
    display: flex;
    align-items: center;
    flex-direction: row;
}
.sch-info-item .ranking-txt {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: var(--krds-pc-font-size-heading-xxsmall, 15px);
    font-weight: 700;
flex: 1;
}
.sch-info-item .ranking-txt:hover{
text-decoration: underline;
}
.sch-info-item .ranking-state::before {
    display: inline-flex
;
    content: "";
    width: var(--krds-number-7);
    height: var(--krds-number-7);
}
.sch-info-item .ranking-state.up {
    color: var(--pop-total-serch-state-up-text);
}
.sch-info-item .ranking-state {
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-shrink: 0;
    gap: var(--krds-gap-1);
    font-size: var(--krds-pc-font-size-body-small);
    width: 4.3rem;
}



.word-popular li {
    gap: var(--krds-gap-3);
    counter-increment: item;
}
.word-popular li::before {
    display: inline-flex;
    content: counter(item);
    width: 32px;
    height: 32px;
    border-radius: var(--kdrs-border-radius-medium1, 6px);
border: 1px solid var(--kdrs-light-color-border-gray, #CDD1D5);
background: var(--krds-light-color-surface-gray-subtler, #F4F5F6);
    justify-content: center;
    align-items: center;
    color: var(--krds-light-color-text-basic, #1E2124);
    font-size: var(--krds-pc-font-size-heading-xxsmall, 15px);
    font-weight: 700;
}


.word-popular li .ranking-state {
    margin-left: auto;
    display: none;
}

.word-lately {
    border-left: var(--pop-total-serch-width-border) solid var(--pop-total-serch-color-border);
}


.word-lately .word-txt {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.word-lately .krds-btn.icon {
    flex-shrink: 0;
    margin-left: auto;
}

.word-lately .krds-btn.text {
    margin-top: auto;
}


.word-lately .krds-btn-tag{
font-weight: 700;
 max-width: 100%;
  min-width: 0;   
}
.word-lately .krds-btn-tag > span{
  max-width: calc(100% - 16px - 0.2rem);
  min-width: 0;             
  white-space: normal;       
  overflow-wrap: anywhere;  
  word-break: break-word;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

@media (max-width:767px) {
.word-lately{border-left: 0;}
}




/*search-between-conts*/
.search-between-conts {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    gap: var(--krds-pc-gap-layout-left-contents);
}
@media (max-width:1024px) {
.search-between-conts .filter-chip{
margin-bottom: var(--krds-gap-5);}
.search-between-conts .filter-chip.word-popular{
margin-bottom:0;
}

}
.search-between-conts .aside {
    position: relative;
    top: 0;
    width: 28.2rem;
    flex-shrink: 0;
    height: 100%;
    transition: top 0.1s;
}
.search-between-conts .contents {
    flex: 1;
}
@media (max-width: 1024px) {
    .search-between-conts.m-inner{
                padding-top: var(--krds-gap-5);
    }
    .search-between-conts .aside {
        display: none;
    }
.search-between-conts .search-list-top {
        flex-direction: column-reverse;
    }
}

.aside .filter-dl dt {
    padding: var(--krds-padding-6) 0;
    font-size: var(--krds-pc-font-size-navigation-title-medium);
    font-weight: var(--krds-font-weight-bold);
    line-height: 1;
}
.aside .filter-dl .sch-info-item {
width:100%;
padding:0;

}
.aside .filter-dl .sch-info-item .krds-check-area{
gap: var(--krds-gap-4);
}

/*맞춤정보>나의폴더*/
.aside .outline-box .filter-dl {
width: 100%;
}
.aside .outline-box .filter-dl dt{
padding: 0 0 var(--krds-gap-4) 0;
display: flex;
    align-items: center;
    justify-content: space-between;
}
.aside .outline-box .filter-dl dd{
border-top: 1px solid var(--krds-light-color-border-gray, #B1B8BE);
gap: var(--krds-gap-7);
padding: var(--krds-gap-7) 0 0;
display: flex;
flex-direction: column;
}
.aside .outline-box .filter-dl .krds-check-area{
gap: var(--krds-gap-5);
}

@media (max-width: 1024px) {
.aside .outline-box dl dd .krds-btn.pc-only{
display: none !important;
}
.aside .outline-box .filter-dl .krds-check-area{
height: 138px;
overflow: auto;
        width: 100%;
}

}


/*aside-between-conts*/
.aside-between-conts {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    gap: var(--krds-gap-9);
}
.aside-between-conts .aside {
    position: relative;
    top: 0;
    width: 28.2rem;
    flex-shrink: 0;
    height: 100%;
    transition: top 0.1s;
    gap: 32px;
    display: flex;
flex-direction: column;
}
.aside-between-conts .contents {
    flex: 1;
}
.aside-between-conts .aside .btn-wrap{
gap: var(--krds-gap-5);
display: flex;
flex-direction: column;
}
.aside-between-conts .aside .btn-wrap button{
width: 100%;
}

.sec-tit-area{
gap: var(--krds-gap-3);
display: flex;
flex-direction: column;
height: auto !important;
}

.aside-between-conts .krds-structured-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: var(--krds-structured-list--wrap-gap);
}


@media (max-width: 1024px) {
.aside-between-conts .aside .btn-wrap{
flex-direction:row
}
}

@media (max-width: 768px) {
.aside-between-conts .aside .btn-wrap{
flex-direction:column
}
.aside-between-conts .aside .btn-wrap .krds-btn{
flex: none;
}


}

/**/
.krds-form-select-sort {
    --krds-form-select-sorting--color-background: var(--krds-light-color-action-secondary);
    --krds-form-select-sorting--color-background-hover: var(--krds-light-color-action-secondary-hover);
    --krds-form-select-sorting--color-background-pressed: var(--krds-light-color-action-secondary-pressed);
    --krds-form-select-sorting--color-text: var(--krds-light-color-text-basic);
    --krds-form-select-sorting--padding-left: var(--krds-padding-2);
    --krds-form-select-sorting--radius: var(--krds-radius-small2);
    --krds-form-select-sorting--icon-size-small: var(--krds-icon--size-small);
    --krds-form-select-sorting--padding-left-small: var(--krds-padding-1);
    --krds-form-select-sorting--padding-right-small: calc(var(--krds-form-select-sorting--padding-left) + var(--krds-gap-1) + var(--krds-form-select-sorting--icon-size-small));
    --krds-form-select-sorting--pc-font-size-small: var(--krds-pc-font-size-label-small);
    --krds-form-select-sorting--mobile-font-size-small: var(--krds-mobile-font-size-label-small);
    --krds-form-select-sorting--icon-size-medium: var(--krds-icon--size-medium);
    --krds-form-select-sorting--padding-left-medium: var(--krds-padding-2);
    --krds-form-select-sorting--padding-right-medium: calc(var(--krds-form-select-sorting--padding-left) + var(--krds-gap-1) + var(--krds-form-select-sorting--icon-size-medium));
    --krds-form-select-sorting--pc-font-size-medium: var(--krds-pc-font-size-label-medium);
    --krds-form-select-sorting--mobile-font-size-medium: var(--krds-mobile-font-size-label-medium);
    --krds-form-select-sorting--icon-size-large: var(--krds-icon--size-large);
    --krds-form-select-sorting--padding-left-large: var(--krds-padding-2);
    --krds-form-select-sorting--padding-right-large: calc(var(--krds-form-select-sorting--padding-left) + var(--krds-gap-1) + var(--krds-form-select-sorting--icon-size-large));
    --krds-form-select-sorting--pc-font-size-large: var(--krds-pc-font-size-heading-small);
    --krds-form-select-sorting--mobile-font-size-large: var(--krds-mobile-font-size-heading-small);
    position: relative;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(../../images/component/icon/ico_angle.svg);
    mask-image: url(../../images/component/icon/ico_angle.svg);
    -webkit-mask-image: none;
    mask-image: none;
    background-image: url(../../images/component/icon/ico_angle.svg);
    background-color: transparent !important;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-mask: none;
    mask: none;
    background-color: var(--krds-form-select-sorting--color-background) !important;
    border: none;
    border-radius: var(--krds-form-select-sorting--radius);
    font-family: inherit;
    color: var(--krds-form-select-sorting--color-text);
    transition: var(--krds-transition-base);
}

.krds-form-select-sort {
    padding: 0 var(--krds-form-select-sorting--padding-right-medium) 0 var(--krds-form-select-sorting--padding-left);
    background-position: center right var(--krds-form-select-sorting--padding-left);
    background-size: var(--krds-form-select-sorting--icon-size-medium) !important;
    font-size: var(--krds-form-select-sorting--pc-font-size-medium);
}
/**/
.search-list-top {
    --search-list-color-text-primary: var(--krds-light-color-text-primary);
    --search-list-width-border: var(--krds-light-border-width-variable-regular);
    --search-list-color-border: var(--krds-light-color-divider-gray);
    --search-list-sort-btn-color-button-hover: var(--krds-light-color-button-text-fill-hover);
    --search-list-sort-btn-color-button-active: var(--krds-light-color-button-text-fill-pressed);
    --search-list-sort-btn-color: var(--krds-light-color-text-basic);
    --search-list-sort-btn-color-background: var(--krds-light-color-button-text-fill);
    --search-list-sort-btn-border: var(--krds-light-border-width-static-regular) solid var(--krds-light-color-button-text-border);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
    gap: var(--krds-gap-9);
    margin: var(--krds-pc-gap-layout-h2-h3) 0 var(--krds-gap-7);
}
.search-list-top.border {
    flex-wrap: wrap;
    padding-bottom: var(--krds-padding-8);
    margin: 0 0 var(--krds-padding-10);
    border-bottom: var(--search-list-width-border) solid var(--search-list-color-border);
}



@media (max-width:1024px) {
.search-list-top.border{
border-bottom:0;
padding: var(--krds-padding-7) 0;
margin-bottom: 0;
}

}


.search-list-top .sch-info {
    display: inline;
    font-size: var(--krds-pc-font-size-body-large);
    font-weight: var(--krds-font-weight-bold);
}
.search-list-top .sch-info li, .search-list-top .sch-sort li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    position: relative;
}
.search-list-top .sch-info li:not(:last-child), .search-list-top .sch-sort li:not(:last-child) {
    padding-right: 1.7rem;
}
.search-list-top .sch-info li {
    display: inline;
}

.search-list-top .sch-info .point {
    word-break: break-all;
    color: var(--search-list-color-text-primary);
}
.search-list-top .sch-info li:not(:last-child)::after, .search-list-top .sch-sort li:not(:last-child)::after {
    content: "";
    display: inline-flex;
    width: var(--search-list-width-border);
    height: var(--krds-size-height-2);
    background-color: var(--search-list-color-border);
    position: absolute;
    bottom: 0.3rem;
    right: 0.5rem;
}

.search-list-top .sch-sort {
    display: flex
;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
}

.search-list-top .sch-sort {
    flex-shrink: 0;
}

.search-list-top .sch-sort .sort-label {
    font-weight: var(--krds-font-weight-bold);
    white-space: nowrap;
    margin-right: var(--krds-gap-4);
}

.search-list-top .sch-sort .krds-form-select-sort {
    border: var(--search-list-sort-btn-border);
    border-radius: var(--krds-radius-medium2);
    background-color: var(--search-list-sort-btn-color-background);
}

.search-list-top .sch-info li:not(:last-child)::after, .search-list-top .sch-sort li:not(:last-child)::after {
    content: "";
    display: inline-flex;
    width: var(--search-list-width-border);
    height: var(--krds-size-height-2);
    background-color: var(--search-list-color-border);
    position: absolute;
    bottom: 0.3rem;
    right: 0.5rem;
}

.search-list-top .sch-sort .m-sort-btn {
    display: none;
}

.search-list-top .sch-sort .w-sort-btn {
    display: flex
;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: var(--krds-gap-3);
}

.search-list-top .sch-sort .w-sort-btn button {
    transition: var(--krds-transition-base);
    color: var(--search-list-sort-btn-color);
    border: var(--search-list-sort-btn-border);
    border-radius: var(--krds-radius-medium2);
    background-color: var(--search-list-sort-btn-color-background);
}

.search-list-top .sch-sort .w-sort-btn button.active {
    text-decoration: underline;
    text-underline-offset: var(--krds-font-underline-offset);
}

@media (max-width: 767px) {
        .search-list-top .sch-sort {
        order: 1;
        margin-left: auto;
    }
        .search-list-top {
        gap: var(--krds-gap-7);
        margin-top: var(--krds-mobile-gap-layout-h2-h3);
    }
        .search-list-top.border {
        margin-bottom: 0;
    }
.search-list-top .sch-sort .w-hide {
        display: flex !important;
    }
    .search-list-top .sch-sort .m-sort-btn {
        display: flex
;
        align-items: center;
    }
    .search-list-top .sch-sort .krds-btn.ico-filter {
        position: relative;
        font-size: var(--krds-pc-font-size-heading-xxsmall);
        height: 2.5rem;
        padding: var(--krds-padding-1);
    }
    .search-list-top .sch-sort .krds-btn.ico-filter .span {
        position: relative;
        z-index: 2;
        font-weight: var(--krds-font-weight-bold);
    }  
.search-list-top .sch-sort .krds-btn.ico-filter .krds-badge.number {
        position: absolute;
        top: calc(-1 * var(--krds-number-6));
        right: var(--krds-number-5);
        z-index: 1;
    }    
    .search-list-top .sch-sort .w-sort-btn {
        display: none;
    } 
        .search-list-top .sch-sort .m-sort-btn {
        display: flex;
        align-items: center;
    }  
        
}


/*total-search-list*/
.total-search-list {
    --total-search-color-border: var(--krds-light-color-divider-gray);
    --total-search-width-border: var(--krds-light-border-width-variable-regular);
    --total-search-keyword-color: var(--krds-light-color-text-primary);
    --total-search-keyword-background: var(--krds-light-color-element-primary-lighter);
    --total-search-info-color: var(--krds-light-color-text-subtle);
    --total-search-info-body-text-visited: var(--krds-light-color-link-visited);
    --total-search-info-btm-color: var(--krds-light-color-text-basic);
}


/*원자력안전정보목록 및 비공개대상 세부기준*/
.info-list{
display: flex;
flex-direction: column;
width: 100%;
border-top: 1px solid var(--krds-light-color-divider-secondary-light);
margin-top: var(--krds-pc-gap-layout-h2-h3);
}
.info-list li{
display: flex;
flex-direction: row;
border-bottom: 1px solid var(--krds-light-color-divider-secondary-light);
justify-content: space-between;
padding:  40px 0;
}
.info-list li .btn-wrap{
width: auto;
gap: var(--krds-gap-5);
display: flex
}
.info-list li .logo-bg{
width: 240px;
height: auto;
background-size: contain;
background-repeat: no-repeat;
background-position: left center;
}
.info-list li .logo-bg.bg-01{
background-image:  url(../../images/logo_nssc.svg);
}
.info-list li .logo-bg.bg-02{
background-image:  url(../../images/logo_kins.svg);
}
.info-list li .logo-bg.bg-03{
background-image:  url(../../images/logo_kinac.svg);
}
.info-list li .logo-bg.bg-04{
background-image:  url(../../images/logo_KoFONS.svg);
}
.info-list li .logo-bg.bg-05{
background-image:  url(../../images/logo_khnp.svg);
}
.info-list li .logo-bg.bg-06{
background-image:  url(../../images/logo_korad.svg);
}
.info-list li .logo-bg.bg-07{
background-image:  url(../../images/logo_knfc.svg);
}
.info-list li .logo-bg.bg-08{
background-image:  url(../../images/logo_kaeri.svg);
}
@media (max-width: 1024px) {
.info-list li .btn-wrap .krds-btn{
    gap: var(--krds-button--gap-medium);
    height: var(--krds-button--size-height-medium);
    padding: var(--krds-button--padding-y-medium) var(--krds-button--padding-x-medium);
    border-radius: var(--krds-button--radius-medium);
    font-size: var(--krds-button--pc-font-size-medium);
    font-weight: var(--krds-button--font-weight-medium);


}
}
@media (max-width: 767px) {
.info-list li .btn-wrap .krds-btn{
    gap: var(--krds-button--gap-small);
    height: var(--krds-button--size-height-small);
    padding: var(--krds-button--padding-y-small) var(--krds-button--padding-x-small);
    border-radius: var(--krds-button--radius-small);
    font-size: var(--krds-button--pc-font-size-small);
    font-weight: var(--krds-button--font-weight-small);
    flex:none;
    width: 100%;
}
.info-list li .btn-wrap .krds-btn .svg-icon{
width: var(--krds-icon--size-small);
    height: var(--krds-icon--size-small);
}
.info-list li{
flex-direction: column;
padding: var(--krds-gap-layout-image-text-medium, 20px) 0;
gap: var(--krds-gap-6);
}
.info-list li .logo-bg{
        width: 180px;
        height: 40px;

}
.info-list li .btn-wrap{
flex-direction: column;
gap: var(--krds-gap-5);
}
}









/**/




.custom-info{background-color:var(--krds-color-light-primary-5, #ECF2FE);}

#container.custom-info > .inner:not(.in-between){
    padding-bottom: var(--krds-gap-10);
    margin-bottom: 0;
}
/*
#container.custom-info .tab.secondary.fill{
    height: -webkit-fill-available;
}*/

.custom-info .page-title-wrap{
display: flex;
flex-direction: row;
justify-content: space-between;
}
.custom-info-mark{
display: flex;
gap: var(--krds-gap-5);

}
/* .custom-info-mark > div{
display: flex;
gap: var(--krds-gap-2);
align-items: center;
flex-direction: column;
width: 88px;
padding: var(--krds-gap-4, 12px) var(--krds-gap-2, 4px);
border-radius: var(--krds-radius-xlarge1, 12px);
background: var(--krds-color-light-gray-gray-0, #FFF);
box-shadow: 0 0 2px 0 var(--krds-color-alpha-shadow1, rgba(0, 0, 0, 0.05)), 0 4px 8px 0 var(--color-alpha-shadow2, rgba(0, 0, 0, 0.08));
} */
.custom-info-mark > div a{
display: flex;
gap: var(--krds-gap-2);
align-items: center;
flex-direction: column;
width: 88px;
padding: var(--krds-gap-4, 12px) var(--krds-gap-2, 4px);
border-radius: var(--krds-radius-xlarge1, 12px);
background: var(--krds-color-light-gray-gray-0, #FFF);
/* box-shadow: 0 0 2px 0 var(--krds-color-alpha-shadow1, rgba(0, 0, 0, 0.05)), 0 4px 8px 0 var(--color-alpha-shadow2, rgba(0, 0, 0, 0.08)); */
}
.custom-info-mark > div i{
width: 32px;
height: 32px;
}
.custom-info-mark > div span{
 font-size: var(--krds-pc-font-size-body-xsmall, 13px);
color: var(--krds-light-color-text-subtle, #464C53); 
}
.custom-info-mark > div strong{
color: var(--krds-light-color-text-primary, #0B50D0);
font-size: var(--krds-pc-font-size-heading-xsmall, 17px);
}

.custom-info .conts-area .m-column{
display: flex;
gap: var(--krds-gap-7);
width: 100%;
}
.custom-info .conts-area > div .box{
flex: 1;
}



.custom-info .in{width: 100%;}

@media (max-width: 767px) {

.custom-info .conts-area .m-column{
        gap: var(--krds-gap-5);
}
.custom-info .conts-area{
        gap: var(--krds-gap-5);
}

}



/*cnt-01*/
.custom-info .box.cnt-01{
box-shadow: 0 0 2px 0 var(--color-alpha-shadow2, rgba(0, 0, 0, 0.08)), 0 var(--shadow-y-3, 8px) var(--shadow-blur-3, 16px) 0 var(--color-alpha-shadow3, rgba(0, 0, 0, 0.12));
}
.custom-info .box.cnt-01 > div{
display: flex;
}
.custom-info .box.cnt-01 .time{
justify-content: space-between;
align-items: center;
padding: 12px;
border-radius: var(--krds-radius-medium3, 8px);
border: 1px solid var(--krds-light-color-border-primary-light, #D8E5FD);
width: 100%;
}
.custom-info .box.cnt-01 .time strong{
color: var(--krds-light-primary-primary-40, #5089EF);
font-size: var(--krds-pc-font-size-heading-xsmall, 17px);
}
.custom-info .box.cnt-01 .time p{
font-size: var(--krds-pc-font-size-label-small, 15px);
display: flex;
gap: 4px;
color: var(--krds-light-color-gray-gray-70, #555);
align-items: center;
}
.custom-info .box.cnt-01 .time p::before{
content: "";
background-image: url(../../images/component/icon/ico_time.svg);
display: inline-block;
width: 20px;
height: 20px;
}

.custom-info .box.cnt-01 .name{
justify-content: space-between;
align-items: center;
width: 100%;}

.custom-info .box.cnt-01 .name h3{
font-size: var(--krds-pc-font-size-heading-large, 32px);
}

.custom-info .box.cnt-01 .bottom{
flex-direction: column;
gap: var(--krds-gap-5);
width: 100%;
}

.custom-info .box.cnt-01 .bottom > div{
display: flex;
align-items: center;
width: 100%;
gap: var(--krds-gap-4);
}
.custom-info .box.cnt-01 .krds-badge-wrap{
position: relative;
    width: 530px;
    overflow: hidden;
}
.i-cate.krds-badge{
width: max-content;
}
.i-cate.krds-badge li{
text-wrap: nowrap;
}


@media (max-width: 1024px) {
.custom-info .box.cnt-01 .krds-badge-wrap{
width: 378px 
}

}



@media (max-width: 767px) {

.custom-info .box.cnt-01 .time{
flex-direction: column;
gap: 8px;
padding:var(--krds-gap-3);
    align-items: flex-start;
}
.custom-info .box.cnt-01 .time strong{
    font-size: var(--krds-pc-font-size-heading-xxsmall, 15px);
}
.custom-info .box.cnt-01 .time p {
    font-size: var(--krds-pc-font-size-label-xsmall, 13px);
}
.custom-info .box.cnt-01 .name h3{
font-size: var(--krds-pc-font-size-heading-large, 24px);
}
.custom-info .box.cnt-01 .bottom > div{
flex-direction: column;
gap: var(--krds-gap-4);
align-items: flex-start;
}

.custom-info .box.cnt-01 .krds-badge-wrap{
width: 100%;
}
}

@media (max-width: 767px) {

.custom-info-mark{
width: 100%;
}
.custom-info-mark > div{
display: flex;
gap: var(--krds-gap-2);
align-items: center;
flex-direction: column;
width: 88px;
padding: var(--krds-gap-4, 12px) var(--krds-gap-2, 4px);
border-radius: var(--krds-radius-xlarge1, 12px);
background: var(--krds-color-light-gray-gray-0, #FFF);
box-shadow: 0 0 2px 0 var(--krds-color-alpha-shadow1, rgba(0, 0, 0, 0.05)), 0 4px 8px 0 var(--color-alpha-shadow2, rgba(0, 0, 0, 0.08));
}
.custom-info-mark > div{
width: auto;
flex: 1;
}
}



/*cnt-02*/
.custom-info .box.cnt-02{
width: 40%;  
flex: none !important;
}
.custom-info .box.cnt-02 .krds-check-area{
gap: 12px;
justify-content: flex-end;
width: 100%;
}
.custom-info .box.cnt-02 .box-list{
display: flex;
flex-direction: row;
gap: 16px;
flex: 1 0 0;
width: 100%;
}
.custom-info .box.cnt-02 .box-list > div{
display: flex;
flex: 1;
flex-direction: column;
justify-content: center;
align-items: center;
gap: var(--krds-gap-5, 16px);
border-radius: var(--krds-radius-large1, 10px);
border: 1px solid var(--krds-light-color-border-primary-light, #D8E5FD);
}
.custom-info .box.cnt-02 .box-list > div p{
color: var(--krds-color-light-secondary-80, #052B57);
text-align: center;
font-size: var(--krds-pc-font-size-label-large, 19px);
}
.custom-info .box.cnt-02 .box-list > div span{
color: var(--krds-light-color-text-primary, #0B50D0);
text-align: center;
font-size: var(--krds-pc-font-size-display-small, 36px);
font-weight: 700;
letter-spacing: var( --krds-typo-letter-spacing-1, 1px);
}
@media (max-width: 1024px) {
.custom-info .box.cnt-02 .box-list > div p{
font-size: var(--krds-pc-font-size-label-medium, 17px);
}

}
@media (max-width: 767px) {
.custom-info .box.cnt-02{
width: 100%;
    border: var(--krds-structured-list--border-width) solid var(--krds-structured-list--list-color-border);}
.custom-info .box.cnt-02 .krds-check-area{
gap: var(--krds-gap-3, 8px);
}
.custom-info .box.cnt-02 .box-list{
flex-direction: column;
}
.custom-info .box.cnt-02 .box-list > div{
flex-direction: row;
justify-content:space-between;
padding: var(--krds-gap-3, 8px) var(--krds-gap-5, 16px);
}
.custom-info .box.cnt-02 .box-list > div p {
font-size: var(--krds-pc-font-size-label-small, 15px);
    }
.custom-info .box.cnt-02 .box-list > div span{
font-size: var(--krds-pc-font-size-heading-medium, 22px);
}
}

/*cnt-03*/

.custom-info .tab-01-cnt-03 .in{
height: calc(100% - 36px);
}


.custom-info .box.cnt-03 .tag-wrap{
background: var(--krds-color-light-primary-5, #EFF5FF);
    width: 100%;
}
.tag-wrap{
display: flex;
gap: 12px;
flex: 1 0 0;
flex-wrap: wrap;
align-items: center;
padding: 12px;
border-radius: 8px;
}

.tag-wrap span{
color: var(--krds-color-light-primary-40, #5089EF);
font-size: 15px;
}
.tag-wrap span::before{
content: "#";
}


.custom-info .box.cnt-03 .krds-structured-list{
gap: 16px;
height: 161px;
overflow: hidden;}
.custom-info .box.cnt-03 .krds-structured-list li{
padding: 0;
flex: 1;
}
.custom-info .box.cnt-03 .krds-structured-list .in{
gap: 16px;
padding: 16px;
}
.custom-info .box.cnt-03 .krds-structured-list .c-tit{
word-break: break-all;
font-weight: var(--krds-font-weight-bold);
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
font-size: var(--krds-pc-font-size-heading-xsmall, 17px);

}
.custom-info .box.cnt-03 .krds-structured-list .c-date{
font-size: var(--krds-pc-font-size-body-xsmall, 13px);
}
.custom-info .box.cnt-03 .swiper-indicator{
width: 100%;
}
.custom-info .box.cnt-03 .swiper-indicator .swiper-navigation{
justify-content: space-between;
width: 100%;
}
.custom-info .box.cnt-03 .krds-structured-list .in .krds-badge-wrap{
max-width: 134px;}
.custom-info .box.cnt-03 .krds-structured-list .in .krds-badge{
font-size:1.3rem;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
        min-width: max-content;
}
@media (max-width: 1024px) {
.custom-info .box.cnt-03 .krds-structured-list{
        grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.custom-info .box.cnt-03 .krds-structured-list {
 grid-template-columns: 1fr ;
 max-height: 337px;
}
.custom-info .box.cnt-03 .krds-structured-list li{
height: 158.5px;
}
.custom-info .box.cnt-03 .krds-structured-list .in .krds-badge-wrap{
max-width: 100%;}
}

/*cnt-04*/
.custom-info .box.cnt-04 .in{
height: 300px;
overflow: auto;
}

.custom-info .box .list-row{
display: flex;
flex-direction: column;
gap: var(--krds-gap-7);

}
.custom-info .box.cnt-04 .list-row{
    padding-right: 24px;
}

.custom-info .box .list-row > li{
display: flex;
flex-direction: column;
gap: var(--krds-gap-3);
}
.custom-info .box .list-row .c-item{
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 8px;
    align-items: center;
}


.custom-info .box .c-tit{
word-break: break-all;
font-weight: var(--krds-font-weight-bold);
/* -webkit-line-clamp: 1; */
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
font-size: var(--krds-pc-font-size-heading-xsmall, 17px);

}
.custom-info .box .c-date{
font-size: var(--krds-pc-font-size-body-xsmall, 13px);
    word-break: keep-all;
    display: block;
    white-space: nowrap;
}



/*cnt-05*/

.custom-info .box.cnt-05 .tab.line.full.mainpage > ul > li{
flex: 1 1 0px;
min-width:auto
}
.custom-info .box.cnt-05 .tab.line.full.mainpage .btn-tab{
min-width:auto
}
.custom-info .box.cnt-05 .tab.line.full.mainpage > a.krds-btn{
    word-break: keep-all;
    text-align: center;
    flex: 1;
    white-space: nowrap;
}
.custom-info .tab-conts {
gap: var(--krds-gap-7, 24px);
}
.custom-info .tab-conts > div{
height: auto;
}

@media (max-width: 767px) {
.cnt-05-wrap{
padding: 0 !important;
}
.custom-info .box.cnt-05{
border-radius: 0;
}
.custom-info .box.cnt-05 .krds-tab-area{
gap: 16px;
    
}
.custom-info .box.cnt-05 .krds-tab-area > .krds-btn{
    margin-left: auto;
}
.custom-info .box.cnt-05 .krds-tab-area ul .btn-tab{
font-size: var(--krds-pc-font-size-heading-xsmall, 17px) !important;

}

.custom-info .box.cnt-05 .list-row{
gap: var(--krds-gap-5);
}
}
.custom-info .box.cnt-05 .swiper-indicator {
width: 100%;
}
.custom-info .box.cnt-05 .swiper-indicator .swiper-navigation{
justify-content: space-between;
width: 100%;
}

.status{
display: flex;
flex-direction: row;
align-items: center;
gap: var(--krds-gap-3); 
width: 100%;
flex-wrap: wrap;
}
.status .s-item{
display: flex;
flex-direction: column;
align-items: center;
gap: var(--krds-gap-2);
border-radius: var(--krds-radius-medium3, 8px);
border: 0.583px solid var(--krds-light-color-border-gray-light, #CDD1D5);
flex: 1;
padding: var(--krds-gap-4, 12px) 8px;
}


.status .s-item p{
font-size: var(--krds-pc-font-size-body-xsmall, 13px);
font-weight: 700;
}
.status .s-item span{
font-size: var(--krds-pc-font-size-body-medium, 17px);
font-weight: 700;
}
.s-img{
width: 32px;
height: 32px;
background-repeat: no-repeat;
background-size: contain;
}

.s-img.ok{
background-image: url(../../images/status_ok.svg);
}
.s-img.ok.green{
background-image: url(../../images/status_ok_green.svg);
}
.s-img.ok.green-region{
width: 25px;
background-image: url(../../images/Map_NuclearSite_02.svg);
}
.s-img.ok.yellow{
background-image: url(../../images/status_ok_yellow.svg);
}
.s-img.ok.yellow-region{
width: 25px;
background-image: url(../../images/Map_NuclearSite_04.svg);
}
.s-img.danger{
background-image: url(../../images/status_danger.svg);
}
.s-img.danger-region{
width: 25px;
background-image: url(../../images/Map_NuclearSite_03.svg);
}
.s-img.emoji-01{
background-image: url(../../images/status_emoji_01.svg);
}
.s-img.emoji-02{
background-image: url(../../images/status_emoji_02.svg);
}
.s-img.emoji-03{
background-image: url(../../images/status_emoji_03.svg);
}
.s-img.emoji-04{
background-image: url(../../images/status_emoji_04.svg);
}
.s-img.emoji-05{
background-image: url(../../images/status_emoji_05.svg);
}
.s-img.emoji-06{
background-image: url(../../images/status_emoji_06.svg);
}
.s-img.emoji-07{
background-image: url(../../images/status_emoji_07.svg);
}
.s-img.leg{
display: flex;
align-items: center;
border-radius: 50%;
justify-content: center;
font-weight: 700;
border: 3px solid #838383;
    width: 26px;
    height: 26px;
    font-size: 15px;
}
.s-img.leg.i1{
border-color: #228738;
color: #228738;
}
.s-img.leg.i2{
border-color: #008bdb;
color: #008bdb;
}
.s-img.leg.i3{
border-color: #A39700;
color: #A39700;
}
.s-img.leg.i4{
border-color: #d93701;
color: #d93701;
}
.s-img.leg.i5{
border-color: #555555;
color: #555555;
}
.s-img.leg.i6{
border-color: #767676;
color: #767676;
}
.s-img.leg.i7{
border-color: #949494;
color: #949494;
}

.swiper-indicator.space-between {
    width: 100%;
}
.swiper-indicator.space-between .swiper-navigation {
    justify-content: space-between;
    width: 100%;
}

.swiper-indicator.flex-start{
    justify-content: flex-start; 
}

.custom-info .tab-01-cnt-01{
width: 30%;
flex: none !important;
}

.krds-table-wrap .s-img{
width: 24px;
height: 24px;
}
@media (max-width: 1024px) {

.custom-info .tab-01-cnt-02 .status{
    flex-wrap: wrap;
    justify-content: center;
}
.custom-info .tab-01-cnt-02 .status .s-item{
width: 73px;
flex: none;
}
}
@media (max-width: 767px) {
.custom-info .tab-01-cnt-01{
width: 100%;
}

}




/**/
.custom-info button.box{
width: 173px;    
flex: none !important;
padding: var(--krds-padding-card-small, 24px);
border: 1px solid var(--krds-light-color-border-disabled, #B1B8BE);
background: var(--krds-light-color-background-gray-subtle, #E6E8EA);
color: var(--krds-light-color-text-disabled, #8A949E);
font-size: var(--krds-font-size-heading-medium, 24px);
font-weight: 700;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 767px) {
.custom-info button.box{
width: 100%;
font-size: var(--krds-pc-font-size-heading-xsmall, 17px);
padding: var(--krds-padding-card-small, 20px);
}     
}



/*.tab-01-cnt-05*/
.custom-info .tab-01-cnt-05 .krds-step-wrap{
width: 100%;
}
@media (max-width: 767px) {
.custom-info .tab-01-cnt-05 .krds-step-wrap-box{
overflow: auto;
        width: 100%;
}
.custom-info .tab-01-cnt-05 .krds-step-wrap{
flex-wrap: nowrap;
}
.custom-info .tab-01-cnt-05 .krds-step-wrap > li{
width: 106px;
flex: none;
}
}


/*step-box*/
.step-box{
display: flex;
padding: var(--gap-5, 16px);
flex-direction: column;
align-items: flex-start;
gap: var(--gap-5, 16px);
align-self: stretch;
}
.step-box__header{
display: flex;
padding: var(--gap-4, 12px);
align-items: center;
gap: var(--gap-3, 8px);
align-self: stretch;
border-radius: var(--gap-3, 8px);
background: var(--color-background-gray-subtler, #F4F5F6);
justify-content: space-between;
}
.step-box__header .swiper-indicator {
width: auto !important;    
}
.step-box__header .swiper-indicator .swiper-navigation{
justify-content: flex-end !important;  
width: auto !important;
}
.step-box__tit{
display: flex;
flex-direction: column;
gap: var(--gap-2, 4px);
}
.step-box__tit span{
width: fit-content;
}
.step-box__tit p{
font-size: var(--krds-pc-font-size-heading-small, 19px);
font-weight: 700;
}
.step-box__list{
gap: var(--krds-gap-5);
width: 100%;
max-height: 152px;
overflow: auto;
}
.custom-info .box .list-row.step-box__list{
gap: var(--krds-gap-5);
width: 100%;
}
.list-row .empty{
padding: 25px 0;
    align-items: center;
        justify-content: center;
            height: 100%;
}
.step-box .c-item{
flex-direction: column;
gap: var(--gap-2, 4px);
padding:var(--krds-gap-4) 0;
border-bottom: 1px solid var(--color-divider-gray-light, #CDD1D5);
align-items: flex-start;
}

.step-box li:first-child .c-item{
padding-top: 0;
}
.step-box li:last-child .c-item{
padding-bottom: 0;
border-bottom: 0;
}

.custom-info .box .step-box .c-item{
flex-direction: column;
gap: var(--gap-2, 4px);
align-items: flex-start;
}





@media (max-width: 767px) {
.custom-info .box.step-box{
padding: var(--krds-gap-3);
gap: var(--krds-gap-5);
}
.step-box__tit p{
font-size: var(--krds-pc-font-size-heading-xxsmall, 15px) !important;
}


.step-box .c-tit{
font-size: var(--krds-pc-font-size-heading-xxsmall, 15px) !important;
}
.step-box .c-item{
    padding: var(--krds-gap-3) 0; 
}
.step-box .list-row{
    gap: 0 !important;
}
.step-box__list{
max-height: 118px;
}
}
/*tab-01-cnt-07*/
.tab-01-cnt-07 .krds-step-wrap{
width: 100%;
}

.tab-01-cnt-07 .krds-step-wrap-box{
width: 100%;
}
@media (max-width: 767px) {
.tab-01-cnt-07 > .tab-conts-wrap > section{
        gap: var(--krds-gap-5);
} 
}

/*원전 인・허가 현황*/
.step-style-01{
padding-right: 20px;
}
/*단계동일하게
.step-style-01 li{flex: none;}
.step-style-01 li:nth-child(1){width: 21%;}
.step-style-01 li:nth-child(2){width: 8.5%;}
.step-style-01 li:nth-child(3){width: 19%;}
.step-style-01 li:nth-child(4){width: 11%;}
.step-style-01 li:nth-child(5){width: 33%;}
.step-style-01 li:nth-child(6){width: 7.5%;}*/
.step-style-01 li span{
    white-space: nowrap;
}
@media (max-width: 767px) {
.tab-01-cnt-07 .krds-step-wrap-box{
width: 100%;
}
.step-style-01{
padding-right: 0
}
.step-style-01 .krds-step-wrap{
flex-wrap: wrap;
row-gap: var(--krds-gap-5);
}
.step-style-01 li:nth-child(1){width: 131px;}
.step-style-01 li:nth-child(2){width: 58px;}
.step-style-01 li:nth-child(3){width: 131px;}
.step-style-01 li:nth-child(4){width: 69px;}
.step-style-01 li:nth-child(5){width: 174px;}
.step-style-01 li:nth-child(6){width: 69px;}
}



/*tab-01-cnt-08*/
.tab-01-cnt-08 .bottom{
display: flex;
width: 100%;
gap: var(--krds-gap-3);
text-align: center;
    flex-direction: column;
}
.tab-01-cnt-08 .bottom p{
font-size: var(--krds-pc-font-size-label-small);
}
.swiper-indicator .swiper-navigation{
align-items: center;
}
.swiper-indicator .swiper-navigation p{
font-size: var(--font-size-heading-small, 19px);
font-weight: 700;
}

.tab-01-cnt-08 .tab > ul
{overflow-x: hidden;
width: 513px;
}
.tab-01-cnt-08 .tab .carousel-square{
height: 40px;
margin-top: -20px;
}

@media (max-width: 1024px) {
.tab-01-cnt-08 .tab > ul{
width: auto;
}
}



/*input-txt-box*/
.input-txt-box{
gap: var(--krds-gap-8, 32px);
    display: flex;
    flex-direction: column;
}
.input-txt-box > .box-cnt{
gap: var(--krds-gap-5);
}
.box-cnt-box{
border-radius: var(--krds-radius-medium3, 8px);
border: 1px solid var(--krds-light-color-border-gray-light, #CDD1D5);
background: var(--krds-light-color-background-white, #FFF);
padding: var(--krds-gap-7, 24px);
gap: var(--krds-gap-9, 40px);
display: flex;
}
.box-cnt-box .box-cnt:not(:last-child) {
padding-right: 30px;
}

.region-choice .krds-check-area{
flex-direction: column;
gap: var(--krds-gap-5, 16px);
}
.box-cnt-box .category-choice{
width: 100%;
}

.box-cnt-box .category-choice.box-cnt .box-sec .form-group .form-conts .krds-check-area{
flex-direction: row;
    flex-wrap: wrap;
}
.box-cnt-box .category-choice.box-cnt .box-sec .form-group .form-conts .krds-check-area .krds-form-check{
flex: 0 0 calc(50% - 15px);
}
@media (max-width: 767px) {
.box-cnt-box .category-choice.box-cnt .box-sec .form-group .form-conts .krds-check-area{
flex-direction: column;
    flex-wrap: nowrap;
}
.box-cnt-box .category-choice.box-cnt .box-sec .form-group .form-conts .krds-check-area .krds-form-check{
flex: none;
}    
}

.box-cnt-box .area-choice{
width: 100%;
}
.box-cnt-box .area-choice .box-sec .form-group .form-conts .krds-check-area{
justify-content: space-between;
}
.box-cnt-box .receive-choice .krds-check-area .krds-form-check{
flex-direction: row;
}
.box-cnt-box .receive-choice .krds-check-area{
   justify-content: space-between; 
   width: 100%;
}



@media (max-width: 767px) {
.input-txt-box{
padding: var(--krds-padding-6, 16px) var(--krds-gap-5, 16px);
gap: var(--krds-gap-7, 24px);
}
.box-cnt{
gap: var(--krds-gap-7, 16px);    
}
.box-cnt-box{
padding: var(--krds-gap-5, 16px);
gap: var(--krds-gap-5, 16px);
}
}




/*tab-style-01*/
.tab-style-01{
width: 100%;}
.tab-style-01 > ul {
gap:0;
flex-wrap: nowrap;
border: 0;
background: var(--krds-light-color-background-gray-subtler);
border-radius: var(--krds-radius-medium2);
display: flex;
flex-wrap: wrap;
align-items: stretch;
position: relative;
width: 100%;}
.tab-style-01> ul > li {
flex: 1 1 0px !important;
border-radius: var(--krds-radius-medium2);
width: fit-content;
min-width: 0;
}

.tab-style-01 > ul > li:last-of-type .btn-tab {
border-top-right-radius: var(--krds-tab--fill-button-radius);
border-bottom-right-radius: var(--krds-tab--fill-button-radius); border-radius: 0;
}
.tab-style-01 > ul > li:first-of-type .btn-tab{    border-top-left-radius: var(--krds-tab--fill-button-radius);
border-bottom-left-radius: var(--krds-tab--fill-button-radius);
border-radius: 0;}


.tab-style-01 .active .btn-tab {
background-color: var(--krds-color-light-primary-50);
border-color: transparent !important;
color: #fff;
}
.tab-style-01 > ul > li + li .btn-tab {
border-left: none;
}
.tab-style-01 .btn-tab {
height: var(--krds-size-height-7);
min-width: 72px !important;
padding: 0 var(--krds-padding-5);
background: var(--krds-light-color-background-gray-subtler);
border-width: 0 !important;
color: var(--krds-light-color-text-subtle);
border-radius: var(--krds-radius-medium2);
font-size: var(--krds-pc-font-size-heading-xxsmall, 15px);
border-color: var(--krds-tab--fill-button-color-border);
padding: 0 var(--krds-padding-5);
}
@media (max-width: 767px) {
.tab-01-cnt-07{
position: relative;
padding-top: 60px !important;
}
.tab-style-01 {
position: absolute;
top: 0;
left: 0;
}
.tab-style-01 > ul, .tab-style-01 > ul > li{
border-top-left-radius: var(--krds-radius-xlarge1, 12px);
border-top-right-radius:  var(--krds-radius-xlarge1, 12px);
border-bottom-left-radius: 0;
border-bottom-right-radius:  0;
}
.tab-style-01 > ul > li:first-of-type .btn-tab{
border-top-left-radius: var(--krds-radius-xlarge1, 12px);
border-top-right-radius:  var(--krds-radius-xlarge1, 12px);
border-bottom-left-radius: 0;
border-bottom-right-radius:  0;
}


}

/*tab-style-02*/
.tab-style-02{
        overflow: hidden;
        width: inherit;
}
.tab-style-02.line > ul {
overflow:auto !important;
    }
@media (max-width: 767px) {

.tab.line.secondary.primary.tab-style-02 .active .btn-tab {
    color: var(--krds-color-light-primary-50);
    background-color:#fff;
}
.tab.line.secondary.primary.tab-style-02 li {
    flex-grow: 0 !important;
    border-radius: 0;
}
.tab.line.secondary.primary.tab-style-02 .btn-tab {
    color: var(--color-text-subtle, #464C53);
    height: var(--krds-size-height-6, 40px);
    min-width: 56px;
    font-size: var(--krds-pc-font-size-heading-xsmall, 17px);
        padding: 0 var(--krds-tab--line-button-padding);
background: #fff;
}
.tab.line.secondary.primary.tab-style-02 .active .btn-tab:before {
        position: absolute;
    bottom: 0;
    content: "";
    height: 0.4rem;
    transition: var(--krds-transition-base);
    left: 0;
    width: 100%;
    display: block;
}
}

/*tab-style-03*/
@media (max-width: 767px) {
.tab.fill.full.tab-style-03 {
border-radius: var(--krds-tab--fill-button-radius);
border:1px solid var(--krds-tab--fill-button-color-border);
}
.tab.tab-style-03 > ul{
flex-direction: column;
gap: 0 !important;        
}
.tab.tab-style-03 > ul >  li{
width: 100% !important;
border-bottom:1px solid var(--krds-tab--fill-button-color-border) !important;
}
.tab.fill.full.tab-style-03 > ul > li:last-of-type {
border-bottom:0 !important;
}
.tab.fill.full.tab-style-03 .btn-tab{
background-color: #fff ;
border-radius: 0 ;
padding: 0 ;
height: var(--size-height-8, 56px);
font-size: var(--krds-pc-font-size-heading-xsmall, 17px);

}
.tab.tab-style-03 > ul >  li.active .btn-tab{
background-color: var(--krds-light-color-action-secondary-active, #063A74) !important;
}
.tab.fill.full.tab-style-03 > ul > li:first-of-type .btn-tab{
border-top-right-radius: var(--krds-tab--fill-button-radius) ;
border-top-left-radius: var(--krds-tab--fill-button-radius) ;
border-bottom-left-radius:0
}
.tab.fill.full.tab-style-03 > ul > li:last-of-type .btn-tab{
border-bottom-right-radius: var(--krds-tab--fill-button-radius) !important;
border-bottom-left-radius: var(--krds-tab--fill-button-radius) !important;

}
}
.tab-style-04.tab.line .active .btn-tab{
color: var(--krds-color-light-primary-50);
}
.tab-style-04.tab.line .btn-tab:before{
background-color: var(--krds-color-light-primary-50);
bottom: 0;
}
@media (max-width: 767px) {
.tab-style-04.tab.line .active .btn-tab{
          color: var(--krds-light-color-text-basic-inverse);  
}

}
.tab-style-04.tab.line.green .active .btn-tab{
color: var(--color-icon-success, #228738);
}
.tab-style-04.tab.line.green .btn-tab:before{
background-color:var(--color-text-success, #267337);
bottom: 0;
}
@media (max-width: 767px) {
.tab-style-04.tab.line.green .btn-tab{
font-size: var(--krds-pc-font-size-heading-xsmall, 17px);
}
.tab-style-04.tab.line.green .btn-tab,
.tab-style-04.tab.line.green > ul{
background: transparent;
}
.tab-style-04.tab.line.green .active .btn-tab{
color: var(--color-icon-success, #228738);
}
.tab.line .active .btn-tab:before{
display: inline-block;
}
.tab-style-04.tab.line.green .btn-tab:before{
background-color:var(--color-text-success, #267337);
bottom: 0;
}

}
/*주제별안전정보*/
/*box-between-conts */
.box-between-conts {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    gap: 32px;
    width: 100%;
}
.box-between-conts .contents {
    /*flex: 1;*/
    width: 100%;
}
.box-between-conts .aside {
    position: relative;
    top: 0;
    width: 33.6rem;
    flex-shrink: 0;
    height: 100%;
    transition: top 0.1s;
}

/*.nuclear-map-wrap*/
.nuclear-map-wrap{
width: 100%;
padding: var(--krds-gap-7, 24px);
border-radius: 12px;
border: 1px solid var(--krds-light-color-border-primary-light, #D8E5FD);
background: linear-gradient(0deg, rgba(244, 245, 246, 0.50) 0%, rgba(244, 245, 246, 0.50) 100%), var(--krds-lightcolor-background-white, #FFF);
    gap: 14px;
}
@media (max-width: 767px) {
    .nuclear-map-wrap{padding:var(--krds-gap-7, 24px);}
}


/*.nuclear-map-wrap .tab*/
.nuclear-map-wrap .tab ul{
border: 0 !important;
gap: 0;
background: var(--krds-light-color-background-gray-subtle);
width: fit-content;
border-radius: var(--krds-radius-medium4);

}
.nuclear-map-wrap .tab li {
border-radius: var(--krds-radius-medium4);
background: var(--krds-light-color-background-gray-subtle);
}
.nuclear-map-wrap .tab .btn-tab {height: 48px;min-width: 72px !important;padding: var(--krds-padding-card-xsmall, 16px) var(--krds-padding-card-small, 24px);background: var(--krds-light-color-button-tertiary-fill, rgba(255, 255, 255, 0.00));border-width: 0 !important;color: var(--krds-light-color-text-secondary);border-radius: var(--krds-radius-medium4);font-size: var(--krds-pc-font-size-heading-small);border-bottom: 0;}
.nuclear-map-wrap .tab .active .btn-tab {
background-color: var(--krds-color-light-primary-50);
color: var(--krds-light-color-text-basic-inverse) !important;
}
.nuclear-map-wrap .tab .btn-tab:before{
display: none;
}


/*map-area*/
.map-area{
width: 100%;
height: 880px !important;
display: flex;
align-items: center;
flex-direction: column;
justify-content: flex-end;
position: relative;
gap: var(--krds-gap-5);
margin-top: -62px;
}
.map-area svg{
width: 500.391px;
height: 800px;
}
.map-area > ul{
position: absolute;
top: 100px;
left: calc(50% - 250px);
}
.map-area > span{
width: 100%;
text-align: right;
font-size: var(--krds-pc-font-size-label-medium, 17px);

}
.map-pin{
position: absolute;
display: block;
border-radius: 50%;
border: 1px solid var(--krds-light-color-light-primary-30, #86AFF9);
background: var(--krds-light-color-alpha-base50, rgba(255, 255, 255, 0.50));
width: 56px;
height: 56px;
cursor: pointer;

}

.map-pin::before{
content: "";
display: block;
width: 32px;
height: 32px;
background-color: #fff;
background-image: url(../../images/Map_NuclearSite_01.svg);
border-radius: 50%;
background-size: 24px;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 12px;
left: 12px;
z-index: 0;
}
.map-pin.active{
background: var(--krds-light-color-alpha-inverse25, rgba(0, 0, 0, 0.25));
border: 1px solid var(--krds-light-color-light-primary-50, #256EF4);

}
.map-pin.active::before{
background-color: var(--krds-light-color-alpha-base50, rgba(255, 255, 255, 0.50));
background-image: url(../../images/Map_NuclearSite_01_hover.svg);    
}
.map-pin.active .map-label{
background-color: var(--krds-light-color-border-primary, #256EF4);
color: #fff;

}
.map-pin.active .map-label::after{
 border-color: var(--krds-light-color-border-primary, #256EF4) transparent transparent transparent;
}

.map-pin.active .lists li:hover{
    background:rgb(216 229 253 / 54%);
}
.map-pin .lists .nuclear-site-ico:hover{
opacity: 0.5;
}
.map-label{border-radius: 6px;background-color: #fff;font-size: var(--krds-pc-font-size-body-medium, 17px);font-weight: 700;padding: var(--krds-gap-1, 2px) 12px;position: absolute;top: -30px;white-space: nowrap;z-index: 10;}
.map-label::after {
  content: '';
  position: absolute;
  top: 100%; /* 툴팁 아래쪽에 꼬리 배치 */
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-width: 6px;
  border-style: solid;
  border-color: #ffffff transparent transparent transparent; /* 삼각형 색상 */
}/*
.map-label::before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: #fff transparent transparent transparent; 
  margin-top: -2px; 
}*/







.map-area .lists{
border-radius: var(--krds-radius-xlarge1, 12px);
border: 2px dashed var(--krds-color-light-primary-40, #4C87F6);
background: var(--krds-color-alpha-base25, rgba(255, 255, 255, 0.25));
position: absolute;
display: flex;
flex-direction: column;
    white-space: nowrap;
}

.map-area .lists li{
display: flex;
gap: var(--krds-gap-2);
flex-direction: column;
padding:var(--krds-padding-5, 12px) ;
}
.map-area .lists p{
font-size: var(--krds-pc-font-size-body-small, 15px);
font-weight: 700;
}


.nuclear-site-ico-box{
display: flex;
flex-direction: row;
gap: var(--krds-gap-2);
}
.nuclear-site-ico{
width: 20px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: flex;
align-items: center;
justify-content: center;
position: relative;
    height: 20px;
}

.Map_NuclearSite_02{
background-image: url(../../images/Map_NuclearSite_02.svg);
}
.Map_NuclearSite_03{
background-image: url(../../images/Map_NuclearSite_03.svg);
}
.Map_NuclearSite_04{
background-image: url(../../images/Map_NuclearSite_04.svg);
}
.Map_NuclearSite_05{
background-image: url(../../images/Map_NuclearSite_05.svg);
}
.Map_NuclearSite_06{
background-image: url(../../images/Map_NuclearSite_06.svg);
}
.Map_NuclearSite_07{
background-image: url(../../images/Map_NuclearSite_07.svg);
}
.Map_NuclearSite_08{
background-image: url(../../images/Map_NuclearSite_08.svg);
}
.Map_NuclearSite_09{
background-image: url(../../images/Map_NuclearSite_09.svg);
}
.nuclear-site-ico span{
color: var(--color-background-white, #FFF);
text-align: center;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
font-size: var(--font-size-body-xsmall, 13px);
font-weight: 700;
margin-top: 3px;
position: absolute;
}

.lists{
position: relative;
}
.lists:after{
content: "";
display: inline-block;
height: 1px;
border: 1px dashed var(--krds-color-light-primary-40, #4C87F6);
position: absolute;
}

.map-pin.seoul{
top: 100px;
left: 97px;
}
.map-pin.seoul .lists{
top: -19px;
left: -215px;
}
.map-pin.seoul .lists:after{
width: 123px;
right: -123px;
top: 50px;
}

.map-pin.yongin{
    top: 130px;
    left: 128px;
}
.map-pin.yongin .lists{
    top: 29px;
    left: -246px;
}
.map-pin.yongin .lists:after{
width: 136px;
right: -138px;
top: 11px;
}

.map-pin.yongin{
    top: 130px;
    left: 128px;
}

.map-pin.yongin2 .map-label{
    left: 20px;
}

.map-pin.daejeon{
    top: 269px;
    left: 141px;
}
.map-pin.daejeon .lists{
    top: 12px;
    left: -258px;
}
.map-pin.daejeon .lists:after{
width: 136px;
right: -138px;
top: 11px;
}

.map-pin.han-bit{
    top: 425px;
    left: 47px;
}
.map-pin.han-bit .lists{
    top: 15px;
    left: -191px;
}
 .map-pin.han-bit .lists:after{
    width: 21px;
    right: -24px;
    top: 11px;
} 

.map-pin.han-ul{
top: 163px;
left: 364px;
}
.map-pin.han-ul .map-label{
left: -30px;
    top: -20px;
}

.map-pin.han-ul .map-label:after{
display: none;
}
.map-pin.han-ul .lists{
    top: -130px;
    right: -193px;
}
.map-pin.han-ul .lists:after{
    border: 0;
    content: "";
    position: absolute;
    top: 65px;
    left: -55px;
    width: 54px;
    height: 58px;
    border-left: 2px dotted #3b82f6;
    border-top: 2px dotted #3b82f6;
    border-top-left-radius: 19px;
}

.map-pin.wol-seong{
top: 340px;
    left: 374px;
}
.map-pin.wol-seong .lists{
    top: -101px;
    right: -181px;
}
.map-pin.wol-seong .lists:after{
    width: 58px;
    top: 124px;
    left: -61px;
}


.map-pin.sae-ul{
top: 382px;
    left: 355px;
}
.map-pin.sae-ul .lists{
    top: 9px;
    right: -198px;
}
.map-pin.sae-ul .lists:after{
    width: 76px;
    top: 15px;
    left: -78px;
}
.map-pin.sae-ul .map-label{
    left: -73px;
    top: -4px;
}
.map-pin.sae-ul .map-label::before, 
.map-pin.sae-ul .map-label::after{
display: none;
}

.map-pin.go-li{
    top: 428px;
    left: 333px;
}
.map-pin.go-li .lists{
top: 44px;
    right: -220px;
}
.map-pin.go-li .lists:after{
    border: 0;
    content: "";
    position: absolute;
    top: 6px;
    left: -116px;
    width: 117px;
    height: 62px;
    border-left: 2px dotted #3b82f6;
    border-bottom: 2px dotted #3b82f6;
    border-bottom-left-radius: 21px;
}
.map-pin.go-li .map-label{
    left: -73px;
    top: -4px;
}
.map-pin.go-li .map-label::before, 
.map-pin.go-li .map-label::after{
display: none;
}


.map-pin.busan{
    top: 420px;
    left: 350px;
}
.map-pin.busan .lists{
    bottom: -109px;
    right: -23px;
}
.map-pin.busan .lists:after{
    top: -37px;
    left: 51px;
    height: 35px;
}
.map-pin.busan .map-label{
    left: -42px;
    top: 14px;
}
.map-pin.busan .map-label::before, 
.map-pin.busan .map-label::after{
display: none;
}

.map-pin.busan2{
	top: 330px !important;
    left: 337px !important;
}


.map-area .legend{
padding: var(--krds-gap-3, 8px) var(--krds-gap-4, 12px) var(--krds-gap-3, 8px) var(--krds-gap-3, 8px);
flex-direction: column;
align-items: flex-start;
gap: var(--gap-2, 4px);
border-radius: var(--krds-radius-medium3, 8px);
border: 1px solid var(--krds-light-color-border-gray, #B1B8BE);
background: var(--krds-light-color-background-white, #FFF);
position: absolute;
left: var(--krds-gap-7, 24px);
bottom: var(--krds-gap-7, 24px);
}
.map-area .legend ul{
display: flex;
gap: var(--krds-gap-2, 4px);
flex-direction: column;
}
.map-area .legend span{
font-weight: 700;
font-size: var(--krds-pc-font-size-body-xsmall, 13px);

}
.map-area .legend li{
display: flex;
gap: var(--krds-gap-2, 4px);
}
.map-area .legend .nuclear-site-ico{
width: 20px;
height: 20px;
background-size: 70%;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
}
.map-area .legend i{

}

/**/

.map-area.map-region a{
cursor: pointer;
}


.label rect{ 
fill:var(--color-alpha-base50, rgba(255, 255, 255, 0.50)); 
rx:6;
}
.label text{font-weight:700;font-size: var(--font-size-body-small, 15px);text-anchor:middle;dominant-baseline:middle;color: #000;}

.map-area.map-region a:hover path,
.map-area.map-region a.active path{
fill: var(--color-element-primary, #256EF4);
}

.map-area.map-region a:hover text,
.map-area.map-region a.active text {
fill: #000;
}

/*오늘의 과거*/
.today-history{
border-radius: var(--krds-radius-xlarge1, 12px);
border: 1px solid var(--krds-light-color-border-gray-light, #CDD1D5);
background: rgba(244, 245, 246, 0.50);
display: flex;
padding: var(--krds-gap-7, 24px);
    align-items: center;
    align-self: stretch;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;

}
.title-wrap {
 display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: row;
    gap: var(--krds-gap-2);
}
.title-wrap .h-tit {
    font-size: var(--krds-pc-font-size-heading-large);
    letter-spacing: var(--krds-typo-letter-spacing-1);
    font-weight: var(--krds-font-weight-bold);
}
.title-wrap .h-tit .small-txt {
    display: flex;
    font-size: var(--krds-pc-font-size-heading-xxsmall);
    color: var(--krds-light-color-text-subtle);
        letter-spacing: 0;
}
.today-history .krds-badge-wrap{
    align-items: center;
}
.today-history .krds-badge-wrap .txt{
font-size: var(--krds-pc-font-size-heading-medium, 24px);
font-weight: 700;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.today-history .in{
    gap: 16px;
    display: flex;
    flex-direction: column;
}
.today-history .swiper-navigation{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: -webkit-fill-available;
}

.today-history .swiper-button-next, .today-history .swiper-button-prev{
position: inherit;
    margin-top: 0;
}
.today-history .swiper-button-prev::after {
    transform: rotate(180deg);
}
.today-history .swiper-button-next::after {
    transform: rotate(0deg);
}
@media (max-width: 1023px) {
.today-history .swiper-navigation{
width: auto;
}
}  

.today-history .krds-badge{
 height: var(--krds-badge--size-height-large);
 font-size: var(--krds-badge--pc-font-size-large);}
@media (max-width: 767px) {
.today-history .krds-badge {
 font-size: var(--krds-badge--mobile-font-size);
 }
 .today-history .krds-badge-wrap .txt {
 font-size: var(--krds-pc-font-size-heading-small, 19px);
width: calc(100% - 850px);
}
    
}    
/*원전 생애주기 정보*/
.nuclear-lifecycle{
border-radius: var(--krds-radius-xlarge2, 12px);
border: 1px solid var(--krds-light-color-border-primary-light, #D8E5FD);
background: linear-gradient(0deg, var(--color-alpha-base50, rgba(255, 255, 255, 0.50)) 0%, var(--color-alpha-base50, rgba(255, 255, 255, 0.50)) 100%), var(--color-light-primary-5, #ECF2FE);
display: flex;
padding: var(--krds-gap-8, 32px);
flex-direction: column;
justify-content: center;
width: 100%;
gap: var(--krds-gap-8);
}
.nuclear-lifecycle .step{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
}

.nuclear-lifecycle .step-node{
display: flex;
padding: var(--krds-gap-6, 20px);
align-items: center;
border-radius: var(--krds-radius-max, 1000px);
width: fit-content;
border: 2px solid var(--krds-color-high-contrast-warning-20, #FFC95C);
background: var(--krds-light-color-background-white, #FFF);
position: relative;
background: var(--krds-light-color-background-white, #FFF);
}
.nuclear-lifecycle .step-node i{
width: 48px;
height: 48px;
}

.nuclear-lifecycle .step-node--yellow{
border: 2px solid var(--krds-color-high-contrast-warning-20, #FFC95C);
}
.nuclear-lifecycle .step-node--blue{
border: 2px solid var(--krds-color-high-contrast-primary-30, #86AFF9);

}
.nuclear-lifecycle .step-node--gray{
border: 2px solid var(--krds-light-color-border-gray-light, #CDD1D5);

}
.nuclear-lifecycle .step-node .arrow{
position: absolute;
    left: 81px;
    display: flex;
    align-items: center;
}
.nuclear-lifecycle .cols {
    display: grid;
    grid-template-columns: repeat(3, 1fr) 1fr;
    gap: 40px;
    padding-top: 23px;
}
.nuclear-lifecycle .col {
display: flex;
flex-direction: column;
gap: 18px;
margin-left: 78px;
}

.nuclear-lifecycle .card{
border-radius: var(--krds-radius-xlarge2, 12px);
border: 2px solid var(--krds-light-color-border-inverse, #FFF);
background: linear-gradient(0deg, var(--krds-light-color-alpha-base50, rgba(255, 255, 255, 0.50)) 0%, var(--color-alpha-base50, rgba(255, 255, 255, 0.50)) 100%), linear-gradient(180deg, var(--color-background-white, #FFF) 10%, var(--color-surface-primary-subtler, #ECF2FE) 24.52%, var(--color-surface-primary-subtler, #ECF2FE) 85.1%, var(--color-background-white, #FFF) 100%);
box-shadow: 0 0 2px 0 var(--krds-light-color-alpha-shadow2, rgba(0, 0, 0, 0.08)), 0 var(--shadow-y-3, 8px) var(--shadow-blur-3, 16px) 0 var(--color-alpha-shadow3, rgba(0, 0, 0, 0.12));
display: flex;
flex-direction: column;
padding: var(--krds-gap-6, 20px);
align-items: flex-start;
gap: var(--krds-gap-3, 8px);
position: relative;
width: 260px;
cursor: pointer;
}

.nuclear-lifecycle .card > button{
    text-align: left;
    gap: var(--krds-gap-3, 8px);
    display: flex;
    flex-direction: column;
}

.nuclear-lifecycle .card:focus{
	box-shadow: var(--krds-box-shadow-outline) !important;
}

.nuclear-lifecycle .card::before{
 border-bottom-left-radius: 32px;
border-bottom: 2px solid var(--krds-light-color-border-gray, #B1B8BE);
border-left: 2px solid var(--krds-light-color-border-gray, #B1B8BE);
content: "";
position: absolute;
width: 37px;
    height: 239px;
    left: -65px;
    top: -158px;
}
.nuclear-lifecycle .card:first-child::before{
    height: 105px;
    top: -25px;
}
.nuclear-lifecycle .card .title{
display: flex;
font-size: var(--krds-pc-font-size-heading-small);
font-weight: 700;
align-items: center;
}
.nuclear-lifecycle .card .title i{
opacity: 0.5;
}
.nuclear-lifecycle .card .desc{
font-size: var(--krds-pc-font-size-label-xsmall, 13px);
word-break: break-all;
}



.nuclear-lifecycle .card:hover{
border:2px solid #B1CEFB;
background:
linear-gradient(0deg, var(--color-alpha-base50, rgba(255, 255, 255, 0.50)) 0%, var(--color-alpha-base50, rgba(255, 255, 255, 0.50)) 100%),
linear-gradient(
    to bottom,
    #ffffff 10%,
    #D8E5FD 25%,
    #D8E5FD 85%,
    #ffffff 100%);
mix-blend-mode: multiply;
}
.nuclear-lifecycle .card:focus:active, 
.nuclear-lifecycle .card:active,
.nuclear-lifecycle .card.active{
border:2px solid #B1CEFB;
background:
linear-gradient(0deg, var(--color-alpha-base10, rgba(255, 255, 255, 0.10)) 0%, var(--color-alpha-base10, rgba(255, 255, 255, 0.10)) 100%),
linear-gradient(
    to bottom,
    #ffffff 10%,
    #D8E5FD 25%,
    #D8E5FD 85%,
    #ffffff 100%);;
mix-blend-mode: multiply;
}

.nuclear-lifecycle .aux{
display: flex;
align-items: center;
gap: var(--krds-gap-8);
flex-wrap: wrap;
}
.nuclear-lifecycle .aux .card {
width: auto;
border: 2px solid var(--color-border-inverse, #FFF);
background: linear-gradient(0deg, var(--color-alpha-base50, rgba(255, 255, 255, 0.50)) 0%, var(--color-alpha-base50, rgba(255, 255, 255, 0.50)) 100%), linear-gradient(180deg, var(--color-background-white, #FFF) 10%, var(--color-surface-success-subtler, #EAF6EC) 24.52%, var(--color-surface-success-subtler, #EAF6EC) 85.1%, var(--color-background-white, #FFF) 100%);
flex: 1;
    max-width: 202px;
        min-height: 168px;/*체크박스 추가*/
}
.nuclear-lifecycle .aux .card::before{
display: none;
}

.nuclear-lifecycle .aux .card:hover{
border:2px solid #ABD8E3;
background:
linear-gradient(0deg, var(--color-alpha-base50, rgba(255, 255, 255, 0.50)) 0%, var(--color-alpha-base50, rgba(255, 255, 255, 0.50)) 100%),
linear-gradient(
    to bottom,
    #ffffff 10%,
    #d8eedd 25%,
    #d8eedd 85%,
    #ffffff 100%);
mix-blend-mode: multiply;
}
.nuclear-lifecycle .aux .card:focus:active, 
.nuclear-lifecycle .aux .card:active,
.nuclear-lifecycle .aux .card.active{
border:2px solid #ABD8E3;
background:
linear-gradient(0deg, var(--color-alpha-base10, rgba(255, 255, 255, 0.10)) 0%, var(--color-alpha-base10, rgba(255, 255, 255, 0.10)) 100%),
linear-gradient(
    to bottom,
    #ffffff 10%,
    #d8eedd 25%,
    #d8eedd 85%,
    #ffffff 100%);
mix-blend-mode: multiply;
}
/**/
.box-between-conts .aside{
 display: flex;   
 gap: 40px;
 flex-direction: column;
}
.card-box, .icon-card-box{
 display: flex;   
 gap: 32px;
 flex-direction: column;
}
.card-box .card{
cursor: pointer;
display: flex;
padding: var(--krds-padding-card-xsmall, 16px) var(--krds-padding-card-small, 24px);
align-items: center;
gap: var(--krds-gap-5, 16px);
align-self: stretch;
border-radius: var(--krds-radius-xlarge1, 12px);
border: 1px solid var(--krds-light-color-border-primary-light, #D8E5FD);
background: var(--krds-light-color-high-contrast-primary-5, #ECF2FE);
justify-content: space-between;
}
.card-box .card:hover{
background:
linear-gradient(0deg, var(--color-alpha-base50, rgba(255, 255, 255, 0.50)) 0%, var(--color-alpha-base50, rgba(255, 255, 255, 0.50)) 100%),
linear-gradient(
    to bottom,
    #ffffff 10%,
    #D8E5FD 25%,
    #D8E5FD 85%,
    #ffffff 100%);
mix-blend-mode: multiply;
    border:1px solid #B1CEFB;
}
.card-box .card > span{
overflow: hidden;
color: var(--krds-light-color-text-secondary, #052B57);
text-overflow: ellipsis;
font-size: var(--font-size-heading-medium, 24px);
font-weight: 700;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
align-self: stretch;
}
.card > i{
fill: #052B57;
}


.icon-card{
cursor: pointer;
display: flex;
height: 286px;
border-radius: 12px;
border: 2px solid var(--krds-light-color-high-contrast-primary-10, #D8E5FD);
background: linear-gradient(0deg, var(--krds-light-color-alpha-base50, rgba(255, 255, 255, 0.50)) 0%, var(--krds-light-color-alpha-base50, rgba(255, 255, 255, 0.50)) 100%), linear-gradient(180deg, var(--krds-light-color-background-white, #FFF) 10%, var(--krds-light-color-surface-primary-subtler, #ECF2FE) 24.52%, var(--krds-light-color-surface-primary-subtler, #ECF2FE) 85.1%, var(--krds-light-color-background-white, #FFF) 100%);
flex-direction: column;
justify-content: center;
align-items: center;
gap: var(--krds-gap-3);
}
.icon-card >span{
font-size: var(--font-size-heading-medium, 24px);
font-weight: 700;
}

.icon-card i{
    width: 48px;
    height: 48px;
}
.icon-card:hover{
border:2px solid #B1CEFB;
background:
linear-gradient(0deg, var(--color-alpha-base50, rgba(255, 255, 255, 0.50)) 0%, var(--color-alpha-base50, rgba(255, 255, 255, 0.50)) 100%),
linear-gradient(
    to bottom,
    #ffffff 10%,
    #D8E5FD 25%,
    #D8E5FD 85%,
    #ffffff 100%);
mix-blend-mode: multiply;
}

@media (max-width: 1250px) {
.box-between-conts {
  flex-direction:column;
}
.box-between-conts .aside{
gap: var(--krds-gap-7, 24px);
 flex-direction: row;
 width:100%
}
.card-box, .icon-card-box{
 gap: 24px;
  width:100%
}
.icon-card{
padding: var(--krds-gap-7, 24px);
height: auto;
flex-direction: row;
height: 164px;
}
.nuclear-lifecycle .card{
padding: var(--krds-gap-5, 16px);
width: 204px !important;
}
.nuclear-lifecycle .card .title{
font-size: var(--krds-pc-font-size-heading-xsmall, 17px);
}
.nuclear-lifecycle .aux{
gap: var(--krds-gap-7);
}
.nuclear-lifecycle .aux .card{
width: auto !important;
flex: none;
}

.nuclear-lifecycle .step-node{
padding: var(--krds-gap-5, 16px);
}
.nuclear-lifecycle .step-node i{
    width: 40px;
    height: 40px;
}
.nuclear-lifecycle .step-node .arrow{
left: 65px;
width: 200px;

}

.nuclear-lifecycle .col {
margin-left: 72px;
}
.nuclear-lifecycle .col.col-2{
margin-left: 22px;
}
.nuclear-lifecycle .col.col-3{
margin-left: 22px;
}
}

/*열린정보*/




/*tileContainer*/

.tileContainer .row {
  display: grid;
  justify-content: center;
}

.row-1 { grid-template-columns: repeat(3, 1fr); }
.row-2 { grid-template-columns: repeat(4, 1fr); }
.row-3 { grid-template-columns: repeat(6, 1fr); }
.row-4 { grid-template-columns: repeat(7, 1fr); }

.tile {
  background-color: #005eff;
  color: white;
  border-radius: 8px;
  font-weight: bold;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: transform 0.2s;
}

.tile:hover {
  transform: scale(1.05);
}


/*공지사항 목록*/
.list-row.notice{
width: 100%;
}
.list-row.notice li{
padding: var(--krds-gap-7) 0;
border-bottom: 1px solid var(--krdse-light-color-divider-gray-light, #CDD1D5);
display: flex;
flex-direction: row;
justify-content: space-between;
}
.list-row.notice li:first-child{
padding-top: 0;
}
.list-row.notice li:last-child{
padding-bottom: 0;
border-bottom:0;
}
.list-row.notice li > div{
display: flex;
flex-direction: column;
gap: var(--krds-gap-3);
}
.list-row.notice li > div .krds-badge{
width: fit-content;
}
.list-row.notice li > div .c-tit{
font-size: var(--krds-pc-font-size-heading-small, 19px);
font-weight: 700;
display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.list-row.notice li > div .c-date{
font-size: var(--krds-pc-font-size-body-small, 15px);

}

@media (max-width: 768px) {
.list-row.notice li{
    flex-direction: column;
    gap: var(--krds-gap-4, 12px);
}
.list-row.notice .krds-btn{
   gap: var(--krds-button--gap-small);
  height: var(--krds-button--size-height-small);
  padding: var(--krds-button--padding-y-small) var(--krds-button--padding-x-small);
  border-radius: var(--krds-button--radius-small);
  font-size: var(--krds-button--pc-font-size-small);
  font-weight: var(--krds-button--font-weight-small);

}
}
/*indicator-with-list*/
.indicator-with-list{
display: flex;
flex-direction: column;
gap: var(--krds-gap-7);
}
.indicator-with-list .swiper{
width: 100%;
}
.indicator-with-list .swiper .krds-structured-list.swiper-wrapper{
display: flex;
grid-gap: 0;
}
.indicator-with-list .swiper .krds-structured-list.swiper-wrapper > li .in{
height: auto;
}
@media (max-width: 1024px) {
.indicator-with-list{
flex-direction: column-reverse;
}
.indicator-with-list .krds-structured-list{
    grid-template-columns: 1fr 1fr 1fr;
}
}

@media (max-width: 768px) {
.indicator-with-list .krds-structured-list{
display: flex;
flex-wrap: wrap;
            width: max-content;

}
.indicator-with-list .krds-structured-list li{
width: 240px;} 

.indicator-with-list .krds-structured-list .card-body .c-btn .krds-btn{
   gap: var(--krds-button--gap-small);
  height: var(--krds-button--size-height-small);
  padding: var(--krds-button--padding-y-small) var(--krds-button--padding-x-small);
  border-radius: var(--krds-button--radius-small);
  font-size: var(--krds-button--pc-font-size-small);
  font-weight: var(--krds-button--font-weight-small);
}
}

/*소개 및 위치안내*/
.about-index {
    padding-bottom: 50px;
}
.about-index .top{
display: flex;
flex-direction: row;
justify-content: space-between;
padding-bottom: var(--krds-gap-7, 24px);
border-bottom: 1px solid var(--krds-light-color-divider-primary-light, #D8E5FD);
align-items: center;
}
.about-index .top > img{
width: 155px;
height: 88px;
}
.about-index .top .tit{
display: flex;
flex-direction: column;
gap: var(--krds-gap-5, 16px);

}
.about-index .top .tit h2{
font-size: var(--krds-pc-font-size-heading-medium, 24px);
}
.about-index .top .tit img{
width: 254.209px;
height: 36px;
}
.about-index .mid{
margin: var(--krds-gap-7, 24px) 0 var(--krds-gap-9) 0;
font-size: var(--krds-pc-font-size-body-large, 19px);
color: var(--krds-light-ccolor-text-subtle, #464C53);
}
.about-index .mid span{
white-space: break-spaces;
}
.about-index .bottom{
 padding: var(--krds-padding-card-xsmall, 16px);
gap: var(--krds-gap-4, 12px);
border-radius: var(--krds-radius-xlarge1, 12px);
background: var(--krds-color-surface-primary-subtler, #ECF2FE);
display: flex;
flex-direction: row;
}
.about-index .bottom p{
font-size: var(--krds-pc-font-size-heading-small, 19px);
color: #000;
font-weight: 700;

}
.about-index .bottom p::after{
content: "";
display: inline-block;
width: 2px;
height: 14px;
background: var(--krds-light-color-divider-gray-light, #CDD1D5);
margin-left: var(--krds-gap-4, 12px);

}
.about-index .bottom span{
font-size: var(--krds-pc-font-size-label-large, 19px);
}

@media (max-width: 768px) {
.about-index .top .tit{
gap: var(--krds-gap-3);
}
.about-index .top > img{
width: 112px;
height: 64px;
}
.about-index .top .tit img{
width: 169.472px;
height: 24px;
}
.about-index .top .tit h2{
font-size: var(--krds-pc-font-size-heading-xxsmall, 15px);
}
.about-index .mid{
margin: var(--krds-gap-5) 0 ;
font-size: var(--krds-pc-font-size-body-small);
}
.about-index .bottom p,
.about-index .bottom span{
font-size: var(--krds-pc-font-size-label-small, 19px);
display: flex;
    align-items: flex-start;
}
.about-index .bottom p::after{
height: 100%;
}
}


/*faq*/
.faq .krds-disclosure ~ .faq .krds-disclosure{

}
.faq .krds-disclosure{
border-top: 1px solid var(--krds-light-color-divider-gray-light, #CDD1D5);
margin-top: 0;
}
.faq .krds-disclosure:last-child{
border-bottom: 1px solid var(--krds-light-color-divider-gray-light, #CDD1D5);
}
.faq .conts-expand-area .btn-conts-expand{
width: 100%;
height: auto;
padding: var(--padding-7, 20px) var(--gap-layout-title-body-small, 16px);
font-size: var(--krds-pc-font-size-heading-small, 19px);
font-weight: 700;
flex-direction:row-reverse;
    justify-content: space-between;
}
.faq .krds-disclosure .btn-conts-expand::before{
mask-size: contain;
    -webkit-mask-image: url(../../images/component/icon/ico_angle.svg);
    mask-image: url(../../images/component/icon/ico_angle.svg);
    margin-right: var(--krds-disclosure--button-gap);
    transition: var(--krds-transition-base);
    transform: rotate(0);
    background-image: url(../../images/component/icon/ico_angle.svg);
}
.faq .krds-disclosure .expand-wrap .expand-in{
background: var(--krds-light-ccolor-surface-primary-subtler, #ECF2FE);
display: flex;
flex-direction: column;
gap: var(--krds-gap-8);
position: inherit;
z-index: 1;
}
.faq .krds-disclosure.active{
border-top: 1px solid var(--krds-light-color-divider-gray-dark);
    padding-bottom:var(--krds-gap-7);
}
.faq .krds-disclosure.active .btn-conts-expand{
color: var(--krds-light-color-text-secondary, #052B57);
}

.faq .krds-disclosure.active .btn-conts-expand::before {
transform: rotate(-180deg);
}
.faq .krds-disclosure .expand-wrap .expand-in > ul{
display: flex;
flex-direction: column;
gap: var(--krds-gap-2);    
}
.faq .krds-disclosure .expand-wrap .expand-in > ul li{
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
color: var(--krds-light-color-text-subtle, #464C53);
padding-left: 11px;
}
.faq .krds-disclosure .expand-wrap .expand-in > ul li::before {
content: '•'; /* 글머리 기호 */
position: absolute;
left: -18px;  /* 기호 위치 조정 */
top: -4px;
font-size: 20px;  /* 기호 크기 */
color: #444;  /* 기호 색상 */
    padding-left: 15px;
}
.faq .krds-disclosure .expand-wrap .expand-in > ul li button{
display: flex;
align-items: center;
}
.faq .krds-disclosure .expand-wrap .expand-in > ul li .ico-clip{
width: 32px;
height: 32px;
}

@media (max-width: 768px) {
    .faq .conts-expand-area .btn-conts-expand{
font-size: var(--krds-pc-font-size-heading-xsmall);

    }
    .faq .krds-disclosure .expand-wrap .expand-in{
font-size: var(--krds-pc-font-size-heading-xxsmall, 15px);
  
    }
.faq .krds-disclosure .expand-wrap .expand-in > ul li .ico-clip{
width: 24px;
height: 24px;
}

}



/**/
.box-group-area {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--krds-gap-7);
}
.box-group-area > li {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: var(--krds-gap-6);
    width: 100%;
    padding: var(--krds-padding-5);
    border: var(--krds-light-border-width-static-regular) solid var(--krds-light-color-divider-gray-light);
    border-radius: var(--krds-radius-medium3);
}
.box-group-area > li .btn-wrap {
    display: flex
;
    align-items: center;
    width: auto;
    gap: var(--krds-gap-5);
}

@media (max-width: 767px) {
        .box-group-area {
        gap: var(--krds-gap-4);
    }
        .box-group-area > li {
        padding: var(--krds-padding-5) var(--krds-padding-6);
        gap: var(--krds-gap-3);
    }
    .box-group-area > li .btn-wrap {
        justify-content: flex-end;
    }
}

.conts-wrap .conts-wrap .conts-wrap h4.sec-tit {
    margin-bottom: var(--krds-pc-gap-layout-title-body-large);
    font-size: var(--krds-pc-font-size-heading-medium);
}

@media (max-width: 767px) {
    .conts-wrap .conts-wrap .conts-wrap h4.sec-tit {
        margin-bottom: var(--krds-mobile-gap-layout-title-body-large);
        font-size: var(--krds-mobile-font-size-heading-small);
    }
}
/*qna-portal*/
.qna-portal{
display: grid;
 grid-template-columns: repeat(2, 1fr);
column-gap:var(--krds-gap-7);
row-gap:var(--krds-gap-8);
}
.qna-portal > div{
padding: var(--krds-padding-card-medium, 32px);
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--krds-gap-7);
border-radius: var(--radius-xlarge1, 12px);
border: 1px solid var(--color-border-gray, #B1B8BE);
background: var(--color-background-white, #FFF);
box-shadow: 0 0 2px 0 var(--color-alpha-shadow2, rgba(0, 0, 0, 0.08)), 0 var(--shadow-y-4, 16px) var(--shadow-blur-4, 24px) 0 var(--color-alpha-shadow3, rgba(0, 0, 0, 0.12));
}
.qna-portal > div .img-box{
height: 56px;
display: flex;
align-items: center;
}
.qna-portal > div button.krds-btn.text:focus{
/* box-shadow:none; */
background-color: transparent;
}
.qna-portal > div span{
border-top:2px solid var(--krds-light-color-divider-gray-light, #CDD1D5);
padding-top: var(--krds-gap-7);
word-break: break-all;
font-size: var(--krds-pc-font-size-body-large, 19px);
}
.qna-portal .span-box{
grid-column: 1 / -1;
flex-direction: row;
flex-wrap: wrap;
    display: flex;
    align-items: center;
}
.qna-portal .span-box span{ 
padding-top: 0;
border-top: 0;
}
.qna-portal .span-box button{
margin-left: auto;
}

.krds-modal .modal-dialog .modal-conts .conts-area .conts-wrap{
display: flex;
flex-direction: column;
gap: var(--krds-gap-3);
}
.krds-modal .modal-dialog .modal-conts .conts-area .conts-wrap h3.sec-tit{
font-size: var(--krds-pc-font-size-body-medium, 17px);

}
.krds-modal .c-date{
display: flex;
flex-direction: row;
gap: var(--krds-gap-3);
}
.krds-modal .c-date .value{
}

@media (max-width: 767px) {
.qna-portal{
grid-template-columns: 1fr;
row-gap:var(--krds-gap-7);
}
.qna-portal > div{
padding: var(--krds-padding-card-medium, 24px);

}
.qna-portal > div .img-box{
height: 42px;}
.qna-portal > div .img-box img{
max-height: 100%;
}
.qna-portal > div span{
font-size: var(--krds-pc-font-size-body-medium, 17px);
}
.qna-portal .krds-btn{
font-size: var(--krds-button--mobile-font-size-medium); 
}
.qna-portal .span-box button{
margin-left: inherit;
}
}

/*site-map*/
.site-map {
display: flex;
flex-direction: column;
gap: var(--krds-gap-9, 40px);}
.site-map .disclosure{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr; /* 251203 kbk 1fr 1개 제거 */
column-gap: var(--krds-gap-5);
}
.site-map .disclosure > div{
margin-top:var(--krds-gap-3)
}

.site-map .krds-disclosure ~ .krds-disclosure{
margin-top: var(--krds-gap-3)
}
.site-map .disclosure .krds-disclosure .btn-conts-expand{
flex-direction: row-reverse;
justify-content: space-between;
width: 100%;
font-size: var(--krds-pc-font-size-navigation-title-small, 19px);
font-weight: 700;
    height: auto;
    padding: var(--gap-2, 4px) var(--padding-3, 8px) var(--padding-5, 12px) var(--padding-3, 8px);

}

.site-map .disclosure .krds-disclosure .btn-conts-expand::before{
mask-size: contain;
    -webkit-mask-image: url(../../images/component/icon/ico_angle.svg);
    mask-image: url(../../images/component/icon/ico_angle.svg);
    margin-right: var(--krds-disclosure--button-gap);
    transition: var(--krds-transition-base);
    transform: rotate(0);
    background-image: url(../../images/component/icon/ico_angle.svg);
}
.site-map .krds-disclosure.active .btn-conts-expand::before {
  transform: rotate(-180deg) !important;
}
.site-map .disclosure > .krds-disclosure.active .btn-conts-expand::before,
.site-map .disclosure .krds-disclosure.active .btn-conts-expand.angle-control::before
{
transform: rotate(180deg);
}
.site-map .disclosure .krds-disclosure.active .krds-disclosure .btn-conts-expand::before,
.site-map .disclosure .krds-disclosure .btn-conts-expand.angle-control::before
 {
transform: rotate(0deg) !important;
}
.site-map .disclosure .krds-disclosure.active .krds-disclosure.active .btn-conts-expand::before,
.site-map .disclosure .krds-disclosure.active .krds-disclosure.active .btn-conts-expand.angle-control::before {
transform: rotate(-180deg) !important
}
.site-map .disclosure .krds-disclosure .expand-wrap{
border-top: var(--krds-border-width-static-regular, 1px) solid var(--krds-light-color-divider-gray, #8A949E);

}
.site-map .disclosure .krds-disclosure .expand-wrap .expand-in{
padding:0;
margin-top: var(--krds-gap-3);
background-color: transparent;

}

.site-map .disclosure .krds-disclosure .expand-wrap .expand-in > ul > li{
padding: var(--padding-5, 16px) var(--padding-3, 8px);
font-size: var(--krds-pc-font-size-navigation-depth-medium, 17px);
display: flex;
gap: var(--krds-gap-2);
justify-content: space-between;
border-bottom: 1px solid var(--krds-light-color-border-gray-light, #CDD1D5);
}
.site-map .disclosure .krds-disclosure.active .expand-wrap .krds-disclosure .expand-wrap{overflow: hidden;
    transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
    max-height: 0 !important;

}
.site-map .disclosure .krds-disclosure.active .expand-wrap .krds-disclosure.active .expand-wrap{
    max-height: 1000vh !important;
    transition: max-height 1.5s ease-in-out;
}
.site-map .disclosure li.krds-disclosure .expand-wrap{
border-color: var(--krds-light-color-border-gray-light);    
}
.site-map .disclosure li.krds-disclosure{
flex-direction: column;
    padding-bottom: 0 !important;
}
.site-map .disclosure li.krds-disclosure .btn-conts-expand{
font-size: var(--krds-pc-font-size-navigation-depth-medium, 17px);
font-weight: 400;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}

.site-map .disclosure li.krds-disclosure .expand-wrap .expand-in > ul > li{
border-bottom: 0;
padding: var(--krds-padding-4, 10px) var(--krds-padding-6, 16px);
display: flex;
align-items: center;
    justify-content: flex-start;
}
.site-map .disclosure li.krds-disclosure .expand-wrap .expand-in > ul > li::before{
content: "･";
width: 12px;
height: auto;
display: inline-block;
}

.site-map .disclosure > div:last-child{    
display: flex;
flex-direction: column;
justify-content: space-between;}

.site-map .disclosure > div:last-child > div > button.main-btn{
	display: flex;
	justify-content: space-between;
    width: 100%;
    font-size: var(--krds-pc-font-size-navigation-title-small, 19px);
    font-weight: 700;
    height: auto;
    padding: calc(var(--krds-gap-3) + var(--krds-gap-2)) var(--padding-3, 8px) var(--padding-5, 12px) var(--padding-3, 8px);
    border-bottom: var(--krds-border-width-static-regular, 1px) solid var(--krds-light-color-divider-gray, #8A949E);
    /* 251208 kbk 색상수정 */color:#0b50d0;

}


@media (max-width: 767px) {
.site-map .disclosure{
grid-template-columns:1fr
}
.site-map .disclosure .krds-disclosure .expand-wrap{
border-color:var(--krds-light-color-divider-gray, #8A949E);
 ;
}
}

.site-map .helper-box{
position: relative;
}

.site-map .helper-box button{
position:absolute;
right: 1.6rem;
top: 2.6rem;
}

@media (max-width: 767px) {
.site-map .helper-box .helper-tit{
font-size: inherit;
}
.site-map .helper-box button{
    margin-top: var(--krds-gap-7);
    position: unset;
width: 100%;
}
}


/*시설별 안전정보*/
/*two-column-layout*/
.two-column-layout{
display: flex;
gap: var(--krds-gap-7);
}
.two-column-layout__nav{
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--krds-gap-7);
width: 100%;
height: fit-content;
}
.nav-item{
border-radius: var(--krds-radius-medium2, 6px);
background:  #EEF2F7;
padding: var(--krds-padding-card-xsmall, 16px) var(--krds-padding-card-small, 24px);
display: flex;
align-items: center;
gap: var(--krds-gap-5, 16px);
font-size: var(--krds-pc-font-size-heading-small, 19px);
font-weight: 700;
justify-content: space-between;
}
.nav-item.active{
color: #fff;
background: var(--krds-light-color-border-primary, #256EF4);
}
.nav-item.active i.ico_shortcut{
 -webkit-mask-image: url(../../images/component/icon/ico_shortcut_on.svg);
  mask-image: url(../../images/component/icon/ico_shortcut_on.svg);
  background-image: url(../../images/component/icon/ico_shortcut_on.svg);
}
.two-column-layout__content{
display: flex;
gap: var(--krds-gap-5);
flex-direction: column;
    width: 100%;
    min-width: 664px;
}

.two-column-layout__content > .fieldset{
border-radius: var(--krds-radius-medium3, 8px);
background: var(--krds-light-color-surface-primary-subtler, #ECF2FE);
padding: var(--krds-padding-card-small, 24px);
}

.content-header{
display: flex;
align-items: center;
justify-content: space-between;
}
.content-header .content-title{
font-size: var(--krds-pc-font-size-heading-medium, 24px);
}
.icon-box{
width: 56px;
height: 56px;
display: flex;
border: var(--krds-gap-2) solid #E6E8EA;
border-radius: 50%;
align-items: center;
justify-content: center;
}
.icon-box i{
width: 32px;
height: 32px;
}

.card-wrap{
display: flex;
flex-direction: column;
gap: var(--krds-gap-7);
}
.card-list .tablist{
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--krds-gap-7);
width: 100%;
position: relative;
}


 /* 패널 */
  [hidden]{display:none !important}


.nav-item.active i.ico-angle{
 -webkit-mask-image: url(../../images/component/icon/ico_angle_inverse.svg);
  mask-image: url(../../images/component/icon/ico_angle_inverse.svg);
  background-image: url(../../images/component/icon/ico_angle_inverse.svg);
transform: rotateX(180deg);  
}
.conts-wrap{
height: auto !important;
}
.conts-wrap.card-wrap.t-only{
display: flex;
flex-direction: column;
gap: var(--krds-gap-7);
height: auto;
}
.conts-wrap.card-wrap.t-only .panel{
padding: var(--krds-gap-7) 0 0;
gap: var(--krds-gap-5);
}

.conts-wrap.card-wrap .panel > .fieldset {
    border-radius: var(--krds-radius-medium3, 8px);
    background: var(--krds-light-color-surface-primary-subtler, #ECF2FE);
    padding: var(--krds-padding-card-small, 24px);
}


.conts-wrap.card-wrap.mob-only .nav-item{
padding: var(--krds-padding-card-xsmall, 12px) var(--krds-padding-card-small, 20px);
font-size: var(--krds-pc-font-size-heading-xsmall, 17px);
}
.conts-wrap.card-wrap.mob-only .panel{
margin: 0 var(--krds-gap-3);
}
.mob-only .content-header .content-title{
font-size: var(--krds-pc-font-size-heading-small, 19px);   
}
.mob-only .icon-box{
width: 48px;
height: 48px;
}
.mob-only .icon-box i{

height: 23px;
}

.mob-only .chk-option-box{
flex-direction: column;
    gap: var(--krds-gap-7);
}

.filter-form-conts.chip{
    flex-wrap: wrap;
}
.filter-chip.visible{
display: flex
}
.filter-chip .carousel-circle.prev{
    left: 48px;
}
@media (max-width: 1023px) {
.krds-input.t-large {
    height: var(--krds-input--size-height-large);
    border-radius: var(--krds-input--radius-large);
    font-size: var(--krds-input--pc-font-size-medium);
padding: 0 var(--krds-size-height-7) 0 var(--krds-padding-6);
}

.search-wrap .bg-light-gray .sch-filter-box .filter-form{
gap: var(--krds-gap-5);
}
.search-wrap .search-top-box.bg-light-gray .filter-form-conts.date-input .calendar-input input{
    height: var(--krds-input--size-height-medium);
    border-radius: var(--krds-input--radius-medium);
    font-size: var(--krds-input--pc-font-size-medium);
}
.search-wrap .search-top-box.bg-light-gray .sch-filter-box .period .krds-form-chip label
{       gap: var(--krds-form-chip--gap);
    height: var(--krds-form-chip--size-height-medium);
    padding: 0 var(--krds-form-chip--padding-x-medium);
    font-size: var(--krds-input--pc-font-size-medium);
}
.search-wrap .bg-light-gray .sch-filter-box .period .krds-form-chip  input[type=radio] ~ label:before
{
width: var(--krds-form-chip--check-size-medium);
    height: var(--krds-form-chip--check-size-medium);   
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.krds-structured-list.type-01 {
--krds-structured-list--card-buttons-gap: var(--krds-number-3);
grid-template-columns: 1fr;
}
.krds-structured-list.type-01 .structured-item.new .in .card-btn{
position: absolute;
}
.krds-structured-list.type-01 .new .card-body .c-text .c-tit .span{
-webkit-line-clamp: 1;
}
.krds-structured-list.type-01 .card-body{
flex-direction: row;
}
}
@media (max-width: 767px) {
.krds-structured-list.type-01 .c-btn .krds-btn{
    font-size: var(--krds-button--mobile-font-size-xsmall);
        height: var(--krds-button--size-height-xsmall);
    padding: var(--krds-button--padding-y-xsmall) var(--krds-button--padding-x-xsmall);
    border-radius: var(--krds-button--radius-xsmall);
}
.search-list-top.type-01{
flex-direction: column-reverse;
margin-top:0
}
.search-wrap .search-top-box.bg-light-gray .sch-filter-box .period > div{
flex-direction: column-reverse !important;
}
.search-wrap .search-top-box.bg-light-gray  .sch-filter-box .filter-form.period .filter-form-conts.date-input .calendar-input input{
    height: var(--krds-input--size-height-small);
    border-radius: var(--krds-input--radius-small);
    font-size: var(--krds-input--pc-font-size-small) !important;
}
.search-wrap .search-top-box.bg-light-gray  .sch-filter-box .filter-form.period .filter-form-conts.chip{
    gap: var(--krds-gap-3);
}
.search-wrap .search-top-box.bg-light-gray  .sch-filter-box .filter-form.period .filter-form-conts.chip > div{
flex: 1;

}
.search-wrap .search-top-box.bg-light-gray  .sch-filter-box .filter-form.period .filter-form-conts.chip > div label{
width: 100%;
    justify-content: center;
}
.filter-form-conts.chip{
    gap: var(--krds-gap-4);
}
.krds-input.t-large{
height: var(--krds-input--size-height-medium) !important;
    border-radius: var(--krds-input--radius-medium) !important;
    font-size: var(--krds-input--pc-font-size-medium) !important;
}
.krds-btn.icon.large{
    width: var(--krds-icon--size-medium) !important;
    height: var(--krds-icon--size-medium) !important;
}
}

@media (max-width: 767px) {
    .filter-chip {
        flex-direction: column;
        align-items: flex-start;
    }
.krds-tag-wrap.large .krds-btn-tag{
    gap: var(--krds-gap-1);
    height:auto;
    padding: var(--krds-padding-3) var(--krds-btn-tag--padding-x-medium);
    border-radius: var(--krds-btn-tag--size-height-medium);
    font-size: var(--krds-btn-tag--pc-font-size-medium);
    line-height: var(--krds-line-height-none);
    /* 251201 kbk width:100%; */
}
.krds-tag-wrap.large .krds-btn-tag .btn-delete{
    flex: none;
}
.krds-tag-wrap.large .krds-btn-tag li{
        text-align: right;
}

}
@media (max-width: 430px) {
.krds-tag-wrap.large .krds-btn-tag{
    justify-content: space-between;
}
.krds-tag-wrap .i-cate{
    flex-direction: column;
}
.krds-tag-wrap.large .krds-btn-tag li{
        text-align: left;
}
}

/**/
.lifecycle_01.indicator{
border-radius: 1000px;
padding: 8px;
display: flex;
flex-direction: row;
align-items: center;
background-color: #e6e8ea;
}
.lifecycle_01.indicator > div.icon{
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.lifecycle_01.indicator > div.icon i{
width:20px;
height: 20px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
display: flex;
}
.lifecycle_01.indicator.build .build{
background-color: #fff;
}
.lifecycle_01.indicator.run .run {
background-color: #fff;
}
.lifecycle_01.indicator.end .end{
background-color: #fff;
}
.lifecycle_indicator.mo{
background-image: url('../../images/lifecycle_01_mo.svg');
width: 200px;
height: 48px;
}

.gradient-arrow {
  position: relative;
  width: 72px;  
  height: 1px;     
  border-radius: 4px;
}
.gradient-arrow.yellow {
  background: linear-gradient(to right, #FFC95C, #86AFF9);
}
/* 오른쪽 화살촉 */
.gradient-arrow.yellow::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    width: 8px;
    height: 8px;
    transform: translateY(-50%) rotate(-45deg);
    border-right: 1px solid #86AFF9;
    border-bottom: 1px solid #86AFF9;
}

/* 왼쪽 동그라미 */
.gradient-arrow.yellow::before {
  content: "";
  position: absolute;
  left: -2px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background: #FFC95C;
  border-radius: 50%;
}

.gradient-arrow.blue{

  background: linear-gradient(to right, #86AFF9, #58616A);

}

/* 오른쪽 화살촉 */
.gradient-arrow.blue::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    width: 8px;
    height: 8px;
    transform: translateY(-50%) rotate(-45deg);
    border-right: 1px solid #58616A;
    border-bottom: 1px solid #58616A;
}

/* 왼쪽 동그라미 */
.gradient-arrow.blue::before {
  content: "";
  position: absolute;
  left: -2px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background: #86AFF9;
  border-radius: 50%;
}
@media (max-width: 767px) {
.lifecycle_01.indicator{
padding: 4px;}

.gradient-arrow {
  width: 32px;  }

}
@media (max-width: 767px) {
    .page-title-wrap {
    align-items: flex-start;
    flex-direction: column;}
    .page-title-wrap > button{
    width: 100% !important;
        gap: var(--krds-button--gap-small) !important;
    height: var(--krds-button--size-height-small) !important;
    padding: var(--krds-button--padding-y-small) var(--krds-button--padding-x-small) !important;
    border-radius: var(--krds-button--radius-small) !important;
    font-size: var(--krds-button--mobile-font-size-small) !important;
    }    
    .page-title-wrap > button .svg-icon {
    width: var(--krds-icon--size-small) !important;
    height: var(--krds-icon--size-small) !important;
}
.tab.line.full.bg-secondary .active .btn-tab{
background-color: var(--krds-light-color-action-secondary-active, #063A74);
}

}
.krds-check-area.row{
flex-direction: row;
    flex-wrap: wrap;
}
.krds-check-area.row > div{
flex:1
}
.conts-wrap.two-column-layout.min-width section{
min-width: 541px;
}
.chip.krds-check-area.type-01 {
    width: 100%;
    flex-wrap: wrap;
}
.chip.krds-check-area.type-01 .krds-form-chip{
flex: 1;
}
.chip.krds-check-area.type-01 .krds-form-chip input[type=radio] ~ label{
border: 0;
width: 100%;
padding: var(--padding-card-xsmall, 16px) var(--padding-card-small, 24px);
gap: var(--krds-gap-5, 16px);
font-weight: 700;
height: 61px;
}
.chip.krds-check-area.type-01 .krds-form-chip input[type=radio]:checked ~ label{
background-color: var(--krds-light-color-high-contrast-primary-40, #4C87F6);
border: 0;
color: #fff;
}

.chip.krds-check-area.type-01 .krds-form-chip input[type=radio]:checked ~ label:before{
    background-image: url(../../images/component/icon/ico_checkbox_w_blod.svg);
    mask-image: url(../../images/component/icon/ico_checkbox_w_blod.svg);   
    background-color:#fff
}


.mob-only .chip.krds-check-area.type-01 .krds-form-chip input[type=radio] ~ label{
border: 0;
width: 100%;
padding: var(--padding-card-xsmall, 12px) var(--padding-card-small, 20px);
gap: var(--krds-gap-3);
font-size: var(--font-size-heading-xxsmall, 15px);
    justify-content: center;
    height: 50px;
}

.desktop-only .chip.krds-check-area.type-01.bg > div{
flex-basis: calc( (100% - var(--krds-gap-6)*3) / 4);
}
.t-only .chip.krds-check-area.type-01.bg > div{
flex-basis: calc( (100% - var(--krds-gap-6)) / 2);
}
.mob-only .chip.krds-check-area.type-01.bg {
flex-direction: column;
}
.mob-only .chip.krds-check-area.type-01.bg .krds-form-chip input[type=radio] ~ label{
    justify-content: flex-start;
}

.chip.krds-check-area.type-01.bg .krds-form-chip input[type=radio] ~ label{
background-color: var(--color-surface-secondary-subtler, #EEF2F7);
}
.chip.krds-check-area.type-01.bg .krds-form-chip input[type=radio]:checked ~ label{
background-color: var(--krds-light-color-high-contrast-primary-40, #4C87F6);
border: 0;
color: #fff;
}


.search-top-box.bg-light-gray .filter-form.krds-disclosure.conts-expand-area.krds-disclosure .expand-wrap .expand-in{
border-bottom:0;
    border-top: 1px solid var(--krds-light-color-divider-gray-light, #D6E0EB);
}
.search-top-box.bg-light-gray .filter-form.krds-disclosure.conts-expand-area .expand-wrap{
border-top: 0;
}
.tab.full.bg-secondary > ul
{border-radius: var(--krds-radius-medium2);}

@media (max-width: 767px) {
.search-top-box.bg-light-gray .filter-form.krds-disclosure.conts-expand-area .filter-tit-with-btn{
        align-items: flex-start;
}
.search-top-box.bg-light-gray .filter-form.krds-disclosure.conts-expand-area.krds-disclosure .expand-wrap .expand-in{
    flex-direction: column;
}
.search-top-box.bg-light-gray .filter-form.krds-disclosure.conts-expand-area.krds-disclosure .expand-wrap .expand-in .chk-option-box{
    flex-direction: column;
    gap: var(--krds-gap-7);
}

}


/*table tree*/
.hidden-row { display: none; }
.rotated { transform: rotate(180deg); }
.table.tree{
overflow-x: auto;
}
.table.tree table{
min-width: 600px;
width: 100%;
}
.table.tree thead tr th{
padding: var(--krds-padding-3, 8px) var(--krds-padding-6, 16px);
background: var(--krds-light-color-surface-secondary-subtler, #EEF2F7);
border-bottom: 1px solid var(--krds-light-color-border-secondary-light, #D6E0EB);
font-size: var(--krds-pc-font-size-heading-xxsmall, 15px);
border-right: 1px solid var(--krds-light-color-border-secondary-light, #D6E0EB);
text-align: center;
color: var(--krds-light-color-text-bolder, #131416);

}
.table.tree tbody tr td{
padding: var(--padding-5, 12px);
border-bottom: 1px solid var(--color-divider-gray-light, #CDD1D5);
color: var(--krds-light-color-text-subtle, #464C53);

}
.tree-toggle{
display: flex;
flex-direction: row;
align-items: center;
gap: var(--krds-gap-3);
}

.tree-toggle .svg-icon {
    width: var(--krds-icon--size-small);
    height: var(--krds-icon--size-small);
}

.table.tree tr[data-depth="0"] td{
font-size: var(--krds-pc-font-size-body-medium, 17px);
font-weight: 700;
}
.table.tree tr[data-depth="1"] td{
font-weight: 700;
}
.table.tree tr[data-depth]:not([data-depth="0"]) td{
font-size: var(--krds-pc-font-size-body-small, 15px);
}
tr[data-depth]:not([data-depth="0"]) td:not([aria-hidden="true"]) {
background: var(--krds-light-color-surface-gray-subtler, #F4F5F6);
}
.table.tree tr td:last-child{
text-align: center;
}

/*영상자료*/
.video-with-list{
display: flex;
flex-direction: row;
gap: var(--krds-gap-layout-title-body-large, 24px);

}
.video-with-list .krds-structured-list.list{
grid-template-columns: 1fr;
grid-gap: var(--krds-gap-5);
height: 728px;
overflow: auto;
flex:1;
    padding-right: 16px;
}
.video-with-list .krds-structured-list.list .card-body .c-tit{
font-size: var(--krds-pc-font-size-heading-xsmall, 17px);
}
.video-with-list .krds-structured-list.list .structured-item.im-item .im{
height: 164px;

}
.video-with-list .krds-structured-list.list .structured-item{
border-bottom: 1px solid var(--krds-light-color-divider-gray-light, #CDD1D5);
border-radius: 0;
}
.video-with-list .krds-structured-list.list .structured-item:last-child{
border-bottom: 0;
}
.video-with-list .krds-structured-list.list .card-body .c-text .c-txt{
display: none;
}

.video-with-list .krds-structured-list.video-box{
width: 854px;
height: 100%;
grid-template-columns: 1fr;
}
.video-with-list .krds-structured-list.video-box .structured-item.im-item .im{
width: 100%;
height: 480px;
object-fit: cover;
position: relative;
}
.video-thumbnail {
  cursor: pointer;
}

.video-thumbnail img {
  width: 100%;
border-radius: var(--krds-radius-xlarge1, 12px);

}

.video-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 136px;
  height: 136px;
  background-color: #fff;
  background-image: url('../../images/component/icon/ico_play.svg');
  background-size: 88px;
      background-repeat: no-repeat;
    background-position: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.8;
  border-radius: 50%;
}
.video-with-list .krds-structured-list.video-box .krds-structured-list .card-body .c-tit{
font-size: var(--krds-pc-font-size-heading-medium, 24px);

}
.video-with-list .krds-structured-list.video-box .card-body .c-text .c-txt{
font-size: var(--krds-pc-font-size-body-medium, 17px);
display: block;
}

.video-with-list .krds-structured-list.video-box .structured-item .card-btn{
/*top: var(--krds-gap-5);*/
    top: 7px;
}
.video-with-list .krds-structured-list.video-box .structured-item .card-btn button{
position: unset;

}
.krds-structured-list.card-grid.video-box .card-body .c-text .c-tit .span{
font-size: var(--krds-pc-font-size-heading-medium, 24px);
}



.video-with-list .krds-structured-list.list a:focus{
box-shadow: none;
}

img[src="/images/ico_not_found.svg"] {
    width: 50% !important;
    height: 50% !important;
}


@media (max-width: 767px) {
.video-with-list .krds-structured-list.video-box{
width: auto;
}
.video-with-list{
flex-direction: column;
}
.video-with-list .krds-structured-list.list{
width: 100%;
height: 100%;
grid-template-columns: 1fr 1fr;
}
.video-with-list .krds-structured-list.list .structured-item{
border-bottom: 0;
}
.video-with-list .krds-structured-list.list .card-body .c-text .c-txt{
display: -webkit-box;
}
.video-with-list .krds-structured-list.video-box .structured-item .card-btn{
position: unset;
order: inherit;
display: flex;
justify-content: space-between;
width: 100%;
margin-top: var(--krds-gap-3)
}
.video-with-list .krds-structured-list.video-box .structured-item .card-btn button {

    margin-top: 0;
}
.video-with-list .krds-structured-list.video-box .structured-item.im-item .im{
/*height: 197px;*/
height: auto;
 width: 100%;
aspect-ratio: 16 / 9;
}
.video-play-button{
    width: 76.5px;
    height: 76.5px;
    background-size: 50px;
}
.krds-structured-list.card-grid.video-box .card-body .c-text .c-tit .span{
font-size:22px;
}
.video-with-list .krds-structured-list.list .structured-item.im-item .im{
height: auto;
 /* height: 92px; */
 width: 100%;
aspect-ratio: 16 / 9;
}
}
/*읽기자료*/
.krds-structured-list.card-grid .btn-area{
margin-top: var(--krds-gap-1);
display: flex;
flex-direction: row;
gap: var(--krds-gap-5);
}

/* .krds-structured-list.card-grid.read .structured-item.im-item .im{
min-height: 529.67px
} */
.read-with-list .krds-structured-list.card-grid.read.list .structured-item.im-item .btn-area{
display: none;
}
.read-with-list .krds-structured-list.video-box{
width: 939px;
}
.read-with-list .krds-structured-list.card-grid.read.list .structured-item.im-item .im {
height: 213px;
aspect-ratio: auto;
}
.read-with-list .krds-structured-list.video-box .structured-item.im-item .im{
height: 1328px;
    aspect-ratio: auto;
}
.read-with-list .krds-structured-list.list{
height: 1592px;
}
.read-with-list img[src="/images/ico_not_found.svg"],

.read-with-list  .krds-structured-list.video-box .structured-item .card-btn {
    top: var(--krds-gap-5);
}
@media (min-width: 768px) and (max-width: 1023px) {
/* .krds-structured-list.card-grid.read .structured-item.im-item .im{
      height: 298.669px;
	min-height: 348px;
} */
.read-with-list .krds-structured-list.video-box .structured-item.im-item .im{
height: 1040.914px;
}    
.read-with-list .krds-structured-list.card-grid.read.list .structured-item.im-item .im{
height: 176px;
}
}


@media (max-width: 767px) {
.krds-structured-list.card-grid.read .structured-item.im-item .im{
/*height: 163.501px;*/
min-height: 163.501px;
}
.krds-structured-list.card-grid .btn-area{
flex-direction: column;
gap: var(--krds-gap-4);
width: 100%;
}
.krds-structured-list.card-grid .btn-area .krds-btn{
width: 100%;
    gap: var(--krds-button--gap-xsmall);
    height: var(--krds-button--size-height-xsmall);
    padding: var(--krds-button--padding-y-xsmall) var(--krds-button--padding-x-xsmall);
    border-radius: var(--krds-button--radius-xsmall);
    font-size: var(--krds-button--pc-font-size-xsmall);
    font-weight: var(--krds-button--font-weight-xsmall);
}
.read-with-list .krds-structured-list.video-box .structured-item.im-item .im{
height: 485.1px;
}
.read-with-list .krds-structured-list.card-grid .btn-area{
flex-direction: row;
}
.read-with-list .krds-structured-list.card-grid .btn-area .krds-btn{
        gap: var(--krds-button--gap-small);
        height: var(--krds-button--size-height-small);
        padding: var(--krds-button--padding-y-small) var(--krds-button--padding-x-small);
        border-radius: var(--krds-button--radius-small);
        font-size: var(--krds-button--pc-font-size-small);
        font-weight: var(--krds-button--font-weight-small);
}
.read-with-list .krds-structured-list.card-grid.read.list .structured-item.im-item .btn-area{
display: flex;
flex-direction: column;
}
.read-with-list .krds-structured-list.card-grid.read.list .structured-item.im-item .btn-area .krds-btn{
width: 100%;
    gap: var(--krds-button--gap-xsmall);
    height: var(--krds-button--size-height-xsmall);
    padding: var(--krds-button--padding-y-xsmall) var(--krds-button--padding-x-xsmall);
    border-radius: var(--krds-button--radius-xsmall);
    font-size: var(--krds-button--pc-font-size-xsmall);
    font-weight: var(--krds-button--font-weight-xsmall);
}
.read-with-list .krds-structured-list.list{
    height: auto;
}
}


/*전문 사이트 정보*/
.expert-sites{
display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: var(--krds-gap-7);
    row-gap: var(--gap-8, 32px);
}
.expert-sites > div{
padding: var(--krds-padding-card-medium, 32px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--krds-gap-7);
    border-radius: var(--radius-xlarge1, 12px);
    border: 1px solid var(--color-border-gray, #B1B8BE);
    background: var(--color-background-white, #FFF);
    box-shadow: 0 0 2px 0 var(--color-alpha-shadow2, rgba(0, 0, 0, 0.08)), 0 var(--shadow-y-4, 16px) var(--shadow-blur-4, 24px) 0 var(--color-alpha-shadow3, rgba(0, 0, 0, 0.12));
justify-content: space-between;
}

.expert-sites .txt{
    display: flex;
    flex-direction: column;
gap: var(--gap-layout-text-text-medium, 16px);
}
.expert-sites .desc{   
    word-break: break-all;
    font-size: var(--krds-pc-font-size-body-large, 19px);
}
.expert-sites .expert-card-title{
display: flex;
flex-direction: column;
gap: var(--krds-gap-3);
 border-bottom: 2px solid var(--krds-light-color-divider-primary-light, #D8E5FD)    ;
 padding-bottom: var(--gap-layout-text-text-medium, 16px);
}
.expert-sites .expert-card-title h3{
color: var(--krds-light-color-border-primary, #256EF4);
font-size: var(--krds-pc-font-size-heading-large, 32px);
}
.expert-sites .expert-card-title p{
font-size: var(--krds-pc-font-size-heading-medium, 32px);
font-weight: 700;
word-break: break-word;
}

@media (min-width: 768px) and (max-width: 1023px) {
.expert-sites{
    grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
.expert-sites{
grid-template-columns: 1fr ;
}
.expert-sites > div{
padding: var(--krds-gap-5, 16px);
gap: var(--gap-layout-text-text-medium, 12px);
}
.expert-sites .expert-card-title h3{
font-size:  24px;
}
.expert-sites .expert-card-title p{
font-size:  24px;
}
.expert-sites .txt{
gap: 12px;
}
}



/**/
.focus-sites{
display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--gap-8, 32px);
}
.focus-sites > div{
padding: var(--krds-padding-card-medium, 32px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
gap: var(--gap-layout-text-text-medium, 16px);
    border-radius: var(--radius-xlarge1, 12px);
    border: 1px solid var(--color-border-gray, #B1B8BE);
    background: var(--color-background-white, #FFF);
    box-shadow: 0 0 2px 0 var(--color-alpha-shadow2, rgba(0, 0, 0, 0.08)), 0 var(--shadow-y-4, 16px) var(--shadow-blur-4, 24px) 0 var(--color-alpha-shadow3, rgba(0, 0, 0, 0.12));
position: relative;
}

.focus-sites .desc{   
    display: flex;
    flex-direction: column;
    word-break: break-all;
    font-size: var(--krds-pc-font-size-body-large, 19px);
    gap: var(--krds-gap-3, 8px);
}
.focus-sites .focus-card-title{
    width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
 border-bottom: 2px solid var(--krds-light-color-divider-primary-light, #D8E5FD)    ;
 padding-bottom: var(--gap-layout-text-text-medium, 16px);
}
.focus-sites .focus-card-title h3{
font-size: var(--krds-pc-font-size-heading-large, 32px);
}
.focus-sites .krds-btn{
position: absolute;
top: 36px;
right: var(--krds-padding-card-medium, 32px);
}
@media (max-width: 1023px) {
.focus-sites{
    grid-template-columns: 1fr;
    }
}
@media (max-width: 767px) {

.focus-sites > div{
padding: var(--krds-gap-5, 16px);
gap: var(--gap-layout-text-text-medium, 12px);
}
.focus-sites .focus-card-title{
 padding-bottom: var(--gap-layout-text-text-medium, 12px);

}
.focus-sites .focus-card-title h3{
font-size:  22px;
}
.focus-sites .desc{  
font-size: var(--krds-pcfont-size-body-small, 15px);
}
.focus-sites .krds-btn{
position: unset;}
}
/****원전지역 정보*****/


.center-info > .inner{
display: flex;
flex-direction: column;
gap: var(--gap-layout-h5-h5, 32px);}

.center-info .inner .conts-wrap{
display: flex;
flex-direction: column;
gap: var(--krds-gap-7);
}


.dashboard{
  display: flex;
  gap: var(--krds-gap-7);
 justify-content: center;
 flex-direction: row !important;
}


/* 카드 공통 */
.dashboard .card {
border-radius: var(--krds-radius-xlarge1, 12px);
border: 1px solid var(--krds-light-color-border-gray, #B1B8BE);
background: var(--krds-light-color-background-white, #FFF);
padding: var(--krds-gap-7, 24px) var(--krds-gap-layout-h3-h4, 24px);
display: flex;
flex-direction: column;
gap: var(--krds-gap-7, 16px);
position: relative;
width: 100%;
justify-content: flex-start;
}
.dashboard .card > h3{
font-size: var(--krds-pc-font-size-heading-medium, 24px);
}
.dashboard .card .krds-btn{
position: absolute;
top: var(--krds-gap-7, 24px);
right: var(--krds-gap-7, 24px);
}
.dashboard .card .in{
display: flex;
color: var(--krds-light-color-text-subtle, #464C53);
display: flex;
align-items: center;
gap: var(--krds-gap-4, 12px);
position: relative;
    height: auto;

}
.dashboard .card .in > p{
display: flex;
padding: var(--krds-gap-3, 8px) var(--krds-gap-4, 12px);
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: var(--krds-radius-medium3, 8px);
border: 1px solid var(--krds-light-color-border-gray-light, #CDD1D5);
font-weight: 700;
}
.dashboard .card .in > p strong{
font-size: var(--krds-pc-font-size-heading-large, 32px);

}

/* 방사선비상 */
.dashboard .title {
  width: 458px;
      display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.dashboard .title h2{
font-size: var(--krds-pc-font-size-display-small, 36px);

}
.dashboard .title .card{
font-size: var(--krds-pc-font-size-heading-medium, 24px);
display: flex;
flex-direction: row;
gap: var(--krds-gap-5, 16px);
    justify-content: flex-start;
}
.dashboard .title i{
width: 72px;
height: 72px;
background-size: 42px;
background-repeat: no-repeat;
border-radius: var(--krds-radius-medium4, 8px);
background-color: var(--krds-light-color-background-gray-subtle, #E6E8EA);
}
.dashboard .title p.safe{
color: var(--krds-light-color-border-success, #228738);
}
.dashboard .title i.ico-safe{
background-image: url(../../images/siren_green.svg);
background-position: 50%;
}
/* 날씨 */
.dashboard .card.weather {
  width:326px
}
.dashboard .card.weather .in{
gap: var(--krds-gap-3, 8px);
}
.dashboard .card.weather .in > p{
flex: 1;
padding: var(--krds-gap-3, 8px) 4px;
}
/* 지진감지 */ 
.dashboard .card.earthquake {
  width: 368px;
}
.dashboard .card.earthquake .in > div{
display: flex;
flex-direction: column;
color: var(--krds-light-color-text-basic, #1E2124);
gap: var(--krds-gap-2);
}
.dashboard .card.earthquake .in > div span{
font-size: var(--krds-pc-font-size-body-small, 15px);
display: flex;
gap: var(--krds-gap-3);
/*white-space: nowrap;*/
}
/* 원전운영현황 (좌측 아래) */
.dashboard .card.plant-status {

  width: 344px
}

/* 원전안전성능지표 (우측 넓게 차지) */
.dashboard .card.safety-index {
 grid-column:  2 / 4;
  width: 832px;
}


@media (max-width: 1200px) {
.dashboard .title{
gap: var(--krds-gap-5, 16px);
width: 100%;
}
.info-card-wrap > .dashboard {
    grid-template-columns: 1fr; /* 한 줄 */
    display: grid;
    gap: 24px;
  }
.dashboard .title .card, .dashboard .card.weather, .dashboard .card.earthquake{
width: 100%;
  }
.dashboard .card .in{
    justify-content: space-between;
}
.dashboard .card .in > p{
width: 100%;
} 
.dashboard .card.earthquake .in > p{
width: auto;
}
.dashboard .card.earthquake .in > div{
width: 100%;    
}

.dashboard .status{
gap: var(--gap-2, 4px);
}
.dashboard .card.plant-status,
.dashboard .card.safety-index{
width: auto;
}
.status .s-item{
    padding: var(--krds-gap-4, 12px) 19px;
}
}

@media (max-width: 1024px) {
.dashboard{
    flex-direction: column !important;
}
.dashboard .title h2{
font-size: var(--krds-pc-font-size-heading-medium, 24px);
}
.dashboard .title {
font-size: var(--krds-pc-font-size-heading-small, 19px);

}
.dashboard .card > h3{
font-size: var(--krds-pc-font-size-heading-small, 19px);
}
.dashboard .card{
gap: var(--krds-gap-5, 16px);
padding: 16px;
}
.dashboard .card .in > p{
font-size: var(--krds-pc-font-size-heading-xxsmall, 15px);
}
.dashboard .card .in > p span{
font-size: var(--krds-pc-font-size-heading-medium, 24px);
  
}
.dashboard .card.earthquake .in > p span{
font-size: var(--krds-pc-font-size-heading-small, 19px);
}
.dashboard .card .krds-btn{
position: unset;
}
.dashboard .card.safety-index{
grid-column: unset;
}

.dashboard .status{
    flex-wrap: wrap;
        justify-content: center;
}
.dashboard .card.safety-index .status .s-item{
width: 72px;
    flex: inherit;
}
}

/*<!-- 지역 환경 방사선・해양 방사능 정보-->*/
.center-info .tab-conts-01{grid-template-columns: minmax(316px, 1fr) 1fr 1fr;}
/*
@media (max-width: 1200px) {
.center-info .tab-conts-01{grid-template-columns: 1fr 1fr 1fr;}

}*/
@media (max-width: 768px) {
.center-info .tab-conts-01{
grid-template-columns:  1fr;
}
.center-info .tab-conts-01 .map{
    display: flex;
    justify-content: center;
    align-items: center;
}

}


.center-info .tab-conts-01 .map svg path.active.normal{
fill: #7ec88e;/*--krds-color-light-success-30*/
}
.center-info .tab-conts-01 .map svg path.active.notice{
fill:#ffe0a3;/*--krds-color-light-warning-10*/
}
.center-info .tab-conts-01 .map svg path.active.warning{
fill:#fcdfd9;/*--krds-color-high-contrast-danger-10*/
}
.center-info .tab-conts-01 .map svg path.active.emergency{
fill:#f48771;/*--krds-color-light-danger-30*/
}
.center-info .tab-conts-01 .map svg path.active.check{
fill: #b1b8be;/*--krds-color-light-gray-30*/
}

.center-info .tab-conts-01 .map .list_level li{
display: none;
}
.center-info .tab-conts-01 .map .list_level li.active{
display: flex;
}
.status-card{
border-radius: var(---krds-radius-xlarge1, 12px);
background: var(--krds-light-color-background-gray-subtler, #F4F5F6);
display: flex;
padding: var(--krds-gap-6, 20px);
flex-direction: row;
align-items: flex-start;
align-self: stretch;
justify-content: space-between;
box-shadow: 0 0 2px 0 var(--color-alpha-shadow2, rgba(0, 0, 0, 0.08)), 0 var(--shadow-y-3, 8px) var(--shadow-blur-3, 16px) 0 var(--color-alpha-shadow3, rgba(0, 0, 0, 0.12));
position: relative;
}

.status-card__info {
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-3, 8px);
}
.status-card__title {
font-size: var(--krds-pc-font-size-heading-medium, 24px);
font-weight: 700;
}

.status-card__value {
font-size: var(--krds-pc-font-size-body-medium, 17px);
font-weight: 700;
}

.status-card__value .unit {
font-size: var(--krds-pc-font-size-label-xsmall, 13px);
font-weight: 400;

}
.status-card__desc-wrap{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--krds-gap-2, 4px);
}
.status-card__desc{
display: flex;
align-items: center;
gap: 4px;
}
.status-card__value-badge{
display: flex;
padding: var(--krds-gap-1, 2px) var(--krds-gap-3, 8px);
justify-content: center;
align-items: center;
font-size: var(--krds-pc-font-size-label-xsmall, 13px);
border-radius: var(--krds-radius-small1, 4px);
border: 1px solid var(--krds-light-color-background-gray-subtle, #E6E8EA);
background: var(--krds-light-color-background-white, #FFF);
}
.status-card__badge-wrap{
display: flex;
align-items: center;
gap: 6px;
position: absolute;
right: 20px;
top: 20px;
}
.status-card__badge-item{
display: flex;
flex-direction: column;
align-items: center;
gap: var(--krds-gap-1, 2px);
}
.status-card__badge-item > p{
font-size: var(--krds-pc-font-size-body-medium, 17px);
font-weight: 700;
}
.status-card__badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: 50%;
font-size: 21.857px;
  font-weight: 700;
  color: #fff;
}

.status-card__badge.level_normal {
border-radius: var(--radius-max, 1000px);
background: var(--krds-color-light-success-50);
}

.status-card__badge.level_notice {
/* background:var(--krds-color-light-warning-30); */
/* clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%); */
background: #CB8600;
clip-path: polygon(50% 0%, 85% 15%, 100% 50%, 85% 85%, 50% 100%, 15% 85%, 0% 50%, 15% 15%);
border-radius: 0 !important;
    padding-top: 3px;
 }

.status-card__badge.level_warning {
background:var(--krds-color-high-contrast-danger-40);
clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
border-radius: 0 !important;
}

.status-card__badge.level_emergency {
background:var(--krds-color-light-danger-50);
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
border-radius: 0 !important;
    width: 48px !important;
    height: 48px !important;
}

.status-card__badge.level_check {
background:var(--krds-color-light-gray-50);
border-radius: 0 !important;
}



.map-list li.status-card{
padding: var(--krds-gap-4, 12px);
box-shadow: none
}

.map-list li .status-card__title {
font-size: var(--krds-pc-font-size-heading-small, 19px);
}

.map-list li .status-card__value {
font-size: var(--krds-pc-font-size-body-small, 15px);
}



.map-list li .status-card__badge {
  width: 56px;
  height: 56px;
font-size: var(--krds-pc-font-size-body-medium, 17px);
}

.map-list li .status-card__info{
gap: 0;
}
.map-list li .status-card__desc-wrap{
gap: var(--krds-gap-1, 2px);
}
.map-list{
display: flex;
flex-direction: column;
gap: var(--krds-gap-3, 8px);
}
.map-list ul{
max-height: 430px;
overflow: auto;
gap: 16px;
display: flex;
flex-direction: column;
}

.map-list .sec-tit-area{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 8px 0;
}
.map-list .sec-tit-area .sec-tit{
font-size: var(--krds-pc-font-size-heading-xsmall, 17px);
margin-bottom: 0;
}
.map-list .sec-tit-area p{
font-size: var(--font-size-label-xsmall, 13px);
}



.center-info .card > .tab{
display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}
.center-info .card > .tab > ul{
    width: calc(100% - 100px);
}
.center-info .card > .tab .krds-btn{
position: unset;
}
@media (max-width: 1200px) {
.status-card__badge-wrap{
    position: unset;
}    
.status-card__title-wrap{
display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

}

.map-list .sec-tit-area{
    flex-direction: column;
    gap: var(--gap-3, 8px);
        align-items: flex-start;
}
.ocean-map-dashboard .status-card__info {
width: 100%;
gap: 12px;
}
.ocean-map-dashboard .map-list li .status-card__info .status-card__title-wrap{
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.ocean-map-dashboard .map-list li .status-card__info .status-card__badge-wrap{
justify-content: center;
    width: 100%;
}
}


@media (max-width: 767px) {
.status-card__title{
font-size: var(--krds-pc-font-size-heading-small, 19px);
}
.status-card__badge{
width: 64px;
height: 64px;
font-size: 19.429px;

}
.ocean-map-dashboard .map-list li .status-card__info .status-card__badge-wrap{
position: absolute;
width: auto;
}
}
/*지역 안전정보*/
.panel_11{
    height: 100%;
}
.dashboard.flex .card{
width: 50%;
}
.list-box {
display: flex;
flex-direction: column;
gap: var(--krds-gap-7);
    height: 100%;
    justify-content: space-between;
}
.list-box .in{
overflow: hidden;
}


.center-info .info-safety .tab.mo.with-btn{
width: calc(100% - 100px);
}
.center-info .info-safety .list-box > .krds-btn{
top: calc(36px + var(--krds-gap-7) + var(--krds-gap-7) + 9px);
}

.center-info .list-row{
display: flex;
flex-direction: column;
gap: var(--krds-gap-5);
width: 100%;
height: auto;
}


.center-info .list-row > li{
	display: flex;
	flex-direction: column;
	gap: var(--krds-gap-3);
}

.center-info .list-row > li > button {
    display: flex;
    flex-direction: column;
    gap: var(--krds-gap-3);
}

.center-info .list-row .c-item{
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 8px;
    align-items: center;
}
.list-box .swiper-indicator .swiper-navigation{
justify-content: space-between;
width: 100%;
}

.center-info .c-tit{
word-break: break-all;
font-weight: var(--krds-font-weight-bold);
/* -webkit-line-clamp: 1; */
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
font-size: var(--krds-pc-font-size-heading-xsmall, 17px);

}
.center-info .c-date{
font-size: var(--krds-pc-font-size-body-xsmall, 13px);
    word-break: keep-all;
    display: block;
    white-space: nowrap;
}


.center-info .dashboard .krds-tab-area{
gap: var(--krds-gap-7);
    height: 100%;
}
.center-info .dashboard .krds-tab-area .tab-conts-wrap section{
gap: var(--krds-gap-5);
}
.center-info .list-row.step-box__list{
 max-height:236px;
 height:236px;
}
.flex-step{
display: flex;
flex-direction: row;
gap: var(--krds-gap-5);
}
.flex-step > .krds-step-wrap-box{
flex: 1;
}
/*
.center-info .krds-step-wrap.bg > li.on::before{
background: var(--krds-light-color-border-success-light, #D8EEDD);
}
*/
.center-info .krds-step-wrap.bg > li.on{
background: var(--krds-light-color-border-success-light, #D8EEDD);
}
@media (max-width: 1024px) {
.center-info .inner .conts-wrap.dashboard {
    flex-direction: column !important;

}
.dashboard.flex .card{
width: 100%;
}
}

@media (max-width: 767px) {
.center-info .info-safety .tab.mo.with-btn{width: 100%;}
}

/*최근 폐기물 정보*/
.center-info .tab-tit{
font-size: var(--krds-pc-font-size-heading-small, 19px);
font-weight: 700;
border: 0 !important;
color: var(--gray-gray-90, #1D1D1D);
align-items: flex-start !important;
    width: 100%;
}
.list-box .in{
flex-direction: column;
}


.center-info .info-waste .list-box .in{
position: relative;
}
.center-info .info-waste .list-box .in > .krds-btn{
top: 6.5px;
right: 0;
}
@media (max-width: 767px) {
.center-info .info-waste .list-box .in > .krds-btn{
    width: 100%;
}    
}
/*인・허가 현황*/
.center-info .step-box .c-item {
    flex-direction: column;
    gap: var(--gap-2, 4px);
    align-items: flex-start;
}



@media (max-width: 1024px) {
.center-info .list-row.step-box__list{
    max-height: 152px;
}
}
@media (max-width: 767px) {
.center-info .step-style-01 .krds-step-wrap  {
        width: 100%;
}
.step-box{
padding: var(--gap-3, 8px); 
}
.flex-step{
flex-direction: column;
}
}



/*통계정보*/
.stat-info .swiper-indicator.space-between > div p{
font-size: var(--krds-pc-font-size-heading-medium, 24px);
}
.stat-info .krds-tab-area{
gap: var(--krds-gap-7);
}
.stat-info .map-area {
    width: 480px;
    height: 710px !important;
}
.map-area.stat .lists{
display: none
}


.map-area.stat > ul{
    top: 70px;
    left: calc(50% - 215px);
}

.map-area.stat .map-pin.daejeon {
    top: 202px;
}
.map-area.stat .map-pin.seoul {
    top: 51px;
    left: 108px;
}
.map-area.stat .map-pin.yongin {
top: 95px;
    left: 135px;
}
.map-with-list{
display: flex;
flex-direction: row;
gap: var(--krds-gap-8);
margin-bottom:var(--krds-gap-11);
}

.map-with-list .list{
display: flex;
flex-direction: column;
gap: var(--krds-gap-7);
width: 100%;
}

.map-with-list .list-tit{
font-size: var(--font-size-heading-medium, 24px);
 display: flex;
flex-direction: row;
gap: var(--krds-gap-3);   
align-items: center;
}
.map-area.stat{
position: relative;

}
.map-area.stat > button{
position: absolute;
top: 0;
left: 0;
border-radius: var(--radius-medium3, 8px);
border: 1px solid var(--color-border-primary-light, #D8E5FD);
background: var(--color-button-secondary-fill, #ECF2FE);
color: var(--color-text-basic, #1E2124);
font-weight: 700;
font-size: var(--font-size-body-medium, 17px);
height: 42px;
}

.tab-conts-wrap .tab-conts .krds-tab-area .tab-conts-wrap .tab-conts{
gap: var(--krds-gap-7);
padding-top: 0;
}
.map-with-list .list .status{
gap: var(--krds-gap-7);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.map-with-list .list .tab-conts .krds-table-wrap{
height: 400px;
width: 100%;
    overflow: auto;
}



.graph{
border: 1px solid var(--color-border-gray-light, #CDD1D5);
width: 100%;
min-height: 200px;
}
.graph::before{
content: "차트영역";
font-size: 50px;
text-align: center;
opacity: 0.2;
position: absolute;
z-index: -1;
}
.graph-box{
    border: 1px solid var(--color-border-gray-light, #CDD1D5);
    border-radius: var(--radius-xlarge1, 12px);
gap: var(--gap-7, 24px);
display: flex;
padding: var(--krds-padding-card-medium, 32px);
flex-direction: column;
}



.aside-between-conts .filter-list.krds-accordion .accordion-item .btn-accordion{
padding: var(--padding-6, 16px) var(--padding-3, 8px);
}
.aside-between-conts .filter-list.krds-accordion .accordion-item .accordion-header .tit{
font-size: var(--krds-pc-font-size-navigation-depth-medium, 17px); 
}
.aside-between-conts .filter-list.krds-accordion .accordion-item .btn-accordion{
display: flex;
justify-content: space-between; 
}
.aside-between-conts .krds-accordion.type-line .accordion-item .btn-accordion::after{
    position: unset;
}
.aside-between-conts .filter-list.krds-accordion .accordion-item{
padding: 0;
}
.aside-between-conts .krds-accordion.type-line .accordion-item:first-child{
border-top: 0;
}
.aside-between-conts .krds-accordion.type-line .accordion-item.active .accordion-header{
background: var(--color-action-primary-selected, #ECF2FE);
}
.stat-info .krds-tab-area .tab-conts-wrap > section{
padding-top: 10px;
gap: var(--gap-layout-h1-h2, 48px);
}/*
.stat-info .krds-tab-area .tab-conts-wrap .krds-tab-area .krds-tab-area{
padding-top: var(--krds-gap-3);
}*/

.krds-check-area.gap-12{
gap: 12px;
    justify-content: flex-end;
}
.filter-dl.choice .filter-list.krds-accordion .accordion-item .accordion-header {
border-bottom: 1px solid var(--color-divider-gray, #8A949E);
}
.filter-dl.choice .filter-list.krds-accordion .accordion-item .accordion-header .tit{
font-size: var(--font-size-navigation-title-small, 19px);
}
.filter-dl.choice .filter-list.krds-accordion .accordion-item .btn-accordion{
    padding: var(--padding-6, 16px) var(--gap-5, 16px);

}

.filter-dl.choice .krds-accordion.type-line .accordion-item{
    border-top-color:var(--color-divider-gray, #8A949E);
    padding: 0;
}
.filter-dl.choice .krds-accordion.type-line .accordion-item .accordion-body{
padding: var(--gap-8, 32px) var(--gap-5, 16px);
background: var(--color-background-gray-subtler, #F4F5F6);
border-bottom: 1px solid var(--color-border-secondary-light, #D6E0EB);
margin-bottom: 0;
border-radius: 0;

}

.filter-dl.choice .filter-list.krds-accordion .accordion-item .btn-accordion{
display: flex;
justify-content: space-between; 
}
.filter-dl.choice .krds-accordion.type-line .accordion-item .btn-accordion::after{
    position: unset;
}


/* 월과 일 숨기기 */
.year-picker .krds-calendar-area .calendar-body {
  display: none;
}

.year-picker .krds-calendar-area .calendar-wrap .calendar-head .calendar-switch-wrap .calendar-drop-down:last-child{
    display: none;
}
.year-picker .krds-calendar-area .calendar-wrap{
    width: auto;
}

.year-picker.filter-form-conts.date-input .calendar-input input{
max-width: none;
}
/*graph-box-wrap*/
.graph-box-wrap{
	display: flex;
	flex-direction: column;
    width: 100%;
    padding-top: 1em;
}
.graph-box-wrap .tit{
font-size: var(--krds-pc-font-size-heading-medium, 24px);
font-weight: 700;
padding-bottom: var(--krds-gap-4);
}
.graph-box h6{
font-size: var(--krds-pc-font-size-heading-medium, 24px);
font-weight: 700;
}
.graph-box.border-0{
padding: 0;
}
.graph-box .swiper-indicator .swiper-navigation p{
font-size: var(--font-size-heading-medium, 24px);

}
/*stat-info-graph-card*/
.stat-info-graph-card{
display: flex;
flex-direction: row;
gap: var(--krds-gap-5);
justify-content: space-between;
}
.stat-info-graph-card > div{
display: flex;
padding: var(--krds-gap-4, 12px) var(--krds-gap-3, 8px);
flex-direction: column;
justify-content: center;
align-items: center;
gap: var(--krds-gap-2, 4px);
border-radius: var(--krds-radius-medium3, 8px);
border: 0.583px solid var(--krds-light-color-border-gray-light, #CDD1D5);
flex: 1;
}
.stat-info-graph-card > div p{
font-size: var(--krds-pc-font-size-body-medium, 17px);
font-weight: 700;
}
.stat-info-graph-card > div span{
font-size: var(--krds-pc-font-size-heading-medium, 24px);
font-weight: 700;
}
/**/
.tbl-grid th, .tbl-grid td{
border: var(--krds-table--data-border-width) solid var(--krds-table--data-tbody-color-divider);;
}
.tbl-grid tr:first-child th,
.tbl-grid tr:first-child td {
  border-top: none;
}
.tbl-grid tr:last-child th,
.tbl-grid tr:last-child td {
  border-bottom: none;
}
.tbl-grid tr th:first-child,
.tbl-grid tr td:first-child {
  border-left: none;
}
.tbl-grid tr th:last-child,
.tbl-grid tr td:last-child {
  border-right: none;
}
.row-head--highlight{
font-weight: 700 !important;
background-color: var(--krds-light-color-element-primary-lighter, #ECF2FE) !important;
text-align: center  !important;
}


.in-between {
    gap: var(--krds-pc-gap-layout-left-contents);
    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);
}

.in-between .contents{
width: 100%;
}

#container > .inner {
    min-height: 60rem;
}

@media (min-width: 1024px) {
    .inner {
        margin: 0 auto;
    }
}

.in-between .krds-side-navigation {
    flex-shrink: 0;
    width: 24.8rem;
    padding: 0 0;
    border: none;
}
.krds-side-navigation .lnb-list .lnb-item .lnb-btn{
display: flex;
flex-direction: row;
justify-content: space-between;
    align-items: center;
}
.krds-side-navigation .lnb-list .lnb-item .lnb-btn i{
      width: var(--krds-icon--size-small);
    height: var(--krds-icon--size-small);  
}

.krds-side-navigation .lnb-list .lnb-item.active .lnb-btn{
background: var(--krds-light-color-border-primary-light, #D8E5FD);
}

.contents .tab-conts-wrap .tab-conts .krds-tab-area .tab-conts-wrap .tab-conts{
    gap: var(--krds-gap-8);
    padding-top: 0;
}

.contents .contents-area{
display: flex;
 gap: var(--krds-gap-7);
 flex-direction: column;
}
/*style-02*/
.style-02 .filter-form-tit{
font-size: var(--font-size-navigation-title-small, 19px);
}
.style-02.filter-form.krds-disclosure.conts-expand-area .filter-tit-with-btn{
padding: var(--padding-6, 16px) var(--gap-5, 16px);
border-top: 1px solid var(--color-divider-gray, #8A949E);

}

.style-02.filter-form.krds-disclosure.conts-expand-area .expand-wrap{
margin-top: 0;

}
.style-02.krds-disclosure ~ .krds-disclosure{
margin-top: 0;
}

.graph-box-wrap .style-02.filter-form.krds-disclosure.conts-expand-area{
padding-bottom: var(--krds-gap-7);
}
.btn-wrap .krds-btn{
margin-right: 16px;
}
.btn-wrap .krds-btn:last-child{
margin-right: 0;
}


/**/
.stat-info .map-pin.han-ul{
    top: 113px;
    left: 347px;   
}

.stat-info .map-pin.han-bit {
    top: 315px;
    left: 73px;
}
.stat-info .map-pin.wol-seong {
    top: 263px;
    left: 345px;
}
.stat-info .map-pin.sae-ul {
    top: 312px;
    left: 328px;
}

.stat-info .map-pin.wol-seong .map-label{
    left: -30px; 
}

.stat-info .map-pin.go-li {
    top: 354px;
    left: 299px;
}

.stat-info .label text{
font-size: 19px;
}

.stat-info .map-pin.busan {
    top: 369px;
    left: 260px;
}
.graph-with-left{
display: flex;
flex-direction: row;
gap: 16px;

}
.graph-with-left .left{
width: 165px;
}
@media (max-width: 768px) {
    .graph-with-left{
        flex-direction: column;
    }
}
.color-chip{
width: 16px;
height: 16px;
border-radius: 2px;
display: inline-block
}

.color-chip.secondary{background: var(--color-divider-secondary, #063A74);}
.color-chip.gray-dark{background: var(--color-border-gray-dark, #58616A)}
.color-chip.primary-light{background: var(--color-border-primary-light, #D8E5FD);}
.color-chip.information-30{background: var(--color-light-information-30, #5FB5F7);}
.color-chip.warning-40{background: var(--color-light-warning-40, #C78500);}
.color-chip.gray-darker{background: var(--color-divider-gray-darker, #1E2124);}
.color-chip.success-70{background: var(--color-light-success-70, #285D33);}
.color-chip.primary{background: var(--color-divider-primary, #256EF4);}
.color-chip.success{background: var(--color-element-success, #228738);}

label.flex{    align-items: center;
    white-space: nowrap;}

.tbl-tit{
font-size: var(--font-size-heading-small, 19px);
font-weight: 700;
margin-bottom: var(--krds-gap-3, 8px);;
}
.krds-info-list.sm{
gap: 0;
}
.krds-info-list.sm > li{
    padding-left: 12px;
}
.krds-info-list.decimal.sm > li::before{
    width: 0.3rem;
    height: 0.3rem;
    left: 0;
}
.krds-modal .modal-dialog.xlarge{
width: 985px; 
}
.krds-modal .modal-dialog.xxlarge{
width:1200px
}
.map-area.map-region.stat .active path{
fill: #256EF4;
}
.map-area.map-region.stat .active text{
fill: #fff;
}

.stat-info .krds-tab-area.stat-info-tab-area{
gap: var(--krds-gap-9);
}

.stat-info-tab-area > .tab-conts-wrap > section .conts-wrap .krds-tab-area{
gap: var(--krds-gap-9);
}

.stat-info-tab-area > .tab-conts-wrap > section .conts-wrap .krds-tab-area .tab-conts-wrap > section{
    gap: var(--krds-gap-9);
}
.stat-info-tab-area > .tab-conts-wrap > section .conts-wrap .krds-tab-area .tab-conts-wrap .graph-box{
margin-top:40px;
}
/*규제기초*/
.regulation.panel{
gap: 0;
}
.regulation  .krds-disclosure .expand-wrap .expand-in{
background:#fff;
}
.regulation-item{
display: flex;
flex-direction: column;
gap: var(--krds-gap-6, 20px);
border-bottom:1px solid var(--krds-light-color-divider-secondary-light, #D6E0EB);
padding-bottom: var(--krds-gap-8, 32px);
}
.regulation-item:last-child{
    border-bottom:0;
        padding-bottom: 0;
}
.regulation-item .item-tit{
font-size: var(--krds-pc-font-size-heading-small, 19px);
color: var(--krds-light-color-text-basic-inverse, #FFF);
font-weight: 700;
padding: var(--krds-gap-2, 4px) var(--krds-gap-4, 12px);
border-radius: var(--krds-radius-medium3, 8px);
background: var(--krds-light-color-border-secondary, #063A74);
width: fit-content;
}
.regulation-item .item-body{
display: flex;
flex-direction: row;
gap: var(--krds-gap-6, 20px);
}
.regulation-item .desc-box{
display: flex;
padding: var(--krds-gap-6, 20px) var(--krds-gap-5, 16px) var(--krds-gap-5, 16px) var(--krds-gap-5, 16px);
border-radius: var(--krds-radius-xlarge1, 12px);
background: var(--krds-light-color-background-gray-subtler, #F4F5F6);
width: 100%;
height: fit-content;

}
.regulation .krds-disclosure .expand-wrap .expand-in .desc-box > ul{
flex-direction: column;
align-items: flex-start;
gap: var(--krds-gap-5, 16px);
flex: 1 0 0;


}
.regulation-item .desc-box > ul li p{
font-size: var(--krds-pc-font-size-heading-small, 19px);
font-weight: 700;
}
.regulation-item .desc-box > ul li span{
font-size: var(--krds-pc-font-size-body-large, 19px);
}
.regulation .krds-disclosure .expand-wrap .expand-in .desc-box > ul li{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--krds-gap-2, 4px);   
color: var(--color-text-basic, #1E2124);
}
.regulation .krds-disclosure .expand-wrap .expand-in > ul li::before{
padding-left: 0;
}
.regulation .krds-disclosure .expand-wrap .expand-in .desc-box > ul li.desc{
background-color:var(--krds-light-color-background-gray-subtle, #E6E8EA);
font-size: var(--krds-pc-font-size-body-large, 19px);
width: 100%;
padding: var(--krds-gap-3) var(--krds-gap-5) !important;   
border-radius:12px;
}
.krds-info-list.decimal > li.desc::before{
display: none;
}
.regulation .krds-disclosure .expand-wrap .expand-in .map-area{
width: 332px;
height: 440px !important;
margin-top: 0;
padding: 8px;
}
.regulation .krds-disclosure.active{
 border-top: 1px solid var(--krds-light-color-divider-gray-light, #CDD1D5);
 padding-bottom: 0;
}
.regulation .krds-disclosure.active .btn-conts-expand{
 border-bottom: 1px solid var(--krds-light-color-divider-gray-light, #CDD1D5);
}
.regulation .krds-disclosure.active .img img{

}
@media (max-width: 768px) {
.regulation-item .item-body{
flex-direction: column;
}
.regulation .krds-disclosure .expand-wrap .expand-in .map-area{
width: 100%;
}
    .regulation .conts-expand-area .btn-conts-expand {
        font-size: var(--krds-pc-font-size-heading-small);
    }
}

/*timeline-01*/
.timeline{
display: flex;
flex-direction: row;
gap: var(--gap-1, 2px);
    width: 100%;
}
.timeline .box{
    display: flex;
flex-direction: column;
border-radius: 24px 24px 0 0;
background: var(--color-background-gray-subtler, #F4F5F6);
padding: var(--gap-4, 12px) var(--gap-4, 12px) var(--gap-2, 4px) var(--gap-4, 12px);
gap: 0;
}
.timeline.type-01 .box .tit{
width: 100%;
border-radius: var(--radius-xlarge1, 12px) var(--gap-4, 12px) 0 0;
background: var(--color-background-gray-subtle, #E6E8EA);
padding: var(--gap-3, 8px) 0 var(--gap-2, 4px)  var(--gap-4, 12px);
}
.timeline.type-01 .box .tit p{


font-size: var(--font-size-body-medium, 17px);
font-weight: 700;
width: 100%;

}
.timeline .box .section{
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
position: relative;
}
.timeline.type-01 .box > div > div{
position:relative;
height: 80px;
}
@media (max-width: 768px) {
.regulation-item.flow{

}
.timeline{
flex-direction: column;
}
.timeline .box{
flex-direction: row;
border-radius: 24px 0 0 24px;
flex: auto;
padding: var(--gap-4, 12px) var(--gap-4, 12px);
}
.timeline.type-01 .box .tit{
height: -webkit-fill-available;
border-radius: var(--radius-xlarge1, 12px) 0 0 var(--gap-4, 12px);
padding: var(--krds-gap-3, 8px) 0 var(--krds-gap-2, 4px) 0;
width: auto;
}
.timeline.type-01 .box .tit p{
writing-mode: vertical-rl;
text-orientation: upright;
width: auto;
height: auto;
letter-spacing: 5px;
}
.timeline .box .section{
flex-direction: row;
}
.timeline .box > div > div{
writing-mode: vertical-rl;
    text-orientation: upright;
width: 50%;
height: auto;
padding: var(--gap-4, 12px) 0;

}
.timeline.type-01 .box > div > div{
height: auto;
}
}

/* 라인(막대) */
.timeline .line{
  position: absolute;
  height: 2px;
  background: #002d72;
  border-radius: 3px;
  top: 80%;
  transform: translateY(-50%);
      z-index: 100;
}
.timeline.type-01 .line{
      left: 0;
      width: 100%;
}
@media (max-width: 768px) {
.timeline.type-01 .line{
position: unset;
width: 2px !important;
height: 100%;
transform: unset;
}

}
.timeline .line::before, .timeline .line::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: #002d72;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
.timeline .line::before { left: 0; }
.timeline .line::after { right: 0; }

.flow-line .line::after {
content: '';
 width: 8px;
  height: 8px;
    border-top: 2px solid #002d72; 
    border-right: 2px solid #002d72; 
    display: inline-block;
    transform: rotate(45deg); 
    position: absolute;
    border-radius: 0;
    background: transparent;
    top: calc(50% - 4px);
}
.reverse-line .line::before {
content: '';
 width: 8px;
  height: 8px;
    border-top: 2px solid #002d72; 
    border-right: 2px solid #002d72; 
    display: inline-block;
    transform: rotate(225deg); 
    position: absolute;
    border-radius: 0;
    background: transparent;
    top: calc(50% - 4px);
}
.after-line-only .line::after {
display: none;
}
.before-line-only .line::before {
display: none;
}
.reverse-curve .line{
height: 35px;
    border-bottom: 2px solid #002d72;
    border-right: 2px solid #002d72;
    border-radius: 0 0 30px 0;
 background: transparent;   
 top: calc(80% - 17px);
}
.reverse-curve .line::before {
content: '';
 width: 8px;
  height: 8px;
    border-top: 2px solid #002d72; 
    border-right: 2px solid #002d72; 
    display: inline-block;
    transform: rotate(225deg); 
    position: absolute;
    border-radius: 0;
    background: transparent;
top: 88%;
}
.reverse-curve .line::after{
display: none
} 
.timeline .reverse-curve .label{
top: 0px;
}
.timeline .reverse-curve .label-desc{
top: -20px;
}
.line.flow::after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 2px solid #002d72;
    border-right: 2px solid #002d72;
    display: inline-block;
    transform: rotate(45deg);
    position: absolute;
    border-radius: 0;
    background: transparent;
    top: calc(50% - 4px);
}
.line.diamond::after {
    content: '';
    width: 8px;
    height: 8px;
    display: inline-block;
    transform: rotate(45deg);
    position: absolute;
    border-radius: 0;
    top: calc(50% - 4px);

}
@media (max-width: 768px) {
.timeline .line::before { top: 13px; right: -3px;}
.timeline .line::after { bottom: 12px; right: -3px;top: unset;}
.flow-line .line::after{
    transform: rotate(135deg);
}
.reverse-line .line::before{
    transform: rotate(315deg);
}
.reverse-line .line:after{
        bottom: 7px;
}
.reverse-curve .line{
height: 100%;
border-radius: 0 0 48px 0;
width: 50%;
}
.reverse-curve .line::before{
    transform: rotate(315deg);
}

.line.flow::after {
transform: rotate(135deg);
top: unset;
bottom: 0 !important;
}
.line.diamond::after {

    top:unset;

}


}




.timeline .label {
  position: absolute;
  top: -29px;
  left: var(--krds-gap-3, 8px);
font-size: var(--krds-pc-font-size-body-medium, 17px);
  white-space: nowrap;
  font-weight: 700;
}
.timeline .label-desc{
    position: absolute;
  top: -50px;
  left: var(--krds-gap-3, 8px);
font-size: var(--font-size-body-small, 15px);
color: var(--color-text-subtle, #464C53);

}

/*v-2*/
.timeline.type-01.v-2 .box > div > div{
    height: 150px;
}
.timeline.type-01.v-2 .line{
    top: 30%;
}
.timeline.type-01.v-2 .reverse-curve .line{
   top:calc(30% - 17px);
}
.timeline .label-list.krds-info-list{
    gap: 0;
    margin-top: 10px;
}
.timeline .label-list.krds-info-list > li{
font-size: var(--font-size-body-small, 15px);
}
.timeline .reverse-curve .label-list.krds-info-list{
margin-top: 45px;
}
@media (max-width: 768px) {
.timeline.type-01.v-2 .label,
.timeline.type-01.v-2 .label-list.krds-info-list > li,
.timeline.type-01.v-2 .label-desc
{
    writing-mode: initial;
    text-orientation: upright;
}
.timeline.type-01.v-2 .label-list.krds-info-list > li{
white-space: normal;
        width: 200px;
}
.timeline.type-01.v-2 .label-area{
flex-direction: row;
align-items: flex-start;
}
.timeline.type-01.v-2 .label-list.krds-info-list{
flex-direction: row;
}
.timeline.type-01.v-2 .reverse-curve .label-list.krds-info-list{
margin-top: 10px;
}
}
@media (max-width: 500px) {
.timeline.type-01.v-2 .label,
.timeline.type-01.v-2 .label-list.krds-info-list > li{
width: 100px;
white-space: normal;
}
.timeline.type-01.v-2 .box > div > div {
    height: 350px;
}
}







@media (max-width: 768px) {
.timeline .label {
  position: unset;
}
.timeline .label-desc{
    position: unset;

}
.timeline .label-area{
display: flex;
flex-direction: column-reverse;
padding: 0 var(--gap-4, 12px) var(--gap-5, 16px) 0;

}
}

/* 영역별 배경 */
.timeline .box.gray{ background: var(--krds-color-light-background-gray-subtler, #F4F5F6);}
.timeline .box.blue { background: var(--krds-color-light-element-primary-lighter, #ECF2FE);}
.timeline .box.dark {background:  var(--krds-color-ligh-surface-secondary-subtler, #EEF2F7);}
.timeline .box.gray .tit{background: var(--krds-color-light-background-gray-subtle, #E6E8EA); }
.timeline .box.blue .tit { background: var(--krds-color-light-element-primary-light, #D8E5FD); }
.timeline .box.dark .tit {background: var(--krds-color-ligh-element-secondary-light, #D6E0EB);}


.timeline.type-02 .section .line:nth-child(2){
/*margin-left: 10px;*/
}
@media (max-width: 768px) {
  .timeline.type-02 .section .line:nth-child(2){
    margin-top: 10px;
}  
}
/*.timeline*/

.timeline .label-box{
display: flex;
padding: var(--gap-3, 8px) var(--gap-4, 12px);
flex-direction: column;
justify-content: center;
align-items: center;
flex: 1 0 0;
align-self: stretch;
border-radius: var(--radius-medium3, 8px);
border: 1px solid var(--color-border-gray-light, #CDD1D5);
background: var(--color-alpha-base75, rgba(255, 255, 255, 0.75));
    margin-top: 12px;
}
.timeline .label-box span{
color: var(--color-text-basic, #1E2124);
text-align: center;


/* body/medium-bold */
font-family: var(--typo-font-type, "Pretendard GOV");
font-size: var(--font-size-body-medium, 17px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 25.5px */
letter-spacing: var(--typo-letter-spacing-0, 0);
}


@media (max-width: 768px) {
.timeline.type-02.type-03  .box > div{
        height: 250px;
    }
.timeline.type-02.type-03 .line{
        left: 87%;
        flex-direction: row;
}
.timeline.type-02.type-03 .label-list.krds-info-list{
    position: absolute;
    flex-direction: column;
        left: -132px;
}
.timeline.type-02.type-03 .label-list.krds-info-list{

}

.timeline .with-label-box{
}
.timeline .label-box{
width: 32px;
padding: 4px;
}
.timeline .label-box span{
line-height: 1;
white-space: nowrap;
}
.timeline .box > div > div.label-box{
width: 20px !important;
padding: 4px;
}

.timeline .box > div > div.label-box{
width: auto;
}
.timeline.type-02 .lebel,
.timeline.type-02 .label-list.krds-info-list > li{
 writing-mode: initial;
    text-orientation: upright;   
    white-space: normal;
        width: 200px;
}
.timeline.type-02 .label-list.krds-info-list{
flex-direction: row;
}
.with-list  > div{
width: 150px;
}
.with-list ul{
writing-mode: initial;
}

.timeline .box > div > div{

}
.timeline.type-02 .label-desc{
position: absolute;
        top: 11px;
        left: -39px;
}
}
@media (max-width: 500px) {
.timeline.type-02 .label-list.krds-info-list > li{
width: 100px;
white-space: normal;
}

}



@media (max-width: 768px) {

.timeline.type-01.v-2 .label-list.krds-info-list > li{
white-space: normal;
        width: 145px;
}
.timeline.type-01.v-2 .label-area{
flex-direction: row;
align-items: flex-start;
}
.timeline.type-01.v-2 .label-list.krds-info-list{
flex-direction: row;
}
.timeline.type-01.v-2 .reverse-curve .label-list.krds-info-list{
margin-top: 10px;
}
}



/*timeline-02 type-02*/
.timeline.type-02, .timeline-body{
display: flex;
flex-direction: column;
gap: 0;
}
.timeline.type-02 .box{
display: flex;
flex-direction: row;
border-radius: 0;
padding: 0;
background: transparent;
}

.timeline.type-02 .box > div{
flex: 1;

}
.timeline.type-02 .section{
    height: 70px;
    border-right: 1px solid var(--krds-light-color-border-gray-light, #CDD1D5);
}
.timeline.type-02 .box:last-child .section{
height: 90px;
}
.timeline.type-02 .box:last-child .section .line{
top: calc(80% - 20px);
}
.timeline.type-02 .box .tit{
border-right: 1px solid var(--krds-light-color-border-gray, #B1B8BE);
border-bottom: 1px solid var(--krds-light-color-border-gray, #B1B8BE);
border-radius: 0;
padding: var(--gap-3, 8px) 0 var(--gap-2, 4px)  var(--gap-4, 12px);
font-size: var(--font-size-body-medium, 17px);
font-weight: 700;
width: 100%;
}
/*timeline-area*/
.timeline-area{
display: flex;
flex-direction: row;
gap: var(--krds-gap-5, 16px);
    width: 100%;
}
.timeline-area .timeline-left{
display: flex;
background: var(--krds-color-light-background-gray-subtle, #F4F5F6);
border: 1px solid var(--krds-light-color-border-gray-light, #CDD1D5);
border-radius: 8px;
text-align: center;
    align-items: center;

}
.timeline-area .timeline-left p{
font-size: var(--krds-pc-font-size-body-medium, 17px);
font-weight: 700;
}
.timeline-right{
display: flex;
flex-direction: column;
gap: var(--krds-gap-5, 16px);
    width: 100%;
}
.timeline-right .desc{
font-size: var(--krds-pc-font-size-label-small, 15px);
background: var(--krds-color-light-background-gray-subtle, #F4F5F6);
padding:var(--gap-2, 4px) var(--gap-3, 8px);
}

@media (max-width: 768px) {
.timeline-area{flex-direction: column;}
.timeline-area .timeline-left{
display: flex;
padding: var(--gap-5, 16px) var(--gap-layout-h4-h5, 16px);
justify-content: center;
align-items: center;
align-self: stretch;
}
}
/* 영역별 배경 */
.timeline.type-02 .box .tit.gray{background: var(--krds-color-light-background-gray-subtle, #E6E8EA); }
.timeline.type-02 .box .tit.blue { background: var(--krds-color-light-element-primary-light, #D8E5FD); }
.timeline.type-02 .box .tit.dark { background: var(--krds-color-light-surface-disabled, #CDD1D5);}
.timeline.type-02 .box .section.gray{ background: var(--krds-color-light-background-gray-subtler, #F4F5F6);}
.timeline.type-02 .box .section.blue { background: var(--krds-color-light-element-primary-lighter, #ECF2FE);}
.timeline.type-02 .box .section.dark {background: var(--krds-color-light-element-gray-light, #E6E8EA);}

@media (max-width: 768px) {

.timeline.type-02{
flex-direction: row;
width: 100%;
}
.timeline-body{
flex-direction: row-reverse;
width: 100%;
}
.timeline.type-02 .box{
flex-direction: column;
width: auto;
}
.timeline.type-02 .box > div{
height: 240px;
flex: auto;
}
.timeline.type-02 .section{
height: auto;
width: 100%;
/*border-right: 0;*/
border-bottom: 1px solid var(--krds-light-color-border-gray-light, #CDD1D5);
}
.timeline.type-02 .line{
position: absolute;
top: 0;
left: 24%;
display: flex;
    flex-direction: column-reverse;
    width: 2px;
        transform: unset;
}
.timeline.type-02 .box .tit{
        writing-mode: vertical-rl;
        text-orientation: upright;
        width: auto;
padding: var(--gap-2, 4px);
text-align: center;
font-size: var(--krds-pc-font-size-body-small, 15px);
letter-spacing: 5px;
}
.timeline.type-02 .box .tit{
padding: var(--gap-2, 4px);
text-align: center;
font-size: var(--krds-pc-font-size-body-small, 15px);
}

.timeline.type-02 .line::before{
        top: 2px;
}
.timeline.type-02 .line::after{
        bottom: -4px;}

.timeline.type-02 .label{
font-size: var(--krds-pc-font-size-body-small, 15px);
margin-left: 5px;
        letter-spacing: -2px;
        word-spacing: -9px;
}
}



/*regulation map-area*/
.regulation-item .map-area > ul{
    top: -21px;
    left: 12px;
}
.regulation-item .map-area.ratio > ul{
top: -5px;
    left: 20px;
}
.ratio .map-pin{
pointer-events: none;
    width: 40px;
    height: 40px;
}
.ratio .map-pin::before{
width: 28px;
height: 28px;
background-size: 20px;
top: 5px;
left: 5px;
}
.map-area.stat.ratio .map-pin.seoul{
top: 68px;
left: 74px;
}
.map-area.stat.ratio .map-pin.yongin{
top: 104px;left: 101px;
}

.map-area.stat.ratio .map-pin.daejeon{
top: 167px;
left: 101px;
}
.map-area.stat.ratio .map-pin.han-bit{
top: 250px;
}
.map-area.stat.ratio .map-pin.han-ul{
top: 97px;
 left: 205px;

}
.map-area.stat.ratio .map-pin.wol-seong{
top: 180px;
left: 216px;
}

.map-area.stat.ratio .map-pin.sae-ul{
top: 209px;
    left: 212px;
}

.map-area.stat.ratio .map-pin.go-li{
top: 245px;
    left: 198px;
}

.map-area.stat.ratio .map-pin.busan{
 top: 266px;
    left: 174px;
}
.map-area.stat.ratio .map-pin.han-ul .map-label{
    top: -30px;
    left: -11px;
}
.map-area.stat.ratio .map-pin.sae-ul .map-label{
    left: -45px;
    top: -11px;
}
.map-area.stat.ratio .map-pin.go-li .map-label{
    left: -47px;
    top: -7px;
}
@media (max-width: 768px) {
.regulation-item .map-area > ul{
        left: calc(50% - 145px);
}
}


.map-pin.nuclear-construction{
border: 1px solid var(--krds-light-color-warning-30, #FFB114);
}
.map-pin.nuclear-construction::before {
background-image: url(../../images/Map_NuclearSite_04.svg);
background-size: 16px;
}
.map-pin.nuclear-research{
border: 1px solid var(--krds-light-color-border-success, #228738);
}
.map-pin.nuclear-research::before {
background-image: url(../../images/Map_NuclearSite_05.svg);
background-size: 16px;
}
.map-pin.nuclear-research .map-label{
    left: -37px;
}
.map-pin.nuclear-research.busan .map-label{
top: -30px;
}
.map-pin.nuclear-end{
border: 1px solid var(--krds-light-color-border-gray-darker, #1E2124);
}
.map-pin.nuclear-end::before {
background-image: url(../../images/Map_NuclearSite_03.svg);
background-size: 16px;
}



.letf--10-width-410 .label{
margin-left: 100px;
}
@media (max-width: 768px) {
.letf--10-width-410 .label,
.label.second{
margin-left: 0;
margin-top:110px
}
.timeline.type-02.h450 .box > div{
height: 450px !important;
}
}
.label.second{
margin-left: 250px;
}

.timeline.type-02 .label{

    
}
.timeline.type-02 .label > span{
margin-left: 250px;
}
@media (max-width: 768px) {
.timeline.type-02 .label > span{
margin-left: 0;
margin-top:250px
}

}
/* 예시 항목 위치 */
.letf--10-width-410 { left: -30px; width: calc(410% ); }

.letf-0-width-30 { left: var(--krds-gap-4, 12px); width: calc(30% - 12px); }
.letf-0-width-40 { left: var(--krds-gap-4, 12px); width: calc(40% - 12px); }
.letf-0-width-50 { left: var(--krds-gap-4, 12px); width: calc(50% - 12px); }
.letf-0-width-60 { left: var(--krds-gap-4, 12px); width: calc(60% - 12px); }
.letf-0-width-70 { left: var(--krds-gap-4, 12px); width:calc(70% - 12px); }
.letf-0-width-80 { left: var(--krds-gap-4, 12px); width: calc(80% - 12px); }
.letf-0-width-90 { left: var(--krds-gap-4, 12px); width: calc(90% - 12px); }
.letf-0-width-100 { left:6px; width: calc(100% - 12px); }
.letf-0-width-150 { left: var(--krds-gap-4, 12px);;  width: calc(150% - 12px); }
.letf-0-width-200 { left: 6px; width: calc(200% - 12px); }
.letf-0-width-300 { left: 6px; width: calc(300% - 12px); }
.letf-0-width-400 { left: 6px; width: calc(400% - 12px); }
.letf-0-width-600-7  { left: var(--krds-gap-4, 12px); width: calc(600% - var(--gap-7, 24px)) }/*12px+8px*/

.letf-6-width-100 { left: var(--krds-gap-6, 20px); width: calc(100% - 20px); }
.letf-8-width-100 { left:  var(--gap-8, 32px);  width: calc(100% - 32px); }

.letf-10-width-30 { left: 10%;  width: 30%}
.letf-10-width-40 { left: 10%;  width: 40%}
.letf-10-width-50 { left: 10%;  width:50%}
.letf-10-width-60 { left: 10%;  width: calc(60% - 12px);}
.letf-10-width-70 { left: 10%;  width:calc(70% - 12px);}
.letf-10-width-80 { left: 10%;  width:calc(80% - 12px);}
.letf-10-width-90 { left: 10%;  width: calc(90% - 12px);}
.letf-10-width-100 { left: 10%;  width: calc(100% - 12px); }
.letf-10-width-110 { left: 10%;  width: calc(110% ); }
.letf-10-width-150 { left: 10%;  width: calc(150% ); }
.letf-10-width-190 { left: 10%;  width: calc(190% ); }
.letf-10-width-200 { left: 10%;  width: calc(200% ); }
.letf-10-width-210 { left: 10%;  width: calc(210% ); }
.letf-10-width-290 { left: 10%;  width: calc(290% ); }
.letf-10-width-300 { left: 10%;  width: calc(300% ); }
.letf-10-width-390 { left: 10%;  width: calc(390% ); }
.letf-10-width-400 { left: 10%;  width: calc(400% ); }
.letf-10-width-490 { left: 10%;  width: calc(490% ); }
.letf-10-width-500 { left: 10%;  width: calc(500% ); }
.letf-10-width-590 { left: 10%;  width: calc(590% ); }
.letf-10-width-600 { left: 10%;  width: calc(600% ); }


.letf-20-width-30 { left: 10%;  width: calc(30% - 12px); }
.letf-20-width-40 { left: 20%;  width: calc(40% - 12px);}
.letf-20-width-50 { left: 20%;  width:calc(50% - 12px);}
.letf-20-width-60 { left: 20%;  width: calc(60% - 12px);}
.letf-20-width-70 { left: 20%;  width:calc(70% - 12px);}
.letf-20-width-80 { left: 20%;  width:calc(80% - 12px );}
.letf-20-width-90 { left: 20%;  width: calc(90% );}
.letf-20-width-100 { left: 20%;  width: calc(100% ); }
.letf-20-width-150 { left: 20%;  width: calc(150% ); }
.letf-20-width-180 { left: 20%;  width: calc(180% ); }
.letf-20-width-200 { left: 20%;  width: calc(200% ); }
.letf-20-width-280 { left: 20%;  width: calc(280% ); }
.letf-20-width-300 { left: 20%;  width: calc(300% ); }
.letf-20-width-380 { left: 20%;  width: calc(380% ); }
.letf-20-width-400 { left: 20%;  width: calc(400% ); }
.letf-20-width-480 { left: 20%;  width: calc(480% ); }
.letf-20-width-500 { left: 20%;  width: calc(500% ); }
.letf-20-width-580 { left: 20%;  width: calc(580% ); }
.letf-20-width-600 { left: 20%;  width: calc(600% ); }

.letf-30-width-30 { left: 30%;  width: calc(30% ); }
.letf-30-width-40 { left: 30%;  width: calc(40% - 12px);}
.letf-30-width-50 { left: 30%;  width:calc(50% - 12px);}
.letf-30-width-60 { left: 30%;  width: calc(60% - 12px);}
.letf-30-width-70 { left: 30%;  width:calc(70% - 12px);}
.letf-30-width-80 { left: 30%;  width:calc(80% );}
.letf-30-width-90 { left: 30%;  width: calc(90%);}
.letf-30-width-100 { left: 30%;  width: calc(100% ); }
.letf-30-width-150 { left: 30%;  width: calc(150% ); }
.letf-30-width-170 { left: 30%;  width: calc(170% ); }
.letf-30-width-200 { left: 30%;  width: calc(200% ); }
.letf-30-width-270 { left: 30%;  width: calc(270% ); }
.letf-30-width-300 { left: 30%;  width: calc(300% ); }
.letf-30-width-370 { left: 30%;  width: calc(370% ); }
.letf-30-width-400 { left: 30%;  width: calc(400% ); }
.letf-30-width-470 { left: 30%;  width: calc(470% ); }
.letf-30-width-500 { left: 30%;  width: calc(500% ); }
.letf-30-width-570 { left: 30%;  width: calc(570% ); }
.letf-30-width-600 { left: 30%;  width: calc(600% ); }

.letf-40-width-30 { left: 40%;  width: calc(30%); }
.letf-40-width-40 { left: 40%;  width: calc(40% - 12px);}
.letf-40-width-50 { left: 40%;  width:calc(50% - 12px);}
.letf-40-width-60 { left: 40%;  width: calc(60% - 12px );}
.letf-40-width-70 { left: 40%;  width:calc(70% );}
.letf-40-width-80 { left: 40%;  width:calc(80% );}
.letf-40-width-90 { left: 40%;  width: calc(90% );}
.letf-40-width-100 { left: 40%;  width: calc(100% ); }
.letf-40-width-300-7  { left: var(--krds-gap-4, 12px); width: calc(300% - var(--gap-7, 24px)) }/*12px+8px*/
.letf-40-width-150 { left: 40%;  width: calc(150% ); }
.letf-40-width-160 { left: 40%;  width: calc(160% ); }
.letf-40-width-200 { left: 40%;  width: calc(200% ); }
.letf-40-width-250 { left: 40%;  width: calc(250% ); }
.letf-40-width-300 { left: 40%;  width: calc(300% ); }
.letf-40-width-400 { left: 40%;  width: calc(400% ); }
.letf-40-width-500 { left: 40%;  width: calc(500%); }
.letf-40-width-600 { left: 40%;  width: calc(600% ); }


.letf-50-width-25 { left: 50%; width: 25%; }
.letf-50-width-30 { left: 50%;  width: calc(30% ); }
.letf-50-width-40 { left: 50%;  width: calc(40% );}
.letf-50-width-50 { left: 50%;  width:calc(50% );}
.letf-50-width-60 { left: 50%;  width: calc(60% );}
.letf-50-width-70 { left: 50%;  width:calc(70% );}
.letf-50-width-80 { left: 50%;  width:calc(80% );}
.letf-50-width-90 { left: 50%;  width: calc(90% );}
.letf-50-width-100 { left: 50%;  width: calc(100%); }
.letf-50-width-150 { left: 50%;  width: calc(150% ); }
.letf-50-width-200 { left: 50%;  width: calc(200% ); }
.letf-50-width-300 { left: 50%;  width: calc(300% ); }
.letf-50-width-400 { left: 50%;  width: calc(400% ); }
.letf-50-width-500 { left: 50%;  width: calc(500%); }
.letf-50-width-600 { left: 50%;  width: calc(600% ); }


.letf-55-width-35 { left: 55%; width: 35%; }
.letf-55-width-25 { left: 55%; width: 25%; }

.letf-60-width-20 { left: 60%;  width: calc(20%); }
.letf-60-width-30 { left: 60%;  width: calc(30% ); }
.letf-60-width-40 { left: 60%;  width: calc(40% );}
.letf-60-width-50 { left: 60%;  width:calc(50% );}
.letf-60-width-60 { left: 60%;  width: calc(60% );}
.letf-60-width-70 { left: 60%;  width:calc(70% );}
.letf-60-width-80 { left: 60%;  width:calc(80% );}
.letf-60-width-90 { left: 60%;  width: calc(90% );}
.letf-60-width-100 { left: 60%;  width: calc(100%); }
.letf-60-width-140 { left: 60%;  width: calc(140% ); }
.letf-60-width-150 { left: 60%;  width: calc(150% ); }
.letf-60-width-200 { left: 60%;  width: calc(200% ); }
.letf-60-width-240 { left: 60%;  width: calc(240% ); }
.letf-60-width-300 { left: 60%;  width: calc(300% ); }
.letf-60-width-340 { left: 60%;  width: calc(340% ); }
.letf-60-width-400 { left: 60%;  width: calc(400% ); }
.letf-60-width-440 { left: 60%;  width: calc(440% ); }
.letf-60-width-500 { left: 60%;  width: calc(500%); }
.letf-60-width-600 { left: 60%;  width: calc(600% ); }


.letf-65-width-30 { left: 65%; width: 30%; }


.letf-70-width-10 { left: 70%;  width: calc(10%); }
.letf-70-width-20 { left: 70%;  width: calc(20%); }
.letf-70-width-30 { left: 70%;  width: calc(30% - 12px); }
.letf-70-width-40 { left: 70%;  width: calc(40% - 12px);}
.letf-70-width-50 { left: 70%;  width:calc(50% );}
.letf-70-width-60 { left: 70%;  width: calc(60% );}
.letf-70-width-70 { left: 70%;  width:calc(70% );}
.letf-70-width-80 { left: 70%;  width:calc(80% );}
.letf-70-width-90 { left: 70%;  width: calc(90% );}
.letf-70-width-100 { left: 70%;  width: calc(100%); }
.letf-70-width-130 { left: calc(70%); width:calc(130% ); }
.letf-70-width-140 { left: 70%;  width: calc(140% ); }
.letf-70-width-150 { left: 70%;  width: calc(150% ); }
.letf-70-width-200 { left: 70%;  width: calc(200% ); }
.letf-70-width-240 { left: 70%;  width: calc(240% ); }
.letf-70-width-300 { left: 70%;  width: calc(300% ); }
.letf-70-width-340 { left: 70%;  width: calc(340% ); }
.letf-70-width-400 { left: 70%;  width: calc(400% ); }
.letf-70-width-430 { left: 70%;  width: calc(430% ); }
.letf-70-width-440 { left: 70%;  width: calc(440% ); }
.letf-70-width-500 { left: 70%;  width: calc(500%); }
.letf-70-width-600 { left: 70%;  width: calc(600% ); }

.letf-80-width-10 { left: 80%;  width: calc(10% ); }
.letf-80-width-20 { left: 80%;  width: calc(20%); }
.letf-80-width-30 { left: 80%;  width: calc(30% ); }
.letf-80-width-40 { left: 80%;  width: calc(40% );}
.letf-80-width-50 { left: 80%;  width:calc(50% );}
.letf-80-width-60 { left: 80%;  width: calc(60% );}
.letf-80-width-70 { left: 80%;  width:calc(70% );}
.letf-80-width-80 { left: 80%;  width:calc(80% );}
.letf-80-width-90 { left: 80%;  width: calc(90% );}
.letf-80-width-100 { left: 80%;  width: calc(100%); }
.letf-80-width-120 { left: 80%;  width: calc(120%); }
.letf-80-width-130 { left: calc(80%); width:calc(130% ); }
.letf-80-width-140 { left: 80%;  width: calc(140% ); }
.letf-80-width-150 { left: 80%;  width: calc(150% ); }
.letf-80-width-200 { left: 80%;  width: calc(200% ); }
.letf-80-width-220 { left: 80%;  width: calc(220% ); }
.letf-80-width-240 { left: 80%;  width: calc(240% ); }
.letf-80-width-300 { left: 80%;  width: calc(300% ); }
.letf-80-width-340 { left: 80%;  width: calc(340% ); }
.letf-80-width-400 { left: 80%;  width: calc(400% ); }
.letf-80-width-420 { left: 80%;  width: calc(420% ); }
.letf-80-width-440 { left: 80%;  width: calc(440% ); }
.letf-80-width-500 { left: 80%;  width: calc(500%); }
.letf-80-width-600 { left: 80%;  width: calc(600% ); }

.letf-90-width-10 { left: 85%;  width: 15%  }
.letf-90-width-30 { left: 85%;  width: calc(30% - 12px); }
.letf-90-width-40 { left: 85%;  width: calc(40% - 12px);}
.letf-90-width-50 { left: 85%;  width:calc(50% - 12px);}
.letf-90-width-60 { left: 85%;  width: calc(60% - 12px);}
.letf-90-width-70 { left: 85%;  width:calc(70% - 12px);}
.letf-90-width-80 { left: 85%;  width:calc(80% - 12px);}
.letf-90-width-90 { left: 85%;  width: calc(90% - 12px);}
.letf-90-width-100 { left: 85%;  width: calc(100% - 12px); }
.letf-90-width-110 { left: 85%;  width: calc(100% - 12px); }
.letf-90-width-150 { left: 85%;  width: calc(150% - 12px); }
.letf-90-width-200 { left: 85%;  width: calc(200% - 12px); }
.letf-90-width-300 { left: 85%;  width: calc(300% - 12px); }
.letf-90-width-310 { left: 85%;  width: calc(310%); }
.letf-90-width-400 { left: 85%;  width: calc(400% - 12px); }
.letf-90-width-410 { left: 85%;  width: calc(410%); }
.letf-90-width-500 { left: 85%;  width: calc(500% - 12px); }
.letf-90-width-510 { left: 85%;  width: calc(510%); }
.letf-90-width-600 { left: 85%;  width: calc(600% - 12px); }
.letf-90-width-610 { left: 85%;  width: calc(610%); }

.letf-95-width-5 { left: 95%; width: 5%; }
@media (max-width: 768px) {
/* 예시 항목 위치 */
.letf--10-width-410 {        top: -35px !important;
        height: calc(417%) !important;}


.letf-0-width-30 { top: 6px !important; height: calc(30% - 12px) !important; }
.letf-0-width-40 { top: 6px !important; height: calc(40% - 12px) !important; }
.letf-0-width-50 { top: 6px !important; height: calc(50% - 12px) !important; }
.letf-0-width-60 { top: 6px !important; height: calc(60% - 12px) !important; }
.letf-0-width-70 { top: 6px !important; height: calc(70% - 12px) !important; }
.letf-0-width-80 { top: 6px !important; height: calc(80% - 12px) !important; }
.letf-0-width-90 { top: 6px !important; height: calc(90% - 12px) !important; }
.letf-0-width-100 { top: 6px !important; height: calc(100% - 12px) !important; }/*12px+8px*/
.letf-0-width-150 { top: 6px !important; height: calc(150% - 12px) !important; }
.letf-0-width-200 { top: 6px !important; height: calc(200% - 12px) !important; }/*12px+8px*/
.letf-0-width-300 { top: 6px !important; height: calc(300% - 12px) !important; }/*12px+8px*/
.letf-0-width-400 { top: 6px !important; height: calc(400% - 12px) !important; }/*12px+8px*/
.letf-0-width-600-7  { top: 6px !important; height: calc(600% - var(--gap-7, 24px)) !important }/*12px+8px*/

.letf-6-width-100 { top: var(--krds-gap-6, 20px) !important; height: calc(100% - 20px) !important; }
.letf-8-width-100 { top:  var(--gap-8, 32px) !important;  height: calc(100% - 32px) !important; }


.letf-10-width-30 { top: 10% !important; height: 30% !important; }
.letf-10-width-40 { top: 10% !important; height: 40% !important; }
.letf-10-width-50 { top: 10% !important; height: 50% !important; }
.letf-10-width-60 { top: 10% !important; height: 60% !important; }
.letf-10-width-70 { top: 10% !important; height: 70% !important; }
.letf-10-width-80 { top: 10% !important; height: 80% !important; }
.letf-10-width-90 { top: 10% !important; height: 90% !important; }
.letf-10-width-100 { top:  var(--gap-10, 48px) !important;  height: calc(100% - 48px) !important; }
.letf-10-width-110 { top: 10% !important; height: 110% !important; }
.letf-10-width-150 { top: 10% !important; height: 150% !important; }
.letf-10-width-190 { top: 10% !important; height: 190% !important; }
.letf-10-width-200 { top: 10% !important; height: 200% !important; }
.letf-10-width-210 { top: 10% !important; height: 210% !important; }
.letf-10-width-290 { top: 10% !important; height: 290% !important; }
.letf-10-width-300 { top: 10% !important; height: 300% !important; }
.letf-10-width-390 { top: 10% !important; height: 390% !important; }
.letf-10-width-400 { top: 10% !important; height: 400% !important; }
.letf-10-width-490 { top: 10% !important; height: 490% !important; }
.letf-10-width-500 { top: 10% !important; height: 500% !important; }
.letf-10-width-590 { top: 10% !important; height: 590% !important; }
.letf-10-width-600 { top: 10% !important; height: 60% !important; }


.letf-20-width-30 { top: 20% !important; height: 30% !important; }
.letf-20-width-40{ top: 20% !important; height: 40% !important; }
.letf-20-width-50 { top: 20% !important; height: 50% !important; }
.letf-20-width-60 { top: 20% !important; height: 60% !important; }
.letf-20-width-70{ top: 20% !important; height: 70% !important; }
.letf-20-width-80 { top: 20% !important; height: 80% !important; }
.letf-20-width-90{ top: 20% !important; height: 90% !important; }
.letf-20-width-100{ top: 20% !important; height: 100% !important; }
.letf-20-width-150{ top: 20% !important; height: 150% !important; }
.letf-20-width-180{ top: 20% !important; height: 180% !important; }
.letf-20-width-200{ top: 20% !important; height: 200% !important; }
.letf-20-width-280{ top: 20% !important; height: 280% !important; }
.letf-20-width-300{ top: 20% !important; height: 300% !important; }
.letf-20-width-380{ top: 20% !important; height: 380% !important; }
.letf-20-width-400{ top: 20% !important; height: 400% !important; }
.letf-20-width-480{ top: 20% !important; height: 480% !important; }
.letf-20-width-500 { top: 20% !important; height: 500% !important; }
.letf-20-width-580 { top: 20% !important; height: 580% !important; }
.letf-20-width-600{ top: 20% !important; height: 600% !important; }

.letf-30-width-30{ top: 30% !important; height: 30% !important; }
.letf-30-width-40 { top: 30% !important; height: 40% !important; }
.letf-30-width-50{ top: 30% !important; height: 50% !important; }
.letf-30-width-60{ top: 30% !important; height: 60% !important; }
.letf-30-width-70 { top: 30% !important; height: 70% !important; }
.letf-30-width-80{ top: 30% !important; height: 80% !important; }
.letf-30-width-90{ top: 30% !important; height: 90% !important; }
.letf-30-width-100{ top: 30% !important; height: 100% !important; }
.letf-30-width-150 { top: 30% !important; height: 150% !important; }
.letf-30-width-170{ top: 30% !important; height: 170% !important; }
.letf-30-width-200 { top: 30% !important; height: 200% !important; }
.letf-30-width-270 { top: 30% !important; height: 270% !important; }
.letf-30-width-300{ top: 30% !important; height: 300% !important; }
.letf-30-width-370 { top: 30% !important; height: 370% !important; }
.letf-30-width-400{ top: 30% !important; height: 400% !important; }
.letf-30-width-470 { top: 30% !important; height: 470% !important; }
.letf-30-width-500{ top: 30% !important; height: 500% !important; }
.letf-30-width-570{ top: 30% !important; height: 570% !important; }
.letf-30-width-600{ top: 30% !important; height: 600% !important; }

.letf-40-width-30 { top: 40% !important; height: 30% !important; }
.letf-40-width-40 { top: 40% !important; height: 40% !important; }
.letf-40-width-50 { top: 40% !important; height: 50% !important; }
.letf-40-width-60 { top: 40% !important; height: 60% !important; }
.letf-40-width-70 { top: 40% !important; height: 70% !important; }
.letf-40-width-80 { top: 40% !important; height: 80% !important; }
.letf-40-width-90 { top: 40% !important; height: 90% !important; }
.letf-40-width-100 { top: 40% !important; height: 100% !important; }
.letf-40-width-300-7  { top: 6px !important; height: calc(300% - var(--gap-7, 24px)) !important }/*12px+8px*/
.letf-40-width-150 { top: 40% !important; height: 150% !important; }
.letf-40-width-160 { top: 40% !important; height: 160% !important; }
.letf-40-width-200 { top: 40% !important; height: 200% !important; }
.letf-40-width-250 { top: 40% !important;  height: 250% !important }
.letf-40-width-300 { top: 40% !important; height: 300% !important; }
.letf-40-width-400 { top: 40% !important; height: 400% !important; }
.letf-40-width-500{ top: 40% !important; height: 500% !important; }
.letf-40-width-600 { top: 40% !important; height: 600% !important; }

.letf-50-width-25 { top: 50% !important; height: 25% !important; }
.letf-50-width-30 { top: 50% !important; height: 30% !important; }
.letf-50-width-40  { top: 50% !important; height: 40% !important; }
.letf-50-width-50 { top: 50% !important; height: 50% !important; }
.letf-50-width-60  { top: 50% !important; height: 60% !important; }
.letf-50-width-70  { top: 50% !important; height: 70% !important; }
.letf-50-width-80 { top: 50% !important; height: 80% !important; }
.letf-50-width-90 { top: 50% !important; height: 90% !important; }
.letf-50-width-100 { top: 50% !important; height: 100% !important; }
.letf-50-width-150  { top: 50% !important; height: 150% !important; }
.letf-50-width-200  { top: 50% !important; height: 200% !important; }
.letf-50-width-300 { top: 50% !important; height: 300% !important; }
.letf-50-width-400 { top: 50% !important; height: 400% !important; }
.letf-50-width-500 { top: 50% !important; height: 500% !important; }
.letf-50-width-600  { top: 50% !important; height: 600% !important; }

.letf-55-width-25 { top: 55% !important; height: 25% !important; }
.letf-55-width-35 { top: 55% !important; height: 35% !important; }

.letf-60-width-20{ top: 60% !important; height: 20% !important; }
.letf-60-width-30 { top: 60% !important; height: 30% !important; }
.letf-60-width-40{ top: 60% !important; height: 40% !important; }
.letf-60-width-50{ top: 60% !important; height: 50% !important; }
.letf-60-width-60{ top: 60% !important; height: 60% !important; }
.letf-60-width-70{ top: 60% !important; height: 70% !important; }
.letf-60-width-80 { top: 60% !important; height: 80% !important; }
.letf-60-width-90 { top: 60% !important; height: 90% !important; }
.letf-60-width-100 { top: 60% !important; height: 100% !important; }
.letf-60-width-140 { top: 60% !important; height: 140% !important; }
.letf-60-width-150 { top: 60% !important; height: 150% !important; }
.letf-60-width-200 { top: 60% !important; height: 200% !important; }
.letf-60-width-240{ top: 60% !important; height: 240% !important; }
.letf-60-width-300 { top: 60% !important; height: 300% !important; }
.letf-60-width-340{ top: 60% !important; height: 340% !important; }
.letf-60-width-400{ top: 60% !important; height: 400% !important; }
.letf-60-width-440 { top: 60% !important; height: 440% !important; }
.letf-60-width-500 { top: 60% !important; height: 500% !important; }
.letf-60-width-600 { top: 60% !important; height: 600% !important; }

.letf-65-width-30 { top: 65% !important; height: 30% !important; }

.letf-70-width-10 { top: 70% !important; height: 10% !important; }
.letf-70-width-20 { top: 70% !important; height: 20% !important; }
.letf-70-width-30 { top: 70% !important; height: 30% !important; }
.letf-70-width-40 { top: 70% !important; height: 40% !important; }
.letf-70-width-50 { top: 70% !important; height: 50% !important; }
.letf-70-width-60 { top: 70% !important; height: 60% !important; }
.letf-70-width-70 { top: 70% !important; height: 70% !important; }
.letf-70-width-80 { top: 70% !important; height: 80% !important; }
.letf-70-width-90 { top: 70% !important; height: 90% !important; }
.letf-70-width-100 { top: 70% !important; height: 100% !important; }
.letf-70-width-130 { top: 70% !important; height: 130% !important; }
.letf-70-width-140 { top: 70% !important; height: 140% !important; }
.letf-70-width-150 { top: 70% !important; height: 150% !important; }
.letf-70-width-200 { top: 70% !important; height: 200% !important; }
.letf-70-width-240 { top: 70% !important; height: 240% !important; }
.letf-70-width-300 { top: 70% !important; height: 300% !important; }
.letf-70-width-340 { top: 70% !important; height: 340% !important; }
.letf-70-width-400 { top: 70% !important; height: 400% !important; }
.letf-70-width-430 { top: 70% !important; height: 430% !important; }
.letf-70-width-440 { top: 70% !important; height: 440% !important; }
.letf-70-width-500 { top: 70% !important; height: 500% !important; }
.letf-70-width-600 { top: 70% !important; height: 600% !important; }

.letf-80-width-10 { top: 80% !important; height: 10% !important; }
.letf-80-width-30 { top: 80% !important; height: 30% !important; }
.letf-80-width-40 { top: 80% !important; height: 40% !important; }
.letf-80-width-50{ top: 80% !important; height: 50% !important; }
.letf-80-width-60 { top: 80% !important; height: 60% !important; }
.letf-80-width-70 { top: 80% !important; height: 70% !important; }
.letf-80-width-80 { top: 80% !important; height: 80% !important; }
.letf-80-width-90 { top: 80% !important; height: 90% !important; }
.letf-80-width-100 { top: 80% !important; height: 100% !important; }
.letf-80-width-120 { top: 80% !important; height: 120% !important; }
.letf-80-width-150 { top: 80% !important; height: 150% !important; }
.letf-80-width-200 { top: 80% !important; height: 200% !important; }
.letf-80-width-220 { top: 80% !important; height: 220% !important; }
.letf-80-width-240 { top: 80% !important; height: 240% !important; }
.letf-80-width-300{ top: 80% !important; height: 300% !important; }
.letf-80-width-340 { top: 80% !important; height: 340% !important; }
.letf-80-width-400{ top: 80% !important; height: 400% !important; }
.letf-80-width-420 { top: 80% !important; height: 420% !important; }
.letf-80-width-440 { top: 80% !important; height: 440% !important; }
.letf-80-width-500 { top: 80% !important; height: 500% !important; }
.letf-80-width-510 { top: 80% !important; height: 510% !important; }
.letf-80-width-600 { top: 80% !important; height: 600% !important; }


.letf-90-width-10 { top: 90% !important; height: 10% !important; }
.letf-90-width-30 { top: 90% !important; height: 30% !important; }
.letf-90-width-40 { top: 90% !important; height: 40% !important; }
.letf-90-width-50{ top: 90% !important; height: 50% !important; }
.letf-90-width-60 { top: 90% !important; height: 60% !important; }
.letf-90-width-70 { top: 90% !important; height: 70% !important; }
.letf-90-width-80 { top: 90% !important; height: 80% !important; }
.letf-90-width-90 { top: 90% !important; height: 90% !important; }
.letf-90-width-100 { top: 90% !important; height: 100% !important; }
.letf-90-width-110 { top: 90% !important; height: 110% !important; }
.letf-90-width-150 { top: 90% !important; height: 150% !important; }
.letf-90-width-200 { top: 90% !important; height: 200% !important; }
.letf-90-width-300{ top: 90% !important; height: 300% !important; }
.letf-90-width-310 { top: 90% !important; height: 310% !important; }
.letf-90-width-400{ top: 90% !important; height: 400% !important; }
.letf-90-width-410 { top: 90% !important; height: 410% !important; }
.letf-90-width-500 { top: 90% !important; height: 500% !important; }
.letf-90-width-510 { top: 90% !important; height: 510% !important; }
.letf-90-width-600 { top: 90% !important; height: 600% !important; }
.letf-90-width-610 { top: 90% !important; height: 610% !important; }

.letf-95-width-5 { top: 95% !important; height: 5% !important; }



}

.krds-pagination .page-navi.next.last::after {
  align-items: center;
    justify-content: center;
    flex-direction: row;
    content: "";
    display: inline-flex;
    width: var(--krds-icon--size-medium);
    height: var(--krds-icon--size-medium);
    background-color: var(--krds-light-color-text-basic);
    forced-color-adjust: none;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(../../images/component/icon/ico_double-right.svg);
    mask-image: url(../../images/component/icon/ico_double-right.svg);
    background-color: var(--krds-pagination--color-text);
    transform: rotate(-90deg);
}


/*20251105 추가*/
.divide-wrap.panel-wrap{
gap: 20px;
}
.divide-wrap > div:first-child{
border-right: 1px solid var(--krds-light-color-border-gray-light, #CDD1D5);
padding-right: 20px;
}

@media (max-width: 1024px) {
.divide-wrap > div:first-child{
    border-right:0;
        padding-right: 0;}
}




.krds-structured-list .card-btm .value{
    -webkit-line-clamp: 3;
        height: calc(1.5em * 3);
    overflow: hidden;
}

.krds-structured-list.type-02{
grid-template-columns: 1fr 1fr;
}
.krds-structured-list.type-02 .card-btm .value{
    -webkit-line-clamp: 2;
        height: calc(1.5em * 2);
    overflow: hidden;
}

@media (max-width: 600px) {
.krds-structured-list.type-02 .i-cate.bg-light-primary{
     max-width: 220px;}
}
@media (max-width: 500px) {
.krds-structured-list.type-02 .i-cate.bg-light-primary{
     max-width: 180px;}
}
.krds-structured-list.type-full .card-body .c-tit span{
    -webkit-line-clamp: 1;
    height: auto;
}

.krds-structured-list.type-full .card-btm.value {
    -webkit-line-clamp: 1;
     height: calc(1.5em * 1);
    overflow: hidden;
}

/**/
.krds-structured-list .card-body .c-text .c-tit .span{
    font-weight: 400
}
.krds-structured-list .card-body .c-text .c-tit .span strong{
    font-weight: var(--krds-font-weight-bold);
}

/**/
#sch-ranking-list .pointer:hover{
text-decoration: underline;
}
#recommendBox .pointer{
    border-radius: 6px;
    padding: 4px 6px;
}
#recommendBox .pointer:hover{
    background-color:#ecf2fe;

}
.showBoxWrap#recommendBox {
gap: 2px;
}

/**/
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content li.depth2--has-depth3 > ul a:hover{
text-decoration: underline;
}

/*에러페이지*/
.error-page {
background: linear-gradient(180deg, var(--color-background-white, #FFF) 0%, var(--color-light-primary-5, #ECF2FE) 49.97%, var(--color-background-white, #FFF) 99.94%);
}
.error-page .inner{
    display: flex;
    justify-content: center;
    align-items: center;
}
.error-page .conts-area {
display: flex;

padding: var(--krds-gap-11, 64px);
border-radius: var(--krds-radius-xlarge2, 12px);
border: 2px solid var(--krds-color-light-border-inverse, #FFF);
background: var(--krds-color-light-alpha-base50, rgba(255, 255, 255, 0.50));
backdrop-filter: blur(2px);
flex-direction: column;
align-items: flex-start;
gap: 24px;
flex: 1 0 0;
}

.error-page .conts-wrap {
display: flex;
align-items: center;
gap: 24px;
align-self: stretch;    
}

.error-page .error-img{
background-image: url(../../images/error_img.svg);
display: flex;
width: 160px;
height: 160px;
justify-content: center;
align-items: center;
aspect-ratio: 1/1;
background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.error-page .text{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 6px;
flex: 1 0 0;
}
.error-page h4{
color: var(--krds-color-border-secondary, #063A74);

/* heading/large */
font-size: var(--krds-font-size-heading-large, 32px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 48px */
letter-spacing: var(--krds-typo-letter-spacing-1, 1px);
}

.error-page p{
color: var(--krds-color-light-text-basic, #1E2124);

/* display/medium */
font-size: var(--krds-font-size-display-medium, 44px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 66px */
letter-spacing: var(--krds-typo-letter-spacing-1, 1px);
}
.error-page .btn-wrap{
    display: flex;
    justify-content: flex-end;
    gap: var(--krds-krds-gap-5, 16px);
}



@media (max-width: 1024px) {
.error-page .conts-area {
  padding: var(--krds-krds-gap-10, 48px);  
}
.error-page .conts-wrap {
gap: 16px;
}
.error-page .error-img{
width: 120px;
height: 120px;
}
.error-page h4{
font-size: var(--krds-font-size-heading-medium, 24px);
letter-spacing: var(--krds-typo-letter-spacing-0, 0);
}

.error-page p{
font-size: var(--krds-font-size-display-small, 36px);
}

}
@media (max-width: 768px) {
.error-page .conts-area {
flex-direction: column;
padding: var(--krds-gap-7, 24px);
}
.error-page .conts-wrap {
flex-direction: column;
}
.error-page .error-img{
width: 104px;
height: 104px;
}
.error-page h4{
font-size: var(--krds-font-size-heading-small, 19px);
}

.error-page p{
font-size: var(--krds-font-size-heading-medium, 22px);
}
.error-page .btn-wrap{
align-items: center;
}
.error-page .text {
    display: flex;
    flex-direction: column;
    align-items: center;
}
}


/**/
.chat-body{
display: flex;
padding: 16px 16px 32px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
align-self: stretch;
border-radius: 32px;
border: 1px solid var(--krds-light-color-background-gray-subtle, #E6E8EA);
}
.message-row {
display: flex;
flex-direction: column;
gap: 8px;
align-self: stretch;  
}
.message-row .bubble{
display: flex;
padding: 24px 12px 24px 12px;
justify-content: center;
border-radius: 24px;
}
.message-row .bubble span{
color: #000;
/* navigation/depth-small-bold */
font-family: var(--typo-font-type, "Pretendard GOV");
font-size: var(--font-size-navigation-depth-small, 15px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 22.5px */
letter-spacing: var(--typo-letter-spacing-0, 0);
}
.logo-bubble{

}
.message-row .bubble.bot{
background: var(--krds-light-ccolor-background-gray-subtler, #F4F5F6); 
border-radius:24px 24px 24px 0;
align-items: flex-start;
}
.message-row .bubble.user{
background: var(--krds-light-ccolor-background-gray-subtler, #F4F5F6); 
border-radius:24px 24px 0 24px;
align-items: flex-end;
}




.timestamp {
color: var(--krds-light-color-text-basic, #1E2124);
font-size: var(--font-size-label-xsmall, 13px);
font-style: normal;
font-weight: 400;
letter-spacing: var(--typo-letter-spacing-0, 0);
    }

    .timestamp.left {
      text-align: left;
      margin-left: 4px;
    }

    .timestamp.right {
      text-align: right;
      margin-right: 4px;
    }

    /* typing dots */
    .typing {
      display: flex;
      justify-content: flex-end;
      gap: 4px;
      margin-top: 8px;
      padding-right: 4px;
    }

    .typing span {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #c4cce2;
    }



/*최근 페기물 정보 차트 legend*/
.legend-name{
    width: 104px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.legend-right .cnt{
    width: 108px !important;
    text-align: left !important;
}
.legend-right .pct {
    font-weight: 700;
    width: 56px !important;
    text-align: left !important;}


/*영상자료 상세*/
.video-label{
    gap: var(--krds-gap-4) ;
    flex-direction: column ;
}
.krds-structured-list .video-radio:checked + .video-label {

 opacity: 0.7;
}
.arrow.mob{
display: none !important;
}

/*통합검색 contents flex삭제*/
@media (max-width: 768px) {
.prevSrch .search-between-conts {
display: block;
}
}


/*통계 정보  tablet,mob*/

/*일반통계*/
@media (max-width: 1024px) {
.stat-info .m-colunm{
flex-direction: column;
}

.stat-info .divide-wrap > div{
padding-bottom: 24px;
border-bottom: 8px solid var(--krds-light-color-surface-gray-subtler, #F4F5F6);
}

.stat-info .divide-wrap .krds-check-area .krds-form-chip label,
.stat-info .krds-disclosure.style-02  .krds-check-area > div label{
width: 100%;
display: flex;
justify-content: center;
}
.stat-info .map-with-list{
flex-direction: column;
}

.stat-info .tab.line.full.mainpage > ul > li{
max-width:inherit
}


.krds-disclosure.style-02 .expand-in{
flex-direction: column;
}

.krds-disclosure.style-02  .krds-check-area > div{
flex:0 0 calc(50% - var(--krds-gap-4))
}
.stat-info .expand-in .krds-btn{
width: 100%;
}
.stat-info .map-area.stat{
    width: 100%;
}

}

@media (max-width: 768px) {
.tab-style-04:not(.green) ul{
    flex-direction: column;
}
.tab-style-04.tab.line:not(.green) .active .btn-tab:before{
display: none
}
.stat-info .divide-wrap .krds-check-area{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}

.stat-info .map-area svg{
/*width: 343px;
height: 507.64px;*/
}
.stat-info .list-tit{
flex-direction: column;
    align-items: flex-start;
}
.stat-info .list-tit button{
margin-left: 0;
}
.stat-info .chart_wrap.flex{
    flex-direction: column;
}
.stat-info .chart_wrap.flex .legend-right-card{
    margin-left: 0;
    min-height: auto;
    width: inherit;
        overflow: auto;
}
.legend-card, .legend-right-card{
    min-width: -webkit-fill-available !important;
     max-height: 30rem;
    overflow: auto;
}
.legend-card .legend-list{
grid-template-columns: 1fr !important;
}


.stat-info-graph-card{
    flex-direction: column;
}
.list-tit .page-btn-wrap{
    width: 100%;
}
.list-tit .page-btn-wrap button{
flex: 1;
}
}

.chart_wrap{
width: 100%;
}


/*통계연감*/
@media (max-width: 1024px) {
.stat-info .tab-conts-wrap .in-between{
flex-direction: column;
}
.in-between .krds-side-navigation{
width:100%;
}



.krds-side-navigation .lnb-item button i{
display: none;
}
.krds-side-navigation .lnb-item button:after{
content: "";
display: flex;
width: 16px;
height: 16px;
mask-image: url(../../images/component/icon/ico_checkbox.svg);
background-color: var(--krds-light-color-icon-gray-fill, #CDD1D5);
}
.krds-side-navigation .lnb-item.active button:after{
mask-image: url(../../images/component/icon/ico_checkbox.svg);
background-color: var(--krds-light-color-icon-gray, #33363D);
}
.stat-info .chk-option-box{
width: 100%;
}
.krds-disclosure.style-02 .chk-option-box .krds-check-area > div {
        flex: none;}

.chart_wrap {
    width: auto !important;}

.chart_wrap.flex .chart_sub_wrap{
margin:auto !important;
}
.legend-stack{
            display: block;
        width: fit-content;
}        
}



.filter-tag-wrap .krds-btn-tag::before{
display: none;
}
@media (max-width: 768px) {
.box-between-conts .aside{
    flex-direction: column;

}
.icon-card{
padding: var(--gap-4, 12px) var(--gap-7, 24px) 12px var(--gap-7, 24px);

}
.nuclear-lifecycle-info{
display: flex;
    flex-direction: row;
}
.nuclear-lifecycle .step{
display: flex;
flex-direction: column;
gap: 500px;
}
.nuclear-lifecycle .cols{
display: flex;
flex-direction: column;
        padding-top: 0;
        gap: 35px;
                margin-left: 63px;
}
.nuclear-lifecycle .aux .card{
         width: 100% !important;
             max-width: none;
        flex: none;
        min-height: auto;
}
.nuclear-lifecycle .step-node {
        padding: 6px;}
.nuclear-lifecycle .step-node i{
width: 32px;
height: 32px;
}        
/*
.nuclear-lifecycle .step-node .arrow{
        transform: rotate(90deg);   
                left: -77px;
        top: 137px; 
}*/
.nuclear-lifecycle .step-node--yellow .arrow{

}

.nuclear-lifecycle .col {margin-left: 0;}
.nuclear-lifecycle .col.col-2{
margin-left: 0px;
}
.nuclear-lifecycle .col.col-3{
margin-left: 0px
}
.nuclear-lifecycle .card{
        width: auto !important;
}
    .nuclear-lifecycle .aux {
        gap: var(--krds-gap-5);
    }
/*
.nuclear-lifecycle .card::before {

width: 37px;
    height: 217px;
    left: -38px;
    top: -150px;
}

.nuclear-lifecycle .card:first-child::before {
    height: 0px;
    top: 23px;
    width: 66px;
    left: -67px;
}*/


.nuclear-lifecycle .card::before{
        width: 85px;
        height: 1px;
        top: 25px;
        left: -89px;
}
.nuclear-lifecycle .card:first-child::before{
width: 63px !important;
left: -66px !important;
height: 0px !important;
top: 25px;
}
.nuclear-lifecycle .col-3 .card::before{

}
/*
.nuclear-lifecycle .step-node--gray{
    margin-top: 20px;
}*/
.nuclear-lifecycle .col-3 .card:last-child:before{
        top: -170px;
}
.arrow{
display: none !important;
}
.arrow.mob{
display: flex !important;
        
}
.nuclear-lifecycle .step-node .arrow.mob{
left: -7px;
top: 46px;
 width: auto;
}
.nuclear-lifecycle .step-node .arrow.mob svg{
        height: 500px;
}
/*
.nuclear-lifecycle .step-node--blue .arrow.mob svg{
 height: 518px;
}*/
.nuclear-lifecycle .col-3 .card:last-child:before{
        top: 25px;
}
.nuclear-lifecycle .card .desc{
    min-height: 60px;
}
}


.card-grid.read .im{
display: block;
}
.card-grid.read .krds-structured-list.card-grid.read .structured-item.im-item .im{
display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
}
.card-grid.read .im img {
    max-width: 100%;
    max-height:-webkit-fill-available;
    object-fit: cover;
}
.card-grid.read .im img[src="/images/ico_not_found.svg"]{
object-fit: contain;

}
@media (max-width: 768px) {
.aside-between-conts .krds-structured-list{
        grid-template-columns: 1fr;
}
.krds-structured-list.type-02{
 grid-template-columns: 1fr;
}
}



/**/
@media (max-width: 768px) {
.nuclear-map-wrap .map-area{
    height: 600px !important;
            margin-top: 0;
}
.nuclear-map-wrap .map-area > ul{
zoom: 0.6;
    top: 83px;
}


.krds-step-wrap-box{
    overflow: auto;
}
.center-info .krds-step-wrap.danger{
width: 961px;
}
.map-area .legend{
    width: auto;
    height: auto;
    left: var(--krds-gap-1);
    bottom: var(--krds-gap-1);
}
.map-area > span{
width: calc(100% - 130px);
margin-left: auto;
}
}

@media (max-width: 460px) {
.nuclear-map-wrap .map-area{
  height: 563px !important;
}
.nuclear-map-wrap .map-area > ul{
        zoom: 0.55;
        top: 92px;
}
}
@media (max-width: 430px) {
    .nuclear-map-wrap .map-area {
        height: 506px !important;
    }
    .nuclear-map-wrap .map-area > ul {
        zoom: 0.5;
        top: 92px;
    }
}
@media (max-width: 400px) {
    .nuclear-map-wrap .map-area {
        height: 469px !important;
    }
    .nuclear-map-wrap .map-area > ul {
        zoom: 0.45;
        top: 92px;
    }
}
@media (max-width: 350px) {
    .nuclear-map-wrap .map-area {
      height: 461px !important;
    }
    .nuclear-map-wrap .map-area > ul {
        zoom: 0.4;
        top: 92px;
    }
}
@media (max-width: 767px) {
.tab-style-04.tab.line.green .btn-tab, .tab-style-04.tab.line.green > ul {
        /* background: transparent; */
    }
}

@media (max-width: 767px) {
/*원자력안전정보*/
.chart_wrap.flex{
gap: 10px;      
flex-direction: column;
 width: 100% !important;
 overflow: auto;
    }
.legend-right-card{
max-width: none;
min-width: inherit;
width: 100%;
}
.chart_wrap.flex .legend-right-card{
width: 100% !important;
}
.legend-stack{
min-width: initial !important;
}
.legend-name{
width: 55px;
}
.legend-right .cnt,
.legend-right .pct {
width: auto !important;}
.center-info .legend-right-card{
margin-left: 0;}


/*일반통계*/
.graph-box.center{
gap: 10px;      
}


}
/*
@media (max-width: 500px) {
.center-info .chart_wrap.flex{
    flex-direction: column;
}
.center-info .legend-right-card{
margin-left: 0;
        width: 100%;
        margin-top:20px
}
}*/


@media (max-width: 767px) {
.tab.line{
    padding: 0;
}
.tab.line > ul{
    overflow-x: hidden;
}
.tab.line li{
    padding: 0 !important;
                width: auto;
}
.tab.line li.active
{

}

/*상세보기 스크롤*/
.krds-modal .modal-dialog .modal-content .krds-input{
     overflow: auto;
    -webkit-line-clamp: inherit;
    white-space: normal;
}
}


/*메인탭 스크롤 제거*/
.main-sect .tab.full > ul{
    overflow-x: hidden;
}

/**/
.krds-modal .modal-dialog .modal-content .krds-input .form-conts .i-cate {
width: 100%;
}

.krds-modal .modal-dialog .modal-content textarea.krds-input{
        overflow: auto;
        white-space: normal;
}



.modal-dialog tr input[type=radio],
.modal-dialog tr input[type=checkbox]{
position: unset !important;
}



/*로고소개팝업*/
.krds-modal .modal-dialog .modal-conts .conts-area .conts-wrap.logo-img-wrap{
display: flex !;
gap: 16px;
flex-direction: row;
}
.logo-img-wrap > div{
flex: 1;
}
.logo-img-wrap .logo-img-box{
    border-radius: 8px;
display: flex;
padding: 32px;
flex-direction: column;
justify-content: center;
align-items: center;
align-self: stretch;

}
.logo-img-wrap .logo-img{
width: 127px;
height: 72px;
background-size: contain;
}
.logo-img-wrap .Standard .logo-img-box{
border: 1px solid var(--color-border-gray-light, #CDD1D5);
}
.logo-img-wrap .Inverse .logo-img-box{
border: 1px solid var(--color-border-gray-light, #CDD1D5);
background: var(--color-background-inverse, #1E2124);
}

.logo-img-wrap .Standard .logo-img{
background-image: url(../../images/component/Standard_logo.svg);
background-repeat: no-repeat;
}
.logo-img-wrap .Inverse .logo-img{
background-image: url(../../images/component/Inverse_logo.svg);
background-repeat: no-repeat;
}


.logo-img-wrap p{
color: var(--color-text-subtle, #464C53);
font-size: var(--font-size-body-small, 15px);
font-weight: 700;
line-height: 150%; /* 22.5px */
letter-spacing: var(--typo-letter-spacing-0, 0);
}

@media (max-width: 767px) {
.logo-img-wrap{
flex-direction: column;
}
.logo-img-wrap p{
    font-size: var(--font-size-body-xsmall, 13px);
}
.logo-img-wrap .logo-img{
width: 112px;
height: 64px;
}
}


.krds-modal .modal-dialog .modal-conts .conts-area .conts-wrap.logo-txt-wrap{
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: var(--gap-5, 16px);
align-self: stretch;
}
.logo-txt-wrap .logo-txt-box {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--gap-3, 8px);
align-self: stretch;
}
.logo-txt-wrap .logo-txt-box h3{
color: var(--color-text-basic, #1E2124);
font-size: var(--font-size-heading-medium, 24px);
line-height: 150%; /* 36px */
letter-spacing: var(--typo-letter-spacing-0, 0);
}
.logo-txt-wrap .logo-txt-box > div{
display: flex;
padding: var(--gap-5, 16px);
align-items: flex-start;
align-self: stretch;
border-radius: var(--radius-medium3, 8px);
background: var(--color-background-gray-subtler, #F4F5F6);
flex-direction: column;
gap: 16px;
}
.logo-txt-wrap .logo-txt-box > div p{
color: var(--color-text-subtle, #464C53);
font-size: var(--font-size-body-medium, 17px);
font-weight: 400;
}

.color-palette{
display: flex;
align-items: flex-start;
gap: 16px;
align-self: stretch;
flex-direction: row;
    flex-wrap: wrap;
}
.color-palette .color{
display: flex;
align-items: center;
gap: 8px;
}
.color-palette .color > div{
width: 24px;
height: 24px;
aspect-ratio: 1/1;
border-radius: 4px;
}
.color-palette .color.gok-blue > div{
background: var(--color-element-secondary, #063A74);
}
.color-palette .color.primary-blue > div{
background: var(--color-element-primary, #256EF4);
}
.color-palette .color.light-blue > div{
background: var(--color-element-primary-light, #D8E5FD);
}
.color-palette .color.gok-white > div{
border: 1px solid var(--color-border-gray, #B1B8BE);
background: var(--color-element-inverse, #FFF);
}
.color-palette .color span{
  color: var(--color-text-basic, #1E2124);
font-size: var(--font-size-body-xsmall, 13px);
line-height: 150%; /* 19.5px */ 
    white-space: nowrap;
    font-weight: 700;
}

@media (max-width: 767px) {
.logo-txt-wrap .logo-txt-box h3{
font-size: var(--font-size-heading-small, 19px);
}
.logo-txt-wrap .logo-txt-box > div p{
font-size: var(--font-size-body-small, 15px);
}
}


@media (max-width: 767px) {
.stat-info .krds-table-wrap {
 width: 100%;       
    }


}


.year-picker.filter-form-conts.date-input .calendar-input input{
    width: 100%;

}
.year-picker.filter-form-conts.date-input .calendar-input i{

}


/*연도별 사용후핵연료 저장량 통계*/
.legend-stack{
    width: 100%;
}
.nuclearMaterialStatsPart3 .graph-box{

}
.nuclearMaterialStatsPart3 .graph-box .legend-name {
width: auto;
    }

.nuclearMaterialStatsPart3 .legend-right .cnt{
width: 90px !important;
}

/*기관별･직군별 비상진료요원 현황*/
@media (max-width: 767px) {
.radEmergencyDiv2 .legend-name {    width: 104px;   }




}

.tit-btn-wrap{
    display: flex;
    gap: 16px;
        margin-left: auto;
}
.tit-btn-wrap > button{
flex:1;}
@media (max-width: 767px) {
.tit-btn-wrap{
        width: 100%;
}
.expand-in .tit-btn-wrap{
        flex-direction: column;
     width: 100%;
        gap: 8px;}
.expand-in .tit-btn-wrap > button{
flex: none;
}
}


@media (max-width: 380px) {
    .tit-btn-wrap{
        flex-direction: column;
        width: 100%;
        gap: 8px;
        
    }

}

/*지역별안전정보 지도*/
.map-area.map-region.tablist{
height: auto !important;
margin-top: -10px;
}
@media (max-width: 1024px) {
  .map-area.map-region.tablist svg{
width: auto;
    height: auto;
min-height: 600px;
}  
}
@media (max-width: 1024px) {
.region-layout{
flex-direction:column;
    gap: var(--krds-gap-10);
}
.map-area.map-region.tablist svg{
width: auto;
    height: auto;
min-height: 400px;
max-height: 800px;
}

.region-layout .nav-item{
padding: var(--krds-padding-card-xsmall, 12px) var(--krds-padding-card-small, 20px);
font-size: var(--krds-pc-font-size-heading-xsmall, 17px);
}
.region-layout .panel{
margin: 0 var(--krds-gap-3);
}
.region-layout .content-header .content-title{
font-size: var(--krds-pc-font-size-heading-small, 19px);   
}
.region-layout .icon-box{
width: 48px;
height: 48px;
}
.region-layout .icon-box i{

height: 23px;
}

.region-layout .chk-option-box{
flex-direction: column;
    gap: var(--krds-gap-7);
}

.region-layout .chip.krds-check-area.type-01 .krds-form-chip input[type=radio] ~ label{
border: 0;
width: 100%;
padding: var(--padding-card-xsmall, 12px) var(--padding-card-small, 20px);
gap: var(--krds-gap-3);
font-size: var(--font-size-heading-xxsmall, 15px);
    justify-content: center;
    height: 50px;
}

.region-layout .chk-option-box {
    flex-direction: column;
    gap: var(--krds-gap-7);
}
}


/*251208*/

.site-map .disclosure .krds-disclosure .btn-conts-expand{
color: var(--krds-light-color-text-primary);
font-weight: 600 !important;
}
.site-map .disclosure .krds-disclosure .krds-disclosure .btn-conts-expand > span{
color: var(--krds-light-color-text-basic);
}

.site-map .disclosure .krds-disclosure .expand-wrap .expand-in > ul > li > a{
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.site-map .disclosure .krds-disclosure .expand-wrap .expand-in > ul > li > a > span{
font-weight: 600;
}
.site-map .disclosure .krds-disclosure .expand-wrap .expand-wrap ul > li > span{
font-weight:400
}

.two-column-layout .nuclear-lifecycle,
.t-only .nuclear-lifecycle{
 padding: 0;
    border: 0;
    background: none;
    display: flex;
    flex-direction: row;
}
.mob-only .nuclear-lifecycle{
 padding: 0;
    border: 0;
    background: none;
    display: flex;
    flex-direction: column;
}
.two-column-layout .nuclear-lifecycle .card,
.t-only .nuclear-lifecycle .card,
.mob-only .nuclear-lifecycle .card{
flex: 1;
width: auto;
}
.two-column-layout .nuclear-lifecycle .card:before,
.t-only .nuclear-lifecycle .card:before,
.mob-only .nuclear-lifecycle .card:before
{
display: none;
}


.icon-card-box{
    gap: var(--krds-gap-5);
}
.icon-card-box .icon-card{
    height: 88px;
    padding: 32px 0;
    flex-direction: row;
}
.icon-card-box .card-box{
gap: 6px;
}
.icon-card-box .card-box .card{
padding: 15px 24px;
}
.icon-card-box .card-box .card > span{
    font-size: var(--krds-pc-font-size-heading-small);
}


.aside-between-conts .structured-item.new .in .card-btn{
position: absolute;
display: flex;
justify-content: flex-end;
width: 100%;
}


.nuclear-map-wrap .tab li .btn-tab{
gap: 8px;
}
.nuclear-map-wrap .shortcut-02,
.nuclear-map-wrap .shortcut-04{
width: 32px;
height: 32px;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;

}  


.nuclear-map-wrap .shortcut-02 {
mask-image: url(../../images/component/shortcut-02.svg);
-webkit-mask-image: url(../../images/component/shortcut-02.svg);
}
.nuclear-map-wrap .shortcut-04 {
mask-image: url(../../images/component/shortcut-04.svg);
-webkit-mask-image: url(../../images/component/shortcut-04.svg);

}

.nuclear-map-wrap .tab .active .btn-tab .ico{
    background: #fff;
}



.custom-info .conts-area > div div > .box.outline-gray{
    width: calc(50% - var(--krds-gap-7));
}

.info-logo{
width: fit-content;
}


/*251209*/
/*
.nuclear-map-wrap #panel_01 .map-area,
.nuclear-map-wrap #panel_03 .map-area{
    margin-top: -62px;
}*/

  

.nuclear-map-wrap .tab.line{
z-index: 4;
}

/*
@media (max-width: 1250px) {
.box-between-conts .aside .icon-card-box:first-child .card-box .card{
padding: 43px 24px;
}
}
*/

.interest-selector .krds-btn-tag ul,
.custom-info .krds-badge-wrap ul{
text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
 max-width: 37ch;
    width: auto;
    white-space: nowrap;
}
.interest-selector .krds-btn-tag ul li:last-child,
.custom-info .krds-badge-wrap ul li:last-child{
text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    width: auto;
    white-space: nowrap;
}
/*251210*/
@media (max-width: 768px) {
.region-layout .krds-check-area.row > div {
flex: none;
}
.conts-wrap.two-column-layout.min-width.region-layout section{
    min-width: auto;
}
}





.map-pin.Gyeongju{
     top: 347px;
    left: 351px;
}
.map-pin.Gyeongju .lists{
    bottom: 9px;
    right: -200px;
}
.map-pin.Gyeongju .lists:after {
width: 94px;
    top: 50px;
    left: -94px;
}
.map-pin.Gyeongju .map-label{
    left: -42px;
    top: -2px;
}
.map-pin.Gyeongju .map-label::before, 
.map-pin.Gyeongju .map-label::after{
display: none;
}

.map-pin.Gyeongju2{
	top: 276px;
    left: 336px;
}


/*시설별,지역별 탭*/
.icon-card-tab{
margin-bottom: var(--krds-gap-5);
}
.icon-card-tab,
.icon-card-tab > ul{
width: 100% !important;
}
.icon-card-tab > ul li{
flex:1;
}
.icon-card-tab ul{
gap: 16px;
}
.icon-card-tab .icon-card{
    flex-direction: row;
        font-size: var(--krds-pc-font-size-heading-medium);
     width: 100%;       
            font-weight: 700;
                height: 88px;
}
.icon-card-tab .icon-card:hover{
    border: 2px solid #B1CEFB;
    background: linear-gradient(0deg, var(--color-alpha-base50, rgba(255, 255, 255, 0.50)) 0%, var(--color-alpha-base50, rgba(255, 255, 255, 0.50)) 100%), linear-gradient(to bottom, #ffffff 10%, #D8E5FD 25%, #D8E5FD 85%, #ffffff 100%);
}
.icon-card-tab .icon-card.active{
border: 2px solid #B1CEFB;
background: linear-gradient(0deg, var(--color-alpha-base50, rgba(255, 255, 255, 0.50)) 0%, var(--color-alpha-base50, rgba(255, 255, 255, 0.50)) 100%), linear-gradient(to bottom, #e1ecfb 10%, #D8E5FD 25%, #a7c6ff 65%, #e1ecfb 100%);
}
.icon-card-tab .icon-card:focus{
 outline: unset;
 /* box-shadow: unset; */
 box-shadow: var(--krds-box-shadow-outline) !important;
 border: 2px solid #B1CEFB;
 background: linear-gradient(0deg, var(--color-alpha-base50, rgba(255, 255, 255, 0.50)) 0%, var(--color-alpha-base50, rgba(255, 255, 255, 0.50)) 100%), linear-gradient(to bottom, #e1ecfb 10%, #D8E5FD 25%, #a7c6ff 65%, #e1ecfb 100%);
}
@media (max-width: 768px) {
   .icon-card-tab .icon-card{ 
     font-size: var(--krds-pc-font-size-heading-small);
height: 68px;
   }
}
/*
.icon-card-tab #tab_01 .icon-card{
border-radius: 12px 0px 0px 12px;
}
.icon-card-tab #tab_02 .icon-card{
border-radius: 0px 12px 12px 0px;
}
.icon-card-tab .active .icon-card{
border-radius: 12px !important;
}*/

@media (max-width: 768px) {
.map-area .lists {display: none;}
}


.nuclear-lifecycle .krds-check-area{
gap: var(--krds-gap-3);
}

.custom-info .chart_wrap.flex{
    max-width: none;
        gap: 16px;
}
@media (max-width: 1024px) {
.custom-info .legend-right-card{
max-width:fit-content
}
}

.custom-info .krds-table-wrap{
        width: 100%;
        max-width: none !important;
}

#container{overflow-x: hidden;}
.f-s{
    justify-content: flex-start !important;
}




/*251212*/
.today-history .title-wrap .h-tit{
display: flex;
    gap: 16px;    align-items: center;
}
.today-history .title-wrap .h-tit > span:not(.small-txt){
}
.today-history .title-wrap .h-tit > span{
    width: 116px;
    font-size: var(--krds-pc-font-size-heading-medium);
}
.today-history .bx-wrapper{

}
@media (max-width: 768px) {
.today-history .title-wrap .h-tit{
flex-direction: column;    align-items: flex-start;
    }
}
@media (max-width: 420px) {
    .today-history .krds-badge-wrap .txt {
        width: calc(100% - 900px);
    }
}
@media (max-width: 400px) {
    .today-history .krds-badge-wrap .txt {
        width: calc(100% - 950px);
    }
}

.modal-title-sec .fieldset-msg{
       padding-left: 20px; 
}
.modal-title-sec .fieldset-msg strong::before{
content: '※';
    margin-left: -20px;
    padding-right: 6px;

}

.ranking-txt{
display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

/*메인페이지*/
.main-sect .ranking-txt{
width:380px
}
@media (max-width: 575px) {
.main-sect .ranking-txt{
width:380px
}
}
@media (max-width: 480px) {
.main-sect .ranking-txt{
width:335px
}
}
@media (max-width: 410px) {
.main-sect .ranking-txt{
width: 300px;
}
}
@media (max-width: 380px) {
.main-sect .ranking-txt{
width: 260px;
}
}
.showBoxWrap > p{
display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}


.sch-ranking-list .pointer{
  display: flex;
  align-items: center;
    overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
    min-width: 0;
}


.ranking-num{
  flex: 0 0 2rem;
  display: inline-flex;
  font-weight: 700;
  margin-right: 0.2rem;
}


@media (max-width: 767px) {
  .krds-structured-list .card-btm .tag{
    max-width: 20ch;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 30px;
  }  
}

@media (max-width: 767px) {
.sch-form-wrap.detail{
        flex-direction: row;
}
.sch-form-wrap.detail .sch-input{
    justify-content: flex-end;
}
.sch-form-wrap.detail .sch-input button{
    position: unset;
    transform: translateY(10px);
}
}


.regulation .expand-in .img,
.conts-area.border{
border: 1px solid var(--krds-light-color-divider-gray-light, #CDD1D5);
}

/**/
.column-box{
flex-direction: column;
}
.column-box-detail{
    display: flex;
    gap: var(--krds-gap-5);
    flex-direction: column;
}
.column-box-detail .krds-form-chip label{
    width: auto;
    background: linear-gradient(0deg, var(--color-alpha-base50, rgba(255, 255, 255, 0.50)) 0%, var(--color-alpha-base50, rgba(255, 255, 255, 0.50)) 100%), linear-gradient(180deg, var(--color-background-white, #FFF) 10%, var(--color-surface-success-subtler, #EAF6EC) 24.52%, var(--color-surface-success-subtler, #EAF6EC) 85.1%, var(--color-background-white, #FFF) 100%);
    flex: 1;
}
.column-box-detail .krds-form-chip.warning label{
background: linear-gradient(0deg, var(--color-alpha-base50, rgba(255, 255, 255, 0.50)) 0%, var(--color-alpha-base50, rgba(255, 255, 255, 0.50)) 100%), linear-gradient(180deg, var(--color-background-white, #FFF) 10%, var(--krds-light-color-surface-warning-subtler) 24.52%, var(--krds-light-color-surface-warning-subtler) 85.1%, var(--color-background-white, #FFF) 100%);
}

.column-box-detail .krds-form-chip input[type=radio]:checked ~ label, 
.column-box-detail .krds-form-chip input[type=checkbox]:checked ~ label,
.column-box-detail .krds-form-chip label:focus:active, 
.column-box-detail .krds-form-chip label:active, 
.column-box-detail .krds-form-chip label.active {
    border: 2px solid #ABD8E3;
    background: linear-gradient(0deg, var(--color-alpha-base10, rgba(255, 255, 255, 0.10)) 0%, var(--color-alpha-base10, rgba(255, 255, 255, 0.10)) 100%), linear-gradient(to bottom, #ffffff 10%, #d8eedd 25%, #d8eedd 85%, #ffffff 100%);
    mix-blend-mode: multiply;
        color: var(--krds-form-chip--color-text);
}
.column-box-detail .krds-form-chip.warning input[type=radio]:checked ~ label, 
.column-box-detail .krds-form-chip.warning input[type=checkbox]:checked ~ label,
.column-box-detail .krds-form-chip.warning label:focus:active, 
.column-box-detail .krds-form-chip.warning label:active, 
.column-box-detail .krds-form-chip.warning label.active {
    border: 2px solid #ffe0a3;
    background: linear-gradient(0deg, var(--color-alpha-base10, rgba(255, 255, 255, 0.10)) 0%, var(--color-alpha-base10, rgba(255, 255, 255, 0.10)) 100%), linear-gradient(to bottom, #ffffff 10%, #fff3db 25%, #fff3db 85%, #ffffff 100%);
    mix-blend-mode: multiply;
        color: var(--krds-form-chip--color-text);
}
.column-box-detail  .krds-form-chip input[type=radio]:checked ~ label:before, .column-box-detail  .krds-form-chip input[type=checkbox]:checked ~ label:before{
background-color:  var(--krds-form-chip--color-text);
}

.tab-conts-03 .flex{
display: flex;
flex-direction: column;
    gap: 24px;
}
@media (max-width: 767px) {
 .tab-conts-03 .flex{
flex-direction: column-reverse;
}
/*select 삭제된경우*/
.tab-conts-03 .flex .grid{
 display: flex;
}
.tab-conts-03 .flex .grid .swiper-indicator .swiper-navigation{
        justify-content: space-between;
}
}



@media (max-width: 767px) {
    .custom-info .box.cnt-03 .krds-structured-list {
        width: 100%;}
.custom-info .box.cnt-03 .krds-structured-list .in{
        flex-direction: column;
}
 }



.custom-info .legend-right .cnt{
 min-width: 110px;
}
@media (max-width: 767px) {
.custom-info .legend-right-card {
    margin-left:0
}
.custom-info .chart_wrap{
flex-direction: column;
}

.custom-info .chart_wrap .legend-name{
width: auto;
}
}
@media (max-width: 420px) {

.custom-info .chart_wrap .legend-name {
max-width: 66px;
    }


}

.custom-info .chart_wrap.flex{

}
.chart_sub_wrap{
width: calc(100% - 320px - 16px);
}


/**/
.tab.fill.secondary.success.with-carousel{
  position: relative;
  overflow: unset;
}

.tab.fill.secondary.success.with-carousel > ul[role="tablist"]{
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  user-select: none;
}

.tab.fill.secondary.success.with-carousel > ul[role="tablist"]::-webkit-scrollbar{ display:none; }

.tab.fill.secondary.success.with-carousel > ul[role="tablist"] > li{
  flex: 0 0 auto;
}

.tab.fill.secondary.success.with-carousel .btn-tab{
  white-space: nowrap;
}

.tab.fill.secondary.success.with-carousel .carousel-square button:disabled{
  opacity: .35;
  pointer-events: none;
}
.tab.fill.secondary.with-carousel li:first-child{
    margin-left: 34px;
}
.tab.fill.secondary.with-carousel li:last-child{
margin-right: 34px;
}

    .stat-info .map-area{

        margin-top: 0;
}

@media (max-width: 768px) {
    .stat-info .map-area svg,
    .map-area.stat > ul {
        zoom: 0.8;
    }
    .stat-info .map-area{
height: auto !important;
}

}
@media (max-width: 360px) {
 .stat-info .map-area svg,
    .map-area.stat > ul {
        zoom: 0.7;
    }
}


#container > .inner:last-child{
padding-bottom: 50px;
}


.chart-fixed-wrap{
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
    width: 745px; /* 260115 kbk 625 -> 745*/
}

/* 260115 kbk*/
.chart-fixed-wrap.rightCanvasWrap{
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
    width: 625px;
}

@media (max-width: 1024px) {
    .chart-fixed-wrap{
        width: auto;
    }

}
.chart-fixed{
  width: 745px !important;
  height: 375px !important;
  flex: 0 0 auto !important;
  min-width: 745px !important; 
  position: relative;
  display: block;
}

.chart-fixed canvas{
  display: block;
  width: 745px !important;   
  height: 375px !important;
   aspect-ratio: auto !important;
}

/* 260115 kbk*/
.chart-fixed.rightCanvasFixed{
  width: 625px !important;
  height: 375px !important;
  flex: 0 0 auto !important;
  min-width: 625px !important; 
  position: relative;
  display: block;
}

/* 260115 kbk */
.chart-fixed canvas.rightCanvas{
  display: block;
  width: 625px !important;   
  height: 375px !important;
   aspect-ratio: auto !important;
}

/*251230*/
@media (min-width: 1024px) {
.custom-info .legend-right-card
{
   min-width:auto 
}
}

.krds-structured-list .card-body .c-btn.row{
display: flex;
    flex-direction: row;
    gap: var(--krds-gap-3);
}


/*260102  안전정보상세페이지 미리보기버튼 추가*/
.box-group-area > li .btn-wrap button{display: flex}
@media (max-width: 768px) {
.box-group-area > li .btn-wrap{
flex-direction: column;
    gap: var(--krds-gap-1);
}
}


/*260114 주제모아보기 기타시설-연구로 아이콘 */
.map-area .lists li{
border-bottom: 2px dashed var(--krds-color-light-primary-40, #4C87F6);
}
.map-area .lists li:last-child{
border-bottom: none;
}

/*읽기자료 제목*/
.card-grid.read .c-tit .span {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
    height: 57px;
}

/*260203 krds-step-wrap-box*/
.flex-step.row{
	align-items: flex-end;
}

p.step-wrap-box-tit {
	font-size: var(--krds-pc-font-size-heading-xsmall, 17px);
	font-weight: 700;
	margin-bottom: var(--krds-gap-2);
}

@media (max-width: 768px) {
	.flex-step.row{
		flex-direction: row !important;
	}
	.flex-step.row .krds-step-wrap{
		width: 100%;
	}
}

/* 260220 카드 정보 row 정렬 (대전제외) */
.status-card.row{
	align-items: center;
}
.status-card.row .status-card__info{
	flex-direction: row;
	align-items: center;
	gap: var(--krds-gap-3, 8px);
}
.status-card.row .status-card__badge,
.status-card.row .map-list li .status-card__badge{
	width: 40px;
	height: 40px;
	font-size: var(--krds-pc-font-body-small, 15px);
}