@charset "utf-8";

/* BACKGROUND */
body { 
    background-color:#227956 ; 
    background-color:linear-gradient(30deg,#0e5e47,#227956,#0e5e47) ;
    background-image:url(../img/main_bg_net.png) ;
}
.patten__bg  { display:none }
 

 
/* VISUAL */
.visual__slide , .slide__list , .slide , .slide::before { width:100% ; box-sizing:border-box }
.visual__slide , .slide__list { position:relative }
.visual__slide { overflow:hidden ; margin-bottom:6rem } 
.slide__list   { height:35rem ; background-color:#444444 }
.slide__list   { z-index:40 }
.slide , .slide::before { display:block ; height:100% ; position:absolute ; left:0 ; top:0 }
.slide { background:no-repeat center ; background-size:cover ; z-index:41 }
.slide::before { content:"" ; background-color:#000000 ; opacity:0.5 ; z-index:42 }

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

.slide.slide1 { background-image:url(../img_sub/visual_11_MB.jpg) }
.slide.slide2 { background-image:url(../img_sub/visual_12_MB.jpg) }
.slide.slide3 { background-image:url(../img_sub/visual_13_MB.jpg) }
.slide.slide4 { background-image:url(../img_sub/visual_14_MB.jpg) }
.slide.slide5 { background-image:url(../img_sub/visual_15_MB.jpg) } 
 


/* SLIDE BOX */
.slide__box { 
    width:90% ; text-align:center ;
    position:absolute ; left:50% ; bottom:2rem ; z-index:50 ; 
    transform:translateX(-50%) ;
}
.slide__box br { display:none }
.slide__box__tag { margin-bottom:2rem }
.slide__box__tag > b { 
    display:inline-block ; overflow:hidden ; padding:0 1.5rem 0.2rem ; border-radius:2rem ;
    font-size:1.6rem ; line-height:2.4rem ; font-weight:500 ; color:#ffffff ; 
    text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ;
    background:linear-gradient(30deg,#f78f1e,#f75b1e) 
}
.slide__box__title {
    font-size:3rem ; line-height:4rem ; color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ;
    font-family:'Nanum Myeongjo',serif ; word-break:keep-all ; font-weight:500 ; letter-spacing:-0.1rem ;
    margin-bottom:1rem ;
}
.slide__box__caption { display:none }
.slide__box__link , .slide__box__link::after { display:block ; overflow:hidden ;}
.slide__box__link { 
    position:relative ; margin:auto ; font-size:0 ; color:transparent ;
    width:5rem ; height:5rem 
} 
.slide__box__link::after {
    content:"" ; width:4rem ; height:4rem ; 
    opacity:0.6 ; transition:0.3s all ;
    background:url(../img/icon_more.png) no-repeat center ; background-size:cover ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ; 
}
.slide__box__link:hover::after { opacity:1 ; transform:translate(-50%,-50%) scale(1.2)}
 
.slide__box__tag , .slide__box__title , .slide__box__caption , .slide__box__link { opacity:0 ; transition:0.5s all }
.slide.first .slide__box__tag , .slide.first .slide__box__title , .slide.first .slide__box__caption , .slide.first .slide__box__link ,
.slide.show .slide__box__tag , .slide.show .slide__box__title , .slide.show .slide__box__caption , .slide.show .slide__box__link { opacity:1 }
.slide.show .slide__box__tag     { transition-delay:0.5s }
.slide.show .slide__box__title   { transition-delay:0.8s }
.slide.show .slide__box__link    { transition-delay:1.0s }
.slide.show .slide__box__link:hover { transition-delay:0s } 



/* PREV+NEXT */
.slide__prevNext { width:100% ; box-sizing:border-box }
.slide__PN__btn , .slide__PN__btn::before { transition:0.3s all }
.slide__PN__btn {
    width:2rem ; height:2rem ; position:absolute ; top:45% ; transform:translateY(-50%) ; z-index:50 ;
    font-size:0 ; color:transparent ; background-color:rgba(0,0,0,0.3) ; 
    overflow:hidden ; border-radius:0.4rem ;
}
.slide__PN__btn::before { 
    display:block ; content:"" ; position:absolute ; top:50% ; transform:translate(-50%,-50%) ; opacity:0.6 ;
    width:0.7rem ; height:0.7rem ; border:solid 1px #ffffff ; border-bottom:none }
.slide__PN__btn.prev { left:0 ; border-right:none }
.slide__PN__btn.next { right:0 ; border-left:none }
.slide__PN__btn.prev::before  { border-right:none ; transform:translate(-50%,-50%) rotate(-45deg) ; left:60% }
.slide__PN__btn.next::before  { border-left:none ; transform:translate(-50%,-50%) rotate(45deg) ; right:20% }
.slide__PN__btn:hover::before , .slide__PN__btn:focus::before { opacity:1 }
.slide__PN__btn:hover , .slide__PN__btn:focus { background-color:rgba(0,0,0,0.7) ;}
.slide__PN__btn.prev:hover::before , .slide__PN__btn.prev:focus::before  { transform:translate(-50%,-50%) rotate(-45deg) scale(1.1)}
.slide__PN__btn.next:hover::before , .slide__PN__btn.next:focus::before  { transform:translate(-50%,-50%) rotate(45deg) scale(1.1)}



/* PAGE */
.slide__pagination { width:100% ; box-sizing:border-box ; padding:2rem 0 0.9rem ; text-align:center ; font-size:0 }
.slide__pagination .page { display:inline-block ; margin:0 0.3rem }
.slide__pagination .page > button {
    width:4rem ; height:0.2rem ; display:block ; overflow:hidden ; border-radius:1rem ;
    font-size:0 ; color:transparent ;
    background-color:#ffffff ; transition:0.3s all ; opacity:0.5 ;
} 
.slide__pagination .page.now > button ,
.slide__pagination .page > button:hover , .slide__pagination .page > button:focus { opacity:1 }
.slide__pagination .page.now > button { background-color:#f78f1e }



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

 
/* SECTION-SPECIAL */
.main_section { width:100% ; box-sizing:border-box ; padding:0 2rem ; margin:0 auto 6rem }
.main_section:last-child { margin-bottom:0 }
#special { margin-bottom:1rem }

.main_title_h3 { 
    font-size:3.4rem ; line-height:4.2rem ; font-family:'NanumSquare', sans-serif ;
    color:#ffffff ; font-weight:600 ; text-align:center ;
    margin-bottom:2.5rem ;
}
.spec__list { font-size:0 ; text-align:center }
.spec__item { 
    display:inline-block ; overflow:hidden ; width:98% ; max-width:36rem ;
    margin:0 1% 4rem ; position:relative ;
} 
.spec__img { 
    width:100% ; box-sizing:border-box ; display:block ;
    height:15rem ; overflow:hidden ; border-radius:1rem ;
    position:relative ;
}
.spec__img::before , .spec__img::after {
    display:block ; overflow:hidden ; content:"" ; width:100% ; height:100% ; 
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
.spec__img::before { background:no-repeat center ; background-size:cover }
.spec__img::after  { background-color:#000000 ; opacity:0.1 ; }
.item21 .spec__img::before { background-image:url(../img/spc_thum1.jpg) }
.item22 .spec__img::before { background-image:url(../img/spc_thum2.jpg) }
.item23 .spec__img::before { background-image:url(../img/spc_thum3.jpg) }

.spec__tag { 
    position:absolute ; top:15rem ; left:50% ; transform:translate(-50%,-50%) ;
    text-align:center ;  
}
.spec__tag > span {
    display:inline-block ; overflow:hidden ; border-radius:2rem ;
    font-size:1.2rem ; line-height:1.8rem ; color:#ffffff ; font-weight:500 ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ;
    padding:0.5rem 1.5rem 0.7rem ;
    background-color:#2d35b3 ; background:linear-gradient(20deg,#2d55ac,#412cb9) ;
}
.spec__title {
    font-size:2rem ; line-height:2.8rem ; color:#ffffff ; font-weight:500 ;
    word-break:keep-all ; padding-top:2.5rem ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ;
}
.spec__link {
    display:block ; width:100% ; height:100% ;
    position:absolute ; left:0 ; top:0 ;
    font-size:0 ; color:transparent
}
.spec__img::before , .spec__img::after ,
.spec__link::after , .spec__tag , .spec__tag > span { transition:0.3s all }
.spec__link::after {
    width:7rem ; height:7rem ; display:block ; overflow:hidden ; content:"" ; border-radius:100% ;
    background:url(../img/icon_zoom.png) no-repeat center ; background-size:3rem auto ;
    background-color:rgba(44,42,166,0.9) ; opacity:0 ;
    position:absolute ; left:50% ; top:12rem ; transform:translate(-50%,-50%) 
}
.spec__link:hover::after , .spec__link:focus::after { top:10rem ; opacity:1 }
.spec__item:hover .spec__img::after  { opacity:0.6 }
.spec__item:hover .spec__img::before { transform:translate(-50%,-50%) scale(1.15) }
.spec__item:hover .spec__tag         { top:5rem }
.spec__item:hover .spec__tag > span  { background:none }
 

 
/* SECTION-MAJOR */
.major__list { padding:0.5rem 2rem ; border:solid 0.3rem #ffffff ; border-radius:0.4rem }
.major__item , .major__tag , .major__title { width:100% ; box-sizing:border-box }
.major__item { 
    position:relative ;
    border-bottom:solid 1px rgba(255,255,255,0.2) ; padding:1.5rem 0 ;
}
.major__item:last-child { border:none }
.major__img { 
    width:4.5rem ; height:4.5rem ; display:block ; 
    background:no-repeat center ; background-size:cover ;
    position:absolute ; left:2.3rem ; top:3.8rem ; transform:translate(-50%,-50%)
}
.major__tag , .major__title { 
    padding-left:5.5rem ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ; 
    color:#ffffff ; word-break:keep-all }
.major__tag   { font-family:'NanumSquare',sans-serif ; font-size:2.4rem ; line-height:3rem ; font-weight:600 ; margin-bottom:1rem }
.major__title { font-size:1.4rem ; line-height:2.2rem  ; opacity:0.9 }
.major__link { 
    width:100%  ; height:100% ; display:block ; overflow:hidden ;
    font-size:0 ; color:transparent ; 
    position:absolute ; left:0 ; top:0
}

.item31 .major__img { background-image:url(../img/major_icon1.png) }
.item32 .major__img { background-image:url(../img/major_icon2.png) }
.item41 .major__img { background-image:url(../img/major_icon3.png) }
.major__tag br , .major__title br { display:none }
.major__item , .major__img , .major__tag , .major__title , .major__item::after { transition:0.3s all }
.major__item:hover .major__title { opacity:1 } 
.major__item:hover .major__img { transform:translate(-50%,-50%) scale(1.2) }

.major__item::after {
    display:block ; content:"" ; width:0 ; height:1px ;
    background-color:#9cdc24 ;
    position:absolute ; left:0 ; bottom:-1px
}
.major__item:hover::after { width:100% }



/* SECTION-CULTURE */
#culture { background-color:#ffffff ; padding-top:6rem ; margin-bottom:0 ; padding-bottom:8rem }
#culture .main_title_h3 { color:#111111 ; font-weight:800 }
.culture__list { text-align:center ; font-size:0 }
.culture__item { 
    display:inline-block ; overflow:hidden ; padding-bottom:5rem ; position:relative ;
    width:98% ; max-width:36rem ; margin:0 1% 3rem ; text-align:center }
.culture__tag  {  font-size:1.2rem ; line-height:1.8rem ; margin-bottom:1rem }
.culture__img , .culture__img::before , .culture__img::after { display:block ; width:100% ; overflow:hidden ; box-sizing:border-box }
.culture__img { width:100% ; height:16rem ; position:relative ; margin-bottom:1rem } 
.culture__img::before , .culture__img::after { transition:0.3s all } 
.culture__img::before , .culture__img::after {
    content:"" ; position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
    height:100%
}
.culture__img::before { background:no-repeat center ; background-size:cover }
.culture__img , .culture__img::after { border-radius:10rem }
.culture__img::after { border:solid 1px rgba(0,0,0,0.1) }
.item51 .culture__img::before { background-image:url(../img/culture_thum1.jpg) }
.item52 .culture__img::before { background-image:url(../img/culture_thum2.jpg) }
.item53 .culture__img::before { background-image:url(../img/culture_thum3.jpg) }

.culture__item:hover .culture__img::before { transform:translate(-50%,-50%) scale(1.2) }

.culture__title br { display:none }
.culture__title > span {
    font-size:2rem ; line-height:2.8rem ; text-align:center ; word-break:keep-all ;
    font-weight:600 ; color:#111111 ; letter-spacing:-0.15rem ; 
}
.culture__item:hover .culture__title > span { border-bottom:solid 1px rgba(0,0,0,0.1) }

.culture__link {
    display:block ; width:100% ; height:100% ;
    position:absolute ; left:0 ; top:0
}
.culture__link::before , .culture__link::after , .culture__link > span , .culture__link > span::before , .culture__link > span::after { transition:0.3s all }
.culture__link::before , .culture__link::after {
    display:block ; content:"" ; height:1px ; 
    position:absolute ; left:50% ; bottom:2rem ; transform:translateX(-50%) ;
}
.culture__link::before { background-color:rgba(0,0,0,0.1) ; z-index:5 ; width:100% }
.culture__link::after { background-color:#00aeef ; z-index:6 ; width:0 }
.culture__link > span , .culture__link > span::before , .culture__link > span::after  {
    display:block ; overflow:hidden ; box-sizing:border-box ; width:4rem ; height:4rem ;
    position:absolute ; transform:translate(-50%,-50%) ;
}
.culture__link > span , .culture__link > span::before { border-radius:100% }
.culture__link > span { background-color:#ffffff ; left:50% ; bottom:-2rem ; z-index:7 }
.culture__link > span::before , .culture__link > span::after { content:"" ; left:50% ; top:50% }
.culture__link > span::before { border:solid 1px rgba(0,0,0,0.1) }
.culture__link > span::after  {
    width:2rem ; height:2rem ; opacity:0.3 ;
    background:url(../img/icon_more_black.png) no-repeat center ; background-size:cover ;
} 
.culture__link:hover::after , .culture__link:focus::after { width:100% }
.culture__link:hover > span::before , .culture__link:focus > span::before { border-color:#00aeef }
.culture__link:hover > span , .culture__link:focus > span { background-color:#00aeef }
.culture__link:hover > span::after , .culture__link:focus > span::after {
    background-image:url(../img/icon_more.png) ; transform:translate(-50%,-50%) scale(1.1) ;
    opacity:1 ;
}

 



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

    /* BACKGROUND */
    html , body  { background:none } 
    #main { margin-bottom:8rem } 

    .patten__bg , .patten__net , .patten__icon , .patten__bg__top , .patten__bg__bottom { width:100% ; display:block ; overflow:hidden }
    .patten__bg {
        height:148rem ; 
        position:absolute ; left:0 ; top:23rem ; z-index:-1 ;
        background-color:#227956 ; background:linear-gradient(30deg,#0e5e47,#227956,#0e5e47) ;
    }
    .patten__net , .patten__icon , .patten__bg__top , .patten__bg__bottom { position:absolute }
    .patten__net {
        left:0 ; top:0 ; height:100% ; 
        background:url(../img/main_bg_net.png) repeat center ; 
    }
    .patten__bg__top , .patten__bg__bottom { height:17rem ; background:no-repeat center ; background-size:100% 100% }
    .patten__bg__top    { top:-1px ; background-image:url(../img/cover_top.png) }
    .patten__bg__bottom { bottom:-1px ; background-image:url(../img/cover_buttom.png) }
    .patten__icon { background:no-repeat center ; background-size:cover ; left:50% ; transform:translateX(-50%) }
    .patten__icon.icon1 {
        width:20rem ; height:32rem ; background-image:url(../img/main_icon_pen.png) ;
        bottom:-8rem ; margin-left:-68rem
    }
    .patten__icon.icon2 {
        width:22rem ; height:25rem ; background-image:url(../img/main_icon_cup.png) ;
        top:35rem ; margin-left:66rem ;
    }
    .patten__icon.icon3 {
        width:30rem ; height:103rem ; background-image:url(../img/main_icon_roket.png) ;
        bottom:0 ; margin-left:58rem ;
    }

     
    /* VISUAL */
    .slide__list , .visual__inner { height:50rem }
    .visual__slide {  
        width:98% ; max-width:140rem ; margin:0 auto ;
        margin-bottom:8rem 
    }
    .visual__inner {
        position:relative ; overflow:hidden ;
        border-radius:50rem ; 
    }

    .slide.slide1 { background-image:url(../img_sub/visual_11.jpg) }
    .slide.slide2 { background-image:url(../img_sub/visual_12.jpg) }
    .slide.slide3 { background-image:url(../img_sub/visual_13.jpg) }
    .slide.slide4 { background-image:url(../img_sub/visual_14.jpg) }
    .slide.slide5 { background-image:url(../img_sub/visual_15.jpg) }
 


    /* SLIDE BOX */
    .slide__box { width:100% ; max-width:100rem ; bottom:3rem }
    .slide__box br { display:block }
    .slide__box__tag { margin-bottom:1rem }
    .slide__box__title { font-size:5rem ; line-height:6rem ; margin-bottom:3rem }
    .slide__box__caption {
        display:block ; margin-bottom:3rem ;
        font-size:1.8rem ; line-height:2.8rem ; color:rgba(255,255,255,0.9) ; font-weight:400 ;
    } 
    .slide.show .slide__box__tag     { transition-delay:0.5s }
    .slide.show .slide__box__title   { transition-delay:0.8s }
    .slide.show .slide__box__caption { transition-delay:1s }
    .slide.show .slide__box__link    { transition-delay:1.2s } 

    .slide__box__link , .slide__box__link::before , .slide__box__link::after { display:block ; content:"" ; box-sizing:border-box }
    .slide__box__link , .slide__box__link::before { 
        width:6rem ; height:6rem ; overflow:hidden ;
        border-radius:100% ;
    }
    .slide__box__link::before { 
        border:solid 0.4rem rgba(255,255,255,0.15) ;  transition:0.3s all ;
        position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%)
    }
    .slide__box__link::after { width:3rem ; height:3rem }
    .slide__box__link:hover::before , .slide__box__link:focus:before { border:solid 0.2rem #ffffff }
 



    /* PREV+NEXT */
    .slide__PN__btn { 
        width:6rem ; height:6rem ; border-radius:100% ; overflow:hidden ; opacity:0 ;
        top:50% ; 
    }
    .slide__PN__btn , .slide__PN__btn:hover , .slide__PN__btn:focus { background:none }
    .slide__PN__btn::before { width:2rem ; height:2rem }

    .slide__PN__btn.prev { left:-6rem ; border-right:none }
    .slide__PN__btn.next { right:-6rem ; border-left:none }
    
    .visual__slide:hover .slide__PN__btn      { opacity:1 }
    .visual__slide:hover .slide__PN__btn.prev { left:0rem }
    .visual__slide:hover .slide__PN__btn.next { right:0rem }
    .slide__PN__btn.next::before  { right:30% }
 


    /* PAGE */
    .slide__pagination { position:static ; margin:auto ; max-width:50rem }
    .slide__pagination .page > button { 
        width:9rem ; height:0.2rem ;
        background-color:#ffffff ; opacity:0.3 }
    .slide__pagination .page.now > button ,
    .slide__pagination .page > button:hover , .slide__pagination .page > button:focus { opacity:0.9 }

 

    /* STOP/PLAY  */
    .slide__stopPlay  { left:auto ; right:15% }  
    .slide__SP__btn   { opacity:0.5 }
    .slide__SP__btn:hover , .slide__SP__btn:focus { opacity:1 }



    /* SECTION-SPECIAL  */
    .main_title_h3 { font-size:3.8rem }
    .icon__top { display:block ; position:absolute ; z-index:70 ; background:no-repeat center ; background-size:cover }
    .icon__top.apple { 
        background:url(../img/main_icon_apple.png) ; width:23rem ; height:28rem ;
        left:50% ; top:57rem ; margin-left:-68rem ;
    }
    .icon__top.light { 
        background:url(../img/main_icon_light.png) ; width:17rem ; height:16rem ;
        left:50% ; top:70rem ; margin-left:7rem ;
    }
 
    .main_section  { padding:0 ; max-width:140rem ; margin-bottom:8rem }
    #special { margin-bottom:7rem } 
    .main_title_h3 { margin-bottom:3rem }
    .spec__list    { overflow:hidden ; display:flex ; justify-content: space-around }
    .spec__item    { display:block ; width:33% ; max-width:44rem ; margin:0 ; padding-bottom:3.5rem }
    .spec__img     { height:26rem }
    .spec__tag     { top:26rem }
    .spec__title   { font-size:2.2rem }

    .spec__link::after { width:9rem ; height:9rem ; top:18rem ; background-size:4rem auto }
    .spec__link:hover::after , .spec__link:focus::after { top:15rem ; opacity:1 }
    .spec__item:hover .spec__tag { top:9rem }
    .spec__link::before {
        width:4rem ; height:4rem ; display:block ; content:"" ; opacity:0.6 ;
        background:url(../img/icon_more.png) no-repeat center ; background-size:cover ;
        position:absolute ; left:50% ; bottom:-3.5rem ; transform:translate(-50%,-50%) ;
        transition:0.3s all ;
    }
    .spec__link:hover::before , .spec__link:focus::before { opacity:1 ; transform:translate(-50%,-50%) scale(1.1) }



    /* SECTION-MAJOR */ 
    .major__list::before , .major__list::after {  
        width:100% ; height:50% ; display:block ; content:"" ; box-sizing:border-box ;
        position:absolute ; left:0 ; border:solid 0.4rem #ffffff ; z-index:10 ;
    } 
    .major__list::before { border-radius:25rem 25rem 0 0 ; top:0 ; border-bottom:none ; border-color:#9cdc24  }
    .major__list::after  { border-radius:0 0 25rem 25rem ; bottom:0 ; border-top:none  }
    .major__list { 
        max-width:120rem ; margin:auto ; border-radius:0 ; padding:4rem 1rem ;
        display:flex ; justify-content:center ; position:relative ;
        border:none ; border-radius:25rem
    }
    .major__item , .major__tag , .major__title , .major__link { padding:0 ; margin:0 ; border:none }
    .major__item { width:33% ; max-width:36rem ; padding:0 4rem 6rem ; position:relative ; z-index:12 } 
    .major__item::before {
        content:"" ; display:block ;
        width:0 ; height:16rem ; border-right:dashed 1px rgba(255,255,255,0.2) ;
        position:absolute ; left:0 ; top:50% ; transform:translateY(-50%) ;
    }
    .major__item::after , .major__item:first-child:before { display:none }
    .major__tag br , .major__title br { display:block }
    .major__tag { font-size:2.8rem ; line-height:3.4rem ; margin-bottom:1rem }
    .major__title { width:19rem ; font-size:1.8rem ; line-height:2.8rem ; font-weight:300  }
    .major__img { 
        width:10rem ; height:10rem ; left:initial ; right:-2rem ; top:9rem  ; 
    }
    .major__link , .major__link::before , .major__link::after , .major__link span { transition:0.3s all }
    .major__link { 
        width:12rem ; height:3rem ; overflow:hidden ; border-radius:2rem ;
        top:initial ; bottom:0 ; left:4rem ;
        background-color:#ffffff ;
    }
    .major__link:hover , .major__link:focus { background-color:#83b722 }
    .major__link::before , .major__link::after { display:block ; overflow:hidden ; content:"" ; position:absolute }
    .major__link span { 
        display:block ; padding:0.5rem 0 0.7rem ;
        font-size:1.2rem ; line-height:1.8rem ; font-weight:500 ;
        position:absolute ; left:1.5rem ; top:0
    }
    .major__link:hover span , .major__link:focus span { color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ;}
    .major__link::before { 
        left:0 ; top:100% ; width:100% ; height:100%;
        background-color:rgba(255,255,255,0.1) ; border-radius:2rem ; 
    }
    .major__link:hover::before , .major__link:focus::before { top:50% }
    .major__link::after {
        width:2.2rem ; height:2.2rem ; opacity:0.6 ;
        background:url(../img/icon_more_black.png) no-repeat center ; background-size:cover ;
        right:0.5rem ; top:50% ; transform:translate(-50%,-50%)
    }
    .major__link:hover::after , .major__link:focus::after { 
        background-image:url(../img/icon_more.png) ; transform:translate(-50%,-50%) scale(1.1) ;
        opacity:1 ;
    }



    /* SECTION-CULTURE */
    #culture { background:none ; padding:0 ; margin-bottom:0 }
    .culture__list { max-width:120rem ; display:flex ; justify-content: space-between ; margin:auto }
    .culture__item { display:block ; width:31.66% ; max-width:38rem ; margin:0 }
    .culture__title br { display:block }
    .culture__img { height:20rem }
}