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

/* Visual */
#visual , .visual__img , .visual__img::after { width:100% }
#visual , .visual__img { position:relative }
#visual {
    overflow:hidden ; height:100vh ; min-height:50rem ; max-height:70rem ;
    padding-top:6rem ; margin-bottom:5rem ;
}
.visual__img , .visual__img::after { height:100% }
.visual__img { overflow:hidden ; background:url(../img_sub/visual_00.jpg) no-repeat center ; background-size:cover }
.visual__img::after {     
    content:"" ; position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
    background:linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.8) 100%);
}

#visual_11.visual__img { background-image:url(../img_sub/visual_11.jpg) }
#visual_12.visual__img { background-image:url(../img_sub/visual_12.jpg) }
#visual_13.visual__img { background-image:url(../img_sub/visual_13.jpg) }
#visual_14.visual__img { background-image:url(../img_sub/visual_14.jpg) }
#visual_15.visual__img { background-image:url(../img_sub/visual_15.jpg) }

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

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

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

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

#visual_61.visual__img { background-image:url(../img_sub/visual_61.jpg) }
#visual_62.visual__img { background-image:url(../img_sub/visual_62.jpg) }
#visual_63.visual__img { background-image:url(../img_sub/visual_63.jpg) }
#visual_64.visual__img { background-image:url(../img_sub/visual_64.jpg) }
#visual_65.visual__img { background-image:url(../img_sub/visual_65.jpg) }

#visual_91.visual__img { background-image:url(../img_sub/visual_event.jpg) }

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

.breadcrumb__list { text-align:center ; font-size:0 ; margin-bottom:2rem }
.breadcrumb__list li { 
    display:inline-block ; padding-right:2rem ; margin-bottom:1rem ;
    position:relative ;
}
.breadcrumb__list li:last-child { padding-right:0 }
.breadcrumb__list li::before {
    display:block ; content:"" ; width:0.6rem ; height:0.6rem ; opacity:0.8 ;
    border:solid 1px #ffffff ; border-bottom:none ; border-left:none ;
    position:absolute ; right:0.5rem ; top:50% ; transform:translate(-50%,-50%) rotate(45deg) ;
}
.breadcrumb__list li:last-child::before   { display:none }
.breadcrumb__list a , .breadcrumb__list b , .visual__title { 
    word-break:keep-all ;
    color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.2) }
.breadcrumb__list a , .breadcrumb__list b {  
    display:block ; padding:0.3rem 0 ; 
    font-size:1.6rem ; line-height:2.8rem ; font-weight:500 ; 
    border-bottom:solid 0.2rem #ffffff ;
}
.breadcrumb__list a { transition:0.3s all }
.breadcrumb__list a:hover { color:#379eda ; border-color:#379eda }
.breadcrumb__list b { border-color:#379eda }

.visual__title { 
    font-family:'Dohyun',sans-serif ; font-size:3.6rem ; line-height:5rem ;
    text-align:center ; 
}
.visual__title > br { display:none } 



/* Main */
#main { width:96% ; max-width:150rem ; margin:0 auto 8rem }
.main__container , .main__share { width:100% }
.main__container { margin-bottom:8rem }



/* Share */
.share__list { font-size:0 ; text-align:center }
.share__item { display:inline-block ; margin:0.5rem }
.share__link , .share__link::before { transition:0.3s all }
.share__link {
    display:block ; overflow:hidden ; width:5rem ; height:5rem ; border-radius:100% ;
    font-size:0 ; color:transparent ;
    background-color:#111111 ; position:relative ;
}
.share__link:hover { background-color:#379eda }
.share__link::before {
    display:block ; content:"" ; width:3rem ; height:3rem ; 
    background:url(../img/icon_sns.png) no-repeat 0 0 ; background-size:auto 3rem ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
.share__link:hover::before     { transform:translate(-50%,-50%) scale(1.1) } 
.share__link.url__copy::before { background-position:-15rem 0 }
.share__link.fb::before        { background-position:-18rem 0 }
.share__link.ex::before         { background-position:-21rem 0 }
.share__link.li::before       { background-position:-24rem 0 }



/* Section */
.sec      { margin-bottom:10rem }
.sub_sec  { margin-bottom:8rem }
.lead     { margin-bottom:5rem }
.lead > p , .p { margin-bottom:3rem ; text-align:justify }
.sec:last-child , .sub_sec:last-child , .lead:last-child , .lead > p:last-child , .p:last-child { margin-bottom:0 } 
 
.lead > p { text-align:justify }
.lead > p > span {  
    font-size:2rem ; line-height:3.8rem ; color:#222222 ; font-weight:600 ;
    border-bottom:solid 1px rgba(0,0,0,0.1) ; padding-bottom:0.3rem ;
    letter-spacing:-0.05rem ;
} 
.p , .quote figcaption , .data__list > li , .table td , .table th { font-size:1.8rem ; line-height:200% ; letter-spacing:-0.05rem } 
.bold , .mark , .underline , .italic    { font-size:inherit ; line-height:inherit ; text-align:inherit ; letter-spacing:inherit }
.bold { font-weight:600 ; color:#222222 }
.underline { border-bottom:solid 1px rgba(0,0,0,0.2) ; padding-bottom:0.2rem }
.mark { background-color:#fffbcc ; color:#222222 } 
.italic { font-style:italic ; font-weight:500 ; margin-right:0.2rem }

.sec__title , .title__tag::before { font-family:'Dohyun',sans-serif }
.sec__title {
    font-size:2.6rem ; line-height:4rem ;
    color:#111111 ; word-break:keep-all ; letter-spacing:-0.1rem ; margin-bottom:1.5rem ; 
}

.title__tag { 
    position:relative ; top:0.3rem ; padding-right:2.6rem ;
    display:inline-block ; margin-left:0.2rem ; font-size:0 ; }
.title__tag::before , .title__tag::after { background-color:#379eda }
.title__tag::before {
    display:inline-block ; content:"&" ; padding:0.6rem 0 0 0.6rem ;
    color:#ffffff ; font-size:2.2rem ; line-height:2.4rem ; 
}
.title__tag::after {
    display:block ; content:"" ; width:2.2rem ; height:0.3rem ;
    position:absolute ; right:0 ; bottom:1.4rem ;
}
.sub__title {
    font-size:2rem ; line-height:2.8rem ; font-weight:bold ; color:#111111 ; word-break:keep-all ;
    margin-bottom:1rem ; letter-spacing:-0.05rem ;
}
#sec_service { margin-bottom:10rem }



/* List */
.data__list { margin-bottom:3rem }
.data__list:last-child { margin-bottom:0 } 
.data__list > li { position:relative ; margin-bottom:0.5rem ; padding-left:1rem ; text-align:left }
.data__list > li::before { 
    display:block ; content:"" ; width:0.4rem ; height:0.4rem ; 
    background-color:#111111 ; opacity:0.3 ;
    position:absolute ; left:0 ; top:1.7rem
} 
.data__list.bar > li { padding-left:1.3rem }
.data__list.bar > li::before { width:0.6rem ; height:0.2rem ; top:1.7rem }
.data__list.no > li::before { display:none }
.data__list.no > li { padding-left:0 ;}

.item__label {
    display:inline-block ; padding:0.4rem 1.3rem 0.5rem ; margin-right:0.3rem ; border-radius:4rem ;
    color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.2) ; font-size:90% ; line-height:120% ; font-weight:500 ;
    position:relative ; top:0.4rem ;
    background-color:#222222 ;
}



/* Quote */
.quote { background-color:#f7f7f7 ; border-radius:0.6rem ; padding:1.5rem ; margin-bottom:3rem }
.quote:last-child { margin-bottom:0 }
.quote blockquote , .quote figcaption { display:inline }
.quote blockquote {
    font-size:2rem ; line-height:4rem ; color:#222222 ; font-weight:500 ; text-align:justify ;
    letter-spacing:-0.1rem ; font-style:italic ; border-bottom:solid 1px rgba(0,0,0,0.1) ;
    padding-bottom:0.2rem ; margin-right:1.5rem ;
}
.quote blockquote:last-child { margin-right:0 }
.quote figcaption { word-break:keep-all }



/* Image */
.img , .img img , .img__outline , .img__outline::after  { width:100% }
.img { 
    max-width:56rem ; padding-top:1rem ; 
    margin:0 auto 4rem
}
.img:last-child { margin-bottom:0 }
.img img , .img__outline , .img__outline::after { border-radius:0.6rem }
.img__outline { position:relative ; margin-bottom:0.5rem } 
.img__outline:last-child { margin-bottom:0 }
.img__outline::after { 
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
    box-sizing:border-box ;  border:solid 1px rgba(0,0,0,0.1) ;
    display:block ; content:"" ; height:100% 
}
.img__caption { font-size:1.6rem ; line-height:140% }
.img__caption > b , .table__caption > b { 
    display:inline-block ; padding:0.2rem 0.6rem 0.4rem ; border-radius:0.4rem ;
    font-size:1.4rem ; line-height:1.8rem ; color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.2) ;
    background-color:#444444 ;
}
.img__caption.bar { position:relative ; padding-left:1.2rem }
.img__caption.bar::before {
    display:block ; content:"" ; width:1px ; height:80% ; 
    background-color:rgba(0,0,0,0.2) ;
    position:absolute ; left:0 ; top:50% ; transform:translateY(-50%) ;
}



/* Accordion */
.acc_guide { font-size:1.6rem ; line-height:2.8rem ; text-align:left ; word-break:keep-all ; margin-bottom:1.5rem }
.acc__item , .acc__header , .acc__title , .acc__tag , .acc__body , .acc__btn__open::after { transition:0.3s all } 
.acc__item { border-top:solid 1px rgba(0,0,0,0.2) ; box-shadow:0 0 0 rgba(0,0,0,0) } 
.acc__item:last-of-type { border-bottom:solid 1px rgba(0,0,0,0.2) }
.acc__item:hover { border-bottom-color:#339fd9 }
 
.acc__header { position:relative ; padding:1rem 4rem 1rem 0.2rem }
.acc__title  { 
    font-size:2rem ; line-height:3.4rem ; font-weight:600 ; color:#222222 ; letter-spacing:-0.1rem ; 
    word-break:keep-all ; text-align:left ;
}
.acc__tag { 
    display:inline-block ; padding:0.4rem 1rem ; margin-right:0.3rem ; border-radius:0.4rem ;
    font-size:70% ; line-height:120% ; color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.2) ;
    position:relative ; top:0.4rem ;
    background-color:#222222 ;
}
.acc__btn__open {
    display:block ; width:100% ; height:100% ; 
    font-size:0 ; color:transparent ; overflow:hidden ;
    position:absolute ; left:0 ; top:0
} 
.acc__btn__open::after {
    display:block ; content:"" ; width:0.6rem ; height:0.6rem ;
    border:solid 0.2rem #111111 ; border-left:none ; border-top:none ;
    position:absolute ; right:1rem ; top:50% ; transform:translate(-50%,-50%) rotate(45deg) ; 
    opacity:0.4 ;
} 
.accOpen .acc__btn__open::after , .accOpen .acc__btn__open:hover::after {
    border-color:#379eda ; transform:translate(-50%,-50%) rotate(225deg) ;
    width:0.8rem ; height:0.8rem ; opacity:1 ; right:1.5rem
} 

.acc__btn__open:hover::after { transform:translate(-50%,-50%) rotate(45deg) scale(1.1) ; opacity:0.8 }
.acc__body { padding:0 1.5rem ; position:relative ; overflow:hidden ; height:0 }
.acc__container  { display:none ; border-top:dashed 1px rgba(0,0,0,0.2) ; padding-top:2rem }
.acc__btn__close { display:none ; position:absolute ; left:50% ; bottom:1rem ; transform:translateX(-50%) }

.acc__item.accOpen    { 
    border:solid 1px #339fd9 ; border-radius:0.6rem ; box-shadow:0 0.1rem 0.5rem rgba(0,0,0,0.2) ;
    margin-bottom:1rem ;
}
.accOpen .acc__header { padding-left:1.5rem }
.accOpen .acc__title  { color:#000000 }
.accOpen .acc__tag    { background-color:#339fd9 }
.accOpen .acc__body   { padding-top:1.5rem ; padding-bottom:8rem ; overflow:inherit ; height:auto }
.accOpen .acc__container , .accOpen .acc__btn__close { display:block }



/* Note */
.note { width:100% ; border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.6rem ; padding:1.5rem ; margin-bottom:3rem }
.note:last-child { margin-bottom:0 }
.note__title { 
    font-size:2.2rem ; line-height:140% ; color:#222222 ; font-weight:700 ;
    border-bottom:solid 1px rgba(0,0,0,0.1) ; padding-bottom:1rem ; margin-bottom:1rem ;
}
.note_num {
    font-family:inherit ; color:inherit ; font-weight:inherit ;
    font-size:70% ; line-height:220%
}

 

/* Table */
.table , .table table { width:100% }
.table { padding-top:1rem ; margin-bottom:4rem }
.table:last-child { margin-bottom:0 } 
.table table { border:0 ; border-spacing:0 ; border-collapse:collapse }
.table th , .table td { 
    padding:1rem 0.5rem ; border:solid 1px #d7d7d7 ;
    text-align:center ; word-break:keep-all ; vertical-align:middle ;
    line-height:150% ;
}
.table th > br , .table td > br { display:none }
.table th { background-color:#f7f7f7 ; border-bottom:solid 0.2rem #339fd9 ; color:#222222 }

b.table__caption , strong.table__caption , span.table__caption { display:block }
.table__caption {
    font-size:2rem ; line-height:3rem ; font-weight:bold ; text-align:left ; color:#111111 ;
    margin-bottom:1rem ; letter-spacing:-0.05rem ;
}
.table__caption > b { position:relative ; top:0.2rem }
.table__sauce {
    display:block ; padding-top:0.5rem ;
    font-size:1.6rem ; line-height:2.6rem ;
}

.table_conatiner { width:100% ; overflow-x:auto }
.table_conatiner > table { width:102.4rem ; margin-bottom:0.3rem } 
.table.noSide th:first-child , .table.noSide td:first-child { border-left:none }
.table.noSide th:last-child , .table.noSide td:last-child   { border-right:none } 
.table .wide { display:block ; width:100% ; overflow:auto }
 


/* Hashtag */
.hashtag__list { width:100% ; text-align:center ; font-size:0 }
.hashtag__list > li { 
    display:inline-block ; padding:0.5rem 2rem 0.7rem ; margin:0.5rem ; 
    font-size:1.8rem ; line-height:2.6rem ; color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.2) ;
    background-color:#222222 ; border-radius:4rem ;
}



/* Page controls */
#page_controls { width:96% ; max-width:150rem ; margin:0 auto 6rem ; padding-top:4rem ; position:relative }
#page_controls::before {
    display:block ; content:"" ; width:100% ; height:0.5rem ;
    background:url(../img_sub/footer_net.gif) repeat-x center ; 
    position:absolute ; left:0 ; top:0
} 
#pagination { margin-bottom:1rem }
.pagination__item { margin-bottom:0.5rem }
.pagination__item:last-child { margin-bottom:0 }

.pagination__link , .pagination__link::after , .pagination__link > b::before ,
#article_prev_open , #article_prev_open::after { transition:0.3s all } 

.pagination__link , .pagination__link::after , #article_prev_open { box-sizing:border-box ; border-radius:0.6rem }
.pagination__link , #article_prev_open { 
    display:block ; position:relative ;
    font-size:1.8rem ; line-height:100% ; padding:1.4rem 1.5rem 1.8rem 5rem ; background-color:#ffffff ;
    word-wrap:break-word ; white-space:nowrap ; overflow:hidden ; text-overflow:ellipsis
} 
.pagination__link:hover  { box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0.1) ; color:#111111 }
.pagination__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:50% ; top:50% ; transform:translate(-50%,-50%) 
}
.pagination__link:hover::after { border-color:rgba(0,0,0,0.2) }

.pagination__link > b , .pagination__link > b::after { top:50% ; transform:translateY(-50%) }
.pagination__link > b {
    display:block ; overflow:hidden ; width:4rem ; height:100% ; 
    font-size:0 ; color:transparent ; text-indent:-99rem ;
    position:absolute ; left:0 ;  ;
}
.pagination__link > b::before , .pagination__link > b::after { display:block ; content:"" ; position:absolute }
.pagination__link > b::after {
    width:1px ; height:40% ; right:0 ; 
    background-color:rgba(0,0,0,0.1) ;
}
.pagination__link > b::before , #article_prev_open::after { 
    width:0.6rem ; height:0.6rem ; border:solid 1px #111111 ; 
    top:50% ; transform:translate(-50%,-50%) rotate(45deg) ;
    opacity:0.6 ;
} 
.prev .pagination__link > b::before { left:60% ; border-right:0 ; border-top:0 }
.next .pagination__link > b::before { left:50% ; border-left:0 ; border-bottom:0 }
 
.article_popup_container , #article_prev { position:relative }
#article_prev_open { 
    width:100% ; padding-left:1.5rem ; padding-right:4rem ; background-color:#252525 ;
    color:#ffffff ; text-align:left ; text-shadow:0 0 0.3rem rgba(0,0,0,0.1) ; 
}

#article_prev_open > b { color:inherit ; text-shadow:inherit ; font-weight:bold }
#article_prev_open::after {
    display:block ; content:"" ; top:47% ;
    position:absolute ; left:auto ; right:1.5rem ; opacity:0.7 ;
    border:solid 0.2rem #ffffff ; border-top:none ; border-left:none ;
}
#article_prev_open:hover { background-color:#111111 } 

.apOpen #article_prev_open::after ,
.apOpen #article_prev_open:hover::after { 
    transform:translate(-50%,-50%) rotate(225deg) scale(1.2) ; top:55% ;
    opacity:1 ; border-color:#339fd9 ;
}

.pagination__link:hover > b::before ,
#article_prev_open:hover::after { opacity:1 ; transform:translate(-50%,-50%) rotate(45deg) scale(1.2) }
#article_prev_popup { transition:0.3s all }
#article_prev_popup {
    display:block ; width:100% ; padding:0 2rem ; overflow:hidden ; height:0 ;
    position:absolute ; left:0 ; top:5.5rem ; z-index:20 ;
    border:0 ; background-color:#ffffff ; border-radius:0.6rem ; 
    box-shadow:none
}
.apOpen #article_prev_popup {
    padding:2rem ; overflow:inherit ; height:auto ;
    border:solid 1px rgba(0,0,0,0.1) ;
    box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0.2) ;
}
 
#article_prev_list   { margin-bottom:1.5rem }
#article_prev_list a {
    display:block ; padding:0.8rem 0.2rem ;
    font-size:1.6rem ; line-height:160% ;
    border-bottom:solid 1px rgba(0,0,0,0.1) ;
}

#article_popup_container { display:none }
.apOpen #article_popup_container { display:block }



/* Form */
#apply_form , #apply_form fieldset , .apply__container , .apply__guide__chk , .apply__guide__chk > label , #apply_submit { display:block ; width:100% }
#apply_form { max-width:90rem ; margin:auto }   
.apply__txt  , .apply__guide__title , .apply__guide__list b , .apply__guide__list li { 
    font-size:1.8rem ; line-height:160% ; font-weight:bold ; letter-spacing:-0.05rem ;  
    text-align:left ; word-break:keep-all ;
} 
.apply__txt , .apply__guide__chk > label , #apply_submit { font-size:1.8rem ; line-height:160% ; margin-bottom:2rem ; font-weight:bold }
.apply__container , .apply__guide { border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.6rem ; padding:2.5rem 2rem }
.apply__container { margin-bottom:0.5rem }
.apply__input { 
    font-size:1.8rem ; line-height:120% ; border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.4rem ;
    padding:1rem 1.5rem ; margin-bottom:0.5rem ; width:100% ; box-sizing:border-box ;
}
.apply__input:last-child { margin-bottom:0 }
.apply__guide { border-color:#d9d9d9 ; background-color:#f7f7f7 }

.apply__guide__title , .apply__guide__list { margin-bottom:3rem } 
.apply__guide__list b  { display:block ; margin-bottom:0.5rem }
.apply__guide__list li { font-size:1.4rem ; font-weight:400 ; margin-bottom:0.5rem ; position:relative ; padding-left:1rem }
.apply__input:last-child , .apply__guide__list li:last-child { margin-bottom:0 }
.apply__guide__list li::before {
    display:block ; content:"" ; width:0.3rem ; height:0.3rem ;
    background-color:rgba(0,0,0,0.3) ;
    position:absolute ; left:0.2rem ; top:1rem
} 
.apply__guide__chk { border-top:dashed 1px rgba(0,0,0,0.15) ; padding-top:3rem }
.apply__guide__chk > label { margin-bottom:1.5rem ; padding-left:2rem ; position:relative }
#apply_chk { position:absolute ; left:0 ; top:52% ; transform:translateY(-50%) scale(1.1) ;}

#apply_submit { 
    padding:1.2rem 0.5rem ; margin:0 ; background-color:#379eda ;
    text-align:center ; color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.1) ;
    border-radius:0.4rem ; transition:0.3s all ;
}
#apply_submit:hover { background-color:#111111 }

 




@media screen and (min-width:1024px){ 
 
    /* Visual */
    #visual { height:100vh ;  max-height:80rem ; padding:0 }
    #visual.half { height:40rem }
    #visual.half .visual__box { bottom:4rem }



    .visual__img { background-image:url(../img_sub/visual_00_pc.jpg) }
    #visual_11.visual__img { background-image:url(../img_sub/visual_11_pc.jpg) }
    #visual_12.visual__img { background-image:url(../img_sub/visual_12_pc.jpg) }
    #visual_13.visual__img { background-image:url(../img_sub/visual_13_pc.jpg) }
    #visual_14.visual__img { background-image:url(../img_sub/visual_14_pc.jpg) }
    #visual_15.visual__img { background-image:url(../img_sub/visual_15_pc.jpg) }

    #visual_21.visual__img { background-image:url(../img_sub/visual_21_pc.jpg) }
    #visual_22.visual__img { background-image:url(../img_sub/visual_22_pc.jpg) }
    #visual_23.visual__img { background-image:url(../img_sub/visual_23_pc.jpg) }
    #visual_24.visual__img { background-image:url(../img_sub/visual_24_pc.jpg) }
    #visual_25.visual__img { background-image:url(../img_sub/visual_25_pc.jpg) }

    #visual_31.visual__img { background-image:url(../img_sub/visual_31_pc.jpg) }
    #visual_32.visual__img { background-image:url(../img_sub/visual_32_pc.jpg) }
    #visual_33.visual__img { background-image:url(../img_sub/visual_33_pc.jpg) }
    #visual_34.visual__img { background-image:url(../img_sub/visual_34_pc.jpg) }
    #visual_35.visual__img { background-image:url(../img_sub/visual_35_pc.jpg) }

    #visual_41.visual__img { background-image:url(../img_sub/visual_41_pc.jpg) }
    #visual_42.visual__img { background-image:url(../img_sub/visual_42_pc.jpg) }
    #visual_43.visual__img { background-image:url(../img_sub/visual_43_pc.jpg) }
    #visual_44.visual__img { background-image:url(../img_sub/visual_44_pc.jpg) }
    #visual_45.visual__img { background-image:url(../img_sub/visual_45_pc.jpg) }

    #visual_51.visual__img { background-image:url(../img_sub/visual_51_pc.jpg) }
    #visual_52.visual__img { background-image:url(../img_sub/visual_52_pc.jpg) }
    #visual_53.visual__img { background-image:url(../img_sub/visual_53_pc.jpg) }
    #visual_54.visual__img { background-image:url(../img_sub/visual_54_pc.jpg) }
    #visual_55.visual__img { background-image:url(../img_sub/visual_55_pc.jpg) }

    #visual_61.visual__img { background-image:url(../img_sub/visual_61_pc.jpg) }
    #visual_62.visual__img { background-image:url(../img_sub/visual_62_pc.jpg) }
    #visual_63.visual__img { background-image:url(../img_sub/visual_63_pc.jpg) }
    #visual_64.visual__img { background-image:url(../img_sub/visual_64_pc.jpg) }
    #visual_65.visual__img { background-image:url(../img_sub/visual_65_pc.jpg) }

    #visual_91.visual__img { background-image:url(../img_sub/visual_event_pc.jpg) }

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

    .visual__box { bottom:7rem }
    .breadcrumb__list { text-align:left ; margin-bottom:3rem }
    .breadcrumb__list::after , #main::after { display:block ; content:"" ; clear:both }
    .breadcrumb__list li { display:block ; float:left ; margin:0 ; padding-right:3rem }
    .breadcrumb__list a , .breadcrumb__list b { font-size:1.8rem ; line-height:2.8rem ; border-width:0.3rem }
    .breadcrumb__list li::before { right:0.9rem ; border-width:0.2rem ; opacity:0.6 } 
    .visual__title { font-size:5rem ; line-height:6.6rem ; text-align:left }
    .visual__title > br { display:block } 



    /* Main */
    #main { margin-bottom:10rem ; position:relative }
    .main__container , .main__share { margin:0 } 
    .main__container { float:left ; width:80% }
    
    .main__share {
        display:block ; width:100% ; max-width:150rem ; transition:0.3s all ;
        position:absolute ; top:0 ; left:50% ; transform:translateX(-50%) ;
    }
    .share__list {
        display:block ; width:14.4% ; max-width:21.5rem ;
        position:absolute ; right:0 ; top:0 ;
        text-align:right ;
    }


    
    /* Share */
    .share__item { margin:0 0 1rem 0.5rem }
    .share__item:first-child { margin-left:0 } 
    .share .main__share { position:fixed ; top:10rem ; z-index:70 }
 


    /* Section */
    /* Quote */
    .quote { background-color:#f7f7f7 ; border-radius:0.6rem ; padding:2.5rem 3rem }

 

    /* Image */
    .img.right , .img.left { padding-top:0.8rem  }
    .img.right { float:right ; margin:0 0 0 4rem }
    .img.left  { float:left ; margin:0 4rem 0 0 }

    .imgs { width:100% ; margin-bottom:4rem }
    .imgs .img { margin:0 ; width:49.5833% ; max-width:59.5rem }
    .imgs .img:first-child { float:left }
    .imgs .img:last-child  { float:right }
    .imgs:last-child { margin-bottom:0 }
    .imgs::after { display:block ; content:"" ; clear:both }



    /* Accordion */
    .acc__title  { font-size:2.2rem ; line-height:3rem }
    .acc__tag    { font-size:60% ;  padding:0.4rem 1rem 0.5rem }
    .acc__header { padding-top:1.3rem ; padding-bottom:1.5rem }
 


    /* Note */
    .note  { padding:3rem ; padding-left:13rem  ; position:relative }
    .note__title { 
        width:9rem ; border:0 ; margin:0 ; padding:0 ;
        position:absolute ; left:3rem ; top:3.2rem 
    }
    .note__container { display:block ; border-left:solid 1px rgba(0,0,0,0.1) ; padding-left:3rem  }



    /* Table */
    .table th , .table td { padding-left:1rem ; padding-right:1rem }
    .table th > br , .table td > br { display:block }
    .table_conatiner , .table_conatiner > table { width:100% ; margin:0 }
    .table_conatiner { overflow-x:inherit }
 


    /* Hashtag */
    .hashtag__list > li { font-size:2rem ; line-height:2.8rem ; padding:1rem 3rem 1.2rem ; margin:0 1rem 0.5rem }
 


    /* Page controls */
    #page_controls { position:relative ; padding-top:0 }
    #page_controls::after , #pagination::after { display:block ; content:"" ; clear:both }   
    #pagination , #article_prev { margin:0 }
    #pagination { width:80% } 
    #page_controls::before {
        display:block ; content:"" ; width:96% ; height:1px ;
        background-color:rgba(0,0,0,0.1) ;
        position:absolute ; left:50% ; top:50% ; z-index:-1 ;
        transform:translateX(-50%) ;
    }
    #pagination , .pagination__item.prev   { float:left }
    #article_prev , .pagination__item.next { float:right }
    #article_prev     { width:18% }
    .pagination__item { width:49.5833% ; margin:0 }
    .pagination__link , #article_prev_open { padding:1.9rem 1.5rem 2.3rem }
    #article_prev_open { padding-right:4rem }

    .prev .pagination__link { padding-left:6.5rem }
    .next .pagination__link { padding-right:6.5rem ; text-align:right ; }

    .pagination__link > b { width:5rem } 
    .next .pagination__link > b  { left:auto ; right:0 }
    .next .pagination__link > b::after  { left:0 ; right:auto }

    #article_prev_popup { top:6.5rem }
 


    /* Form */
    .apply__txt , #apply_submit { font-size:2.2rem }
    .apply__txt { margin-bottom:1.5rem }
    .apply__guide__list li { font-size:1.6rem }
    .apply__container , .apply__guide { padding:2.5rem 4rem } 
    .apply__guide__list li::before    { top:1.1rem }
    
/*


#apply_form , #apply_form fieldset , .apply__container , .apply__guide__chk , .apply__guide__chk > label , #apply_submit { display:block ; width:100% }
#apply_form { max-width:90rem ; margin:auto }   
.apply__txt  , .apply__guide__title , .apply__guide__list b , .apply__guide__list li { 
    font-size:1.8rem ; line-height:160% ; font-weight:bold ; letter-spacing:-0.05rem ;  
    text-align:left ; word-break:keep-all ;
} 
.apply__txt , .apply__guide__chk > label , #apply_submit { font-size:1.8rem ; line-height:160% ; margin-bottom:2rem ; font-weight:bold }
.apply__container , .apply__guide { border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.6rem ; padding:2.5rem 2rem }
.apply__container { margin-bottom:2rem }
.apply__input { 
    font-size:1.8rem ; line-height:120% ; border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.4rem ;
    padding:1rem 1.5rem ; margin-bottom:0.5rem ; width:100% ; box-sizing:border-box ;
}
.apply__input:last-child { margin-bottom:0 }
.apply__guide { border-color:#d9d9d9 ; background-color:#f7f7f7 }

.apply__guide__title , .apply__guide__list { margin-bottom:3rem } 
.apply__guide__list b  { display:block ; margin-bottom:0.5rem }
.apply__guide__list li { font-size:1.4rem ; font-weight:400 ; margin-bottom:0.5rem ; position:relative ; padding-left:1rem }
.apply__input:last-child , .apply__guide__list li:last-child { margin-bottom:0 }
.apply__guide__list li::before {
    display:block ; content:"" ; width:0.3rem ; height:0.3rem ;
    background-color:rgba(0,0,0,0.3) ;
    position:absolute ; left:0.2rem ; top:1rem
} 
.apply__guide__chk { border-top:dashed 1px rgba(0,0,0,0.15) ; padding-top:3rem }
.apply__guide__chk > label { margin-bottom:1.5rem ; padding-left:2rem ; position:relative }
#apply_chk { position:absolute ; left:0 ; top:52% ; transform:translateY(-50%) scale(1.1) ;}

#apply_submit { 
    padding:1.2rem 0.5rem ; margin:0 ; background-color:#379eda ;
    text-align:center ; color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.1) ;
    border-radius:0.4rem ; transition:0.3s all ;
}
#apply_submit:hover { background-color:#111111 }
*/


} 
    




@media print { }