@charset "utf-8";  
 
body.ahpOpen { overflow:hidden }



/* VISUAL */
#visual , #visual_header , .visual__category , .visual__title , #visual_img , #visual_infor ,
.visual__sns , .visual__writer { width:100% }
#visual                        { width:100% ; margin-bottom:5rem } 
#visual_header                 { text-align:center ; margin-bottom:4rem }
.visual__category {
    display:block ; padding:0.5rem 0.5rem 0.7rem  ; background-color:#043b72 ;
    font-size:1.4rem ; line-height:2.8rem ; color:#ffffff ;   
    text-shadow:0 0 0.3rem rgba(0,0,0,0.3) 
}
.visual__title {
    padding:2rem 4rem 0 ; display:block ;
    font-size:3rem ; line-height:4rem ; color:#043b72 ; font-weight:400 ;
    word-break:keep-all ; letter-spacing:-0.1rem ;
}
.visual__title > span {
    display:block ; padding:0.5rem 0 ; word-break:keep-all ;
    font-size:initial ; color:inherit ; font-weight:300 ; font-size:2.6rem ; line-height:3.4rem ;
} 

#visual_img { 
    height:30rem ; position:relative ; display:block ; overflow:hidden ;
    font-size:0 ; color:transparent ; background:no-repeat center ; background-size:cover ;
} 
 
#visual_img::before { 
    display:block ; content:"" ; width:100% ; height:100% ; 
    box-sizing:border-box ; background-color:rgba(0,0,0,0.1) ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}

#visual_infor { position:relative }
#visual_infor::after {
    display:block ; content:"" ; width:100% ; height:0.1rem ;
    background-color:#000000 ; opacity:0.1 ;
    position:absolute ; left:0 ; bottom:0 ;
}

.visual__sns { background-color:#e4e4e0 ; text-align:center ; font-size:0 }
.visual__sns__item , .visual__sns__link { width:6rem ; height:6rem }
.visual__sns__item { display:inline-block ; margin:0 0.5rem }
.visual__sns__link { display:block ; position:relative ; overflow:hidden ; font-size:0 ; color:transparent }
.visual__sns__link::before {
    display:block ; content:"" ; width:100% ; height:100% ; opacity:0.6 ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
    background:url(../img/sprite.png) no-repeat center ; background-size:42rem auto ;
}  
.visual__sns__link , .visual__sns__link::before { transition:0.3s all }
.visual__sns__link:hover::before { transform:translate(-50%,-50%) scale(1.1) ; opacity:1 }
.visual__sns__item:nth-child(1) .visual__sns__link::before { background-position:-18rem -6rem }
.visual__sns__item:nth-child(2) .visual__sns__link::before { background-position:-24rem -6rem }
.visual__sns__item:nth-child(3) .visual__sns__link::before { background-position:-30rem -6rem }
.visual__sns__item:nth-child(4) .visual__sns__link::before { background-position:-36rem -6rem }

.visual__writer { text-align:center ; padding:1.5rem 1rem }
.visual__writer , .visual__writer > span { font-size:1.8rem ; line-height:3rem }



/* section */
.sec { width:90% ; max-width:128rem ; margin:0 auto 10rem }
.sec.line { padding-bottom:8rem ; margin-bottom:8rem ; border-bottom:dashed 1px rgba(0,0,0,0.1) }
.sec__sub { margin-bottom:6rem }
.sec:last-child , .sec__sub:last-child , .sec.line:last-child { padding-bottom:0 ; margin-bottom:0 ; border:none }

.headline , .sec__title { 
    font-size:3rem ; line-height:4rem ; word-break:keep-all ; font-weight:600 ; color:#111111 ;
    margin-bottom:2rem ; letter-spacing:-0.1rem ;
}
.headline , .headline::after { border-radius:0.6rem }
.headline { 
    margin-bottom:5rem ; position:relative ; 
    color:000000 ; font-size:3.2rem ;
    background-color:#ebeef3 ; padding:1.7rem 1rem ; text-align:center ;  
}
.headline::after {
    display:block ; content:"" ; width:100% ; height:100% ; 
    border:solid 1px rgba(0,0,0,0.07) ; box-sizing:border-box ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
.headline:last-child { margin-bottom:0 }
.sub__title { 
    position:relative ; padding-left:1rem ; margin-bottom:1.5rem ;
    font-size:2.2rem ; line-height:3rem ; font-weight:500 ; color:#111111 ;
    letter-spacing:-0.1rem ;
}
.sub__title::before {
    display:block ; content:"" ; width:0.3rem ; height:2rem ;  
    background-color:#f58220 ;
    position:absolute ; left:0 ; top:0.5rem
}
.sub__sub__title { font-size:2rem ; line-height:2.8rem ; font-weight:600 ; margin-bottom:1rem ; color:#222222 }
.title__h6       { font-size:1.8rem ; line-height:2.8rem ; font-weight:500 ; color:#222222 ; margin-bottom:0.5rem }

.p , .data__list { margin-bottom:3rem }
.p , .data__list > li { font-size:1.8rem ; line-height:3.2rem ; font-weight:300 } 
.p { text-align:justify ; word-break:break-all }
.p__title {
    font-family:inherit ; font-size:inherit ; line-height:inherit ;  
    letter-spacing:inherit ; text-shadow:inherit ;
    color:#111111 ; font-weight:500 ;
    display:block ; margin-bottom:0.3rem ;
}
.data__list > li      { padding-left:1rem ; margin-bottom:0.5rem } 
.p:last-child, .data__list:last-child , .data__list > li:last-child  { margin-bottom:0 }
.data__list.dot > li         { position:relative}
.data__list.dot > li::before {
    display:block ; content:"" ; width:0.4rem ; height:0.4rem ;
    background-color:#111111 ; opacity:0.3 ;
    position:absolute ; left:0 ; top:1.3rem
}
.p a , .data__list > li a { color:inherit ; line-height:inherit ; font-weight:inherit }
.p a:hover , .data__list > li a:hover { text-decoration:underline }

.intro > b {
    font-size:inherit ; line-height:inherit ; font-weight:400 ;
    border-bottom:solid 1px rgba(0,0,0,0.1) ;
    padding-bottom:0.2rem ;
}

.mark , .mark__back { font-size:inherit ; text-shadow:inherit ; line-height:inherit ; word-break:inherit }
.mark { color:#f58220 ; font-weight:500  }
.mark__back { background-color:#ebeef3 ; font-weight:inherit ; color:#222222 }
.mark::selection { background-color:#f58220 ; color:#000000 }
.mark__back::selection { background-color:#043b72 ; color:#ffffff }



/* Image */
.imgs , .img , .gallery__group { padding-top:1rem ; margin:0 auto 4rem } 
.img , .img img  { width:100% }
.imgs , .img     { font-size:0 }
.img , .gallery  { max-width:60rem } 
.imgs:last-child , .img:last-child { margin-bottom:0 }
.img .img { padding-top:0 }
.img img , .img__outline::after , .gallery img { border-radius:0.6rem }
.img__outline { display:block ; position:relative }
.img__outline::after {
    display:block ; content:"" ; width:100% ; height:100% ; 
    box-sizing:border-box ; border:solid 1px rgba(0,0,0,0.05) ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
.img__caption , .gallery__caption { 
    display:block ;
    font-size:1.6rem ; line-height:2.4rem ; word-break:keep-all ; text-align:left ; font-weight:300
}
.img__caption { padding:0.7rem 0 0 0 }
.img__caption.bar { padding-left:1rem ; position:relative }
.img__caption.bar::before {
    display:block ; content:"" ; width:1px ; height:1.4rem ; 
    background-color:#111111 ; opacity:0.3 ;
    position:absolute ; left:0 ; top:1.2rem
}

.gallery__group , .gallery , .gallery img { width:100% }
.gallery__group { text-align:center }
.gallery { display:inline-block ; margin:0 0 1rem }
.gallery__group:last-child , .gallery:last-of-type { margin-bottom:0 }
.gallery__caption { padding-top:0.7rem ; text-align:center }

.caption__tag {
    display:inline-block ; background-color:#111111 ; padding:0.3rem 0.8rem ; border-radius:0.4rem ;
    font-size:1.2rem ; line-height:1.8rem ; color:#ffffff ; font-weight:400 ;
    text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ;
}

.img__caption > a , .gallery__caption > a { 
    font-size:inherit ; color:inherit ; font-weight:inherit ;
    line-height:inherit ;
}
.img__caption > a:hover , .gallery__caption > a:hover { text-decoration:underline }



/* Table */
.table , .table__wide , .rwd__table { margin:4rem auto }
.table:last-child , .table__wide:last-child , .rwd__table:last-child { margin-bottom:0 }
.table , .table__wide , .table table , .table__wide table { width:100% }
.table { border-spacing:0 ; border-collapse:collapse ; border:0 }
.table:last-child , .table__wide:last-child { margin-bottom:0 }
.table__caption { 
    font-size:2rem ; line-height:3rem ; text-align:left ; color:#111111 ; font-weight:500 ;
    word-break:keep-all ; margin-bottom:1rem ; 
}
.table__caption .caption__tag { position:relative ; top:0.3rem }
.table th , td { 
    font-size:1.8rem ; line-height:2.4rem ; font-weight:300 ; text-align:center ;
    padding:0.7rem 0.5rem ; border:solid 1px #d7d7d7 ;
    transition:0.3s all ;
}
.table th       { font-weight:400 }
.table thead th { 
    font-size:1.4rem ; line-height:2.2rem ; color:#ffffff ;  
    text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ;
    background-color:#043b72  ; 
    border-color:#043b72 ; border-right-color:#50769d ;
}
.table thead th:last-child { border-right-color:#043b72 }
.table .point th , .table .point td , .table tfoot th , .table tfoot td { color:#111111 ; font-weight:400 } 
.table .point th , .table .point td , .rwd__table .point { background-color:#e4e4e0 }
.table tfoot th , .table tfoot td , .rwd__table tfoot    { background-color:#f7f7f7 }
.table tbody tr:hover th , .table tbody tr:hover td      { border-bottom:solid 1px #999999 }
.table tfoot tr:first-child th , .table tfoot tr:first-child td { border-top-color:#043b72 } 
 
.table__wide { overflow:auto }
.table__wide .table { width:102.4rem }
.table__wide th , .table__wide td { word-break:keep-all }
.table__source { padding-top:1rem ; font-size:1.4rem ; line-height:2rem ; font-weight:300 ; word-break:keep-all }



/* Responsive Table */
.rwd__table , .rwd__table .table__caption , .rwd__table tr , .rwd__table tbody , .rwd__table tfoot { display:block }
.rwd__table thead { display:none }
.rwd__table , .rwd__table table { width:100% }
.rwd__table th , .rwd__table td { 
    display:inline-block ; margin:0 4rem 0.5rem 0 ; padding:0 ; border:none ;
    font-size:1.8rem ; line-height:2.4rem ; font-weight:300 ;
}
.rwd__table th:last-child , .rwd__table td:last-child { margin-right:0 } 
.rwd__table tr { border-bottom:solid 1px rgba(0,0,0,0.1) ; padding:1rem 0.5rem 0.5rem ; text-align:left  }
.rwd__table tr:hover { border-bottom-color:#999999 }
.rwd__table tbody tr { transition:0.3s all }
.rwd__table tbody tr:first-child { border-top:solid 0.2rem #043b72 }
.rwd__table th::before , .rwd__table td::before {
    display:inline-block ; content:"구분" ; margin-right:0.3rem ;
    padding:0.2rem 0.6rem ; border-radius:0.4rem ;
    font-size:1.2rem ; line-height:1.6rem ; font-weight:400 ; color:#222222 ;
    background-color:rgba(0,0,0,0.1) ; position:relative ; top:-0.2rem
} 
.rwd__table tfoot th , .rwd__table tfoot td ,
.rwd__table .point th , .rwd__table .point td { font-weight:400 ; color:#111111 } 
 


/* Note */
.note__sup { 
    font-size:70% ; display:inline-block ;
    position:relative ; top:-0.2rem
}
.note__box { 
    display:block ; width:100% ; border-radius:0.6rem ;
    border:solid 1px #d7d7d7 ; background-color:#f7f7f7 ;
    padding:2rem ; margin:0 auto 1.5rem
}
.note__box:last-child { margin-bottom:0 } 

.note__title {
    font-size:2.2rem ; line-height:3rem ; font-weight:600 ; color:#111111 ;
    border-bottom:solid 1px rgba(0,0,0,0.2) ; margin-bottom:0.7rem ; padding-bottom:0.7rem ;
}
.note__list li , .note__list a { font-size:1.8rem ; line-height:2.4rem ; font-weight:300 ; word-break:keep-al }
.note__list li      { padding:1rem 0.2rem ; border-bottom:dashed 1px rgba(0,0,0,0.1) }
.note__list li > b { font-weight:400 ; color:#222222 }
.note__list a:hover { text-decoration:underline } 
.note__list li:last-child { padding-bottom:0 ; margin-bottom:0 ; border-bottom:none }
.note__list .note__sup    { margin-right:0.3rem }



/* Article Navigation */
#article_nav { 
    width:90% ; max-width:128rem ; margin:0 auto 8rem ; padding-top:4rem ;
    background:url(../img/line_dot.gif) repeat-x left top ;
    position:relative }
 
.an__btn , .an__icon { transition:0.3s all }
 
.an__btn , #article_history_open { 
    font-size:1.8rem ; line-height:2.4rem ;
    padding:1.3rem 1.5rem 1.3rem 6rem ; border-radius:0.4rem }
.an__btn {
    display:block ; margin:0 auto 0.5rem ; position:relative;
    border:solid 1px rgba(0,0,0,0.1) ; background-color:#ffffff ; 
    font-weight:300 ;
}
.an__btn:hover {
    border-color:rgba(0,0,0,0.3) ; box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0.2) ;
}
.an__btn::before , .an__icon {  position:absolute ; top:50% ; transform:translateY(-50%) ; }
.an__btn::before { 
    display:block ; content:"" ; width:1px ; height:3rem ;
    background-color:#111111 ; opacity:0.1 ;
    left:5rem
}
.an__icon {
    display:block ; overflow:hidden ; width:5rem ; height:5rem ;
    font-size:0 ; color:transparent ;
    left:0rem ; opacity:0.5 ;
}
.an__btn:hover .an__icon { opacity:1 }
.an__icon::before , .an__icon::after { 
    display:block ; content:"" ; 
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
    box-sizing:border-box }
.an__icon::before {
    width:1rem ; height:1rem ;
    border:solid 1px #111111 ; border-right:none ; border-top:none ; 
    transform:translate(-50%,-50%) rotate(45deg) ;
}
.an__icon::after {
    width:1.4rem ; height:1px ; 
    background-color:#111111 ;
} 
.an__btn.next .an__icon { transform:translateY(-50%) rotate(180deg) }



/* Article History */
#article_history_open , #article_history_open::after , .ahpOpen #article_history_pupup { transition:0.3s all }
#article_history_open {
    background-color:#444444 ; padding-left:2rem ; padding-right:5rem ; position:relative ;
    color:#ffffff ; font-weight:400 ; text-align:left ; text-shadow:0 0 0.3rem rgba(0,0,0,0.2) ;
    border:none ; display:block ; width:100% ;
}
.ahpOpen #article_history_open { background-color:#043b72 } 
#article_history_open:hover { background-color:#000000 }
#article_history_open::after {
    display:block ; content:"" ; width:0.8rem ; height:0.8rem ; opacity:0.7 ;
    border:solid 1px #ffffff ; border-top:none ; border-left:none ;
    position:absolute ; right:1rem ; top:47% ; transform:translate(-50%,-50%) rotate(45deg) ;
}
#article_history_open:hover::after    { opacity:1 ; transform:translate(-50%,-50%) rotate(45deg) scale(1.1) } 
.ahpOpen #article_history_open::after { top:50% ; transform:translate(-50%,-50%) rotate(225deg) ; opacity:1 }


#article_history_pupup { 
    position:fixed ; left:-101% ; top:0 ; z-index:96 ; 
    display:block ; width:100% ; height:100% ;
    background-color:rgba(0,0,0,0.5) ;
}
.ahpOpen #article_history_pupup { left:0 }
.ah__container { 
    display:none ; width:90% ; max-width:60rem ; padding:2rem 0 4rem ;
    background-color:#ffffff ; border-radius:1rem ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
.ahpOpen .ah__container { display:block }
.ah__title {  
    width:86% ; margin:0 auto ; padding-bottom:1rem ;
    border-bottom:solid 0.2rem #f58220 ;
    font-size:2rem ; line-height:2.4rem ; font-weight:500 ; color:#222222 ; letter-spacing:-0.1rem ; 
}
.ah__box {
    width:93% ; margin-left:7% ; padding-right:7% ; overflow:auto ; 
    max-height:27rem ;
}
.ah__link , .ah__link > b { transition:0.3s all }
.ah__link { 
    display:block ; border-bottom:solid 1px rgba(0,0,0,0.1) ;
    font-size:1.8rem ; line-height:2.4rem ; font-weight:300 ;
    padding:1rem 0.2rem ;
}
.ah__link:hover { color:#111111 ; border-color:rgba(0,0,0,0.3) }
.ah__link > b   {
    display:inline-block ; padding:0.1rem 0.8rem ; border-radius:0.4rem ;
    font-size:1.2rem ; line-height:1.8rem ; color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.2) ; 
    position:relative ; top:0.2rem ;
    background-color:#444444 ;
}
.ah__link:hover > b    { background-color:#043b72 }
#article_history_close {
    opacity:0.7 ; margin:0 ;
    position:absolute ; left:50% ; bottom:0 ; transform:translate(-50%,-50%) ;
}



/* Accordion */
.acc__header , .acc__header > p { display:block ; width:100% }
.acc__header::after { display:block ; content:"" ; clear:both }
.acc__header > p , .acc__header__btn { font-size:1.4rem ; line-height:2.6rem }
.acc__header > p  { word-break:keep-all ; margin-bottom:1rem }
.acc__item , .acc__header__btn , .acc__item__header , .acc__item__open  { border-radius:0.6rem } 
.acc__header      { margin-bottom:4rem ; font-size:0 }
.acc__header__btn { 
    width:49.5% ; display:block ; padding:0.5rem ; 
    background-color:#ffffff ; transition:0.3s all ;
    border:solid 1px rgba(0,0,0,0.1) ;  
}
.acc__header__btn:hover { background-color:#111111 ; color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.2) }
#acc_all_open  { float:left }
#acc_all_close { float:right }

.acc__item { width:100% ; background-color:#ffffff ; margin-bottom:1rem }
.acc__item:last-child { margin-bottom:0 }
.acc__item__header , .acc__item__open , .acc__item__open::after , .acc__item__header__body { transition:0.3s all } 
.acc__item__header , .acc__item__open { display:block ; width:100% }
.acc__item__header { position:relative ; padding:1.2rem 5rem 1.2rem 1.5rem }
.show .acc__item__header { background-color:#003e7d }
.acc__title { font-size:2.2rem ; line-height:3.2rem ; font-weight:500 ; color:#111111 ; word-break:keep-all } 
.show .acc__title { color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.2) } 
.acc__item__open  {
    font-size:0 ; color:transparent ;
    border:solid 1px rgba(0,0,0,0.1) ; height:100% ;
    position:absolute ; left:0 ; top:0
}
.acc__item__open::after {
    width:0.8rem ; height:0.8rem ; display:block ; content:"" ;
    border:solid 1px #111111 ; border-top:none ; border-left:none ;
    position:absolute ; right:1.5rem ; top:50% ; transform:translate(-50%,-50%) rotate(45deg) ;
    opacity:0.5 ;
} 
.acc__item__open:hover { border-color:rgba(0,0,0,0.3) }
.acc__item__open:hover::after { opacity:1 ; transform:translate(-50%,-50%) rotate(45deg) scale(1.1) }
.show .acc__item__open::after {
    border-color:#ffffff ; border-width:0.2rem ;
    opacity:0.8 ; transform:translate(-50%,-50%) rotate(225deg) 
}
.show .acc__item__open { border:0 }
.show .acc__item__open:hover::after { transform:translate(-50%,-50%) rotate(225deg) scale(1.1) ; opacity:1 }
.show .acc__item__header , .show .acc__item__open { border-radius:0.6rem 0.6rem 0 0 }

.acc__item__header__body {
    display:block ; width:100% ; height:0 ; overflow:hidden ; border:none ; border-top:none ;
    background-color:#ffffff ; border-radius:0 0 0.6rem 0.6rem  ;
    padding:0rem ; 
}
.show .acc__item__header__body { 
    padding:2rem ; height:auto ; overflow:inherit ;
    border:solid 1px #003e7d
}

.acc__item__close.close__btn { margin:auto }
.acc__box { margin-bottom:2rem ; padding-bottom:3rem ; border-bottom:dashed 1px rgba(0,0,0,0.15) }

.acc__conatiner , .acc__item__close { display:none }
.show .acc__conatiner , .show .acc__item__close { display:block } 
.show.acc__item , .acc__item:hover { box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0.2) }



/* Card */
.card__item { width:100% ; max-width:80rem ; display:block ; margin:0 auto 3rem }
.card__outline::after, .card__outline > img , .card__text { border-radius:0.6rem }
.card__outline { display:block ; position:relative ; margin-bottom:0.5rem }
.card__outline::after {
    display:block ; content:"" ; width:100% ; height:100% ; 
    border:solid 1px rgba(0,0,0,0.07) ; box-sizing:border-box ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
.card__outline , .card__outline > img { width:100% }
.card__text { 
    border:solid 1px rgba(0,0,0,0.1) ; background-color:#f7f7f7 ;
    padding:1.5rem 2rem ; margin-bottom:6rem ;
}


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

    body.ahpOpen { overflow:inherit }



    /* MAIN */
    #main { padding-top:20rem }


  
    /* VISUAL */
    #visual { width:90% ; max-width:128rem ; margin:0 auto 8rem }
    .visual__category {
        background:none ; padding:0 ;
        font-size:1.6rem ; line-height:2.4rem ; text-shadow:none ;
        color:#444444 ; font-weight:400 ;
    } 
    #visual_header { margin-bottom:5rem }
    .visual__title { font-size:5rem ; line-height:6rem ; letter-spacing:-0.2rem ; padding-top:4rem }
    .visual__title > span { font-size:4rem ; line-height:5rem ; letter-spacing:inherit }

    #visual_img , #visual_img::before { border-radius:1rem } 
    #visual_img { height:50rem }
    #visual_img::before { border:solid 1px rgba(0,0,0,0.1) }

    #visual_infor { height:6rem ; padding-left:30rem }
    .visual__sns  { 
        width:30rem ; background:none ;  
        position:absolute ; left:0 ; top:50% ; transform:translateY(-50%) ;
    } 
    .visual__sns::after { display:block ; content:"" ; clear:both }
    .visual__sns__item  { margin:0 0.5rem 0 0 ; float:left }
    .visual__writer { text-align:right ; margin:0 }
  


    /* Image */
    .img.right { float:right ; margin:0.8rem 0 0.5rem 4rem }
    .img.left  { float:left ; margin:0.8rem 4rem 0.5rem 0rem }
    .img.right::after , .img.left::after ,
    .imgs::after , .gallery__group::after { display:block ; content:"" ; clear:both }
    .imgs .img , .col4 .gallery { float:left ; margin:0 }
    .imgs .img:last-child , .gallery:last-of-type { float:right }
    .imgs.col2 .img , .col2 .gallery , .col4 .gallery { width:49.2187% ; max-width:63rem }
    .imgs.col3 .img , .col3 .gallery { width:32.8125% ; max-width:42rem }
    .imgs.col3 .img:first-child , .col3 .gallery:first-child { margin-right:0.7812% }

    .col4 .gallery:nth-of-type(1) , .col4 .gallery:nth-of-type(2) { margin-bottom:2rem }
    .col4 .gallery:nth-of-type(1) , .col4 .gallery:nth-of-type(3) { margin-right:1.5625%  } 
    .col4 .gallery:nth-of-type(4) { float:left }

    .gallery , .gallery__caption { float:left }
    .gallery { margin:0 ; display:block }
    .gallery__caption { 
        width:100% ; display:block ; padding:1rem 0.5rem 1rem ;
        text-align:center ; border-bottom:solid 1px rgba(0,0,0,0.1) }

 

    /* Table */
    .table th , td { word-break:keep-all ; padding:1rem 0.7rem }
    .table__wide   { overflow:inherit }
    .table__wide .table { width:100% }



    /* Responsive Table */
    .rwd__table .table__caption { display:table-caption }
    .rwd__table table { display:table }
    .rwd__table thead { display:table-header-group }
    .rwd__table tbody { display:table-row-group }
    .rwd__table tfoot { display:table-footer-group }
    .rwd__table tr    { display:table-row }
    .rwd__table th , .rwd__table td { display:table-cell }
    .rwd__table , .rwd__table tr , .rwd__table th , .rwd__table td ,
    .rwd__table tbody tr:first-child { padding:0 ; margin:0 ; border:none }
    .rwd__table th::before , .rwd__table td::before { display:none }

    .rwd__table table { width:100% ; border:0 ; border-spacing:0 ; border-collapse:collapse }

    .rwd__table th , .rwd__table td {
        font-size:1.8rem ; line-height:2.4rem ; font-weight:300 ; text-align:center ;
        padding:0.7rem 0.5rem ; border:solid 1px #d7d7d7 ;
        transition:0.3s all ;
    }
    .rwd__table thead th { 
        font-size:1.4rem ; line-height:2.2rem ; color:#ffffff ;  
        text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ;
        background-color:#043b72  ; 
        border-color:#043b72 ; border-right-color:#50769d ;
    }
    .rwd__table .point , .rwd__table tfoot { background:none }
    .rwd__table .point th , .rwd__table .point td { background-color:#e4e4e0 }
    .rwd__table tfoot th , .rwd__table tfoot td   { background-color:#f7f7f7 }
    .rwd__table tbody tr:hover th , .rwd__table tbody tr:hover td { border-bottom:solid 1px #999999 }



    /* Note */
    .note__container { width:96% ; margin:0 auto 1rem ; position:relative ; padding-left:12rem }
    .note__title { 
        display:block ; width:11rem ; padding:0 ; margin:0 ; border:none ;
        position:absolute ; left:0 ; top:0.8rem
    }
 


    /* Article Navigation */
    #article_nav { padding-top:5rem ; position:relative }
    #article_nav::after , #article_nav_PN::after { display:block ; content:"" ; clear:both }

    #article_nav::before {
        display:block ; content:"" ; width:100% ; height:1px ; 
        background-color:#111111 ; opacity:0.1 ;
        position:absolute ; left:0 ; top:8rem
    }
 
    #article_nav_PN , #article_history_list { margin:0 ; padding:0 } 
    #article_nav_PN { width:79% ; float:left }
    #article_history_list { width:17.96875% ; float:right }

    .an__btn , #article_history_open {
        font-size:1.8rem ; line-height:2.8rem ;
        padding:1.6rem 1.5rem ; margin:0
    }
    .an__btn      { width:49.7% ; word-wrap:break-word ; white-space:nowrap ; overflow:hidden ; text-overflow:ellipsis }
    .an__btn.prev { padding-left:6rem ; text-align:left ; float:left } 
    .an__btn.next { padding-right:6rem ; text-align:right ; float:right  }  
    .an__btn.next::before   { left:auto ; right:5rem }
    .an__btn.next .an__icon { left:auto ; right:0 }



    /* Article history */ 
    #article_history_pupup , .ahpOpen #article_history_pupup { position:absolute ; left:auto ; top:auto ; right:0 ; bottom:6.5rem }
    #article_history_pupup {
        background-color:rgba(0,0,0,0.9) ; padding:0  ; opacity:0 ;
        border-radius:0.6rem ; width:50% ; max-width:60rem ; height:0 ; overflow:hidden ;
    }*
    .ahpOpen #article_history_pupup { height:auto ; opacity:1 ; padding:2.5rem 0 }
    .ah__container {
        position:static ; transform:none ; 
        background:none ;  padding:0 ;
        width:auto ; max-width:none ;
    }
    #article_history_close { left:auto ; bottom:auto ; right:5% ; top:3.3rem }
    .ah__title , .ah__link { color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.2) }
    .ah__link { border-color:rgba(255,255,255,0.15) } 
    .ah__link:hover { border-color:#f58220 ; color:#ffffff } 

    #article_history_close::before , #article_history_close::after { background-color:#ffffff }
    
    

    /* Accordion */
    .acc__header { position:relative ; padding:0 22rem 0 0 ; margin-bottom:2rem }
    .acc__header::after { display:none }
    .acc__header__btn   { width:9rem ; float:none ; margin:0 ; position:absolute ; top:0 }
    .acc__header > p    { padding-top:0.7rem }
    #acc_all_open  { right:9.5rem }
    #acc_all_close { right:0 }
    .acc__item__header { position:relative ; padding:1.5rem 5rem 1.5rem 2rem }
 

 
    /* Card */
    .card__text {
        border:0 ; padding:0 ; margin:0 ; background:none ;
        height:0 ; overflow:hidden ; border-radius:0 ;
    } 
  
 
} 
   





@media print { 

    /* Layout */
    #header , #aside , .visual__sns , #nav ,
    #article_nav , .footer__header { display:none }

    #main { padding-top:0 }

    #visual { width:90% ; margin:0 auto 3rem }
    #visual_img { height:20rem }



    /* Accordion */
    .acc__conatiner , .acc__item__close , .show .acc__conatiner , .show .acc__item__close { display:block } 
    .acc__item__header__body , .show .acc__item__header__body { 
        padding:2rem ; height:auto ; overflow:inherit ;
        border:solid 1px #d7d7d7
    }
    .acc__header { display:none }



    

}