@charset "utf-8";

/* TRANSITION */
#Kiip_GTN , .Kiip_AL_ctns { transition: all 0.2s ease-in }



/* HEADER */
#Kiip_header , #Kiip_header_wrap {display:block ; top:0px ; left:0px}
#Kiip_header {position:fixed ; width:100% ; z-index:95}
#Kiip_header_wrap { position:relative }

#Kiip_header:after ,
#Kiip_header_wrap:after { content:"" ; display:block ; clear:both }

#Kiip_nav_OC , #Kiip_logo { position:absolute ; top:0px ; left:0px ; display:block ; overflow:hidden }
#Kiip_nav_OC { z-index:56 }
#Kiip_logo { z-index:55 ; width:100% ; border-bottom:solid 1px #e5e5e5 ; background-color:#ffffff }
#Kiip_nav_OC , #Kiip_logo , #Kiip_nav_open , #Kiip_nav_close , #Kiip_nav_open > a , #Kiip_nav_close > a ,
#Kiip_logo , #Kiip_logo_link , #Kiip_logo_webzine , #Kiip_logo_kiip , #Kiip_logo_webzine > a , #Kiip_logo_kiip > a  {height:50px } 
#Kiip_nav_OC , #Kiip_nav_open , #Kiip_nav_close , #Kiip_nav_open > a , #Kiip_nav_close > a {display:block ; overflow:hidden ; width:50px}
 
#Kiip_nav_open > a , #Kiip_nav_close > a { background-image:url(../img/nav_icon.png) ; background-repeat:no-repeat ; text-indent:-9999px}
#Kiip_nav_open > a  { background-position:0px 0px }
#Kiip_nav_close > a { background-position:-50px 0px }
#Kiip_nav_close { display:none }

#Kiip_logo_title , .Kiip_sound_h2 {display:block ; overflow:hidden ; width:0px ; height:0px ; text-indent:-999px ; line-height:0px}

#Kiip_logo_webzine { 
    margin-left:55px ; 
    display:block ; overflow:hidden ; width:280px ; text-indent:-9999px ; 
	background-image:url(../img/KIIP_logo.png) ; background-repeat:no-repeat ; background-position:0px 0px }  



/* GTN */
#Kiip_GTN , #Kiip_theme , #Kiip_nav , #Kiip_theme_title ,
#Kiip_nav_list , .Kiip_nav_li , .Kiip_nav00 , .Kiip_sub , .Kiip_sub_li , .Kiip_sub_li > a ,
#Kiip_sns , #Kiip_sns li , #Kiip_sns a  {display:block ; overflow:hidden}
 
#Kiip_theme , #Kiip_theme_date , #Kiip_theme_title , 
#Kiip_SV_h4 , #Kiip_SV_h4 b , #Kiip_SV_h4 span {font-family:'나눔스퀘어','Nanum Square' ,'나눔고딕', 'Nanum Gothic' , 'Malgun Gothic' , '맑은 고딕' , sans-serif}
 
#Kiip_GTN { position:fixed ; top:-1000px ; left:0px ; width:100% ; max-height:90% ; overflow:auto ; border:solid 1px #cccccc ; background-color:#ffffff}
#Kiip_theme_date {display:none} 
#Kiip_theme  {border-bottom:solid 1px #e5e5e5}
#Kiip_theme_title {font-size:22px ; line-height:30px ; padding:10px ; padding-top:60px ; text-align:center ; color:#000000 ; letter-spacing:-1px  }
 
.Kiip_nav_li { padding-bottom:15px} 
.Kiip_nav00  { font-size:18px ; line-height:24px ; padding:8px ; text-align:center ; margin-bottom:5px ; font-weight:600 ; color:#ffffff ; background-color:#012d6b}

#Kiip_10 #Kiip_nav10 , #Kiip_11 #Kiip_nav10 , #Kiip_12 #Kiip_nav10 , #Kiip_13 #Kiip_nav10 ,
#Kiip_20 #Kiip_nav20 , #Kiip_21 #Kiip_nav20 , #Kiip_22 #Kiip_nav20 , #Kiip_23 #Kiip_nav20 ,
#Kiip_30 #Kiip_nav30 , #Kiip_31 #Kiip_nav30 , #Kiip_32 #Kiip_nav30 , #Kiip_33 #Kiip_nav30 ,
#Kiip_40 #Kiip_nav40 , #Kiip_41 #Kiip_nav40 , #Kiip_42 #Kiip_nav40 , #Kiip_43 #Kiip_nav40 ,
#Kiip_50 #Kiip_nav50 , #Kiip_51 #Kiip_nav50 , #Kiip_52 #Kiip_nav50 , #Kiip_53 #Kiip_nav50 ,
.Kiip_nav_li:hover .Kiip_nav00 { background:url(../img/nav_bg.gif) repeat-x left top #5a9e4f }

.Kiip_sub {padding:0px 15px ; text-align:center}
.Kiip_sub_li { display:inline-block ; width:120px ; margin:3px 5px ; margin-top:0px }
.Kiip_sub_li > a { font-size:14px ; line-height:20px ; padding:5px 0px ; text-align:center ; border-bottom:solid 1px #e5e5e5}
.Kiip_nav_li:hover { background-color:#f7f7f7}

#Kiip_11 #Kiip_nav11 > a , #Kiip_12 #Kiip_nav12 > a , #Kiip_13 #Kiip_nav13 > a , 
#Kiip_21 #Kiip_nav21 > a , #Kiip_22 #Kiip_nav22 > a , #Kiip_23 #Kiip_nav23 > a , 
#Kiip_31 #Kiip_nav31 > a , #Kiip_32 #Kiip_nav32 > a , #Kiip_33 #Kiip_nav33 > a ,
#Kiip_41 #Kiip_nav41 > a , #Kiip_42 #Kiip_nav42 > a , #Kiip_43 #Kiip_nav43 > a ,
#Kiip_51 #Kiip_nav51 > a , #Kiip_52 #Kiip_nav52 > a , #Kiip_53 #Kiip_nav53 > a ,
.Kiip_sub_li > a:hover { color:#000000 ; border-color:#b2b2b2 }

#Kiip_sns { text-align:center ; border-top:solid 1px #d7d7d7 ; border-color:#e5e5e5}
#Kiip_sns li , #Kiip_sns a {width:50px ; height:50px}
#Kiip_sns li { display:inline-block }
#Kiip_sns a { text-indent:-9999px ; background-image:url(../img/nav_icon.png) ; background-repeat:no-repeat}
#Kiip_sns1 a { background-position:-240px 0px }
#Kiip_sns2 a { background-position:-290px 0px }
#Kiip_sns3 a { background-position:-340px 0px }
#Kiip_sns4 a { background-position:-390px 0px }
#Kiip_sns5 a { background-position:-440px 0px }



/* MAIN VISUAL */
#Kiip_main_visual { display:none }



/* MAIN ARTICLE */
#Kiip_ARTICLE , #Kiip_sub_ctns { display:block ; overflow:hidden }
#Kiip_ARTICLE { padding:0px 15px ; padding-top:30px ; margin:auto ; margin-bottom:70px }



/* FOOTER */
#Kiip_footer , #Kiip_footer_wrap , #Kiip_footer_list , #Kiip_footer_list li , #Kiip_footer_list a , #Kiip_footer_txt , #Kiip_footer_txt > p { display:block ; overflow:hidden }
#Kiip_footer { background-color:#313131 ; padding:30px 15px }
#Kiip_footer_list { margin-bottom:25px }
#Kiip_footer_list , #Kiip_footer_list a , #Kiip_footer_txt > p { text-align:center }
#Kiip_footer_list li { display:inline-block ; margin:0px }
#Kiip_footer_list a { font-size:11px ; line-height:20px ; color:#ffffff ; padding:4px 14px ; border:solid 1px #505050 }
#Kiip_footer_list a:hover { background-color:#000000 ; border-color:#000000}
#Kiip_footer_txt > p , #Kiip_footer_txt > p > a {font-size:12px ; line-height:18px ; color:#d6d6d6 ; word-break:keep-all}
#Kiip_footer_txt > p { margin-bottom:7px }
#Kiip_footer_txt > p > a:hover { text-decoration:underline }
#Kiip_footer_txt > p:last-child { margin-bottom:0px }
#Kiip_footer_txt #Kiip_footer_guide {display:none}
 


/* ASIDE */ 
#Kiip_aside , #Kiip_aside_li5 , #Kiip_aside_li5 > a {width:40px ; height:40px ; display:block ; overflow:hidden }
#Kiip_aside { position:fixed ; bottom:5px ; right:5px ; background:url(../img/b_50.png) }
#Kiip_aside_li5 > a { text-indent:-9999px ; background:url(../img/sub_quick.png) no-repeat left bottom } 
#Kiip_aside_li1 , #Kiip_aside_li2 , #Kiip_aside_li3 , #Kiip_aside_li4 { display:none }
 


/* HISTORY */ 
#Kiip_history , #Kiip_history_warp ,
#Kiip_history_box  ,
#Kiip_history_head , #Kiip_history_h6 , #Kiip_history_tab ,
.Kiip_HT_li > a  { display:block ; overflow:hidden }
#Kiip_history { display:none }

#Kiip_history , #Kiip_history_warp { width:100% ; height:100% }
#Kiip_history      { position:fixed ; z-index:99 ; background:url(../img/b_50.png) ; top:0px ; left:0px}
#Kiip_history_warp { position:relative ; overflow:auto}
#Kiip_history_box , #Kiip_history_box_wrap { width:94% ; height:94% }
#Kiip_history_box  { margin:3% ; height:90% ; overflow:auto ; background-color:#ffffff }
#Kiip_history_box_wrap {padding:3% ; padding-bottom:0px } 

#Kiip_history_head { border-top:solid 1px #d7d7d7 ; border-bottom:solid 2px #0b95d3 ; padding:7px 5px }
#Kiip_history_h6 {
	margin-bottom:5px ;
	font-family:'나눔스퀘어','Nanum Square' ,'나눔고딕', 'Nanum Gothic' , 'Malgun Gothic' , '맑은 고딕' , sans-serif ;
	font-size:20px ; line-height:30px ; color:#000000 ; font-weight:600 ; letter-spacing:-1px  } 	 

.Kiip_HT_li { display:inline-block ; margin-bottom:5px }
.Kiip_HT_li > a { font-size:16px ; line-height:24px ; padding:2px 10px ; border:solid 1px #d7d7d7 ; border-radius:5px } 


.Kiip_history_list , .Kiip_HL_li > a , .Kiip_HL_date , .Kiip_HL_img_txt , .Kiip_HL_li  { display:block ; overflow:hidden }
.Kiip_HL_date , .Kiip_HL_img_txt , .Kiip_HL_img_txt > span { font-size:16px ; line-height:24px ; font-weight:normal } 
.Kiip_history_list { text-align:center ; margin-bottom:15px }  
.Kiip_HL_li > a { padding:9px 0px ; border-bottom:solid 1px #d7d7d7 ; text-align:left ; position:relative }
.Kiip_HL_li > a:hover { background-color:#f7f7f7 }
.Kiip_HL_date { 
    position:absolute ; left:0px ; top:8px ;
    border:solid 1px #e5e5e5 ; background-color:#f7f7f7 ;
	font-size:12px ; border-radius:5px ; width:93px ; text-align:center ; margin-right:5px}
.Kiip_HL_img_txt { margin-left:100px ; margin-right:5px ; word-break:keep-all } 

#Kiip_HT_li_2019 > a  { background-color:#0b95d3 ; color:#ffffff } 
.Kiip_HL_li > a:hover .Kiip_HL_date ,
.Kiip_HT_li > a:hover { background-color:#f7f7f7 ; color:#444444 } 

#Kiip_history_list_2018 , #Kiip_history_list_2017 , #Kiip_history_list_2016 , #Kiip_history_list_2015 , #Kiip_history_list_2014 { display:none }  

#Kiip_HL_btn_close {
	margin:auto ; margin-bottom:10px ;
	width:30px ; height:30px ; display:block ; overflow:hidden ; text-indent:-9999px ; background:url(../img/history_bg.jpg) no-repeat 0px -80px}



/* COUNT */ 
#kiip_count {display:block ; overflow:hidden } 
#kiip_count  , #kiip_count > iframe { width:0px ; height:0px  ; line-height:0px} 
 
/* PC ********************************************************************/
@media all and (min-width:1000px){

/* TRANSITON */
#Kiip_GTN {
    transition:none   } 
 
/* 
.Kiip_sub , #Kiip_theme {
    transition: all 0.2s ease-in ;
	-webkit-transition: all 0.2s ease-in ;
	-moz-transition: all 0.2s ease-in ;
	-ms-transition: all 0.2s ease-in ;
	-o-transition: all 0.2s ease-in }
*/
 

/* HEADER */
#Kiip_header { height:60px ; overflow:hidden ; background-color:#ffffff }
#Kiip_header , #Kiip_GTN { background-image:url(../img/gtn_bg.gif) ; background-repeat:repeat-x ; background-position:0px 60px }
#Kiip_header:hover {height:220px ; border-bottom:solid 1px #d7d7d7}
#Kiip_header_wrap { width:1100px ; margin-left:-550px ; left:50%}
#Kiip_nav_OC { width:0px ; padding-left:40px ; height:40px ; margin-top:10px ; background:url(../img/nav_icon.png) no-repeat -5px -5px}
#Kiip_nav_open , #Kiip_nav_close  {display:none}
#Kiip_nav_OC , #Kiip_logo , #Kiip_GTN { position:static ; float:left } 
#Kiip_logo {width:280px ; margin:0px ; padding:5px ; border:0px }
#Kiip_logo_webzine { margin:0px}



/* GTN */
#Kiip_GTN , #Kiip_nav , #Kiip_sns  { border:0px ; float:left ; margin:0px }
#Kiip_GTN { width:770px } 
#Kiip_nav , #Kiip_nav_list  { width:645px } 
#Kiip_sns { width:125px } 
 
.Kiip_nav_li {margin:0px ; display:block ; float:left}
.Kiip_nav_li:hover { background:none }
#Kiip_nav_li1 { margin-left:20px }
.Kiip_nav00 { background:none ;  font-size:16px ; font-weight:400  ; line-height:20px ; padding:20px 20px ; color:#000000 ;  text-align:center}
.Kiip_sub { padding:0px ;  margin-bottom:15px }
.Kiip_sub_li {display:block ; margin:0px ; margin-bottom:5px ; width:100%}
.Kiip_sub_li > a  { border-color:#ffffff ; letter-spacing:-0.5px ; font-size:13px } 

#Kiip_10 #Kiip_nav10 , #Kiip_11 #Kiip_nav10 , #Kiip_12 #Kiip_nav10 , #Kiip_13 #Kiip_nav10 ,
#Kiip_20 #Kiip_nav20 , #Kiip_21 #Kiip_nav20 , #Kiip_22 #Kiip_nav20 , #Kiip_23 #Kiip_nav20 ,
#Kiip_30 #Kiip_nav30 , #Kiip_31 #Kiip_nav30 , #Kiip_32 #Kiip_nav30 , #Kiip_33 #Kiip_nav30 ,
#Kiip_40 #Kiip_nav40 , #Kiip_41 #Kiip_nav40 , #Kiip_42 #Kiip_nav40 , #Kiip_43 #Kiip_nav40 ,
#Kiip_50 #Kiip_nav50 , #Kiip_51 #Kiip_nav50 , #Kiip_52 #Kiip_nav50 , #Kiip_53 #Kiip_nav50 ,
.Kiip_nav_li:hover .Kiip_nav00 { background:none ;  color:#4a7e21 ; border-bottom:solid 2px #7ac142 ; padding-bottom:18px }
.Kiip_sub_li > a:hover  { border-color:#d7d7d7 }

#Kiip_sns {  border:0px ; padding-top:15px }
#Kiip_sns li , #Kiip_sns a {width:25px ; height:30px}
#Kiip_sns li { display:block ; float:left }
#Kiip_sns1 a { background-position:-101px -10px }
#Kiip_sns2 a { background-position:-126px -10px }
#Kiip_sns3 a { background-position:-151px -10px }
#Kiip_sns4 a { background-position:-176px -10px }
#Kiip_sns5 a { background-position:-201px -10px }

#Kiip_theme , #Kiip_theme_date , #Kiip_theme_title { display:block ; overflow:hidden ; border:0px ; padding:0px ; margin:0px ; text-align:left ; letter-spacing:-1px } 
#Kiip_theme  {  width:330px ; position:fixed ; top:75px ; left:50% ; margin-left:-550px }
#Kiip_theme_date { font-size:20px ; line-height:24px ; padding:5px 0px ; color:#999999 ; font-weight:normal }
#Kiip_theme_title { color:#151515 ; font-size:30px ; line-height:36px }

#Kiip_theme { height:0px }
#Kiip_header:hover #Kiip_theme { height:120px }



/* MAIN ARTICLE */
#Kiip_ARTICLE { width:1100px ; padding:0px ; margin:auto }
#Kiip_wrap .Kiip_sub_ARTICLE { margin-bottom:70px }



/* FOOTER */
#Kiip_footer { padding:30px 0px }
#Kiip_footer_wrap { width:1100px ; height:100px ; margin:auto ; position:relative }
#Kiip_footer_list , #Kiip_footer_txt { position:absolute ; top:0px}
#Kiip_footer_txt { left:0px ; padding-left:175px ; background:url(../img/footer_logo.png) no-repeat left top }
#Kiip_footer_txt > p { text-align:left }

#Kiip_footer_list { right:0px ; width:280px }
#Kiip_footer_list li { float:left ; display:block }
#Kiip_footer_list a {padding:4px 0px}
#Kiip_footer_li1 { width:120px }
#Kiip_footer_li2 , #Kiip_footer_li3 { width:80px }
#Kiip_footer_li1 a , #Kiip_footer_li2 a { border-right:0px }
#Kiip_footer_txt #Kiip_footer_guide {display:block}



/* HISTORY */
#Kiip_history , #Kiip_history_warp { padding:0px ; margin:0px ; display:block ; overflow:hidden ; background:none } 
#Kiip_history { width:100% ; height:100% ; background:url(../img/b_50.png) }
#Kiip_history_warp { width:1100px ; height:auto ; margin:auto ; padding-top:30px } 
#Kiip_history_box , #Kiip_history_box_wrap {display:block ; overflow:hidden ; padding:0px ; margin:0px ; margin:auto ; width:auto ; height:auto}
#Kiip_history_box_wrap {width:100% ; padding:30px 0px}
#Kiip_history { display:none }

#Kiip_history_head , #Kiip_history_h6 , #Kiip_history_tab , .Kiip_HT_li { display:block ; overflow:hidden ; padding:0px }
#Kiip_history_h6  { margin:0px ; margin-left:5px ; float:left ; font-size:22px ; line-height:50px ; width:210px }
#Kiip_history_tab { width:600px ; float:right }
#Kiip_history_tab , .Kiip_HT_li { padding:0px ; margin:0px }
.Kiip_HT_li { border:0px ; width:100px ; float:left }
.Kiip_HT_li > a { border:0px ; border-radius:0px ; text-align:center ; line-height:50px ; font-weight:600 ; background:url(../img/list_bar.png) no-repeat left center }

#Kiip_history_head , .Kiip_history_list , .Kiip_HL_li ,
.Kiip_HL_date , .Kiip_HL_img_txt { display:block ; overflow:hidden }
#Kiip_history_head , .Kiip_history_list { width:980px ; margin:auto }
#Kiip_history_head { margin-bottom:15px }
.Kiip_HL_li {width:230px ; float:left ; margin-right:20px ; margin-bottom:10px ; border:0px}
.Kiip_HL_li09 , .Kiip_HL_li05 , .Kiip_HL_li01 { margin-right:0px }
.Kiip_HL_date , .Kiip_HL_img_txt {padding:0px ; margin:0px ; width:100%}
.Kiip_HL_date { 
    position:static ; 
    background-image:url(../img/history_bg.jpg) ; background-repeat:no-repeat ; background-position:0px 0px ; 
	border:0px ; border-radius:0px  }
.Kiip_HL_date , .Kiip_HL_li > a:hover .Kiip_HL_date {font-size:14px ; line-height:30px ; font-weight:600 ; text-align:center ; color:#ffffff }
.Kiip_HL_li > a { padding:0px ; position:static ; border:0px }
.Kiip_HL_li > a:hover .Kiip_HL_img_txt { text-decoration:underline }

#Kiip_history_list_2019 .Kiip_HL_date ,
#Kiip_history_list_2017 .Kiip_HL_date ,
#Kiip_history_list_2015 .Kiip_HL_date { background-position:0px -40px }

.Kiip_HL_img_txt , .Kiip_HL_img_txt > span { display:block ; overflow:hidden }
.Kiip_HL_img_txt { padding-top:110px ; background-repeat:no-repeat ; background-position:0px 0px } 
.Kiip_HL_img_txt > span { text-align:center ; font-size:14px ; line-height:22px ; height:30px  ; padding:3px ; background-color:#ffffff ; word-break:keep-all}

#Kiip_history_list_2020 .Kiip_HL_img_txt  { background-image:url(https://www.kiip.re.kr/webzine/history/kiip_history_2020.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_2018 .Kiip_HL_img_txt  { background-image:url(https://www.kiip.re.kr/webzine/history/kiip_history_2018.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_2016 .Kiip_HL_img_txt  { background-image:url(https://www.kiip.re.kr/webzine/history/kiip_history_2016.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_2014 .Kiip_HL_img_txt  { background-image:url(https://www.kiip.re.kr/webzine/history/kiip_history_2014.jpg) }
#Kiip_HL_btn_close { margin-bottom:0px } 
 
#Kiip_history_list_2014 .Kiip_HL_img_txt > span {height:52px}

.Kiip_HL_li12 .Kiip_HL_img_txt { background-position:0px 0px }
.Kiip_HL_li11 .Kiip_HL_img_txt { background-position:-240px 0px }
.Kiip_HL_li10 .Kiip_HL_img_txt { background-position:-480px 0px }
.Kiip_HL_li09 .Kiip_HL_img_txt { background-position:-720px 0px }
.Kiip_HL_li08 .Kiip_HL_img_txt { background-position:0px -120px }
.Kiip_HL_li07 .Kiip_HL_img_txt { background-position:-240px -120px }
.Kiip_HL_li06 .Kiip_HL_img_txt { background-position:-480px -120px }
.Kiip_HL_li05 .Kiip_HL_img_txt { background-position:-720px -120px }
.Kiip_HL_li04 .Kiip_HL_img_txt { background-position:0px -240px }
.Kiip_HL_li03 .Kiip_HL_img_txt { background-position:-240px -240px }
.Kiip_HL_li02 .Kiip_HL_img_txt { background-position:-480px -240px }
.Kiip_HL_li01 .Kiip_HL_img_txt { background-position:-720px -240px }

 


}





/* PRINT *****************************************************************/
@media print {

#Kiip_aside , #Kiip_footer_list , #Kiip_GTN , body #kiip_view_past ,
body #Kiip_ACC_tab {display:none}

#Kiip_header { position:static }

body .Kiip_AL_ctns { height:auto }

#Kiip_ACC_2019 , #Kiip_ACC_2018 , #Kiip_ACC_2017 , #Kiip_ACC_2016 , #Kiip_ACC_2015 , #Kiip_ACC_2014 { display:block } 
	
}