@charset "utf-8";
 
/* MAIN ARTICLE */
#Kiip_ARTICLE , .Kiip_ctns { display:block ; overflow:hidden ; text-align:center }
.Kiip_ctns    { display:inline-block }
#Kiip_ARTICLE { padding-top:70px ; margin-bottom:30px }


 
/* CTNS BOX */ 
.mbr {display:none}
.Kiip_Cbox , .Kiip_Cbox_link , .Kiip_Cbox , .Kiip_Cbox_tag , .Kiip_Cbox_title , .Kiip_Cbox_txt , .Kiip_Cbox_more , .Kiip_Cbox_link ,
.Kiip_Cbox_list , .Kiip_Cbox_list li , .Kiip_Cbox_list a ,
.Kiip_Cbox_title > span {display:block ; overflow:hidden ; font-weight:normal ; color:#ffffff }
.Kiip_Cbox_list a , .Kiip_Cbox_title { display:inline-block }
.Kiip_Cbox , .Kiip_Cbox_tag  { display:inline-block }
.Kiip_Cbox , .Kiip_Cbox_link { width:320px ; height:160px}
.Kiip_Cbox {margin-bottom:10px ; text-align:left }
.Kiip_Cbox_tag { font-size:10px ; line-height:20px ; padding:0px 15px ; background-color:#6c2d88 ; margin-bottom:15px } 
.Kiip_Cbox_link { background-image:url(../img/MB_main.jpg) ; background-repeat:no-repeat ; background-color:#eeeeee }
 
 
#Kiip_Cbox1 .Kiip_Cbox_tag { background-color:#ef3d36 }
.Kiip_Cbox_title , .Kiip_Cbox_txt , .Kiip_Cbox_more , .Kiip_Cbox_list { margin:0px 15px ; word-break:keep-all }

#Kiip_Cbox1 .Kiip_Cbox_title { font-family:'나눔스퀘어','Nanum Square' ,'나눔고딕', 'Nanum Gothic' , 'Malgun Gothic' , '맑은 고딕' , sans-serif ; font-weight:600 }
.Kiip_Cbox_title , .Kiip_Cbox_title > span ,
.Kiip_Cbox_list a  { font-size:18px ; line-height:26px ; font-weight:normal }
.Kiip_Cbox_title , .Kiip_Cbox_txt , .Kiip_Cbox_list {margin-bottom:10px}
.Kiip_Cbox_title > span { font-size:18px ; line-height:24px ; font-weight:600 }

#Kiip_Cbox3 .Kiip_Cbox_title > span ,
#Kiip_Cbox3 .Kiip_Cbox_title > b { display:block }
#Kiip_Cbox3 .Kiip_Cbox_title > span { font-size:17px ; line-height:20px ; font-weight:normal ; margin-bottom:3px }
#Kiip_Cbox3 .Kiip_Cbox_title > b {font-size:20px ; line-height:26px ; color:#ffffff ; font-weight:600}

#Kiip_Cbox1 .Kiip_Cbox_title { font-size:28px ; line-height:34px ; letter-spacing:-1px }
.Kiip_Cbox_txt  { font-size:12px ; line-height:20px ; color:#eeeeee }
.Kiip_Cbox_more { font-size:10px ; line-height:18px ; width:78px ; height:18px ; border:solid 1px #aeaeae ; text-align:center}

.Kiip_Cbox_list li { margin-bottom:5px }
.Kiip_Cbox_list li:last-child { margin-bottom:0px }
.Kiip_Cbox_list a {font-size:16px ; line-height:24px ; background:url(../img/main_box_point.png) no-repeat 0px 10px ; padding-left:8px}
 
#Kiip_Cbox1 > .Kiip_Cbox_link { background-position:0px 0px }
#Kiip_Cbox2 > .Kiip_Cbox_link { background-position:0px -170px }
#Kiip_Cbox3 > .Kiip_Cbox_link { background-position:0px -340px }
#Kiip_Cbox4 > .Kiip_Cbox_link { background-position:0px -510px }
#Kiip_Cbox5 > .Kiip_Cbox_link { background-position:0px -680px }
#Kiip_Cbox6 > .Kiip_Cbox_link { background-position:0px -850px }
#Kiip_Cbox7 > .Kiip_Cbox_link { background-position:0px -1020px }
#Kiip_Cbox8 > .Kiip_Cbox_link { background-position:0px -1190px }

#Kiip_Cbox3 .Kiip_Cbox_title { display:block }
#Kiip_Cbox8 .Kiip_Cbox_list a { word-break:keep-all }

.Kiip_Cbox_link:hover .Kiip_Cbox_title , .Kiip_Cbox_list a:hover ,
.Kiip_Cbox_link:hover .Kiip_Cbox_txt  { text-decoration:underline }
.Kiip_Cbox_link:hover .Kiip_Cbox_more , .Kiip_Cbox_more:hover { background:url(../img/b_20.png) }
 
#Kiip_Cbox6 .Kiip_Cbox_tag { margin-left:115px ; background-color:#1298ce }
#Kiip_Cbox6 .Kiip_Cbox_title , #Kiip_Cbox6 .Kiip_Cbox_more { margin-left:130px ; color:#000000 }
#Kiip_Cbox6 .Kiip_Cbox_title { font-size:20px ; letter-spacing:-0.5px }
#Kiip_Cbox6 .Kiip_Cbox_more { border-color:#d9d9d9 ; color:#595959}
#Kiip_Cbox6 .Kiip_Cbox_link:hover .Kiip_Cbox_more , #Kiip_Cbox6 .Kiip_Cbox_more:hover { background-color:#ffffff ; color:#000000 }

#Kiip_Cbox7 .Kiip_Cbox_tag {
	width:0px ; height:0px ; line-height:0px ; overflow:hidden ; text-indent:-9999px ; display:block ;
	margin:0px ; padding:0px ; background:none }

#Kiip_Cbox_books , #Kiip_Cbox_books li , #Kiip_Cbox_books a { display:block ; overflow:hidden ; text-align:center } 
#Kiip_Cbox_books li { width:90px ; height:160px ; float:left ; margin-right:10px }
#Kiip_Cbox_books li:last-child { margin-right:0px }
#Kiip_Cbox_book1 { margin-left:15px }
#Kiip_Cbox_books a { padding-top:133px ; font-size:11px ; line-height:20px ; color:#ffffff }
#Kiip_Cbox_books a:hover { text-decoration:underline }

 
 
 
/* PC ********************************************************************/
@media all and (min-width:1000px){

 
/* MAIN ARTICLE */
#Kiip_ARTICLE , .Kiip_ctns  {display:block ; overflow:hidden} 
#Kiip_ARTICLE { padding-top:30px }
.Kiip_ctns { width:1100px ; height:510px ; margin:auto ; position:relative }



/* CTNS BOX  */
.mbr {display:block}
.Kiip_Cbox { display:block ; background:none ; background-repeat:no-repeat ; position:absolute ; left:0px ; top:0px ; margin:0px }
#Kiip_Cbox1 , #Kiip_Cbox2 , #Kiip_Cbox3 , #Kiip_Cbox4 , #Kiip_Cbox5 { background:none } 
#Kiip_Cbox1 > .Kiip_Cbox_link , #Kiip_Cbox2 > .Kiip_Cbox_link , #Kiip_Cbox3 > .Kiip_Cbox_link , #Kiip_Cbox4 > .Kiip_Cbox_link , #Kiip_Cbox5 > .Kiip_Cbox_link {
	background-image:url(../img/main_ctns1.jpg) }
#Kiip_Cbox6 > .Kiip_Cbox_link , #Kiip_Cbox7 > .Kiip_Cbox_link , #Kiip_Cbox8 > .Kiip_Cbox_link { background-image:url(../img/main_ctns2.jpg) }

.Kiip_Cbox_tag , #Kiip_Cbox1 .Kiip_Cbox_tag , #Kiip_Cbox6 .Kiip_Cbox_tag  { background:none ; background-repeat:no-repeat ; background-position:left bottom }
.Kiip_Cbox_tag , #Kiip_Cbox1 .Kiip_Cbox_tag { 
    font-size:10px ; line-height:18px ; display:block ; 
	background-image:url(../img/main_tag_bg2.png) ; 
	padding:6px 0px ; padding-bottom:4px ; margin:0px ; margin-left:20px ; margin-bottom:5px}
.Kiip_Cbox_txt , .Kiip_Cbox_more , .Kiip_Cbox_list { margin:0px 20px }
.Kiip_Cbox_title { margin:0px ; padding:0px 20px }
.Kiip_Cbox_title , .Kiip_Cbox_txt , .Kiip_Cbox_list { margin-bottom:10px }
.Kiip_Cbox_list a { word-break:keep-all }
 
#Kiip_Cbox1 , #Kiip_Cbox1 .Kiip_Cbox_link {width:530px ; height:305px}
#Kiip_Cbox1 .Kiip_Cbox_title { font-size:38px ; line-height:44px }

#Kiip_Cbox2 , #Kiip_Cbox3 , #Kiip_Cbox4 , #Kiip_Cbox5 ,
#Kiip_Cbox2 .Kiip_Cbox_link , #Kiip_Cbox3 .Kiip_Cbox_link , #Kiip_Cbox4 .Kiip_Cbox_link , #Kiip_Cbox5 .Kiip_Cbox_link {width:275px ; height:150px}
#Kiip_Cbox6 , #Kiip_Cbox7 , #Kiip_Cbox8 , #Kiip_Cbox6 .Kiip_Cbox_link , #Kiip_Cbox7 .Kiip_Cbox_link , #Kiip_Cbox8 .Kiip_Cbox_link {height:190px}
#Kiip_Cbox6 , #Kiip_Cbox6 .Kiip_Cbox_link {width:280px}
#Kiip_Cbox7 , #Kiip_Cbox7 .Kiip_Cbox_link {width:535px}
#Kiip_Cbox8 , #Kiip_Cbox8 .Kiip_Cbox_link {width:275px}

#Kiip_Cbox2 {left:545px}
#Kiip_Cbox3 {left:825px}
#Kiip_Cbox4 {left:545px ; top:155px}
#Kiip_Cbox5 {left:825px ; top:155px}
#Kiip_Cbox6 {top:320px}
#Kiip_Cbox7 {left:285px ; top:320px}
#Kiip_Cbox8 {left:825px ; top:320px}

#Kiip_Cbox1 > .Kiip_Cbox_link { background-position:0px 0px }
#Kiip_Cbox2 > .Kiip_Cbox_link { background-position:-545px 0px }
#Kiip_Cbox3 > .Kiip_Cbox_link { background-position:-825px 0px }
#Kiip_Cbox4 > .Kiip_Cbox_link { background-position:-545px -155px }
#Kiip_Cbox5 > .Kiip_Cbox_link { background-position:-825px -155px }
#Kiip_Cbox6 > .Kiip_Cbox_link { background-position:0px 0px }
#Kiip_Cbox7 > .Kiip_Cbox_link { background-position:-285px 0px }
#Kiip_Cbox8 > .Kiip_Cbox_link { background-position:-825px 0px }

#Kiip_Cbox6 .Kiip_Cbox_tag { color:#4c4c4c ; margin-left:145px ; background-image:url(../img/main_tag_bg3.png) }
#Kiip_Cbox6 .Kiip_Cbox_title , #Kiip_Cbox6 .Kiip_Cbox_more { margin-left:145px } 
#Kiip_Cbox6 .Kiip_Cbox_title {padding-left:0px}
#Kiip_Cbox7 .Kiip_Cbox_tag {display:block ; width:auto ; height:20px ; line-height:20px ; text-indent:0px ; margin-left:80px ; background:none ; padding:4px 0px}
#Kiip_Cbox_books { margin-left:55px }
#Kiip_Cbox_book1 , #Kiip_Cbox_book2 , #Kiip_Cbox_book3 { margin:0px }
#Kiip_Cbox_books li { margin-right:50px }
#Kiip_Cbox_books a { padding-top:132px }
#Kiip_Cbox_books li , #Kiip_Cbox_books a {width:140px ; margin:0px}
#Kiip_Cbox_book1 > a , #Kiip_Cbox_book2 > a  , #Kiip_Cbox_book3 > a { background-image:url(../img/main_ctns2.jpg) ; background-repeat:no-repeat ; background-position:-340px -28px}
#Kiip_Cbox_book2 > a  {background-position:-480px -28px}
#Kiip_Cbox_book3 > a  {background-position:-620px -28px}

#Kiip_Cbox2 .Kiip_Cbox_title , #Kiip_Cbox6 .Kiip_Cbox_title { font-size:16px ; line-height:24px ; font-weight:normal }
#Kiip_Cbox6 .Kiip_Cbox_title { font-size:17px ; font-weight:600 ; letter-spacing:-0.5px }
 
#Kiip_MV_box51 .Kiip_MV_box_title span , #Kiip_MV_box51 .Kiip_MV_box_title b { color:#ffffff ; display:block ; font-weight:normal ; font-weight:600 }
#Kiip_MV_box51 .Kiip_MV_box_title span { font-size:18px ; line-height:24px ; margin-bottom:3px }
#Kiip_MV_box51 .Kiip_MV_box_title b    { font-size:24px ; line-height:30px }



/* MAIN VISUAL */
#Kiip_main_visual { padding-top:60px ; background:#eee ; margin:auto }
#Kiip_main_visual , .Kiip_MV ,  .Kiip_MV_wrap  { display:block ; overflow:hidden ; width:1100px ; height:450px }
.Kiip_MV { background-repeat:no-repeat ; background-position:left top }
#Kiip_MV_01 { background-image:url(../img/main_slide_visual1.jpg) }
#Kiip_MV_02 { background-image:url(../img/main_slide_visual2.jpg) }
#Kiip_MV_03 { background-image:url(../img/main_slide_visual3.jpg) }
#Kiip_MV_04 { background-image:url(../img/main_slide_visual4.jpg) }
#Kiip_MV_05 { background-image:url(../img/main_slide_visual5.jpg) }
#Kiip_MV_06 { background-image:url(../img/main_slide_visual6.jpg) }
.Kiip_MV_wrap { position:relative ; z-index:50 }

.Kiip_MV_box , .Kiip_MV_box_wrap , .Kiip_MV_box_tag , .Kiip_MV_box_link , .Kiip_MV_box_title , .Kiip_MV_box_txt , .Kiip_MV_box_go , 
.Kiip_MV_box_list , .Kiip_MV_box_list li , .Kiip_MV_box_list a { display:block ; overflow:hidden }
.Kiip_MV_box  , .Kiip_MV_box_wrap { background-repeat:no-repeat }
.Kiip_MV_box  { position:absolute ; background-image:url(../img/vBox2_1.png) ; background-position:left top ; padding-top:30px ; width:320px }
.Kiip_MV_box_wrap { background-image:url(../img/vBox2_2.png) ; background-position:left bottom ; padding:30px ; padding-top:0px }
.Kiip_MV_box_tag { 
    color:#ffffff ; font-weight:normal ; font-size:10px ; line-height:18px ; 
	background:url(../img/main_visual_tag_bar.gif) no-repeat left bottom ; padding-bottom:2px ; margin-bottom:10px }
.Kiip_MV_box_title , .Kiip_MV_box_list a , .Kiip_MV_box_title b , .Kiip_MV_box_title span {
	font-family:'나눔스퀘어','Nanum Square' ,'나눔고딕', 'Nanum Gothic' , 'Malgun Gothic' , '맑은 고딕' , sans-serif}
.Kiip_MV_box_title { font-size:22px ; line-height:30px ; margin-bottom:15px ; color:#ffffff ; font-weight:600 ; word-break:keep-all }
 
#Kiip_MV_box31 .Kiip_MV_box_title , #Kiip_MV_box32 .Kiip_MV_box_title ,
#Kiip_MV_box41 .Kiip_MV_box_title , #Kiip_MV_box42 .Kiip_MV_box_title , #Kiip_MV_box43 .Kiip_MV_box_title {font-size:20px ; line-height:26px}

.Kiip_MV_box_txt { font-size:14px ; line-height:22px ;  color:#ffffff ; word-break:keep-all ; margin-bottom:10px }
.Kiip_MV_box_go  { 
    font-size:11px ; line-height:20px ; color:#e3e3e3 ; font-weight:normal ;
	width:78px ; border:solid 1px #ffffff ; border-color:#c9c9c9 ; text-align:center }
	
.Kiip_MV_box_link:hover .Kiip_MV_box_go ,
.Kiip_MV_box_go:hover { color:#ffffff ; background:url(../img/b_50.png) }
.Kiip_MV_box:hover .Kiip_MV_box_title , .Kiip_MV_box:hover .Kiip_MV_box_txt { text-decoration:underline }

#Kiip_MV_box1 { width:400px ; top:102px ; left:140px ; background-image:url(../img/vBox1_1.png) }
#Kiip_MV_box1 .Kiip_MV_box_wrap  { background-image:url(../img/vBox1_2.png) }
#Kiip_MV_box1 .Kiip_MV_box_title { font-size:34px ; line-height:40px ; margin-bottom:15px ; letter-spacing:-1px}
#Kiip_MV_box1 .Kiip_MV_box_tag   { font-size:14px ; padding-bottom:6px }

#Kiip_MV_box21 , #Kiip_MV_box22 , #Kiip_MV_box23 ,
#Kiip_MV_box31 , #Kiip_MV_box32 , #Kiip_MV_box33 ,
#Kiip_MV_box41 , #Kiip_MV_box42 , #Kiip_MV_box43 ,
#Kiip_MV_box51 , #Kiip_MV_box52 , #Kiip_MV_box53 {top:110px} 
#Kiip_MV_box21 , #Kiip_MV_box31 , #Kiip_MV_box41 , #Kiip_MV_box51 { left:60px }
#Kiip_MV_box22 , #Kiip_MV_box32 , #Kiip_MV_box42 , #Kiip_MV_box52 { left:390px } 
#Kiip_MV_box23 , #Kiip_MV_box33 , #Kiip_MV_box43 , #Kiip_MV_box53 { left:720px }
#Kiip_MV_box21 , #Kiip_MV_box22 , #Kiip_MV_box23 {top:130px}

#Kiip_MV_box31 .Kiip_MV_box_link ,
#Kiip_MV_box32 .Kiip_MV_box_link ,
#Kiip_MV_box41 .Kiip_MV_box_link , #Kiip_MV_box42 .Kiip_MV_box_link , #Kiip_MV_box43 .Kiip_MV_box_link ,
#Kiip_MV_box51 .Kiip_MV_box_link { background-image:url(../img/main_books.png) ; background-repeat:no-repeat  ; padding-left:110px }
#Kiip_MV_box32 .Kiip_MV_box_link { background-position:0px -180px}
#Kiip_MV_box41 .Kiip_MV_box_link { background-position:0px -360px}
#Kiip_MV_box42 .Kiip_MV_box_link { background-position:0px -540px}
#Kiip_MV_box43 .Kiip_MV_box_link { background-position:0px -720px}
#Kiip_MV_box51 .Kiip_MV_box_link { background-position:0px -900px}

.Kiip_MV_box_link {min-height:140px}

.Kiip_MV_box_list { margin-bottom:10px }
.Kiip_MV_box_list li { background:url(../img/main_box_point.png) no-repeat 0px 9px ; margin-bottom:7px ; padding-left:8px}
.Kiip_MV_box_list li:last-child { margin-bottom:0px }
.Kiip_MV_box_list a { font-size:18px ; line-height:26px ; color:#ffffff ; word-break:keep-all ; font-weight:600 }
.Kiip_MV_box_list a:hover { text-decoration:underline }

#Kiip_MV_02 .Kiip_MV_box_link { min-height:100px }
#Kiip_MV_03 .Kiip_MV_box_link ,
#Kiip_MV_04 .Kiip_MV_box_link { min-height:150px }
#Kiip_MV_05 .Kiip_MV_box_link { min-height:130px }



/* SLIDE NAV */
.flex-prev , .flex-next {  text-indent:-9999px ; background-image:url(../img/visual_arrow.png) ; background-repeat:no-repeat }
.flex-prev  { background-position:0px 0px }
.flex-next  { background-position:-40px 0px } 
.flex-prev:hover  { background-position:0px -40px }
.flex-next:hover  { background-position:-40px -40px } 

.flexslider:hover .flex-direction-nav .flex-prev { left:0px }
.flexslider:hover .flex-direction-nav .flex-next { right:0px }

.flex-control-nav {top:430px}
.flex-control-paging li a { border-radius:0px ; width:20px ; height:3px ; overflow:hidden ;  text-indent:-9999px ; background:url(../img/w_50.png) }
.flex-control-paging li a:hover { background-color:#ffffff }
.flex-control-paging li a.flex-active { width:40px ; background-color:#ffffff }



/* ASIDE */
#Kiip_aside {display:none}




}
/* PRINT *****************************************************************/
@media print {}
