@charset "utf-8";
 
/* VISUAL */ 
#KS_visual { position:relative }
.KS_visual_inner {  
    background-repeat:no-repeat ; background-position:center center ; background-size:cover ; background-image:url(../img/visual_etc.jpg) ;
    width:100% ; height:15rem  }
#K11 .KS_visual_inner , #K12 .KS_visual_inner , #K13 .KS_visual_inner , #K14 .KS_visual_inner { background-image:url(../img_sub/K10_visual.jpg) }
#K21 .KS_visual_inner , #K22 .KS_visual_inner , #K23 .KS_visual_inner , #K24 .KS_visual_inner { background-image:url(../img_sub/K20_visual.jpg) }
#K31 .KS_visual_inner , #K32 .KS_visual_inner , #K33 .KS_visual_inner , #K34 .KS_visual_inner { background-image:url(../img_sub/K30_visual.jpg) }
#K41 .KS_visual_inner , #K42 .KS_visual_inner , #K43 .KS_visual_inner , #K44 .KS_visual_inner { background-image:url(../img_sub/K40_visual.jpg) }
#K51 .KS_visual_inner , #K52 .KS_visual_inner , #K53 .KS_visual_inner , #K54 .KS_visual_inner { background-image:url(../img_sub/K50_visual.jpg) } 
.KS_visual_inner::before { 
    content:"" ;  display:block ; overflow:hidden ; width:100% ; height:100% ; 
    background-color:rgba(0,0,0,0.6) ;}


.KS_visual_txt { 
    position:absolute ; left:50% ; top:45% ; transform:translate(-50%,-50%) ;
    width:90% ; text-align:center }
.KS_visual_txt > h2 , .KS_visual_txt > p  { color:#ffffff ; text-align:center ; word-break:keep-all }
.KS_visual_txt > h2 { font-size:1.5rem ; font-weight:600 ; line-height:1.8rem ; margin-bottom:0.75rem }
.KS_visual_txt > p { font-size:0.8rem ; line-height:1.3rem ; margin-bottom:1rem }
.KS_visual_txt > p > br , .KS_visual_txt > h2 > br { display:none }
.KS_visual_txt > p:last-child { margin-bottom:0 }
.KS_visual_name { 
    display:inline-block ; overflow:hidden ;
    font-size:0.7rem ; line-height:1rem ; background-color:rgba(255,255,255,0.2) ; 
    padding:0.2rem 0.75rem ; padding-bottom:0.3rem ; border-radius:4rem }



/* IP FOCUS - br */
#K21 .KS_visual_txt > h2 > br , #K22 .KS_visual_txt > h2 > br ,
#K23 .KS_visual_txt > h2 > br , #K24 .KS_visual_txt > h2 > br { display:block }


/* SUB TAB */
#KS_tab { display:none }
#KS_MB_url { 
    display:block ; overflow:hidden ; width:100% ; padding:0.5rem 1rem ; border-bottom:solid 1px #d7d7d7 ;
    font-size:0.7rem ; line-height:0.9rem ; text-align:left ; font-weight:300 ;
}


/* CONTENT */
#KS_content , .KS_sub { display:block ; overflow:hidden ; width:100% }
#KS_content { padding-top:2rem ; margin-bottom:4rem }
.KS_sub { max-width:55rem ; padding:0 1rem ; box-sizing:border-box ; margin:auto ; margin-bottom:4rem } 
.KS_p , .KS_note_list li { font-size:0.8rem ; line-height:1.5rem ; text-align:justify ; margin-bottom:1rem ; font-weight:300 }
.KS_p > a { font-size:inherit ; line-height:inherit ; color:inherit ; font-weight:inherit }
.KS_p > a:hover , .KS_p > a:focus { text-decoration:underline }
.KS_sub:last-child , .KS_p:last-child { margin-bottom:0 }
.KS_img , .KS_img img { width:100% }
.KS_img img { border-radius:0.2rem }
.KS_sup { font-size:0.6rem ; font-weight:400 ; line-height:inherit ; color:inherit }



/* NOTE */
.KS_note { 
    width:100% ; padding:0.7rem 1rem ; background-color:#f7f7f7 ;
    border:solid 1px rgba(0,0,0,0.1); box-sizing:border-box ; border-radius:0.2rem }
.KS_note_list li { margin-bottom:0.4rem }
.KS_note_list li:last-child { margin-bottom:0 }
 


/* PREV+NEXT */
#KS_PN , #KS_prevArticle { width:100% ; box-sizing:border-box ; padding:0 1rem }
#KS_PN_inner { 
    display:block ; width:100% ; max-width:55rem ; box-sizing:border-box ; 
    margin:auto ; margin-bottom:4rem  ; position:relative }
#KS_PN_inner::after { 
    position:absolute ; top:0 ; left:50%  ; z-index:-1  ; transform: translateX(-50%);
    content:"" ; width:100%  ; height:1.5rem ; border-bottom:solid 1px rgba(0,0,0,0.1) } 
#KS_PN_inner > ul , .KS_PN_btn , .KS_PN_btn > a , #KS_PN::after { display:block ; overflow:hidden }
#KS_PN_inner > ul { width:6.5rem ; margin:auto }
.KS_PN_btn , .KS_PN_btn > a { width:3rem ; height:3rem ; box-sizing:border-box }
.KS_PN_btn { border:solid 1px rgba(0,0,0,0.1) ; background-color:#ffffff }
.KS_PN_btn > a { 
    background:url(../img/sub_PN_arrow.png) no-repeat 0 0 #ffffff ; 
    font-size:0 ; color:transparent ; opacity:0.2 ; transition:0.3s all }
   
.KS_PN_btn.prev { float:left }
.KS_PN_btn.next { float:right }
.KS_PN_btn.next > a { background-position:-3rem 0 }

.KS_PN_btn > a:hover { background-color:#111111 ; opacity:1 } 
.KS_PN_btn.prev > a:hover { background-position:0 -3rem }
.KS_PN_btn.next > a:hover { background-position:-3rem  -3rem }
 


/* PREV ARTICLE */
#KS_prevArticle { background-color:#f7f7f7 ; padding:2rem 1rem }
#KS_PA_inner , #KS_PA_header , #KS_PA_title , #KS_PA_tab , .KS_PA_Tli > a , .KS_PL , .KS_PLL , .KS_PLL > a { display:block ; overflow:hidden }
#KS_PA_inner , #KS_PA_title , #KS_PA_tab { width:100% }
#KS_PA_title , #KS_PA_title > b { font-size:1.2rem ; line-height:1.6rem ; letter-spacing:-1.5px }
#KS_PA_title { font-weight:400 ; border-bottom:solid 1px rgba(0,0,0,0.1) ; padding-bottom:0.6rem ; text-align:center }
#KS_PA_title > b { font-weight:600 }
#KS_PA_tab { padding:0.6rem 0 ; text-align:center }
.KS_PA_Tli { display:inline-block ; margin:0.2rem }
.KS_PA_Tli > a { transition:0.3s all }
.KS_PA_Tli > a { 
    font-size:0.7rem ; line-height:1rem ; font-weight:400 ; color:#595959 ; box-sizing:border-box ;
    padding:0.2rem 0.75rem ; border:solid 1px rgba(0,0,0,0.1) ; border-radius:2rem }
.KS_PA_Tli > a:hover { background-color:#ffffff ; color:#444444 }
.KS_PA_Tli > a.active:hover ,
.KS_PA_Tli > a.active { background-color:#16aadf ; border-color:#16aadf ; color:#ffffff ; text-shadow:0 0 2px rgba(0,0,0,0.2) ;}

.KS_PL { display:none ; border-top:solid 2px #16aadf ; padding:0.4rem 0 }
.KS_PL:nth-child(2) { display:block }
.KS_PLL > a , .KS_PLL > a > b , .KS_PLL > a > span , .KS_PLL  { transition:0.3s all }
.KS_PLL > a { 
    padding:0.3rem 0.1rem ; box-sizing:border-box ; border-bottom:solid 1px rgba(0,0,0,0.1) ;
    word-wrap:break-word ; white-space:nowrap ; overflow:hidden ; text-overflow:ellipsis
 }
.KS_PLL > a > b , .KS_PLL > a > span { font-size:0.8rem ; line-height:1rem ; font-weight:300 }
.KS_PLL > a > b { font-weight:500 }  
.KS_PLL > a:hover > b , .KS_PLL > a:hover > span { text-decoration:underline ; color:#111111 }
.KS_PLL > a:hover { border-color:rgba(0,0,0,0.4) }



/* TABLE */
.KS_table , .KS_table > table { width:100% }
.KS_table > table { border:0 ; border-collapse:collapse ; border-spacing:0  }
.KS_table thead th , .KS_table tbody th , .KS_table tbody td ,
.KS_table tfoot th , .KS_table tfoot td { text-align:center ; vertical-align:middle ; box-sizing:border-box ; transition:0.3s all }
.KS_table thead th { 
    position: relative ;
    padding:0.5rem 0.3rem ; font-size:0.7rem ; line-height:1rem ; font-weight:600 ; color:#111111 ; 
    border-top:solid 1px #d7d7d7 ; border-bottom:solid 2px #7ac142 }
.KS_table thead th::after { 
    position:absolute ; right:0 ; top:50% ; transform: translateY(-50%) ;
    display:block ; content:"" ; width:1px ; height:10px ; background-color:#111111 ; opacity:0.2 }
.KS_table thead th:last-child:after { display:none }
.KS_table tbody th , .KS_table tbody td , .KS_table tfoot th , .KS_table tfoot td { 
    font-size:0.8rem ; line-height:1.2rem ; padding:0.5rem 0.2rem ; font-weight:300 ; 
    border:solid 1px #d7d7d7 ; border-top:0 ; border-left:0 }
.KS_table tbody th:last-child , .KS_table tbody td:last-child , .KS_table tfoot th:last-child , .KS_table tfoot td:last-child { border-right:0 }   
.KS_table tbody tr:hover th , .KS_table tbody tr:hover td ,
.KS_table tfoot tr:hover th , .KS_table tfoot tr:hover td { background-color:#f7f7f7 ; border-bottom:solid 1px #b2b2b2 ; color:#111111 }
.KS_table tfoot th , .KS_table tfoot td { font-weight:500 ; background-color:#ffffff ; }

.KS_table_title { width:100% ; text-align:center ; margin-bottom:0.75rem }
.KS_table_title > b { 
    display:inline-block ; overflow:hidden ; border-radius:4rem ; border:solid 1px rgba(0,0,0,0.1) ; box-sizing:border-box ;
    background-color:#7ac142 ; padding:0.3rem 1.2rem ; padding-bottom:0.4rem  ; 
    font-size:0.9rem ; line-height:1.2rem ; font-weight:600 ; color:#ffffff ; letter-spacing:-0.5px ; word-break:keep-all ;
    text-shadow:0 0 2px rgba(0,0,0,0.2) ;
}

.KS_table_txt { font-size:0.6em ; line-height:1.4em  ; padding:5px 0px ; text-align:center ; color:#444444 }


/* ACC BOX */
.KS_ACC_BOX , .KS_ACC_item , .KS_ACC_ctns , .KS_ACC_inner , .KS_ACC_writer ,
.KS_ACC_btn_open , .KS_ACC_btn_close , .KS_ACC_btn_open > span , .KS_ACC_btn_close > span { display:block ; overflow:hidden }
.KS_ACC_BOX {  border-bottom:solid 2px #111111 }

.KS_ACC_item , .KS_ACC_title , .KS_ACC_ctns , .KS_ACC_inner ,
.KS_ACC_btn_open , .KS_ACC_btn_close , .KS_ACC_btn_open > span , .KS_ACC_btn_close > span , .KS_ACC_title > span { transition:0.3s all }

.KS_ACC_item { border-top:solid 2px #111111 ; position:relative ; width:100% }
.KS_ACC_item:hover { background-color:#f7f7f7 }
.KS_ACC_item.open:hover { background-color:#ffffff }
.KS_ACC_writer { 
    font-size:0.8rem ; line-height:1.4rem ; border-bottom:solid 1px rgba(0,0,0,0.1) ; font-weight:400 ; 
    padding-bottom:0.5rem ; margin-bottom:1rem }
.KS_ACC_title , .KS_ACC_title > span { word-break:keep-all }
.KS_ACC_title { 
    padding:1rem 0.5rem ; padding-right:1.5rem ; box-sizing:border-box ; width:100% ; 
    font-size:1rem ; line-height:1.2rem ; color:#444444 ; font-weight:500 ; letter-spacing:-1.5px }
.KS_ACC_item.open .KS_ACC_title { font-size:1.2rem ; line-height:1.5rem ; font-weight:600 }
.KS_ACC_title > span { display:block ; overflow:hidden ; height:0 ; font-size:0 ; color:transparent }    
.KS_ACC_item.open .KS_ACC_title > span { 
    border-top:dashed 1px rgba(0,0,0,0.2) ; height:auto ; padding-top:0.4rem ; margin-top:0.6rem ;
    font-size:0.9rem ; line-height:1.2rem ; color:#111111 ; font-weight:400 ; letter-spacing:-0.5px ; }
.KS_ACC_inner { border-top:solid 1px rgba(0,0,0,0.1) ; padding:1rem 0rem ; padding-bottom:2rem  ; opacity:0 }

.KS_ACC_btn_open , .KS_ACC_btn_close { position:absolute ; width:100% ; top:0 ; right:0 ; padding:1rem 0.3rem ; padding-top:1.3rem  ; box-sizing:border-box }
.KS_ACC_btn_open { opacity:0.3 }
.KS_ACC_btn_close { display:none ; opacity:0.8 }
.KS_ACC_btn_open > span , .KS_ACC_btn_close > span { 
    background:url(../img/acc_box_icon.png) no-repeat left top ; float:right ;
    width:1rem ; height:1rem ; font-size:0 ; color:transparent }
.KS_ACC_btn_close > span { background-position:left bottom }   
.KS_ACC_ctns { height:0 } 
.KS_ACC_btn_open:hover { opacity:0.8 }
.KS_ACC_btn_close:hover { opacity:1 }

.KS_ACC_item.open .KS_ACC_btn_open { display:none  }
.KS_ACC_item.open .KS_ACC_btn_close  { display:block } 

.KS_ACC_item.open { border-top:solid 3px #7ac142 }
.KS_ACC_item.open .KS_ACC_title { color:#111111 }
.KS_ACC_item.open .KS_ACC_ctns { height:auto }
.KS_ACC_item.open .KS_ACC_inner { opacity:1 }



/* BTN */
.KS_btn_BOX , .KS_btn > b , .KS_btn > b::before  { display:block ; overflow:hidden }
.KS_btn_BOX { width:100% ; text-align:center ; padding:0.5rem 0 } 
.KS_btn , .KS_btn > b , .KS_btn > b::before { transition:0.3s all }
.KS_btn { 
    display:inline-block ; overflow:hidden  ; background-color:#f7f7f7 ; border:solid 1px rgba(0,0,0,0.1) ; box-sizing:border-box ;
    padding:0.6rem 1.5rem ; border-radius:0.2rem ; line-height:0 ;
}
.KS_btn > b { 
    position:relative ;
    font-size:0.7rem ; line-height:0.8rem ; font-weight:500 ; padding-bottom:0.1rem ; color:#555555 ; padding-left:1rem ; }
.KS_btn > b::before  { 
    content: ''; width:1rem ; height:1rem ; position:absolute ; left:0 ; top:50% ; transform: translateY(-50%);
    background:url(../img/acc_icon_more.png) no-repeat left top ;
}
.KS_btn.green , .KS_btn:hover { background-color:#7ac142 ; border-color:#7ac142;}
.KS_btn.blue > b , .KS_btn.green > b  , .KS_btn:hover > b { color:#ffffff ; text-shadow:0 0 2px rgba(0,0,0,0.2) }
.KS_btn.blue > b::before ,.KS_btn.green > b::before , .KS_btn:hover > b::before { background-position:left bottom }
.KS_btn.green:hover , .KS_btn.blue:hover { background-color:#111111 ; border-color:#111111 }

.KS_btn.blue  { background-color:#015a94 ; border-color:#015a94 } 
.KS_btn.copy > b::before { background-image:url(../img/icon_copy.png) }

/*
                <div class="KS_btn_BOX">
                   <a href="#" title="클릭 새창" target="_blank" class="KS_btn"><b>원문기사 보기</b></a>

                   <a href="#" title="클릭 새창" target="_blank" class="KS_btn green"><b>원문기사 보기</b></a>

                   <a href="#" title="클릭 새창" target="_blank" class="KS_btn blue copy"><b>원문기사 보기</b></a>
                </div>
*/



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

    /* VISUAL */ 
    .KS_visual_inner { height:33rem }
    .KS_visual_txt > h2 { font-size:2.3rem ; font-weight:500 ; line-height:3rem ; margin-bottom:1.5rem ; letter-spacing:-1px }
    .KS_visual_txt > p  { font-size:1.2rem ; line-height:1.7rem ; font-weight:300 ; opacity:0.9 }
    .KS_visual_txt > p > br , .KS_visual_txt > h2 > br { display:block } 
    .KS_visual_txt > p { margin-bottom:2rem ;}
    .KS_visual_txt > p.KS_visual_name { font-size:0.8rem ; padding-left:1rem ; padding-right:1rem }



    /* SUB TAB */
    #KS_tab { position:absolute ; display:block ; left:0 ; bottom:5rem ; width:100% ; text-align:center }
    #KS_tab_deep1 , .KS_TD1 { display:inline-block }
    #KS_tab::after , #KS_tab_deep1::after , #KS_tab_deep2::after { content:"" }
    #KS_tab_deep1 { border:solid 1px rgba(255,255,255,0.2) ; box-sizing:border-box  } 
    #KS_tab_deep2 , .KS_TD1.t10 > b , .KS_TD2 > a , #KS_tab_btn > span , #KS_tab_btn { display:block }
    .KS_TD1.t10 > b , .KS_TD2 > a { font-size:0.8rem ; line-height:2rem ; height:2rem ; box-sizing:border-box ; letter-spacing:-0.5px ; }
    .KS_TD1.t10 > b { 
        color:#111111 ; padding:0 1rem ; padding-right:1.25rem ; font-weight:500 ;
        background:url(../img/sub_tab_bg.png) no-repeat right center}
    .KS_TD1.t20 { position:relative ; padding-right:2rem }     
    .KS_TD2 > a { color:#ffffff ; padding-left:0.75rem ; padding-right:1.5rem ; font-weight:400 ; min-width:7rem ; text-align:left }
    #KS_tab_btn , #KS_tab_btn > span { width:1rem ; height:1rem ; }
    #KS_tab_btn { position:absolute ; right:0.4rem ; top:50% ; transform:translateY(-50%) }
    #KS_tab_btn > span { 
        height:1rem ; font-size:0 ; color:transparent ; opacity:0.5 ;
        background:url(../img/sub_tab_arrow.png) no-repeat left top ;
    }
    .open #KS_tab_btn > span { background-position: left bottom }
    #KS_tab_deep1 , .KS_TD2 , #KS_tab_btn > span { transition:0.3s all }
    .tab1 .KS_TD2.t22 , .tab1 .KS_TD2.t23 ,
    .tab2 .KS_TD2.t21 , .tab2 .KS_TD2.t23 ,
    .tab3 .KS_TD2.t21 , .tab3 .KS_TD2.t22 { position:absolute ; left:0 ; top:0 ; opacity:0 ; height:0 }
    .open .KS_TD2.t21 , .open .KS_TD2.t22 , .open .KS_TD2.t23 { opacity:0.7; height:2rem }

    .open #KS_tab_deep1  { background-color:rgba(0,0,0,0.2) } 
    .tab1.open .KS_TD2.t22 , .tab1.open .KS_TD2.t23 ,
    .tab2.open .KS_TD2.t21 , .tab2.open .KS_TD2.t23 ,
    .tab3.open .KS_TD2.t21 , .tab3.open .KS_TD2.t22  { background-color:rgba(0,0,0,0.5) ; padding-right:2rem }
    .tab1.open .KS_TD2.t22:hover , .tab1.open .KS_TD2.t23:hover ,
    .tab2.open .KS_TD2.t21:hover , .tab2.open .KS_TD2.t23:hover ,
    .tab3.open .KS_TD2.t21:hover , .tab3.open .KS_TD2.t22:hover  { opacity:1 }

    .tab1.open .KS_TD2.t21 , .tab2.open .KS_TD2.t22 , .tab3.open .KS_TD2.t23 { opacity:1 }
    .tab1.open .KS_TD2.t21 > a , .tab2.open .KS_TD2.t22 > a , .tab3.open .KS_TD2.t23 > a {color:#a6ee6e }

    .tab1.open .KS_TD2.t22 { top:2.15rem }
    .tab1.open .KS_TD2.t23 { top:4.2rem }
    .tab2.open .KS_TD2.t21 { top:-2.15rem }
    .tab2.open .KS_TD2.t23 { top:2.15rem }
    .tab3.open .KS_TD2.t21 { top:-4.2rem }
    .tab3.open .KS_TD2.t22 { top:-2.15rem}

    #K11 .KS_TD2 > a , #K12 .KS_TD2 > a , #K13 .KS_TD2 > a , #K14 .KS_TD2 > a  { min-width:5rem } 
    #K21 .KS_TD2 > a , #K22 .KS_TD2 > a , #K23 .KS_TD2 > a , #K24 .KS_TD2 > a  { min-width:10.5rem }  
    #KS_tab_btn:hover > span { opacity:1 }  
    #KS_MB_url { display:none }

    #KS_tab_close { display:block ; overflow:hidden ; width:0 ; height:0 ; line-height:0 ; font-size:0 ; color:transparent }
 


    /* CONTENT */ 
    .KS_sub { padding:0 } 
    #KS_content { padding-top:3.5rem }



    /* PREV+NEXT */
    #KS_PN  { padding:0 ; padding-right:3.5rem }



    /* PREV ARTICLE */ 
    #KS_prevArticle { padding:3rem 3.5rem 5rem 0 }
    #KS_PA_inner { padding:0 ; max-width:55rem ; margin:auto }
    #KS_PA_header { 
        position: relative;
        border:solid 1px rgba(0,0,0,0.1) ; box-sizing:border-box ; border-bottom:solid 3px #16aadf ; background-color:#ffffff }
    #KS_PA_title { 
        position:absolute ; left:1rem ; top:50% ; transform: translateY(-50%) ;
        width:25rem ; border:0 ; margin:0 ; padding:0 } 
    #KS_PA_tab { float:right ; width:28rem ; padding:0 } 
    #KS_PA_title { text-align:left }
    .KS_PA_Tli { 
        float:left ; width:4rem ; text-align:center ; margin:0 ;
        box-sizing:border-box ; border:0 ; border-left:solid 1px rgba(0,0,0,0.1) }
    .KS_PA_Tli > a { border:0 ; border-radius:0 ; padding:1rem 0 }
    .KS_PA_Tli > a:hover { background-color:#f7f7f7 }
    .KS_PL , .KS_PLL { border:0 }
    .KS_PLL { width:32% ; margin-right:2% ; float:left }
    .KS_PLL:nth-child(3n) { margin-right:0 }
     

 
    /* ACC BOX */
    .KS_ACC_title { font-size:1.1rem }
    .KS_ACC_writer { text-align:right }
    .KS_ACC_inner  { padding:1rem 1.5rem ; padding-bottom:2rem }
	
	
	/* TABLE */
	.KS_table_txt { text-align:right }
 


}