@charset "utf-8";

/* LEAD */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500&display=swap');
.KS20_lead { text-align:justify ; margin-bottom:2rem }
.KS20_lead > b {
    font-family:'Noto Serif KR',serif ; font-size:1rem ; line-height:1.8rem ; font-weight:200 ; color:#111111 ; letter-spacing:-0.5px ;
    border-bottom:solid 1px rgba(0,0,0,0.1) ; padding-bottom:0.2rem ; 
}


 
/* IMG */
#KS21_img1 { max-width:25rem ; margin:auto ; margin-bottom:1rem }
#KS20_map  { max-width:42rem ; margin:auto ; margin-bottom:4rem }



/* ACC */
#KS21_news ,  #KS21_news_inner ,  #KS21_news_header , #KS21_news_title ,  #KS21_news_tab ,
.KS21_NT_li > a { display:block ; overflow:hidden }
#KS21_news { padding: 1rem ; border:solid 1px rgba(0,0,0,0.1) ; border-top:solid 3px #7ac142 ; box-sizing:border-box ; border-radius:0.2rem } 
#KS21_news_title , #KS21_news_tab { border-bottom:solid 1px rgba(0,0,0,0.1) }
#KS21_news_title { text-align:center ; padding-bottom:0.75rem  ; } 
#KS21_news_title > b , #KS21_news_title > span { 
    font-size:1.2rem ; line-height:1.4rem ; color:#444444 ; word-break:keep-all ; letter-spacing:-1px }
#KS21_news_title > b { font-weight:800 }
#KS21_news_title > span { font-weight:500 }
#KS21_news_tab { padding:0.5rem 0 ; width:100% ; box-sizing:border-box ; text-align:center }
.KS21_NT_li { display:inline-block ; margin:0.1rem }
.KS21_NT_li > a { 
    border:solid 1px rgba(0,0,0,0.1) ; padding:0.2rem 0.75rem ; border-radius:2rem ;
    font-size:0.7rem ; line-height:1rem ; color:#111111 ; font-weight:400 ;
}
.KS21_NT_li > a { transition:0.3s all }
.KS21_NT_li > a:hover { background-color:#f7f7f7 ; border-color:rgba(0,0,0,0.2) ; color:#111111 }
.KS21_NT_li > a.active { background-color:#111111 ; border-color:#111111 ; color:#ffffff }

.KS21_news_ACC { display:none }
.KS21_news_ACC.show { display:block }
 
.KS21_NA_item , .KS21_NAB_title , .KS21_NAB_open , .KS21_NAB_close , .KS21_NAB_inner ,  
.KS21_NAB_open , .KS21_NAB_close , .KS21_NAB_open > span , .KS21_NAB_close > span  { display:block ; overflow:hidden }
.KS21_NA_item { border-bottom:solid 1px rgba(0,0,0,0.1) ; position:relative }
.KS21_NA_item:last-child { border:0 } 
.KS21_NAB_title { 
    font-size:0.9rem ; line-height:1.2rem ; font-weight:400 ; color:#444444 ; word-break:keep-all ; 
    padding:0.8rem 0 ; padding-left:1.8rem }
.KS21_NAB_ctns { display:block ; height:0 }
.KS21_NAB_inner { opacity:0 }
.KS21_NA_item.open .KS21_NAB_inner { opacity:1 }
.KS21_NAB_open , .KS21_NAB_close , .KS21_NAB_open > span , .KS21_NAB_close > span { height:1.5rem }
.KS21_NAB_open , .KS21_NAB_close { position:absolute ; left:0 ; top:0.7rem ; }
.KS21_NAB_open > span , .KS21_NAB_close > span { 
    font-size:0 ; color:transparent ;
    background:url(../img/acc_arrow.png) no-repeat left top ; 
    border-radius:2rem ; width:1.5rem ;  }
.KS21_NAB_open , .KS21_NAB_close , .KS21_NAB_title , .KS21_NAB_inner , .KS21_NAB_ctns { transition:0.3s all }
.KS21_NAB_open , .KS21_NAB_close { width:100% }
.KS21_NAB_open { opacity:0.4 }
.KS21_NAB_open:hover { opacity:0.6 }
.KS21_NAB_close { display:none }
.KS21_NAB_close > span { background-color:#6ead3b ; background-position:left bottom ; opacity:0.8 }
.KS21_NAB_close:hover  { opacity:1 }

.KS21_NA_item.open .KS21_NAB_open  { display:none }
.KS21_NA_item.open .KS21_NAB_close { display:block }
.KS21_NA_item.open .KS21_NAB_title { font-size:1rem ; font-weight:600 }
.KS21_NA_item.open .KS21_NAB_ctns  { height:auto ; padding-top:0.25rem ; padding-bottom:1.5rem }





/* PC **********/
@media all and (min-width:1330px){

    /* IMG */
    #KS21_img1 { float:right ; margin:0 ; margin-left:2rem ; padding-top:0.4rem }


    
    /* ACC */
    #KS21_news { padding: 1rem 1.5rem }
    #KS21_news_header { float:left ; width:10rem }
    .KS21_news_ACC { float:right ; width:39.5rem }
    #KS21_news_title , #KS21_news_tab { padding:0 ; border:0 }
    #KS21_news_title > b , #KS21_news_title > span { display:block ; text-align:center }
    #KS21_news_title > b { font-size:1.5rem }
    #KS21_news_title > span { font-size:1.2rem }
    #KS21_news_tab { padding:0 ; padding-top:1rem  ; width:100% ; box-sizing:border-box ; text-align:center }
    .KS21_NT_li { display:block ; width:4rem ; box-sizing:border-box ; margin:auto }
    .KS21_NT_li::after {
        display:block ; content:"" ; width:0.15rem ; height:0.15rem ; background-color:#111111 ; opacity:0.2 ; margin:0.4rem auto }
    .KS21_NT_li:last-child:after { display:none }
    .KS21_NT_li > a { border-color:rgba(0,0,0,0) }
     
} 