@charset "utf-8";

/* SUB URL */
#KS_url { display:block ; overflow:hidden ; height:60px }



/* VISUAL */ 
#KS_visual { 
    border-bottom:solid 1px rgba(0,0,0,0.1) ; min-height:400px ; position:relative ;
    background:url(../img_sub/KS_visual20.jpg) no-repeat center center ; background-size:1050px 410px  }
#KS_visual > .inner_wrap { 
    padding:0px 30px ; position:absolute ; left:0px ; top:50% ; width:100% ; box-sizing:border-box ;
    transform:translateY(-50%) 
}


#KIIP11 #KS_visual , #KIIP12 #KS_visual , #KIIP13 #KS_visual { background-image:url(../img_sub/KS_visual11.jpg) }
#KIIP31 #KS_visual , #KIIP32 #KS_visual , #KIIP33 #KS_visual { background-image:url(../img_sub/KS_visual30.jpg) }
#KIIP41 #KS_visual , #KIIP42 #KS_visual , #KIIP43 #KS_visual { background-image:url(../img_sub/KS_visual40.jpg) }
#KIIP51 #KS_visual , #KIIP52 #KS_visual , #KIIP53 #KS_visual { background-image:url(../img_sub/KS_visual50.jpg) }
#KIIP60 #KS_visual , #KIIP61 #KS_visual , #KIIP62 #KS_visual { background-image:url(../history/history_visual.jpg) }


.KS_visual_title  , .KS_visual_tag { margin-bottom:15px }
.KS_visual_title { text-align:center ; word-break:keep-all ; padding-bottom:0px   }
.KS_visual_title > br { display:none }
.KS_visual_title  , .KS_visual_tag > span , .KS_visual_p { color:#ffffff }
.KS_visual_title { font-family:'NanumSquareRound',sans-serif ; font-size:2em ; line-height:1.4em  ; font-weight:bold ; letter-spacing:-1px }
.KS_visual_p , .KS_visual_tag { display:block ; overflow:hidden }
.KS_visual_p { margin-bottom:30px }
.KS_visual_tag { text-align:center }
.KS_visual_tag > span { 
    display:inline-block ; padding:7px 15px ; border-radius:40px ; background-color:#34adc6 ;   
    font-size:0.8em ; line-height:1em  ; font-weight:400  }
.KS_visual_tag > span br { display:none }

#KIIP60 .KS_visual_tag > span  , #KIIP61 .KS_visual_tag > span ,
#KIIP11 .KS_visual_tag > span  , #KIIP12 .KS_visual_tag > span , #KIIP13 .KS_visual_tag > span { background-color:#8b35c6 }
#KIIP31 .KS_visual_tag > span  , #KIIP32 .KS_visual_tag > span , #KIIP33 .KS_visual_tag > span { background-color:#3dc634 }
#KIIP41 .KS_visual_tag > span  , #KIIP42 .KS_visual_tag > span , #KIIP43 .KS_visual_tag > span { background-color:#c63442 }
 
.KS_visual_p { font-size:1.2em ; line-height:1.2em ; text-align:center ; font-weight:400 ; padding-top:10px }
.KS_PP_btn { display:none }



/* SECTION */
#KIIP_section , .KS_artcle { display:block ; overflow:hidden } 
#KIIP_section { margin-bottom:60px ; padding:30px ; padding-top:50px ; padding-bottom:0px } 
.KS_artcle { margin-bottom:80px }
.KS_p { font-size:1em ; line-height:1.8em ; text-align:justify ; margin-bottom:20px }
.KS_artcle:last-child , .KS_p:last-child { margin-bottom:0px }
 


/* PREVIOUS */
#KS_news , #KS_news_head , #KS_news_title , #KS_news_tab , .KS_NT_li > a , .KS_NT_list , 
#KS_previous , #KS_previous_head , #KS_previous_title , #KS_previous_tab , .KS_PT_li > a , 
.KS_PL , .KS_PLL , .KS_PLL > a { display:block ; overflow:hidden } 

#KS_previous { padding:20px ; margin-bottom:60px  } 
#KS_previous_head , #KS_news_head { border-bottom:solid 2px #15a8dd }
#KS_news_head { border-color:#7ac142 }
#KS_previous_title , #KS_news_title { 
    margin-bottom:10px ; 
    font-family:'NanumSquareRound',sans-serif ; font-size:1.4em ; line-height:1.2em ; font-weight:bold ; color:#111111 ; letter-spacing:-1px }
#KS_previous_tab , #KS_news_tab { margin-bottom:5px }
.KS_PT_li , .KS_NT_li { display:inline-block ; margin:3px }
.KS_PT_li > a , .KS_PLL { transition:0.3s all }
.KS_PT_li > a , .KS_NT_li > a { 
    font-size:0.9em ; line-height:1.1em ; padding:7px 20px ; padding-bottom:9px  ; border:solid 1px rgba(0,0,0,0.1) ; color:#444444 ;
    border-radius:30px ; box-sizing:border-box }
.KS_PT_li > a:hover , .KS_PT_li > a:focus  , .KS_NT_li > a:hover , .KS_NT_li > a:focus { background-color:#f7f7f7 ; color:#000000 }
.KS_PT_li > a.active , .KS_NT_li > a.now { background-color:#15a8dd ; color:#ffffff ; font-weight:400 }

.KS_PLL { border-bottom:solid 1px rgba(0,0,0,0.1) }
.KS_PLL > a , .KS_PLL > a > b , .KS_PLL > a > span { vertical-align:middle } 
.KS_PLL > a { padding:10px 5px ; padding-bottom:5px  }
.KS_PLL > a > b , .KS_PLL > a > span { display:inline-block ; font-size:1em ; line-height:1.4em ; margin-bottom:5px  }
.KS_PLL > a:focus > b , .KS_PLL > a:focus > span { color:#000000 ; text-decoration:underline }
.KS_PLL > a > b { 
    padding-right:11px ; margin-right:10px ; 
    background:url(../img/icon_point_block10.png) no-repeat right center ; background-size:1px 10px ;     
    font-weight:400 ; font-size:0.8em ; color:#222222  }
.KS_PLL:hover , .KS_PLL:focus { border-color:#15a8dd ; background-color:#f7f7f7 }
.KS_PL { display:none }
.KS_PL.active { display:block } 



/* NEWS */
#KS_news { 
    padding:60px 20px ; margin-bottom:60px ; box-sizing:border-box ; background-color:#fcfcfc ;
    border:solid 1px rgba(0,0,0,0.1) ; border-left:0px ; border-right:0px }
.KS_NT_li > a.now { background-color:#68ab33 }  
.KS_NT_close , .KS_NT_list { display:none ; overflow:hidden } 
.KS_NT_box , .KS_NT_list > li , .KS_NTB_title , .KS_NT_list.open , .KS_NT_sub { display:block ; overflow:hidden  } 
.KS_NT_box { position:relative }
.KS_NT_box:hover , .KS_NT_box.active { background-color:#ffffff ; transition:0.3s all }
.KS_NT_list > li { border-bottom:solid 1px rgba(0,0,0,0.1) ; transition:0.3s all }
.KS_NTB_title , .KS_NTb_OC , .KS_NTB_title > strong { vertical-align:middle }
.KS_NTb_OC , .KS_NTB_title > strong { display:inline-block ; overflow:hidden  }
.KS_NTB_title { padding:15px 10px ; text-align:left ; position:relative }
.KS_NTB_title > strong { padding-left:25px ; font-size:1.2em ; line-height:1.2em  ; font-weight:400 ; color:#444444 }
.KS_NTb_OC { 
    position:absolute ; left:10px ; top:17px ;
    width:20px ; height:20px  ; transition:0.3s all ; 
    font-size:0em ; text-indent:-9999px ; border-radius:3px ;  
    background:url(../img/icon_accordion.png) no-repeat left top #7ac142  }
.active > .KS_NTB_title .KS_NTb_OC { background-color:#111111 ; background-position:left bottom } 
.KS_NT_sub { height:0px ; opacity:0 ; transition:0.3s all ; padding:0px 20px } 
.active > .KS_NT_sub { border-top:solid 1px rgba(0,0,0,0.1) ; padding:20px ; opacity:1 ; height:auto  }
.KS_NT_more { 
    display:block ; overflow:hidden ; margin:auto ; padding:12px 0px ; border-radius:4px ; transition:0.3s all ;    
    width:150px ; font-size:0.8em ; line-height:1em ; color:#ffffff ; font-weight:400 ; text-align:center ;
    background-color:rgba(0,0,0,0.3) ; border:solid 1px rgba(0,0,0,0.1) ; box-sizing:border-box }
.KS_NT_more:hover { background-color:#7ac142  }
.active > .KS_NT_close , .KS_NT_close span { display:block ; overflow:hidden  }
.active > .KS_NT_close { width:20px ; height:20px ; position:relative ; margin:auto ; margin-bottom:10px ; opacity:0.1 }
.KS_NT_close span { 
    width:18px ; height:3px ; font-size:0em ; text-indent:-9999px ;   
    background-color:#000000 ; position:absolute ; 
    left:50% ; top:50% ; border-radius:10px }
 
.KS_NT_close span:nth-child(1){ transform:translate(-50%,-50%) rotate(45deg)}
.KS_NT_close span:nth-child(2){ transform:translate(-50%,-50%) rotate(-45deg)}
.KS_NT_close:hover , .KS_NT_close:focus { opacity:0.5 ; transition:0.3s opacity  }



/* PAGE */
#KIIP_page , #KIIP_page > .inner_wrap , #KIIP_page_nav , .KIIP_page_btn { display:block ; overflow:hidden } 
#KIIP_page { background-color:#15a8dd }
#KIIP_page_nav { width:245px ; margin:auto }
#KIIP_page_nav > li , .KIIP_page_btn , #KIIP_page_SS > span:last-child { width:60px ; height:60px }
#KIIP_page_nav > li { float:left ; border-right:solid 1px rgba(255,255,255,0.1) }
#KIIP_page_nav > li:first-child { border-left:solid 1px rgba(255,255,255,0.1) }
#KIIP_page_SS { display:none }
.KIIP_page_btn , #KIIP_page_SS > span:last-child { background:url(../img/icon_sub.png) no-repeat 0px 0px }
#KIIP_page_nav > li , .KIIP_page_btn { transition:0.3s all }
.KIIP_page_btn { font-size:0em ; text-indent:-9999px ; opacity:0.7 }
.KIIP_page_btn:hover { opacity:1 }
#KIIP_page_nav > li:hover {  background-color:rgba(0,0,0,0.2) ; border-color:rgba(0,0,0,0.1) }
#KIIP_page_btn2 { background-position:-60px 0px  }
#KIIP_page_btn3 { background-position:-120px 0px  }
#KIIP_page_btn4 { background-position:-180px 0px  }
#KIIP_page_SS > span:last-child { background-position:-240px 0px }



/* TAB */
#KSVT_tab { display:none }



/* BTN */ 
.KS_btn_more > span , .KS_btn_more > b , .KS_btn_more > b > span { display:inline-block   }
.KS_btn_more , .KS_btn_more > span { display:block ; overflow:hidden ; border-radius:4px  }
.KS_btn_more { margin:auto ; position:relative ; width:260px ; box-shadow:0px 1px 3px rgba(0,0,0,0.3) ; text-align:center }
.KS_btn_more , .KS_btn_more.turn:hover { background:#326e6c ; background:linear-gradient(#326e6c,#6baf4f) }
.KS_btn_more > span { 
    position:absolute ; left:50% ; top:50% ; transform:translateX(-50%) ; 
    width:96% ; height:100% ; background-color:rgba(255,255,255,0.1) }

.KS_btn_more > b , .KS_btn_more > b > span { display:inline-block } 
.KS_btn_more > b > span { 
    background:url(../img/icon_sub_people.png) no-repeat left center ; 
    text-shadow:0px 0px 3px rgba(0,0,0,0.3) ; 
    padding:18px 0px ; padding-left:37px ; font-size:1em ; line-height:1em ; color:#ffffff ; font-weight:500 }
.KS_btn_more , .KS_btn_more > span { transition:0.3s all }
.KS_btn_more:hover > span { top:101% }
.KS_btn_more:hover , .KS_btn_more.turn { background:#5336bc ; background:linear-gradient(#5336bc,#a849cf) }

.KS_btn_more.gray { background:#3f3f3f ; background:linear-gradient(#3f3f3f,#616161) }
.KS_btn_more.gray:hover { background:#333333 ; background:linear-gradient(#333333,#3f3f3f) } 


/* KIIP30 BOOK*/
.KS30_book , .KS30_book_right , .KS30_book_list , .KS30_book_list dt , .KS30_book_list dd ,
.KS30_book_list dt > b , .KS30_book_list dd > b , .KS30_book_list dd > span { display:block ; overflow:hidden  }
.KS30_book_img , .KS30_book_img > img { width:100% }
.KS30_book_img { max-width:355px ; margin:auto ; margin-bottom:30px }
.KS30_book_list { margin-bottom:20px }
.KS30_book_list dt , .KS30_book_list dd , .KS30_book_list dd > b { border-radius:4px }
.KS30_book_list dt , .KS30_book_list dd { margin-bottom:5px }
.KS30_book_list dt , .KS30_book_list dd > b , .KS30_book_list dd > span { padding:15px }
.KS30_book_list dd > b { box-sizing:border-box ; width:100% ; max-width:100px ; text-align:center   }
.KS30_book_list dt { background-color:#053d82 ; text-align:center  }
.KS30_book_list dt > b { font-size:1.4em ; line-height:1.2em ; color:#ffffff ; font-weight:400 }
.KS30_book_list dd { box-sizing:border-box ; border:solid 1px rgba(0,0,0,0.1) }
.KS30_book_list dd > b , .KS30_book_list dd > span { display:inline-block ; font-size:1em ; line-height:1.4em }
.KS30_book_list dd > b { 
    background:#47875e ; background:linear-gradient(#47875e,#7ac142) ;
    color:#ffffff ; font-weight:500 ; text-shadow:0px 0px 3px rgba(0,0,0,0.2) }



/* ACCORDION */
.KS_ACC , .KS_ACC_list , .KS_ACC_box , .KS_ACC_sub , .KS_ACC_li { display:block ; overflow:hidden  }
.KS_ACC_li { margin-bottom:10px }
.KS_ACC_li:last-child { margin-bottom:0px }
.KS_ACC_sub , .KS_ACC_close { height:0px ; opacity:0  }
.KS_ACC_box , .KS_ACC_OC { border-radius:4px }
.KS_ACC_box { border:solid 2px rgba(0,0,0,0.1) ; box-sizing:border-box } 
.KS_ACC_box , .KS_ACC_box * { transition:0.3s all }
.KS_ACC_title , .KS_ACC_title , .KS_ACC_OC , .KS_ACC_title > strong { display:block ; overflow:hidden ; text-align:left   }
.KS_ACC_title { width:100% ; box-sizing:border-box ; padding:15px 20px ; position:relative }
.KS_ACC_OC {
    position:absolute ; left:20px ; top:15px ;
    width:20px ; height:20px ; margin-right:7px ; margin-top:4px ;
    background:url(../img/icon_accordion.png) no-repeat left top ; background-color:#7ac142 }
.KS_ACC_title > strong { 
    font-size:1.2em ; line-height:1.4em ; font-weight:600 ; color:#444444 ; 
    padding-left:27px ; text-align:left ; word-break:keep-all   }
.KS_ACC_box:hover { background-color:#fafafa }
.KS_ACC_box:hover , .KS_ACC_box.open { border-color:#7ac142 }
 
 
.open .KS_ACC_OC { background-position:left bottom ; background-color:#111111 }
.KS_ACC_sub { width:96% ; margin:auto ; padding:0px 15px ; box-sizing:border-box }
.open .KS_ACC_sub { height:auto ; border-top:solid 2px #7ac142 ; opacity:1 ; padding:20px 15px }

.open .KS_ACC_close , .KS_ACC_close span { display:block ; overflow:hidden  }
.open .KS_ACC_close { width:20px ; height:20px ; position:relative ; margin:auto ; margin-bottom:10px ; opacity:0.1 }
.KS_ACC_close span { 
    width:18px ; height:3px ; font-size:0em ; text-indent:-9999px ;   
    background-color:#000000 ; position:absolute ; 
    left:50% ; top:50% ; border-radius:10px }
 
.KS_ACC_close span:nth-child(1){ transform:translate(-50%,-50%) rotate(45deg)}
.KS_ACC_close span:nth-child(2){ transform:translate(-50%,-50%) rotate(-45deg)}
.KS_ACC_close:hover , .KS_ACC_close:focus { opacity:0.5 ; transition:0.3s opacity }
 


/* SUP */
.KS_sup { font-size:0.6em ; line-height:inherit }
.KS_sup_box  , .KS_sup_box > ul , .KS_sup_box > ul > li { display:block ; overflow:hidden }
.KS_sup_box { padding-top:40px ; margin-bottom:20px  }
.KS_sup_box > ul { 
    border:solid 1px rgba(0,0,0,0.1) ; border-radius:6px ; padding:20px ; box-sizing:border-box ; 
    background-color:#f7f7f7 }
.KS_sup_box > ul > li { font-size:1em ; line-height:1.6em ; margin-bottom:10px   }
.KS_sup_box > ul > li:last-child { margin-bottom:0px } 





/* PC **********/
@media all and (min-width:1000px){
 
    /* SUB URL */
    #KS_url { height:0px }
    #KS_url , #KS_url > b { border:0px ; padding:0px ; font-size:0em ; line-height:0px }

    
    
    /* VISUAL */
    .KS_visual_title { padding:0px ;  margin-bottom:20px }
    #KS_visual , #KS_visual > .inner_wrap { padding:0px ; margin:0px }
    #KS_visual { 
        position:relative ; padding-top:90px ; margin-bottom:110px ;  width:100% ; height:620px ; border:0px ;
        background-size:cover ; 
    } 
    
    
    #KIIP11 #KS_visual { margin-bottom:80px }
    #KS_visual > .inner_wrap { position:absolute ; top:55% ; left:50% ; width:1100px ; transform:translate(-50%,-45%) }
    .KS_visual_title { color:#ffffff ; font-size:2.6em }
    .KS_visual_title > br { display:block }
    .KS_visual_p { margin-bottom:0px }

    .KS_visual_tag , .KS_visual_tag > span { box-sizing:border-box ; margin:auto } 
    .KS_visual_tag {   
        background-repeat:no-repeat ; 
        width:230px ; height:200px ; padding-top:60px ; margin:auto  }

    #KIIP60 #KS_visual .KS_visual_tag , #KIIP61 #KS_visual .KS_visual_tag ,
    #KIIP11 #KS_visual .KS_visual_tag , #KIIP12 #KS_visual .KS_visual_tag , #KIIP13 #KS_visual .KS_visual_tag { 
        background-image:url(../img/sub_visual_color1.png) ; background-position:0px 0px }
    #KIIP31 #KS_visual .KS_visual_tag , #KIIP32 #KS_visual .KS_visual_tag , #KIIP33 #KS_visual .KS_visual_tag { 
        background-image:url(../img/sub_visual_color3.png) ; background-position:0px 0px }
    #KIIP41 #KS_visual .KS_visual_tag , #KIIP42 #KS_visual .KS_visual_tag , #KIIP43 #KS_visual .KS_visual_tag { 
        background-image:url(../img/sub_visual_color4.png) ; background-position:0px 0px }
    
    #KIIP21 #KS_visual .KS_visual_tag , #KIIP22 #KS_visual .KS_visual_tag , #KIIP23 #KS_visual .KS_visual_tag , 
    #KIIP51 #KS_visual .KS_visual_tag , #KIIP52 #KS_visual .KS_visual_tag , #KIIP53 #KS_visual .KS_visual_tag { 
        background-image:url(../img/sub_visual_color2.png) ; background-position:0px 0px }
    
    
    .KS_visual_tag > span { 
        width:80px ; height:80px ; border-radius:50px ; padding:0px ; padding-top:22px ;
        font-size:13px ; line-height:18px ; color:rgba(255,255,255,0.9) ; font-weight:400 }
    .KS_visual_tag > span > br { display:block }
    .KS_visual_p { font-size:1.4em ; color:#ffffff ; font-weight:400 ; padding-top:30px }  
    
    .KS_visual_tag > span ,
    #KIIP60 .KS_visual_tag > span  , #KIIP61 .KS_visual_tag > span ,
    #KIIP11 .KS_visual_tag > span  , #KIIP12 .KS_visual_tag > span , #KIIP13 .KS_visual_tag > span ,
    #KIIP31 .KS_visual_tag > span  , #KIIP32 .KS_visual_tag > span , #KIIP33 .KS_visual_tag > span ,
    #KIIP41 .KS_visual_tag > span  , #KIIP42 .KS_visual_tag > span , #KIIP43 .KS_visual_tag > span { background-color:rgba(0,0,0,0.5) }
 
    .KS_PP_btn { 
        display:block ; overflow:hidden ; position:absolute ; top:50% ; transform:translateY(-45%) ;
        font-size:0em ; text-indent:-9999px ;  
        width:160px ; height:80px ; background:url(../img/sub_PP_icon.png) no-repeat 0px 0px ; opacity:0.4 ; transition:0.3s all }
    .KS_PP_btn:hover { opacity:0.8 }
    .KS_PP_btn.prev { left:15% }
    .KS_PP_btn.next { right:15% ; background-position:-160px 0px }
    .KS_PP_btn.prev:hover , .KS_PP_btn.prev:focus { left:13% }
    .KS_PP_btn.next:hover , .KS_PP_btn.next:focus { right:13% }
    
    
    
    /* SECTION */
    #KIIP_section , #KS_previous  { width:1100px ; padding:0px ; margin:auto ; margin-bottom:100px  } 
    
    
    
    /* PREVIOUS */
    #KS_previous , #KS_news { margin-bottom:80px }
    #KS_previous_title , #KS_previous_tab , #KS_news_title , #KS_news_tab { float:left }
    #KS_previous_title , #KS_news_title { margin-right:50px ; padding-top:7px ; padding-left:2px }
    .KS_PLL { width:49% ; float:left ; margin-right:1% }
    .KS_PLL:nth-child(2n) { margin:0px ; margin-left:1% }
    .KS_PLL > a > span { width:87% ; word-wrap:break-word ; white-space:nowrap ; overflow:hidden ; text-overflow:ellipsis }
    
    
    
    /* NEWS */
    #KS_news_head , .KS_NT_list { width:100% ; max-width:1100px ; margin:auto }
    .KS_NT_sub { padding:0px 30px }
    .active > .KS_NT_sub { padding:20px 30px }
    
    
    
    /* PAGE */
    #KIIP_page > .inner_wrap { width:1100px ; margin:auto }
    #KIIP_page_nav { float:left }
    #KIIP_page_SS { float:right ; transition:0.3s all}
    #KIIP_page_SS , #KIIP_page_SS span { display:inline-block ; overflow:hidden ; text-align:right }
    #KIIP_page_SS , #KIIP_page_SS span:first-child { font-size:1em ; line-height:60px ; color:#ffffff ; padding-left:20px  }
    #KIIP_page_SS:hover { background-color:rgba(0,0,0,0.2)  } 
 
    

    /* TAB */
    #KSVT_tab , .KSVT_tab_btn { display:block ; overflow:hidden } 
 
    #KSVT_tab { 
        width:1100px ; box-sizing:border-box ;  text-align:center ; 
        position:absolute ; top:710px ; left:50% ; transform:translate(-50%,-50%) ; 
        border:solid 1px rgba(0,0,0,0.1) ; border-bottom:0px ; 
        background:url(../img/icon_point_block10.png) repeat-x left bottom  
    }
    #KSVT_tab li , #KSVT_tab li:first-child , .KSVT_tab_btn { display:block ; overflow:hidden }
    #KSVT_tab li { width:25% ; float:left }
    .KSVT_tab_btn { 
        transition:0.3s all ; font-size:1em ; line-height:1em ; color:rgba(0,0,0,0.8) ; 
        border:0px ; border-radius:0px ; padding:25px 5px ; box-sizing:border-box ;
        background:url(../img/icon_point_block10.png) no-repeat right center #ffffff ; background-size:1px 10px
    } 
    #KSVT_tab0 , #KSVT_tab3 { background-size:0px 0px  } 
    #KSVT_tab0 { background-color:#4497a9 ; color:#ffffff ; font-weight:600  }
    #KSVT_tab1 , #KSVT_tab2 , #KSVT_tab3 { border-bottom:solid 2px rgba(0,0,0,0) ; padding-bottom:23px }
    #KSVT_tab1:hover , #KSVT_tab2:hover , #KSVT_tab3:hover ,
    #KSVT_tab1:focus , #KSVT_tab2:focus , #KSVT_tab3:focus { background-color:#ffffff ; color:#000000 ; border-color:rgba(0,0,0,0.2)  }
 
    #KIIP60 #KSVT_tab0 , #KIIP61 #KSVT_tab0 ,
    #KIIP11 #KSVT_tab0 , #KIIP12 #KSVT_tab0 , #KIIP13 #KSVT_tab0 { background-color:#5a41ac } 
    #KIIP31 #KSVT_tab0 , #KIIP32 #KSVT_tab0 , #KIIP33 #KSVT_tab0 { background-color:#47a440 }
    #KIIP41 #KSVT_tab0 , #KIIP42 #KSVT_tab0 , #KIIP43 #KSVT_tab0 { background-color:#a23c45 }
    
    #KIIP11 #KSVT_tab1 , #KIIP21 #KSVT_tab1 , #KIIP31 #KSVT_tab1 , #KIIP41 #KSVT_tab1 , #KIIP51 #KSVT_tab1 , 
    #KIIP12 #KSVT_tab2 , #KIIP22 #KSVT_tab2 , #KIIP32 #KSVT_tab2 , #KIIP42 #KSVT_tab2 , #KIIP52 #KSVT_tab3 , 
    #KIIP13 #KSVT_tab3 , #KIIP23 #KSVT_tab3 , #KIIP33 #KSVT_tab3 , #KIIP43 #KSVT_tab3 , #KIIP53 #KSVT_tab3 { background-color:#ffffff ; color:#000000 } 
    
    #KIIP11 #KSVT_tab1 , #KIIP12 #KSVT_tab2 , #KIIP13 #KSVT_tab3 { border-color:#5a41ac }
    #KIIP21 #KSVT_tab1 , #KIIP22 #KSVT_tab2 , #KIIP23 #KSVT_tab3 ,
    #KIIP51 #KSVT_tab1 , #KIIP52 #KSVT_tab2 , #KIIP53 #KSVT_tab3 { border-color:#4497a9 }
    #KIIP31 #KSVT_tab1 , #KIIP32 #KSVT_tab2 , #KIIP33 #KSVT_tab3 { border-color:#47a440 }
    #KIIP41 #KSVT_tab1 , #KIIP42 #KSVT_tab2 , #KIIP43 #KSVT_tab3 { border-color:#a23c45 }
    
    
    
    /* KIIP20 BOOK*/
    .KS30_book_img   { float:left ; margin:0px }
    .KS30_book_right { width:700px ; float:right }
    .KS30_book_list dt { padding:20px 10px }
    .KS30_book_list dd > b , .KS30_book_list dd > span { padding:15px 10px } 
    .KS30_book_list dd > b { padding-left:30px ; padding-right:30px }
    .KS30_book_list dd > span { padding-left:30px } 
    .KS30_book_list dd { position:relative }
    .KS30_book_list dd , .KS30_book_list dd > b { vertical-align:middle }
    .KS30_book_list dd > b { 
        position:absolute ; left:0px ; top:0px ; text-align:center ;
        max-width:110px ; height:100% ; box-sizing:border-box ; padding:0px ; padding-top:15px }
    .KS30_book_list dd > span { padding-left:130px ; padding-right:20px ; text-align:justify }
    
    
    
    /* SUP */  
    .KS_sup_box > ul { padding:20px 30px }
    .KS_sup_box > ul > li { font-size:1em ; line-height:1.6em ; margin-bottom:10px   }
    .KS_sup_box > ul > li:last-child { margin-bottom:0px } 
    
    
}