@charset "utf-8";
 
/* HEADER */
#header , .header__inner , #header::after  { width:100% ; box-sizing:border-box } 
#header , .nav_btns , .btn__nav__open , .btn__nav__close { height:6rem }
#header {  
    position:fixed ; left:0 ; top:0 ; z-index:90 ;
    background-color:#ffffff ;    
}
.sticky #header { box-shadow:0 0 0.3rem rgba(0,0,0,0.3) } 
.header__inner { max-width:130rem ; height:100% ; margin:auto ; position:relative }
#header::after {
    display:block ; content:"" ;
    height:0.1rem ; background-color:#000000 ; opacity:0.1 ;
    position:absolute ; left:0 ; bottom:0 ;
}

.logo , .logo_link { 
    width:16rem ; height:4.5rem ; display:block ;
    font-size:0 ; color:transparent
}
.logo { position:absolute ; left:1.5rem ; top:50% ; transform:translateY(-50%) } 
.logo_link { 
    background:url(../img/KIIP_logo_MB.png) no-repeat left top ;
    background-size:16rem auto ; position:relative ;
}
.logo_date { 
    display:block ;
    position:absolute ; right:0.2rem ; bottom:0rem ;
    font-size:1.4rem ; line-height:2rem ; color:rgba(0,0,0,0.6) ; font-weight:600 ;
    text-align:right ;  
}

.header__sns { display:none }

.nav_btns , .btn__nav__open , .btn__nav__close { width:12rem ; display:block } 
.nav_btns { position:absolute ; right:0 ; top:0   } 
.btn__nav__open  { background:linear-gradient(#67b828,#73be38) }
.btn__nav__close { top:100% ; background-color:#111111 ; display:none }
.open .btn__nav__open  { display:none }
.open .btn__nav__close { display:block }
.btn__open__icon , .btn__close__icon , .btn__open__txt , .btn__close__txt {
    position:absolute ; top:50% ; transform: translateY(-50%);
}
.btn__open__icon , .btn__close__icon { left:1rem ;  width:3rem ; height:3rem ; display:block }
.btn__open__txt , .btn__close__txt {
    font-size:1.6rem ; line-height:2rem ; color:#ffffff ; font-weight:500 ;
    text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ; text-align:left ; 
    display:block ; width:7.5rem ; height:2.2rem ; 
    right:0 ; 
}

.btn__close__icon::before , .btn__close__icon::after ,
.btn__open__icon::before , .btn__open__icon > span , .btn__open__icon::after {
    display:block ; content:"" ; width:1.8rem ; height:0.2rem ; background-color:#ffffff ;
    position:absolute ; left:50% ; transform:translate(-50%,-50%) ;
    transition:0.3s all ;
}
.btn__open__icon::before , 
.btn__nav__open:hover .btn__open__icon::after ,
.btn__nav__open:focus .btn__open__icon::after { top:30% }
.btn__open__icon > span  { top:50% }
.btn__open__icon::after , 
.btn__nav__open:hover .btn__open__icon::before ,
.btn__nav__open:focus .btn__open__icon::before  { top:70% }
.btn__nav__open:hover .btn__open__icon > span { transform:translate(-50%,-50%) rotate(180deg) }

.btn__close__icon::before , .btn__close__icon::after { top:50%} 
.btn__close__icon::before { transform:translate(-50%,-50%) rotate(45deg) }
.btn__close__icon::after  { transform:translate(-50%,-50%) rotate(-45deg) }

.btn__nav__close:hover .btn__close__icon::before ,
.btn__nav__close:focus .btn__close__icon::before { transform:translate(-50%,-50%) rotate(135deg) }
.btn__nav__close:hover .btn__close__icon::after ,
.btn__nav__close:focus .btn__close__icon::after  { transform:translate(-50%,-50%) rotate(45deg) }



/* NAV */
#nav , .nav__inner { width:100% ; height:100% ; box-sizing:border-box }
#nav { 
    padding-top:6rem ;
    position:fixed ; left:-100% ; top:0 ; z-index:59 ;
    background-color:#ffffff ;
    transition:0.3s left ;
}
.open #nav  { left:0% }
.nav__inner { overflow:auto }

.nav__list , .nav__item , .nav__link { width:100% ; box-sizing:border-box }
.nav__title { display:none }
.nav__link , .nav__tag , .nav__txt { display:block }
.nav__link  { 
    padding:1rem 1.5rem ;
    border-bottom:solid 1px rgba(0,0,0,0.1) ;
    position:relative ;
}
.nav__tag , .nav__txt , .nav__link::before  { transition:0.3s all }
.nav__tag , .nav__txt { margin-bottom:0.2rem }
.nav__tag {
    font-size:1.2rem ; line-height:1.8rem ; color:rgba(0,0,0,0.4) ; font-weight:600 ;
    letter-spacing:-0.01rem ;  
} 
.nav__txt { 
    font-size:1.8rem ; line-height:2.4rem ; color:#111111 ; font-weight:400 ;
    word-break:keep-all ;
}
.nav__link::before {
    display:block ; content:"" ; overflow:hidden ;
    width:0 ; height:0.2rem ; background-color:#67b828 ;
    position:absolute ; left:0 ; bottom:-1px ;
}

#KIIP11 .nav11::before , #KIIP12 .nav12::before , #KIIP13 .nav13::before , #KIIP14 .nav14::before , #KIIP15 .nav15::before , 
#KIIP21 .nav21::before , #KIIP22 .nav22::before , #KIIP23 .nav23::before , #KIIP24 .nav24::before , #KIIP25 .nav25::before , 
#KIIP31 .nav31::before , #KIIP32 .nav32::before , #KIIP33 .nav33::before , #KIIP34 .nav34::before , #KIIP35 .nav35::before , 
#KIIP41 .nav41::before , #KIIP42 .nav42::before , #KIIP43 .nav43::before , #KIIP44 .nav44::before , #KIIP45 .nav45::before , 
#KIIP51 .nav51::before , #KIIP52 .nav52::before , #KIIP53 .nav53::before , #KIIP54 .nav54::before , #KIIP55 .nav55::before , 
.nav__link:hover::before , .nav__link:focus::before { width:100% }

#KIIP11 .nav11 .nav__tag , #KIIP12 .nav12 .nav__tag , #KIIP13 .nav13 .nav__tag , #KIIP14 .nav14 .nav__tag , #KIIP15 .nav15 .nav__tag , 
#KIIP21 .nav21 .nav__tag , #KIIP22 .nav22 .nav__tag , #KIIP23 .nav23 .nav__tag , #KIIP24 .nav24 .nav__tag , #KIIP25 .nav25 .nav__tag , 
#KIIP31 .nav31 .nav__tag , #KIIP32 .nav32 .nav__tag , #KIIP33 .nav33 .nav__tag , #KIIP34 .nav34 .nav__tag , #KIIP35 .nav35 .nav__tag , 
#KIIP41 .nav41 .nav__tag , #KIIP42 .nav42 .nav__tag , #KIIP43 .nav43 .nav__tag , #KIIP44 .nav44 .nav__tag , #KIIP45 .nav45 .nav__tag , 
#KIIP51 .nav51 .nav__tag , #KIIP52 .nav52 .nav__tag , #KIIP53 .nav53 .nav__tag , #KIIP54 .nav54 .nav__tag , #KIIP55 .nav55 .nav__tag , 
.nav__link:hover .nav__tag , .nav__link:focus .nav__tag { color:#67b828 }

#KIIP11 .nav11 .nav__txt , #KIIP12 .nav12 .nav__txt , #KIIP13 .nav13 .nav__txt , #KIIP14 .nav14 .nav__txt , #KIIP15 .nav15 .nav__txt , 
#KIIP21 .nav21 .nav__txt , #KIIP22 .nav22 .nav__txt , #KIIP23 .nav23 .nav__txt , #KIIP24 .nav24 .nav__txt , #KIIP25 .nav25 .nav__txt , 
#KIIP31 .nav31 .nav__txt , #KIIP32 .nav32 .nav__txt , #KIIP33 .nav33 .nav__txt , #KIIP34 .nav34 .nav__txt , #KIIP35 .nav35 .nav__txt , 
#KIIP41 .nav41 .nav__txt , #KIIP42 .nav42 .nav__txt , #KIIP43 .nav43 .nav__txt , #KIIP44 .nav44 .nav__txt , #KIIP45 .nav45 .nav__txt , 
#KIIP51 .nav51 .nav__txt , #KIIP52 .nav52 .nav__txt , #KIIP53 .nav53 .nav__txt , #KIIP54 .nav54 .nav__txt , #KIIP55 .nav55 .nav__txt { font-weight:600 }
 
.theme , .theme__main , .nav__sns { width:100% ; box-sizing:border-box }
.theme { background-color:#111111 ; padding:1.5rem }
.theme__info { display:none }
.theme__main { 
    display:block ;
    font-size:2rem ; line-height:2.6rem ; color:#ffffff ; font-weight:600 ; text-align:center ;
    word-break:keep-all ; 
}
.theme__main > br { display:none }

.nav__sns { padding:3rem 1rem ; text-align:center ; font-size:0 }
.nav__sns__FB , .nav__sns__NB , .nav__sns__copy , .nav__sns__take , .nav__sns__history ,
.nav__sns__FB > span , .nav__sns__NB > span , .nav__sns__copy > span , .nav__sns__take > span , .nav__sns__history > span ,
.nav__sns__FB::before , .nav__sns__NB::before , .nav__sns__copy::before , .nav__sns__take::before , .nav__sns__history::before {
    transition:0.3s all ;
}
.nav__sns__FB , .nav__sns__NB , .nav__sns__copy , .nav__sns__take , .nav__sns__history {
    display:inline-block ; overflow:hidden ; margin:0.3rem ; padding:0.8rem 1rem ; border-radius:0.4rem ;
    border:solid 1px rgba(0,0,0,0.1) ;
    box-sizing:border-box ; height:4rem
}
.nav__sns__FB > span , .nav__sns__NB > span , .nav__sns__copy > span , .nav__sns__take > span , .nav__sns__history > span {
    font-size:1.4rem ; line-height:2rem ; color:#444444 ; font-weight:400 ;
    display:inline-block ;

}
.nav__sns__FB::before , .nav__sns__NB::before , .nav__sns__copy::before , .nav__sns__take::before , .nav__sns__history::before {
    display:inline-block ; content:"" ; width:2rem ; height:2rem ; margin-right:0.5rem ;
    background:url(../img/sns_icon.png) 0 0 no-repeat ; background-size:auto 2rem ; opacity:0.5 ;
}
.nav__sns__NB::before      { background-position:-2rem 0 }
.nav__sns__copy::before    { background-position:-4rem 0 }
.nav__sns__take::before    { background-position:-6rem 0 }
.nav__sns__history::before { background-position:-8rem 0 }

.nav__sns__FB:hover , .nav__sns__NB:hover , .nav__sns__copy:hover , .nav__sns__take:hover , .nav__sns__history:hover ,
.nav__sns__FB:focus , .nav__sns__NB:focus , .nav__sns__copy:focus , .nav__sns__take:focus , .nav__sns__history:focus { 
    border-color:rgba(0,0,0,0.2) ;
    box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0.2) ;
}
.nav__sns__FB:hover:before , .nav__sns__NB:hover:before , .nav__sns__copy:hover:before , .nav__sns__take:hover:before , .nav__sns__history:hover:before { opacity:1 }
.nav__sns__copy br , .nav__sns__take br , .nav__sns__history br { display:none }


.nav__close , .nav__close::before , .nav__close::after { transition:0.3s all }
.nav__close { 
    width:3rem ; height:3rem ; display:block ; margin:0 auto 3rem ;
    font-size:0 ; color:transparent ; opacity:0.3 ;
    position:relative ;
}
.nav__close:hover , .nav__close:focus { opacity:0.8 }
.nav__close::before , .nav__close::after {
    width:2rem ; height:0.1rem ; display:block ; content:"" ; background-color:#000000 ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
.nav__close::before { transform:translate(-50%,-50%) rotate(45deg) }
.nav__close::after  { transform:translate(-50%,-50%) rotate(-45deg) }
.nav__close:hover::before { transform:translate(-50%,-50%) rotate(135deg) }
.nav__close:hover::after  { transform:translate(-50%,-50%) rotate(45deg) }



/* MAIN */
#main , .main__inner { width:100% ; box-sizing:border-box }
#main { padding-top:6rem }
.main__inner { max-width:130rem ; margin:auto }



/* FOOTER */
#footer , .footer__nav , .footer__copy , .footer__inner { width:100% ; box-sizing:border-box }
#footer { background-color:#666666 }
.footer__nav   { background-color:#111111 ; position:relative }
.footer__inner { 
    max-width:130rem ; margin:auto ;
    padding:0 2rem ; overflow:hidden ; font-size:0 ; text-align:center 
}

.footer__nav .footer__inner { padding:1.5rem 0 }
.footer__nav__link {
    display:inline-block ; overflow:hidden ; margin:0.5rem ; padding:0.3rem 1.5rem 0.5rem ;
    font-size:1.4rem ; line-height:1.8rem ; font-weight:500 ; color:#444444 ;
    background-color:#ffffff ; border-radius:2rem ; 
    transition:0.3s all ;
}
.footer__nav__link br { display:none }
.footer__nav__link:hover , .footer__nav__link:focus {
    background-color:#67b828 ;
    color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.4) ;
}
 
.footer__copy .footer__inner  { padding:3rem 0 }
.footer_logo { display:none }
.footer__address , .footer__tel__item , .footer__copy { 
    font-size:1.6rem ; line-height:2.4rem ; color:#ffffff ; font-weight:400 ;
    word-break:keep-all ; padding-bottom:0.2rem ;
}
.footer__address , .footer__tel__item { margin-bottom:0.6rem }
.footer__tel { margin-bottom:1rem ; font-size:0 }
.footer__tel__item { display:inline-block ; padding:0 1.5rem ; position:relative }
.footer__tel__item::after {
    display:block ; content:"" ; width:1px ; height:1rem ;
    background-color:#ffffff ; opacity:0.15 ;
    position:absolute ; right:0 ; top:50% ; transform:translateY(-50%) ;
}
.footer__tel__item:last-child:after { display:none }



/* ASIDE */
#aside , .aside__top { box-sizing:border-box }
.aside__link , .aside__top { height:5rem ; display:block }
#aside { 
    overflow:hidden ; opacity:0 ; 
    position:fixed ; right:-7rem ; bottom:1rem ; z-index:85 ;
    box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0.3) ; border-radius:5rem
}
.sticky #aside { right:1rem ; opacity:1  }
.aside__link { display:none }
#aside , .aside__top , .aside__top::before , .aside__top::after { transition:0.3s all }
.aside__top { 
    width:5rem ;
    background:linear-gradient(#67b828,#73be38) ; position:relative ;
    font-size:0 ; color:transparent
}
.aside__top::before , .aside__top::after {
    display:block ; overflow:hidden ; content:"" ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%);
    transition:0.3s all ; 
}
.aside__top::before {
    width:1.4rem ; height:1.4rem ; 
    border:solid 0.2rem #ffffff ; border-right:none ; border-bottom:none ;
    transform:translate(-50%,-50%) rotate(45deg)
}
.aside__top::after {
    width:0.2rem ; height:2rem ; background-color:#ffffff ;
    border-radius:1rem ; top:53%
} 

.aside__top:hover::before , .aside__top:focus::before { top:70% }
.aside__top:hover::after , .aside__top:focus::after {
    transform:translate(-50%,-50%) rotate(90deg) ;
    top:35% ; height:2.5rem
}



 



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

    body.open { overflow:hidden }
 	 
    /* HEADER */
    #header , .nav_btns , .btn__nav__open , .btn__nav__close { height:5rem }
    .logo , .logo_link { width:35rem ; height:4rem ; box-sizing:border-box }
    .logo { left:0 }
    .logo_link {  background:url(../img/KIIP_logo.png) no-repeat left center }
    .logo_date {
        left:19.2rem ; top:50% ; transform:translateY(-50%)  ;
        font-size:1.8rem ; line-height:2rem ; text-align:left ; font-weight:600 ; color:#606060 ;
        letter-spacing:-0.1rem ; 
    }

    .header__sns , .header__sns__FB , .header__sns__NB { height:3rem ; display:block }
    .header__sns { 
        width:7rem ; overflow:hidden ; box-sizing:border-box ;  
        position:absolute ; right:16rem ; top:50% ; transform:translateY(-50%) ;
    }

    .header__sns__FB , .header__sns__NB { 
        width:3rem ; font-size:0 ; color:transparent ;
        position:relative ;
    }
    .header__sns__FB { float:left } 
    .header__sns__NB { float:right }
 
    .header__sns__FB::before , .header__sns__NB::before {
        position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
        display:block ; content:"" ; width:2rem ; height:2rem ; opacity:0.7 ; 
        background:url(../img/sns_icon.png) no-repeat 0 0 ; background-size:auto 2rem ;
        transition:0.3s all ;
    }
    .header__sns__NB::before { background-position:-2rem 0 }
    .header__sns__FB:hover::before , .header__sns__NB:hover::before { opacity:1 ; transform:translate(-50%,-50%) scale(1.1) }



    /* NAV */
    #nav { padding-top:8rem }
    .nav__inner { max-width:130rem ; margin:auto ; position:relative }
    .nav__inner::after { display:block ; content:"" ; clear:both }

    .theme { 
        width:31% ; height:70rem ; margin-bottom:5rem ; float:left ;
        overflow:hidden ; border-radius:0.6rem ; position:relative ;
        background:url(../img/main_thum_00.jpg) no-repeat center ; background-size:cover ;
    }

    .theme::before {
        display:block ; content:"" ; width:100% ; height:100% ; 
        background-color:rgba(0,0,0,0.5) ;
        position:absolute ; left:0 ; top:0
    }

    .theme__info , .theme__main { 
        position:absolute ; right:15% ; display:block ; width:75% ;
        text-align:right ;
    }
    .theme__info { top:5rem } 

    .theme__title , .theme__date , .theme__main { color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) }
    .theme__title , .theme__date { position:relative }
    .theme__title , .theme__date { 
        display:inline-block ; overflow:hidden ; position:relative ; padding-bottom:0.6rem ;
        font-size:2rem ; line-height:2.2rem ; font-weight:600  
    }
    .theme__title { margin-bottom:1.2rem } 
    .theme__title::before , .theme__date::before {
        width:1000% ; height:0.2rem ; display:block ; content:"" ;
        background-color:#67b828 ;
        position:absolute ; right:0 ; bottom:0 ;
    }

    .theme__main {  
        font-size:6rem ; line-height:7rem ; font-weight:600 ; text-align:right ;
        letter-spacing:-0.02rem ; top:16rem ;
    }
    .theme__main > br { display:block } 
    .nav__list , .nav__sns { width:66% }
    .nav__list { float:right } 

    .nav__item  { border-top:solid 2px #67b828 ; overflow:hidden ; padding-bottom:1rem }
    .nav__title {
        display:block ; width:18% ; float:left ; padding-top:1.3rem ;
        font-size:2rem ; line-height:2.6rem ; font-weight:800 ; color:#444444 ;
        letter-spacing:-0.1rem ;
    }
    .nav__link { width:82% ; float:right ; padding:1.3rem 0 1.3rem 0 } 
    .nav__link::after  { display:block ; content:"" ; clear:both }
    .nav__link::before { display:none }
    .nav__link:last-child { border-color:rgba(0,0,0,0) } 
    .nav__tag , .nav__txt { display:block ; float:left ; line-height:2.6rem ; box-sizing:border-box }
    .nav__tag { width:21% ; font-size:1.6rem ; font-weight:400 ; color:#777777 }
    .nav__txt { width:79% ; font-size:2.2rem ; font-weight:400 ; letter-spacing:-0.1rem ; color:#666666 }
 
    .nav__txt::after {
        display:block ; overflow:hidden ; content:"" ;
        width:0.8rem ; height:0.8rem ; transition:0.3s all ;
        border:solid 0.2rem #67b828 ; border-left:none ; border-bottom:none ;
        position:absolute ; left:18% ; top:52% ; transform:translate(-50%,-50%) rotate(0);
        opacity:0 ;
    }
    .nav__link:hover .nav__txt::after , .nav__link:focus .nav__txt::after { 
        transform:translate(-50%,-50%) rotate(45deg) ; left:19% ;
        opacity:1 ;
    }

    #KIIP11 .nav11 .nav__tag , #KIIP12 .nav12 .nav__tag , #KIIP13 .nav13 .nav__tag , #KIIP14 .nav14 .nav__tag , #KIIP15 .nav15 .nav__tag , 
    #KIIP21 .nav21 .nav__tag , #KIIP22 .nav22 .nav__tag , #KIIP23 .nav23 .nav__tag , #KIIP24 .nav24 .nav__tag , #KIIP25 .nav25 .nav__tag , 
    #KIIP31 .nav31 .nav__tag , #KIIP32 .nav32 .nav__tag , #KIIP33 .nav33 .nav__tag , #KIIP34 .nav34 .nav__tag , #KIIP35 .nav35 .nav__tag , 
    #KIIP41 .nav41 .nav__tag , #KIIP42 .nav42 .nav__tag , #KIIP43 .nav43 .nav__tag , #KIIP44 .nav44 .nav__tag , #KIIP45 .nav45 .nav__tag , 
    #KIIP51 .nav51 .nav__tag , #KIIP52 .nav52 .nav__tag , #KIIP53 .nav53 .nav__tag , #KIIP54 .nav54 .nav__tag , #KIIP55 .nav55 .nav__tag , 
    .nav__link:hover .nav__tag , .nav__link:focus .nav__tag { color:#67b828 ; font-weight:bold ; text-shadow:none }
  
    #KIIP11 .nav11 .nav__txt , #KIIP12 .nav12 .nav__txt , #KIIP13 .nav13 .nav__txt , #KIIP14 .nav14 .nav__txt , #KIIP15 .nav15 .nav__txt , 
    #KIIP21 .nav21 .nav__txt , #KIIP22 .nav22 .nav__txt , #KIIP23 .nav23 .nav__txt , #KIIP24 .nav24 .nav__txt , #KIIP25 .nav25 .nav__txt , 
    #KIIP31 .nav31 .nav__txt , #KIIP32 .nav32 .nav__txt , #KIIP33 .nav33 .nav__txt , #KIIP34 .nav34 .nav__txt , #KIIP35 .nav35 .nav__txt , 
    #KIIP41 .nav41 .nav__txt , #KIIP42 .nav42 .nav__txt , #KIIP43 .nav43 .nav__txt , #KIIP44 .nav44 .nav__txt , #KIIP45 .nav45 .nav__txt , 
    #KIIP51 .nav51 .nav__txt , #KIIP52 .nav52 .nav__txt , #KIIP53 .nav53 .nav__txt , #KIIP54 .nav54 .nav__txt , #KIIP55 .nav55 .nav__txt , 
    .nav__link:hover .nav__txt , .nav__link:focus .nav__txt { color:#000000 }
    
    .nav__sns { 
        position:absolute ; right:0 ; top:65.8rem ;
        padding:0 ; overflow:hidden ; 
        border-radius:0.6rem ; border:solid 1px rgba(0,0,0,0.1) ;
    }
    
    .nav__sns__FB , .nav__sns__NB , .nav__sns__copy , .nav__sns__take , .nav__sns__history {
        width:20% ; margin:0 ; box-sizing:border-box ; border:0 ;
        float:left ; border-radius:0 ;
    } 
    .nav__sns__FB , .nav__sns__NB , .nav__sns__copy , .nav__sns__take { border-right:solid 1px rgba(0,0,0,0.1)}

    .nav__sns__FB:hover , .nav__sns__NB:hover , .nav__sns__copy:hover , .nav__sns__take:hover , .nav__sns__history:hover ,
    .nav__sns__FB:focus , .nav__sns__NB:focus , .nav__sns__copy:focus , .nav__sns__take:focus , .nav__sns__history:focus { 
        box-shadow:none ;
    }

    .nav__close { 
        margin:0 ;
        position:absolute ; left:67% ; top:71rem  ; transform:translateX(-50%) ;
    }
  


    /* MAIN */ 
    #main { padding-top:8rem } 



    /* FOOTER */
    .footer__nav .footer__inner { padding:0 ; text-align:right }
    .footer__inner::after { display:block ; content:"" ; clear:both }
    .footer__nav__link    {
        display:inline-block ; padding:1.5rem 3rem 1.5rem ; margin:0 ; border:none ; border-radius:0 ;
        font-size:1.6rem ; line-height:2rem ; color:#ffffff ; font-weight:400 ;
        background:none ; border-right:solid 1px rgba(255,255,255,0.1) 
    }
    .footer__nav__link:first-child , .footer__nav__link.page__copy { border-left:solid 1px rgba(255,255,255,0.1) }  
    .footer__nav__link.FB , .footer__nav__link.NB { float:left }

    .footer__copy .footer__inner  { padding:4rem 0 4rem 30rem ; position:relative ; text-align:left }
    .footer_logo {
        display:block ; overflow:hidden ; width:17rem ; height:3rem ;
        font-size:0 ; color:transparent ;
        background:url(../img/KIIP_logo_footer.png) no-repeat left center ;
        position:absolute ; left:0 ; top:5rem
    }
    .footer__txt { padding-top:0.5rem }
    .footer__tel__item:first-child { padding-left:0 } 



    /* ASIDE */
    #aside { right:-29rem ; bottom:2rem ; padding-left:1rem }
    #aside::after {
        width:21.5rem ; height:100% ; display:block ; content:"" ;
        background-color:#ffffff ;
        position:absolute ; left:0 ; top:0 ; z-index:-1 ;
    }
    .aside__link , .aside__top  { float:left }
    .aside__link { 
        display:block ; width:6rem ;
        position:relative ;    
    } 
    .aside__top { border-radius:6rem }
    .aside__link__txt {
        display:block ; width:100% ; transition:0.3s all ;
        font-size:1.4rem ; line-height:1.6rem ; color:#444444 ; text-align:center ;
        position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
    }
    .aside__link::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%) ;
    }
    .aside__link.history::after { display:none }
    .aside__link:hover .aside__link__txt , .aside__link:focus .aside__link__txt { color:#000000 }
 
}