@charset "utf-8";
/* *_thesis.jsp */


/* TABLE */
.KS12_table , .KS12_table > table { width:100%}
.KS12_table { box-sizing:border-box ; position:relative }  
.KS12_table > table { border-top:solid 0.2rem #5ea129 ; border-spacing:0 ; border-collapse:collapse }
.KS12_table thead { display:none }
.KS12_table tr { display:block ; padding:1.5rem 0.5rem ; border-bottom:solid 0.1rem rgba(0,0,0,0.1) }
.KS12_table td { display:inline-block }
.KS12_table td br { display:none }
.KS12_table td.col1 , .KS12_table td.col3 > span , .KS12_table td.col4 > span {
    font-size:1.2rem ; line-height:1.6rem ; font-weight:400 ;
    padding:0.3rem 1.2rem 0.5rem ; overflow:hidden ; border-radius:2rem ; box-sizing:border-box ; margin-right:0.5rem ;
    background-color:#ffffff ; border:solid 1px rgba(0,0,0,0.1)
}
.KS12_table td.col1 , .KS12_table td.col2  { margin-bottom:0.5rem }
.KS12_table td.col2 > a { 
    font-size:2rem ; line-height:2.8rem ; padding-bottom:0.2rem ; font-weight:500 ; letter-spacing:-0.1rem }
 
.KS12_table td.col3 { margin-bottom:0.5rem }
.KS12_table td.col3 , .KS12_table td.col4 { display:block ; overflow:hidden ; font-size:1.6rem ; line-height:2.4rem }
.KS12_table td.col3 > span , .KS12_table td.col4 > span {float:left ; overflow:hidden ;}
 
.KS12_table td.col2 > a , .KS12_table td.col3 > span , .KS12_table td.col4 > span { word-break:keep-all }

.KS12_table tr , .KS12_table td , .KS12_table td a { transition:0.3s all }
.KS12_table tr:hover { border-bottom:solid 0.1rem rgba(0,0,0,0.4) ;}
.KS12_table tr:hover td.col1 { background-color:#5ea129 ; border-color:transparent ; color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ;}
.KS12_table tr:hover td.col2 > a { color:#5ea129 }
.KS12_table tr:hover td.col3 , .KS12_table tr:hover td.col4 { color:#111111 }

.KS12_table_guide { 
    font-size:1.4rem ; line-height:2rem ; 
    margin-bottom:1.5rem ; word-break:keep-all 
}





/* PC **********/
@media all and (min-width:1100px){
 
   /* TABLE */
   .KS12_table { max-width:110rem ; margin:auto }
   .KS12_table > table { border-top:solid 1px rgba(0,0,0,0.1)}
   .KS12_table thead { display:table-header-group }
   .KS12_table tr { display:table-row }
   .KS12_table td br { display:block }
   .KS12_table td , .KS12_table td.col1 , .KS12_table td.col2 , .KS12_table td.col3 , .KS12_table td.col4 { display:table-cell }
   .KS12_table tr , .KS12_table td ,
   .KS12_table td.col1 , .KS12_table td.col2 , .KS12_table td.col3 , .KS12_table td.col4 { 
        padding:0 ; margin:0 ; border:none ; border-radius:0 ; background:none }
    .KS12_table tr , .KS12_table td { vertical-align:middle }
    .KS12_table td.col1 , .KS12_table td.col2 , .KS12_table td.col3 { border-right:solid 1px rgba(0,0,0,0.1) }
    .KS12_table td.col1 , .KS12_table td.col2 , .KS12_table td.col3 , .KS12_table td.col4 { 
        font-size:1.6rem ; line-height:2.4rem ; font-weight:300 ;
        padding:1.5rem 0.5rem ;
    }
    .KS12_table tbody tr { border-bottom:solid 1px rgba(0,0,0,0.1) }
 
   .KS12_table thead th , .KS12_table tbody td { padding:0.7rem 0.3rem ; text-align:center }
   .KS12_table thead th { 
        font-size:1.4rem ; line-height:1.8rem ; position:relative ;
        border-bottom:solid 0.2rem #5ea129 ; padding:1rem 0.3rem 1.2rem }
    .KS12_table thead th::after { 
        display:block ; content:"" ; width:0.1rem ; height:1rem ;
        background-color:#000000 ; opacity:0.1 ;
        position:absolute ; right:0 ; top:50% ; transform:translateY(-50%) ;
    }
    .KS12_table thead th:last-child:after  { display:none }
 
    .KS12_table tr:hover , .KS12_table tr:hover td.col1 , .KS12_table tr:hover td.col2 > a ,
    .KS12_table tr:hover td.col3 , .KS12_table tr:hover td.col4 { background:none ; color:#111111 ; text-shadow:none }
    .KS12_table tr:hover td.col1 , .KS12_table tr:hover td.col2 { border-color:rgba(0,0,0,0.1) }
    .KS12_table tr td.col3 > span , .KS12_table tr td.col4 > span { 
        position:absolute ; font-size:0 ; color:transparent ; 
        display:block ; overflow:hidden ; width:0 ; height:0 ; padding:0 ; border:none ; margin:0
    }

    .KS12_table td.col2 { padding-left:1.5rem }
    .KS12_table td.col2 > a { display:block ; text-align:left } 
    .KS12_table td.col2 > a , .KS12_table tr:hover td.col2 > a  { 
        padding-left:2.6rem ; background:url(../img/icon_more.png) no-repeat 0 0.3rem ; background-size:1.8rem auto ;}
    .KS12_table tr:hover td.col2 > a { background-size:2.2rem auto ; color:#5ea129}
 
    .KS12_table .col1 { width:4rem } 
    .KS12_table .col3 { width:25rem }
    .KS12_table .col4 { width:20rem }
}