@charset "utf-8";  
/* Mobile */ 
body.navOpen , body.schOpen { overflow:hidden }
 


/* Header */
#header { 
    display:block ; width:100% ;
    position:fixed ; left:0 ; top:0 ; z-index:90 ; 
    background-color:#ffffff }
#header::after { 
    display:block ; content:"" ; width:100% ; height:1px ;
    background-color:rgba(0,0,0,0.1) ;
    position:absolute ; left:0 ; bottom:0 ;
}
.header__container {
    display:block ; width:96% ; max-width:150rem ; min-height:6rem ; margin:auto ;
    position:relative 
}
#logo , #logo > a { 
    display:block ; width:23rem ; height:4.5rem ;
    font-size:0 ; color:transparent ; 
}
#logo { position:absolute ; left:0 ; top:0.7rem }
#logo > a {
    background:url(../img/logo_mb.png) no-repeat 0 ; background-size:auto 4.5rem ;
}

#btn_search , #btn_navOpen , #btn_search > span { 
    display:block ; width:4rem ; height:4rem ; 
    position:absolute ; top:1rem ;
    font-size:0 ; color:transparent ; 
}

#btn_search ,  #btn_navOpen , #btn_navOpen > span , 
#btn_search > span , #btn_search > span::before , #btn_search > span::after { transition:0.3s all }
#btn_search , #btn_navOpen { opacity:0.7 ; border-radius:0.4rem }
#btn_search:hover , #btn_navOpen:hover { opacity:1 }

#btn_search  { right:5rem }
#btn_search > span , #btn_search > span::before , #btn_search > span::after { position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) }
#btn_search > span::before , #btn_search > span::after { display:block ; content:"" }
#btn_search > span::before {
    width:1.4rem ; height:1.4rem ; 
    border-radius:100% ; border:solid 0.2rem #111111
}
#btn_search > span::after { 
    width:0.8rem ; height:0.2rem ; border-radius:1rem ;
    background-color:#111111 ; transform:translate(-50%,-50%) rotate(45deg) ;
    left:72% ; top:72%
}
#btn_search:hover > span { transform:translate(-50%,-50%) scale(1.1) }

.schOpen #btn_search { opacity:1 }
.schOpen #btn_search > span::before , .schOpen #btn_search > span::after {
    width:2.2rem ; height:0.2rem ; border:none ; 
    background-color:#f58f00 ; border-radius:0 ;
    left:50% ; top:50% ;
}
.schOpen #btn_search > span::before { transform:translate(-50%,-50%) rotate(45deg) }
.schOpen #btn_search > span::after  { transform:translate(-50%,-50%) rotate(-45deg) }
.schOpen #btn_search:hover > span::before { transform:translate(-50%,-50%) rotate(135deg) }
.schOpen #btn_search:hover > span::after  { transform:translate(-50%,-50%) rotate(45deg) }
 
 
#btn_navOpen { right:0 }
#btn_navOpen > span { 
    display:block ; width:2rem ; height:0.2rem ; 
    background-color:#111111 ; border-radius:1rem ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
#btn_navOpen > span:nth-child(1) , #btn_navOpen:hover > span:nth-child(3) { top:35% }
#btn_navOpen > span:nth-child(2) { top:50% }
#btn_navOpen > span:nth-child(3) , #btn_navOpen:hover > span:nth-child(1) { top:65% }
#btn_navOpen:hover > span:nth-child(2) { transform:translate(-50%,-50%) rotate(180deg) } 

.navOpen #btn_navOpen { background-color:#111111 ; opacity:1 }
.navOpen #btn_navOpen > span { background-color:#ffde00 }
.navOpen #btn_navOpen > span:nth-child(2) { opacity:0 } 
.navOpen #btn_navOpen > span:nth-child(1) , .navOpen #btn_navOpen > span:nth-child(3) { top:50% ; left:50% ; width:2.4rem }
.navOpen #btn_navOpen > span:nth-child(1) { transform:translate(-50%,-50%) rotate(45deg) }
.navOpen #btn_navOpen > span:nth-child(3) { transform:translate(-50%,-50%) rotate(-45deg) }
.navOpen #btn_navOpen:hover > span:nth-child(1) { transform:translate(-50%,-50%) rotate(135deg) }
.navOpen #btn_navOpen:hover > span:nth-child(3) { transform:translate(-50%,-50%) rotate(45deg) }



/* Navigation */
.navOpen #nav ,
.nav__etc__link , .nav__link , .nav__sub__link , .nav__link::before , .nav__sub__link::before { transition:0.3s all }
#nav , #search { 
    display:block ; width:100% ; padding-top:6rem ;
    position:fixed ; left:-100% ; top:0 ; z-index:88 ;
}
#nav { height:100vh ; background-color:#ffffff }
.navOpen #nav { left:0 }
#nav_list , #nav_etc { margin-bottom:3rem }
.nav__container {
    display:none ; width:100% ; height:100% ;
    overflow:auto ;
}
.navOpen .nav__container { display:block }
.nav__link , .nav__sub__link { display:block ; position:relative ; border-bottom:solid 1px rgba(0,0,0,0.1) }
.nav__link { 
    padding:1.3rem 0.2rem 1.5rem ;
    font-size:2.2rem ; line-height:2.8rem ; font-weight:800 ; color:#444444 ; text-align:center ; letter-spacing:-0.05rem ; 
}

.nav__link::before , .nav__sub__link::before {
    display:block ; content:"" ; width:0 ; height:0.2rem ; overflow:hidden ;
    position:absolute ; left:50% ; bottom:-1px ; transform:translateX(-50%) ;
    background-color:#f58f00 ; 
}  
.nav__sub__link {
    font-size:1.6rem ; line-height:2.8rem ; text-align:center ;
    padding:1rem 0.2rem 1.2rem ;  
}
.nav__sub__link::before { height:1px }

.nav__item:hover .nav__link , .nav__sub__link:hover , .nav__link.current , .nav__sub__link.current { 
    color:#111111 ; border-color:rgba(0,0,0,0) ;
    text-shadow:none ;
}
.nav__sub__link:hover , .nav__sub__link.current { font-weight:500 }
.nav__item:hover .nav__link::before , .nav__sub__link:hover::before ,
.nav__link.current::before , .nav__sub__link.current::before   { width:100% }
  
#nav_etc { width:90% ; margin-left:auto ; margin-right:auto } 
.nav__etc__item { margin-bottom:0.5rem }
.nav__etc__item:last-child { margin-bottom:0 }
.nav__etc__link , .nav__etc__link::after { border-radius:0.4rem }
.nav__etc__link {
    display:block ; padding:1rem 0.2rem 1.2rem ;
    position:relative ;
    font-size:1.6rem ; line-height:2.4rem ; text-align:center ; color:#ffffff ;
    background-color:#222222 ; text-shadow:0 0 0.3rem rgba(0,0,0,0.2) ;
}
.nav__etc__link::after {
    display:block ; content:"" ; width:100% ; height:100% ; 
    border:solid 1px rgba(0,0,0,0.1) ; box-sizing:border-box ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
.nav__etc__link:hover {
    background-color:#ffde00 ; 
    color:#111111 ; text-shadow:none ;
}




/* Close */
.btn__close , .btn__close::before , .btn__close::after { transition:0.3s all }
.btn__close {
    display:block ; overflow:hidden ; width:2rem ; height:2rem ;
    margin:auto ; position:relative ; opacity:0.4 ;
    font-size:0 ; color:transparent
}
.btn__close::before , .btn__close::after {
    display:block ; content:"" ; width:1.5rem ; height:0.1rem ; 
    background-color:#111111;
    position:absolute ; left:50% ; top:50%
}

.btn__close::before { transform:translate(-50%,-50%) rotate(45deg) }
.btn__close::after  { transform:translate(-50%,-50%) rotate(-45deg) }
.btn__close:hover { opacity:1 }
.btn__close:hover::before { transform:translate(-50%,-50%) rotate(135deg) }
.btn__close:hover::after  { transform:translate(-50%,-50%) rotate(45deg) }
.btn__close:hover::before , .btn__close:hover::after { width:1.7rem }
 
#btn_navClose { margin-bottom:2rem ; display:none }
.navOpen #btn_navClose { display:block }



/* Search */
.schOpen #search , #search_btn_submit { transition:0.3s all }
.schOpen #search { left:0 }
#search { background-color:rgba(0,0,0,0.8) }
.search__container { display:none ; width:90% ; margin:auto ; padding:5rem 0 3rem }
.schOpen .search__container { display:block }
#search_form { 
    display:block ; margin-bottom:2rem ;
    text-align:center ; font-size:0 ; text-align:center }
#s_word , #search_btn_submit {
    font-size:1.6rem ; line-height:2.8rem ; border-radius:0.4rem ;
    padding:0.6rem 1rem 0.8rem 
}
#s_word { 
    border:0 ; background-color:#ffffff ;  
    width:40% ; max-width:24rem ;
}
#search_btn_submit { 
    margin-left:0.4rem ; padding-left:1.5rem ; padding-right:1.5rem ;
    background-color:#f58f00 ; 
    color:#ffffff ; font-weight:600 ; font-size:1.4rem ; text-shadow:0 0 0.3rem rgba(0,0,0,0.2) ;
}
#search_btn_submit:hover {
    background-color:#ffde00 ;
    color:#111111 ; text-shadow:none ;
}

#btn_searchClose { margin:0 auto }
.schOpen #btn_searchClose::before , .schOpen #btn_searchClose::after { background-color:#ffffff }
 


/* All close */
#all_close { 
    display:block ; overflow:hidden ; width:0 ; height:100vh ;
    font-size:0 ; color:transparent ;
    background-color:rgba(0,0,0,0.6) ; filter: blur(0.3rem);  
    position:fixed ; left:0 ; top:0 ; z-index:86 ;
}
.navOpen #all_close , .schOpen #all_close { width:100% ; transition:0.3s all } 



/* Event + Apply */
#event_apply { width:96% ; max-width:34rem ; margin:0 auto 8rem }
#event , #event > a , #apply { display:block ; width:100% }
#event , #apply { margin:0 auto 1rem }
#event > a , #event > a::before , #apply { border-radius:0.6rem ; box-sizing:border-box }
#event > a {
    height:18rem ; font-size:0 ; color:transparent ;
    background:url(../img/event_mb.jpg) no-repeat center ;
    position:relative ;
}
#event > a::before {
    content:"" ; width:100% ; height:100% ; 
    border:solid 1px rgba(0,0,0,0.1) ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}

#apply { 
    margin-bottom:0 ; height:21rem ; padding-top:2.8rem ;
    background:url(../img/subscribe_bg.jpg) no-repeat right center #d3c7b7 ; 
    background-size:cover ;
}

.apply__header , .apply__body { width:100% ; padding:0 3rem }
.apply__header h6 , .apply__header p  { word-break:keep-all }
.apply__header h6 { 
    font-family:'Dohyun',sans-serif ; font-size:2.4rem ; line-height:2.8rem ; color:#494643 ;
    margin-bottom:1rem ;
}
.apply__header p { display:none }
#apply_name , #apply_email , #apply_submit { 
    padding:0.3rem 1rem ; font-style:1.6rem ; line-height:3rem ; 
    border-radius:0.4rem ; width:100%  
}
#apply_name , #apply_email {   
    margin-bottom:0.4rem ; border:none ; 
    background-color:#ffffff ; 
}
#apply_submit {
    background-color:#f58f00 ; color:#ffffff ;
    text-shadow:0 0 0.3rem rgba(0,0,0,0.2) ; text-align:center ; font-weight:600 ; 
    transition:0.3s all ;
}
#apply_submit:hover { background-color:#111111 ; color:#d3c7b7 }



/* Aside */
#aside , #aside_btn_apply , #aside_btn_top , .aside__icon ,
#aside_btn_apply::before , #aside_btn_top::before , .aside__icon::after { transition:0.3s all }
#aside { position:fixed ; right:-6rem ; bottom:0.5rem ; z-index:80 }
.sticky #aside { right:0.5rem }
#aside , #aside_btn_apply , #aside_btn_top , .aside__icon { display:block ; width:4rem }
#aside_btn_apply , #aside_btn_top , .aside__icon { height:4rem }
#aside_btn_apply , #aside_btn_top { height:4rem ; font-size:0 ; color:transparent ; position:relative }
#aside_btn_apply , #aside_btn_top , .aside__icon , 
#aside_btn_apply::before , #aside_btn_top::before { overflow:hidden ; border-radius:100% }
.aside__icon , #aside_btn_apply::before , #aside_btn_top ::before ,
#aside_btn_top .aside__icon::after { 
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) 
}
#aside_btn_apply .aside__icon { background:url(../img/sprite.png) no-repeat 0 0 ; background-size:auto 4rem } 
#aside_btn_apply .aside__icon , #aside_btn_top .aside__icon { transform:translate(-50%,-50%) scale(0.8) }
#aside_btn_apply { background-color:#ffffff ; margin-bottom:0.2rem }
#aside_btn_top   { background-color:#111111 }
#aside_btn_apply::before ,
#aside_btn_top::before  {
    display:block ; content:"" ; box-sizing:border-box ;
    width:100% ; height:100% ; border:solid 1px rgba(0,0,0,0.1) 
}
#aside_btn_top .aside__icon::after {
    display:block ; content:"" ; width:0.8rem ; height:0.8rem ; 
    border:solid 0.2rem #ffffff ; border-right:none ; border-bottom:none ;
    transform:translate(-50%,-50%) rotate(45deg) ; top:55%
}  
#aside_btn_top:hover .aside__icon::after { border-color:#111111 ; opacity:0.5}
#aside_btn_top:hover { background-color:#d3c7b7 }

#aside_btn_apply:hover .aside__icon , 
#aside_btn_top:hover .aside__icon { transform:translate(-50%,-50%) scale(0.9) }
#aside_btn_apply:hover  , #aside_btn_top:hover { box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0.2) }



/* Footer */
#footer { background-color:#f7f7f7 }
#footer , .footer__container { width:100% }
.footer__container { padding-bottom:4rem }
.footer__sns__list {
    font-size:0 ; text-align:center ;
    border:solid 1px rgba(0,0,0,0.1) ; border-left:none ; border-right:none ;
    padding:1rem 0 ; background-color:#ffffff ;
}
.footer__sns__list > li , .footer__sns__list a {
    font-size:0 ; color:transparent ; 
    width:4rem ; height:4rem
}
.footer__sns__list > li { display:inline-block ; margin:0 0.5rem }
.footer__sns__link { 
    display:block ; opacity:0.4 ; transition:0.3s all ;
    background:url(../img/sprite.png) no-repeat ; background-size:auto 4rem }
.footer__sns__link.sns1 { background-position:-8rem 0 }
.footer__sns__link.sns2 { background-position:-12rem 0 }
.footer__sns__link.sns3 { background-position:-16rem 0 }
.footer__sns__link.sns4 { background-position:-20rem 0 }
.footer__sns__link.sns5 { background-position:-24rem 0 }
.footer__sns__link:hover { opacity:1 }

.footer__btns { padding:4rem 0 3.5rem ; text-align:center } 
.footer__app__btns , .footer__list , .footer__list__item { display:inline-block }
.footer__btns , .footer__app__btns , .footer__list { font-size:0 }
.footer__app__btn , .footer__list__item { margin:0 0.4rem 0.5rem }
.footer__app__btn , .footer__list__link ,
.footer__app__btn::after , .footer__list__link::after { border-radius:0.4rem ; transition:0.3s all }
.footer__app__btn , .footer__list__link { 
    display:inline-block ; box-sizing:border-box ; position:relative ;
    font-size:1.4rem ; line-height:2.8rem ; box-sizing:border-box ; padding:0.5rem 1.5rem 0.7rem 
}
.footer__app__btn::after , .footer__list__link::after {
    display:block ; content:"" ; width:100% ; height:100% ; box-sizing:border-box ;
    border:solid 1px rgba(0,0,0,0.1) ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
} 
.footer__app__btn    { background-color:#ffffff }
.footer__list__link  { background-color:#111111 ; color:#ffffff }

.footer__app__btn:hover    { background-color:#d3c7b7 ; color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ; }
.footer__list__link:hover  { color:#ffde00; background-color:#222222 }
 
.footer__infor { font-size:0 ; text-align:center }
.footer__logo  { display:none }
.footer__infor__list { margin-bottom:1rem }
.footer__infor__list > li , .footer__copy { 
    font-size:1.6rem ; line-height:2.4rem ; word-break:keep-all ;
    padding:0 1.5rem ;
}
.footer__infor__list > li:nth-child(2) , .footer__infor__list > li:nth-child(3) { display:inline-block }
.footer__infor__list > li { margin-bottom:0.5rem } 




@media screen and (min-width:1024px){ 

    body.navOpen , body.schOpen { overflow:inherit }

 
    /* Header */
    #header , .header__container { background:none ; height:8rem ; min-height:auto } 
    .navOpen #header { height:36rem }
    #header::after   { background-color:#ffffff ; opacity:0.05 ; bottom:auto ; top:7.9rem }
    .sticky #header::after , .navOpen #header::after , .navOpen #header::after{ background-color:#000000 ; opacity:0.1 } 

    #logo , #logo > a { width:36rem ; height:6rem }
    #logo     { top:0.4rem }
    #logo > a { background:url(../img/logo_pc.png) no-repeat left top ; background-size:auto 12rem }

    #btn_search   { right:0 ; top:2rem }
    #btn_search > span::before { border-color:#ffffff }
    #btn_search > span::after  { background-color:#ffffff }
    #btn_navOpen { display:none }

    #header , #logo > a , .sticky #header::after { transition:0.3s all }

    .sticky #header , .navOpen #header     { background-color:#ffffff ; box-shadow:0 0 0.3rem rgba(0,0,0,0.1) }
    .sticky #logo > a , .navOpen #logo > a { background-position:left bottom }
    .sticky #btn_search > span::before , .navOpen #btn_search > span::before { border-color:#111111 }
    .sticky #btn_search > span::after , .navOpen #btn_search > span::after   { background-color:#111111 }

    .schOpen #btn_search > span::before , .schOpen #btn_search > span::after { background-color:#f58f00 ; border-radius:0 }



    /* Navigation */
    #nav , .nav__container , .navOpen .nav__container { height:0 ; display:block ; background:none }
    #nav { z-index:91 ; background:none ; width:96% ; max-width:150rem }
    #nav , .navOpen #nav { left:50% ; transform:translateX(-50%) ; padding:0 } 
    .nav__container , .navOpen .nav__container { overflow:inherit }
    .nav__container { position:relative }
    #nav_list {
        width:calc(100% - 42rem) ;
        position:absolute ; left:37rem ; top:0 ;  
        padding:0 ; margin:0
    }
    #nav_list::after { display:block ; content:"" ; clear:both }
    .nav__item { float:left ; margin:0 ; padding:0 }
    .nav__item:nth-child(1) , .nav__item:nth-child(3) { width:24% }
    .nav__item:nth-child(2) , .nav__item:nth-child(4) { width:26% }
    .nav__link::before { bottom:0 } 

    .nav__link {
        font-size:2rem ; line-height:2.8rem ; color:#ffffff ; letter-spacing:-0.1rem ;
        text-shadow:0 0 0.3rem rgba(0,0,0,0.2) ; font-weight:500 ;
        padding:2.5rem 0.2rem 2.7rem ; border:none ;
    }
    .sticky .nav__link , .navOpen .nav__link { color:#444444 ; text-shadow:none }

    .nav__link , .nav__sub__list { width:96% ; margin:auto }
    .nav__sub__list { 
        height:0 ; overflow:hidden ; padding:0 ;
        transition:0.3s all ;
    }
    .navOpen .nav__sub__list { height:auto ; overflow:inherit ; padding:0.5rem 0 2rem }

    .nav__sub__link {
        font-size:1.6rem ; line-height:2.2rem ; word-break:keep-all ;
        padding:1rem 0.2rem 1.2rem ;  
    }

    #btn_navClose { 
        position:absolute ; left:50% ; top:33rem ; transform:translateX(-50%) ;
        margin-bottom:0 ;
    }

    #nav_etc { 
        opacity:0 ; height:0 ; overflow:hidden ; transition:0.3s all ;
        width:22rem ; position:absolute ; left:0 ; top:8rem } 
    .navOpen #nav_etc { opacity:1 ; height:auto ; overflow:inherit ; top:16.5rem}    
    .nav__etc__link { 
        font-size:1.4rem ; line-height:2.2rem ; color:#444444 ;
        background:none ; text-shadow:none }
 


    /* All close */
    #all_close { width:100% ; height:0 }
    .navOpen #all_close , .schOpen #all_close { height:100vh } 
 
    

    /* Search */ 
    #search { top:8rem ; padding:0 }



    /* Event + Apply */
    #event_apply { max-width:150rem }
    #event_apply::after , .apply__body::after { display:block ; content:"" ; clear:both } 
    #event , #apply { margin:0 ; height:18rem }
    #event { float:left ; width:40.6666% }
    #apply { float:right ; width:58.6666% ; padding-top:4rem ; background-size:auto }
    #event > a { background-image:url(../img/event_pc.jpg) }

    .apply__header , .apply__body { padding:0 5rem ; margin:0 }
    .apply__header { position:relative ; margin-bottom:1.5rem }
    .apply__header h6 , .apply__header p { display:block ; margin:0 ; width:100% ; }
    .apply__header h6 { font-size:3rem ; line-height:3.6rem }
    .apply__header p  { 
        color:rgba(0,0,0,0.7) ; font-size:1.4rem ; line-height:1.8rem ;
        padding:0 5rem 0.4rem 21rem ; box-sizing:border-box ;
        position:absolute ; right:0 ; top:50% ; transform:translateY(-50%) ;
        word-wrap:break-word ; white-space:nowrap ; overflow:hidden ; text-overflow:ellipsis 
    }
    .apply__header p::before {
        display:block ; content:"" ; width:1px ; height:2rem ;
        background-color:#111111 ; opacity:0.1 ;
        position:absolute ; left:18.7rem ; top:50% ; transform:translateY(-50%) ;
    }
    .apply__body { padding:0 15.5rem 0 5rem  ; position:relative ; font-size:0 ; max-width:75rem ; }
    #apply_submit { position:absolute ; right:5rem ; top:50% ; transform:translateY(-50%) ; width:10rem }
    #apply_name , #apply_email , #apply_submit { font-size:1.6rem ; line-height:2.8rem ; padding:1rem 1.2rem }
    #apply_name , #apply_email { margin:0 } 
    #apply_name  { width:35%  }
    #apply_email { width:64% ; margin-left:1% }

 

    /* Aside */
    #aside { bottom:1rem }
    .sticky #aside { right:1rem }
    #aside , #aside_btn_apply , #aside_btn_top { width:5rem }
    #aside_btn_apply , #aside_btn_top { height:5rem }
    #aside_btn_apply { margin-bottom:0.4rem }

    #aside_btn_apply .aside__icon , #aside_btn_top .aside__icon { transform:translate(-50%,-50%) scale(1) }
    #aside_btn_apply:hover .aside__icon , 
    #aside_btn_top:hover .aside__icon { transform:translate(-50%,-50%) scale(1.1) }



    /* Footer */
    #footer { background-color:#ebe1cd ; padding:3rem 0 4rem }
    #footer::before {
        display:block ; content:"" ; width:100% ; height:1px ; 
        background-color:#000000 ; opacity:0.1 ;
        position:absolute ; left:0 ; top:0 ; 
    } 
    #footer , .footer__container { position:relative }
    .footer__container{ margin:auto ; padding:0 0 0 18rem ; width:96% ; max-width:150rem }

    .footer__sns__list { background:none ; text-align:left ; width:26rem ; padding:0 ; border:none ; margin-bottom:2rem }
    .footer__sns__list > li { display:block ; float:left ; margin:0 ; margin-right:1rem }
    .footer__sns__list > li:last-child { margin-right:0 } 
    .footer__sns__list::after { display:block ; content:"" ; clear:both }
 
    .footer__btns { 
        width:40rem ; text-align:right ; padding:0 ;
        position:absolute ; right:0 ; top:0 
    }
    .footer__infor__list > li {
        display:inline-block ; padding:0 2rem 0.2rem 0 ; margin:0 ; margin-right:2rem ;
        position:relative ;
    }
    .footer__infor__list > li::after {
        display:block ; content:"" ; width:1px ; height:1.2rem ; 
        background-color:rgba(0,0,0,0.15) ;
        position:absolute ; right:0 ; top:50% ; transform:translateY(-50%) ;
    } 
    .footer__infor__list > li:last-child { padding-right:0 ; margin-right:0 }
    .footer__infor__list > li:last-child::after { display:none }
    .footer__copy  { padding:0 }
    .footer__infor { text-align:left }

    .footer__sns__list , .footer__btns { padding-top:1.5rem }

    .footer__logo  {
        display:block ; width:12.7rem ; height:5.5rem ;
        position:absolute ; left:0 ; top:0 ;
        background:url(../img/logo_mb.png) no-repeat 0 0 ; background-size:auto 5.5rem ;
    }
/*   
.footer__infor { font-size:0 ; text-align:center }
.footer__logo  { display:none }
.footer__infor__list { margin-bottom:1rem }
.footer__infor__list > li , .footer__copy { 
    font-size:1.6rem ; line-height:2.4rem ; word-break:keep-all ;
    padding:0 1.5rem ;
}
.footer__infor__list > li:nth-child(2) , .footer__infor__list > li:nth-child(3) { display:inline-block }
.footer__infor__list > li { margin-bottom:0.5rem } 




*/




} 
    
@media print { }