@charset "utf-8";
 
/* LIST */
.K13__list , .K13__list__body , .K13__list_title { width:100% ; box-sizing:border-box }  
.K13__list_title {
    font-size:2.2rem ; line-height:2.8rem ; color:#111111 ; font-weight:500 ;
    text-align:center ; letter-spacing:-0.2rem ;
    margin-bottom:2rem ;
}
.K13__list__head { display:none }
.K13__list__body { text-align:center }
.K13__LB__item { 
    display:inline-block ; margin:0.5rem ;
    border:solid 1px rgba(0,0,0,0.1) ; box-sizing:border-box ;
    border-radius:2rem ; position:relative ;
    padding:0.8rem 5rem 1rem 2rem
}
.K13__LB__title::before , .K13__LB__point::before { 
    font-size:0 ; color:transparent ; 
    display:block ; overflow:hidden ; width:0 ; height:0 ; 
    position:absolute ; left:0 ; top:0
}
.K13__LB__title::before { content:"키워드" }
.K13__LB__point::before { content:"상대적 중요도" }
.K13__LB__title , .K13__LB__point { font-size:1.8rem ; line-height:2.2rem ; text-align:center }
.K13__LB__point { 
    width:4rem ; height:4rem ; display:block ; overflow:hidden ;
    background-color:#444444 ; border-radius:100% ; box-sizing:border-box ; 
    padding-top:0.8rem ; position:absolute ; right:-1px ; top:0 ;
    color:#ffffff
}



/* IMG */
#K13__img1 { max-width:72rem ; padding-top:4rem }
#K13__map1 , #K13__map2 { max-width:90rem }
#K13__map1 { margin-bottom:8rem }


 


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

    /* LIST */
    .K13__list__head { 
        display:block ; overflow:hidden ; width:100% ; box-sizing:border-box ;
        border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.6rem ;
        margin-bottom:1rem ; padding:1.3rem 1% 1.5rem 1% ;
        position:relative
    }
    .K13__list__head::after {
        display:block ; content:"" ; width:100% ; height:0.2rem ;
        background-color:#67b828 ;
        position:absolute ; left:0 ; bottom:0 ;
    }
    .K13__list__th { 
        display:block ; float:left ; position:relative ;
        font-size:1.4rem ; line-height:2rem ; text-align:center ; font-weight:500 ;
    } 
    .K13__list__th:nth-child(1) , .K13__list__th:nth-child(3) { width:29% } 
    .K13__list__th:nth-child(2) , .K13__list__th:nth-child(4) { width:21% }
    .K13__list__th::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%) 
    }
    .K13__list__th:last-child:after { display:none } 
 
    .K13__list__body , .K13__LB__item { width:100% ; box-sizing:border-box }
    .K13__list__body { 
        padding:0.5rem 1% ; overflow:hidden ;
        border-radius:0.6rem ; border:solid 1px rgba(0,0,0,0.1)
    }
    .K13__LB__left , .K13__LB__right { display:block ; float:left }
    .K13__LB__left  { width:50% }
    .K13__LB__right { width:50% }


    .K13__LB__item { 
        border:none ; border-radius:0 ; display:block ; overflow:hidden ;
        margin:0 ; padding:0 ;
    }
    .K13__LB__title , .K13__LB__point { 
        position:static ; display:block ; box-sizing:border-box ; height:auto ;
        float:left ; padding:0.7rem ; margin:0 ; border-radius:0 ; 
        background:none ; transition:none ;
        font-size:1.8rem ; line-height:2.8rem ; color:#444444 ; text-align:center ;
        border-bottom:solid 1px rgba(0,0,0,0.1) ;
    }
    .K13__LB__title { width:58% ; position: relative }
    .K13__LB__point { width:42% }
    .K13__LB__item:last-child .K13__LB__title , .K13__LB__item:last-child .K13__LB__point { border-color:rgba(0,0,0,0) }
    .K13__LB__left .K13__LB__point::after ,
    .K13__LB__title::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%) ;
    } 
    .K13__LB__item:hover .K13__LB__title , .K13__LB__item:hover .K13__LB__point {
        border-color:rgba(0,0,0,0.4) ; color:#111111
    }



    /* TABLE */
    #K13__table1 col:nth-child(1) , #K13__table1 col:nth-child(2) { width:25% }
}