@charset "utf-8";

/* VISUAL */ 
.visual { width:100% ; height:40rem ; overflow:hidden ; position:relative }
.visual::before , .visual::after {
    display:block ; content:"" ; width:100% ; height:100% ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;

}

.visual::before { 
    z-index:5 ;
    background:url(../img_sub/visual_11_MB.jpg) no-repeat center ; background-size:cover ;
    transform:translate(-50%,-50%) scale(1.1) ; 
    animation-name:visual_ani ;
    animation-delay:0.5s ;
    animation-duration:60s ;
    animation-iteration-count:infinite  
}
.visual::after  { z-index:6 ; background-color:rgba(0,0,0,0.5) }

#YU11 .visual::before , #YU12 .visual::before , #YU13 .visual::before , 
#YU14 .visual::before , #YU15 .visual::before , #YU16 .visual::before { background-image:url(../img_sub/visual_11_MB.jpg) } 

#YU21 .visual::before { background-image:url(../img_sub/visual_21_MB.jpg) } 
#YU21.YU21__tab2 .visual::before { background-image:url(../img_sub/visual_212_MB.jpg) } 
#YU22 .visual::before { background-image:url(../img_sub/visual_22_MB.jpg) } 
#YU23 .visual::before { background-image:url(../img_sub/visual_23_MB.jpg) } 
#YU24 .visual::before { background-image:url(../img_sub/visual_24_MB.jpg) } 
#YU25 .visual::before { background-image:url(../img_sub/visual_25_MB.jpg) } 
#YU26 .visual::before { background-image:url(../img_sub/visual_26_MB.jpg) } 

#YU31 .visual::before { background-image:url(../img_sub/visual_31_MB.jpg) } 
#YU32 .visual::before { background-image:url(../img_sub/visual_32_MB.jpg) } 
#YU33 .visual::before { background-image:url(../img_sub/visual_33_MB.jpg) } 
#YU34 .visual::before { background-image:url(../img_sub/visual_34_MB.jpg) } 
#YU35 .visual::before { background-image:url(../img_sub/visual_35_MB.jpg) } 
#YU36 .visual::before { background-image:url(../img_sub/visual_36_MB.jpg) } 

#YU41 .visual::before { background-image:url(../img_sub/visual_41_MB.jpg) } 
#YU42 .visual::before { background-image:url(../img_sub/visual_42_MB.jpg) } 
#YU43 .visual::before { background-image:url(../img_sub/visual_43_MB.jpg) } 
#YU44 .visual::before { background-image:url(../img_sub/visual_44_MB.jpg) } 
#YU45 .visual::before { background-image:url(../img_sub/visual_45_MB.jpg) } 
#YU46 .visual::before { background-image:url(../img_sub/visual_46_MB.jpg) } 

#YU91 .visual::before { background-image:url(../img_sub/visual_event_MB.jpg) } 

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

.visual__box , .visual__title { width:100% ; box-sizing:border-box }
.visual__box { 
    padding:0 2.5rem ;
    position:absolute ; left:50% ; bottom:15% ; transform:translateX(-50%) ; z-index:7 ;
    text-align:center ;
}
.visual__tag { 
    display:inline-block ; border-radius:4rem ;
    font-size:1.6rem ; line-height:1.8rem ; color:#111111 ; font-weight:500 ;
    padding:0.7rem 2rem 0.9rem ; margin-bottom:2rem ;
    background-color:#ffde00 ; position:relative ;
}
.visual__tag span { display:none }
.visual__title {
    font-family:'NanumMyeongjo', serif ; font-size:3rem ; line-height:4rem ;
    text-align:center ; color:#ffffff ; word-break:keep-all ; font-weight:300 ;
    text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ;
}
.visual__title i {
    font-style:normal ; display:block ; padding:0.5rem ;
    font-family:inherit ; font-size:85% ; line-height:inherit ; 
    text-align:inherit ; color:inherit ; word-break:keep-all ; font-weight:inherit ;
    text-shadow:inherit
}
.visual__title br { display:none }
.visual__tag span::before {
    width:4.5rem ; height:4.5rem ; display:block ; content:"" ;
    background:url(../img_sub/icon_yellow_basic.png) center ; background-size:cover ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}

#YU11 .visual__tag span::before , #YU12 .visual__tag span::before , #YU13 .visual__tag span::before ,
#YU14 .visual__tag span::before , #YU15 .visual__tag span::before , #YU16 .visual__tag span::before { background-image:url(../img_sub/icon_yellow_news.png) }

#YU21 .visual__tag span::before , #YU22 .visual__tag span::before , #YU23 .visual__tag span::before ,
#YU24 .visual__tag span::before , #YU25 .visual__tag span::before , #YU26 .visual__tag span::before { background-image:url(../img_sub/icon_yellow_service.png) }

#YU31 .visual__tag span::before , #YU32 .visual__tag span::before , #YU33 .visual__tag span::before ,
#YU34 .visual__tag span::before , #YU35 .visual__tag span::before , #YU36 .visual__tag span::before { background-image:url(../img_sub/icon_yellow_culture.png) }

#YU41 .visual__tag span::before , #YU42 .visual__tag span::before , #YU43 .visual__tag span::before ,
#YU44 .visual__tag span::before , #YU45 .visual__tag span::before , #YU46 .visual__tag span::before { background-image:url(../img_sub/icon_yellow_mike.png) }

#YU91 .visual__tag span::before { background-image:url(../img_sub/icon_yellow_event.png) }



/* BREAD CRUMBS */
.breadcrumbs , .BC_inner { width:100% ; box-sizing:border-box }
.breadcrumbs { padding:1rem 2rem 1.2rem ; border-bottom:solid 1px rgba(0,0,0,0.1) }
.BC_depth { 
    display:inline-block ; position:relative ;
    font-size:1.4rem ; line-height:2.8rem ; font-weight:500 ;
    padding-right:2rem ; margin-right:1rem ;
}
a.BC_depth:hover , a.BC_depth:focus { color:#111111 ; text-decoration:underline }
.BC_depth::after { 
    width:0.7rem ; height:0.7rem ; display:block ; content:"" ;
    position:absolute ; right:0 ; top:1.5rem ; transform:translate(-50%,-50%) rotate(45deg) ;
    border:solid 1px rgba(0,0,0,0.3) ; border-left:none ; border-bottom:none ;
}
.BC_depth:last-child { padding-right:0 ; margin-right:0 }
.BC_depth:last-child:after { display:none }



/* CONTAINER*/
.container { width:100% ; box-sizing:border-box ; padding-top:6rem ; margin-bottom:7rem }
 


/* ARTICLE PREV+NEXT */
.article__PN , .AP__link { width:100% ; box-sizing:border-box }
.article__PN { padding:4rem 2.5rem 0 ; border-top:solid 1px rgba(0,0,0,0.1) }
.AP__list , .article__history { margin-bottom:2rem }
.AP__item { margin-bottom:0.5rem } 
.AP__link , .AP__link span , .AP__link span::before { border-radius:0.4rem }
.AP__link , .AP__link span , .AP__link span::before , .AP__link span::after { transition:0.3s all }
.AP__link { 
    display:block ; border:solid 1px rgba(0,0,0,0.1) ;
    font-size:1.6rem ; line-height:2.8rem ;
    padding:0.5rem 2rem 0.7rem 5rem ; position:relative
}
.AP__link b , .AH__btn__open b { 
    font-size:inherit ; line-height:inherit ; color:inherit ;
    font-weight:600 ;
}
.AP__link span , .AP__link span::before { 
    display:block ; width:4rem ; height:100% ;
    position:absolute ; 
}
.AP__link span { 
    background-color:#ffde00 ; border:solid 1px #ffde00 ;
    left:-1px ; top:-1px ; 
}
.AP__link span::before , .AP__link span::after { 
    content:"" ; display:block ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
.AP__link span::before { border:solid 1px rgba(0,0,0,0.05) }
.AP__link span::after { 
    width:1rem ; height:1rem ; 
    border:solid 0.2rem rgba(0,0,0,0.9) ;  
    transform:translate(-50%,-50%) rotate(45deg) ;
}

.prev .AP__link span::after { border-top:none ; border-right:none ; left:55% }
.next .AP__link span::after { border-left:none ; border-bottom:none ; left:45% }

.AP__link:hover , .AP__link:focus { color:#111111 ; border-color:rgba(0,0,0,0.3) }
.AP__link:hover span , .AP__link:focus span { background-color:#111111 ; border-color:#111111 }
.AP__link:hover span::before , .AP__link:focus span::before { border-color:rgba(0,0,0,0.2) }
.AP__link:hover span::after , .AP__link:focus span::after   { 
    border-color:#ffde00 ;
    transform:translate(-50%,-50%) rotate(45deg) scale(0.8) ;
}



/* ARTICLE HISTORY */
.article__PN { margin-bottom:5rem }
.article__history , .AH__btn__open , .AH__sub , .AH__list , .AH__list a { width:100% ; box-sizing:border-box }
.article__history , .AH__btn__open { position:relative }
.AH__btn__open , .AH__sub { border-radius:0.4rem }
.AH__btn__open , .AH__btn__open::after , .AH__list a , .AH__btn__close , .AH__sub { transition:0.3s all }
.AH__btn__open {
    display:block ; padding:0.5rem 4.5rem 0.7rem 1.5rem ; margin-bottom:0.5rem ;
    font-size:1.6rem ; line-height:2.8rem ; color:#ffffff ; text-align:left ;
    background-color:#111111 ; border:solid 1px #111111 ; 
}
.AH__btn__open::after {  
    display:block ; content:"" ;
    width:0.8rem ; height:0.8rem ; opacity:0.8 ;
    border:solid 0.2rem #ffffff ; border-left:none ; border-top:none ;
    position:absolute ; right:1rem ; top:45% ; transform:translate(-50%,-50%) rotate(45deg) ;
}
.AH__btn__open:hover , .AH__btn__open:focus { color:#ffde00 }
.AH__btn__open:hover::after , .AH__btn__open:focus::after {  
    opacity:1 ; border-color:#ffde00 ;
    transform:translate(-50%,-50%) rotate(45deg) scale(1.1) ;
}

.open .AH__btn__open::after {
    opacity:1 ; top:55% ;
    transform:translate(-50%,-50%) rotate(-135deg)
}

.AH__sub { 
    overflow:hidden ; background-color:rgba(0,0,0,0.8) ; padding:0 1.5rem ;
    height:0
}
.open .AH__sub { padding:1.5rem ; height:auto }
.AH__list a {
    display:block ;
    font-size:1.6rem ; line-height:2.4rem ; color:rgba(255,255,255,0.9) ; font-weight:300 ;
    word-break:keep-all ; text-align:left ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ;
    padding:0.8rem 0.2rem 1rem ;
    border-bottom:solid 1px rgba(255,255,255,0.1)
}
.AH__list a:hover , .AH__list a:focus { 
    color:#ffffff ; border-color:rgba(255,255,255,0.5) ;
    background-color:rgba(0,0,0,0.3) ;
}

.AH__btn__close {
    display:none ; width:1.5rem ; height:1.5rem ; margin:0.5rem auto ; 
    font-size:0 ; color:transparent ;
    position:relative ; opacity:0.3 ;
}
.open .AH__btn__close { display:block }
.AH__btn__close:hover , .AH__btn__close:focus { opacity:0.8 }
.AH__btn__close::before , .AH__btn__close::after {
    display:block ; content:"" ; width:1.1rem ; height:0.1rem ; 
    background-color:#000000 ; 
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
.AH__btn__close::before { transform:translate(-50%,-50%) rotate(45deg) }
.AH__btn__close::after  { transform:translate(-50%,-50%) rotate(-45deg) }

.article__event , .article__event__link { display:block ; width:100% ; box-sizing:border-box }
.article__event { max-width:35rem ; margin:auto ; position:relative }
.article__event__link , .article__event__link::after { border-radius:0.6rem ; overflow:hidden } 
.article__event__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:0 ; top:0
}
.article__event__link {
    height:23rem ;
    font-size:0 ; color:transparent ;
    background:url(../img/event_banner_MB.jpg) no-repeat center ;
}



/* ACCORDION */
.YU__sec , .YU__sub , .acc__container , .acc , .acc__header , .acc__title , .acc__body , .acc__contents  { width:100% ; box-sizing:border-box }
.YU__sec , .acc__container { padding:0 2.5rem }
.acc { 
    border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.6rem ;
    margin-bottom:1rem ;
}
.acc.now { 
    border-color:rgba(0,0,0,0.2) ; position:relative ;
    box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0.2) ;
}
.acc:last-of-type { margin-bottom:0 }
.acc__header , .acc__title { position:relative }
.acc__header { padding:1.5rem 3rem 1.7rem 1rem }

.acc , .acc__title , .acc__title b , 
.acc__btn__open > span , .acc__btn__open > span::before , .acc__btn__open > span::after ,
.acc__body , .acc__body::before { transition:0.3s all }

.acc__title { 
    padding:0 0 0 3.5rem ;  
    font-size:2rem ; line-height:2.8rem ; font-weight:800 ; color:#111111 ;
    letter-spacing:-0.1rem ; text-align:left 
}
.tag .acc__title { padding-left:0 }
.acc__title::after { display:block ; content:"" ; clear:both }
.acc__title b { 
    display:block ; width:3rem ; height:3rem ; box-sizing:border-box ;
    overflow:hidden ; border-radius:100% ; margin-right:0.5rem ;
    font-size:1.6rem ; line-height:1.8rem ; font-weight:800 ; text-align:center ;
    background-color:rgba(0,0,0,0.05) ; padding:0.5rem 0 0.7rem ; letter-spacing:-0.1rem ;
    position:absolute ; left:0 ; top:-0.2rem
}
.tag .acc__title b {
    display:inline-block ; width:auto ; height:auto ;
    position:relative ; left:auto ; top:0 ; border:solid 1px rgba(0,0,0,0.05) ; box-sizing:border-box ;
    border-radius:0.4rem ; padding:0.5rem 1rem 0.7rem ;
    font-weight:600 ;
}
.acc__header:hover .acc__title b { background-color:#444444 ; color:#ffffff }
 
.now .acc__title b , .now .acc__header:hover .acc__title b { background-color:#ffde00 ; color:#ffffff ; text-shadow:none } 
.tag .now .acc__title b , .tag .now .acc__header:hover .acc__title b { color:#111111 }

.acc__btn__open { 
    position:absolute ; left:0 ; top:0 ;
    width:100% ; height:100%
}

.acc__btn__open > span {
    font-size:0 ; color:transparent ; 
    display:block ; width:2rem ; height:2rem ; 
    position:absolute ; right:1rem ; top:2rem ; 
    opacity:0.3 ;
}
.acc__btn__open:hover > span , .acc__btn__open:focus > span { opacity:1 }

.acc__btn__open > span::before , .acc__btn__open > span::after { 
    display:block ; content:"" ; width:1.6rem ; height:0.2rem ;
    background-color:#000000 ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
.acc__btn__open > span::before { transform:translate(-50%,-50%) rotate(0deg) } 
.acc__btn__open > span::after  { transform:translate(-50%,-50%) rotate(90deg) }

.acc__btn__open:hover > span::before , .acc__btn__open:focus > span::before { transform:translate(-50%,-50%) rotate(90deg) } 
.acc__btn__open:hover > span::after , .acc__btn__open:focus > span::after   { transform:translate(-50%,-50%) rotate(180deg) }

.now .acc__btn__open > span { opacity:1 }
.now .acc__btn__open > span::before ,
.now .acc__btn__open > span::after  { transform:translate(-50%,-50%) rotate(0) }
.now .acc__btn__open > span::after  { opacity:0 }

.acc__body       { padding:0 2rem ; overflow:hidden ; height:0 ; position:relative ; opacity:0 }
.now .acc__body  { padding:2rem ; height:auto ; opacity:1 }
.acc__body::before { 
    display:block ; overflow:hidden ; content:"" ; width:0% ; height:0 ; 
    border-bottom:dashed 1px rgba(0,0,0,0.1) ; opacity:0 ;
    position:absolute ; left:50% ; top:0 ; transform:translateX(-50%) ;
} 
.now .acc__body::before { opacity:1 ; width:94% } 

.acc__contents { margin-bottom:2rem }

.acc__btn__close {
    display:none ; width:100% ; height:7rem ;  
    position:absolute ; left:0 ; top:0 ;
    font-size:0 ; color:transparent ;
} 
.now .acc__btn__close { display:block ; background:none }

.acc__guide { margin-bottom:1.5rem }
.acc__guide__btns { width:100% ; text-align:right ; font-size:0 }
.acc__guide__btn , .acc__guide__btn::after , .acc__guide__btn::before { 
    border-radius:0.4rem ; box-sizing:border-box ;
    transition:0.3s all ; 
}
.acc__guide__btn {
    display:inline-block ; overflow:hidden ; padding:0.2rem 1.5rem 0.4rem ; margin-left:0.5rem ; 
    font-size:1.6rem ; line-height:3rem ; 
    position:relative ;
}
.acc__guide__btn::before , .acc__guide__btn::after {
    display:block ; width:100% ; height:100% ; content:"" ;
    position:absolute ; left:50% ; transform:translate(-50%,-50%) ;
}
.acc__guide__btn::before { border:solid 1px rgba(0,0,0,0.1) ; top:50% }
.acc__guide__btn::after { 
    background-color:#111111 ; opacity:0.1 ;
    top:140% ; z-index:-1 ;  
}
.acc__guide__btn:hover , .acc__guide__btn:focus { color:#ffffff }
.acc__guide__btn:hover::before , .acc__guide__btn:focus::before { border-color:#111111 }
.acc__guide__btn:hover::after , .acc__guide__btn:focus::after { opacity:1 ; top:50% }


/* TEXT TYPE */
.YU__p { font-size:1.6rem ; line-height:2.8rem ; text-align:justify ; margin-bottom:2rem }
.YU__p a:hover , .YU__p a:focus { text-decoration:underline }  
.YU__p:last-child   { margin-bottom:0 }
.YU__sec , .YU__sub { margin:auto }
.YU__sec { margin-bottom:8rem }
.YU__sub { margin-bottom:6rem }
.YU__sec:last-child , .YU__sub:last-child { margin-bottom:0 }


.YU__title_h4 { 
    font-size:2rem ; line-height:2.8rem ; color:#111111 ; font-weight:700 ;
    margin-bottom:1.5rem ; word-break:keep-all ;
}


.YU__title__plus { margin-bottom:2rem }
.YU__title__plus > span , .YU__title__plus > b { 
    font-size:2.4rem ; line-height:3rem ; color:#111111 ;
    letter-spacing:-0.15rem ;
}
.YU__title__plus > span { display:block ; font-weight:300 }
.YU__title__plus > b    { display:inline ; position: relative ; font-weight:600 ; padding-right:2.2rem }
.YU24__title__icon::before , .YU24__title__icon::after { display:block ; position:absolute }
.YU24__title__icon { 
    display:inline-block ; width:1.5rem ; height:1.5rem ; 
    position:relative ; margin-left:0.5rem ; top:0.2rem
}
.YU24__title__icon::before , .YU24__title__icon::after { 
    content:"" ; left:50% ; top:50% ;
    width:1.5rem ; height:0.3rem ; background-color:#ffde00 ;
}
.YU24__title__icon::before { transform:translate(-50%,-50%) rotate(0deg) }
.YU24__title__icon::after  { transform:translate(-50%,-50%) rotate(90deg) }



/* SUBTITLE BOX */
.subtitle__box , .SB__list , .SB__item { width:100% ; box-sizing:border-box  }
.subtitle__box {
    border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.4rem ;
    background-color:rgba(0,0,0,0.03) ;
    padding:1.5rem ; margin-bottom:4rem ;
}
.SB__item { 
    font-size:1.8rem ; line-height:2.8rem ; font-weight:500 ; color:#222222 ; 
    position:relative ; padding:0.5rem 0 0.7rem 1.5rem ;
    border-bottom:solid 1px rgba(0,0,0,0.1) ;
}
.SB__item:last-child { border:none }
.SB__item::before {
    display:block ; content:"" ; width:0.7rem ; height:0.2rem ;
    background-color:rgba(0,0,0,0.3) ;
    position:absolute ; left:1px ; top:1.8rem
}



/* IMAGE */
.imgs , .img , .img_wrap , .img img , .img_wrap::after { width:100% }
.imgs { padding-top:2rem ; margin-bottom:4rem }
.imgs:last-child { margin-bottom:0 }  
.img { margin:0 auto 3rem }
.img_wrap , .img_wrap::after  { border-radius:0.4rem }
.img_wrap { position:relative ; font-size:0 ; line-height:0 ; overflow:hidden } 
.img_wrap::after { 
    height:100% ; box-sizing:border-box ; border:solid 1px rgba(0,0,0,0.07) ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
    content:"" ; display:block ;
}
.img_cap { padding-top:1rem }
.img_cap > span { 
    display:inline-block ; border-left:solid 1px rgba(0,0,0,0.1) ; padding-left:1rem ;
    font-size:1.4rem ; line-height:1.8rem ;
}




/* BUTTON BOX */
.btns__box { width:100% ; text-align:center } 
.btn_more , .btn_icon , .btn_icon::before { transition:0.3s all }
.btn_more {
    display:inline-block ; overflow:hidden ;  
    position:relative ; background:#ffde00 ; 
    box-sizing:border-box ; border-radius:0.4rem ; border:solid 1px #e5c700 ;
    font-size:1.6rem ; line-height:2.8rem ; color:#111111 ; font-weight:600 ;
    padding:1.4rem 2rem 1.6rem 6rem  ;
}
.btn_more:hover , .btn_more:focus { background-color:#111111 ; border-color:#111111 ; color:#ffffff }

.btn_icon { 
    display:block ; overflow:hidden ; width:4rem ; height:4rem ;
    background-color:#ffffff ; border-radius:100% ;
    position:absolute ; left:3.5rem ; top:50% ; transform:translate(-50%,-50%) ;
} 

.btn_icon::before {
    display:block ; content:"" ; width:3rem ; height:3rem ;
    background:url(../img_sub/icon_more.png) no-repeat 0 0 ; background-size:3rem auto ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) scale(0.8) ;
}
.btn_more:hover .btn_icon::before , .btn_more:focus .btn_icon::before { transform:translate(-50%,-50%) scale(0.9) }
 


/* TABLE */
.YU__table , .YU__table table { width:100% }
.YU__table { margin-bottom:4rem ; padding-top:2rem }
.YU__table table { border:0 ; border-collapse:collapse ; border-spacing:0 ; margin-bottom:1.5rem }
.YU__table table:last-child { margin-bottom:0 }
.YU__table th , .YU__table td  , .YU__table__p { font-size:1.6rem ; line-height:2.6rem }
.YU__table th , .YU__table td {
    text-align:center ;
    padding:0.8rem 0.5rem 1rem ; border:solid 1px #d7d7d7 ; box-sizing:border-box ;
    vertical-align:middle ;
}
.YU__table thead th { 
    border-bottom:solid 0.3rem #ffde00 ;
    font-size:1.4rem ; font-weight:500 ; background-color:rgba(0,0,0,0.03) ;
}
.YU__table td { border-top:none } 

.YU__table.wide { overflow:auto }
.YU__table.wide table { width:100rem }

.YU__table__title { 
    font-size:2rem ; line-height:2.8rem ; font-weight:600 ; color:#111111 ; text-align:left ;
    margin-bottom:1.5rem ;
}
.YU__table__title > b {
    display:inline-block ; overflow:hidden ; border-radius:0.4rem ; position:relative ; top:0.1rem ;
    font-size:1.4rem ; line-height:1.8rem ; color:#ffffff ; 
    background-color:#222222 ; padding:0.3rem 1rem 0.5rem ; 
}


 
/* NOTE */
.note { width:100% ; box-sizing:border-box ; margin-bottom:4rem }
.note { 
    border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.6rem ;
    padding:1.5rem 2rem ; background-color:rgba(0,0,0,0.02) ;
}
.note__title { 
    font-size:2rem ; line-height:2.8rem ; color:#111111 ; font-weight:600 ; 
    padding-bottom:1rem ; margin-bottom:1.5rem ;
    border-bottom:dashed 1px rgba(0,0,0,0.15)
}
.sup { 
    font-size:90% ; font-weight:400 ; color:inherit ; line-height:inherit ;
    position:relative ; top:-0.2rem
}
.note__item { 
    font-size:1.6rem ; line-height:2.8rem ; text-align:justify ;
    margin-bottom:1rem ; padding-left:1.5rem ; position:relative ;
}
.note__item:last-child { margin-bottom:0 }

.note__item .sup { position:absolute ; display:inline-block ; left:0 }


/* POSTER or CARDNEWS */
.YU__poster , .YU__poster__img , .YU__poster__img img , .YU__poster__hidden { width:100% ; box-sizing:border-box }
.YU__poster , .YU__poster__img , .YU__poster__hidden { display:block }
.YU__poster { margin:auto ; overflow:hidden ; border-radius:0.6rem } 
.YU__poster__hidden { overflow:hidden ; height:0 }

.show .YU__poster { border-radius:0 ; overflow:initial }
.show .YU__poster__img img { border:solid 1px rgba(0,0,0,0.1) ; margin-bottom:2rem ; border-radius:0.4rem }
.show .YU__poster__hidden { height:auto ; margin-bottom:5rem }



/* QnA */
.qna , .qna__box__q , .qna__box__a { width:100% ; box-sizing:border-box }
.qna { 
    margin-bottom:5rem ; padding-bottom:5rem ; 
    border-bottom:solid 1px rgba(0,0,0,0.2) ;
}
.qna:last-child { margin-bottom:0 ; padding:0 ; border:none }
.qna__box__q , .qna__box__a   { position:relative ; padding-left:3.2rem }
.qna__icon__q , .qna__icon__a { 
    display:block ; width:2.4rem ; height:2.4rem ;
    font-size:0 ; color:transparent ;
    position:absolute ; left:0 ; top:0.2rem ;
    background:no-repeat 0 0 ; background-size:auto 2.4rem ;
}
.qna__icon__q { background-image:url(../img_sub/qna_icon_q.png) }
.qna__icon__a { background-image:url(../img_sub/qna_icon_a.png) ; top:0.4rem }

.qna__box__q { 
    font-size:1.8rem ; line-height:2.8rem ; font-weight:600 ; color:#111111 ; text-align:justify ;
    padding-bottom:3rem ; margin-bottom:3rem ;
    border-bottom:dashed 1px rgba(0,0,0,0.1) ;
}


/* LEAD */
.lead { width:100% ; box-sizing:border-box  ; text-align:justify ; margin-bottom:4rem }
.lead:last-child { margin-bottom:0 }
.lead span {
    font-family:'NanumMyeongjo',serif ; font-size:1.9rem ; line-height:3.6rem ; font-weight:500 ; 
    border-bottom:solid 1px rgba(0,0,0,0.1) ; letter-spacing:-0.15rem ;
    padding-bottom:0.5rem ; 
}




/* PC **********/
@media screen and (min-width:1100px){
  
    /* VISUAL */ 
    .visual { height:60rem } /* height:70rem */
    .visual::before { background-position:center top ; background-image:url(../img_sub/visual_11.jpg) }
    .visual__box { bottom:8rem }
    .visual__tag {
        font-size:2.4rem ; line-height:2.8rem ; padding:1rem 3rem 1.2rem 5.7rem ;
        letter-spacing:-0.15rem ; font-weight:600 ;
    }
    .visual__tag span {
        display:block ; content:"" ; width:5.2rem ; height:5.2rem ;
        overflow:hidden ; box-sizing:border-box ; border-radius:100% ;
        background-color:#111111 ;
        position:absolute ; left:-2px ; top:50% ; transform:translateY(-50%) ;
    }
    .visual__title br { display:block }
    .visual__title    { font-size:4rem ; line-height:5.6rem ; letter-spacing:-0.2rem }
    .visual__title i  { font-weight:300 }

    #YU11 .visual::before , #YU12 .visual::before , #YU13 .visual::before , 
    #YU14 .visual::before , #YU15 .visual::before , #YU16 .visual::before { background-image:url(../img_sub/visual_11.jpg) } 
    
    #YU21 .visual::before { background-image:url(../img_sub/visual_21.jpg) } 
    #YU21.YU21__tab2 .visual::before { background-image:url(../img_sub/visual_212.jpg) } 
    #YU22 .visual::before { background-image:url(../img_sub/visual_22.jpg) } 
    #YU23 .visual::before { background-image:url(../img_sub/visual_23.jpg) } 
    #YU24 .visual::before { background-image:url(../img_sub/visual_24.jpg) } 
    #YU25 .visual::before { background-image:url(../img_sub/visual_25.jpg) } 
    #YU26 .visual::before { background-image:url(../img_sub/visual_26.jpg) } 
    
    #YU31 .visual::before { background-image:url(../img_sub/visual_31.jpg) } 
    #YU32 .visual::before { background-image:url(../img_sub/visual_32.jpg) } 
    #YU33 .visual::before { background-image:url(../img_sub/visual_33.jpg) } 
    #YU34 .visual::before { background-image:url(../img_sub/visual_34.jpg) } 
    #YU35 .visual::before { background-image:url(../img_sub/visual_35.jpg) } 
    #YU36 .visual::before { background-image:url(../img_sub/visual_36.jpg) } 
    
    #YU41 .visual::before { background-image:url(../img_sub/visual_41.jpg) } 
    #YU42 .visual::before { background-image:url(../img_sub/visual_42.jpg) } 
    #YU43 .visual::before { background-image:url(../img_sub/visual_43.jpg) } 
    #YU44 .visual::before { background-image:url(../img_sub/visual_44.jpg) } 
    #YU45 .visual::before { background-image:url(../img_sub/visual_45.jpg) } 
    #YU46 .visual::before { background-image:url(../img_sub/visual_46.jpg) } 
    
    #YU91 .visual::before { background-image:url(../img_sub/visual_event.jpg) } 



    /* BREAD CRUMBS */
    .breadcrumbs { padding:0 }
    .BC_inner , .article__PN { width:98% ; max-width:120rem ; margin:auto }
    .BC_inner::after { display:block ; content:"" ; clear:both }
    .BC_depth { font-size:1.6rem ; padding:1rem 2.2rem 1.2rem 0 }
    .BC_depth::after { top:50% }
    .BC_depth.home { padding-left:6rem }
    .BC_depth.home span {
        display:block ; width:5rem ; height:5rem ;
        position:absolute ; left:0 ; top:0 ;
        background-color:#111111 ;
    }
    .BC_depth.home span::before {
        display:block ; content:"" ; width:3rem ; height:3rem ; opacity:0.9 ;
        background:url(../img_sub/icon_home.png) no-repeat center ; background-size:cover ;
        position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%)
    }



    /* ARTICLE HISTORY */
    .article__PN { 
        margin-bottom:6rem ; padding:4rem 0 0 ; border:none ;
        position:relative ;
    }
    .article__PN::before {
        width:100% ; height:0.5rem ; display:block ; content:"" ;
        background:url(../img_sub/icon_net.gif) repeat 0 0 ;
        position:absolute ; left:0 ; top:0
    } 
    .article__PN::after , .AP__list::after { display:block ; content:"" ; clear:both }
    .AP__inner , .article__history { margin:0 0 4rem ; padding:0 }
    .AP__inner { width:70% ; float:left }
    .article__history { width:29% ; float:right }
    .article__event { width:100% ; max-width:none ; float:left } 
    .AP__list , .article__history { margin:0 }
    .AP__list { position:relative }
    .AP__list::before { 
        display:block ; content:"" ; width:1px ; height:50% ;
        background-color:rgba(0,0,0,0.1) ;
        position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ; 
    }
    .AP__item { margin:0 ; width:50% ; float:left }
    .AP__link , .AH__btn__open { font-size:1.8rem ; line-height:2.8rem ; padding:1rem 1rem 1.2rem }
    .prev .AP__link { 
        text-align:left ; padding-left:6rem ; 
        border-radius:0.6rem 0 0 0.6rem ; border-right:none
    }
    .next .AP__link { 
        text-align:right ; padding-right:6rem  ; 
        border-radius:0 0.6rem 0.6rem 0 ; border-left:none
    }
    .AP__link span , .AP__link span::before { width:5rem }
    .next .AP__link span { left:auto ; right:0 }

    .AH__btn__open { 
        padding-left:1.5rem ; padding-right:5.5rem ;
        word-wrap:break-word ; white-space:nowrap ; overflow:hidden ; text-overflow:ellipsis 
    }
    .AH__sub , .AH__btn__close { position:absolute ; left:0 ; z-index:80 }
    .AH__sub { bottom:6rem }
    .open .AH__sub { 
        bottom:6rem ; padding:1.5rem 2rem ;
        height:30rem ; overflow:auto ;
    }
    .AH__btn__close::before , .AH__btn__close::after { display:none }
    .AH__btn__close {
        top:0 ; width:100% ; height:100%
    }

    .article__event { max-width:none }
    .article__event__link {
        height:15rem ;
        background-image:url(../img_sub/event_sub_banner.jpg)

    } 
    

 
    /* ACCORDION */
    .YU__sec , .acc__container { width:98% ; max-width:120rem ; margin:auto ; padding:0 } 
    .YU__sec { margin-bottom:8rem } 
    .YU__sec:last-child { margin-bottom:0 }

    .acc__header { padding:1.5rem 1rem 1.7rem }
    .acc__title { font-size:2.2rem ; padding-left:4.5rem ; padding-right:5rem }
    .tag .acc__title { padding-left:1rem }
    .acc__title b {
        width:4rem ; height:4rem ;
        font-size:inherit ; line-height:inherit ;
        padding:0.5rem 0 0.7rem ;
        top:-0.5rem
    }
    .tag .acc__title b { font-size:1.8rem ; line-height:2.6rem ; padding:0.2rem 1rem 0.4rem  }
    .acc__btn__open > span { right:2rem }
    .acc__body { padding:0 4rem }
    .now .acc__body { padding:3rem 4rem }

    .acc__btn__close::before , .acc__btn__close::after { display:none }
    .acc__btn__close { 
        background-color:#eee ;
        width:100% ; height:10rem ; 
        position:absolute ; left:0 ; top:0 ; z-index:50 ;
    }

    .acc__guide { position:relative ; padding-right:25rem } 
    .acc__guide .YU__p { margin:0 }
    .acc__guide__btns  { 
        width:21rem ; 
        position:absolute ; right:0 ; top:0
    }
  


    /* SUBTITLE BOX */
    .subtitle__box { padding:1rem 4rem }
    .SB__item { 
        font-size:2rem ; line-height:3rem ;
        padding:1rem 0 1.2rem 1.7rem ;
    }
    .SB__item::before { top:2.4rem } 

 

    /* TEXT TYPE */
    .YU__p { font-size:1.8rem ; line-height:3.4rem ; margin-bottom:3rem }  
    .YU__title_h4 { font-size:2.2rem ; line-height:3rem ; letter-spacing:-0.15rem }

    .YU__title__plus > span , .YU__title__plus > b { font-size:2.8rem ; line-height:3.4rem }    
    .YU__title__plus > span { margin-bottom:0.3rem }
    .YU24__title__icon { bottom:1.4rem }
 



    /* IMAGE */
    .left { 
        float:left ; 
        margin:0 4rem 0.5rem 0 ; padding-top:0.8rem ;
    }
	.right { 
        float:right ; 
        margin:0 0 0.5rem 4rem ; padding-top:0.8rem ;
    }
	
    .imgs::after { display:block ; content:"" ; clear:both } 
    .img__left , .img__right { margin:0 }
    .img__left { float:left }
    .img__right { float:right }



    /* TABLE */
    .YU__table th , .YU__table td  , .YU__table__p { font-size:1.8rem ; line-height:2.8rem }
    .YU__table th , .YU__table td { padding:1.3rem 0.5rem 1.5rem }
    .YU__table thead th { font-size:1.6rem }
    .YU__table th { padding:1rem 0.5rem 1.2rem }
    .YU__table td { padding:1.3rem 0.5rem 1.5rem } 
    .YU__table.wide { overflow:initial }
    .YU__table.wide table { width:100% }

    .YU__table__title { font-size:2.2rem }
    .YU__table__title > b { top:0.2rem }



    /* NOTE */
    .note { padding:2rem 4rem }
    .note__item { font-size:1.8rem ; line-height:3rem }

   

    /* QnA */
    .qna__box__q { font-size:2rem ; line-height:3rem }



    /* LEAD */ 
    .lead span { line-height:4rem ; padding-bottom:0.7rem }
 
} 
 




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

    /* VISUAL */ 
    .visual::before , .visual::after , .article__PN { display:none }
    .visual {
        height:auto ; border-bottom:solid 1px rgba(0,0,0,0.1) ;
    }
    .visual__box { 
        position:static ; transform:none ;
        padding:2rem 0.5rem 2rem ;
    }
    .visual__title { color:#111111 ; text-shadow:none }



    /* ACC */
    .acc__body { height:auto ; opacity:1 }



    /* POSTER */ 
    .YU__poster__img img { 
        max-width:40rem ; margin:0 auto 1rem ; display:block ;
        border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.6rem ;
        margin-bottom:3rem 
    }
    .YU__poster__hidden {
        margin-bottom:3rem ; height:auto ;
        opacity:1 ;
    }

}