@charset "utf-8";

/* VISUAL */
.visual , .visual::before , .visual_box { width:100% ; box-sizing:border-box }
.visual { 
    overflow:hidden ;
    height:30rem ; margin-bottom:5rem ; position:relative ;
    background:no-repeat center ; background-size:cover 
}  
#KIIP11 .visual { background-image:url(../img_sub/K11_visual_MB.jpg) }
#KIIP12 .visual { background-image:url(../img_sub/K12_visual_MB.jpg) }
#KIIP13 .visual { background-image:url(../img_sub/K13_visual_MB.jpg) }
#KIIP14 .visual { background-image:url(../img_sub/K14_visual_MB.jpg) }
#KIIP15 .visual { background-image:url(../img_sub/K15_visual_MB.jpg) }

#KIIP21 .visual { background-image:url(../img_sub/K21_visual_MB.jpg) }
#KIIP22 .visual { background-image:url(../img_sub/K22_visual_MB.jpg) }
#KIIP23 .visual { background-image:url(../img_sub/K23_visual_MB.jpg) }
#KIIP24 .visual { background-image:url(../img_sub/K24_visual_MB.jpg) }
#KIIP25 .visual { background-image:url(../img_sub/K25_visual_MB.jpg) }

#KIIP31 .visual { background-image:url(../img_sub/K31_visual_MB.jpg) }
#KIIP32 .visual { background-image:url(../img_sub/K32_visual_MB.jpg) }
#KIIP33 .visual { background-image:url(../img_sub/K33_visual_MB.jpg) }
#KIIP34 .visual { background-image:url(../img_sub/K34_visual_MB.jpg) }
#KIIP35 .visual { background-image:url(../img_sub/K35_visual_MB.jpg) }

#KIIP41 .visual { background-image:url(../img_sub/K41_visual_MB.jpg) }
#KIIP42 .visual { background-image:url(../img_sub/K42_visual_MB.jpg) }
#KIIP43 .visual { background-image:url(../img_sub/K43_visual_MB.jpg) }
#KIIP44 .visual { background-image:url(../img_sub/K44_visual_MB.jpg) }
#KIIP45 .visual { background-image:url(../img_sub/K45_visual_MB.jpg) }

#KIIP51 .visual { background-image:url(../img_sub/K51_visual_MB.jpg) }
#KIIP52 .visual { background-image:url(../img_sub/K52_visual_MB.jpg) }
#KIIP53 .visual { background-image:url(../img_sub/K53_visual_MB.jpg) }
#KIIP54 .visual { background-image:url(../img_sub/K54_visual_MB.jpg) }
#KIIP55 .visual { background-image:url(../img_sub/K55_visual_MB.jpg) }

.visual::before , .visual_box {
    position:absolute ; left:50% ; top:50% ; 
    transform:translate(-50%,-50%) ; 
}
.visual::before {
    height:100% ; display:block ; content:"" ;
    background-color:rgba(0,0,0,0.5) ;
}
.visual_box { padding:0 2rem ; text-align:center }
.breadcrumbs , .BC_deep1 , .BC_deep2 , .BC_rel { display:inline-block }
.BC_deep1 , .BC_deep2 , .visual_title , .visual_write { color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ; word-break:keep-all }
.breadcrumbs { margin-bottom:2rem }
.BC_deep1 , .BC_deep2 { font-size:1.4rem ; line-height:1.8rem ; position:relative ; padding-bottom:0.4rem }
.BC_rel { width:1.8rem ; height:1.8rem }
.BC_deep1 , .BC_rel { position:relative }
.BC_deep2 { font-weight:600 }
.BC_rel::before , .BC_deep1::before , .BC_deep2::before { display:block ; content:"" ; position:absolute }
.BC_deep1::before , .BC_deep2::before {
    width:100% ; height:0.2rem ; background-color:#67b828 ;
    left:0 ; bottom:0 ;
}
.BC_rel::before { 
    width:0.6rem ; height:0.6rem ; border:solid 0.1rem #ffffff ; 
    border-left:none ; border-bottom:none ; opacity:0.8 ;
    top:55% ; left:40% ; transform:translate(-50%,-50%) rotate(45deg) ;
}
.visual_title { font-weight:600 ; font-size:3rem ; line-height:4rem }
.visual_title > br { display:none }
.visual_write { 
    display:block ; padding-top:3rem ;
    font-size:1.6rem ; line-height:2.4rem }



/* CONTENT */
.article , .content , .sub { width:100% ; box-sizing:border-box }
.content { max-width:130rem ; margin:0 auto 2rem ; padding:0 2rem }
.sub { max-width:110rem ; margin:0 auto 8rem }
.sub .sub { margin-bottom:6rem }
.sub_p , .note__item { font-size:1.8rem ; line-height:3rem ; text-align:justify ; color:#444444 }
.sub_p { margin-bottom:2rem }
.sub .sub:last-child , .sub_p:last-child { margin-bottom:0rem }
.lang { font-size:inherit ; line-height:inherit ; font-weight:inherit ; color:inherit ; text-decoration:inherit }
.sub_p a:hover , .sub_p:focus { text-decoration:underline } 


/* OTHER ARTICLE */
.other , .other__title , .other__list , .other__item , .other__item__link { width:100% ; box-sizing:border-box }
.other { 
    max-width:130rem ; 
    padding:0 2rem ; margin:0 auto 5rem ;
}
.other__item__img { display:none }
.other__title {
    font-size:2rem ; line-height:2.6rem ; color:#111111 ; font-weight:600 ;    
    padding-top:1rem ; margin-bottom:2rem ;
    border-top:solid 0.2rem #111111 ;
}
.other__list { 
    border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.6rem ; overflow:hidden ;
    padding:1.5rem ;
}
.other__item__link , .other__item__tag , .other__item__title , .other__item__link::after { transition:0.3s all }
.other__item__link  {
    display:block ; border-bottom:solid 1px rgba(0,0,0,0.1) ;
    padding:1rem 0 ; position:relative ;
} 
.other__item__link::after {  
    display:block ; overflow:hidden ; content:"" ; width:0 ; height:0.2rem ;
    background-color:#67b828 ;
    position:absolute ; left:0 ; bottom:-1px
}
.other__item:last-child .other__item__link { border-color:rgba(0,0,0,0) }
.other__item__tag , .other__item__title { display:inline-block ; word-break:keep-all }
.other__item__tag   {  
    font-size:1.2rem ; line-height:1.6rem ; color:#ffffff ; font-weight:500 ;
    text-shadow:0 0 0.3rem rgba(0,0,0,0.2) ;
    background-color:#444444 ; overflow:hidden ; border-radius:2rem ;
    padding:0.4rem 1rem 0.6rem ; margin-right:0.5rem
}
.other__item__title { font-size:1.8rem ; line-height:2.6rem ; font-weight:500 } 
.other__item__title > br { display:none }

#KIIP11 .item11::after , #KIIP12 .item12::after , #KIIP13 .item13::after , #KIIP14 .item14::after , #KIIP15 .item15::after ,
#KIIP21 .item21::after , #KIIP22 .item22::after , #KIIP23 .item23::after , #KIIP24 .item24::after , #KIIP25 .item25::after ,
#KIIP31 .item31::after , #KIIP32 .item32::after , #KIIP33 .item33::after , #KIIP34 .item34::after , #KIIP35 .item35::after ,
#KIIP41 .item41::after , #KIIP42 .item42::after , #KIIP43 .item43::after , #KIIP44 .item44::after , #KIIP45 .item45::after ,
#KIIP51 .item51::after , #KIIP52 .item52::after , #KIIP53 .item53::after , #KIIP54 .item54::after , #KIIP55 .item55::after ,
.other__item__link:hover::after , .other__item__link:focus::after { width:100% }

#KIIP11 .item11 .other__item__tag , #KIIP12 .item12 .other__item__tag , #KIIP13 .item13 .other__item__tag , #KIIP14 .item14 .other__item__tag , #KIIP15 .item15 .other__item__tag ,
#KIIP21 .item21 .other__item__tag , #KIIP22 .item22 .other__item__tag , #KIIP23 .item23 .other__item__tag , #KIIP24 .item24 .other__item__tag , #KIIP25 .item25 .other__item__tag ,
#KIIP31 .item31 .other__item__tag , #KIIP32 .item32 .other__item__tag , #KIIP33 .item33 .other__item__tag , #KIIP34 .item34 .other__item__tag , #KIIP35 .item35 .other__item__tag ,
#KIIP41 .item41 .other__item__tag , #KIIP42 .item42 .other__item__tag , #KIIP43 .item43 .other__item__tag , #KIIP44 .item44 .other__item__tag , #KIIP45 .item45 .other__item__tag ,
#KIIP51 .item51 .other__item__tag , #KIIP52 .item52 .other__item__tag , #KIIP53 .item53 .other__item__tag , #KIIP54 .item54 .other__item__tag , #KIIP55 .item55 .other__item__tag ,
.other__item__link:hover .other__item__tag , .other__item__link:focus .other__item__tag { background-color:#67b828 }

#KIIP11 .item11 .other__item__title , #KIIP12 .item12 .other__item__title , #KIIP13 .item13 .other__item__title , #KIIP14 .item14 .other__item__title , #KIIP15 .item15 .other__item__title ,
#KIIP21 .item21 .other__item__title , #KIIP22 .item22 .other__item__title , #KIIP23 .item23 .other__item__title , #KIIP24 .item24 .other__item__title , #KIIP25 .item25 .other__item__title ,
#KIIP31 .item31 .other__item__title , #KIIP32 .item32 .other__item__title , #KIIP33 .item33 .other__item__title , #KIIP34 .item34 .other__item__title , #KIIP35 .item35 .other__item__title ,
#KIIP41 .item41 .other__item__title , #KIIP42 .item42 .other__item__title , #KIIP43 .item43 .other__item__title , #KIIP44 .item44 .other__item__title , #KIIP45 .item45 .other__item__title ,
#KIIP51 .item51 .other__item__title , #KIIP52 .item52 .other__item__title , #KIIP53 .item53 .other__item__title , #KIIP54 .item54 .other__item__title , #KIIP55 .item55 .other__item__title ,
.other__item__link:hover .other__item__title , .other__item__link:focus .other__item__title { color:#000000 }

.other__btn { display:none }



/* ACC */
.ACC , .ACC__guide , .ACC__inner , .ACC__item , .ACC__item__header , .ACC__item__body , .ACC__item__box { width:100% ; box-sizing:border-box }
.ACC , .ACC__item , .ACC__item__header  { position:relative }
.ACC { margin-bottom:6rem }
.ACC:last-child { margin-bottom:0 }
.ACC__inner { border-top:solid 1px rgba(0,0,0,0.1) }
.ACC__title { 
    font-size:2.2rem ; line-height:2.6rem ; font-weight:600 ; color:#111111 ; letter-spacing:-0.1rem ; 
    margin-bottom:1rem ; overflow:hidden ;
    word-break:keep-all ;
}
.ACC__title > b {
    display:block ; border-radius:3rem ; padding:0.2rem 1.5rem 0.4rem ;
    font-size:1.6rem ; line-height:2rem ; color:#ffffff ; font-weight:600 ;
    background-color:#67b828 ; 
    float:left ; margin:0.2rem 0.7rem 0 0
}
.ACC__guide { 
    border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.6rem ;
    font-size:1.4rem ; line-height:2rem  ;
    padding:0.5rem 1.5rem 0.7rem ; margin-bottom:2rem 
}

.ACC__item__header { border-bottom:solid 1px rgba(0,0,0,0.1) ; padding:1rem 2rem 1.2rem 0 }
.show .ACC__item__header { border-style:dashed }
.ACC__item__header::before {
    display:block ; content:"" ; width:0 ; height:2px ;
    background-color:#67b828 ;
    position:absolute ; left:0 ; top:-1px ;
    transition:0.3s all ;
}
.ACC__item:hover .ACC__item__header::before ,
.show .ACC__item__header::before  { width:100% }
.ACC__item__body , .ACC__item__body::before , .ACC__item:last-child .ACC__item__body::after ,
.ACC__item__num { transition:0.3s all }
.ACC__item__num {
    width:2.4rem ; height:2.4rem ; display:inline-block; overflow:hidden ; box-sizing:border-box ;
    background-color:#111111 ; border-radius:100% ; padding-top:0.3rem ; 
    font-size:1.4rem ; line-height:1.8rem ; color:#ffffff ; font-weight:bold ; text-align:center ;
    text-shadow:0 0 0.3rem rgba(0,0,0,0.2) 
}
.show .ACC__item__num { background-color:#67b828 } 
.ACC__item__title {
    display:inline ;  word-break:keep-all ;
    font-size:2rem ; line-height:2.6rem ; font-weight:500 ; letter-spacing:-0.1rem ;
}
.ACC__item__title br { display:none } 
.ACC__item__body , .ACC__item__body::before , .ACC__item:last-child .ACC__item__body::after { opacity:0 }
.ACC__item__body { padding:0 1rem ; height:0 ; overflow:hidden }
.show .ACC__item__body { 
    padding:4rem 1rem 2rem ; height:auto ;
    border-bottom:solid 1px rgba(0,0,0,0.1)
}
.show .ACC__item__body  { opacity:1 } 

.ACC__item__open {
    width:100% ; height:100% ; display:block ; 
    position:absolute ; left:0 ; top:0
}
.ACC__item__open > span , .ACC__item__close > span { font-size:0 ; color:transparent } 
.ACC__item__open::before {
    width:0.5rem ; height:0.5rem ; display:block ; content:"" ;
    border:solid 0.2rem #666666 ; border-top:none ; border-left:none ;
    position:absolute ; right:0.5rem ; top:2.2rem ;
    transform:translate(-50%,-50%) rotate(45deg) ;
    transition:0.3s all ;
} 
.ACC__item__open:hover:before , .ACC__item__open:focus:before {
    border-color:#67b828 ;
    transform:translate(-50%,-50%) rotate(225deg) ;
    top:2.4rem ;
}
.ACC__item__close , .ACC__item__close::before , .ACC__item__close::after { transition:0.3s all }
.ACC__item__close {
    display:block ; overflow:hidden ; width:3rem ; height:3rem ;
    position:relative ; margin:1rem auto ; opacity:0.3 ;
    font-size:0 ; color:transparent
}
.ACC__item__close::before , .ACC__item__close::after {
    display:block ; content:"" ; width:2.2rem ; height:0.2rem ;
    background-color:#000000 ; 
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
.ACC__item__close::before { transform:translate(-50%,-50%) rotate(45deg) }
.ACC__item__close::after  { transform:translate(-50%,-50%) rotate(-45deg) }
.ACC__item__close:hover , .ACC__item__close:focus { opacity:1 }
.ACC__item__close:hover::before , .ACC__item__close:focus::before { transform:translate(-50%,-50%) rotate(135deg) }
.ACC__item__close:hover::after , .ACC__item__close:focus::after   { transform:translate(-50%,-50%) rotate(45deg) }



/* BUTTON */
.btns__box { 
    width:100% ; box-sizing:border-box ; padding:1rem ;
    font-size:0 ; text-align:center
}
.btn {
    display:inline-block ; overflow:hidden ; border-radius:0.4rem ;
    margin:0.5rem ; padding:1.3rem 3rem 1.5rem ; 
    font-size:1.8rem ; line-height:2.2rem ; font-weight:500 ;
    border:solid 1px rgba(0,0,0,0.1) ; position:relative ;
}
.btn , .btn::before { transition:0.3s all }
.btn::before {
    width:100% ; height:100% ; display:block ; content:"" ;
    background:linear-gradient(#67b828,#73be38) ;
    position:absolute ; left:0 ; top:95% ; z-index:-1 ;
}

.btn:hover , .btn:focus {
    color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ;
    box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0.3) ;
    border-color:#67b828
}
.btn:hover::before , .btn:focus::before { top:0 }



/* NOTE */
.note , .note__title , .note__list , .note__item { width:100% ; box-sizing:border-box }
.note { 
    padding:1.5rem 2rem ; border-radius:0.6rem ;
    border:solid 1px rgba(0,0,0,0.1) ; background-color:rgba(0,0,0,0.05) ;
    margin:3rem 0
}
.note:last-child { margin-bottom:0 }
.note__title { 
    font-size:2.2rem ; line-height:3rem ; font-weight:500 ; color:#111111 ;
    letter-spacing:-0.1rem ;
    padding-bottom:1rem ; margin-bottom:1.5rem ; border-bottom:solid 1px rgba(0,0,0,0.1) ; 
}
.note__item { margin-bottom:1rem }
.note__item:last-child { margin-bottom:0 }
.note__item a:hover , .note__item:focus { text-decoration:underline }
.note__sup { 
    font-size:1.4rem ; line-height:inherit ; margin-right:0.2rem ; color:inherit ;
    position:relative ; top:-0.2rem
}



/* RESPONSIVE TABLE */ 
.res__table , .res__table table { width:100% ; box-sizing:border-box }
.res__table { padding-top:4rem ; overflow:auto ; margin-bottom:5rem }
.res__table:last-child { margin-bottom:0 } 
.res__table table { border:0 ; border-collapse:collapse ; border-spacing:0 }
.res__title , .img__caption { text-align:center ; padding-bottom:2rem }
.res__title > b , .img__caption > b {
    display:inline-block ; overflow:hidden ; border-radius:0.4rem ;
    font-size:1.2rem ; line-height:1.6rem ; color:#ffffff ; font-weight:500 ;
    background-color:#111111 ;  
    padding:0.1rem 1rem 0.3rem  ; margin:0.6rem 0.7rem 0 0 ; 
}
.res__title > span , .img__caption > span { 
    font-size:2.2rem ; line-height:2.8rem ; color:#111111 ; font-weight:500 ;
    letter-spacing:-0.1rem ; word-break:keep-all  
}
.res__table th ,  .res__table td { 
    font-size:1.8rem ; line-height:3rem ; text-align:center ;
    padding:0.7rem 0.5rem 0.9rem ; border:solid 1px #d7d7d7 ;
    vertical-align:middle  
}

.res__table thead th { background-color:rgba(0,0,0,0.05) ; color:#111111 }
.img__txt__caption { 
    font-size:1.8rem ; line-height:2.8rem ; padding:0.5rem 0 0.7rem ; text-align:center ;
    border-bottom:solid 1px rgba(0,0,0,0.1) ;
}




/* IMAGE */
.img , .img img { width:100% }
.img { margin:0 auto 4rem ; max-width:80rem }
.img:last-child { margin-bottom:0 }
.img img { border-radius:0.4rem }



/* ETC */
.K__p { font-size:1.8rem ; line-height:3rem ; text-align:justify } 




/* PC **********/
@media all and (min-width:1100px){
 
    /* VISUAL */
    .visual { 
        max-width:130rem ; height:40rem ; margin:0 auto 7rem ;
        border-radius:1rem ;
    }
    .visual::before , .visual_box {
        width:45% ; transform:none ; border-radius:0.8rem 0 0 0.8rem ;
        left:auto ; top:auto ; right:0 ; bottom:0 } 

    #KIIP11 .visual { background-image:url(../img_sub/K11_visual.jpg) }
    #KIIP12 .visual { background-image:url(../img_sub/K12_visual.jpg) }
    #KIIP13 .visual { background-image:url(../img_sub/K13_visual.jpg) }
    #KIIP14 .visual { background-image:url(../img_sub/K14_visual.jpg) }
    #KIIP15 .visual { background-image:url(../img_sub/K15_visual.jpg) }
    
    #KIIP21 .visual { background-image:url(../img_sub/K21_visual.jpg) }
    #KIIP22 .visual { background-image:url(../img_sub/K22_visual.jpg) }
    #KIIP23 .visual { background-image:url(../img_sub/K23_visual.jpg) }
    #KIIP24 .visual { background-image:url(../img_sub/K24_visual.jpg) }
    #KIIP25 .visual { background-image:url(../img_sub/K25_visual.jpg) }
    
    #KIIP31 .visual { background-image:url(../img_sub/K31_visual.jpg) }
    #KIIP32 .visual { background-image:url(../img_sub/K32_visual.jpg) }
    #KIIP33 .visual { background-image:url(../img_sub/K33_visual.jpg) }
    #KIIP34 .visual { background-image:url(../img_sub/K34_visual.jpg) }
    #KIIP35 .visual { background-image:url(../img_sub/K35_visual.jpg) }
    
    #KIIP41 .visual { background-image:url(../img_sub/K41_visual.jpg) }
    #KIIP42 .visual { background-image:url(../img_sub/K42_visual.jpg) }
    #KIIP43 .visual { background-image:url(../img_sub/K43_visual.jpg) }
    #KIIP44 .visual { background-image:url(../img_sub/K44_visual.jpg) }
    #KIIP45 .visual { background-image:url(../img_sub/K45_visual.jpg) }
    
    #KIIP51 .visual { background-image:url(../img_sub/K51_visual.jpg) }
    #KIIP52 .visual { background-image:url(../img_sub/K52_visual.jpg) }
    #KIIP53 .visual { background-image:url(../img_sub/K53_visual.jpg) }
    #KIIP54 .visual { background-image:url(../img_sub/K54_visual.jpg) }
    #KIIP55 .visual { background-image:url(../img_sub/K55_visual.jpg) }

    .visual_box  { 
        box-sizing:border-box ; padding:0rem 3rem 5rem 4rem ;
        text-align:left ;
    }
    .breadcrumbs { position:relative }
    .breadcrumbs::before { 
        display:block ; content:"" ; width:100% ; height:0.2rem ;
        background-color:#67b828 ;
        position:absolute ; left:0 ; bottom:0 ;
    }
    .BC_deep1::before , .BC_deep2::before  { display:none }
    .BC_deep1 , .BC_deep2 { font-size:2rem ; line-height:2.4rem }
    .BC_rel { width:2.4rem ; height:2.4rem }
    .visual_title { font-size:4rem ; line-height:5.6rem ; letter-spacing:-0.2rem ; margin-bottom:4rem }
    .visual_title > br { display:block }
    .visual_write { font-size:1.8rem ; line-height:2.6rem ; padding:0 ; }
     


    /* OTHER ARTICLE */
    .other { 
        padding:0 ; position:relative ; overflow:hidden ;
        height:34rem ; transition:0.3s height ;
    }
    .other.ortherOpen { height:57rem }
    .other__title , .other__list { position:absolute ; left:0 }
    .other__title { 
        padding:1.5rem 0 1rem 0.5rem ; background-color:#ffffff ; 
        top:0 ; z-index:5 
    }
    .other__list { 
        border:none ; border-radius:0 ; padding:0 ; overflow:hidden ; 
        font-size:0 ; text-align:center ; transition:0.3s all ;
        top:6rem ; z-index:4 ; height:46rem
    } 
    #KIIP23 .other__list , #KIIP31 .other__list , #KIIP32 .other__list , #KIIP41 .other__list , #KIIP42 .other__list { top:-18rem }

    .other__item { width:19.2% ; position:absolute ; margin:0 ; background-color:#ffffff }
    .other__item:nth-child(1) , .other__item:nth-child(2) , .other__item:nth-child(3) , 
    .other__item:nth-child(4) , .other__item:nth-child(5) { top:0 }

    .other__item:nth-child(6) , .other__item:nth-child(7) , .other__item:nth-child(8) , 
    .other__item:nth-child(9) , .other__item:nth-child(10) { bottom:0 }
    
    .other__item:nth-child(1) , .other__item:nth-child(6)  { left:0% }
    .other__item:nth-child(2) , .other__item:nth-child(7)  { left:20.2% }
    .other__item:nth-child(3) , .other__item:nth-child(8)  { left:40.4% }
    .other__item:nth-child(4) , .other__item:nth-child(9)  { left:60.6% }
    .other__item:nth-child(5) , .other__item:nth-child(10) { left:80.8% }

    .other__item__link { height:22rem ; padding:0 ; border:0 ; text-align:left }
    .other__item__link::after { display:none }
    .other__item__img , .other__item__img::before , .other__item__tag::after { transition:0.3s all }
    .other__item__img , .other__item__img::after { border-radius:0.6rem }
    .other__item__img {
        display:block ; overflow:hidden ; width:100% ; height:11rem ; 
        position:relative ;
        background:no-repeat center ; background-size:cover 
    }
    .other__item__img::before , .other__item__img::after { 
        display:block ; content:"" ; width:100% ; height:100% ; box-sizing:border-box ;
        position:absolute ; left:0 ; top:0
    } 
    .other__item__img::before { background-color:rgba(0,0,0,0.1) }
    .other__item__img::after  { border:solid 1px rgba(0,0,0,0.1) }

    .item11 .other__item__img { background-image:url(../img_thum/thum11.jpg) }
    .item12 .other__item__img { background-image:url(../img_thum/thum12.jpg) }
    .item13 .other__item__img { background-image:url(../img_thum/thum13.jpg) }
    .item14 .other__item__img { background-image:url(../img_thum/thum14.jpg) }
    .item15 .other__item__img { background-image:url(../img_thum/thum15.jpg) }

    .item21 .other__item__img { background-image:url(../img_thum/thum21.jpg) }
    .item22 .other__item__img { background-image:url(../img_thum/thum22.jpg) }
    .item23 .other__item__img { background-image:url(../img_thum/thum23.jpg) }
    .item24 .other__item__img { background-image:url(../img_thum/thum24.jpg) }
    .item25 .other__item__img { background-image:url(../img_thum/thum25.jpg) }

    .item31 .other__item__img { background-image:url(../img_thum/thum31.jpg) }
    .item32 .other__item__img { background-image:url(../img_thum/thum32.jpg) }
    .item33 .other__item__img { background-image:url(../img_thum/thum33.jpg) }
    .item34 .other__item__img { background-image:url(../img_thum/thum34.jpg) }
    .item35 .other__item__img { background-image:url(../img_thum/thum35.jpg) }

    .item41 .other__item__img { background-image:url(../img_thum/thum41.jpg) }
    .item42 .other__item__img { background-image:url(../img_thum/thum42.jpg) }
    .item43 .other__item__img { background-image:url(../img_thum/thum43.jpg) }
    .item44 .other__item__img { background-image:url(../img_thum/thum44.jpg) }
    .item45 .other__item__img { background-image:url(../img_thum/thum45.jpg) }

    .item51 .other__item__img { background-image:url(../img_thum/thum51.jpg) }
    .item52 .other__item__img { background-image:url(../img_thum/thum52.jpg) }
    .item53 .other__item__img { background-image:url(../img_thum/thum53.jpg) }
    .item54 .other__item__img { background-image:url(../img_thum/thum54.jpg) }
    .item55 .other__item__img { background-image:url(../img_thum/thum55.jpg) }

    .other__item__tag , .other__item__title { position:absolute ; left:1rem  }
    .other__item__tag {
        padding:0 ; border-radius:0 ; background:none ; text-shadow:none ;
        font-size:1.2rem ; line-height:2rem ; color:#444444 ; font-weight:500 ;
        top:12rem ; padding-bottom:0.4rem ;
    }
    .other__item__title {
        top:15rem ; display:block ; width:22rem ;
        font-size:1.8rem ; line-height:2.2rem ; font-weight:500 ;
        letter-spacing:-0.1rem ;
    }  
 
    .other__item__title > br { display:block }  
    .other__item__link.item12 .other__item__title > br { display:none } 

    #KIIP11 .item11 .other__item__tag , #KIIP12 .item12 .other__item__tag , #KIIP13 .item13 .other__item__tag , #KIIP14 .item14 .other__item__tag , #KIIP15 .item15 .other__item__tag ,
    #KIIP21 .item21 .other__item__tag , #KIIP22 .item22 .other__item__tag , #KIIP23 .item23 .other__item__tag , #KIIP24 .item24 .other__item__tag , #KIIP25 .item25 .other__item__tag ,
    #KIIP31 .item31 .other__item__tag , #KIIP32 .item32 .other__item__tag , #KIIP33 .item33 .other__item__tag , #KIIP34 .item34 .other__item__tag , #KIIP35 .item35 .other__item__tag ,
    #KIIP41 .item41 .other__item__tag , #KIIP42 .item42 .other__item__tag , #KIIP43 .item43 .other__item__tag , #KIIP44 .item44 .other__item__tag , #KIIP45 .item45 .other__item__tag ,
    #KIIP51 .item51 .other__item__tag , #KIIP52 .item52 .other__item__tag , #KIIP53 .item53 .other__item__tag , #KIIP54 .item54 .other__item__tag , #KIIP55 .item55 .other__item__tag ,
    .other__item__link:hover .other__item__tag , .other__item__link:focus .other__item__tag ,
    #KIIP11 .item11 .other__item__title , #KIIP12 .item12 .other__item__title , #KIIP13 .item13 .other__item__title , #KIIP14 .item14 .other__item__title , #KIIP15 .item15 .other__item__title ,
    #KIIP21 .item21 .other__item__title , #KIIP22 .item22 .other__item__title , #KIIP23 .item23 .other__item__title , #KIIP24 .item24 .other__item__title , #KIIP25 .item25 .other__item__title ,
    #KIIP31 .item31 .other__item__title , #KIIP32 .item32 .other__item__title , #KIIP33 .item33 .other__item__title , #KIIP34 .item34 .other__item__title , #KIIP35 .item35 .other__item__title ,
    #KIIP41 .item41 .other__item__title , #KIIP42 .item42 .other__item__title , #KIIP43 .item43 .other__item__title , #KIIP44 .item44 .other__item__title , #KIIP45 .item45 .other__item__title ,
    #KIIP51 .item51 .other__item__title , #KIIP52 .item52 .other__item__title , #KIIP53 .item53 .other__item__title , #KIIP54 .item54 .other__item__title , #KIIP55 .item55 .other__item__title ,
    .other__item__link:hover .other__item__title , .other__item__link:focus .other__item__title { background:none ; color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) }

    .other__item__tag::after {
        display:block ; overflow:hidden ; content:"" ; width:0 ; height:0.2rem ;
        background-color:#67b828 ;  
        position:absolute ; left:0 ; bottom:0rem ;
    }

    #KIIP11 .item11 .other__item__tag::after , #KIIP12 .item12 .other__item__tag::after , #KIIP13 .item13 .other__item__tag::after , #KIIP14 .item14 .other__item__tag::after , #KIIP15 .item15 .other__item__tag::after ,
    #KIIP21 .item21 .other__item__tag::after , #KIIP22 .item22 .other__item__tag::after , #KIIP23 .item23 .other__item__tag::after , #KIIP24 .item24 .other__item__tag::after , #KIIP25 .item25 .other__item__tag::after ,
    #KIIP31 .item31 .other__item__tag::after , #KIIP32 .item32 .other__item__tag::after , #KIIP33 .item33 .other__item__tag::after , #KIIP34 .item34 .other__item__tag::after , #KIIP35 .item35 .other__item__tag::after ,
    #KIIP41 .item41 .other__item__tag::after , #KIIP42 .item42 .other__item__tag::after , #KIIP43 .item43 .other__item__tag::after , #KIIP44 .item44 .other__item__tag::after , #KIIP45 .item45 .other__item__tag::after ,
    #KIIP51 .item51 .other__item__tag::after , #KIIP52 .item52 .other__item__tag::after , #KIIP53 .item53 .other__item__tag::after , #KIIP54 .item54 .other__item__tag::after , #KIIP55 .item55 .other__item__tag::after ,
    .other__item__link:hover .other__item__tag::after , .other__item__link:focus .other__item__tag::after { width:100% }
     
    #KIIP11 .item11 .other__item__img , #KIIP12 .item12 .other__item__img , #KIIP13 .item13 .other__item__img , #KIIP14 .item14 .other__item__img , #KIIP15 .item15 .other__item__img ,
    #KIIP21 .item21 .other__item__img , #KIIP22 .item22 .other__item__img , #KIIP23 .item23 .other__item__img , #KIIP24 .item24 .other__item__img , #KIIP25 .item25 .other__item__img ,
    #KIIP31 .item31 .other__item__img , #KIIP32 .item32 .other__item__img , #KIIP33 .item33 .other__item__img , #KIIP34 .item34 .other__item__img , #KIIP35 .item35 .other__item__img ,
    #KIIP41 .item41 .other__item__img , #KIIP42 .item42 .other__item__img , #KIIP43 .item43 .other__item__img , #KIIP44 .item44 .other__item__img , #KIIP45 .item45 .other__item__img ,
    #KIIP51 .item51 .other__item__img , #KIIP52 .item52 .other__item__img , #KIIP53 .item53 .other__item__img , #KIIP54 .item54 .other__item__img , #KIIP55 .item55 .other__item__img ,
    .other__item__link:hover .other__item__img , .other__item__link:focus .other__item__img { height:100% }

    #KIIP11 .item11 .other__item__img::before , #KIIP12 .item12 .other__item__img::before , #KIIP13 .item13 .other__item__img::before , #KIIP14 .item14 .other__item__img::before , #KIIP15 .item15 .other__item__img::before ,
    #KIIP21 .item21 .other__item__img::before , #KIIP22 .item22 .other__item__img::before , #KIIP23 .item23 .other__item__img::before , #KIIP24 .item24 .other__item__img::before , #KIIP25 .item25 .other__item__img::before ,
    #KIIP31 .item31 .other__item__img::before , #KIIP32 .item32 .other__item__img::before , #KIIP33 .item33 .other__item__img::before , #KIIP34 .item34 .other__item__img::before , #KIIP35 .item35 .other__item__img::before ,
    #KIIP41 .item41 .other__item__img::before , #KIIP42 .item42 .other__item__img::before , #KIIP43 .item43 .other__item__img::before , #KIIP44 .item44 .other__item__img::before , #KIIP45 .item45 .other__item__img::before ,
    #KIIP51 .item51 .other__item__img::before , #KIIP52 .item52 .other__item__img::before , #KIIP53 .item53 .other__item__img::before , #KIIP54 .item54 .other__item__img::before , #KIIP55 .item55 .other__item__img::before ,
    .other__item__link:hover .other__item__img::before , .other__item__link:focus .other__item__img::before { background-color:rgba(0,0,0,0.5) }  
    

    .other__btn {
        display:block ; width:100% ; height:4rem ; background-color:#ffffff ;
        position:absolute ; left:0 ; bottom:0 ; z-index:5 ;
    } 
    .other__open , .other__txt , .other__open::after { display:inline-block ; transition:0.3s all }
    .other__open { 
        overflow:hidden ; border-radius:4rem ;  
        padding:0.3rem 1.5rem 0.4rem 3rem ; background-color:#67b828 ;
        position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
    }
    .other__txt , .other__open::after { 
        font-size:1.4rem ; line-height:1.8rem ; color:#ffffff ; 
        text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ; 
    }
    .other__open::after  { content:"보기" ; margin-left:0.4rem } 
    .other__open::before { 
        width:0.5rem ; height:0.5rem ; display:block ; content:"" ;
        position:absolute ; left:2rem ; top:43% ; transform:translate(-50%,-50%) rotate(225deg) ;
        border:solid 0.17rem #ffffff ; border-right:none ; border-bottom:none 
    }
    .ortherOpen .other__open::before { top:55% ;  transform:translate(-50%,-50%) rotate(45deg) }
    .ortherOpen .other__open::after  { content:"닫기" ; margin-left:0.4rem } 

    .ortherOpen .other__list ,
    #KIIP23 .ortherOpen .other__list , #KIIP31 .ortherOpen .other__list , #KIIP32 .ortherOpen .other__list , 
    #KIIP41 .ortherOpen .other__list , #KIIP42 .ortherOpen .other__list { top:6rem } 
 
    .other__btn::before , .other__btn::after {
        display:block ; content:"" ; width:40% ; height:1px ; 
        background-color:rgba(0,0,0,0.1) ;
        position:absolute ; top:1.9rem ;
    }
    .other__btn::before { left:0 }
    .other__btn::after  { right:0 }

    .other__open:hover , .other__open:focus { background-color:#111111 } 

 

    /* ACC */
    .ACC__title { 
        margin-bottom:2rem ;  
        font-size:2.4rem ; line-height:2.8rem ;
    } 
    .ACC__guide { 
        padding:0 ; padding-top:0.4rem ; margin:0 ; border:none ; border-radius:0 ;  
        font-size:1.6rem ; line-height:2.2rem ; text-align:right ;
        position:absolute ; right:0 ; top:0 ; width:50% ; 
    }
 
    .ACC__item__num {
        font-size:1.8rem ; line-height:2rem ;
        width:3.6rem ; height:3.6rem ; padding-top:0.6rem ;
        position:absolute ; left:0 ; top:1.8rem
         
    }
    .ACC__item__header { padding:2rem 10rem 1.8em 4.3rem }
    .ACC__item__title  { font-size:2.4rem ; line-height:3rem ; padding:0 ; display:block }
    .ACC__item__open { transition:0.3s all }  
    .ACC__item__open > span , .ACC__item__close { position:absolute ; right:0 ; top:2.45rem }
    .ACC__item__open > span , .ACC__item__close > span { 
        font-size:1.4rem ; line-height:2rem ; font-weight:500 ; color:#444444 ; text-align:left ;
        display:block ; width:8rem ; box-sizing:border-box  }
    .ACC__item__open::before { right:8rem ; top:3.5rem }
    .ACC__item__open:hover:before , .ACC__item__open:focus:before  { top:3.7rem } 
    .show .ACC__item__open > span , .show .ACC__item__open::before { opacity:0 }
    .ACC__item__close {
        right:-11rem ; transition:0.3s all  ; opacity:0 ;
        width:8rem ; height:auto ; margin:0 ; padding-left:2rem ;
        box-sizing:border-box ;  
    }
    .ACC__item__close::before , .ACC__item__close::after { width:1.6rem ; left:1rem }
    .ACC__item__close > span { 
        width:100% ;
        padding-bottom:0.2rem ; color:#111111 ; padding-left:0.5rem 
    }
    .show .ACC__item__close { right:0 ; opacity:1 ;}

    
    /* RESPONSIVE TABLE */
    .res__table thead { position:relative } 
    .res__table thead::after {
        display:block ; content:"" ; width:100% ; height:0.2rem ;
        background-color:#67b828 ;
        position:absolute ; left:0 ; bottom:0  
    } 



    /* IMAGE */
    .img.left   { float:left ; margin-right:4rem }
    .img.right  { float:right ; margin-left:4rem }
    .img.left .img__caption , .img.right .img__caption { text-align:left }


 
    /* NOTE */ 
    .note { padding:2.5rem 3rem}

}