@charset "utf-8";
 
/* VISUAL */
.visual__slide , .slide__list , .slide , .slide::before , .slide::after { width:100% ; box-sizing:border-box }
.visual__slide , .slide__list { position:relative ; height:40rem }  
.visual__slide { margin-bottom:6rem ; overflow:hidden }
.slide__list   { background-color:#444444 ; z-index:40 }
.slide , .slide::before , .slide::after { display:block ; height:100% ; position:absolute }
.slide { left:0 ; top:0 ; overflow:hidden }
.slide::before , .slide::after { content:"" ; left:50% ; top:50% ; transform:translate(-50%,-50%) }
.slide::before { 
    background:no-repeat center top ; background-size:cover ; z-index:41 ;    
    animation-name:main_visual ;
    animation-delay:0.5s ;
    animation-duration:60s ;
    animation-iteration-count:infinite ;
} 
@keyframes main_visual { 
    0%   { transform:translate(-50%,-50%) scale(1) }   
    45%  { transform:translate(-50%,-50%) scale(1.1) }       
    50%  { transform:translate(-50%,-50%) scale(1.1) }    
    95%  { transform:translate(-50%,-50%) scale(1) } 
    100% { transform:translate(-50%,-50%) scale(1) }   
} 
.slide::after  { 
    width:101% ; height:101% ;
    background-color:rgba(0,0,0,0.5) ; z-index:42 }

.slide:nth-child(1)  { left:-100% } 
.slide:nth-child(3)  { left:100% }
.slide:nth-child(4)  { left:200% }
.slide:nth-child(5)  { left:300% }
.slide:nth-child(6)  { left:400% }
.slide:nth-child(7)  { left:500% }
.slide:nth-child(8)  { left:600% }
.slide:nth-child(9)  { left:700% }
.slide:nth-child(10) { left:800% }
.slide:nth-child(11) { left:900% }

.slide.slide1::before { background-image:url(../img/slide1_MB.jpg) }
.slide.slide2::before { background-image:url(../img/slide2_MB.jpg) }
.slide.slide3::before { background-image:url(../img/slide3_MB.jpg) }
.slide.slide4::before { background-image:url(../img/slide4_MB.jpg) }
.slide.slide5::before { background-image:url(../img/slide5_MB.jpg) }
.slide.slide6::before { background-image:url(../img/slide6_MB.jpg) }
.slide.slide7::before { background-image:url(../img/slide7_MB.jpg) }
.slide.slide8::before { background-image:url(../img/slide8_MB.jpg) }
.slide.slide9::before { background-image:url(../img/slide9_MB.jpg) }

.slide__container , .slide__pagination { width:84% }
.slide__container { position:absolute ; left:50% ; bottom:6rem ; z-index:43 ; transform:translateX(-50%) }
.slide__date , .slide__title , .slide__txt { 
    text-align:left ; word-break:keep-all ; color:#ffffff ;
    text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ;
}
.slide__date , .slide__txt span { transition:0.3s all }
.slide__date  { font-size:3rem ; line-height:3.6rem ; font-weight:200 ; letter-spacing:-0.2rem ; margin-bottom:0.5rem ; opacity:0.8 ; }
.slide__title { font-size:3.6rem ; line-height:4rem ; font-weight:500 ; letter-spacing:-0.1rem ; margin-bottom:2rem }
.slide__link  {
    width:100% ; height:100% ; display:block ; overflow:hidden ;
    font-size:0 ; color:transparent ;
    position:absolute ; left:0 ; top:0
} 
.slide__txt span { 
    display:inline-block ; word-break:inherit ;
    font-size:1.4rem ; line-height:2.4rem ; color:inherit ; font-weight:300 ;
    opacity:0.8 ;
}
.slide__txt span i {
    font-size:inherit ; line-height:inherit; color:inherit ; font-weight:inherit ;
    opacity:inherit ; font-style:normal ;
}
.slide__container:hover .slide__date , .slide__container:hover .slide__txt span { opacity:1 } 

.slide__txt br   { display:none } 
.slide__title__more , .slide__title__more::before , .slide__title__more::after { transition:0.3s all }
.slide__title__more {
    display:inline-block ; overflow:hidden ; width:3rem ; height:3rem ;
    border-radius:0.4rem ; border:solid 1px rgba(255,255,255,0.1) ;
    position:relative ; top:0.7rem ; margin-left:0.5rem ;
}
.slide__title__more::before , .slide__title__more::after {
    display:block ; content:"" ; width:1.1rem ; height:1px ; 
    background-color:rgba(255,255,255,0.5) ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
.slide__title__more::before { transform:translate(-50%,-50%) rotate(0deg) }
.slide__title__more::after  { transform:translate(-50%,-50%) rotate(90deg) }

.slide__container:hover .slide__title__more::before { transform:translate(-50%,-50%) rotate(90deg) }
.slide__container:hover .slide__title__more::after  { transform:translate(-50%,-50%) rotate(180deg) }
.slide__container:hover .slide__title__more::before ,
.slide__container:hover .slide__title__more::after  { opacity:1 ; background-color:#ffffff }
.slide__container:hover .slide__title__more { border-color:rgba(255,255,255,0.3) ; background-color:rgba(0,0,0,0.2) }
.slide__container:hover .slide__title__more::before ,
.slide__container:hover .slide__title__more::after  { width:1.3rem ; height:0.2rem }
 
.visual__box:hover .slide__write::after , .slide:hover .slide__write::after { opacity:0.9 }
.slide:hover .slide__write { color:#ffffff }
  
.visual__box , .visual__box::before , .visual__box::after { width:100% ; height:100% ; overflow:hidden ; display:block }
.visual__box { position:relative }
.visual__box::before , .visual__box::after {
    content:"" ; transition:0.3s all ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
} 
.visual__box::before {
    z-index:41 ;
    background:url(../img/slide1_MB.jpg) no-repeat center ; background-size:cover ;
    transform:translate(-50%,-50%) scale(1.2) ; 
    animation-name:main_visual ;
    animation-delay:0.5s ;
    animation-duration:60s ;
    animation-iteration-count:infinite ;
}   
.visual__box::after {
    z-index:42 ;
    background-color:rgba(0,0,0,0.5) ;
}
.visual__box:hover::after { background-color:rgba(0,0,0,0.6)}
 


/* PREV+NEXT */
.slide__prevNext { width:100% ; box-sizing:border-box }
.slide__PN__btn , .slide__PN__btn::before { transition:0.3s all }
.slide__PN__btn {
    width:3rem ; height:3rem ; position:absolute ; top:50% ; transform:translateY(-50%) ; z-index:50 ;
    font-size:0 ; color:transparent ;   
}
.slide__PN__btn::before { 
    display:block ; content:"" ; position:absolute ; top:50% ; transform:translate(-50%,-50%) ; opacity:0.4 ;
    width:1rem ; height:1rem ; border:solid 1px #ffffff ; border-bottom:none }
.slide__PN__btn.prev { left:-4rem ; border-right:none ; opacity:0 }
.slide__PN__btn.next { right:-4rem ; border-left:none ; opacity:0 }

#visual:hover .slide__PN__btn.prev { left:0 ; border-right:none ; opacity:0.5 }
#visual:hover .slide__PN__btn.next { right:0 ; border-left:none ; opacity:0.5 }

.slide__PN__btn.prev::before  { border-right:none ; transform:translate(-50%,-50%) rotate(-45deg) ; left:55% }
.slide__PN__btn.next::before  { border-left:none ; transform:translate(-50%,-50%) rotate(45deg) ; right:20% }
.slide__PN__btn:hover::before , .slide__PN__btn:focus::before { opacity:1 } 
.slide__PN__btn.prev:hover::before , .slide__PN__btn.prev:focus::before  { transform:translate(-50%,-50%) rotate(-45deg) scale(1.1)}
.slide__PN__btn.next:hover::before , .slide__PN__btn.next:focus::before  { transform:translate(-50%,-50%) rotate(45deg) scale(1.1)}



/* PAGE */
.slide__pagination {  
    box-sizing:border-box ; 
    font-size:0 ; color:transparent ; text-align:left ;
    position:absolute ; left:50% ; bottom:2rem ; z-index:50 ; transform:translateX(-50%) ;
}
.slide__pagination .page { display:inline-block ; margin:0 1rem 0 0 }
.slide__pagination .page > button {
    width:1rem ; height:1rem ; display:block ; overflow:hidden ; border-radius:100% ;
    font-size:0 ; color:transparent ;
    background:none ; border:solid 1px rgba(255,255,255,0.3) ; box-sizing:border-box ;
    transition:0.3s all ;  
} 
.slide__pagination .page.now > button ,
.slide__pagination .page > button:hover , .slide__pagination .page > button:focus { border-color:rgba(255,255,255,0.7) }
.slide__pagination .page.now > button { 
    background-color:#ffffff ; border-color:#ffffff ;
    width:3rem ; border-radius:2rem ; opacity:0.9 ;
}


/* STOP/PLAY */
.slide__stopPlay , .slide__SP__btn , .slide__SP__btn::before { width:2rem ; height:2rem ; display:block ; overflow:hidden }
.slide__SP__btn , .slide__SP__btn::before { transition:0.3s all }
.slide__stopPlay { position:absolute ; right:1rem ; bottom:1rem ; z-index:51 }  
.slide__SP__btn { 
    border-radius:100% ; position:relative ; border-radius:100% ;
    background-color:rgba(0,0,0,0.2) ;
    font-size:0 ; color:transparent
}
.slide__SP__btn::before { 
    content:"" ; position:absolute ; left:0 ; top:0 ;
    background:url(../img/icon_PP.png) no-repeat left top ; background-size:4rem auto ;
    opacity:0.7 
}
.slide__SP__btn:hover , .slide__SP__btn:focus { background-color:rgba(0,0,0,0.5) }
.slide__SP__btn:hover::before  , .slide__SP__btn:focus::before { opacity:1 }  
.slide__SP__btn.play::before { background-position:right top }
.slide__SP__btn.play { display:none }
.stop .slide__SP__btn.play { display:block }
.stop .slide__SP__btn.stop { display:none }



/* SECTION */
.main_section , .sec__title , .sec__list , .sec__inner , .news__banner , .service__banner ,
.culture__poster , .event__box , #applyForm { width:100% ; box-sizing:border-box }
.main_section { margin-bottom:6rem ; text-align:center }
 
.sec__inner , #applyForm { max-width:37rem ; display:inline-block }
.sec__inner , #applyForm { padding:0 2.5rem }
.news__banner , .service__banner , .event__box , .culture__poster { max-width:32rem ; display:inline-block } 
.sec__title , .sec__title__icon { position:relative }  
.sec__title { margin-bottom:1rem }
.sec__title::after { display:block ; content:"" ; clear:both } 
.sec__title__icon , .sec__title__txt { display:block ; float:left }
.sec__title__icon { 
    overflow:hidden ; width:5rem ; height:5rem ;
    background-color:#ffde00 ; border-radius:100% ;
    margin-right:1rem ;
}
.sec__title__txt { 
    font-size:2.4rem ; line-height:3.8rem ; color:#111111 ; font-weight:800 ;
    letter-spacing:-0.15rem ;
    padding:0.5rem 0 0.7rem ;
}
.sec__title__icon::after {
    display:block ; content:"" ; width:4rem ; height:4rem ; opacity:0.8 ;
    background:no-repeat center ; background-size:4rem auto ; 
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
#news .sec__title__icon::after { background-image:url(../img/icon_yellow_news.png) }
#service .sec__title__icon::after { background-image:url(../img/icon_yellow_service.png) }
#culture .sec__title__icon::after { background-image:url(../img/icon_yellow_culture.png) }

.sec__list__link {
    width:100% ; box-sizing:border-box ; display:block ;
    font-size:1.6rem ; line-height:2.2rem ; text-align:left ;
    word-break:keep-all ; padding:0.8rem 0.2rem 1rem ;
    border-bottom:solid 1px rgba(0,0,0,0.1) ;
    transition:0.3s all ;
}
.sec__list__link:hover , .sec__list__link:focus { color:#111111 ; border-color:rgba(0,0,0,0.3) }
.sec__list__item span , .sec__list__link span { font-size:inherit ; line-height:inherit ; color:inherit ; font-weight:normal ; font-family:'맑은 고딕','Malgun Gothic' }
.sec__inner { margin-bottom:2rem } 





/* BANNER */ 
.news__banner , .NBS__list , .service__img , .service__img::before , .service__img::after , .service__link { width:100% ; height:19rem }
.news__banner , .BNR__more , .service__img , .service__banner  { position:relative }
.news__banner , .service__banner { overflow:hidden ;  margin:auto }
 
.BNR__more::before , .BNR__more::after { position:absolute }

.BNR__more , .BNR__more::before , .BNR__more::after { transition:0.3s all }

.NBS__tag , .service__tag , .itv__box__tag {
    display:inline-block ; overflow:hidden ; border-radius:2rem ;
    font-size:1.2rem ; line-height:1.8rem ; color:#111111 ; font-weight:500 ;
    padding:0.2rem 1rem 0.4rem ; background-color:#ffde00 ;
}
.NBS__tag , .service__tag { position:absolute ; left:2rem ; top:1.5rem ; z-index:10 } 

.BNR__more {
    display:inline-block ; width:1.6rem ; height:1.6rem ;
    font-size:0 ; color:transparent ;
    margin-left:0.7rem ; top:0.6rem ; opacity:0.4 ;
}
.BNR__more::before , .BNR__more::after { 
    display:block ; content:"" ; width:1.3rem ; height:0.1rem ;
    background-color:#ffffff ;
    top:50% ; left:50% 
}
.BNR__more::before { transform:translate(-50%,-50%) rotate(0deg) }
.BNR__more::after  { transform:translate(-50%,-50%) rotate(90deg) } 



/* NEWS BANNER(Rolling) */
.NBS__list , .NBS__slide { width:100% }  
.NBS__list  { position:absolute ; left:0 ; top:0 }
.NBS__slide { 
    height:100% ; overflow:hidden ;
    position:absolute ; top:1 ; text-align:left ;
}
.NBS__slide:nth-child(1) { left:-100% }
.NBS__slide:nth-child(2) { left:0 }
.NBS__slide:nth-child(3) { left:100% }
.NBS__slide:nth-child(4) { left:200% }
.NBS__slide:nth-child(5) { left:300% }
.NBS__slide:nth-child(6) { left:400% }
.NBS__slide:nth-child(7) { left:500% }
.NBS__slide:nth-child(8) { left:600% }

.NBS__img , .NBS__img::before , .NBS__img::after { 
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
    display:block ; width:100% ; height:100% ; 
} 
.NBS__img::before { background:no-repeat center ; background-size:cover }  
.slide1 .NBS__img::before { background-image:url(../img/thum_news1.jpg) }
.slide2 .NBS__img::before { background-image:url(../img/thum_news2.jpg) }
.slide3 .NBS__img::before { background-image:url(../img/thum_news3.jpg) }
.slide4 .NBS__img::before { background-image:url(../img/thum_news4.jpg) }
.slide5 .NBS__img::before { background-image:url(../img/thum_news5.jpg) }

.NBS__img::before , .NBS__img::after , .NBS__slide ,
.NBS__more , .NBS__more::before , .NBS__more::after ,
.NBS__PN__btn , .NBS__PN__btn::after { transition:0.3s all } 


.NBS__img::after  { background-color:rgba(0,0,0,0.3) }  
.NBS__img::before , .NBS__img::after { content:"" ; transform:translate(-50%,-50%) scale(1.02) } 
.NBS__slide:hover .NBS__img::before  { transform:translate(-50%,-50%) scale(1.1) }
.NBS__slide:hover .NBS__img::after  { background-color:rgba(0,0,0,0.5)  }
 
.NBS__box { 
    width:26rem ; 
    position:absolute ; left:2rem ; top:5rem
}
.NBS__link {
    display:block ;
    font-size:2rem ; line-height:2.8rem ; color:#ffffff ; font-weight:600 ;
    word-break:keep-all ; text-align:left ;
    text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ;
} 
.NBS__more { 
    display:inline-block ; overflow:hidden ; width:1.6rem ; height:1.6rem ; margin-left:0.7rem ;
    font-size:0 ; color:transparent ;
    position:relative ; top:0.6rem ; opacity:0.3 ;
}
.NBS__more::before , .NBS__more::after {
    display:block ; content:"" ; width:1.46rem ; height:0.2rem ;
    background-color:#ffffff ;
    position:absolute ; left:50% ; top:50%
}
.NBS__more::before { transform:translate(-50%,-50%) }
.NBS__more::after  { transform:translate(-50%,-50%) rotate(90deg) } 
.NBS__link:hover .NBS__more { opacity:0.8 }
.NBS__link:hover .NBS__more::before , .NBS__link:focus .NBS__more::before { transform:translate(-50%,-50%) rotate(90deg) }
.NBS__link:hover .NBS__more::after , .NBS__link:focus .NBS__more::after   { transform:translate(-50%,-50%) rotate(180deg) } 

.NBS__PN , .NBS__PN__btn { height:3rem }
.NBS__PN { width:6rem ; position:absolute ; top:1.2rem ; left:11rem }
.NBS__PN::after { display:block ; content:"" ; clear:both }
.NBS__PN__btn   { 
    width:3rem ; position:relative ;
    font-size:0 ; color:transparent ; opacity:0.7 ;
}
.NBS__PN__btn::after { 
    display:block ; content:"" ;
    position:absolute ; top:50% ; 
    width:1rem ; height:1rem ;
    border:solid 0.1rem #ffffff ; border-bottom:0 
}
.NBS__PN__btn.prev { float:left }
.NBS__PN__btn.next { float:right } 
.NBS__PN__btn.prev::after { 
    transform:translate(-50%,-50%) rotate(-45deg) ; left:60% ; 
    border-right:0 }
.NBS__PN__btn.next::after { 
    transform:translate(-50%,-50%) rotate(45deg) ; left:40% ;
    border-left:0 }
.NBS__PN__btn:hover , .NBS__PN__btn:focus { opacity:1 }  
.NBS__PN__btn.prev:hover::after , .NBS__PN__btn.prev:focus::after { transform:translate(-50%,-50%) rotate(-45deg) scale(1.1) }
.NBS__PN__btn.next:hover::after , .NBS__PN__btn.next:focus::after { transform:translate(-50%,-50%) rotate(45deg) scale(1.1) }

.NBS__SP__btn , .NBS__SP__btn::before , .NBS__P__btn { transition:0.3s all }
.NBS__SP , .NBS__SP__btn , .NBS__SP__btn::before { width:2rem ; height:2rem ; overflow:hidden }
.NBS__SP { position:absolute ; top:1.7rem ; right:1.5rem }
.NBS__SP__btn { 
    position:relative ; border-radius:100% ;
    background-color:rgba(0,0,0,0.2) ;
    font-size:0 ; color:transparent
}
.NBS__SP__btn::before {
    display:block ; content:"" ; opacity:0.7 ;
    background:url(../img/icon_PP.png) no-repeat 0 0 ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
.NBS__SP__btn:hover , .NBS__SP__btn:focus { background-color:rgba(0,0,0,0.6) }
.NBS__SP__btn:hover::before , .NBS__SP__btn:focus::before { opacity:1 } 
 
.stop .NBS__SP__btn.play  { display:block }
.NBS__SP__btn.play , .stop .NBS__SP__btn.stop  { display:none }
.NBS__SP__btn.play::before { background-position:right top }

.NBS__pagination { 
    width:10rem ; position:absolute ; left:2rem ; bottom:1rem ;
    font-size:0 ; text-align:left ;
}
.NBS__P_item { display:inline-block ; margin-right:1rem }
.NBS__P__btn { 
    display:block ; width:1rem ; height:1rem ; box-sizing:border-box ;
    overflow:hidden ; border-radius:2rem ;
    font-size:0 ; color:transparent ;
    border:solid 1px rgba(255,255,255,0.3)
}
.NBS__P__btn:hover , .NBS__P__btn:focus { background-color:#ffffff }
.NBS__P__btn.now { width:2rem ; border:none ; background-color:rgba(255,255,255,0.9) ;}



/* SERVICE IMG */ 
.service__img::before , .service__img::after , .service__link , .service__link span { transition:0.3s all }
.service__img::before , .service__img::after , .service__link {
    display:block ; width:100% ; height:100% ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) 
}
.service__img::before , .service__img::after { content:"" }
.service__img::before { 
    background:url(../img/thum_service1.jpg) no-repeat center ; background-size:cover ; 
    transform:translate(-50%,-50%) scale(1.01) ; 
    animation-name:visual_ani ;
    animation-delay:0.5s ;
    animation-duration:60s ;
    animation-iteration-count:infinite  
}

@keyframes visual_ani { 
    0%   { transform:translate(-50%,-50%) scale(1.01) }   
    45%  { transform:translate(-50%,-50%) scale(1.2) }       
    50%  { transform:translate(-50%,-50%) scale(1.2) }    
    95%  { transform:translate(-50%,-50%) scale(1.01) } 
    100% { transform:translate(-50%,-50%) scale(1.01) }   
} 

.service__img::after  { background-color:rgba(0,0,0,0.1) }
.service__link { 
    box-sizing:border-box ; width:100% ; height:100% ;
    border:solid 0.4rem #ffde00 ; 
}
.service__link span {
    display:block ; width:101% ; box-sizing:border-box ;
    padding:0.5rem 1rem 0.7rem ; background-color:#ffde00 ;
    font-size:1.6rem ; line-height:2.2rem ; color:rgba(0,0,0,0.8) ; font-weight:500 ; text-align:center ;
    position:absolute ; left:50% ; bottom:0 ; transform:translateX(-50%)  ; word-break:keep-all ;
}
 
.service__banner:hover .service__img::after  { background-color:rgba(0,0,0,0.2) }
.service__banner:hover .service__img::before { transform:translate(-50%,-50%) scale(1.1) ; transition:0.5s all }
.service__link:hover , .service__link:focus  { border-color:#111111 }
.service__link:hover span , .service__link:focus span { background-color:#111111 ; color:#ffde00 } 
 
.service__banner .service__link i {
    font-size:inherit ; line-height:inherit ; font-weight:inherit ; letter-spacing:inherit ;
    color:inherit ; font-style:inherit ; text-decoration:inherit ; text-align:inherit ; 
    word-break:inherit ;
}



/* CULTURE POSTER */
.culture__poster { overflow:hidden ; border-radius:0.4rem } 
.culture__poster::after { display:block ; content:"" ; clear:both }
.poster__link::before , .poster__link::after { width:100% ; height:100% }
.poster__link { 
    float:left ; width:33.3% ; height:19rem ; position:relative ;
    display:block ; overflow:hidden ; 
    font-size:0 ; color:transparent ; 
} 
.poster__link:nth-child(2) { width:33.4% }
.poster__link::before , .poster__link::after , .poster__line { transition:0.3s all }
.poster__link::before , .poster__link::after {
    display:block ; content:"" ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) scale(1.01) ;
}
.poster__link::before { background:no-repeat center top ; background-size:cover ; z-index:10 }
.poster__link::after  { background-color:rgba(0,0,0,0.1) ; z-index:11; }

.poster__link.poster1::before { background-image:url(../img/thum_culture1.jpg) }
.poster__link.poster2::before { background-image:url(../img/thum_culture2.jpg) }
.poster__link.poster3::before { background-image:url(../img/thum_culture3.jpg) }
.poster__line {
    display:block ; overflow:hidden  ; background-color:#ffde00 ;
    position:absolute ; z-index:12 ;
}
.poster__line:nth-child(1) { left:0 ; top:0 ; width:0 ; height:0.5rem }
.poster__line:nth-child(2) { right:0 ; top:0 ; width:0.5rem ; height:0 }
.poster__line:nth-child(3) { right:0 ; bottom:0 ; width:0 ; height:0.5rem}
.poster__line:nth-child(4) { left:0 ; bottom:0 ; width:0.5rem ; height:0 }

.poster__link:hover .poster__line:nth-child(1) , .poster__link:focus .poster__line:nth-child(1) , 
.poster__link:hover .poster__line:nth-child(3) , .poster__link:focus .poster__line:nth-child(3) { width:100% }
.poster__link:hover .poster__line:nth-child(2) , .poster__link:focus .poster__line:nth-child(2) ,
.poster__link:hover .poster__line:nth-child(4) , .poster__link:focus .poster__line:nth-child(4) { height:100% }

.poster__link:hover::before , .poster__link:focus::before { transform:translate(-50%,-50%) scale(1.1) }
.poster__link:hover::after , .poster__link:focus::after   { background-color:rgba(0,0,0,0) }



/* INTERVIEW */
.itv__inner { width:100% ; text-align:center ; font-size:0 }
.itv__box , .itv__box__img , .itv__box__img::before , .itv__box__img::after { 
    width:20rem ; height:25rem ;
    display:block ;
}
.itv__box , .itv__box__img { position:relative }
.itv__box { display:inline-block ; overflow:hidden ; margin-bottom:3rem }

.itv__box__img::before , .itv__box__img::after ,
.itv__box__tag , .itv__box__txt , .itv__box__link { transition:0.3s all }

.itv__box__img::before , .itv__box__img::after { 
    content:"" ;  
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
.itv__box__img::before { background:no-repeat center top ; background-size:cover }
.itv__box__img::after  { background-color:rgba(0,0,0,0.4) ; transform:translate(-50%,-50%) scale(1.02) }

.itv__box:hover .itv__box__img::before { transform:translate(-50%,-50%) scale(1.1)}
.itv__box:hover .itv__box__img::after  { background-color:rgba(0,0,0,0.7) }

.box1 .itv__box__img::before { background-image:url(../img/thum_interview1.jpg) }
.box2 .itv__box__img::before { background-image:url(../img/thum_interview2.jpg) }

.itv__box__link { 
    display:block ; width:100% ; box-sizing:border-box ; padding:0 1rem ;
    font-size:0 ; text-align:center ;  
    position:absolute ; left:0 ; bottom:1.5rem  
}
.itv__box__tag { margin-bottom:1rem }
.itv__box__txt { 
    display:block ; width:100% ; text-align:center ;
    font-size:2rem ; line-height:2.8rem ; color:#ffffff ; font-weight:500 ; text-align:center ;
    text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ; word-break:keep-all 
} 
 
.itv__event {   
    width:94% ; max-width:35rem ; height:23rem ; margin:0 auto 1rem ; 
    display:block ; overflow:hidden ; border-radius:0.6rem ;
    font-size:0 ; color:transparent ;
    background:url(../img/event_banner_MB.jpg) no-repeat center ;  
} 



 

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

    /* MAIN */
    #main { margin-bottom:0 }

    
    /* VISUAL */
    .visual__slide , .slide__list { height:100vh ; min-height:90rem } 
    .visual__slide { position:relative ; margin-bottom:0 }
    .slide.slide1::before { background-image:url(../img/slide1.jpg) }
    .slide.slide2::before { background-image:url(../img/slide2.jpg) }
    .slide.slide3::before { background-image:url(../img/slide3.jpg) }
    .slide.slide4::before { background-image:url(../img/slide4.jpg) }
    .slide.slide5::before { background-image:url(../img/slide5.jpg) }
    .slide.slide6::before { background-image:url(../img/slide6.jpg) }
    .slide.slide7::before { background-image:url(../img/slide7.jpg) }
    .slide.slide8::before { background-image:url(../img/slide8.jpg) }
    .slide.slide9::before { background-image:url(../img/slide9.jpg) }
   
    .slide__container , .slide__pagination , .slide__stopPlay  { width:96% ; max-width:140rem }
    .slide__container { bottom:auto ; top:22rem }
    .slide__date  { font-size:4.6rem ; line-height:5rem ; letter-spacing:-0.3rem ; margin-bottom:1rem }
    .slide__title { font-size:5.2rem ; line-height:6rem ; font-weight:600 ; letter-spacing:-0.2rem ; margin-bottom:3rem }
    .slide__title__more { top:1.7rem }
    .slide__txt br   { display:block }
    .slide__txt span { 
        font-size:1.6rem ; line-height:2.8rem ; letter-spacing:0 ;
        border-left:solid 1px rgba(255,255,255,0.15) ;
        padding-left:2rem ; padding-bottom:0.2rem ;
    }
    .slide__txt span i { display:block }
    .slide__link { width:50% }


    
    /* PAGE */
    .slide__pagination { 
        width:90% ; max-width:130rem  ; 
        top:18rem ; bottom:auto ; z-index:50 ;
    }



    /* PREV+NEXT */
    .slide__prevNext { 
        width:9rem ; height:4rem ; box-sizing:border-box ; display:block ;
        position:absolute ; left:50% ; top:16.5rem ; z-index:55 ;
        transform:translateX(-50%) ; margin-left:-25% ; opacity:1 ;        
    } 
    .slide__PN__btn  { 
        width:4rem ; height:4rem ; border-radius:100% ;
        top:0 ; transform:none ; 
        background-color:rgba(0,0,0,0.3)
    }
    .slide__PN__btn::before  { opacity:1 }
    .slide__PN__btn.prev , .slide__PN__btn.next , #visual:hover .slide__PN__btn { opacity:0.5 }
    .slide__PN__btn.prev , #visual:hover .slide__PN__btn.prev { left:0 }
    .slide__PN__btn.next , #visual:hover .slide__PN__btn.next { right:0 } 
    .slide__PN__btn.next::before  { border-left:none ; transform:translate(-50%,-50%) rotate(45deg) ; right:30% }  
    .slide__PN__btn.next:hover , .slide__PN__btn.prev:hover { background-color:rgba(0,0,0,0.9) ; opacity:1 }


 
    /* STOP/PLAY */
    .slide__stopPlay { bottom:auto ; right:auto ; left:50% ; top:17.5rem ; transform:translateX(-50%) ; z-index:49 }



    /* SECTION */
    .main__inner { width:100% ; position:relative }
    .main_section { position:absolute ; bottom:0 ; width:25% ; z-index:50 ; margin-bottom:0 }
    #news.main_section { left:0 }
    #service.main_section { left:25% }
    #culture.main_section { left:50% }
    #interview.main_section { left:75% }
    
    .main_section::after { 
        width:1px ; height:45rem ; display:block ; content:"" ;
        position:absolute ; right:0 ; bottom:0 ; z-index:55 ;
        background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 100%) ;
    }
 
    .sec__inner , #applyForm , .news__banner , .service__banner , .event__box , .culture__poster { max-width:none }
    .sec__title__txt { 
        color:#ffffff ; font-weight:500 ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ; 
        letter-spacing:-0.1rem ;
    }

    .sec__list__link { 
        color:rgba(255,255,255,0.8) ; border-color:rgba(255,255,255,0.1) ;
        word-wrap:break-word ; white-space:nowrap ; overflow:hidden ; text-overflow:ellipsis ;
        transition:0.3s all ;
    }
    .sec__list__link:hover , .sec__list__link:focus { 
        color:#ffffff ; border-color:rgba(255,255,255,0.3) ;
        word-wrap:normal ; white-space:inherit ; overflow:auto ; text-overflow:inherit ; 
        padding: 1.2rem 0.2rem 1.4rem 
    }

    .news__banner, .service__banner , .culture__poster { border-radius:0 }

    .service__banner .service__link i { display:block }


    /* CULTURE POSTER */
    .culture__poster , .itv__inner { width:100.1% }



    /* INTERVIEW */
    .itv__inner::after , .etc__zone__inner::after { display:block ; content:"" ; clear:both }
    .itv__box { width:50% ; float:left ; margin:0 ; padding:0 }
    .itv__box__img , .itv__box__img::before , .itv__box__img::after { width:100% }

    .itv__event {
        width:100% ;
        max-width:none ; height:13rem ; border-radius:0 ; margin:0 ;
        background-image:url(../img/event_banner.jpg) ; 
        position:relative ; 
    }  
    .itv__event::before {
        width:100% ; height:100% ; display:block ; content:"" ;
        position:absolute ; left:0 ; top:0 ; 
        background:url(../img/event_banner_hover.jpg) no-repeat center ;
        opacity:0 ; transition:0.3s all ;    
    }
    .itv__event:hover::before , .itv__event:focus::before { opacity:1 }

 
 
} 





/* PRINT **********/
@media print { } 
 