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

/* Visual */
#visual , .visual__container , .visual__img { width:100% ; position:relative }
#visual  { margin-bottom:6rem }
.visual__container { height:50rem ; padding-top:6rem }
.visual__img { 
    height:100% ; overflow:hidden ;
    background:url(../img_sub/visual.jpg) no-repeat center ; background-size:cover }
#YU11 .visual__img { background-image:url(../img_sub/visual_11.jpg) }     
#YU12 .visual__img { background-image:url(../img_sub/visual_12.jpg) }   
#YU13 .visual__img { background-image:url(../img_sub/visual_13.jpg) }   
#YU14 .visual__img { background-image:url(../img_sub/visual_14.jpg) }   
#YU15 .visual__img { background-image:url(../img_sub/visual_15.jpg) }   

#YU21 .visual__img { background-image:url(../img_sub/visual_21.jpg) }     
#YU22 .visual__img { background-image:url(../img_sub/visual_22.jpg) }   
#YU23 .visual__img { background-image:url(../img_sub/visual_23.jpg) }   
#YU24 .visual__img { background-image:url(../img_sub/visual_24.jpg) }   
#YU25 .visual__img { background-image:url(../img_sub/visual_25.jpg) } 

#YU31 .visual__img { background-image:url(../img_sub/visual_31.jpg) }     
#YU32 .visual__img { background-image:url(../img_sub/visual_32.jpg) }   
#YU33 .visual__img { background-image:url(../img_sub/visual_33.jpg) }   
#YU34 .visual__img { background-image:url(../img_sub/visual_34.jpg) }   
#YU35 .visual__img { background-image:url(../img_sub/visual_35.jpg) }   

#YU41 .visual__img { background-image:url(../img_sub/visual_41.jpg) }     
#YU42 .visual__img { background-image:url(../img_sub/visual_42.jpg) }   
#YU43 .visual__img { background-image:url(../img_sub/visual_43.jpg) }   
#YU44 .visual__img { background-image:url(../img_sub/visual_44.jpg) }   
#YU45 .visual__img { background-image:url(../img_sub/visual_45.jpg) }

#YU51 .visual__img { background-image:url(../img_sub/visual_51.jpg) }     
#YU52 .visual__img { background-image:url(../img_sub/visual_52.jpg) }   
#YU53 .visual__img { background-image:url(../img_sub/visual_53.jpg) }   
#YU54 .visual__img { background-image:url(../img_sub/visual_54.jpg) }   
#YU55 .visual__img { background-image:url(../img_sub/visual_55.jpg) }

.visual__img::after {
    width:100% ; height:100% ; display:block ; content:"" ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
    background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.8) 100%);  
} 

.visual__box {
    width:96% ; position:absolute ; left:50% ; bottom:2rem ;
    transform:translateX(-50%) ;
}

.breadcrumb { text-align:left ; margin-bottom:1.5rem }
.breadcrumb li , .visual__title , .hashtag li { font-family:'Dohyun',sans-serif }
.breadcrumb::after { display:block ; content:"" ; clear:both }
.breadcrumb a ,  .breadcrumb b  , .visual__title { color:#ffffff ; word-break:keep-all ; text-shadow:0 0 0.3rem rgba(0,0,0,0.2) }
.breadcrumb a ,  .breadcrumb b  { 
    font-family:inherit ; font-size:1.6rem ; line-height:2.4rem ; display:block ;
    border-bottom:solid 0.2rem #ffffff
}
.breadcrumb b  { color:#ffde00 ; border-color:#ffde00 }
.breadcrumb li { display:block ; float:left ; position:relative ; padding-right:2.5rem ; margin-bottom:0.5rem }
.breadcrumb li::after {
    display:block ; content:"" ; width:0.6rem ; height:0.6rem ; opacity:0.3 ;
    border:solid 0.2rem #ffffff ; border-left:none ; border-bottom:none ;
    position:absolute ; right:0.7rem ; top:50% ; transform:translate(-50%,-50%) rotate(45deg) 
}
.breadcrumb li:last-child { padding-right:0 }
.breadcrumb li:last-child::after { display:none }

.visual__title { font-size:2.6rem ; line-height:3.6rem }
.visual__title > br { display:none }

.hashtag { background-color:#ffde00 }
.hashtag ul { width:96% ; margin:auto ; padding:0.7rem 0 0.3rem }
.hashtag li { 
    font-size:1.8rem ; line-height:2.4rem ; color:rgba(0,0,0,0.8) ; 
    display:inline-block ; padding:0.5rem 2rem 0.5rem 0 ;
}
.hashtag li:last-child { padding-right:0 }
 


/* Main */
#main { width:96% ; margin:0 auto 8rem } 
#article , #sns_share { margin-bottom:8rem }
.share__list { width:100% ; text-align:center ; font-size:0 }
.share__item , .share__link { width:5rem ; height:5rem }
.share__item { display:inline-block ; margin:0.5rem } 
.share__link , .share__link::before { transition:0.3s all }
.share__link { 
    display:block ; position:relative ; background-color:#222222 ;
    font-size:0 ; color:transparent ; border-radius:100%
}
.share__link::before {
    display:block ; content:"" ; width:2rem ; height:2rem ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
    background:url(../img_sub/icons_sns.png) no-repeat ; background-size:auto 2rem ;
}

.share__link.copy::before { background-position:0 0 }
.share__link.tw::before   { background-position:-2rem 0 }
.share__link.fb::before   { background-position:-4rem 0 }
.share__link.li::before   { background-position:-6rem 0 }

.share__link:hover { background-color:#000000 }
.share__link:hover::before { transform:translate(-50%,-50%) scale(1.2) }



/* Article Navigation */
#article_nav { width:96% ; margin:0 auto 4rem ; padding-top:3rem ; position:relative }
#article_nav::before { 
    display:block ; content:"" ; width:100% ; height:0.5rem ;
    position:absolute ; left:0 ; top:0 ; z-index:3 ;
    background:url(../img/net.gif) repeat-x left top ;
} 
.articel__PN__item { margin-bottom:0.5rem }
.articel__PN__link , .articel__PN__link::after , .articel__PN__link > b , #article_archive_open { border-radius:0.4rem }
.articel__PN__link , #article_archive_open , #article_archive_list a { font-size:1.6rem ; line-height:2.8rem ; padding:0.5rem 1rem 0.7rem 4rem }
.articel__PN__link { 
    display:block ; position:relative ;  
    word-wrap:break-word ; white-space:nowrap ; overflow:hidden ; text-overflow:ellipsis ; 
}
.articel__PN__link::after , .articel__PN__link > b::after { display:block ; content:"" ; position:absolute }
.articel__PN__link::after {
    width:100% ; height:100% ; 
    left:50% ; top:50% ; transform:translate(-50%,-50%) ;
    box-sizing:border-box ; border:solid 1px rgba(0,0,0,0.1) 
}
.articel__PN__link:hover::after { border-color:rgba(0,0,0,0.3) } 
.articel__PN__link > b , .articel__PN__link > b::after , .articel__PN__link::after { transition:0.3s all }
.articel__PN__link > b { 
    display:block ; overflow:hidden ; width:3rem ; height:100% ;
    position:absolute ; left:0 ; top:0 ; 
    font-size:0 ; color:transparent ;
    background-color:#f7f7f7 ;
}
.articel__PN__link:hover > b { background-color:#444444 }
.articel__PN__link > b::after {
    width:0.6rem ; height:0.6rem ; border:solid 1px #111111 ;
    top:50% ; left:50% ; transform:translate(-50%,-50%) rotate(45deg) ;
    opacity:0.6 ;
}
.articel__PN__link:hover > b::after { 
    border-color:#ffffff ; opacity:1 ;
    transform:translate(-50%,-50%) rotate(45deg) scale(1.1)
}

.articel__PN__item:nth-child(1) .articel__PN__link > b::after {
    border-top:none ; border-right:none ;
    left:60%
}
.articel__PN__item:nth-child(2) .articel__PN__link > b::after {
    border-bottom:none ; border-left:none ;
    left:50%
}

#article_archive , #article_archive_open { width:100% ; position:relative }
#article_archive_open { 
    padding-left:1.5rem ; padding-right:4rem ;
    background-color:#333333 ; 
    color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.2) ; text-align:left ;
}
.aaOpen #article_archive_open { background-color:#111111 ; color:#ffde00 }
#article_archive_open:hover { background-color:#111111 }
.icon__more { 
    display:block ; width:3rem ; height:3rem ;
    position:absolute ; right:0.5rem ; top:50% ; transform:translateY(-50%) ;
}
#article_archive_open:hover .icon__more { transform:translateY(-50%) rotate(90deg) scale(1.1)}
.icon__more::before , .icon__more::after {
    display:block ; content:"" ; width:1rem ; height:0.2rem ;
    background-color:#ffffff ; position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
} 
.icon__more::after { transform:translate(-50%,-50%) rotate(90deg)}
 
.aaOpen #article_archive_open:hover .icon__more { transform:translateY(-50%) rotate(0) scale(1.1)}
.aaOpen .icon__more::before { width:1.2rem ; background-color:#ffde00 } 
.aaOpen .icon__more::after  { display:none } 


#article_archive_open , .icon__more , .icon__more::before , .icon__more::after , 
#article_archive_list a , #article_archive_list a::after , #article_archive_list { transition:0.3s all }

#article_archive_list { 
    display:block ; width:100% ; height:0 ; padding:0 1.5rem ; border-radius:0.4rem ;
    background-color:#ffffff; border:solid 0 rgba(0,0,0,0.1) ; box-sizing:border-box ;
    position:absolute ; left:0 ; bottom:4.5rem ; z-index:10 ;
    overflow:hidden;
}
.aaOpen #article_archive_list {
    padding-top:1.5rem ; padding-bottom:4rem ; overflow:auto ;
    height:auto ; max-height:30rem ;
    border-width:1px ;
}

#article_archive_list a { 
    display:block ; padding-left:0.2rem ; position:relative ;
    border-bottom:solid 1px rgba(0,0,0,0.1) ;
} 
#article_archive_list a:hover { color:#111111 }
#article_archive_list a::after {
    display:block ; overflow:hidden ; content:"" ; width:0 ; height:1px ;
    background-color:#f69610 ; 
    position:absolute ; left:0 ; bottom:-1px ;
}
#article_archive_list a:hover::after { width:100% }
#article_archive_close {
    margin:0 ; 
    position:absolute ; left:50% ; bottom:0rem ; transform:translate(-50%,-50%) ;
}
 
#article_archive_list ul , #article_archive_close { display:none }
.aaOpen #article_archive_list ul , .aaOpen #article_archive_close { display:block }
 


/* Sub style * */
/* Section */
.sec , .accordion { margin-bottom:10rem }

.sec__title {
    font-size:2.6rem ; line-height:4rem ; font-family:'Dohyun',sans-serif ; color:#222222 ; word-break:keep-all ;
    margin-bottom:1.5rem ; letter-spacing:-0.1rem ;
}
.sec__title .icon {
    display:inline-block ; width:4rem ; height:4rem ; 
    background:url(../img_sub/icons_title.png) no-repeat ; background-size:auto 4rem ;
    position:relative ; top:-0.5rem
}
.sec__title .icon.item1 { background-position:0 0 }
.sec__title .icon.item2 { background-position:-4rem 0 }
.sec__title .icon.item3 { background-position:-8rem 0 }
.sec__title .icon.item4 { background-position:-12rem 0 }
.sec__title .icon.item5 { background-position:-16rem 0 }
.sec__title .icon.item6 { background-position:-20rem 0 }

.sec__sub   { margin-bottom:8rem }
.sub__title { 
    font-size:2.2rem ; line-height:3.4rem ; font-weight:800 ; color:#222222 ;
    word-break:keep-all ; letter-spacing:-0.1rem ;
    margin-bottom:1rem ;
}
.sub__title.bar::after { 
    display:inline-block ; content:"" ; width:1.5rem ; height:0.3rem ;
    background-color:#ffde00 ; 
    position:relative ; top:-1.4rem ; margin-left:0.8rem ;
}

.sec:last-child , .accordion:last-child , .sec__sub:last-child { margin-bottom:0 }




/* Paragraph */
.p , .table td , .table th , .data__list > li , .note__list li { font-size:1.6rem ; line-height:3rem }
.p , .lead p , .data__list { text-align:justify ; margin-bottom:3rem } 

.p a:hover , .data__list a:hover , .note__list a:hover { text-decoration:underline }

.p:last-child , .lead p:last-child , .data__list:last-child { margin-bottom:0 }

.lead { margin-bottom:8rem }
.lead p  { font-size:1.8rem ; line-height:3.6rem ; font-weight:500 ; letter-spacing:-0.05rem ; margin-bottom:2rem }
.lead p > b { 
    border-bottom:solid 1px rgba(0,0,0,0.1) ; padding-bottom:0.3rem ; 
    font-size:inherit ; line-height:inherit; font-weight:inherit ; color:inherit ;
    letter-spacing:inherit
}

.bold , .mark , .underline { 
    color:inheritt ; line-height:inherit ; font-weight:inherit ;
    font-size:inheri ; letter-spacing:inherit ; font-family:inherit ; 
    background-color:inherit ;
    text-decoration:inherit }
.bold { font-weight:600 ; color:#222222 }
.mark { background-color:#fff8a8 ; color:#222222 }
.underline { border-bottom:solid 1px rgba(0,0,0,0.18) ; padding-bottom:0.2rem }



/* Image */
.imgs , .table { padding-top:1rem }
.img , .img img , .img__outline { width:100% ; font-size:0 }
.img { max-width:60rem ; margin:0 auto  }
.imgs , .img { margin-bottom:4rem }
.imgs:last-child , .img:last-child { margin-bottom:0 } 
.img__outline { position:relative }
.img__outline::after { 
    display:block ; content:"" ;
    width:100% ; height:100% ;
    border:solid 1px rgba(0,0,0,0.1) ; box-sizing:border-box ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
.img img , .img__outline::after { border-radius:0.6rem }
.img__cap { font-size:1.6rem ; line-height:2.6rem ; word-break:keep-all ; padding-top:0.3rem }
.img__cap > b , .table__cap > b , .acc__tag {
    display:inline-block ; padding:0.1rem 0.8rem 0.3rem ; margin-top:0.2rem  ; border-radius:0.4rem ;
    font-size:1.2rem ; line-height:2rem ; color:#ffffff ; font-weight:600 ;
    background-color:#444444 ; text-shadow:0 0 0.3rem rgba(0,0,0,0.2) ;
}

.poster , .poster__img , .poster__img img { width:100% }
.poster , .poster__img  { margin:auto }
.poster      { text-align:center ; padding-top:2rem }
.poster__img { max-width:90rem ; overflow:hidden ; border-radius:0.6rem ; font-size:0 ; margin-bottom:3rem }
.poster__img:last-child { margin-bottom:0 }
.link__btn , .link__btn::after , .link__btn__icon , .link__btn__icon::before { transition:0.3s all }
.link__btn { 
    display:inline-block ; margin:auto ; padding:1.5rem 3rem 1.7rem 7rem ;
    font-size:1.6rem ; line-height:2.8rem ; color:#222222 ; font-weight:600 ; 
    position:relative ;
    background-color:#ffde00 ;
}
.link__btn:hover { background-color:#111111 ; color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.2) }
.link__btn , .link__btn::after { border-radius:0.4rem ; box-sizing:border-box }
.link__btn::after {
    display:block ; content: ''; width:100% ; height:100% ;
    border:solid 1px rgba(0,0,0,0.1) ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
.link__btn__icon , .link__btn__icon::before { 
    display:block ; 
    position:absolute ; top:50% ; transform:translateY(-50%) ;
}
.link__btn__icon { 
    width:4rem ; height:4rem ; left:2.5rem ; background-color:#ffffff ; 
    font-size:0 ; color:transparent ;
    border-radius:100% ;
} 
.link__btn__icon::before {
    content:"" ; width:3rem ; height:3rem ; left:50% ; transform:translate(-50%,-50%) scale(0.8) ;
    background:url(../img/icon_more.png) no-repeat 0 0 ; background-size:3rem auto ;
}
.link__btn:hover .link__btn__icon::before { transform:translate(-50%,-50%) scale(0.9) }



/* Table */
.table , .table table { width:100% }
.table { margin-bottom:4rem }
.table table { border-collapse:collapse ; border-spacing:0 ; border:0 }
.table:last-child { margin-bottom:0 } 
.table__cap { 
    font-size:2rem ; line-height:3rem ; font-weight:600 ; text-align:left ;
    color:#222222 ; word-break:keep-all ; letter-spacing:-0.1rem ;
    margin-bottom:1rem ;
}
.table__cap > b { margin-top:0.4rem }
.table td , .table th { 
    line-height:2.4rem ; text-align:center ;
    vertical-align:middle ;
    border:solid 1px #d7d7d7 ; padding:0.6rem 0.2rem ;  
}
.table thead th { background-color:#f7f7f7 ; color:#222222 ; font-weight:500 }
.table thead tr:last-child th { border-bottom:solid 0.2rem #ffde00 }

.table.scroll { overflow:auto ; padding-bottom:0.5rem }
.table.scroll table { width:100rem } 



/* Accordion */
.acc__item , .acc__tag , .acc__title , .acc__open > span , .acc__body , .acc__item::before  { transition:0.3s all }
.acc__item { 
    display:block ; width:100% ;
    border-bottom:solid 1px rgba(0,0,0,0.1) 
}
.acc__item::before {
    display:block ; content:"" ; width:100% ; height:1px ; 
    background-color:rgba(0,0,0,0) ;
    position:absolute ; left:0 ; top:-1px
} 
.acc__item:first-of-type::before  { background-color:rgba(0,0,0,0.1) }
.acc__item.accOpen::before  ,
.acc__item.accOpen:first-of-type::before { background-color:#f69610 }

.acc__header { padding:1.2rem 3rem 1.2rem 0.2rem }
.acc__title  { font-size:2rem ; line-height:3rem ; font-weight:600 ; color:#222222 ; word-break:keep-all }
.acc__tag    { margin-top:0.3rem  }


.acc__open { 
    display:block ; width:100% ; height:100% ; 
    position:absolute ; left:0 ; top:0 ;
    font-size:0 ;
}
.acc__open > span {
    display:block ; width:1rem ; height:1rem ; opacity:0.5 ; 
    border:solid 0.2rem #111111 ; border-top:none ; border-left:none ;
    position:absolute ; right:1rem ; top:50% ; transform:translate(-50%,-50%) rotate(45deg) ;
}
.accOpen .acc__open > span , .accOpen .acc__open:hover > span  { 
    top:55% ; border-color:#f69610 ; opacity:1 ;
    transform:translate(-50%,-50%) rotate(225deg) }
.acc__open:hover > span { opacity:1 ; transform:translate(-50%,-50%) rotate(45deg) scale(1.1) }
.acc__item:hover .acc__title { color:#000000 }
.acc__item:hover .acc__tag   { background-color:#000000 }

.accOpen .acc__tag , .accOpen:hover .acc__tag  { background-color:#f69610 ; color:#ffffff }

.acc__item.accOpen { border-color:#f69610 }

.acc__item , .acc__header , .acc__body { position:relative } 
.acc__body { padding:0 1rem ; height:0 ; overflow:hidden }
.accOpen .acc__body { padding-top:3rem ; padding-bottom:6rem ; height:auto ; overflow:inherit }
.acc__body::before {
    width:100% ; height:1px ; display:block ; content:"" ;
    border-top:dashed 1px rgba(0,0,0,0.15) ;
    position:absolute ; left:0 ; top:0
}
.acc__close { 
    position:absolute ; left:50% ; bottom:1rem ; transform:translateX(-50%) ;
    margin:0 ; display:none ;
}
.acc__body__container , .acc__close { display:none }
.accOpen .acc__body__container , .accOpen .acc__close   { display:block } 

 

/* List */
.data__list > li { margin-bottom:0.5rem ; padding-left:1rem ; position:relative }
.data__list > li::before {
    display:block ; content:"" ; width:0.4rem ; height:0.4rem ; 
    background-color:rgba(0,0,0,0.2) ;
    position:absolute ; left:0 ; top:1.4rem
}
.data__list > li:last-child { margin-bottom:0 }



/* Note */
.note__sup { font-size:70% ; line-height:inherit ; position:relative ; top:-0.2rem }
.note__box {
    box-sizing:border-box ; border-radius:0.6rem ; border:solid 1px rgba(0,0,0,0.1) ;
    margin-bottom:2rem ; padding:1.5rem 2rem ; background-color:#f7f7f7 ;
}
.note__box:last-child { margin-bottom:0 } 
.note__title { 
    font-size:2rem ; line-height:3rem ; font-weight:600 ; color:#222222 ;
    border-bottom:solid 1px rgba(0,0,0,0.2) ; letter-spacing:-0.1rem ;
    padding-bottom:0.7rem ; margin-bottom:1rem ;
}
.note__list li { 
    margin-bottom:0.5rem ; padding-bottom:0.5rem ; border-bottom:dashed 1px rgba(0,0,0,0.1) ;
    word-break:keep-all ; text-align:left ;
}
.note__list li:last-child { margin-bottom:0 ; padding-bottom:0 ; border:none }



/* QnA */
.qna__q , .qna__a { position:relative ; padding-left:3.5rem }
.qna__q { margin-bottom:1.5rem }
.qna__q__title { 
    font-size:2rem ; line-height:3rem ; font-weight:600 ; 
    letter-spacing:-0.05rem ; word-break:keep-all ;
}

.qna__q__icon , .qna__a__icon {
    display:block ; overflow:hidden ; width:2.6rem ; height:2.6rem ;
    background-color:#cccccc ; border-radius:0.4rem ;
    position:absolute ; left:0 ; top:0.2rem ;
    font-family:'Dohyun',sans-serif ; font-size:2.2rem ; line-height:3.2rem ; text-align:center ; color:#ffffff ;
    text-indent:0.2rem ;
}
.qna__q__icon { 
    background:linear-gradient(to bottom,#f9c609 0%,#ffde00 100%) ;
    text-shadow:0 0 0.3rem rgba(0,0,0,0.1) ;
}
.qna__a__icon { color:rgba(255,255,255,0.9) }











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

    /* Header */ 
    #header    { background-color:#ffffff }
    #logo > a  { background-position:left bottom }
    .nav__link { color:#444444 ; text-shadow:none }
    #btn_search > span::before  { border-color:#111111 }
    #btn_search > span::after { background-color:#111111 }



    /* Visual */
    .visual__container { height:60rem ; padding-top:8rem }
    .visual__box , .hashtag ul { max-width:150rem }
    .visual__box   { margin-bottom:4rem }
    .visual__title { font-size:4rem ; line-height:6rem ; letter-spacing:-0.1rem }
    .visual__title > br { display:block }
    .breadcrumb { margin-bottom:2.5rem }
    .breadcrumb a ,  .breadcrumb b { font-size:2rem ; line-height:3rem }
    .breadcrumb li { padding-right:3.5rem } 
    .breadcrumb li::after {
        width:0.7rem ; height:0.7rem ; opacity:0.5 ;
        border-width:0.1rem ;  right:1.2rem
    }

    .hashtag li { font-size:2rem ; line-height:2.8rem ; padding:0.7rem 4rem 0.7rem 0 ; }



    /* Main */ 
    #article { width:100% }
    #main    { min-height:10rem ; padding-left:30rem ; position:relative } 
    #main , #sns_share { max-width:150rem }
    #sns_share { position:absolute ; left:50% ; top:0 ; transform:translateX(-50%) ; width:100% ; margin:0 }
    #main , #sns_share.fix { width:96% }
    #sns_share.fix { position:fixed ; top:9rem }
    .share__list   { width:22rem ; position:absolute ; left:0 ; top:0 }
    .share__list::after { display:block ; content:"" ; clear:both }
    .share__item   { margin:0 0.5rem 0.5rem 0 ; float:left ; display:block }



    /* Article Navigation */
    #article_nav { max-width:150rem ; padding-top:4rem ; margin:0 auto 5rem }
    #article_nav::after , #articel_PN::after { display:block ; content:"" ; clear:both }
    #articel_PN      { width:72% ; margin:0 }
    #article_archive { width:26% ; margin:0 }
    #articel_PN , .articel__PN__item:first-child     { float:left }
    #article_archive , .articel__PN__item:last-child { float:right }
    .articel__PN__link , #article_archive_open { font-size:1.8rem ; line-height:2.8rem ; padding:1.5rem 1rem 1.7rem 7rem }
    .articel__PN__item     { width:49.8% }  
    .articel__PN__link > b { width:6rem }  
    .articel__PN__link > b::after { width:0.8rem ; height:0.8rem } 
    .articel__PN__item:last-child .articel__PN__link > b { left:auto ; right:0 } 
    .articel__PN__item:last-child .articel__PN__link     { padding-left:1rem ; padding-right:7rem ; text-align:right }
    #article_archive_list  { bottom:6.5rem }

    #article_archive_open { padding-left:2.5rem ; padding-right:5rem } 
    .icon__more { right:1rem }
  


    /* Sub style * */ 
    /* Section */
    .sec__title { font-size:2.8rem ; line-height:4rem }
    .sec__title .icon { top:-0.7rem ; margin-left:0.5rem }



    /* Paragraph */
    .p , .table td , .table th , .data__list > li , .note__list li { font-size:1.8rem ; line-height:3.4rem } 
    .lead p  { font-size:2rem ; line-height:3.8rem  } 



    /* Image */
    .imgs .img { margin:0 ; width:49.5833% }
    .imgs::after { display:block ; content:"" ; clear:both }
    .imgs .img:nth-child(1) , .img.left  { float:left }
    .imgs .img:nth-child(2) , .img.right { float:right }
    .img.left  { margin:0.8rem 4rem 0 0 }
    .img.right { margin:0.8rem 0 0 4rem }

    .link__btn { font-size:1.8rem }



    /* Table */
    .table td , .table th { line-height:2.8rem }
    
 

    /* Accordion */
    .acc__title  { font-size:2.4rem ; line-height:3.6rem }
    .acc__tag    { font-size:1.4rem ; line-height:2rem ; font-weight:500 ; margin-top:0.7rem }



    /* List */ 
    .data__list > li::before { top:1.6rem }



    /* Note */ 
    .note__box { padding:1.5rem 4rem }



    /* QnA */
    .qna__q__title { font-size:2.2rem ; line-height:3.4rem ; letter-spacing:-0.07rem }
    .qna__q__icon , .qna__a__icon { top:0.5rem }

    /*
.qna__q , .qna__a { position:relative ; padding-left:3.5rem }
.qna__q { margin-bottom:1rem }
.qna__q__title { font-size:2rem ; line-height:3rem ; font-weight:600 ; letter-spacing:-0.05rem }

.qna__q__icon , .qna__a__icon {
    display:block ; overflow:hidden ; width:2.6rem ; height:2.6rem ;
    background-color:#cccccc ; border-radius:0.4rem ;
    position:absolute ; left:0 ; top:0.2rem ;
    font-family:'Dohyun',sans-serif ; font-size:2.2rem ; line-height:3.2rem ; text-align:center ; color:#ffffff ;
    text-indent:0.2rem ;
}
.qna__q__icon { 
    background:linear-gradient(to bottom,#f9c609 0%,#ffde00 100%) ;
    text-shadow:0 0 0.3rem rgba(0,0,0,0.1) ;
}
.qna__a__icon { color:rgba(255,255,255,0.9) }
 */

} 
    
@media print { }