@charset "utf-8";
 
/* IMAGE */
.KS23_img , .KS23_img img { width:100% } 
#KS23_img1 { max-width:910px ; margin:auto ; padding-top:60px  }



/* PEOPLE */
.KS23_people , .KS23_people > .inner_wrap , .KS23_people_box { display:block }
.KS23_people { padding:20px ; margin-bottom:60px  }
.KS23_people_title { 
    font-size:1.6em ; line-height:1.2em ; font-weight:600 ; color:#222222 ; border-bottom:solid 2px #37b5cd ;
    padding-bottom:10px ; margin-bottom:30px  ; letter-spacing:-1px }
.KS23_people_box { padding:30px 5px ; padding-top:0px ; margin-bottom:30px ; border-bottom:solid 1px rgba(0,0,0,0.1)  }  
.KS23_people_box > h4 { font-size:1.2em ; line-height:1em ; margin-bottom:10px ; font-weight:600 ; color:#222222  } 
.KS23_people_list { padding-left:5px ; margin-bottom:20px  }
.KS23_people_list li  { font-size:1em ; line-height:1.6em ; margin-bottom:7px }
.KS23_people_list li:last-child { margin-bottom:0px }
.KS23_people_list li > b { 
    display:inline-block ; overflow:hidden ; width:5px ; height:2px ; background-color:rgba(0,0,0,0.3) ;
    margin-right:5px ; margin-top:12px ; border-radius:10px   
} 

.KS23_people_link { display:block ; text-align:center }
.KS23_people_link > b { display:inline-block }
.KS23_people_link > b { 
    transition:0.3s all ; 
    border-radius:20px ; box-sizing:border-box ; background-color:#f7f7f7 ; padding:7px 20px ;   
    border:solid 1px rgba(0,0,0,0.1) ; font-size:0.8em ; line-height:1em ; color:#222222  }
.KS23_people_link:hover > b { background-color:rgba(0,0,0,0.6) ; color:#ffffff }
 

/* PC **********/
@media all and (min-width:1000px){
 	
    /* VISUAL */
    .KS_PP_btn { top:68% }
    


    /* PEOPLE */
    .KS23_people , .KS23_people > .inner_wrap , .KS23_people_box , .KS23_people_list ,
    .KS23_people_link > b { display:block ; overflow:hidden ; padding:0px ; margin:0px }
    .KS23_people { background:url(../img_sub/KS23_bg.jpg) no-repeat center center ; background-size:cover ; margin-bottom:90px  } 
    .KS23_people > .inner_wrap { background-color:rgba(0,0,0,0.7) ; padding:60px 0px }
    .KS23_people_title , .KS23_people_box { width:1100px ; margin:auto }
    .KS23_people_title { font-weight:400 ; margin-bottom:5px  }
    .KS23_people_title , .KS23_people_box > h4 , .KS23_people_list > li { color:#ffffff }
    .KS23_people_box { padding-top:15px ; margin-bottom:30px ; border:0px ; position:relative }
    .KS23_people_box > h4 { width:140px ; padding-left:20px ; padding-top:10px ; box-sizing:border-box ; float:left }
    .KS23_people_list { 
        border-left:solid 1px rgba(255,255,255,0.2) ; box-sizing:border-box ; padding-left:30px ;  
        width:960px ; float:right  }
    .KS23_people_list > li > b { display:none  }
    .KS23_people_list > li { padding:3px 0px ; word-break:keep-all }
    .KS23_people_box:nth-child(4) { margin-bottom:40px }
    
    .KS23_people_link , .KS23_people_link > b { display:block ; overflow:hidden ; position:absolute }
    .KS23_people_link { left:0px ; top:0px ; width:100% ; height:100% ; box-sizing:border-box }
    .KS23_people_link > b { 
        top:21px ; left:82px ;
        width:30px ; height:30px ; font-size:0em ; text-indent:-9999px ; border-radius:4px ;    
        border:solid 1px rgba(255,255,255,0.3) ; opacity:0.7 ; 
        background:url(../img/icon_sub_more.png) no-repeat -2px -32px  }
    .KS23_people_link:hover > b { 
        background-color:rgba(255,255,255,1) ; background-position:-2px -2px ; opacity:1 } 
   
     
}