@charset "utf-8";

/* VISUAL */ 
#K00_s_visual , #K00_SV_container , #K00_SV_box { display:block ; overflow:hidden }
#K00_s_visual , #K00_SV_container { width:100% ; height:23rem ; min-width:16rem ; }
#K00_s_visual {  background:url(../img/thum_11.jpg) no-repeat center center ; background-size:cover }
#K00_SV_container { position:relative ; background-color:rgba(0,0,0,0.4)  }
#K00_SV_container > strong { display:none ;}
#K00_SV_box { 
    width:100% ; margin:auto ; padding:0.2rem 0.5rem ; box-sizing:border-box ; 
    text-align: center ;
    position:absolute ; top:50% ; left:50%  ; transform:translate(-50%,-50%) }
.K00_SV_title , .K00_SV_txt , .K00_SV_link > b , .K00_SV_link > b span { color:#ffffff ; text-align:center ; word-break:keep-all }
.K00_SV_title { font-size:1.5rem ; font-weight:600 ; line-height:1.8rem ; margin-bottom:0.75rem }
.K00_SV_title > br { display:none }
.K00_SV_txt , .K00_SV_link > b span { font-size:0.7rem ; line-height:1.2rem }
.K00_SV_txt { margin-bottom:3rem }

.K00_SV_link > b , #K00_SV_container { transition:0.3s all }
.K00_SV_link { display:block ; width:100% ; min-width:16rem ; height:100% ; position:absolute ; left:0 ; top:0 ;}
.K00_SV_link > b { 
    min-width:11rem ; box-sizing: border-box ;
    position:absolute ; left:50% ; bottom:2rem ; transform: translate(-50%,-50%);
}
 
.K00_SV_link > b , .K00_SV_link > b span , .K00_SV_link > b::before  { display:inline-block  } 
.K00_SV_link > b { border:solid 1px rgba(255,255,255,0.2) ; padding:0.25rem 1rem ; border-radius:3rem ; margin:auto ; opacity:0.8 }
.K00_SV_link > b::before { 
    margin-right:0.3rem ; content:"" ; box-sizing: border-box ;
    content:"" ; width:1rem ; height:1rem ; background:url(../img/thum_11_icon.png) no-repeat center center ; background-size:cover }

.K00_SV_link:hover > b { background-color:rgba(0,0,0,0.7) ; border-color:rgba(0,0,0,0.7) ; opacity:1  }
#K00_SV_container:hover {  background-color:rgba(0,0,0,0.6) }
#K00_SV_box .K00_SV_link { display:none }



/* MAJOR */
.K00_SM_box_inner , .K00_SM_box_img , .K00_SM_box_txt , .K00_SM_box_class , .K00_SM_box_img::before ,
.K00_SM_box_txt > strong , .K00_SM_box_txt > p ,
.K00_SM_box_tag , .K00_SM_box_tag::before , .K00_SM_box_tag::after , 
.K00_SM_box_more { display:block ; overflow:hidden }

#K00_s_major { padding:2rem 0 }
#K00_SM_list { text-align:center ; display:flex ; flex-wrap:wrap ; justify-content:center } 
.K00_SM_box { overflow:hidden ; width:14rem ; margin:0.5rem }
.K00_SM_box_inner , .K00_SM_box_txt , .K00_SM_box_img::before , .K00_SM_box_more  { width:100% ; height:100% ; box-sizing:border-box }
.K00_SM_box_inner { position:relative ; padding-top:8.5rem }
.K00_SM_box_img , .K00_SM_box_txt { border-radius:0.4rem }
.K00_SM_box_txt { 
    padding:0.5rem 0.3rem ; padding-top:1.5rem  ; box-sizing:border-box ;
    text-align:center ; background-color:#ffffff ; border:solid 1px rgba(0,0,0,0.1) }
.K00_SM_box_img { 
    background-repeat:no-repeat ; background-position:center center ; background-size:20.5rem 9.5rem ;
    background-size: 20.5rem 10rem ;
    width:100% ; height:9.5rem ; position:absolute ; left:0 ; top:0 ; z-index:30 }
.cell21 .K00_SM_box_img { background-image:url(../img/thum_21.jpg) }
.cell22 .K00_SM_box_img { background-image:url(../img/thum_22.jpg) }
.cell23 .K00_SM_box_img { background-image:url(../img/thum_23.jpg) }
.K00_SM_box_img::before { background-color:#000000 ; opacity:0.7  ; content:"" }
 
.K00_SM_box_tag , .K00_SM_box_tag::before , .K00_SM_box_tag::after { width:3rem ; height:3rem  }
.K00_SM_box_tag { 
    position:absolute ; left:50% ; top:5.8rem ; z-index:32 ; transform:translate(-50%,-50%) ;
    background-color:rgba(255,255,255,0.2) ; border-radius:5rem } 
.K00_SM_box_tag::before , .K00_SM_box_tag::after { content:"" ; position:absolute ; top:0 ; left:0 }
.K00_SM_box_tag::before { z-index:33 ; background:url(../img/thum_icon_bg.jpg) no-repeat }
.K00_SM_box_tag::after { z-index:34 ; background:url(../img/thum_icon_col3_MB.png) no-repeat } 
.cell22 .K00_SM_box_tag::after { background-position:-3rem 0 } 
.cell23 .K00_SM_box_tag::after { background-position:-6rem 0 } 

.K00_SM_box_tag::before , .K00_SM_box_img , .K00_SM_box_img::before ,
.K00_SM_box_txt > strong , .K00_SM_box_txt > p , .K00_SM_box_class { transition:0.3s all }
.K00_SM_box_tag::before { opacity:0 }

.K00_SM_box:hover .K00_SM_box_img { background-size:22.5rem 11rem  } 
.K00_SM_box:hover .K00_SM_box_img::before { opacity:0.4 }
.K00_SM_box:hover .K00_SM_box_tag::before , .K00_SM_box:hover .K00_SM_box_class  { opacity:1 }
.K00_SM_box:hover .K00_SM_box_txt > strong , .K00_SM_box:hover .K00_SM_box_txt > p { text-decoration:underline }

.K00_SM_box_class  { 
    position:absolute ; top:3rem ; left:0 ; z-index:31 ; text-align:center ; width:100% ; opacity:0.8 ;
    font-size:0.7rem ; line-height:0.8rem ; color:#ffffff ; font-weight:400 }

.K00_SM_box_txt > strong , .K00_SM_box_txt > p { text-align:center ; word-break:keep-all }
.K00_SM_box_txt > strong { font-size:0.9rem ; line-height:1.2rem ; font-weight:600 ; color:#012d6b ; margin-bottom:0.5rem ; letter-spacing:-0.5px }
.K00_SM_box_txt > p { font-size:0.7rem ; line-height:0.9rem ; font-weight:400 ; color:#595959 }

.K00_SM_box_more { position:absolute ; left:0 ; top:0  ; z-index:35 ; font-size:0 ; color:transparent }  
 


/* ETC */
.K00_etc_box , .K00_EB_inner , .K00_EB_img , .K00_EB_txt , .K00_EB_img::before ,
.K00_EB_txt > strong , .K00_EB_txt > p ,
.K00_EB_tag , .K00_EB_tag::before , .K00_EB_more { display:block ; overflow:hidden }

.K00_etc_list.list1 { margin-bottom:1rem }

#K00_scene_etc { padding:2rem 0 ; background-color:#efefef }
.K00_etc_list  { text-align:center ; display:flex ; flex-wrap:wrap ; justify-content:center } 
.K00_etc_box { overflow:hidden ; width:10.2rem ; margin:0.5rem }
.K00_EB_inner, .K00_EB_txt , .K00_EB_img::before , .K00_EB_tag::before , .K00_EB_more { width:100% ; height:100% ; box-sizing:border-box }
.K00_EB_inner { position:relative ; padding-top:8rem }
.K00_EB_img , .K00_EB_txt { border-radius:0.4rem }

.K00_EB_img { 
    position:absolute ; left:0 ; top:0 ; z-index:30 ;
    width:100% ; height:8.5rem ; background-repeat:no-repeat ; background-position:center center }
.K00_EB_img::before { content:"" ; opacity:0.4 ; background:url(../img/main_etc_imgCover.png) repeat-x left top }

.cell31 .K00_EB_img { background-image:url(../img/thum_31.jpg) }
.cell32 .K00_EB_img { background-image:url(../img/thum_32.jpg) }
.cell33 .K00_EB_img { background-image:url(../img/thum_33.jpg) }
.cell41 .K00_EB_img { background-image:url(../img/thum_41.jpg) }
.cell42 .K00_EB_img { background-image:url(../img/thum_42.jpg) }
.cell43 .K00_EB_img { background-image:url(../img/thum_43.jpg) }
.cell51 .K00_EB_img { background-image:url(../img/thum_51.jpg) }
.cell52 .K00_EB_img { background-image:url(../img/thum_52.jpg) }
.cell53 .K00_EB_img { background-image:url(../img/thum_53.jpg) }

.list1 .K00_EB_img { background-size:10.5rem 10.5rem }
.list2 .K00_EB_img { background-size:10.5rem 9rem }

.K00_EB_class { 
    position:absolute ; top:0.5rem ; left:0 ; z-index:31 ; text-align:center ; width:100% ; opacity:1 ;
    font-size:0.7rem ; line-height:0.8rem ; color:#ffffff ; font-weight:400 ;
    text-shadow:0 0 2px rgba(0,0,0,0.2) ;
 }

.K00_EB_txt { width:100% ; padding:1rem 0.2rem ; padding-top:2.5rem ; box-sizing:border-box ; background-color:#ffffff }
.K00_EB_txt > strong , .K00_EB_txt > p { word-break:keep-all }
.K00_EB_txt > strong { font-size:0.9rem ; line-height:1.2rem ; font-weight:600 ; color:#012d6b ; margin-bottom:0.5rem ; letter-spacing:-1px }
.list1 .K00_EB_txt > strong > br { display:none ;} 
.K00_EB_txt > p  { 
    width:100% ; padding:0 0.2rem ; box-sizing:border-box ;
    font-size:0.7rem ; line-height:0.9rem ; font-weight:400 ; color:#595959 ;
    /* word-wrap:break-word ; white-space:nowrap ; overflow:hidden ; text-overflow:ellipsis  */
}
.K00_EB_tag , .K00_EB_tag::before , .K00_EB_tag::after { position:absolute } 
.K00_EB_tag { 
    width:3rem ; height:3rem ; left:50% ; top:8.5rem ; transform:translate(-50%,-50%) ; z-index:32 ; 
    background:url(../img/thum_icon_bg.jpg) no-repeat 0 0 ; border-radius:5rem ;
} 
.K00_EB_tag::before { z-index:33 ; content:"" }   

.cell21 .K00_EB_tag , .cell22 .K00_EB_tag , .cell23 .K00_EB_tag { background-position:-4rem 0 }
.cell31 .K00_EB_tag , .cell32 .K00_EB_tag , .cell33 .K00_EB_tag { background-position:-8rem 0 }
.cell41 .K00_EB_tag , .cell42 .K00_EB_tag , .cell43 .K00_EB_tag { background-position:-12rem 0 }
.cell51 .K00_EB_tag , .cell52 .K00_EB_tag , .cell53 .K00_EB_tag { background-position:-16rem 0 }

.K00_EB_tag::before { background-color:rgba(0,0,0,0.2) ; background-repeat:no-repeat }
.list1 .K00_EB_tag::before { background-image:url(../img/thum_icon_col4_MB.png) }
.list2 .K00_EB_tag::before { background-image:url(../img/thum_icon_col5.png) }
 
.cell51 .K00_EB_tag::before { background-position:-3rem 0 }
.cell32 .K00_EB_tag::before { background-position:-6rem 0 }
.cell33 .K00_EB_tag::before { background-position:-9rem 0 }
 
.cell42 .K00_EB_tag::before { background-position:-3rem 0 }
.cell43 .K00_EB_tag::before { background-position:-6rem 0 }
.cell52 .K00_EB_tag::before { background-position:-9rem 0 }
.cell53 .K00_EB_tag::before { background-position:-12rem 0 }

.K00_EB_more { position:absolute ; left:0 ; top:0 ; z-index:35 ; font-size:0 ; color:transparent }
.K00_EB_img , .K00_EB_txt > strong , .K00_EB_txt > p , .K00_EB_img::before , .K00_EB_tag::before { transition:0.3s all }
.list1 .K00_etc_box:hover .K00_EB_img { background-size:11.55rem 11.55rem }
.list2 .K00_etc_box:hover .K00_EB_img { background-size:11.55rem 9.9rem }
.K00_etc_box:hover .K00_EB_txt > strong , .K00_etc_box:hover .K00_EB_txt > p { text-decoration:underline }
.K00_etc_box:hover .K00_EB_img::before { opacity:0.6 }
.K00_etc_box:hover .K00_EB_class  { opacity:1 }
.K00_etc_box:hover .K00_EB_tag::before { background-color:rgba(0,0,0,0) ;}





/* PC **********/
@media all and (min-width:1330px){
 
    /* VISUAL */ 
    #K00_scene_VM { padding:0rem ; position:relative }
    #K00_s_visual , #K00_SV_container { width:100% ; height:100vh ; min-height:48rem }
    #K00_s_visual { margin:0 ; background-image:url(../img/main_coverstory_bg.jpg) }
    #K00_SV_container > strong , #K00_SV_box { width:62rem }
    #K00_SV_container > strong { 
        display:block ; margin:auto ; letter-spacing:-1px ;
        font-size:1.4rem ; line-height:1.6rem ; color:#ffffff ; font-weight:500   ;
        position:absolute ; top:13% ; left:50% ; transform:translateX(-50%) ;
    }
    #K00_SV_box { 
        border-radius:0.2rem ; padding:5.3rem 1rem ; box-sizing: border-box ;
        top:20% ; transform:translate(-50%,0%) ; transition:0.3s all ;
        background:url(../img/main_coverstory.jpg) no-repeat center center ; background-size:64rem 23rem ;
        box-shadow: 0 0 0.3rem rgba(0,0,0,0.5) ;
        border:solid 1px rgba(255,255,255,0.1)
    }

    .K00_SV_title { font-size:2.2rem ; line-height:2.8rem ; font-weight:500 ; margin-bottom:1rem ; letter-spacing:-2px }
    .K00_SV_txt  { font-size:0.8rem ; line-height:1.2rem ; font-weight:300 }
    
    .K00_SV_link { display:none ;}
    #K00_SV_box .K00_SV_link { display:block }


    .K00_SV_link > b span { font-size:0.8rem ; line-height:1.2rem ; font-weight:400 } 
    .K00_SV_link > b { padding:0.4rem 1.4rem ; padding-top:0.5rem ; bottom:3rem ; }
    .K00_SV_link > b::before {  width:1.2rem ; height:1.2rem }

    .K00_SM_box_img { background-size:20.5rem 10rem }
    #K00_SM_box:hover .K00_SM_box_img { background-size:22.55rem 11rem }
    #K00_SV_box:hover { background-size:70.4rem 25.3rem }
    #K00_SV_container , #K00_SV_container:hover {  background-color:rgba(0,0,0,0.3) } 
    .K00_SV_title > br { display:block }
 


    /* MAJOR */
    #K00_s_major { width:62rem ; position:absolute ; left:50% ; bottom:2rem ; transform:translateX(-50%) ; padding:0 }
    .K00_SM_box { width:20rem ; margin:0 ; margin-right:20px ; border:0 }
    .K00_SM_box:last-child { margin:0 }
    .K00_SM_box_txt { border:0 ; padding-bottom:0.75rem }
    .K00_SM_box_txt > strong { font-size:1.1rem ; line-height:1.5rem ; font-weight:700 ; letter-spacing:-1px }
    .K00_SM_box_txt > p { font-size:0.7rem ; color:#595959 }
     
    .K00_SM_box_class  { top:2.5rem }
    .K00_SM_box_tag , .K00_SM_box_tag::before , .K00_SM_box_tag::after { width:4rem ; height:4rem  } 
    .K00_SM_box_tag::after { z-index:34 ; background:url(../img/thum_icon_col3.png) no-repeat }
 
    .cell22 .K00_SM_box_tag::after { background-position:-4rem 0 } 
    .cell23 .K00_SM_box_tag::after { background-position:-8rem 0 } 
 

    /* ETC */
    body::after {
        display:block ; overflow:hidden ; content:"" ;
        width:100% ; height:100% ; position:fixed ; left:0 ; top:0 ; z-index:-1 ;
        background:url(../img/main_bg_PC.jpg) no-repeat center center ; background-size:cover }

    #K00_scene_etc { background:none ; padding-top:5rem ; padding-bottom:3rem } 

    .K00_etc_list.list1 { margin-bottom:1rem }
    .K00_etc_list {width:100% ; max-width:55rem ; margin:auto }
    .K00_etc_box { margin:0 ; margin-right:1rem ; margin-bottom:1rem }
    .K00_etc_box:last-child { margin-right:0rem }

    .list1 .K00_etc_box { width:13rem }
    .list1 .K00_EB_img  { height:13rem }
    .list1 .K00_EB_inner { padding-top:12rem }

    .list1 .K00_EB_img { background-size:13.5rem 13.5rem }
    .list1 .K00_etc_box:hover .K00_EB_img { background-size:14.85rem 14.85rem }
    .list1 .K00_EB_txt > strong > br { display:block } 
    .list1 .K00_EB_txt > strong { font-size:1rem ; line-height:1.3rem ; letter-spacing:-1px }

    .list1 .K00_EB_tag { width:4rem ; height:4rem ; left:50% ; top:13rem } 
    .list1 .K00_EB_tag::before { z-index:33 ; content:"" } 
    .list1 .K00_EB_txt { padding-top:3.5rem }

    .list1 .K00_EB_tag::before { background-image:url(../img/thum_icon_col4.png) } 
    .cell51 .K00_EB_tag::before { background-position:-4rem 0 }
    .cell32 .K00_EB_tag::before { background-position:-8rem 0 }
    .cell33 .K00_EB_tag::before { background-position:-12rem 0 }
	


	/* 2207호 추가 */
    .K00_etc_box.cell32 .K00_EB_txt > strong br ,
    .K00_etc_box.cell51 .K00_EB_txt > strong br ,
    .K00_etc_box.cell51 .K00_EB_txt > p { display:none } 
	
   
}