@charset "utf-8";
   
/* HEADER */
#header , .header__inner , .header__history__title { width:100% ; box-sizing:border-box }
#header { 
    min-height:6rem ; background-color:#ffffff ;
    position:fixed ; left:0 ; top:0 ; z-index:95 ; 
    box-shadow:0 0 0.3rem rgba(0,0,0,0.3) ;
}
.header__inner { position:relative }
.eng_logo , .header__history__title span , .header__history__list , .history__open , .history__close { display:none }

#logo , #logo > a { width:7.3rem ; height:4rem ; display:block ; overflow:hidden }
#logo { position:absolute ; left:1rem ; top:1rem }
#logo > a {
    font-size:0 ; color:transparent ;
    background:url(../img/ss_logo.png) no-repeat center ; background-size:cover ;
}
.header__history { width:6rem ; position:absolute ; left:9rem ; top:1.5rem }
.header__history__title {
    display:block ; box-sizing:border-box ; padding:0.5rem 0.5rem 0.7rem ;
    overflow:hidden ; border-radius:3rem ; border:solid 1px rgba(0,0,0,0.1) ;
    font-family:'Nanum Myeongjo',serif ; font-size:1.6rem ; line-height:1.8rem ; text-align:center ;  
}
#nav__btn__open , #nav__btn__close { 
    width:6rem ; height:6rem ; overflow:hidden ; display:block ;
    position:absolute ; right:0 ; top:0
}
#nav__btn__close , .nOpen #nav__btn__open { display:none }
 
.nOpen #nav__btn__close { display:block }
#nav__btn__open > span , #nav__btn__close { font-size:0 ; color:transparent } 
#nav__btn__open , #nav__btn__open > span , #nav__btn__open::before , #nav__btn__open::after ,
#nav__btn__close::before , #nav__btn__close::after  { transition:0.3s all }
#nav__btn__open > span , #nav__btn__open::before , #nav__btn__open::after ,
#nav__btn__close::before , #nav__btn__close::after  {
    display:block ; width:3.4rem ; height:0.2rem ; overflow:hidden ; border-radius:1rem ;
    background-color:#111111 ;
    position:absolute ; left:50%  ; transform:translate(-50%,-50%) ;
}
#nav__btn__open::before , #nav__btn__open::after ,
#nav__btn__close::before , #nav__btn__close::after  { content:"" ; display:block }
#nav__btn__open::before , #nav__btn__open:hover::after , #nav__btn__open:focus::after { top:33% }
#nav__btn__open > span , #nav__btn__close::before , #nav__btn__close::after { top:50% }
#nav__btn__open::after , #nav__btn__open:hover::before , #nav__btn__open:focus::before { top:67% }
#nav__btn__open:hover > span , #nav__btn__open:focus > span { transform:translate(-50%,-50%) rotate(180deg) }

.nOpen #nav__btn__close { display:block ; background-color:#111111 }
#nav__btn__close::before , #nav__btn__close::after  { background-color:#f78f1e } 
#nav__btn__close::before { transform:translate(-50%,-50%) rotate(45deg) }
#nav__btn__close::after { transform:translate(-50%,-50%) rotate(-45deg) }
#nav__btn__close:hover::before , #nav__btn__close:focus::before { transform:translate(-50%,-50%) rotate(135deg) }
#nav__btn__close:hover::after , #nav__btn__close:focus::after { transform:translate(-50%,-50%) rotate(45deg) }


/* X-BTN */
.btn_x , .btn_x::before , .btn_x::after , 
.btn_x_black , .btn_x_black::before , .btn_x_black::after { transition:0.3s all }
.btn_x , .btn_x_black {
    display:block ; width:2rem ; height:2rem ; margin:auto ;
    position:relative ; opacity:0.5 ;
    font-size:0 ; color:transparent
}
.btn_x_black { opacity:0.2 }
.btn_x::before , .btn_x::after , .btn_x_black::before , .btn_x_black::after  {
    width:1.6rem ; height:1px ; display:block ; content:"" ;
    background-color:#ffffff ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%)  
}
.btn_x_black::before , .btn_x_black::after { background-color:#000000 }

.btn_x::before , .btn_x_black::before { transform:translate(-50%,-50%) rotate(45deg) }
.btn_x::after , .btn_x_black::after { transform:translate(-50%,-50%) rotate(-45deg) }
.btn_x:hover , .btn_x:focus , .btn_x_black:hover , .btn_x_black:focus{ opacity:1 }
.btn_x:hover::before , .btn_x:focus::before , .btn_x_black:hover::before , .btn_x_black:focus::before { transform:translate(-50%,-50%) rotate(135deg) }
.btn_x:hover::after , .btn_x:focus::after , .btn_x_black:hover::after , .btn_x_black:focus::after { transform:translate(-50%,-50%) rotate(45deg) }



/* NAV */
#nav , .nav__list , .nav__list__item { width:100% ; box-sizing:border-box }
#nav { 
    position:fixed ; left:-100.5% ; top:0 ; z-index:91 ;
    height:100vh ; background-color:#ffffff ; padding-top:6rem }
.nOpen #nav { left:0 }    
.nav__inner { width:100% ; height:100% ; overflow:auto }
.nav__list , .nav__close__end { margin-bottom:1.5rem } 
#nav , .nav__list__item ,
.nav__list__link , .nav__sub__link , .nav__sub__link::before , .nav__sub__link::after { transition:0.3s all }
.nav__list__link , .nav__sub__link {
    display:block ; text-align:left ; position:relative ; 
    border-bottom:solid 1px rgba(0,0,0,0.1) }
.nav__list__link { 
    font-size:2.2rem ; line-height:2.8rem ; font-weight:600 ; color:#111111 ; font-family:'NanumSquare', sans-serif ;
    padding:1.7rem 1.5rem 1.5rem 
} 

#SS11 .nav__list__link.nav10 , #SS12 .nav__list__link.nav10 , #SS13 .nav__list__link.nav10 , 
#SS14 .nav__list__link.nav10 , #SS15 .nav__list__link.nav10 , #SS16 .nav__list__link.nav10 ,
#SS21 .nav__list__link.nav20 , #SS22 .nav__list__link.nav20 , #SS23 .nav__list__link.nav20 , 
#SS24 .nav__list__link.nav20 , #SS25 .nav__list__link.nav20 , #SS26 .nav__list__link.nav20 ,
#SS31 .nav__list__link.nav30 , #SS32 .nav__list__link.nav30 , #SS33 .nav__list__link.nav30 , 
#SS34 .nav__list__link.nav30 , #SS35 .nav__list__link.nav30 , #SS36 .nav__list__link.nav30 ,
#SS41 .nav__list__link.nav40 , #SS42 .nav__list__link.nav40 , #SS43 .nav__list__link.nav40 , 
#SS44 .nav__list__link.nav40 , #SS45 .nav__list__link.nav40 , #SS46 .nav__list__link.nav40 ,
#SS51 .nav__list__link.nav50 , #SS52 .nav__list__link.nav50 , #SS53 .nav__list__link.nav50 , 
#SS54 .nav__list__link.nav50 , #SS55 .nav__list__link.nav50 , #SS56 .nav__list__link.nav50 { background-color:#111111 ; color:#ffffff }
 
.nav__sub { width:96% ; margin:0 auto 1rem }
.nav__sub__link { 
    font-size:1.8rem ; line-height:2.8rem ;  
    padding:1rem 1.5rem 1.2rem ; position:relative ;
} 
.nav__list__item { position:relative }
.nav__list__item:hover { background-color:rgba(0,0,0,0.05) }
.nav__sub__link::before , .nav__sub__link::after { display:block ; content:"" ; position:absolute }
.nav__sub__link::before {
    width:0 ; height:0.2rem ; background-color:#f78f1e ;
    left:0 ; bottom:-1px ;
}
 
#SS11 .nav__sub__link.nav11::before , #SS12 .nav__sub__link.nav12::before , #SS13 .nav__sub__link.nav13::before , 
#SS14 .nav__sub__link.nav14::before , #SS15 .nav__sub__link.nav15::before , #SS16 .nav__sub__link.nav16::before ,
#SS21 .nav__sub__link.nav21::before , #SS22 .nav__sub__link.nav22::before , #SS23 .nav__sub__link.nav23::before , 
#SS24 .nav__sub__link.nav24::before , #SS25 .nav__sub__link.nav25::before , #SS26 .nav__sub__link.nav26::before ,
#SS31 .nav__sub__link.nav31::before , #SS32 .nav__sub__link.nav32::before , #SS33 .nav__sub__link.nav33::before , 
#SS34 .nav__sub__link.nav34::before , #SS35 .nav__sub__link.nav35::before , #SS36 .nav__sub__link.nav36::before ,
#SS41 .nav__sub__link.nav41::before , #SS42 .nav__sub__link.nav42::before , #SS43 .nav__sub__link.nav43::before , 
#SS44 .nav__sub__link.nav44::before , #SS45 .nav__sub__link.nav45::before , #SS46 .nav__sub__link.nav46::before ,
#SS51 .nav__sub__link.nav51::before , #SS52 .nav__sub__link.nav52::before , #SS53 .nav__sub__link.nav53::before , 
#SS54 .nav__sub__link.nav54::before , #SS55 .nav__sub__link.nav55::before , #SS56 .nav__sub__link.nav56::before ,
.nav__sub__link:hover::before , .nav__sub__link:focus::before { width:100% }

.nav__sub__link::after {
    width:0.6rem ; height:0.6rem ;  
    border:solid 0.2rem rgba(0,0,0,0.3) ; border-left:none ; border-bottom:none ;
    top:50% ; right:0.5rem ; transform:translate(-50%,-50%) rotate(45deg)  ;
} 
.nav__sub__link:hover , .nav__sub__link:focus { color:#000000 }
.nav__sub__link:hover::after , .nav__sub__link:focus::after {
    border-color:#f78f1e ; transform:translate(-50%,-50%) rotate(225deg)
}



/* MAIN */
#main { padding-top:6rem ; margin:auto }



/* ASIDE */
#aside , .aside__top , .aside__top > span , .aside__top > span::before , .aside__top > span::after , 
.aside__search , .aside__search::before { transition:0.3s all }
#aside , .aside__top , .aside__top > span , .aside__search { width:5rem }
.aside__top , .aside__top > span , .aside__search { height:5rem }
#aside { position:fixed ; right:-6rem ; bottom:1rem ; z-index:90 ; opacity:0 ;}
.sticky #aside { right:1rem ; opacity:1 }
.aside__list { display:none }
.aside__top > span , .aside__top > span::before , .aside__top > span::after { 
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ; 
}
.aside__top , .aside__top > span , .aside__search { overflow:hidden ; border-radius:100% ; display:block }
.aside__top { position:relative ; background-color:#f78f1e }
.aside__top > span { font-size:0 ; color:transparent }
.aside__top > span::before , .aside__top > span::after { display:block ; content:"" ; left:50% }
.aside__top > span::before {
    width:1.2rem ; height:1.2rem ; border:solid 0.2rem #ffffff ; border-right:none ; border-bottom:none ;
    transform:translate(-50%,-50%) rotate(45deg) ; top:43%
}
.aside__top > span::after { width:0.2rem ; height:2rem ; background-color:#ffffff }
.aside__top:hover , .aside__top:focus { background-color:#111111 }
.aside__top:hover > span::after  { transform:translate(-50%,-50%) rotate(90deg) ; top:35% }
.aside__top:hover > span::before { top:65% }

.aside__search { position:relative ; margin-bottom:0.2rem }
.aside__search { background-color:#444444 ; font-size:0 ; color:transparent }
.aside__search::before {
    width:4rem ; height:4rem ; display:block ; content:"" ; opacity:0.7 ;
    background:url(../img/icon_search.png) no-repeat left top ; background-size:4rem auto ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
.aside__search:hover , .aside__search:focus { background-color:#111111 }
.aside__search:hover::before , .aside__search:focus::before { opacity:1 ; transform:translate(-50%,-50%) scale(1.1) }




/* FOOTER */
.footer__family , .footer__fun { 
    width:100% ; box-sizing:border-box ; padding:2rem 0.5rem ; 
    text-align:center ; font-size:0 ;
}
.footer__family { border-top:solid 1px rgba(0,0,0,0.1) ; background-color:#ffffff }
.footer__family__item , .footer__fun__item { display:inline-block ; margin:0.5rem }
.footer__family__link , .footer__fun__link { 
    font-size:1.6rem ; line-height:2.8rem ; display:block ; padding:0.5rem 1.5rem 0.7rem ;
    border-radius:0.4rem ; border:solid 1px rgba(0,0,0,0.1) ;
    transition:0.3s all ; background-color:#ffffff ;
}
.footer__family__link:hover , .footer__family__link:focus ,
.footer__fun__link:hover , .footer__fun__link:focus{ color:#111111 ; border-color:rgba(0,0,0,0.3) ; background-color:#f7f7f7 }

.footer__fun__link.apply , .footer__fun__link.history { 
    color:#ffffff ;
    text-shadow:0 0 0.3rem rgba(0,0,0,0.3) }
.footer__fun__link.apply   { background-color:#f78f1e ; border-color:#f78f1e }
.footer__fun__link.history { background-color:#333333 ; border-color:#333333 }

.footer__fun__link.apply:hover , .footer__fun__link.apply:focus ,
.footer__fun__link.history:hover  , .footer__fun__link.history:focus { background-color:#000000 ; border-color:#000000 }  


.footer__fun { background-color:#f2f2f2 }

.footer__body {
    width:100% ; box-sizing:border-box ; padding:3rem 0 ;
    background-color:#333333 ;
}
.footer__sns { text-align:center ; font-size:0 ; margin-bottom:2rem }
.footer__sns__item , .footer__sns__link { width:4rem ; height:4rem ; overflow:hidden ; transition:0.3s all }
.footer__sns__item { display:inline-block ; margin:0.5rem ; border-radius:100% ; background-color:rgba(255,255,255,0.3) }
.footer__sns__link {
    display:block ; opacity:0.7 ;
    font-size:0 ; color:transparent ;
    background:url(../img/icon_sns.png) no-repeat  ; background-size:auto 8rem ;
}
.footer__sns__item:nth-child(1) .footer__sns__link   { background-position:left top }  
.footer__sns__item:nth-child(2) .footer__sns__link   { background-position:center top }  
.footer__sns__item:nth-child(3) .footer__sns__link   { background-position:right top }  
.footer__sns__item:hover  , .footer__sns__item:focus { background-color:#ffffff }
.footer__sns__item:hover .footer__sns__link , .footer__sns__item:focus .footer__sns__link { opacity:0.9 }

.footer__copy { width:100% ; font-size:0 ; text-align:center }
.footer__copy__row { margin-bottom:1rem }
.footer__copy span { 
    display:inline-block ; margin:0 1.5rem ; word-break:keep-all ;
    font-size:1.6rem ; line-height:2.4rem ; color:#ffffff ; font-weight:300 ;
}



/* ALL */
.lang { font-size:inherit ; line-height:inherit ; font-weight:inherit ; color:inherit ; word-break:inherit ; text-decoration:inherit } 



/* BANNER */
.event__banner { width:100% ; box-sizing:border-box ; background-color:#ffffff ; padding-bottom:5rem } 
.event__banner a { 
    display:block ; overflow:hidden ; border-radius:0.6rem ;
    width:30rem ; height:12rem ; margin:auto ;
    background:url(../img/event_banner_MB.jpg) no-repeat center ; background-size:cover ;
    font-size:0 ; color:transparent
} 



 

/* PC **********/
@media all and (min-width:1100px){
    
    /* HEADER */
    #header { min-height:8rem ; box-shadow:none } 
    .sticky #header { box-shadow:0 0 0.3rem rgba(0,0,0,0.3) }
    .nOpen #header  { box-shadow:none }

    .header__inner { max-width:120rem ; margin:auto }
    .eng_logo {
        width:15.6rem ; height:4rem ; display:block ; overflow:hidden ;
        font-size:0 ; color:transparent ;
        position:absolute ; left:0 ; top:2rem ;
        background:url(../img/eng_logo.png) no-repeat center ; background-size:cover ;
    }
    #logo , #logo > a { width:11rem ; height:6rem ; margin:0 }
    #logo { position:absolute ; left:50% ; top:1rem ; transform:translateX(-50%) }
    #nav__btn__open , #nav__btn__close { right:0 ; top:1rem }
    .nOpen #nav__btn__close { background:none }

    .header__history { 
        left:50% ; top:2.4rem ; width:16rem ; margin-left:7rem ;
        position:relative ;
    }
    .header__history__title { text-align:left ; padding:0.5rem 1.5rem 0.7rem }
    .header__history__title span { display:inline }
    .header__history__title span , .header__history__title b { font-size:inherit ; line-height:inherit ; color:inherit ; font-weight:inherit }
    .header__history__list , .history__open , .history__close { display:block }
    .history__open , .history__close { 
        position:absolute ; top:0 ; right:0 ;
        width:100% ; height:3rem ; 
        font-size:0 ; color:transparent
    }
    .history__close { display:none }
    .header__history__title , .history__open::after , .history__close::after { transition:0.3s all }
    .history__open::after , .history__close::after {
        display:block ; content:"" ; width:0.6rem ; height:0.6rem ;
        border:solid 0.2rem rgba(0,0,0,0.3) ; 
        position:absolute ; right:1rem ; top:50%  ; transform:translate(-50%,-50%) rotate(45deg) 
    }

    .history__open::after { border-top:none ; border-left:none ; top:49% }
    .history__open:hover::after { border-color:rgba(0,0,0,0.6)  ; transform:translate(-50%,-50%) rotate(135deg) ; top:52% }
 
    .hOpen .history__open  { display:none }
    .hOpen .history__close { display:block }
    .hOpen .header__history__title { background-color:#111111 ; color:#ffffff ; border-color:#111111 }
    .hOpen .history__close::after { border-left:none ; border-top:none ; border-color:#f78f1e }
    .hOpen .history__close:hover::after , .hOpen .history__close:focus::after { transform:translate(-50%,-50%) rotate(45deg) scale(1.2) }
 
    .header__history__list { 
        width:100% ; box-sizing:border-box ; background-color:rgba(0,0,0,0.8) ;
        padding:0 1rem ; height:0 ; border-radius:0.6rem ; overflow:hidden ;
        position:absolute ; left:0 ; top:3.5rem ; opacity:0 ;
    }
    .hOpen .header__history__list { padding:1rem ; height:auto ; opacity:1 }
    .header__history__list a {
        display:block ; font-size:1.6rem ; line-height:2.4rem ; color:rgba(255,255,255,0.9) ; font-weight:300 ; text-align:center ;
        border-bottom:solid 1px rgba(255,255,255,0.2) ;
        padding:0.4rem 0.5rem 0.6rem ; position:relative ;
    }
    .header__history__list a ,  .header__history__list a::after { transition:0.3s all }
    .header__history__list a::after {
        display:block ; content:"" ; width:0 ; height:1px ; 
        background-color:#f78f1e ; overflow:hidden ;
        position:absolute ; left:50% ; bottom:-1px ; transform:translateX(-50%) ;
    }
    .header__history__list ul { margin-bottom:1rem }
    .header__history__list a.h49::after , .header__history__list a:hover::after , .header__history__list a:focus::after { width:100% }
    .header__history__list a.h49 , .header__history__list a:hover , .header__history__list a:focus { color:#ffffff }



    /* NAV */
    #nav::before , .nav__list__link::after , .nav__sub , .nav__list { transition:0.3s all }
    #nav { background-color:#ffffff ; height:auto }
    .sticky #nav { opacity:0 ; height:8rem ; top:0 }
    #nav , .nOpen #nav { left:0 ; top:8rem ; padding:0 ; opacity:1 } 
    #nav , .sticky #nav{ transition:none }
    .nOpen #nav { transition:0.3s all }
    #nav:hover , .nOpen #nav { box-shadow:0 0.3rem 0.3rem rgba(0,0,0,0.1) ; height:30rem }
    #nav::before { 
        width:100% ; height:1px ; display:block ; content:"" ;
        background-color:rgba(0,0,0,0.1) ; opacity:0 ;
        position:absolute ; left:0 ; top:6.9rem ; z-index:-1 ;
    }
    #nav:hover::before , .nOpen #nav::before { opacity:1 }
    .nav__inner { max-width:120rem ; margin:auto ; height:auto }
    .nav__list  { display:flex ; margin-bottom:0  }
    #nav:hover .nav__list , .nOpen .nav__list { margin-bottom:2rem }
    .nav__list::after { display:block ; content:"" ; clear:both } 
    .nav__list__item , .nav__sub__link { margin:0 ; padding:0 ; border:none ; box-sizing:border-box }
    .nav__list__item { display:block ; text-align:center }
    .nav__list__item.item10 { width:26% }
    .nav__list__item.item20 { width:17% }
    .nav__list__item.item30 { width:17% }
    .nav__list__item.item40 { width:20% }
    .nav__list__item.item50 { width:20% }
 
    .nav__list__item::after { 
        width:1px ; height:0 ; display:block ; content:"" ; overflow:hidden ;
        position:absolute ; right:0 ; bottom:0 ;
        background-color:rgba(0,0,0,0.05) ; opacity:0 ;
    } 
    #nav:hover .nav__list__item::after , .nOpen .nav__list__item::after { height:14rem ; opacity:1 } 

    .nav__list__link { 
        padding:2rem 0.5rem 2.2rem ; border:none ; 
        text-align:center ; color:rgba(0,0,0,0.7) }

    .nav__list__link:hover , .nav__list__link:focus ,
    #SS11 .nav__list__link.nav10 , #SS12 .nav__list__link.nav10 , #SS13 .nav__list__link.nav10 , 
    #SS14 .nav__list__link.nav10 , #SS15 .nav__list__link.nav10 , #SS16 .nav__list__link.nav10 ,
    #SS21 .nav__list__link.nav20 , #SS22 .nav__list__link.nav20 , #SS23 .nav__list__link.nav20 , 
    #SS24 .nav__list__link.nav20 , #SS25 .nav__list__link.nav20 , #SS26 .nav__list__link.nav20 ,
    #SS31 .nav__list__link.nav30 , #SS32 .nav__list__link.nav30 , #SS33 .nav__list__link.nav30 , 
    #SS34 .nav__list__link.nav30 , #SS35 .nav__list__link.nav30 , #SS36 .nav__list__link.nav30 ,
    #SS41 .nav__list__link.nav40 , #SS42 .nav__list__link.nav40 , #SS43 .nav__list__link.nav40 , 
    #SS44 .nav__list__link.nav40 , #SS45 .nav__list__link.nav40 , #SS46 .nav__list__link.nav40 ,
    #SS51 .nav__list__link.nav50 , #SS52 .nav__list__link.nav50 , #SS53 .nav__list__link.nav50 , 
    #SS54 .nav__list__link.nav50 , #SS55 .nav__list__link.nav50 , #SS56 .nav__list__link.nav50 { background:none ; color:#111111 }

    #SS11 .nav__list__link.nav10 , #SS12 .nav__list__link.nav10 , #SS13 .nav__list__link.nav10 , 
    #SS14 .nav__list__link.nav10 , #SS15 .nav__list__link.nav10 , #SS16 .nav__list__link.nav10 ,
    #SS21 .nav__list__link.nav20 , #SS22 .nav__list__link.nav20 , #SS23 .nav__list__link.nav20 , 
    #SS24 .nav__list__link.nav20 , #SS25 .nav__list__link.nav20 , #SS26 .nav__list__link.nav20 ,
    #SS31 .nav__list__link.nav30 , #SS32 .nav__list__link.nav30 , #SS33 .nav__list__link.nav30 , 
    #SS34 .nav__list__link.nav30 , #SS35 .nav__list__link.nav30 , #SS36 .nav__list__link.nav30 ,
    #SS41 .nav__list__link.nav40 , #SS42 .nav__list__link.nav40 , #SS43 .nav__list__link.nav40 , 
    #SS44 .nav__list__link.nav40 , #SS45 .nav__list__link.nav40 , #SS46 .nav__list__link.nav40 ,
    #SS51 .nav__list__link.nav50 , #SS52 .nav__list__link.nav50 , #SS53 .nav__list__link.nav50 , 
    #SS54 .nav__list__link.nav50 , #SS55 .nav__list__link.nav50 , #SS56 .nav__list__link.nav50 { font-weight:800 }


    .nav__list__link::after {
        width:0 ; height:0.3rem ; display:block ; content:"" ;
        background-color:#f78f1e ;
        position:absolute ; left:50% ; bottom:0 ; transform:translateX(-50%) ; 
    }
    .nav__list__item:hover .nav__list__link::after , .nav__list__link:hover::after , .nav__list__link:focus::after { width:90% }  

    .nav__sub { width:90% ; margin:auto ; padding:0 ; height:0 ; overflow:hidden }
    #nav:hover .nav__sub , .nOpen .nav__sub{ height:auto ; padding-top:2rem ; overflow:initial ; } 
    .nav__sub__link { 
        font-size:1.8rem ; text-align:center ;
        padding:1rem 0 1.2rem ;
    }
    .nav__sub__link::after , .nav__close__end { display:none }
    .nav__sub__link::before { left:50% ; transform:translateX(-50%) ; height:1px }
    .nav__list__item:hover { background:none }

    #nav:hover .nav__close__end , .nOpen .nav__close__end { display:block }
 
     

    /* MAIN */
    #main { padding-top:15rem ; max-width:192rem ; }
 
 

    /* ASIDE */
    #aside , .aside__list , .aside__top , .aside__search { width:6rem }
    #aside { height:auto }
    .aside__list { 
        display:block ;  overflow:hidden ; margin-bottom:0.5rem ;
        border-radius:6rem ; box-sizing:border-box ; border:solid 1px rgba(0,0,0,0.1) ;
        background-color:#ffffff ; 
    }
    .aside__top , .aside__search { height:6rem }
    .aside__item { position:relative ; padding:0.5rem }
    .aside__item::after { 
        display:block ; content:""  ; width:2rem ; height:1px ;
        background-color:#000000 ; opacity:0.05 ;
        position:absolute ; left:50% ; bottom:0 ; transform:translateX(-50%) ;
    }
    .aside__item:last-child:after { display:none }
    .aside__link , .aside__link::after {  display:block ; overflow:hidden }
    .aside__link { 
        border-radius:100% ; position:relative ; width:5rem ; height:5rem ; 
        font-size:0 ; color:transparent
    }
    .aside__link::after {
        content:"" ; width:4rem ; height:4rem ; opacity:0.5 ;
        position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ; 
        background:url(../img/icon_aside.png) no-repeat 0 0  ; background-size:4rem auto ;
        transition:0.3s all ;
    }

    .aside__link.url_copy::after { background-position:left top }
    .aside__link.apply::after    { background-position:center }
    .aside__link.history::after  { background-position:left bottom }
    .aside__link:hover::after , .aside__link:focus::after { 
        transform:translate(-50%,-50%) scale(1.2) ;
        opacity:0.9 ;
    }



    /* FOOTER */
    .footer__family , .footer__fun { float:left ; width:50% ; padding:0 ; margin:0 ; border:none ; background:none ; box-sizing:border-box }
    .footer__header { position:relative }
    .footer__header::before { 
        width:100% ; height:1px ; display:block ; content:"" ;
        background-color:rgba(0,0,0,0.1) ;
        position:absolute ; left:0 ; top:0 ; z-index:30
    }
    .footer__inner  { width:100% ; max-width:120rem ; margin:auto ; overflow:hidden }
    .footer__family { text-align:left ; border-left:solid 1px rgba(0,0,0,0.1) }
    .footer__fun    { text-align:right }
    .footer__family__item , .footer__fun__item { margin:0 } 
    .footer__family__item { border-right:solid 1px rgba(0,0,0,0.1) }
    .footer__family__item:hover { border-color:#111111 }
    .footer__family__link , .footer__fun__link { border-radius:0 ; border:none ; padding:1.5rem 2.5rem 1.7rem }
    .footer__family__link { background-color:#f2f2f2 ;  }
    .footer__family__link:hover , .footer__family__link:focus { background-color:#111111 ; color:#ffffff }
    .footer__fun__link:hover , .footer__fun__link:focus { color:#111111 ; background:none }
 
    .footer__fun__link.apply:hover , .footer__fun__link.apply:focus ,
    .footer__fun__link.history:hover  , .footer__fun__link.history:focus { color:#ffffff }  
    .footer__body { padding:5rem 0 }
    .footer__body .footer__inner { position:relative ; box-sizing:border-box ; padding-left:25rem }
    .footer__body .footer__inner::before {
        display:block ; content:"" ; width:20rem ; height:5rem ;
        background:url(../img/eng_logo.png) no-repeat center ; background-size:cover ;
        position:absolute ; left:0 ; top:0
    }
    .footer__sns { width:16.5rem ; position:absolute ; right:0 ; top:0.5rem }
    .footer__sns__item { display:block ; float:left ; margin:0 ; margin-left:1.5rem }
    .footer__copy { width:80% ; text-align:left ; padding-top:1.3rem }
    .footer__copy span {
        padding:0 ; margin:0 ;
        margin-right:2rem ; padding-right:2rem ;
        position:relative ;
    }
    .footer__copy span:last-child { margin-right:0 ; padding-right:0 }
    .footer__copy span::after {
        display:block ; content:"" ; width:1px ; height:1rem ;
        background-color:rgba(255,255,255,0.15) ;
        position:absolute ; right:0 ; top:55% ; transform:translateY(-50%) ;
    }
    
    .footer__copy__row { margin-bottom:0.5rem }
    .footer__copy__row:nth-child(3) { margin-bottom:1.5rem }
    .footer__copy span:last-child::after ,
    .footer__copy__row:last-child span:first-child::after { display:none }
    .footer__copy__row:last-child span:first-child { margin-right:3rem}
      

    /* BANNER */
    .event__banner , .event__banner a { width:21rem ; height:21rem ; margin:0 ; padding:0 }
    .event__banner { 
        background:none ; overflow:hidden ;  border-radius:100% ;
        position:absolute ; left:50% ; top:17rem ; z-index:80 ;
        margin-left:30% ;
 
    }
    .event__banner a { border-radius:0 ; background-image:url(../img/event_banner.png) }

 
}