@charset "utf-8";

/* HISTORY */
.HIS_list { text-align:center ; display:flex ; flex-wrap:wrap ; justify-content:center } 
.HIS_list > li { 
    position:relative ;
    border:solid 1px rgba(0,0,0,0.1) ; box-sizing:border-box ; background-color:#ffffff ; border-radius:0.2rem ;
    overflow:hidden ; width:11.5rem  ; margin:0.7rem }
.HIS_box , .HIS_box_head , .HIS_box_head b , .HIS_box_head span ,
.HIS_box_body , .HIS_box_body , .HIS_box_body > b , .HIS_box > a { display:block ; overflow:hidden } 
.HIS_box_head b , .HIS_box_head span , .HIS_box_body , .HIS_box_body > b , .HIS_box > a { width:100% ; text-align:center }
.HIS_box_head b { 
    background-color:#012d6b ; padding:0.4rem 0 ; 
    font-size:0.7rem ; color:#ffffff ; line-height:0.9rem ; font-weight:400 }
.HIS_box_head > span { height:5.5rem ; background-repeat:no-repeat }
.HIS_box_body > b { 
    font-size:0.8rem ; line-height:1rem ; font-weight:500 ; word-break:keep-all ; 
    padding:0.4rem 0.4rem ; padding-bottom:0.6rem ; box-sizing:border-box }
.HIS_box > a { height:100% ; font-size:0 ; color:transparent ; position:absolute ; left:0 ; top:0 }

#y22 .HIS_box_head > span { background-image:url(../../history/KIIP_2022.jpg) }
#y21 .HIS_box_head > span { background-image:url(../../history/KIIP_2021.jpg) }
#y20 .HIS_box_head > span { background-image:url(../../history/KIIP_2020.jpg) }
#y19 .HIS_box_head > span { background-image:url(../../history/KIIP_2019.jpg) }
#y18 .HIS_box_head > span { background-image:url(../../history/KIIP_2018.jpg) }
#y17 .HIS_box_head > span { background-image:url(../../history/KIIP_2017.jpg) }
#y16 .HIS_box_head > span { background-image:url(../../history/KIIP_2016.jpg) }
#y15 .HIS_box_head > span { background-image:url(../../history/KIIP_2015.jpg) }
#y14 .HIS_box_head > span { background-image:url(../../history/KIIP_2014.jpg) }

.HIS_list > li , .HIS_box_head b { transition:0.3s all }
.HIS_list > li:hover { border-color:#7ac142 }
.HIS_list > li:hover .HIS_box_head b { background-color:#7ac142 ; text-shadow:0 0 2px rgba(0,0,0,0.2) ; }

.M12 .HIS_box_head > span { background-position:0 0 }
.M11 .HIS_box_head > span { background-position:-12rem 0 }
.M10 .HIS_box_head > span { background-position:-24rem 0 }
.M09 .HIS_box_head > span { background-position:-36rem 0 }

.M08 .HIS_box_head > span { background-position:0 -6rem }
.M07 .HIS_box_head > span { background-position:-12rem -6rem }
.M06 .HIS_box_head > span { background-position:-24rem -6rem }
.M05 .HIS_box_head > span { background-position:-36rem -6rem }

.M04 .HIS_box_head > span { background-position:0 -12rem }
.M03 .HIS_box_head > span { background-position:-12rem -12rem }
.M02 .HIS_box_head > span { background-position:-24rem -12rem }
.M01 .HIS_box_head > span { background-position:-36rem -12rem }





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

    /* VISUAL */
    .KS_visual_inner { height:25rem }

}