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

/* MAIN */
#RNE_main  { width:100% ; padding-top:7rem ; background-color:#f7f7f7 ; display:block ; overflow:hidden }



/* ARTICLE */
#RNE_main_article { 
    width:100% ; text-align:center ; font-size:0 ; margin-bottom:5rem }  
.RNE_thum_box {  
    display:inline-block ; position:relative ; background-color:#ffffff ;
    width:28rem ; border:solid 1px rgba(0,0,0,0.1) ; 
    margin:1rem ; overflow:hidden ; border-radius:0.4rem 
}
.RNE_thum_box::before , .RNE_thum_box a::before { display:block ; content:"" ; height:18rem  ; width:100%}
.RNE_thum_box::before { background:no-repeat center ; background-size:auto 18rem } 

#thum11.RNE_thum_box::before { background-image:url(../img/main_thum11.jpg) }
#thum21.RNE_thum_box::before { background-image:url(../img/main_thum21.jpg) }
#thum31.RNE_thum_box::before { background-image:url(../img/main_thum31.jpg) }
#thum32.RNE_thum_box::before { background-image:url(../img/main_thum32.jpg) }
#thum33.RNE_thum_box::before { background-image:url(../img/main_thum33.jpg) }
#thum34.RNE_thum_box::before { background-image:url(../img/main_thum34.jpg) }
#thum35.RNE_thum_box::before { background-image:url(../img/main_thum35.jpg) }
#thum41.RNE_thum_box::before { background-image:url(../img/main_thum41.jpg) }
#thum42.RNE_thum_box::before { background-image:url(../img/main_thum42.jpg) }
#thum51.RNE_thum_box::before { background-image:url(../img/main_thum51.jpg) ; background-position:right top }

.RNE_thum_box:hover::before { background-size:auto 20rem } 
.RNE_thum_box::before , .RNE_thum_inner strong , .RNE_thum_inner span , .RNE_thum_box > b , 
.RNE_thum_box a , .RNE_thum_box a::before  { transition:0.3s all }
.RNE_thum_box > b , .RNE_thum_inner p.RNE_tag_name {  
    font-size:1.2rem ; line-height:1.4rem ; text-align:center ; font-weight:400 }
.RNE_thum_box > b { 
    display:block ; width:100% ; padding-top:3rem ; 
    position:absolute ; left:50% ; top:17rem ; transform:translateX(-50%) ;
} 
.RNE_thum_box > b::before {
    display:block ; content:"" ; width:0.2rem ; height:2rem ; background-color:#e5aa28 ;
    position:absolute ; left:50% ; top:0 ; transform:translateX(-50%) ;
} 
.RNE_thum_box:hover > b { letter-spacing:0.3rem }

#thum11.RNE_thum_box > b , #thum12.RNE_thum_box > b , #thum13.RNE_thum_box > b , #thum14.RNE_thum_box > b , #thum15.RNE_thum_box > b { color:#e5aa28 }
#thum21.RNE_thum_box > b , #thum22.RNE_thum_box > b , #thum23.RNE_thum_box > b , #thum24.RNE_thum_box > b , #thum25.RNE_thum_box > b { color:#0386e7 }
#thum31.RNE_thum_box > b , #thum32.RNE_thum_box > b , #thum33.RNE_thum_box > b , #thum34.RNE_thum_box > b , #thum35.RNE_thum_box > b { color:#60b811 }
#thum41.RNE_thum_box > b , #thum42.RNE_thum_box > b , #thum43.RNE_thum_box > b , #thum44.RNE_thum_box > b , #thum45.RNE_thum_box > b { color:#f26522 }

#thum21.RNE_thum_box > b::before , #thum22.RNE_thum_box > b::before , #thum23.RNE_thum_box > b::before ,
#thum24.RNE_thum_box > b::before , #thum25.RNE_thum_box > b::before{ background-color:#0386e7 }
#thum31.RNE_thum_box > b::before , #thum32.RNE_thum_box > b::before , #thum33.RNE_thum_box > b::before , 
#thum34.RNE_thum_box > b::before , #thum35.RNE_thum_box > b::before { background-color:#60b811 }
#thum41.RNE_thum_box > b::before , #thum42.RNE_thum_box > b::before , #thum43.RNE_thum_box > b::before , 
#thum44.RNE_thum_box > b::before , #thum45.RNE_thum_box > b::before { background-color:#f26522 }

.RNE_thum_inner { width:100% ; padding:4rem 0.3rem 2rem }
.RNE_thum_inner strong , .RNE_thum_inner span , .RNE_thum_inner p  { display:block ; text-align:center ; word-break:keep-all }
.RNE_thum_inner strong { font-size:1.8rem ; line-height:2.4rem ; font-weight:500 ; color:#444444 ; letter-spacing:-0.1rem ; margin-bottom:0.8rem } 
 
.RNE_thum_inner strong > br { display:none }
.RNE_thum_inner p    { font-size:1.4rem ; line-height:2rem ; font-weight:400 ; margin-bottom:1rem ;}
.RNE_thum_inner span { font-size:1.4rem ; line-height:1.6rem ; color:#666666 ; letter-spacing:-0.05rem }

.RNE_thum_box a { 
    display:block ; position:absolute ; left:0 ; top:0 ;
    width:100% ; height:100% } 

.RNE_thum_box a::before {
    width:100% ; opacity:0 ;
    background:url(../img/icon_more.png) no-repeat 50% 65% rgba(0,0,0,0.4); background-size:7rem auto ;
}
.RNE_thum_box:hover a::before {
    opacity:1 ;
    background-position:50% 50% ;
}
.RNE_thum_box:hover .RNE_thum_inner strong , .RNE_thum_box:hover .RNE_thum_inner span { color:#000000 }

.RNE_thum_inner p.RNE_tag_name {
    display:inline-block ; overflow:hidden  ; width:auto ;
    background-color:#111111 ; color:#ffffff ;
    border-radius:4rem ;
    padding:0.3rem 1rem 0.5rem ; margin-bottom:0.5rem ;
}



/* PN-FOOTER */
#RS_footer_PN { display:none }
 




/* PC */
@media all and (min-width:1100px){ 
    /* font-family: 'NanumSquareRound',sans-serif; */
    @import url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff'); 



    /* MAIN */ 
    #RNE_main  { 
        padding:12rem 0 8rem ; overflow:hidden ;
        background:url(../img/main_bg.jpg) no-repeat center ; background-size:cover ;
        background-attachment:fixed ;
    }

 

    /* ARTICLE */
    #RNE_main_article { width:120rem ; height:115.2rem ; position:relative ; overflow:hidden ; margin:auto }
    .RNE_thum_box { 
        position:absolute ; display:block ; border:0 ; transition:0.3s all ;
        width:29rem ; height:31rem ; margin:0
    }


    #thum51.RNE_thum_box::before { background-position:center }

    #thum11 { width:71.2rem ; left:0 ; top:0 } 
    #thum11 { background:url(../img/main_thum11_PC.jpg) no-repeat center ; background-size:71.2rem auto }
    #thum11:hover { background-size:78.3rem auto } 
    #thum11.RNE_thum_box::before {
        width:100% ; height:100% ; background:none ; background-color:#000000 ;
        border-radius:0 ; opacity:0.6 
    }
  
    #thum11.RNE_thum_box:hover::before { opacity:0.8 }
    #thum11.RNE_thum_box > b { width:20rem ; left:5rem ; top:0 ; transform:none ; text-align:left ; font-size:1.4rem ; line-height:1.6rem ; }
    #thum11.RNE_thum_box > b::before { left:0.2rem ; transform:none }
    #thum11 .RNE_thum_inner { width:80rem ;  position:absolute ; left:5rem ; top:7rem ; padding:0 }
    #thum11 .RNE_thum_inner strong , #thum11 .RNE_thum_inner p , #thum11 .RNE_thum_inner span { text-align:left ; color:#ffffff }
 
    #thum11 .RNE_thum_inner strong {
        font-family:'NanumSquareRound',sans-serif ; font-size:4.4rem ; line-height:5.4rem ; color:#ffffff ; font-weight:800 ;
        margin-bottom:2rem }
    #thum11 .RNE_thum_inner p { font-size:2.4rem ; line-height:1rem ; padding-bottom:3rem ; padding-top:1rem }    
    #thum11 .RNE_thum_inner span { font-size:1.8rem ; line-height:2rem }
    #thum11.RNE_thum_box a::before {
        width:100% ; height:100% ;
        background:url(../img/icon_more.png) no-repeat 50% 65% ; background-size:7rem auto } 
    #thum11.RNE_thum_box:hover a::before { opacity:1 ; background-position:50% 50% }

    #thum11 , #thum21 { height:44rem}

    #thum21 { width:46.8rem ; top:0 ; right:0 }
    #thum21.RNE_thum_box::before { background-image:url(../img/main_thum21_PC.jpg) ; background-size:46.8rem auto }
    #thum21:hover.RNE_thum_box::before { background-size:51.4rem auto }

    #thum21.RNE_thum_box::before, #thum21.RNE_thum_box a::before { height:28.3rem }
    #thum21.RNE_thum_box > b { top:27.3rem}

    #thum31 , #thum32 , #thum33 , #thum34 , #thum35 { width:22.4rem ; height:36rem ; top:46rem }
    #thum31 { left:0 }
    #thum32 { left:24.4rem }
    #thum33 { left:48.8rem }
    #thum34 { left:73.2rem }
    #thum35 { right:0 }

    #thum41 , #thum51  { height:31.2rem ; top:84rem }
    #thum41 { width:71.2rem ; left:0 }
    #thum51 { width:46.8rem ; right:0 }

    /* 2602 */
    #thum11 .RNE_thum_inner strong > br ,
    #thum41 .RNE_thum_inner strong > br ,
    #thum51 .RNE_thum_inner strong > br { display:block }
 
    /*
    #thum21 .RNE_thum_inner strong > br ,
    .RNE_thum_inner strong > br { display:block } 

    #thum41 .RNE_thum_inner strong > br { display:none }
    */
     
}