@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 */ 
#KS20_map { max-width:42rem ; margin:auto ; padding-top:3rem }


 
/* PEOPLE BOX */ 
#KS23_people_box , #KS23_people_inner , #KS23_peoples , .KS23_people , .KS23_people_name ,
.KS23_people_more , .KS23_people_more > span { display:block ; overflow:hidden }
#KS23_peoples { text-align:center }
#KS23_people_box { 
    padding: 1rem ; margin-bottom:0.5rem ;
    border:solid 1px rgba(0,0,0,0.1) ; border-top:solid 3px #7ac142 ; box-sizing:border-box ; border-radius:0.2rem } 
#KS23_people_title { 
    text-align:center ; border-bottom:solid 1px rgba(0,0,0,0.1) ; padding-bottom:0.75rem ; margin-bottom:0.5rem  ; 
    font-size:1.2rem ; line-height:1.4rem ; color:#444444 ; word-break:keep-all ; letter-spacing:-1px ; font-weight:800 }
.KS23_people { position:relative ; border-bottom:solid 1px #d7d7d7 ; margin-bottom:1rem ; padding-bottom:1rem ; text-align:left }
.KS23_people_name { 
    padding:0.4rem 0rem 0.6rem 1.8rem ;
    font-size:1rem ; font-weight:600 ; line-height:1.2rem ; color:#444444 ; word-break:keep-all }
.KS23_people_list { margin-left:0.75rem }    
.KS23_people_list > li { 
    position:relative ; padding-left:0.5rem ;
    font-size:0.8rem ; line-height:1.4rem ; margin-bottom:0.3rem  ; text-align:justify ; font-weight:300 ;}
.KS23_people_list > li::before { 
    content:"" ; width:0.15rem ; height:0.15rem ; background-color:#111111 ; opacity:0.3 ;
    position:absolute ; left:0.05rem ; top:0.7rem
} 
.KS23_people_list > li:last-child { margin-bottom:0 ; border-bottom:0 ; padding-bottom:0 }   
 
.KS23_people_more , .KS23_people_more > span { height:1.5rem }
.KS23_people_more { width:100% ; position:absolute ; left:0 ; top:0.2rem }
.KS23_people_more > span { 
    transition:0.3s all ; font-size:0 ; color:transparent ; opacity:0.3 ;
    width:1.5rem ; background:url(../img/icon_zoom.png) no-repeat center center #111111 ; border-radius:2rem }
.KS23_people_more:hover > span  { background-color:#7ac142 ; opacity:1 }
 
.KS23_people_btn , .KS23_people_btn > b { display:block ; overflow:hidden ; transition:0.3s all  ; text-align:center }
.KS23_people_btn { width:9rem ; margin:auto ; background-color:#111111 ; padding:0.5rem 0 ; box-sizing:border-box ; border-radius:4rem }
.KS23_people_btn > b { font-size:0.7rem ; line-height:0.8rem ; color:#ffffff ; font-weight:500 ; margin-bottom:0.2rem ; }
.KS23_people_btn:hover { background-color:#7ac142 }
.KS23_people_btn:hover > b { text-shadow:0 0 2px rgba(0,0,0,0.2) }




/* PC **********/
@media all and (min-width:1330px){

    /* IMG */
    #KS21_img1 { float:right ; margin:0 ; margin-left:2rem ; padding-top:0.4rem }


    /* PEOPLE BOX */ 
    #KS23_people_box { padding:1rem 1.5rem ; position:relative }
    #KS23_people_title { 
        font-size:1.4rem ; line-height:2rem ; font-weight:700 ; letter-spacing:-1px ;
        padding:0 ; padding-top:0.2rem ; padding-bottom:3.5rem ; margin:0 ; border:0 ;
        background:url(../img/icon_peoples.png) no-repeat center bottom ;
        width:10rem ; float:left ; text-align:center ;
    }
    .KS23_people { width:39.5rem ; float:right }
    .KS23_people:nth-child(3) { border-bottom:0 ; margin-bottom:0 ; padding-bottom:0 }
    .KS23_people_btn { position: absolute ; left:2rem ; top:7rem }
}