@charset "utf-8";
 
/* GUIDE */
.K32__guide { font-size:1.8rem ; line-height:2.6rem ;  margin-bottom:2rem } 
.K32__list__header { display:none }
.K32__list__body { margin-bottom:5rem }


/* ITEM */
.K32__item { 
    width:100% ; box-sizing:border-box ; border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.6rem ;
    margin-bottom:1rem ;
}
.K32__item br { display:none }
.K32__item span { font-size:inherit ; color:inherit ; font-weight:inherit ; line-height:inherit ; word-break:keep-all }
.K32__item:last-child { margin-bottom:0 }
.K32__item__num , .K32__item__write , .K32__item__cover { font-size:1.8rem ; line-height:2.8rem }
.K32__item__link { font-size:2rem ; line-height:3rem ; font-weight:600 }
.K32__item__cover { padding:1rem 1.5rem ; background-color:rgba(0,0,0,0.05) ; }
.K32__item__num::before , .K32__item__title::before , .K32__item__write::before , .K32__item__cover::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) 
}
.K32__item__title::before , .K32__item__cover::before { color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) }
.K32__item__num::before   { content:"번호" }
.K32__item__title::before { content:"논문명" ; background-color:#67b828 }
.K32__item__write::before { content:"저자(소속)" }
.K32__item__cover::before { content:"수록지" ; background-color:#444444 }

.K32__item__num , .K32__item__title { border-bottom:dashed 1px rgba(0,0,0,0.1) ; padding-bottom:0.7rem ; margin-bottom:0.7rem }
.K32__item__num , .K32__item__title { display:block }
 
.K32__item__body { padding:1.5rem ; border-bottom:solid 1px rgba(0,0,0,0.1) }

.K32__item__title { position:relative }
.K32__item__title::before , .K32__item__link , .K32__item__link::before { transition:0.3s all }
.K32__item__title:hover::before , .K32__item__title:focus::before { background-color:#67b828 }
.K32__item__link:hover , .K32__item__link:focus { color:#111111 }
.K32__item__link::before {
    width:0 ; height:0.2rem ; display:block ; content:"" ;
    background-color:#67b828 ;
    position:absolute ; left:0 ; bottom:-1px ;
}
.K32__item__link:hover::before , .K32__item__link:focus::before { width:100% }



/* BTNS */
.K32__book__btns { font-size:0 ; text-align:center }
.K32__btn , .K32__btn > span , .K32__btn::before , .K32__btn > span::before { transition:0.3s all }
.K32__btn { 
    display:inline-block ; overflow:hidden ; margin:0.5rem 1.5rem ;
    border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.6rem ;
    padding:1rem 2rem 1.2rem ; position:relative ;
}
.K32__btn > span { 
    font-size:1.8rem ; line-height:2.2rem ; font-weight:400 ;
    display:inline-block ; position:relative ; 
    padding-left:3rem ;
}
.K32__btn > span::before {
    width:2.4rem ; height:2.4rem ; display:block ; overflow:hidden ; content:"" ;
    background:url(../img_sub/icon_pc.png) no-repeat center ; background-size:cover ;
    position:absolute ; left:0 ; top:50% ; transform:translateY(-50%) ;
    opacity:0.5 ; 
}
.K32__btn:hover > span::before , .K32__btn:focus > span::before { 
    background-image:url(../img_sub/icon_pc_white.png) ;
    opacity:1 ;
}
.K32__btn::before {
    width:100% ; height:100% ; display:block ; content:"" ;
    background:linear-gradient(#67b828,#73be38) ;
    position:absolute ; left:0 ; top:95% ; z-index:-1 ;
}
.K32__btn:hover , .K32__btn:focus { 
    box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0.3) ;
    border-color:#67b828 ; box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0.3) ;
}
.K32__btn:hover > span , .K32__btn:focus > span { color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) }
.K32__btn:hover::before , .K32__btn:focus::before { top:0 }
 
.K32__btn.copy { background-color:#111111 ; border-color:#111111 }
.K32__btn.copy::before { display:none } 
.K32__btn.copy > span { color:#ffffff }
.K32__btn.copy > span::before , .K32__btn.copy:hover > span::before , .K32__btn.copy:focus > span::before { 
    background-image:url(../img_sub/icon_doc_white.png) ;
    opacity:1 ;
}
.K32__btn.copy:hover , .K32__btn.copy:focus { 
    background-color:#1891e5 ;
    border-color:#1891e5 ;
}

.K32__alert { margin-bottom:2rem }
.K32__alert br { display:none } 
.K32__alert > li { 
    border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.6rem ;
    font-size:1.8rem ; line-height:2.8rem ; word-break:keep-all ;
    margin-bottom:0.5rem ; padding:1rem 1.5rem 1.2rem ;
}
.K32__alert > li:last-child {
    background-color:rgba(0,0,0,0.05) ; 
    color:#111111
}





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

    /* ITEM */ 
    .K32__item { position:relative ; padding:0.3rem 0 }
    .K32__item br { display:block }
    .K32__item , .K32__list__header { margin-bottom:0.5rem }
    .K32__list__header { 
        display:block ; overflow:hidden ; width:100% ; box-sizing:border-box ;
        border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.6rem ;
        padding:1.3rem 0 1.5rem 0 ;
        position:relative
    }
    .K32__list__header::after {
        display:block ; content:"" ; width:100% ; height:0.2rem ;
        background-color:#67b828 ;
        position:absolute ; left:0 ; bottom:0 ;
    }

    .K32__LH__item { 
        display:block ; float:left ; position:relative ;
        font-size:1.4rem ; line-height:2rem ; text-align:center ; font-weight:500 ;
    } 
    .K32__LH__item::after {
        display:block ; content:"" ; width:1px ; height:1rem ; 
        background-color:rgba(0,0,0,0.1) ;
        position:absolute ; right:0 ; top:50% ; transform:translateY(-50%) 
    }

    .K32__LH__item:last-child:after { display:none }
    .col1 { width:5% ; flex-grow:5 }
    .col2 { width:51% ; flex-grow:51 }
    .col3 , .col4 { width:22% ; flex-grow:22 }
 
    .K32__item__body { 
        display:flex ; width:78% ; position:relative ;  
        margin:0 ; padding:1.2rem 0 ; 
        border:none ; border-bottom:solid 1px rgba(0,0,0,0.1)
    }
    .K32__item__body:last-of-type { border-bottom:none }
    .K32__item__num , .K32__item__title , .K32__item__write { text-align:center ; align-self:center }
    .K32__item__num , .K32__item__title , .K32__item__write , .K32__item__cover { 
        position:relative ; padding:0 0.5rem ; box-sizing:border-box ;
        border:none ; margin:0 ;
    }  
    .K32__item__body::before {
        display:block ; content:"" ; width:0 ; height:0.2rem ;
        background-color:#67b828 ; transition:0.3s width ;
        position:absolute ; left:0 ; bottom:0 ;
    }
    .oneLine .K32__item__body::before { bottom:-0.4rem}
    .K32__item__body:hover::before { width:100% }

    .K32__item__num::before , .K32__item__title::before , .K32__item__write::before , .K32__item__cover::before {
        font-size:0 ; color:transparent ; background:none ; padding:0 ; border-radius:0 ;
        overflow:hidden ; width:0 ; height:0 ;
        position:absolute ; left:0 ; top:0
    }
    .K32__item__cover , .K32__item__cover > span { position:absolute }
    .K32__item__cover { right:0 ; top:0 ; background:none ; height:100% }
    .K32__item__cover > span { 
        width:100% ; display:block ; text-align:center ;
        left:50% ; top:50% ; transform:translate(-50%,-50%) ;
    }
    .K32__item__num::before , .K32__item__write::before , .K32__item__cover::before {
        width:1px ; height:1rem ; display:block ; content:"" ;
        background-color:rgba(0,0,0,0.1) ; margin:0 ; padding:0 ;
        position:absolute ; top:50% ; transform:translateY(-50%) ;
    }
    .K32__item__cover::before { height:100% }
    .K32__item__num::before   { left:auto ; right:0 }
    .K32__item__cover::before , .K32__item__write::before { left:0 }
    .K32__item__link {
        display:block ; width:100% ; box-sizing:border-box ; padding:0.4rem 1rem 0 4rem ;
        text-align:left ; 
    }
    .K32__item__link::before , .K32__item__link:hover::before , .K32__item__link:focus::before { width:3rem ; height:3rem }
    .K32__item__link::before {
        bottom:auto ; left:1rem ; transform:none ; top:0.4rem ;
        content:"" ; border-radius:100% ;
        background:url(../img_sub/icon_link.png) no-repeat center #67b828 ; background-size:2.8rem auto ; 
    } 
    .K32__item__link:hover::before , .K32__item__link:focus::before { 
        background-color:#111111 ;
    }

 

    /* BTNS */
    .K32__book__btns { padding:0 }
    .K32__btn { margin:0 }

    .K32__alert br { display:block } 
    .K32__alert > li { 
        text-align:left ; line-height:3rem ;
        padding:1.3rem 3rem 1.5rem
    }
 
}