@charset "utf-8";

#KIIP_gtn { transition: all 0.2s ease-in }

 


/* HEADER */
#KIIP_header , #KIIP_header_top { width:100% ; display:block } 
#KIIP_header { position:fixed ; left:0px ; top:0px ; z-index:90 }
#KIIP_header_top { height:50px ; overflow:hidden ; position:relative ; background-color:#ffffff }
.KIIP_top_nav { display:none }
#KIIP_logo , #KIIP_logo > a { width:230px ; height:50px ; display:block ; overflow:hidden }
#KIIP_logo { margin-left:55px }
#KIIP_logo > a { text-indent:-9999px ; font-size:0em ; background-position:-100px 0px }

#KIIP_logo > a , #KIIP_nav_open , #KIIP_nav_close {background-image:url(../img/MB_menu_oc.gif) ; background-repeat:no-repeat }

#KIIP_nav_open , #KIIP_nav_close { 
    width:40px ; height:40px ; display:block ; overflow:hidden ; text-indent:-9999px ; font-size:0px ;
	position:fixed ; left:5px ; top:5px ; border-radius:3px }
#KIIP_nav_open  { background-position:-5px -5px }
#KIIP_nav_close { background-position:-55px -5px ; display:none } 



/* NAVIGATION */
#KIIP_gtn { 
    display:none ; overflow:auto ; 
	position:fixed ; top:50px ; left:0px ; z-index:80 ;
	width:100% ; height:95% ;
	border-bottom:solid 1px #d7d7d7 }
#KIIP_gtn:focus { display:block }	
#KIIP_gtn_wrap { display:block ; overflow:hidden ; background:#ffffff }
.KIIP_gtn_sub , .KIIP_gtn_sub > li > a {display:block ; overflow:auto }
#KIIP_gtn_h2 { 
    display:block ; overflow:hidden ; padding:5px 0px ;
	text-align:center ; font-size:1.2em ; line-height:1.6em ; font-family: 'NanumSquare','Nanum Gothic',sans-serif ; font-weight:bold ; color:#ffffff ;
	background-color:#f26522 }
.KIIP_h_h3 ,	
.KIIP_sound { font-size:0px ; line-height:0px ; height:0px ; text-indent:-9999px ; overflow:hidden }
#KIIP_gtn_ul > li , #KIIP_gtn_ul > li > a { display:block ; overflow:hidden }
#KIIP_gtn_ul > li:hover { background-color:#f7f7f7 }
#KIIP_gtn_ul > li > a { 
    padding:7px 0px ; background-color:#252525 ;
     color:#ffffff ; font-size:1.2em ; line-height:1.6em ; text-align:center ; font-weight:bold }
#KIIP_11 #KIIP_gtn_ul > li#KIIP_gtn_li10 > a ,  
#KIIP_21 #KIIP_gtn_ul > li#KIIP_gtn_li20 > a , #KIIP_22 #KIIP_gtn_ul > li#KIIP_gtn_li20 > a , #KIIP_23 #KIIP_gtn_ul > li#KIIP_gtn_li20 > a , 
#KIIP_31 #KIIP_gtn_ul > li#KIIP_gtn_li30 > a , #KIIP_32 #KIIP_gtn_ul > li#KIIP_gtn_li30 > a , #KIIP_33 #KIIP_gtn_ul > li#KIIP_gtn_li30 > a ,
#KIIP_41 #KIIP_gtn_ul > li#KIIP_gtn_li40 > a , #KIIP_42 #KIIP_gtn_ul > li#KIIP_gtn_li40 > a , #KIIP_43 #KIIP_gtn_ul > li#KIIP_gtn_li40 > a ,
#KIIP_51 #KIIP_gtn_ul > li#KIIP_gtn_li50 > a , #KIIP_52 #KIIP_gtn_ul > li#KIIP_gtn_li50 > a , #KIIP_53 #KIIP_gtn_ul > li#KIIP_gtn_li50 > a ,
#KIIP_gtn_ul > li:hover > a , #KIIP_gtn_ul > li:focus > a , #KIIP_gtn_ul > li > a:focus { background-color:#1e54b1 }

.KIIP_gtn_sub { padding:20px ; text-align:center }
.KIIP_gtn_sub { padding-top:10px }
.KIIP_gtn_sub > li { display:inline-block ; width:150px }
.KIIP_gtn_sub > li > a  { 
    margin:2px ; margin-bottom:7px ; margin-top:0px ; padding:7px 0px ;
    font-size:1em ; line-height:1.2em ; text-align:center ; 
	border-bottom:solid 1px #d7d7d7 }

#KIIP_11 .KIIP_gtn_sub > li#KIIP_gtn_li11 > a ,
#KIIP_21 .KIIP_gtn_sub > li#KIIP_gtn_li21 > a , #KIIP_22 .KIIP_gtn_sub > li#KIIP_gtn_li22 > a , #KIIP_23 .KIIP_gtn_sub > li#KIIP_gtn_li23 > a ,
#KIIP_31 .KIIP_gtn_sub > li#KIIP_gtn_li31 > a , #KIIP_32 .KIIP_gtn_sub > li#KIIP_gtn_li32 > a , #KIIP_33 .KIIP_gtn_sub > li#KIIP_gtn_li33 > a ,
#KIIP_41 .KIIP_gtn_sub > li#KIIP_gtn_li41 > a , #KIIP_42 .KIIP_gtn_sub > li#KIIP_gtn_li42 > a , #KIIP_43 .KIIP_gtn_sub > li#KIIP_gtn_li43 > a ,
#KIIP_51 .KIIP_gtn_sub > li#KIIP_gtn_li51 > a , #KIIP_52 .KIIP_gtn_sub > li#KIIP_gtn_li52 > a , #KIIP_53 .KIIP_gtn_sub > li#KIIP_gtn_li53 > a ,
.KIIP_gtn_sub > li > a:hover , .KIIP_gtn_sub > li > a:focus { color:#000000 ; border-color:#444444 } 

#KIIP_gtn .KIIP_top_nav { display:block ; text-align:center ; padding:20px } 
.KIIP_top_nav li { display:inline-block ; margin:2px ; margin-bottom:10px }
.KIIP_top_nav a { 
    display:block ; overflow:hidden ; font-size:0.8em ; line-height:1.2em ; text-align:center ;
	border:solid 1px #d7d7d7 ; padding:5px 12px }
.KIIP_top_nav a:hover , .KIIP_top_nav a:focus { color:#000000 ; border-color:#444444 ; background-color:#f7f7f7}	
#KIIP_gtn_Mover { display:none }



/* FOOTER */
#KIIP_footer , #KIIP_footer_nav  , #KIIP_footer_nav_ul , #KIIP_footer_nav_ul a { display:block ; overflow:hidden ; text-align:center }
#KIIP_footer { background-color:#666666 }
#KIIP_footer_nav { background-color:#012d6b ; padding:10px 15px }
#KIIP_footer_nav_ul li { display:inline-block ; margin:5px }
#KIIP_footer_nav_ul a  { 
    display:block ; padding:3px 15px ; 
	border:solid 1px #ffffff ; border-color:#345789 ;
	font-size:0.8em ; line-height:1.4em ; color:#ffffff  }
#KIIP_footer_nav_ul a:hover , #KIIP_footer_nav_ul a:focus { background-color:#ffffff ; color:#012d6b }

#KIIP_footer_txt , #KIIP_footer_txt > p , #KIIP_footer_txt > address { display:block ; overflow:hidden }
#KIIP_footer_txt { padding:30px 20px }
#KIIP_footer_txt > p , #KIIP_footer_txt > address { 
    text-align:center ; font-style:normal ;
	font-size:0.8em ; line-height:1.6em ; color:#ffffff ; color:#e0e0e0 ; word-break:keep-all ;  }
#KIIP_footer_txt > address  { margin-bottom:10px }



/* ASIDE */
#KIIP_aside { display:none }



/* HISTORY */
#Kiip_history ,
#Kiip_history_list_2014 , #Kiip_history_list_2015 , #Kiip_history_list_2016 , #Kiip_history_list_2017 , #Kiip_history_list_2018 , #Kiip_history_list_2020 { display:none }  
#Kiip_history { 
    overflow:auto ; 
    position:fixed ; top:0px ; left:0px ; width:100% ; height:100% ; z-index:98 ;  
	background:url(../img/b_50.png) }
#Kiip_history_box {  display:block ; overflow:hidden ; width:90% ; margin:auto ; margin-top:20px ; max-width:1100px ; background-color:#ffffff }
#Kiip_history_box_wrap { padding:20px }

#Kiip_history_head , #Kiip_history_h6 , #Kiip_history_tab ,
#Kiip_history_tab a  { display:block ; overflow:hidden }
#Kiip_history_h6 { 
    font-family: 'NanumSquare','Nanum Gothic',sans-serif ; font-weight:bold ; text-align:center ; font-size:1.4em ; line-height:1.8em ; color:#000000 ;
	word-break:break-all ; margin-bottom:10px }

#Kiip_history_tab { border-left:0px ; border-right:0px ; text-align:center ; margin-bottom:15px }
#Kiip_history_tab li { display:inline-block ; margin:2px }
#Kiip_history_tab a { font-size:1em ; line-height:1.2em ; border:solid 1px #d7d7d7 ; padding:5px 10px ; background-color:#f7f7f7 ; border-radius:3px ; letter-spacing:-1px  }
#Kiip_history_tab a:hover , #Kiip_history_tab a:focus { background-color:#eeeeee ; color:#000000 }
#Kiip_history_tab li.Kiip_HT_li_now a { background-color:#0b95d3 ; border-color:#0b95d3 ; color:#ffffff ; font-weight:bold }

.Kiip_history_list { width:100% ; border-top:solid 2px #0b95d3 ; margin-bottom:15px }
.Kiip_HL_li , .Kiip_HL_li a { display:block ; overflow:hidden } 
.Kiip_HL_li { border-bottom:solid 1px #d7d7d7 ; padding:7px 5px } 
.Kiip_HL_li:hover { border-color:#444444 } 
.Kiip_HL_date { 
    display:inline-block ; padding:3px 5px ; margin-top:2px ; margin-right:2px ; border-radius:3px ; 
    font-size:0.8em ; line-height:1em ; background-color:#f7f7f7 ; border:solid 1px #999999 }
.Kiip_HL_li:hover .Kiip_HL_date , .Kiip_HL_li a:focus .Kiip_HL_date {background-color:#0b95d3 ; border-color:#0b95d3 ; color:#ffffff} 
.Kiip_HL_img_txt span { font-size:1em ; line-height:1.6em ; font-weight:normal }
.Kiip_HL_li a:hover .Kiip_HL_img_txt span , .Kiip_HL_li a:focus .Kiip_HL_img_txt span { text-decoration:underline ; color:#000000 }
 
#Kiip_HL_btn_close { 
    display:block ; overflow:hidden ; width:70px ; margin:auto ; margin-bottom:15px ; padding:7px 0px ; border-radius:3px ;
	background-color:#0b95d3 ;
	color:#ffffff ; font-size:0.8em ; line-height:1em ; text-align:center }
#Kiip_HL_btn_close:hover , #Kiip_HL_btn_close:focus { background-color:#000000 ; color:#ffffff } 
#Kiip_HL_btn_goTab { display:block ; overflow:hidden ; border:0px ; width:0px ; height:0px ; font-size:0px ; line-height:0px ; text-indent:-9999px}

#Kiip_HL_btn_goTab:focus {
	width:110px ; height:auto ; background-color:#000000 ; padding:7px 0px ; margin:auto ; margin-bottom:20px ; 
	border-radius:6px ;    
	font-size:0.9em ; line-height:1.4em ; text-align:center ; color:#ffffff ; text-indent:0px
	}



/* VISUAL NAV */
#KIIP_visual_nav { display:none }



/* FOCUS */
.KS_focus_link {display:block ; overflow:hidden ; height:0px ; line-height:0px ; font-size:0px ; text-indent:-9999px}
.KS_focus_link:focus { 
    height:auto ; background-color:#000000 ; padding:7px 0px ; 
	color:#ffffff ; font-size:1em ; font-weight:bold ; line-height:1.6em ; text-align:center ; text-indent:0px  }
.KS_focus_link:hover { text-decoration:underline ; background-color:#1e54b1 }




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

.KIIP_top_nav a , #KIIP_aside a  { transition: all 0.2s ease-in } 
 
 
 
/* HEADER */
#KIIP_header , #KIIP_header_top { border:0px }
#KIIP_header { background-color:#ffffff }
#KIIP_header_top { width:1100px  ; margin:auto ; background-color:#ffffff}
#KIIP_logo { margin:auto }

#KIIP_nav_open_MB , #KIIP_nav_close_MB { width:0px ; height:0px ; background:none }
#KIIP_header .KIIP_top_nav .KIIP_top_nav1 > a , #KIIP_header .KIIP_top_nav .KIIP_top_nav2 > a , #KIIP_header .KIIP_top_nav .KIIP_top_nav3 > a ,
#KIIP_logo , #KIIP_nav_open , #KIIP_nav_close { background-image:url(../img/KIIP_icons.png) } 
#KIIP_nav_open , #KIIP_nav_close { width:50px ; height:50px ; position:fixed ; left:50% ; top:0px ; margin-left:-550px }
#KIIP_nav_open  { background-position:0px 0px ; display:block}
#KIIP_nav_close { background-position:0px -50px ; display:none  } 

#KIIP_header .KIIP_top_nav { display:block ; overflow:hidden ; width:150px ; position:fixed ; left:50% ; top:0px ; margin-left:400px }
#KIIP_header .KIIP_top_nav li , #KIIP_header .KIIP_top_nav a { width:50px ; height:49px ; display:block ; overflow:hidden ; border:0px} 
#KIIP_header .KIIP_top_nav li { float:left ; margin:0px }
#KIIP_header .KIIP_top_nav a  { text-indent:-9999px  ; font-size:0px }
#KIIP_header .KIIP_top_nav .KIIP_top_nav1 > a { background-position:-50px 0px }
#KIIP_header .KIIP_top_nav .KIIP_top_nav2 > a { background-position:-100px 0px }
#KIIP_header .KIIP_top_nav .KIIP_top_nav3 > a { background-position:-150px 0px }
#KIIP_gtn .KIIP_top_nav  { display:none }

#KIIP_header .KIIP_top_nav .KIIP_top_nav1 > a:hover { background-position:-50px -50px ; background-color:#ffffff }
#KIIP_header .KIIP_top_nav .KIIP_top_nav2 > a:hover { background-position:-100px -50px ; background-color:#ffffff  }
#KIIP_header .KIIP_top_nav .KIIP_top_nav3 > a:hover { background-position:-150px -50px ; background-color:#ffffff  }



/* NAVIGATION */ 
#KIIP_gtn { 
    width:100% ; height:100% ; overflow:hidden ;  
	background:url(../img/b_50.png) }
#KIIP_gtn_h2 { display:none }	
#KIIP_gtn_wrap { padding:0px ; padding-bottom:40px ; background:url(../img/PC_menu_line.gif) repeat-x 0px 40px #ffffff }
#KIIP_gtn_ul  {width:1100px ; margin:auto}
#KIIP_gtn_ul > li { display:block ; overflow:hidden ; float:left ; width:20% ; margin:0px }
#KIIP_gtn_ul > li > a { background:none ; color:#1e54b1 ; font-size:0.8em ; line-height:1.2em ; padding:13px 0px }

#KIIP_11 #KIIP_gtn_ul > li#KIIP_gtn_li10 > a ,  
#KIIP_21 #KIIP_gtn_ul > li#KIIP_gtn_li20 > a , #KIIP_22 #KIIP_gtn_ul > li#KIIP_gtn_li20 > a , #KIIP_23 #KIIP_gtn_ul > li#KIIP_gtn_li20 > a , 
#KIIP_31 #KIIP_gtn_ul > li#KIIP_gtn_li30 > a , #KIIP_32 #KIIP_gtn_ul > li#KIIP_gtn_li30 > a , #KIIP_33 #KIIP_gtn_ul > li#KIIP_gtn_li30 > a ,
#KIIP_41 #KIIP_gtn_ul > li#KIIP_gtn_li40 > a , #KIIP_42 #KIIP_gtn_ul > li#KIIP_gtn_li40 > a , #KIIP_43 #KIIP_gtn_ul > li#KIIP_gtn_li40 > a ,
#KIIP_51 #KIIP_gtn_ul > li#KIIP_gtn_li50 > a , #KIIP_52 #KIIP_gtn_ul > li#KIIP_gtn_li50 > a , #KIIP_53 #KIIP_gtn_ul > li#KIIP_gtn_li50 > a ,
#KIIP_gtn_ul > li:hover > a , #KIIP_gtn_ul > li > a:focus { color:#ffffff }
.KIIP_gtn_sub , .KIIP_gtn_sub > li , .KIIP_gtn_sub > li > a { display:block ; overflow:hidden ; width:100% ; padding:0px ; margin:0px }
.KIIP_gtn_sub { padding-top:0px } 
.KIIP_gtn_sub > li > a { font-size:0.8em ; line-height:1.2em ; padding:9px 0px ; border-color:#ffffff }
#KIIP_gtn_Mover { display:block ; overflow:hidden ; background:none ; text-indent:-999px ; font-size:0px ; width:100% ; height:100% } 
	
	

/* FOOTER */	
#KIIP_footer_nav { padding:10px 0px }
#KIIP_footer_nav_ul li { margin:0px ; padding:0px 15px ; background:url(../img/footer_bar.png) no-repeat right center }
#KIIP_footer_nav_ul li:last-child { background:none }
#KIIP_footer_nav_ul a { padding:0px ; border:0px ; font-size:0.7em }
#KIIP_footer_nav_ul a:hover , #KIIP_footer_nav_ul a:focus { background:none ; text-decoration:underline ; color:#ffffff }
#KIIP_footer_txt { padding:20px 0px ; padding-bottom:30px }
#KIIP_footer_txt > address  { margin-bottom:5px }



/* ASIDE */
#KIIP_aside { 
    display:block ; overflow:hidden ; width:50px ; 
	position:fixed ; top:50% ; right:0px ; z-index:80 }
#KIIP_aside ul { background-color:#ffffff }
#KIIP_aside a { 
    display:block ; overflow:hidden ; 
	height:50px ; text-indent:-9999px ; font-size:0px ;  
	background-image:url(../img/PC_aside.png) ; background-repeat:no-repeat } 
#KIIP_aside_li1 > a { background-position:0px 0px }
#KIIP_aside_li2 > a { background-position:0px -50px }
#KIIP_aside_li3 > a { background-position:0px -100px }
#KIIP_aside_li4 > a { background-position:0px -150px }
#KIIP_aside_li5 > a { background-position:0px -200px }
#KIIP_aside_li1 > a:hover { background-position:-50px 0px }
#KIIP_aside_li2 > a:hover { background-position:-50px -50px }
#KIIP_aside_li3 > a:hover { background-position:-50px -100px }
#KIIP_aside_li4 > a:hover { background-position:-50px -150px }
#KIIP_aside_li5 > a:hover { background-position:-50px -200px }



/* HISTORY */ 
#Kiip_history_box_wrap { padding:40px }

#Kiip_history_head { height:50px ; position:relative ; border-top:solid 1px #d7d7d7 }
#Kiip_history_h6 { text-align:left ; position:absolute ; left:3px ; top:5px ; width:200px }
#Kiip_history_tab { position:absolute ; right:0px ; top:0px ; width:700px}
#Kiip_history_tab li { margin:0px ; float:left ; width:100px ; background:url(../img/PC_history_bar.gif) no-repeat right center }
#Kiip_history_tab li:last-child { background:none }
#Kiip_history_tab a { border:0px ; padding:0px ; border-radius:0px ; padding-top:15px ; height:35px ; background:none }

.Kiip_history_list { padding:15px 0px ; text-align:center }
.Kiip_HL_li   { display:inline-block ; width:230px ; border:0px ; margin:3px }
.Kiip_HL_li a { border-radius:3px }
.Kiip_HL_date { 
    display:block ; overflow:hidden ; background:none ; border:0px ; margin:0px ; padding:0px ; padding:6px 0px ;
	background-color:#444444 ; border-radius:0px ;
	color:#ffffff ; font-size:0.7em }
	
.Kiip_HL_img_txt { background-repeat:no-repeat ; display:block ; overflow:hidden ; padding-top:110px }	
.Kiip_HL_img_txt span { 
    display:block ; overflow:hidden ; text-align:center ; font-size:0.9em ; line-height:1.4em ; 
	background-color:#eeeeee ; padding:7px 10% }
#Kiip_history_list_2014 .Kiip_HL_img_txt { background-image:url(https://www.kiip.re.kr/webzine/history/kiip_history_2014.jpg) }
#Kiip_history_list_2015 .Kiip_HL_img_txt { background-image:url(https://www.kiip.re.kr/webzine/history/kiip_history_2015.jpg) }
#Kiip_history_list_2016 .Kiip_HL_img_txt { background-image:url(https://www.kiip.re.kr/webzine/history/kiip_history_2016.jpg) }
#Kiip_history_list_2017 .Kiip_HL_img_txt { background-image:url(https://www.kiip.re.kr/webzine/history/kiip_history_2017.jpg) }
#Kiip_history_list_2018 .Kiip_HL_img_txt { background-image:url(https://www.kiip.re.kr/webzine/history/kiip_history_2018.jpg) }
#Kiip_history_list_2019 .Kiip_HL_img_txt { background-image:url(https://www.kiip.re.kr/webzine/history/kiip_history_2019.jpg) }
#Kiip_history_list_2020 .Kiip_HL_img_txt { background-image:url(https://www.kiip.re.kr/webzine/history/kiip_history_2020.jpg) }
.Kiip_HL_li01 .Kiip_HL_img_txt { background-position:-720px -240px }
.Kiip_HL_li02 .Kiip_HL_img_txt { background-position:-480px -240px }
.Kiip_HL_li03 .Kiip_HL_img_txt { background-position:-240px -240px }
.Kiip_HL_li04 .Kiip_HL_img_txt { background-position:-0px -240px }
.Kiip_HL_li05 .Kiip_HL_img_txt { background-position:-720px -120px }
.Kiip_HL_li06 .Kiip_HL_img_txt { background-position:-480px -120px }
.Kiip_HL_li07 .Kiip_HL_img_txt { background-position:-240px -120px }
.Kiip_HL_li08 .Kiip_HL_img_txt { background-position:-0px -120px }
.Kiip_HL_li09 .Kiip_HL_img_txt { background-position:-720px 0px }
.Kiip_HL_li10 .Kiip_HL_img_txt { background-position:-480px 0px }
.Kiip_HL_li11 .Kiip_HL_img_txt { background-position:-240px 0px }
.Kiip_HL_li12 .Kiip_HL_img_txt { background-position:-0px 0px }
	
	
	
/* VISUAL NAV */
#KIIP_visual_nav { 
    display:block ; width:1100px ; margin-left:-550px ;
	position:absolute ; top:50px ; left:50% ; z-index:85 ;
	background:url(../img/gtn_bg.png) repeat-x left bottom }
#KIIP_visual_nav li { display:block ; overflow:hidden ; text-align:center }	
#KIIP_visual_nav li { width:20% ; float:left }
#KIIP_visual_nav a  { display:inline-block ; color:#d7d7d7 ; font-size:0.8em ; line-height:1.2em ; padding:13px 0px }

#KIIP_11 #KIIP_visual_nav1 > a , #KIIP_12 #KIIP_visual_nav1 > a , #KIIP_13 #KIIP_visual_nav1 > a ,
#KIIP_21 #KIIP_visual_nav2 > a , #KIIP_22 #KIIP_visual_nav2 > a , #KIIP_23 #KIIP_visual_nav2 > a ,
#KIIP_31 #KIIP_visual_nav3 > a , #KIIP_32 #KIIP_visual_nav3 > a , #KIIP_33 #KIIP_visual_nav3 > a ,
#KIIP_41 #KIIP_visual_nav4 > a , #KIIP_42 #KIIP_visual_nav4 > a , #KIIP_43 #KIIP_visual_nav4 > a ,
#KIIP_51 #KIIP_visual_nav5 > a , #KIIP_52 #KIIP_visual_nav5 > a , #KIIP_53 #KIIP_visual_nav5 > a { color:#ffffff }
	 
}