@charset "utf-8";
/* KIIP_sub.css */  


/* VISUAL */
#KS_visual { 
    display:block ; overflow:hidden ; transition:0.3s all ;
    width:100% ; height:35rem ; box-sizing:border-box ; position:relative ;
    background:url(../img_sub/KS11_visual_MB.jpg) no-repeat center ; background-size:cover }
#KS_visual::before {
    display:block ; overflow:hidden ; content:"" ;
    width:100% ; height:100% ; background-color:rgba(0,0,0,0.5) ;
    position:absolute ; left:0 ; top:0
}
 
#KS_visual_title , #KS_visual_title > b , #KS_visual_title > h3 { width:100% ; box-sizing:border-box }
#KS_visual_title > b , #KS_visual_title > h3  , #KS_visual_title > p { 
    display:block ; word-break:keep-all ;
    text-align:center ; color:#ffffff ; text-shadow:0 0 0.2rem rgba(0,0,0,0.2) ; }
#KS_visual_title { position:absolute ; left:0 ; top:45% ; transform:translateY(-50%) } 
#KS_visual_title > b { font-size:1.6rem ; line-height:2rem ; font-weight:300 ; margin-bottom:1.2rem } 
#KS_visual_title > b , #KS_visual_title > h3 { font-size:3rem ; line-height:4rem ; font-weight:600 ; letter-spacing:-0.2rem ; word-break:keep-all }
#KS_visual_title > h3 > br { display:none }
#KS_visual_title > h3 > span { 
    display:block ; width:100% ; box-sizing:border-box ; padding:1rem 1rem 0 ; word-break:inherit ;
    font-size:2rem ; line-height:2.8rem ; color:inherit ; font-weight:inherit ; font-weight:500 ; letter-spacing:0 ; text-align:center ; 
}
 
#KS_visual_title > p { font-size:1.6rem ; line-height:2.4rem ; font-weight:400 ; padding-top:3rem ; opacity:0.8 }
 
#KIIP12 #KS_visual { background-image:url(../img_sub/KS12_visual_MB.jpg) }
#KIIP13 #KS_visual { background-image:url(../img_sub/KS13_visual_MB.jpg) }
#KIIP14 #KS_visual { background-image:url(../img_sub/KS14_visual_MB.jpg) }
#KIIP21 #KS_visual { background-image:url(../img_sub/KS21_visual_MB.jpg) }
#KIIP22 #KS_visual { background-image:url(../img_sub/KS22_visual_MB.jpg) }
#KIIP23 #KS_visual { background-image:url(../img_sub/KS23_visual_MB.jpg) }
#KIIP24 #KS_visual { background-image:url(../img_sub/KS24_visual_MB.jpg) }
#KIIP31 #KS_visual { background-image:url(../img_sub/KS31_visual_MB.jpg) }
#KIIP32 #KS_visual { background-image:url(../img_sub/KS32_visual_MB.jpg) }
#KIIP33 #KS_visual { background-image:url(../img_sub/KS33_visual_MB.jpg) }
#KIIP34 #KS_visual { background-image:url(../img_sub/KS34_visual_MB.jpg) }
#KIIP41 #KS_visual { background-image:url(../img_sub/KS41_visual_MB.jpg) }
#KIIP42 #KS_visual { background-image:url(../img_sub/KS42_visual_MB.jpg) }
#KIIP43 #KS_visual { background-image:url(../img_sub/KS43_visual_MB.jpg) }
#KIIP44 #KS_visual { background-image:url(../img_sub/KS44_visual_MB.jpg) }



/* LNB */
#KS_lnb , #KS_lnb > ul { width:100% ; box-sizing:border-box ; margin:auto }
#KS_lnb { padding:1.5rem 1rem ; border-bottom:solid 1px rgba(0,0,0,0.1) ; margin-bottom:6rem }
#KS_lnb > ul { max-width:110rem ; overflow:hidden ; text-align:center ; font-size:0 }
#KS_lnb li { display:inline-block ; position:relative ; padding-right:1.3rem ; margin-right:1.3rem }
#KS_lnb li:last-child { padding-right:0 ; margin-right:0 } 
#KS_lnb a { 
    font-size:1.4rem ; line-height:1.8rem ; padding-bottom:0.2rem ; font-weight:400 ; opacity:0.6 ; 
    transition:0.3s all ; letter-spacing:-0.05rem ;
}
#KS_lnb a:hover { opacity:1 }
#KS_lnb li::after {
    display:block ; content:"" ; width:0.1rem ; height:1rem ;
    background-color:#000000 ; opacity:0.1 ;
    position:absolute ; right:0 ; top:55% ; transform:translateY(-50%) ;
} 
#KS_lnb li:last-child:after { display:none } 



/* PARAGRAPH */
.KS_section , .KS_sub , .KS_p { width:100% ; box-sizing:border-box ; margin:auto }
.KS_section { margin-bottom:8rem ; padding:0 2rem }
.KS_sub  { margin-bottom:6rem }
.KS_p , .KS_notice li { font-size:1.6rem ; line-height:3rem ; text-align:justify }
.KS_p { margin-bottom:2rem ; max-width:110rem }
.KS_sub:last-child , .KS_p:last-child { margin-bottom:0 }

.p_dot .KS_p , .KS_p.p_dot { position:relative ; padding-left:1.7rem }
.p_dot .KS_p::before , .KS_p.p_dot::before {
    display:block ; overflow:hidden ; content:"" ; box-sizing:border-box ;
    position:absolute ; left:0 ; top:1rem ;
    width:1rem ; height:1rem ; border-radius:0.2rem ;
    border:solid 0.3rem rgba(0,0,0,0.2)
}

 

/* OTHER ARTICLES */
#KS_other_articles , #KS_OA_inner , #KS_OA_list , #KS_OA_list > ul { width:100% ; box-sizing:border-box ; margin:auto }
#KS_other_articles { padding:4rem 0 ; background-color:#f2f2f2 ; border-top:solid 1px rgba(0,0,0,0.05) }
#KS_OA_inner { max-width:110rem }
#KS_other_articles h2 { 
    width:100% ; opacity:0.3 ; margin-bottom:1.5rem ;
    font-size:2.4rem ; line-height:3rem ; font-weight:500 ; color:#000000 ; text-align:center ; letter-spacing:-0.1rem ;
}
#KS_OA_list > ul { text-align:center ; font-size:0 }
.KS_OA_li {
    display:inline-block ; overflow:hidden ; width:45% ; min-width:30rem ; margin:0.4rem 1% ;
    border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.4rem ; background-color:#ffffff ;
    position:relative
}
.KS_OA_li a { display:block ; width:100% ; box-sizing:border-box ; padding:0.7rem 1rem ; text-align:left }
.KS_OA_li span , .KS_OA_li b { display:inline-block ; line-height:2.2rem ; padding-bottom:0.2rem ; word-break:keep-all }
.KS_OA_li span { font-size:1.2rem ; padding-right:1rem ; margin-right:1rem ; position:relative ; color:rgba(0,0,0,0.7) }
.KS_OA_li span::after { 
    display:block ; content:"" ; width:0.1rem ; height:1rem ; background-color:#000000 ; opacity:0.1 ;
    position:absolute ; right:0 ; top:50% ; transform:translateY(-50%) ; 
}
.KS_OA_li b > br , .KS_OA_btn { display:none }
.KS_OA_li b { font-size:1.6rem }  
.KS_OA_li , .KS_OA_li span , .KS_OA_li b , .KS_OA_li::after { transition:0.3s all } 
.KS_OA_li::after { 
    display:block ; content:"" ; opacity:0 ;
    height:0.2rem ; width:0 ; background-color:#70bc4f ;
    position:absolute ; left:50% ; bottom:0 ; transform: translateX(-50%);
} 
.KS_OA_li.now::after , .KS_OA_li:hover::after { opacity:1 ; width:100% }
.KS_OA_li:hover span { color:#000000 }
.KS_OA_li.now { background-color:#f2f2f2 }


 
/* RESPONSIVE TABLE */
.KS_RW_table , .KS_RW_table > table { width:100% }
.KS_RW_table { padding-top:3rem ; padding-bottom:5rem }
.KS_RW_table > table { border:0 ; border-collapse:collapse ; border-spacing:0 }
.KS_RW_table caption { text-align:center ; font-size:0 ; padding-bottom:1.5rem }
.KS_RW_table caption > span , .KS_RW_table caption > b { display:inline-block ; overflow:hidden ; line-height:2.4rem }
.KS_RW_table caption > span { 
    font-size:1.4rem ; color:#ffffff ; font-weight:500 ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ;
    background-color:#70bc4f ; border-radius:0.4rem ; padding:0 1rem 0.2rem 1rem ; margin-right:0.7rem }
.KS_RW_table caption > b { font-size:2rem ; font-weight:500 ; letter-spacing:-0.1rem }
.KS_RW_table thead { display:none }
.KS_RW_table tbody tr { display:block ; border-bottom:solid 1px rgba(0,0,0,0.1) ; padding:1rem 0.5rem 0.5rem 0.5rem }
.KS_RW_table tbody tr:first-child { border-top:solid 0.2rem #70bc4f } 
.KS_RW_table td , .KS_RW_table .KS_RWT_tag { line-height:2.2rem }
.KS_RW_table td { 
    display:inline-block ; margin-bottom:0.5rem ; margin-right:3rem ;
    font-size:1.6rem ; font-weight:300 ;
}
.KS_RW_table .KS_RWT_tag { 
    display:inline-block ; border-radius:0.4rem ; padding:0 0.5rem 0.2rem 0.5rem ; margin-right:0.7rem ;
    font-size:1.2rem ; border:solid 1px rgba(0,0,0,0.1) }
.KS_RW_table td.col1 { border-bottom:solid 0.1rem #70bc4f ; display:block ; padding-bottom:0.8rem ; margin:0 ; margin-bottom:0.7rem ;  }
.KS_RW_table td.col1 .KS_RWT_tag { background-color:#70bc4f ; color:#ffffff ; border:none ; font-weight:500 ; text-shadow:0 0 0.3rem rgba(0,0,0,0.2) }



/* IMAGE */
.KS_img , .KS_img img { width:100% }
.KS_img { margin:auto ; text-align:center ; font-size:0 }
.KS_img img { border-radius:0.4rem }
.KS_img_txt { 
    width:100% ; display:block ; padding-top:0.5rem ;
    font-size:1.2rem ; line-height:2rem ; text-align:center ;
}



/* ACCORDION */
.KS_ACC , .KS_ACC_header , .KS_ACC_box , .KS_AB_title , .KS_ACC_inner { width:100% ; box-sizing:border-box } 
.KS_ACC_header , .KS_ACC_box { position:relative } 
.KS_ACC_box:last-child { border-bottom:solid 1px rgba(0,0,0,0.1) }
.KS_ACC_header { margin-bottom:2rem ; text-align:center ; font-size:0 }
.KS_ACC_header > p { 
    width:100% ;
    font-size:1.4rem ; line-height:2rem ; word-break:keep-all ; margin-bottom:1rem }
.KS_ACC_all , .KS_ACC_all::before , .KS_ACC_all::after , .KS_ACC_inner , .KS_AB_title::before { transition:0.3s all }
.KS_ACC_all {
    font-size:1.4rem ; line-height:2rem ; position:relative ;
    border:solid 1px rgba(0,0,0,0.1) ; overflow:hidden ; border-radius:0.4rem ;
    padding:0.5rem 1.3rem 0.7rem 1.3rem ; display:inline-block ;
    margin:0.2rem 0.5rem
}
.KS_ACC_all:hover { padding-left:3.3rem ; background-color:#000000 ; color:#ffffff } 
.KS_ACC_all::before , .KS_ACC_all::after {
    width:1.4rem ; height:0.2rem ; display:block ; overflow:hidden ; content:"" ;
    background-color:#ffffff ; opacity:0 ;
    position:absolute ; left:0 ; top:50% ; transform:translateY(-50%) ;
} 
.KS_ACC_all:hover::before , .KS_ACC_all:hover::after { background-color:#ffffff ; left:1.3rem ; opacity:1 }
.KS_ACC_all.open:hover::before { top:37% } 
.KS_ACC_all.open:hover::after  { top:63% } 
.KS_ACC_all.close:hover::before , .KS_ACC_all.close:hover::after { top:50% ; left:2.2rem }
.KS_ACC_all.close:hover::before { transform:translate(-50%,-50%) rotate(45deg) } 
.KS_ACC_all.close:hover::after  { transform:translate(-50%,-50%) rotate(-45deg) } 

.KS_AB_title { 
    padding:1rem 0.5rem 1.2rem 3rem ; word-break:keep-all ; cursor:pointer ;
    font-size:2rem ; line-height:3rem ; text-align:left ; font-weight:500 ; color:#444444 ; letter-spacing:-0.1rem ;
    border-top:solid 0.2rem #012c68 ; position:relative ;
}
.KS_AB_title::before {
    display:block ; width:0 ; height:100% ; content:"" ;
    background-color:#000000 ; opacity:0 ;
    position:absolute ; left:0 ; top:0
}
.KS_ACC_box:hover .KS_AB_title::before { width:100% ; opacity:0.03 }
.KS_ACC_inner { padding:0 ; opacity:0 ; border:0 ; overflow:hidden ; height:0 }

.KS_ACC_btn_open , .KS_ACC_btn_open::before , .KS_ACC_btn_open::after { transition:0.3s all }
.KS_ACC_btn_open {
    width:3rem ; height:3rem ; overflow:hidden ;
    font-size:0 ; color:transparent ;
    position:absolute ; left:0 ; top:1.2rem  
}
 
.KS_ACC_btn_open::before , .KS_ACC_btn_open::after { 
    display:block ; overflow:hidden ; content:"" ;
    width:1rem ; height:0.2rem ; border-radius:1rem ;
    background-color:#012c68 ; position:absolute ;
}
.KS_ACC_btn_open::before { transform:translate(-50%,-50%) rotate(45deg) ; left:50% ; top:40% }
.KS_ACC_btn_open::after  { transform:translate(-50%,-50%) rotate(-45deg) ; left:50% ; top:60% }

.KS_ACC_box:hover .KS_ACC_btn_open { transform:rotate(90deg) }

.KS_ACC_btn_close  , .KS_ACC_btn_close::before , .KS_ACC_btn_close::after { transition:0.3s all }
.KS_ACC_btn_close { 
    width:0 ; height:0 ; opacity:0 ; overflow:hidden ;
    font-size:0 ; color:transparent ;
    position:absolute ; left:50% ; bottom:1rem ; transform:translateX(-50%) ;
}

.KS_ACC_btn_close::before , .KS_ACC_btn_close::after {
    display:block ; overflow:hidden ; content:"" ;
    width:1.5rem ; height:0.1rem ; position:absolute ; left:50% ; top:50% ;
    background-color:#000000 ;
}
.KS_ACC_btn_close::before { transform:translate(-50%,-50%) rotate(45deg) }
.KS_ACC_btn_close::after  { transform:translate(-50%,-50%) rotate(-45deg) }
.KS_ACC_btn_close:hover , .KS_ACC_btn_close:focus { opacity:1 }
.KS_ACC_btn_close:hover::before , .KS_ACC_btn_close:hover::after  { width:1.8rem }
.KS_ACC_btn_close:hover::before { transform:translate(-50%,-50%) rotate(135deg) }
.KS_ACC_btn_close:hover::after  { transform:translate(-50%,-50%) rotate(45deg) }

.open .KS_ACC_inner {
    padding:3rem 0 5rem 0 ; height:auto ; opacity:1 ;
    border-top:solid 1px rgba(0,0,0,0.1) 
}
.open .KS_AB_title { border-color:#549125 ; color:#000000 }
.open .KS_ACC_btn_close { width:2rem ; height:2rem ; opacity:0.3 }
.open .KS_ACC_btn_open::before , .open .KS_ACC_btn_open::after { background-color:#549125 ; left:50% ; top:50% ; width:1.6rem } 
.open .KS_ACC_btn_open::before { transform:translate(-50%,-50%) rotate(45deg) }
.open .KS_ACC_btn_open::after  { transform:translate(-50%,-50%) rotate(-45deg) }



/* NOTICE */
.KS_notice { 
    box-sizing:border-box ; border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.4rem ;
    padding:1.5rem ; background-color:#f7f7f7 ;
}
.KS_notice li { margin-bottom:1rem }
.KS_notice li:last-of-type { margin-bottom:0 }
.KS_sup { font-size:70% ; line-height:inherit ; color:inherit }





/* PC **********/
@media all and (min-width:1100px){
 
    /* VISUAL */
    #KS_visual { 
        height:50rem ; margin:auto ; max-width:192rem ;
        background-image:url(../img_sub/KS11_visual.jpg) ;
    }
    #KS_visual::after {
        display:block ; overflow:hidden ; content:"" ; width:100% ; height:3rem ;  
        position:absolute ; left:0 ; bottom:-0.3rem ; transition:0.3s opacity ;
        background:url(../img/visual_round.png) no-repeat left bottom ; background-size:100% 3rem ;
    } 
  
    #KS_visual_title { max-width:140rem ; left:50% ; top:17rem ; transform:translateX(-50%) ; padding-left:3rem ; box-sizing:border-box }
    #KS_visual_title > b , #KS_visual_title > h3 , #KS_visual_title > p { text-align:left }
    #KS_visual_title > b { font-size:2rem ; line-height:2.4rem ; margin-bottom:3rem }
    #KS_visual_title > b , #KS_visual_title > h3 { font-size:4rem ; line-height:5.4rem } 
    #KS_visual_title > h3 > br { display:block }
    #KS_visual_title > h3 > span {
        text-align:left ; padding-top:2rem ;
        font-size:2.6rem ; line-height:3rem ;
    }
 
    #KIIP12 #KS_visual { background-image:url(../img_sub/KS12_visual.jpg) }
    #KIIP13 #KS_visual { background-image:url(../img_sub/KS13_visual.jpg) }
    #KIIP14 #KS_visual { background-image:url(../img_sub/KS14_visual.jpg) }
    #KIIP21 #KS_visual { background-image:url(../img_sub/KS21_visual.jpg) }
    #KIIP22 #KS_visual { background-image:url(../img_sub/KS22_visual.jpg) }
    #KIIP23 #KS_visual { background-image:url(../img_sub/KS23_visual.jpg) }
    #KIIP24 #KS_visual { background-image:url(../img_sub/KS24_visual.jpg) }
    #KIIP31 #KS_visual { background-image:url(../img_sub/KS31_visual.jpg) }
    #KIIP32 #KS_visual { background-image:url(../img_sub/KS32_visual.jpg) }
    #KIIP33 #KS_visual { background-image:url(../img_sub/KS33_visual.jpg) }
    #KIIP34 #KS_visual { background-image:url(../img_sub/KS34_visual.jpg) }
    #KIIP41 #KS_visual { background-image:url(../img_sub/KS41_visual.jpg) }
    #KIIP42 #KS_visual { background-image:url(../img_sub/KS42_visual.jpg) }
    #KIIP43 #KS_visual { background-image:url(../img_sub/KS43_visual.jpg) }
    #KIIP44 #KS_visual { background-image:url(../img_sub/KS44_visual.jpg) }
 
 

    /* LNB */
    #KS_lnb li { padding-right:2rem ; margin-right:2rem }
    #KS_lnb li::after {
        background:none ; width:0.5rem ; height:0.5rem ; opacity:0.4 ;
        border:solid 0.1rem #000000 ; border-left:none ; border-bottom:none ;
        transform:translate(-50%,-50%) rotate(45deg) ; right:-0.5rem } 

 

    /* PARAGRAPH */ 
    .KS_section { padding:0 } 
    .KS_sub  { max-width:110rem ; margin-left:auto ; margin-right:auto } 

 

    /* OTHER ARTICLES */
    #KS_other_articles { padding:6rem 0 8rem }
    #KS_OA_inner , #KS_OA_list , .KS_OA_li { margin:auto ; position:relative }
    #KS_OA_list { width:110rem ; border-radius:0.4rem } 
    #KS_OA_list , #KS_OA_list > ul , .KS_OA_li { height:20rem }
    #KS_OA_list , #KS_OA_list > ul , .KS_OA_li , .KS_OA_li a { overflow:hidden }
    #KS_OA_list > ul { width:308rem ; position:absolute ; left:0 ; top:0 } 
    
    .KS_OA_li , .KS_OA_li a {display:block ; box-sizing:border-box ; padding:0 }
    #KS_other_articles h2 { text-align:left }
    .KS_OA_li { 
        width:26rem ; margin:0 ; margin-right:2rem ; float:left ; display:block ; border:none ; min-width:auto ;
        background:no-repeat center ; background-size:26rem auto }
    .KS_OA_li span::after { display:none }
    .KS_OA_li span , .KS_OA_li b { 
        width:100% ; box-sizing:border-box ;
        padding:0 ; margin:0 ; text-align:center ; color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) }
 
    #KS_OA_list > ul , .KS_OA_li , .KS_OA_li a , .KS_OA_li span , .KS_OA_li b , .KS_OA_li span::after , .KS_OA_li::before { transition:0.3s all } 
    .KS_OA_li::before {
        display:block ; content:"" ; width:100% ; height:100% ; background-color:#000000 ; opacity:0.3 ;
        position:absolute ; left:0 ; top:0  } 
    .KS_OA_li a { 
        width:100% ; height:100% ; position:absolute ; left:0 ; top:0 ;
        background:no-repeat center ; background-size:26rem auto ; padding-top:6rem } 
    .KS_OA_li span { font-size:1.2rem ; line-height:1.8rem ; font-weight:500 ; padding-bottom:1rem ; margin-bottom:1rem ; position:relative ; opacity:0.8 }
    .KS_OA_li b {
        font-size:2.4rem ; line-height:3rem ; font-weight:500 ; letter-spacing:-0.1rem ;
        min-height:6rem ; padding:0 1rem  }
    .KS_OA_li span::after {
        display:block ;
        width:2rem ; height:0.2rem ; background-color:#ffffff ; margin:0 ; opacity:0.3 ;
        left:50% ; right:auto ; top:auto ; bottom:0 ; transform:translateX(-50%) ;
    }
    .KS_OA_li.OA11 { background-image:url(../img_thum/thum_11.jpg) }
    .KS_OA_li.OA12 { background-image:url(../img_thum/thum_12.jpg) }
    .KS_OA_li.OA13 { background-image:url(../img_thum/thum_13.jpg) }
    .KS_OA_li.OA14 { background-image:url(../img_thum/thum_14.jpg) }
    .KS_OA_li.OA21 { background-image:url(../img_thum/thum_21.jpg) }
    .KS_OA_li.OA22 { background-image:url(../img_thum/thum_22.jpg) }
    .KS_OA_li.OA23 { background-image:url(../img_thum/thum_23.jpg) }
    .KS_OA_li.OA24 { background-image:url(../img_thum/thum_24.jpg) }
    .KS_OA_li.OA31 { background-image:url(../img_thum/thum_31.jpg) }
    .KS_OA_li.OA32 { background-image:url(../img_thum/thum_32.jpg) }
    .KS_OA_li.OA33 { background-image:url(../img_thum/thum_33.jpg) }
    .KS_OA_li.OA34 { background-image:url(../img_thum/thum_34.jpg) }
    .KS_OA_li.OA41 { background-image:url(../img_thum/thum_41.jpg) }
    .KS_OA_li.OA42 { background-image:url(../img_thum/thum_42.jpg) }
    .KS_OA_li.OA43 { background-image:url(../img_thum/thum_43.jpg) }
    .KS_OA_li.OA44 { background-image:url(../img_thum/thum_44.jpg) }

    .KS_OA_li:hover { background-size:29rem auto }
    .KS_OA_li:hover span { color:#ffffff ; opacity:1 }
    .KS_OA_li:hover::before , .KS_OA_li.now::before { opacity:0.7 }
    .KS_OA_li:hover span::after { width:3rem ; background-color:#8be04c ; opacity:1 }
    .KS_OA_li::after { display:none } 
 
    .KS_OA_li.now span , .KS_OA_li.now span::after { 
        width:6rem ; height:6rem ;
        padding:0 ; margin:0 ; font-size:0 ; color:transparent
    }

    .KS_OA_li.now span { margin:auto ; display:block ; margin-bottom:0.8rem ; opacity:1 }
    .KS_OA_li.now span::after { 
        border-radius:100% ; opacity:0.9 ; 
        background:url(../img/icon_openBook_w.png) no-repeat center #8be04c ; 
        background-size:3.5rem auto } 
    .KS_OA_li.now  a { padding-top:3rem } 
    .KS_OA_btn {
        display:block ; overflow:hidden ;
        width:4rem ; height:4rem ; 
        font-size:0 ; color:transparent ;
        position:absolute ; top:60% ; transform:translateY(-50%) 
    }
    .KS_OA_btn::before {
        display:block ; content:"" ; width:1.4rem ; height:1.4rem ; 
        border:solid 0.2rem #000000 ; 
        position:absolute ; top:50% ; transition:0.3s all ; opacity:0.3 ;
        transform:translate(-50%,-50%) rotate(-45deg) scale(0.8)
    }
    .KS_OA_btn.prev { left: -4rem } 
    .KS_OA_btn.next { right:-4rem }

    .KS_OA_btn.prev::before { left:60% ; border-bottom:none ; border-right:none } 
    .KS_OA_btn.next::before { right:20% ; border-top:none ; border-left:none }  
    .KS_OA_btn:hover::before { transform:translate(-50%,-50%) rotate(-45deg) scale(1.2) ; opacity:0.5 } 
    

 
    /* RESPONSIVE TABLE */
    .KS_RW_table { max-width:110rem ; margin:auto }
    .KS_RW_table caption { text-align:left }
    .KS_RW_table thead { display:table-header-group}
    .KS_RW_table tbody tr , .KS_RW_table td , .KS_RW_table tbody tr:first-child , .KS_RW_table td.col1  { padding:0 ; margin:0 ; border:none }
    .KS_RW_table th , .KS_RW_table td { position:relative ; vertical-align:middle }
    .KS_RW_table tbody tr { display:table-row }
    .KS_RW_table td , .KS_RW_table td.col1 { display:table-cell }
    .KS_RW_table thead th { 
        font-size:1.4rem ; line-height:1.8rem ; padding:1rem 0.5rem 1.2rem 0.5rem ;   
        border-top:solid 1px rgba(0,0,0,0.1) ; border-bottom:solid 2px #70bc4f ;
    }
    .KS_RW_table thead th::after {
        display:block ; overflow:hidden ; content:"" ; width:0.1rem ; height:1rem ;
        background-color:#000000 ; opacity:0.1 ;
        position:absolute ; right:0 ; top:50% ; transform:translateY(-50%) ;
    }
    .KS_RW_table thead th:last-child:after { display:none } 
    .KS_RW_table tbody td , .KS_RW_table td.col1  { 
        padding:1rem 0.5rem 1.2rem 0.5rem ; text-align:center ;
        border:solid 1px rgba(0,0,0,0.1) ; border-top:none ; border-right:none ;
        font-size:1.6rem ; line-height:2.4rem ;
    }
    .KS_RW_table td.col1 { border-left:none } 
    .KS_RW_table .KS_RWT_tag , .KS_RW_table td.col1 .KS_RWT_tag  { display:none }



    /* ACCORDION */
    .KS_ACC { max-width:110rem ; margin:auto }
    .KS_ACC_header , .KS_ACC_header > p { overflow:hidden }
    .KS_ACC_header { margin-bottom:0.5rem }
    .KS_ACC_header > p { float:left ; max-width:80rem ; text-align:left ; padding-top:1rem }
    .KS_ACC_all { float:right ; margin:0 } 

    .KS_AB_title { padding:1.5rem 0.5rem 1.7rem 3rem ; font-size:2.4rem ; line-height:3.4rem }
    .KS_ACC_btn_open { top:1.9rem }
    .KS_ACC_all.close { margin-right:0.5rem }

    .open .KS_ACC_inner { padding:4rem 0 6rem 0 } 



    /* IMAGE */
    .KS_img_txt { 
        text-align:left ; margin-top:0.5rem ; box-sizing:border-box ; padding:0 ; padding-left:0.7rem ;
        border-left:solid 1px rgba(0,0,0,0.1) ; 
    }



    /* NOTICE */
    .KS_notice { padding:2rem 3rem } 

}