@charset "utf-8";
 
/* TABLE */ 
.K12__table , .K12__table__body , .K12__LB__item , .K12__LB__num , .K12__LB__link  { width:100% ; box-sizing:border-box }
.K12__table__guide { 
    font-size:1.8rem ; line-height:2.6rem ; 
    padding-bottom:2rem ; 
}
.K12__table__header { display:none }
  
.K12__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 ;
} 
.K12__table__tr br { display:none }
.K12__table__td , .K12__table__link { 
    display:block ; padding:0.7rem 0 ;
    border-bottom:dashed 1px rgba(0,0,0,0.1) ;
    position:relative ; box-sizing:border-box ;
}
.K12__table__td:last-child { border-bottom:none }
.K12__table__td > span , .K12__table__link > span { word-break:keep-all }
.K12__table__td > span   { font-size:1.8rem ; line-height:2.8rem  }
.K12__table__link > span { font-size:2rem ; line-height:3rem ; font-weight:600 ; letter-spacing:-0.1rem ;  }
.K12__table__td::before , .K12__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) ; 
}
.K12__table__td.col1::before { content:"번호" }
.K12__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) 
} 
.K12__table__td.col3::before { content:"저자(소속)" }
.K12__table__td.col4::before { content:"수록지" }

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





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

    /* TABLE */ 
    .K12__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
    }
    .K12__table__header::after {
        display:block ; content:"" ; width:100% ; height:0.2rem ;
        background-color:#67b828 ;
        position:absolute ; left:0 ; bottom:0 ;
    }  
    .K12__table__th { 
        display:block ; float:left ; position:relative ;
        font-size:1.4rem ; line-height:2rem ; text-align:center ; font-weight:500 ;
    } 
    .K12__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%) 
    }
    .K12__table__th:last-child:after { display:none }
    .col1 { width:5% ; flex-grow:5 }
    .col2 { width:49% ; flex-grow:49 }
    .col3 { width:26% ; flex-grow:26 }
    .col4 { width:20% ; flex-grow:20 }

    .K12__table__tr    { padding:1.3rem 0 1.5rem ; display:flex ; margin-bottom:0.5rem ; position:relative }
    .K12__table__tr br { display:block }
    .K12__table__td , .K12__table__link { 
        padding:0 0.5rem ; box-sizing:border-box ; border:none ;
        text-align:center ; align-self:center ;
    }
    .K12__table__td { text-align:center }
    .K12__table__td::before , .K12__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%
    } 
    

    .K12__table__td::after , .K12__table__link::after ,
    .K12__table__link:hover::after  , .K12__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%) 
    }
    .K12__table__td:last-child:after { display:none }

    .K12__table__link { padding:0 1rem 0 5rem ; text-align:left } 
    .K12__table__link:hover , .K12__table__link:focus { border:none }
    .K12__table__link::before {
        left:1.5rem ; top:0 ;
        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 
    } 
    .K12__table__link::before , .K12__table__link > span { display:inline-block } 
    .K12__LB__link:hover::before , .K12__LB__link:focus::before { background-color:#111111 }

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





}