@charset "utf-8";   
/* Mobile */ 

/* Visual */
#visual , .slide__list , .slide__img { position:relative }
#visual , .slide__img { background:no-repeat center ; background-size:cover }
#visual {
    width:100% ; overflow:hidden ; height:100vh ; min-height:50rem ; max-height:70rem ;
    padding-top:6rem ; margin-bottom:5rem ;
}
.slide__list , .slide__item , .slide__img , .slide__img::after { display:block ; width:100% ; height:100% } 
.slide__item , .slide__img::after { position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) }
.slide__item { z-index:5 ; opacity:0 } 
.slide__item.current { z-index:8 ; opacity:1 }  

.slide11 .slide__img , .bg11 { background-image:url(../img_sub/visual_11.jpg) }
.slide12 .slide__img , .bg12 { background-image:url(../img_sub/visual_12.jpg) }
.slide13 .slide__img , .bg13 { background-image:url(../img_sub/visual_13.jpg) }
.slide14 .slide__img , .bg14 { background-image:url(../img_sub/visual_14.jpg) }
.slide15 .slide__img , .bg15 { background-image:url(../img_sub/visual_15.jpg) }

.slide21 .slide__img , .bg21 { background-image:url(../img_sub/visual_21.jpg) }
.slide22 .slide__img , .bg22 { background-image:url(../img_sub/visual_22.jpg) }
.slide23 .slide__img , .bg23 { background-image:url(../img_sub/visual_23.jpg) }
.slide24 .slide__img , .bg24 { background-image:url(../img_sub/visual_24.jpg) }
.slide25 .slide__img , .bg25 { background-image:url(../img_sub/visual_25.jpg) }

.slide31 .slide__img , .bg31 { background-image:url(../img_sub/visual_31.jpg) }
.slide32 .slide__img , .bg32 { background-image:url(../img_sub/visual_32.jpg) }
.slide33 .slide__img , .bg33 { background-image:url(../img_sub/visual_33.jpg) }
.slide34 .slide__img , .bg34 { background-image:url(../img_sub/visual_34.jpg) }
.slide35 .slide__img , .bg35 { background-image:url(../img_sub/visual_35.jpg) }

.slide41 .slide__img , .bg41 { background-image:url(../img_sub/visual_41.jpg) }
.slide42 .slide__img , .bg42 { background-image:url(../img_sub/visual_42.jpg) }
.slide43 .slide__img , .bg43 { background-image:url(../img_sub/visual_43.jpg) }
.slide44 .slide__img , .bg44 { background-image:url(../img_sub/visual_44.jpg) }
.slide45 .slide__img , .bg45 { background-image:url(../img_sub/visual_45.jpg) }

.slide51 .slide__img , .bg51 { background-image:url(../img_sub/visual_51.jpg) }
.slide52 .slide__img , .bg52 { background-image:url(../img_sub/visual_52.jpg) }
.slide53 .slide__img , .bg53 { background-image:url(../img_sub/visual_53.jpg) }
.slide54 .slide__img , .bg54 { background-image:url(../img_sub/visual_54.jpg) }
.slide55 .slide__img , .bg55 { background-image:url(../img_sub/visual_55.jpg) }

.slide61 .slide__img , .bg61 { background-image:url(../img_sub/visual_61.jpg) }
.slide62 .slide__img , .bg62 { background-image:url(../img_sub/visual_62.jpg) }
.slide63 .slide__img , .bg62 { background-image:url(../img_sub/visual_63.jpg) }
.slide64 .slide__img , .bg64 { background-image:url(../img_sub/visual_64.jpg) }
.slide65 .slide__img , .bg65 { background-image:url(../img_sub/visual_65.jpg) }

.slide__img::after {
    content:"" ; 
    background:linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.8) 100%);
} 

.slide__box { 
    display:block ; width:100% ; text-align:center ; padding:0 4.5rem ;  
    position:absolute ; left:50% ; bottom:5rem ; transform:translateX(-50%) ;
}
.slide__box__tag , .slide__box__title , .slide__box__more { 
    position:relative ; top:3rem ; opacity:0 ;
    color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.2) ; word-break:keep-all } 
.slide__box__tag    { 
    display:inline-block ; padding-bottom:0.3rem ; margin-bottom:2rem ;
    font-size:1.6rem ; line-height:2.8rem ; font-weight:500 ; 
    border-bottom:solid 0.2rem #379eda ;
}
.slide__box__title > br { display:none }
.slide__box__title {
    font-family:'Dohyun',sans-serif ; font-size:3.6rem ; line-height:5rem ;
    margin-bottom:2rem ;
}
.slide__box__more {
    display:inline-block ; padding:0.7rem 2rem 0.9rem 3.5rem ; position:relative ;
    border:solid 1px rgba(255,255,255,0.15) ; border-radius:4rem ; box-sizing:border-box ;
    font-size:1.4rem ; line-height:2.4rem ; 
}
.current .slide__box__tag , .current .slide__box__title , .current .slide__box__more { 
    transition:top 0.3s ease, opacity 0.3s ease ;
    top:0 ; opacity:1 }
.current .slide__box__tag   { transition-delay:0s }
.current .slide__box__title { transition-delay:0.2s }
.current .slide__box__more  { transition-delay:0.5s }


.slide__box__more:hover { background-color:#379eda ; border-color:#379eda ; transition:0.3s all }
.slide__box__more > span , .slide__box__more { transition:0.3s all }
.slide__box__more > span {
    display:block ; width:1.5rem ; height:1.5rem ; opacity:0.6 ;
    position:absolute ; left:1.5rem ; top:50% ; transform:translateY(-50%) ; 
}
.slide__box__more > span::before , .slide__box__more > span::after {
    display:block ; content:"" ; width:1.1rem ; height:0.1rem ; 
    background-color:#ffffff ;
    position:absolute ; left:50% ; top:50%
}
.slide__box__more > span::before { transform:translate(-50%,-50%) }
.slide__box__more > span::after  { transform:translate(-50%,-50%) rotate(90deg) }
.slide__box__more:hover > span { transform:translateY(-50%) rotate(90deg) ; opacity:1 }
.slide__box__more:hover > span::before , .slide__box__more:hover > span::after  { width:1.2rem ; height:0.2rem }

.slide__page , .slide__btn , .slide__PP { z-index:11 ; position:absolute ; font-size:0 ; color:transparent }
.slide__page {  
    display:block ; width:100% ; padding:0 4rem ; 
    text-align:center ; 
    left:0 ; bottom:1rem ; 
}
.slide__page__btn {
    font-size:0 ; color:transparent ; 
    display:inline-block ; width:1rem ; height:1rem ; border-radius:4rem ;
    background-color:#ffffff ; margin:0.5rem ; opacity:0.3 ; 
    transition:0.3s all ;
}
.slide__page__btn.current { width:4rem ; opacity:0.7 }
.slide__page__btn:hover   { opacity:0.9 }

.slide__btn {
    top:50% ; transform:translateY(-50%) ;
    width:4rem ; height:4rem ;
    background-color:rgba(0,0,0,0.3) ;
}
.slide__btn , .slide__btn::before , .slide__PP__btn , .slide__PP__btn::before ,.slide__PP__btn::after { transition:0.3s all }
.slide__btn.prev { left:-6rem }
.slide__btn.next { right:-6rem }
.slide__btn::before {  
    content:"" ; display:block ; width:0.8rem ; height:0.8rem ; 
    border:solid 0.2rem #ffffff ;  opacity:0.6 ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) rotate(45deg) 
}
.slide__btn.prev::before { border-top:none ; border-right:none }
.slide__btn.next::before { border-bottom:none ; border-left:none }

#visual:hover .slide__btn.prev , .slide__btn.prev:focus { left:0 }
#visual:hover .slide__btn.next , .slide__btn.next:focus { right:0 }

.slide__btn:hover { background-color:rgba(0,0,0,0.8) }
.slide__btn:hover::before { opacity:1 ; transform:translate(-50%,-50%) rotate(45deg) scale(1.1) } 

.slide__PP , .slide__PP__btn , .slide__PP__btn::before , .slide__PP__btn::after { width:2rem ; height:2rem ; display:block ; box-sizing:border-box }
.slide__PP { position:absolute ; right:1rem ; bottom:1rem }
.slide__PP__btn::before , .slide__PP__btn::after { border-radius:100% }
.slide__PP__btn {
    font-size:0 ; color:transparent ; 
    position:relative ;
}
.slide__PP__btn::before , .slide__PP__btn::after {
    content:"" ; 
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
.slide__PP__btn::before { background:url(../img/icon_pause_play.png) no-repeat 0 0 rgba(0,0,0,0.2) ; opacity:0.5 ; }
.slide__PP__btn::after  { border:solid 1px rgba(255,255,255,0.2) }
 
.slide__PP__btn.play::before  { background-position:right top }
.slide__PP__btn.pause::before { background-position:left top }

.slide__PP__btn:hover::before { opacity:0.9 ; background-color:rgba(0,0,0,0.5) } 

 
.play .slide__PP__btn.play , .slide__PP__btn.pause { display:none }
.play .slide__PP__btn.pause , .slide__PP__btn.play { display:block } 



/* Article */
#sec_all , .all__container { width:100% }
#sec_all { padding-top:8rem ; margin-bottom:4rem }
.sec__all__title { 
    font-size:2.6rem ; line-height:3.4rem ; word-break:keep-all ; color:#222222 ; letter-spacing:-0.15rem ;
    text-align:center ; padding:0 1rem ; margin-bottom:3rem ;
}
.sec__all__title > b { font-weight:800 ; color:inherit }
.all__list { width:100% ; margin:auto ; display:flex ; flex-wrap:wrap ; display:flex ; justify-content:center } 
.all__item { width:28rem ; margin:0 0.5rem 5rem }
.article__link , .all__img { display:block ; width:100% } 
.article__link { height:100% } 
.article__link , .all__img , .all__img::after , .intro__container  { border-radius:0.6rem ; box-sizing:border-box }
.all__img { height:19rem ; position:relative ; margin-bottom:1.5rem ; overflow:hidden }  
.all__img::before , .all__img::after {
    display:block ; content:"" ; width:100% ; height:100% ; 
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
    transition:0.3s all ; 
}
.all__img::before { transform:translate(-50%,-50%) scale(1.01) ; background:no-repeat center ; background-size:cover }
.article__link:hover .all__img::before { transform:translate(-50%,-50%) scale(1.1) }
.all__img::after  { border:solid 1px rgba(0,0,0,0.1) } 
 
.article11 .all__img::before { background-image:url(../img/thum_11.jpg) }
.article12 .all__img::before { background-image:url(../img/thum_12.jpg) }
.article13 .all__img::before { background-image:url(../img/thum_13.jpg) }
.article14 .all__img::before { background-image:url(../img/thum_14.jpg) }
.article15 .all__img::before { background-image:url(../img/thum_15.jpg) }

.article21 .all__img::before { background-image:url(../img/thum_21.jpg) }
.article22 .all__img::before { background-image:url(../img/thum_22.jpg) }
.article23 .all__img::before { background-image:url(../img/thum_23.jpg) }
.article24 .all__img::before { background-image:url(../img/thum_24.jpg) }
.article25 .all__img::before { background-image:url(../img/thum_25.jpg) }

.article31 .all__img::before { background-image:url(../img/thum_31.jpg) }
.article32 .all__img::before { background-image:url(../img/thum_32.jpg) }
.article33 .all__img::before { background-image:url(../img/thum_33.jpg) }
.article34 .all__img::before { background-image:url(../img/thum_34.jpg) }
.article35 .all__img::before { background-image:url(../img/thum_35.jpg) }

.article41 .all__img::before { background-image:url(../img/thum_41.jpg) }
.article42 .all__img::before { background-image:url(../img/thum_42.jpg) }
.article43 .all__img::before { background-image:url(../img/thum_43.jpg) }
.article44 .all__img::before { background-image:url(../img/thum_44.jpg) }
.article45 .all__img::before { background-image:url(../img/thum_45.jpg) }

.article51 .all__img::before { background-image:url(../img/thum_51.jpg) }
.article52 .all__img::before { background-image:url(../img/thum_52.jpg) }
.article53 .all__img::before { background-image:url(../img/thum_53.jpg) }
.article54 .all__img::before { background-image:url(../img/thum_54.jpg) }
.article55 .all__img::before { background-image:url(../img/thum_55.jpg) }

.article61 .all__img::before { background-image:url(../img/thum_61.jpg) }
.article62 .all__img::before { background-image:url(../img/thum_62.jpg) }
.article63 .all__img::before { background-image:url(../img/thum_63.jpg) }
.article64 .all__img::before { background-image:url(../img/thum_64.jpg) }
.article65 .all__img::before { background-image:url(../img/thum_65.jpg) }

.all__tag {
    display:inline-block ; padding-bottom:0.5rem ; margin-bottom:1rem ;
    font-size:1.4rem ; line-height:1.8rem ; color:#111111 ; font-weight:600 ;
    border-bottom:solid 0.2rem #379eda ;
}
.all__title , .all__title > b { transition:0.3s all }
.all__title {
    font-size:2rem ; line-height:3.2rem ; word-break:keep-all ;
    text-align:left ; letter-spacing:-0.1rem ;
}
.all__title > b { 
    font-size:inherit ; line-height:inherit ; word-break:inherit ;
    border-bottom:solid 1px rgba(0,0,0,0) ; padding-bottom:0.2rem ; 
} 

.article__link:hover .all__title > b { color:#111111 ; border-color:rgba(0,0,0,0.2) } 

.intro__container {
    display:block ; width:100% ; height:100% ; border:solid 1px rgba(0,0,0,0.1) ; 
    padding:2rem 2.5rem ; text-align:center ;
}
.intro__logo {
    display:block ; overflow:hidden ; width:16rem ; height:5rem ; margin:0 auto 2rem ;
    font-size:0 ; color:transparent ; 
    background:url(../img/logo.png) no-repeat left top ; background-size:16rem auto ;
}
.intro__txt { text-align:justify ; margin-bottom:2rem }
.intro__txt > span {
    font-size:1.4rem ; line-height:2.6rem ; ;
    border-bottom:solid 1px rgba(0,0,0,0.1) ; padding-bottom:0.2rem ;
}
.intro__icon { display:none }
.intro__link , .intro__link > span , .intro__link > span::before , .intro__link > span::after  { transition:0.3s all } 
.intro__link {
    position:relative ;
    display:inline-block ; padding:0.5rem 2.3rem 0.7rem 4rem ;
    font-size:1.4rem ; line-height:2.8rem ; font-weight:500 ;
    border:solid 1px rgba(0,0,0,0.1) ; border-radius:3rem ;
}
.intro__link:hover { 
    background-color:#379eda ; border-color:#379eda ;
    color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.2) 
}
.intro__link > span {
    transition:0.3s all ;
    display:block ; width:1.9rem ; height:1.9rem ; opacity:0.5 ;
    position:absolute ; left:2rem ; top:50% ; transform:translateY(-50%) ; 
} 
.intro__link:hover > span { width:2rem ; height:2rem ; opacity:1 ; transform:translateY(-50%) rotate(90deg) } 
.intro__link > span::before , .intro__link > span::after {
    display:block ; content:"" ; width:0.9rem ; height:0.1rem ;
    background-color:#111111 ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}  
.intro__link > span::after { transform:translate(-50%,-50%) rotate(90deg) }

.intro__link:hover > span::before ,
.intro__link:hover > span::after { background-color:#ffffff ; height:0.2rem ; width:1.2rem }
 


/* Archive */
#sec_archive { padding:8rem 0 ; background-color:#f7f7f7 }
.archive__title {
    font-size:3rem ; line-height:3.8rem ; color:#111111 ; font-weight:800 ; text-align:center ;
    word-break:keep-all ; margin-bottom:2.5rem ; letter-spacing:-0.15rem ;
}
.archive__list { display:flex ; flex-wrap:wrap ; justify-content:center }
.archive__item , .archive__link { display:block ; width:20rem ; height:27rem }
.archive__item { margin:0 1rem 2rem }
.archive__link , .archive__link::after  , .archive__date , .archive__vol , .archive__img::before { transition:0.3s all }
.archive__link , .archive__link::after , .archive__img , .archive__img::before { border-radius:0.6rem }
.archive__link { box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0) ; position:relative ; text-align:center }
.archive__link::after , .archive__img::before  {
    display:block ; content:"" ; width:100% ; height:100% ;  
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
.archive__link::after { border:solid 1px rgba(0,0,0,0.1) ; box-sizing:border-box }
.archive__link:hover::after { border-color:rgba(0,0,0,0.2) }
.archive__link:hover  { box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0.2) }
.archive__img { display:block ; overflow:hidden ; width:100% ; height:22rem }  
.archive__img::before { background:no-repeat 0 0 ; position:relative ; width:20rem }
 
.y25 .archive__img::before { background-image:url(../../root_archive/year_25.jpg) }
.y26 .archive__img::before { background-image:url(../../root_archive/year_26.jpg) }
.y27 .archive__img::before { background-image:url(../../root_archive/year_27.jpg) }
.y28 .archive__img::before { background-image:url(../../root_archive/year_28.jpg) }
.y29 .archive__img::before { background-image:url(../../root_archive/year_29.jpg) }
.y30 .archive__img::before { background-image:url(../../root_archive/year_30.jpg) }

.m1 .archive__img::before { background-position:0 0 }
.m2 .archive__img::before { background-position:-20rem 0 }
.m3 .archive__img::before { background-position:-40rem 0 }
.m4 .archive__img::before { background-position:-60rem 0 }
.m5 .archive__img::before { background-position:-80rem 0 }
.m6 .archive__img::before { background-position:-100rem 0 }
.m7 .archive__img::before { background-position:0 -22rem }
.m8 .archive__img::before { background-position:-20rem -22rem }
.m9 .archive__img::before { background-position:-40rem -22rem }
.m10 .archive__img::before { background-position:-60rem -22rem }
.m11 .archive__img::before { background-position:-80rem -22rem }
.m12 .archive__img::before { background-position:-100rem -22rem }

.archive__link:hover .archive__img::before { transform:translate(-50%,-50%) scale(1.05) }

.archive__date , .archive__vol { 
    display:inline-block ; padding-top:1rem ;
    font-size:1.6rem ; line-height:2.8rem ; font-weight:600 }
.archive__date::after {
    display:inline-block ; overflow:hidden ; content:"" ; margin:0 0.8rem ;
    width:1px ; height:1.2rem ; background-color:rgba(0,0,0,0.1) ;
}
.archive__link:hover .archive__date , .archive__link:hover .archive__vol { color:#000000 }





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

    /* Visual */
    #visual { height:100vh ;  max-height:80rem ; padding:0 }

    .slide__img { background:url(../img_sub/visual_00_pc.jpg) no-repeat center ; background-size:cover }

    .slide11 .slide__img { background-image:url(../img_sub/visual_11_pc.jpg) }
    .slide12 .slide__img { background-image:url(../img_sub/visual_12_pc.jpg) }
    .slide13 .slide__img { background-image:url(../img_sub/visual_13_pc.jpg) }
    .slide14 .slide__img { background-image:url(../img_sub/visual_14_pc.jpg) }
    .slide15 .slide__img { background-image:url(../img_sub/visual_15_pc.jpg) }

    .slide21 .slide__img { background-image:url(../img_sub/visual_21_pc.jpg) }
    .slide22 .slide__img { background-image:url(../img_sub/visual_22_pc.jpg) }
    .slide23 .slide__img { background-image:url(../img_sub/visual_23_pc.jpg) }
    .slide24 .slide__img { background-image:url(../img_sub/visual_24_pc.jpg) }
    .slide25 .slide__img { background-image:url(../img_sub/visual_25_pc.jpg) }

    .slide31 .slide__img { background-image:url(../img_sub/visual_31_pc.jpg) }
    .slide32 .slide__img { background-image:url(../img_sub/visual_32_pc.jpg) }
    .slide33 .slide__img { background-image:url(../img_sub/visual_33_pc.jpg) }
    .slide34 .slide__img { background-image:url(../img_sub/visual_34_pc.jpg) }
    .slide35 .slide__img { background-image:url(../img_sub/visual_35_pc.jpg) }

    .slide41 .slide__img { background-image:url(../img_sub/visual_41_pc.jpg) }
    .slide42 .slide__img { background-image:url(../img_sub/visual_42_pc.jpg) }
    .slide43 .slide__img { background-image:url(../img_sub/visual_43_pc.jpg) }
    .slide44 .slide__img { background-image:url(../img_sub/visual_44_pc.jpg) }
    .slide45 .slide__img { background-image:url(../img_sub/visual_45_pc.jpg) }

    .slide51 .slide__img { background-image:url(../img_sub/visual_51_pc.jpg) }
    .slide52 .slide__img { background-image:url(../img_sub/visual_52_pc.jpg) }
    .slide53 .slide__img { background-image:url(../img_sub/visual_53_pc.jpg) }
    .slide54 .slide__img { background-image:url(../img_sub/visual_54_pc.jpg) }
    .slide55 .slide__img { background-image:url(../img_sub/visual_55_pc.jpg) }

    .slide61 .slide__img { background-image:url(../img_sub/visual_61_pc.jpg) }
    .slide62 .slide__img { background-image:url(../img_sub/visual_62_pc.jpg) }
    .slide63 .slide__img { background-image:url(../img_sub/visual_63_pc.jpg) }
    .slide64 .slide__img { background-image:url(../img_sub/visual_64_pc.jpg) }
    .slide65 .slide__img { background-image:url(../img_sub/visual_65_pc.jpg) }

    .slide__img::after { 
        background:linear-gradient(to bottom, 
        rgba(0,0,0,0.7) 0,
        rgba(0,0,0,0.7) 6rem,
        rgba(0,0,0,0) 12rem,
        rgba(0,0,0,0) 40% ,
        rgba(0,0,0,0.8) 70% ,
        rgba(0,0,0,0.8) 100%
        );
    } 

    .slide__box , .slide__page {  width:100% ; max-width:146rem ; padding:0 8rem }
    .slide__box { bottom:7rem ; text-align:left }
    .slide__box__tag {
        font-size:1.8rem ; line-height:2.8rem ; color:rgba(255,255,255,0.8) ;
        padding-bottom:0.5rem ; margin-bottom:2.5rem ; border-width:0.3rem ;
    }
    .slide__box__title > br { display:block }
    .slide__box__title {
        font-size:5rem ; line-height:6.6rem ;
        margin-bottom:3rem ;
    }
    .slide__box__more { font-size:1.6rem ; line-height:2.8rem ;  padding:1rem 3rem 1.2rem 4.5rem }
    .slide__box__more > span { left:2.3rem }
 
    .slide__btn { width:6rem ; height:6rem ; border-radius:100% ; background-color:rgba(255,255,255,0.1) ; }
    .slide__btn::before { width:1rem ; height:1rem } 

    .slide__btn.prev { left:-6.5rem }
    .slide__btn.next { right:-6.5rem }
    #visual:hover .slide__btn.prev , .slide__btn.prev:focus { left:1rem }
    #visual:hover .slide__btn.next , .slide__btn.next:focus { right:1rem }

    .slide__btn.prev::before { left:55% }
    .slide__btn.next::before { left:45% }

    .slide__page { text-align:left ; left:50% ; transform:translateX(-50%) ; }
    .slide__page__btn { margin:0.5rem 1rem 0.5rem 0 }
    .slide__page__btn.current { width:5rem }
    .slide__PP   { right:2rem ; bottom:1rem }

 

    /* Article */
    #sec_all { padding-top:10rem ; margin-bottom:5rem }
    .sec__all__title {
        font-size:3.6rem ; line-height:4.4rem ; margin-bottom:4rem ;
        text-align:left ;
    }
    
    .all__container { width:96% ; max-width:150rem ; margin:auto }
    .all__list { justify-content:space-between }
    .all__item { margin-left:0 ; margin-right:0 ; width:24% }
    .all__img  { height:25rem }

    .intro__container  { padding:3rem 4rem }
    .intro__logo { margin-bottom:1.5rem }
    .intro__txt  { margin-bottom:1rem }
    .intro__txt > span { font-size:1.6rem ; line-height:2.8rem }
    .intro__icon {
        display:block ; width:7rem ; height:7rem ; margin:0 auto 1rem ;
        background:url(../img/icon_signs.png) no-repeat center ; background-size:cover ;
    }
 


    /* Archive */
    #sec_archive { padding:10rem 0 }
    .archive__title { font-size:3.4rem ; line-height:4.4rem ; margin-bottom:3rem }
    .archive__container { width:96% ; max-width:150rem ; margin:auto }
    .archive__item { width:13.3333% ; margin:0 0.6666% }
    .archive__link { width:100% }
/*

.archive__title {
    font-size:2.8rem ; line-height:3.4rem ; color:#111111 ; font-weight:600 ; text-align:center ;
    word-break:keep-all ; margin-bottom:2.5rem ; letter-spacing:-0.15rem ;
}
.archive__list { display:flex ; flex-wrap:wrap ; justify-content:center }
.archive__item , .archive__link { display:block ; width:20rem ; height:27rem }
.archive__item { margin:0 1rem 2rem }
.archive__link , .archive__link::after  , .archive__date , .archive__vol , .archive__img::before { transition:0.3s all }
.archive__link , .archive__link::after , .archive__img , .archive__img::before { border-radius:0.6rem }
.archive__link { box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0) ; position:relative ; text-align:center }
.archive__link::after , .archive__img::before  {
    display:block ; content:"" ; width:100% ; height:100% ;  
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
.archive__link::after { border:solid 1px rgba(0,0,0,0.1) ; box-sizing:border-box }
.archive__link:hover::after { border-color:rgba(0,0,0,0.2) }
.archive__link:hover  { box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0.2) }
.archive__img { 
    display:block ; overflow:hidden ; width:100% ; height:22rem ; 
    background:no-repeat 0 0 ; position:relative } 
.y25 .archive__img::before { background-image:url(../../root_archive/year_25.jpg) }
.y26 .archive__img::before { background-image:url(../../root_archive/year_26.jpg) }
.y27 .archive__img::before { background-image:url(../../root_archive/year_27.jpg) }
.y28 .archive__img::before { background-image:url(../../root_archive/year_28.jpg) }
.y29 .archive__img::before { background-image:url(../../root_archive/year_29.jpg) }
.y30 .archive__img::before { background-image:url(../../root_archive/year_30.jpg) }

.m1 .archive__img::before { background-position:0 0 }
.m2 .archive__img::before { background-position:-20rem 0 }
.m3 .archive__img::before { background-position:-40rem 0 }
.m4 .archive__img::before { background-position:-60rem 0 }
.m5 .archive__img::before { background-position:-80rem 0 }
.m6 .archive__img::before { background-position:-100rem 0 }
.m7 .archive__img::before { background-position:0 -22rem }
.m8 .archive__img::before { background-position:-20rem -22rem }
.m9 .archive__img::before { background-position:-40rem -22rem }
.m10 .archive__img::before { background-position:-60rem -22rem }
.m11 .archive__img::before { background-position:-80rem -22rem }
.m12 .archive__img::before { background-position:-100rem -22rem }

.archive__link:hover .archive__img::before { transform:translate(-50%,-50%) scale(1.05) }

.archive__date , .archive__vol { 
    display:inline-block ; padding-top:1rem ;
    font-size:1.6rem ; line-height:2.8rem ; font-weight:600 }
.archive__date::after {
    display:inline-block ; overflow:hidden ; content:"" ; margin:0 0.8rem ;
    width:1px ; height:1.2rem ; background-color:rgba(0,0,0,0.1) ;
}
.archive__link:hover .archive__date , .archive__link:hover .archive__vol { color:#000000 }
*/

} 
    




@media print { }