@charset "utf-8"; 
 
/* TABLE */
.K21__table , .K21__table__body , .K21__LB__item , .K21__LB__num , .K21__LB__link  { width:100% ; box-sizing:border-box }
.K21__table__guide { 
    font-size:1.8rem ; line-height:2.6rem ; 
    padding-bottom:2rem ; 
}
.K21__table__header { display:none }
  
.K21__table__tr {
    display:block ; overflow:hidden ; border:solid 1px rgba(0,0,0,0.1) ;
    margin-bottom:1rem ; padding:0.5rem 1.5rem ; border-radius:0.6rem ;
} 
.K21__table__tr br { display:none }
.K21__table__td , .K21__table__link { 
    display:block ; padding:0.7rem 0 ;
    border-bottom:dashed 1px rgba(0,0,0,0.1) ;
    position:relative ; box-sizing:border-box ;
}
.K21__table__td:last-child { border-bottom:none }
.K21__table__td > span , .K21__table__link > span {  
    font-size:1.8rem ; line-height:2.8rem ; word-break:keep-all }
.K21__table__td::before , .K21__table__link::before {
    display:inline-block ; overflow:hidden ; border-radius:4rem ; 
    padding:0.2rem 1.2rem 0.4rem ; margin:0.4rem 0.5rem 0 0 ; 
    font-size:1.2rem ; line-height:1.6rem ; color:#111111 ; font-weight:400 ; 
    background-color:rgba(0,0,0,0.1) ; 
}
.K21__table__td.col1::before { content:"번호" }
.K21__table__link.col2::before { 
    content:"논문명" ; background-color:#111111 ;
    color:#ffffff ; font-weight:500 ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) 
} 
.K21__table__td.col3::before { content:"저자(소속)" }
.K21__table__td.col4::before { content:"수록지" }

.K21__table__link , .K21__table__link::before , .K21__table__link::after { transition:0.3s all }
.K21__table__link:hover , .K21__table__link:focus { color:#000000 ; border-color:rgba(0,0,0,0) }
.K21__table__link:hover::before  , .K21__table__link:focus::before  { background-color:#67b828 }
.K21__table__link::after { 
    display:block ; content:"" ; width:0 ; height:0.2rem ;
    background-color:#67b828 ;
    position:absolute ; left:0 ; bottom:0 
}
.K21__table__link:hover::after  , .K21__table__link:focus::after { width:100% }



/* DOC */
.K21__writer , .K21__box { border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.6rem ; overflow:hidden }
.K21__writer , .K21__list__title , .K21__list > li { font-size:1.8rem ; line-height:3rem }
.K21__writer , .K21__box__title { margin-bottom:1rem ; padding:1rem 2.5% 1.2rem }
.K21__writer > b , .K21__writer > span { display:inline-block ; font-size:inherit ; line-height:inherit ; color:inherit }
.K21__writer > b { font-weight:500 ; color:#111111 }
.K21__writer > span { margin-right:1rem }

.K21__box { padding-bottom:2rem }
.K21__box__title {
    font-size:2.2rem ; line-height:3rem ; font-weight:500 ; color:#ffffff ;  
    background-color:#111111 ; letter-spacing:-0.1rem ;
}
.K21__list__title , .K21__list { margin:auto 2.5% }
.K21__list__title { 
    padding-bottom:1rem ; margin-bottom:1rem ; word-break:keep-all ;
    font-weight:600 ; color:#111111 ; font-size:2rem ;
    border-bottom:dashed 1px rgba(0,0,0,0.1) ;
}
.K21__list:not(:last-child) { margin-bottom:5rem }
.K21__list > li {
    position:relative ; padding-left:1.5rem ; margin-bottom:0.7rem ;
    text-align:justify ;
}
.K21__list > li::before {
    display:block ; content:"" ; width:0.7rem ; height:0.2rem ;
    background-color:#000000 ; opacity:0.2 ;
    position:absolute ; left:0.2rem ; top:1.4rem
} 


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

    /* TABLE */ 
    .K21__table__header { 
        display:block ; overflow:hidden ; width:100% ; box-sizing:border-box ;
        border:solid 1px rgba(0,0,0,0.1) ; border-bottom:none ; border-radius:0.6rem ;
        margin-bottom:0.5rem ; padding:1rem 0 1.2rem 0 ;
        position:relative
    }
    .K21__table__header::after {
        display:block ; content:"" ; width:100% ; height:0.2rem ;
        background-color:#67b828 ;
        position:absolute ; left:0 ; bottom:0 ;
    }  
    .K21__table__th { 
        display:block ; float:left ; position:relative ;
        font-size:1.4rem ; line-height:2rem ; text-align:center ; font-weight:500 ;
    } 
    .K21__table__th::after {
        display:block ; content:"" ; width:1px ; height:1rem ; 
        background-color:rgba(0,0,0,0.1) ;
        position:absolute ; right:0 ; top:54% ; transform:translateY(-50%) 
    }
    .K21__table__th:last-child:after { display:none }
    .col1 { width:5% ; flex-grow:5 }
    .col2 { width:59% ; flex-grow:59 }
    .col3 , .col4 { width:18% ; flex-grow:18 }

    .K21__table__tr    { padding:1.3rem 0 1.5rem ; display:flex ; margin-bottom:0.5rem ; position:relative }
    .K21__table__tr br { display:block }
    .K21__table__td , .K21__table__link { 
        padding:0 0.5rem ; box-sizing:border-box ; border:none ;
        text-align:center ; align-self:center ;
    }
    .K21__table__td { text-align:center }
    .K21__table__td::before , .K21__table__link::before {
        display:block ; overflow:hidden ; width:0 ; height:0 ; 
        padding:0 ; margin:0 ; background:none ; border-radius:0 ;
        color:transparent ; font-size:0 ;
        position:absolute ; left:0 ; top:50%
    } 
    

    .K21__table__td::after , .K21__table__link::after ,
    .K21__table__link:hover::after  , .K21__table__link:focus::after {
        display:block ; content:"" ; width:1px ; height:1rem ; 
        background-color:rgba(0,0,0,0.1) ;
        position:absolute ; left:auto ; right:0 ; top:54% ; transform:translateY(-50%) 
    }
    .K21__table__td:last-child:after { display:none }

    .K21__table__link { padding:0 1rem 0 5rem ; text-align:left } 
    .K21__table__link:hover , .K21__table__link:focus { border:none }
    .K21__table__link::before {
        left:1.5rem ; top:0.2rem ;
        width:3rem ; height:3rem ; content:"" ; border-radius:100% ;
        background:url(../img_sub/icon_link.png) no-repeat center #67b828 ; background-size:2.8rem auto ;
        margin-right:0.5rem 
    } 
    .K21__table__link::before , .K21__table__link > span { display:inline-block } 
    .K12__LB__link:hover::before , .K12__LB__link:focus::before { background-color:#111111 }

    .K21__table__tr::after {
        display:block ; content:"" ; width:0 ; height:0.2rem ; 
        background-color:#67b828 ; transition:0.3s width;
        position:absolute ; left:0 ; bottom:0
    } 
    .K21__table__tr:hover::after { width:100% }


}