@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');

/* TITLE */ 
.KS51_title > b { 
    display:block ; font-family:'NanumSquareRound',sans-serif ; 
    font-size:1.3em ; line-height:1.4em ; font-weight:bold ; color:#1e728a ; word-break:keep-all }
.KS51_title > span { display:none }
.KS51_title { margin:auto ; margin-bottom:15px ; text-align:center }

.KS51_title > b > span { 
    font-weight:inherit ; color:inherit ; font-family:inherit ;
    display:inline-block ; background-color:#34aec6 ;  border-radius:40px ;
    padding:7px 20px ; font-size:1em ; line-height:1em ; color:#ffffff }
.KS51_title > b , .KS51_title > b > span  { vertical-align:middle }

.KS51_sup { font-size:0.4em ; line-height:3em}
.KS51_sub { display:block ; margin-bottom:60px }
.KS51_sub:last-child { margin-bottom:0 }

.KS51_sub_title { 
    font-size:1.4rem ; line-height:1.6rem ; font-weight:700 ; color:#111111 ; letter-spacing:-1px ;
    margin-bottom:15px ; word-break:keep-all ;
}



/* BTN */ 
.KS_btn_more > b > span { background-image:url(../img/icon_sub_movie.png) }
.KS_btn_more { width:180px ; margin-bottom:10px }



/* IMG */ 
.KS51_imgs , .KS51_imgs img { width:100% }
.KS51_img  { max-width:510px ; margin:auto ; margin-bottom:10px }
.KS51_imgs { display:block ; overflow:hidden ; padding-top:10px ; text-align:center } 
.KS51_imgs img { border-radius:4px }   




/* MOVIE */
.KS51_movie , .KS51_movie img { width:100% ; border-radius:6px }
.KS51_movie , .KS51_movie_txt { display:block ; overflow:hidden }
.KS51_movie { background-color:#111111 ; max-width:700px ; margin:auto ; margin-bottom:50px }
.KS51_movie_txt {
    padding:15px 15px ; word-break:keep-all ; font-weight:700 ;      
    font-family:'Nanum Myeongjo',serif ; font-size:1.4em ; line-height:1.4em ; color:#ffffff ; text-align:center ; 
}
.KS51_movie_txt br { display:none }





/* PC **********/
@media all and (min-width:1000px){
 	
    /* VISUAL */
    .KS_PP_btn { top:68% }
    
    
    
    /* TITLE */
    .KS51_title { margin-bottom:20px }
    .KS51_title > b { text-align:center ; font-size:1.6em ; color:#111111 ; margin-bottom:15px } 
    .KS51_title > span { display:block ; overflow:hidden ; width:2px ; height:20px ; border-radius:10px ; background-color:#34aec6 ; margin:auto }
 


    /* MOVIE */
    .KS51_movie { background:none ; position:relative }
    .KS51_movie_txt { background-color:rgba(0,0,0,0.6) ; position:absolute ; left:0px ; top:0px ; box-sizing:border-box ; width:100% ; font-size:1.6em }
    .KS51_movie_txt br { display:block }

    
    /* IMG */ 
    .KS51_imgs { max-width:1030px ; overflow:hidden ; margin:auto }
    .KS51_img.left { float:left }
    .KS51_img.right { float:right }
    
}