@charset "utf-8";

/* TITLE */
.KS42_title { text-align:center ; margin-bottom:1rem }
.KS42_title > b , .KS42_title > b::before { display:inline-block }
.KS42_title > b { 
    position:relative; padding-left:2.1rem ; padding-bottom:0.2rem  ;
    font-size:1.8rem ; line-height:2rem ; font-weight:500 ; letter-spacing:-2px ; color:#111111 }
.KS42_title > b::before { 
    width:2rem ; height:2rem ; position:absolute ; left:0 ; top:50% ; transform:translateY(-50%) ;
    content:"" ; background:url(../img/KS42_title_icon.png) no-repeat center center }



/* IMAGE */    
.KS_img { max-width:18rem ; margin:auto ; margin-bottom:1rem }
.KS_img > img { border:solid 1px rgba(0,0,0,0.1) ; box-sizing:border-box }
 



/* INFOR */
.KS42_book_infor , .KS42_BI_row , .KS42_BI_list , .KS42_BI_list.dot > li::before  { display:block ; overflow:hidden }
.KS42_BI_list { padding:0.5rem 0.3rem ; box-sizing:border-box }
.KS42_BI_list { border-bottom:solid 1px rgba(0,0,0,0.15) ; margin-bottom:1rem ;}
.KS42_BI_list { box-sizing:border-box ; padding:1rem }
.KS42_BI_list > li { font-size:0.9rem ; line-height:1.2rem ; font-weight:500 ; margin-bottom:0.5rem ; color:#111111 ; word-break:keep-all }
.KS42_BI_list > li:last-child { margin-bottom:0 } 
.KS42_BI_list > li > .KS42_BI_list { border:0 ; padding:0.3rem 0 0.7rem 1rem }
.KS42_BI_list > li:last-child  > .KS42_BI_list { padding-bottom:0 ;}
.KS42_BI_list > li > .KS42_BI_list > li { font-size:0.8rem ; font-weight:300 }
.KS42_BI_list > li > span , .KS42_BI_list > li > span { font-size:inherit ; color:inherit ; font-weight:inherit ; line-height:inherit }
.KS42_BI_list > li > span { display:block ; padding:0.2rem 0 0.3rem 1rem }
.KS42_BI_list > li > span.KS_lang { display:inline ; padding:0 }
.KS42_BI_list.dot > li { position:relative ; padding-left:0.5rem ; box-sizing:border-box }
.KS42_BI_list.dot > li::before { 
    position:absolute ; left:0 ; top:0.55rem ; 
    content:"" ; width:0.15rem ; height:0.15rem ; background-color:#000000 ; opacity:0.2 ; float:left }
.KS42_BI_row { width:100% ; margin-bottom:0.3rem }
.KS42_BI_row > b , .KS42_BI_row > span { 
    word-break: keep-all ;
    display:inline-block ; margin:0.2rem ; margin-top:0 ; margin-left:0 ; padding:0.3rem 1rem ; padding-bottom:0.4rem  ; border-radius:4rem ;
    font-size:0.8rem ; line-height:1rem ; font-weight:500 ; 
 } 
 .KS42_BI_row > b { 
     padding-top:0.35rem ; padding-bottom:0.45rem ;
     background:linear-gradient(#71a627,#89c931) ; color:#ffffff ; text-shadow:0 0 2px rgba(0,0,0,0.2) ; } 
.KS42_BI_row > span { border:solid 1px rgba(0,0,0,0.1) }
.KS42_BI_list p { 
    font-size:0.8rem ; line-height:1.4rem ; word-break:keep-all ; font-weight:400 ; 
    padding-top:0.2rem ; padding-left:1rem }



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

    /* IMAGE */
    .KS_img { float:left ; margin:0 ; margin-bottom:4rem }
    #KS42_books20 .KS_img {margin-bottom:5.5rem}



    /* INFOR */
    .KS42_book_infor { float:right ; width:32rem }
    .KS42_BI_list { border-bottom:0 ; padding:1rem 0.2rem } 
    .KS42_BI_row > b { padding-left:0 ; padding-right:0 ; width:4.5rem ; text-align:center }  



    /* BTN */
    .KS_btn_BOX { width:100% ; max-width:18rem ; position:absolute ; left:1.5rem ; top:26.5rem }
    .KS_btn { width:100% ; box-sizing:border-box }
    .KS_btn:first-child { margin-bottom:0.3rem }
    .KS_btn:last-child { margin-bottom:0 }
    .KS_btn > b { display:inline-block }


    /* ACC */
    .KS_ACC_ctns { position:relative }     
    .KS42_BI_list , .KS42_BI_list li { display:block ; overflow:hidden ;} 

    #item_21 .KS_btn_BOX { top:25.5rem }
    #item_23 .KS_btn_BOX { top:27.5rem }
    #item_24 .KS_btn_BOX { top:25rem }
 
    #item_14 .KS42_BI_list .KS42_BI_list > li { display:inline-block ; margin-right:2rem }
    #item_14 .KS42_BI_list .KS42_BI_list > li:last-child { margin-left:0 }
  
}