@charset "utf-8";

/* VISUAL NAV+MAIN */
#KIIP_visual { display:none }



/* KIIP SECTION */
#KIIP_section , .KIIP_ctns_PTS { display:block ; overflow:hidden }
#KIIP_ctns_PTS2 { background-color:#f7f7f7 ; padding:40px 0px }
.KIIP_ctns { display:inline-block ; margin:0px 5px }
#KIIP_section { text-align:center ; padding-top:70px }  
#KIIP_ctn1 , #KIIP_ctn2 , #KIIP_ctn3 , #KIIP_ctn4 {
	width:300px ; margin-bottom:30px ; 
	border:solid 1px #d7d7d7 }	
#KIIP_ctn1:hover , #KIIP_ctn2:hover , #KIIP_ctn3:hover , #KIIP_ctn4:hover { border-color:#f04512 }	
.KIIP_ctns > a { display:block ; overflow:hidden ; width:100% }
.KIIP_ctns > a:focus { background-color:#f7f7f7 }
.KIIP_ctns:hover p , .KIIP_ctns:hover strong , 
.KIIP_ctns:hover #Kiip_ctn1_p , #KIIP_ctn4:hover a { text-decoration:underline }

#KIIP_ctn1 , #KIIP_ctn2 , #KIIP_ctn3 { min-height:280px }
#KIIP_ctn1 > a , #KIIP_ctn2 > a , #KIIP_ctn3 > a { 
    padding-top:180px ; height:100px ;
	background-image:url(../img/main_focus_MB.jpg) ; background-repeat:no-repeat }	
#KIIP_ctn1 > a { background-position:0px 0px }
#KIIP_ctn2 > a { background-position:-310px 0px }
#KIIP_ctn3 > a { background-position:-620px 0px }

.Kiip_ctn_tag , .KIIP_ctns:hover .Kiip_ctn_tag { 
    width:80px ; margin:auto ; margin-bottom:15px ; padding:4px 0px ;  
    font-size:0.7em ; line-height:1em ; text-align:center ; font-weight:bold ; color:#ffffff ; 
	background-color:#f04512 } 
#Kiip_ctn1_theme , #Kiip_ctn1_p	{ display:block ; overflow:hidden }
#Kiip_ctn1_theme { margin-bottom:8px ; font-family: 'NanumSquare','Nanum Gothic',sans-serif ; font-size:1.1em ; line-height:1em ; text-align:center ; color:#222222 }	
#Kiip_ctn1_p { font-size:0.8em ; line-height:1.1em ; text-align:center ; padding:0px 10px ; word-break:keep-all  }
.Kiip_ctns_p { padding:0px 15px ; font-size:1.1em ; line-height:1.4em ; text-align:center ; word-break:keep-all}
#KIIP_ctn2 .Kiip_ctns_p ,
#KIIP_ctn3 .Kiip_ctns_p { font-size:0.9em ; line-height:1.4em ; letter-spacing:-0.5px }

#KIIP_ctn4 , #KIIP_ctn4 .flexslider , #KIIP_ctn4 .slides , #KIIP_ctn4 .Kiip_ctn_lib { width:198px ; height:280px }
.Kiip_ctn_lib { padding:0px ; position:relative }
.Kiip_ctn_lib > a {
	display:block ; overflow:hidden ; word-break:break-all  ;
	width:100% ; padding-top:213px ; height:67px ; 
	background-image:url(../img/main_library.jpg) ; background-repeat:no-repeat }
.Kiip_ctn_lib > a span { display:block ; overflow:hidden ; width:90% ; margin:auto ; font-size:0.9em ; line-height:1.2em ; text-align:center }	
#Kiip_ctn_lib1 > a { background-position:0px 0px }
#Kiip_ctn_lib2 > a { background-position:-210px 0px }
#Kiip_ctn_lib3 > a { background-position:-420px 0px }
#KIIP_ctn4 .Kiip_ctn_tag { position:absolute ; left:50% ; top:180px ; z-index:50 ; margin-left:-40px }
#KIIP_ctn4 .flex-control-nav { top:260px }
#KIIP_ctn4 .flex-direction-nav .flex-prev , #KIIP_ctn4 .flex-direction-nav .flex-next { display:none }
#KIIP_ctn4 .flex-control-paging li a , #KIIP_ctn4 .flex-control-paging li a.flex-active { 
    width:10px ; height:10px ; box-shadow:none ;
    background:none ; background-color:#ffffff ; 
    border:solid 1px #cfcfcf }	 
#KIIP_ctn4 .flex-control-paging li a.flex-active , #KIIP_ctn4 .flex-control-paging li a:hover { background-color:#dddddd }

.KIIP_ctn_list { width:300px ; margin:0px 5px ; margin-bottom:30px ; display:inline-block ; overflow:hidden ; position:relative } 
.Kiip_ctn_list_tag { 
    border-bottom:solid 1px #f04512 ; 
	font-size:1.1em ; line-height:1.4em ; text-align:left ; font-family: 'NanumSquare','Nanum Gothic',sans-serif ; color:#222222 ; font-weight:600 }
.KIIP_ctn_ul , .KIIP_ctn_ul li , .KIIP_ctn_ul a { display:block ; overflow:hidden }
.KIIP_ctn_ul a { 
    background-image:url(../img/PC_list_icon.gif) ;
    background-repeat:no-repeat ;
	background-position:-11px 11px ; 
    padding:5px 0px ; padding-left:10px ;
	word-wrap:break-word ; white-space:nowrap ; text-overflow:ellipsis ; 
    font-size:0.9em ; line-height:1.6em ; text-align:left ; 
	border-bottom:solid 1px #d7d7d7}
.KIIP_ctn_ul a:hover , .KIIP_ctn_ul a:focus { color:#000000 ; border-color:#444444 } 	 
.KIIP_ctn_ul a:focus { background-color:#ffffff }	
.Kiip_ctn_list_more { 
    display:block ; overflow:hidden ; width:11px ; height:11px ; 
	text-indent:-9999px ; font-size:0px ;
	background:url(../img/PC_list_icon.gif) no-repeat 0px 0px ;
	position:absolute ; top:6px ; right:3px }

#KIIP_ctn5 .KIIP_ctn_ul a { white-space:normal }	
#KIIP_ctn5 .KIIP_ctn_ul span { display:none }	

#KIIP_ctn6 { width:260px }
#KIIP_ctn6 .Kiip_ctn_list_tag { margin-bottom:5px }
#KIIP_ctn6_img { 
    display:block ; padding-top:110px ; min-height:35px ; border:solid 1px #d7d7d7 ;
	background:url(../img/main_focus_MB.jpg) no-repeat right top }
#KIIP_ctn6_img b { 
    display:block ; overflow:hidden ; padding:5px 10px ; word-break:keep-all ;  
	text-align:center ; font-size:0.9em ; line-height:1.4em ; font-weight:normal ; color:#444444 ; letter-spacing:-0.5px  }
#KIIP_ctn6_img:hover , #KIIP_ctn6_img:focus { border-color:#f04512 ; color:#000000 ; text-decoration:underline }
#KIIP_ctn8 { margin-bottom:0px }
#KIIP_ctn7 .KIIP_ctn_ul a ,
#KIIP_ctn8 .KIIP_ctn_ul a {word-wrap:normal ; white-space:normal ; text-overflow:ellipsis ; word-break:keep-all  }
 


/* PC ********************************************************************/
@media all and (min-width:1000px){
	.Kiip_MV_box { transition: all 0.2s ease-in } 	
 
	/* MAIN VISUAL */
	#KIIP_visual { display:block ; width:100% ; padding-top:50px ; margin-bottom:50px }
	#KIIP_visual_wrap , .Kiip_MV , .Kiip_MV_wrap { display:block ; width:1100px ; height:400px }
	#KIIP_visual_wrap { margin:auto }
	
	.Kiip_MV { background-position:0px 0px ; background-repeat:no-repeat ; text-align:center }
	.Kiip_MV_wrap { padding-top:100px ; height:300px }
	#Kiip_MV01 { background-image:url(../img/main_visual_1.jpg) }
	#Kiip_MV02 { background-image:url(../img/main_visual_2.jpg) }
	#Kiip_MV03 { background-image:url(../img/main_visual_3.jpg) }
	#Kiip_MV04 { background-image:url(../img/main_visual_4.jpg) }
	#Kiip_MV05 { background-image:url(../img/main_visual_5.jpg) }
	
	#Kiip_MV_s1_h4 , #Kiip_MV_s1_p , #Kiip_MV_s1_a {color:#ffffff ; text-align:center}
	#Kiip_MV_s1_h4 {
		padding-top:50px ; padding-bottom:15px ; margin-bottom:20px ;
		font-family: 'NanumSquare','Nanum Gothic',sans-serif ; font-size:2.2em ; line-height:1em ;
		background:url(../img/PC_MV_bar.gif) no-repeat center bottom	
		}
	#Kiip_MV_s1_p { font-size:1.2em ; line-height:1.6em ; margin-bottom:30px }	
	#Kiip_MV_s1_a { 
		display:inline-block ; padding:10px 30px ;
		font-family: 'NanumSquare','Nanum Gothic',sans-serif ; font-size:1.1em ; line-height:1em ; font-weight:bold ; 
		border:solid 1px #af320f }
	#Kiip_MV_s1_a:hover { background:url(../img/b_50.png) ; border-color:#f04512 }
	
	.Kiip_MV_box { 
		display:block ; overflow:hidden ; width:300px ; min-height:190px ; float:left ; margin-right:30px ; padding-top:30px ;
		background:url(../img/b_50.png)  ;
		text-align:center }
	.Kiip_MV_box:hover { background:url(../img/b_80.png) }	
	.Kiip_MV_box:first-child { margin-left:70px }
	.Kiip_MV_box_tag , .Kiip_MV_box_p , .Kiip_MV_box_a , 
	.Kiip_MV_box_list a , .Kiip_MV_box_imglink { color:#ededed ; display:block ; overflow:hidden  }
	.Kiip_MV_box_tag { 
		width:90px ; margin:auto ; margin-bottom:15px ; padding:3px 0px ;  
		font-size:0.7em ; line-height:1em ; text-align:center ; font-weight:bold ;
		border:solid 1px #f04512 }
	#Kiip_MV05 .Kiip_MV_box_tag	{ margin-bottom:10px } 
	.Kiip_MV_box_a { 
		color:#ededed ;
		width:65px ; margin:auto ; font-size:0.7em ; line-height:1em ; text-align:left ; 
		background:url(../img/PC_MV_more.png) no-repeat 56px 50% }	
	.Kiip_MV_box_a:hover {color:#ffffff ; border-bottom:solid 1px #ffffff}
		
	#Kiip_MV02 .Kiip_MV_box_p { 
		padding:5px 30px ; margin-bottom:20px ;
		font-size:1.1em ; line-height:1.6em ; font-family: 'NanumSquare','Nanum Gothic',sans-serif ;
		word-break:keep-all }	
	
	
	.Kiip_MV_box_book_wrap  { 
		padding-left:130px ; padding-right:20px ; padding-top:15px  ; width:150px ; min-height:190px ; 
		background-image:url(../img/KIIP_books.png) ; background-repeat:no-repeat  }	
	#Kiip_MV_box31 , #Kiip_MV_box32 , #Kiip_MV_box41 , #Kiip_MV_box42 , #Kiip_MV_box43 {
		padding:0px  ; width:300px ;
		background:url(../img/b_50.png) ; padding:15px 0px }
	#Kiip_MV_box31:hover , #Kiip_MV_box32:hover , #Kiip_MV_box41:hover  , #Kiip_MV_box42:hover  , #Kiip_MV_box43:hover  { background:url(../img/b_80.png) }	
		
	.Kiip_MV_box_book .Kiip_MV_box_tag , .Kiip_MV_box_book .Kiip_MV_box_a { margin:0px }
	.Kiip_MV_box_book .Kiip_MV_box_tag { margin-bottom:15px }
	.Kiip_MV_box_book .Kiip_MV_box_p { 
		margin-bottom:15px ;
		font-size:1em ; line-height:1.4em ; font-family: 'NanumSquare','Nanum Gothic',sans-serif ; text-align:left ; 
		word-break:keep-all}
	#Kiip_MV_box31 .Kiip_MV_box_book_wrap { background-position:0px -15px }	
	#Kiip_MV_box32 .Kiip_MV_box_book_wrap { background-position:0px -215px }	
	#Kiip_MV_box41 .Kiip_MV_box_book_wrap { background-position:0px -415px }	
	#Kiip_MV_box42 .Kiip_MV_box_book_wrap { background-position:0px -615px }
	#Kiip_MV_box43 .Kiip_MV_box_book_wrap { background-position:0px -815px }	
	
	#Kiip_MV_box33 {padding-bottom:15px}
	#Kiip_MV_box33 span {
		display:block ; overflow:hidden ;
		font-size:0.8em ; line-height:1.4em ; color:#ededed ; padding:10px 0px } 
	#Kiip_MV_box53 .Kiip_MV_box_list a br {display:none}
	
	
	.Kiip_MV_box_list , .Kiip_MV_box_list li {display:block ; overflow:hidden} 
	.Kiip_MV_box_list { padding:0px 15px ; margin-bottom:10px }
	.Kiip_MV_box_list a {
		background:url(../img/PC_MV_more.png) no-repeat -9px 10px ;
		padding: 4px 0px ; padding-left:10px ; 
		word-wrap:break-word ; white-space:nowrap ; text-overflow:ellipsis ;
		font-size:0.9em ; line-height:1.4em ; text-align:left ; 
		border-bottom:solid 1px #9a9a9a }	
	.Kiip_MV_box_list a:hover { border-color:#ffffff ; color:#ffffff } 
	#Kiip_MV_box33 .Kiip_MV_box_list a ,
	#Kiip_MV_box51 .Kiip_MV_box_list a ,
	#Kiip_MV_box52 .Kiip_MV_box_list a ,
	#Kiip_MV_box53 .Kiip_MV_box_list a  { white-space:normal ; word-break:keep-all ; letter-spacing:-0.5px }
	#Kiip_MV_box52 .Kiip_MV_box_list a {letter-spacing:-1px }
	 
	.Kiip_MV_box_imglink { font-size:0.9em ; line-height:1.4em ; word-break:keep-all ; padding:0px 20px }
	.Kiip_MV_box_imglink:hover { color:#ffffff ; text-decoration:underline }
	
	#KIIP_visual .flex-prev , #KIIP_visual .flex-next { background-image:url(../img/PC_MV_arrow.png) ; background-repeat:no-repeat }
	#KIIP_visual .flex-prev { background-position:0px 0px }
	#KIIP_visual .flex-next { background-position:-40px 0px } 
	#KIIP_visual .flexslider:hover .flex-direction-nav .flex-prev { left:0px ; background-position:0px -40px }
	#KIIP_visual .flexslider:hover .flex-direction-nav .flex-next { right:0px ; background-position:-40px -40px } 
	#KIIP_visual .flex-control-nav { top:410px }
	#KIIP_visual .flex-control-paging li a , #KIIP_visual .flex-control-paging li a.flex-active { 
		width:10px ; height:10px ; box-shadow:none ;
		 background:none ; background-color:#ffffff ; 
		 border:solid 1px #b2b2b2}	 
	#KIIP_visual .flex-control-paging li a.flex-active , #KIIP_visual .flex-control-paging li a:hover { background-color:#cccccc }
	#KIIP_visual .flex-control-paging li a.flex-active { width:30px }
	
	#KIIP_visual .flex-prev , #KIIP_visual .flex-next { text-indent:-9999px ; font-size:0px }
	
	 
	
	/* KIIP SECTION */
	#KIIP_section { margin:0px ; padding:0px ; margin-bottom:50px } 
	.KIIP_ctns_PTS { width:1100px ; margin:auto ; margin-bottom:30px }
	.KIIP_ctns { display:block ; float:left }
	#KIIP_ctn1 , #KIIP_ctn2 , #KIIP_ctn3 , #KIIP_ctn4 { margin:0px }
	#KIIP_ctn1 , #KIIP_ctn2 , #KIIP_ctn3 { margin-right:10px }
	#KIIP_ctn1 > a , #KIIP_ctn2 > a , #KIIP_ctn3 > a { background-image:url(../img/main_focus.jpg) ; position:relative }
	#KIIP_ctn1 { width:388px }
	#KIIP_ctn2 , #KIIP_ctn3 { width:238px }
	#KIIP_ctn1 > a { background-position:-1px 0px }
	#KIIP_ctn2 > a { background-position:-401px 0px }
	#KIIP_ctn3 > a { background-position:-651px 0px }
	.Kiip_ctn_tag { background:none ; border:solid 1px #f04512 ; color:#444444 ; padding:4px 0px  }
	#KIIP_ctn1 > a , #KIIP_ctn2 > a , #KIIP_ctn3 > a { padding-top:190px ; min-height:100px ; height:auto }
	#KIIP_ctn1 .Kiip_ctn_tag , #KIIP_ctn2 .Kiip_ctn_tag , #KIIP_ctn3 .Kiip_ctn_tag { margin-bottom:10px }
	
	#KIIP_ctn4 .Kiip_ctn_tag { top:190px }
	.Kiip_ctn_lib > a { display:block ; overflow:hidden ; width:100% ; padding-top:218px ; height:62px }
	
	#KIIP_ctns_PTS2 { padding:0px ; background:none ; position:relative }
	.KIIP_ctn_list {display:block ; float:left ; margin:0px }
	#KIIP_ctn5 { width:460px }
	#KIIP_ctn6 { margin:0px 50px }
	#KIIP_ctn7 , #KIIP_ctn8 { width:280px }
	#KIIP_ctn8 { position:absolute ; right:0px ; bottom:0px }
	.KIIP_ctn_ul a { padding-top:10px ; padding-bottom:9px ; background-position:-11px 13px }
	
	#KIIP_ctn5 .KIIP_ctn_ul a { font-size:1em ; line-height:1.2em ; word-break:keep-all ; font-weight:bold }
	#KIIP_ctn5 .KIIP_ctn_ul span { font-size:0.8em ; line-height:1.2em ; font-weight:normal }
	#KIIP_ctn5 .KIIP_ctn_ul span:first-child { padding-top:10px }
	#KIIP_ctn5 .KIIP_ctn_ul span:last-child { letter-spacing:-1px }
	
	#KIIP_ctn5 .KIIP_ctn_ul span { display:block ;  letter-spacing:-0.5px }
	
	#KIIP_ctn5 a:hover ,
	#KIIP_ctn5 a:hover.KIIP_ctn_ul span  { text-decoration:underline }

   #KIIP_ctn6_img {  padding-top:136px ; background:url(../img/main_focus.jpg) no-repeat right top }
	
	#KIIP_ctn7 .Kiip_ctn_list_tag , #KIIP_ctn8 .Kiip_ctn_list_tag { margin-bottom:5px }
	#KIIP_ctn7 li , #KIIP_ctn8 li { display:none }  
	#KIIP_ctn7 li:first-child , #KIIP_ctn8 li:first-child  { display:block } 
	#KIIP_ctn7 li , #KIIP_ctn8 li { padding:0px }
	#KIIP_ctn7 li > a , #KIIP_ctn8 li > a { 
		min-height:70px ;
		padding:0px ; padding-top:4px ; border:0px ; background:none ;
		background-image:url(../img/main_news.jpg) ; background-repeat:no-repeat ;
		padding-left:100px ; padding-right:5px  ;
		font-size:0.9em ; line-height:1.4em }
	#KIIP_ctn7 li > a { background-position:0px 0px ;  word-break:keep-all  }
	#KIIP_ctn8 li > a { background-position:0px -80px ;   word-break:break-all ; letter-spacing:-1px  }	
	#KIIP_ctn7 li > a:hover , #KIIP_ctn8 li > a:hover ,
	#KIIP_ctn7 li > a:focus , #KIIP_ctn8 li > a:focus { text-decoration:underline } 
	
	#KIIP_ctn4 , #KIIP_ctn4 .flexslider , #KIIP_ctn4 .slides , #KIIP_ctn4 .Kiip_ctn_lib { height:290px }
	#KIIP_ctn4 .flex-control-nav { top:270px }
	
	
	
	/* SCROLL NEWS IMAGE */	
	#Kiip_MV_box51_img , #Kiip_MV_box52_img , #Kiip_MV_box53_img	 { 
		display:block ; overflow:hidden ;
		width:270px ; height:70px ; margin:auto ;
		font-size:0px ; text-indent:-9999px ;
		background-image:url(../img/main_scroll_news.jpg) ; background-repeat:no-repeat  }
	#Kiip_MV_box51_img { background-position:0px 0px }
	#Kiip_MV_box52_img { background-position:0px -80px }
	#Kiip_MV_box53_img { background-position:0px -160px } 
	

	/* 2020.7 적용 */
	#KIIP_ctn7 .KIIP_ctn_ul li > a { padding-top:0px ; margin-bottom:5px  }
	 


}