@charset "utf-8";
/* CSS Document */

#wrap{ padding-top:101px; min-width:1000px;}

/*#header 공통 시작*/
#header{ width:100%; height:100px; position:absolute; top:0; left:0; background:#FFF; z-index:100;}
#kebiutill{ width:100%; height:40px; background:#858585;}
#kebiutillin{ width:1000px; margin:0 auto;}
.hTopLink p{ float:left;}
.hTopLink p a{display:block; text-align:center; height:18px; padding:6px 17px; margin-top:10px;}
.hTopLink .ht1 a{ background:#fff; color:#555; font-size:14px; margin-right:4px;}
.hTopLink .ht2 a{ background:#17b8cf; color:#fff; font-size:14px; margin-right:4px;}
.utill{ float:right; position:absolute; top:10px; left:50%; margin-left:67px;}
.utill a{ color:#FFF;}
.utill .txt{ background:url(/img/icon_line.png) no-repeat; margin-left:12px; padding-left:12px; float:left;}
.utill .first{ background:none;}
.utill .scBox{ width:145px; height:26px; padding:1px; background:url(/img/scbox_bg.png) no-repeat; margin-top:-3px;}
.utill .scBox input{ width:115px; height:24px; padding-left:5px; border:0; background:none; color:#666;}
.utill .scBox label{ display:none;} 
.utill .scBox a{ display:block; width:22px; height:22px; text-indent:-9999px; float:right;}
.utill .memBox {position:absolute; top:0px; margin-left:-180px; padding-left:5px; padding-right:5px; height:20px; font-size:12px; color:#FFF;}
/*#header 공통 끝*/

/*#header 깨비키즈 시작*/
.logo_kebi{ position:absolute; top:50px; left:50%; margin-left:-480px;}
.gnb_kebi{ position:absolute; top:70px; left:50%; margin-left:-110px;}
.gnb_kebi h2{ display:none;}
.gnb_kebi li{ float:left; margin-left:25px; position:relative; font-size:14px;}
.gnb_kebi li .m{ display:block; height:12px;}
.gnb_kebi .g1 .m{ width:85px; height:20px; font-size:15px;}
.gnb_kebi .g2 .m{ width:120px; height:20px; font-size:15px;}
.gnb_kebi .g3 .m{ width:90px; height:20px; font-size:15px;}
.gnb_kebi .g4 .m{ width:90px; height:20px; font-size:15px;}
.gnb_kebi .g5 .m{ width:90px; height:20px; font-size:15px;}
.gnb_kebi .g6 .m{ width:95px; height:20px; font-size:15px;}
.gnb_kebi li:hover .m{ color:#fe5f70;}
/*#header 깨비키즈 끝*/

/*#header 학습지 시작*/
.logo_prt{ position:absolute; top:55px; left:50%; margin-left:-485px;}
.gnb_prt{ position:absolute; top:70px; left:50%; margin-left:-265px;}
.gnb_prt h2{ display:none;}
.gnb_prt li{ float:left; margin-left:3px; position:relative; font-size:14px;}
.gnb_prt li .m{ display:block; height:20px;}
.gnb_prt .g1 .m{ width:95px; height:20px; font-size:16px;}
.gnb_prt .g2 .m{ width:95px; height:20px; font-size:16px;}
.gnb_prt .g3 .m{ width:95px; height:20px; font-size:16px;}
.gnb_prt .g4 .m{ width:95px; height:20px; font-size:16px;}
.gnb_prt .g5 .m{ width:95px; height:20px; font-size:16px;}
.gnb_prt .g6 .m{ width:95px; height:20px; font-size:16px;}
.gnb_prt .g7 .m{ width:95px; height:20px; font-size:16px;}
.gnb_prt .g8 .m{ width:95px; height:20px; font-size:16px;}
.gnb_prt li:hover .m{ color:#fe5f70;}
.gnb_prt li .sub{ position:absolute; top:15px; left:0; width:95px; height:170px; display:none; z-index:300;}
.gnb_prt:hover li .sub{ display:block;}
.gnb_prt li .sub ul{ padding-top:30px;}
.gnb_prt li .sub li{ float:none; margin-left:0; margin-bottom:6px;}
.gnb_prt li .sub li a{ color:#555;}
.gnb_prt li .sub li a:hover{ color:#17b8cf;}

.subBg{ display:none; width:4000px; height:330px; background:#fff; position:absolute; top:35px; left:-300px; z-index:200; border:1px solid #d2d2d2; margin-left:-1200px;}
.gnb_prt:hover .subBg{ display:block;}
.subBgimg{ display:none ;  position:absolute; right:850px; top:100px; z-index:600;}
.gnb_prt:hover .subBgimg{ display:block;}
/*#header 학습지 끝*/

/*#row1_kebi 시작*/
#row1_kebi{ width:100%; background:url(/img/row1_bg.png) repeat;}
.newkebi_slider_wrap{ width:1000px; height:232px; margin:0 auto; position:relative;}
.newkebi_slider .new_cont{ float:left; margin:30px 15px 22px 15px;}
.newkebi_slider .new_cont .newimg .th{width:210px; height:140px; border:1px solid #777;}
.newkebi_slider .new_cont .newimg .th:hover{border:1px solid #ccc;}

.newkebi_slider .new_cont1{ margin-left:35px;}
.newkebi_slider .newtxt{ color:#FFF; font-size:12px; margin-left:15px; margin-top:10px; line-height:17px;}
.newkebi_slider .kicon1{ position:absolute; top:30px; left:35px;}
.newkebi_slider .kicon2{ position:absolute; top:30px; left:275px;}
.newkebi_slider .kicon3{ position:absolute; top:30px; left:515px;}
.newkebi_slider .kicon0{ position:absolute; top:30px; left:755px;}
.newkebi_slider_wrap .slidesjs-pagination{ display:none;}
.newkebi_slider_wrap .slidesjs-navigation{ position:relative; z-index:50;}
.newkebi_slider_wrap .slidesjs-previous{ display:block; background:url(/img/ar_left.png) no-repeat; width:21px; height:50px; position:absolute; top:68px; left:0; float:left; text-indent:-9999px;}
.newkebi_slider_wrap .slidesjs-next{ display:block; background:url(/img/ar_right.png) no-repeat; width:21px; height:50px; position:absolute; top:68px; right:0; float:right; text-indent:-9999px;}
/*#row1_kebi 끝*/

/*#row2_kebi 시작*/
#row2_kebi{ width:100%; height:284px; background:#f3f3f3;}
#row2_kebi .row2_kebi_inner{ width:1000px; height:242px; margin:0 auto;}
#row2_kebi .row2_kebi_inner div{ float:left;}
#row2_kebi .book_kebi{ width:628px; height:242px; border:1px solid #d1d1d1; margin-top:20px; background:#FFF;}
.book_kebi .book_tit{ margin-top:20px; margin-left:32px;}
.book_kebi li{float:left; margin-top:20px; margin-right:10px;}
.book_kebi li .icon{float:left;} 
.book_kebi li .icon img{width:110px; height:160px; border:1px solid #eee;}
.book_kebi li .icon img:hover{border:1px solid #2b93ca;}
.book_kebi li .tag{margin-top:0px; margin-left:-35px;} 
.book_kebi .book1{ margin-left:15px;}
#row2_kebi .week_kebi{ width:348px; height:242px; border:1px solid #d1d1d1; margin-left:20px; margin-top:20px; background:#FFF;}
.week_kebi .week_tit{ width:300px; color:#888888; line-height:12px; margin-left:32px; margin-top:20px; margin-bottom:-23px;}
.week_kebi .week_tit span{font-size:14px; margin-left:25px;}
.week_kebi .cont li{ width:150px; float:left; margin-left:15px;}
.week_kebi .cont li img{width:150px; height:100px; border:solid 1px #cccccc;}
.week_kebi .cont li img:hover{border:1px solid #2b93ca;}
.week_kebi .cont .first{ margin-left:-5px;}
.week_kebi .kweekTxt{ margin-top:5px; margin-left:0px;}
.week_kebi .kweekT1{font-size:12px; color:#0052b0; margin-bottom:1px;}
.week_kebi .kweekT2{font-size:12px; color:#4f4f4f; line-height:14px;}
#kweek_tabs{ width:310px; margin-top:30px; margin-left:20px;}
#kweek_tabs label{ display:inline-block; font-size:12px; padding:3px 2px; text-align:center; width:39px; color:#777; border:1px solid #ccc; margin-bottom:-1px; border-bottom:1px solid #d3d3d3;}
#kweek_tabs label[for=kweektab1] {margin-left:10px;}
#kweek_Tab1{ background-color:#ffffff;}
#kweek_Tab2{ background-color:#f3f3f3;}
#kweek_Tab3{ background-color:#f3f3f3;}
#kweek_Tab4{ background-color:#f3f3f3;}
#kweek_Tab5{ background-color:#f3f3f3;}
#kweek_Tab6{ background-color:#f3f3f3;}
#kweek_tabs span{ display:block; width:310px; height:1px; background-color:#d2d2d2; margin-bottom:20px;}
/*#row2_kebi 끝*/

/*#row3_kebi 시작*/
#row3_kebi{ width:100%; height:282px; background:#ffffff;}
#row3_kebi .row3_kebi_inner{ width:1000px; height:242px; margin:0 auto;}
#row3_kebi .row3_kebi_inner div{ float:left;}
#row3_kebi .news_kebi{ width:388px; height:240px; border:1px solid #d1d1d1; margin-top:20px;}
#row3_kebi .news_kebi dt{ margin-top:27px; margin-left:44px; margin-bottom:27px;}
#row3_kebi .news_kebi dt span{ margin-top:42px; margin-left:164px;}
#row3_kebi .news_kebi dd{ margin-top:15px; margin-left:30px; line-height:8px; border-bottom:1px dotted #d1d1d1; width:323px; padding-bottom:6px;}
#row3_kebi .news_kebi dd a{color:#333333; font-size:13px;}
#row3_kebi .news_kebi dd .dot{ color:#29b34c; font-weight:bold;}
#row3_kebi .news_kebi dd .date{ float:right; margin-right:5px;}
#row3_kebi .adkebi_slider{ width:242px; height:242px; margin-top:20px; margin-left:20px;}
#row3_kebi .faq_kebi{ width:326px; height:242px; border:1px solid #d1d1d1; margin-top:20px; margin-left:20px;}
#row3_kebi .faq_kebi dt{ margin-top:27px; margin-left:44px; margin-bottom:27px;}
#row3_kebi .faq_kebi dt span{ margin-top:42px; margin-left:78px;}
#row3_kebi .faq_kebi dd{ margin-top:15px; margin-left:30px; line-height:8px; border-bottom:1px dotted #d1d1d1; width:261px; padding-bottom:6px;}
#row3_kebi .faq_kebi dd a{color:#333333; font-size:13px;}
#row3_kebi .faq_kebi dd span{ color:#29b34c; font-weight:bold;}
/*#row3_kebi 끝*/

/*#row4_kebi 시작*/
#row4_kebi{ width:100%; height:372px; background:#f3f3f3;}
#row4_kebi .row4_kebi_inner{ width:1000px; height:332px; margin:0 auto;}
#row4_kebi .row4_kebi_inner div{ float:left;}
#row4_kebi .row4_kebi_inner .re_kebi{ float:left; width:233px; height:330px; border:1px solid #d1d1d1; margin-top:20px; margin-left:20px;}
#row4_kebi .row4_kebi_inner .re_kebi1{ margin-left:0;}
#row4_kebi .rephoto_kebi{ width:186px; height:158px; margin:0 auto; margin-top:24px;}
#row4_kebi .title{ width:186px; margin:0 auto; margin-top:19px; color:#ff4851; font-size:13px; font-weight:bold;}
#row4_kebi .cont{ width:186px; margin:0 auto; margin-top:15px; color:#717171; font-size:11px; text-align:justify; line-height:20px;}
#row4_kebi .id{ width:186px; text-align:right; margin-top:5px; color:#2484c6;}
/*#row4_kebi 끝*/

/*#row5_kebi 시작*/
#row5_kebi{ width:100%; height:185px; background:#ffffff;}
.pop_kebi{ width:998px; height:165px; margin:0 auto; border:1px solid #d1d1d1; margin-top:20px;}
.pop_kebi p{ float:left;}
.pop_kebi .pop_tit{ width:185px; height:23px; margin-top:20px; margin-left:32px;}
.arr_left{ width:20px; height:20px; margin-left:694px; margin-top:20px;}
.arr_right{ width:20px; height:20px; margin-left:6px; margin-top:20px;}
.pop_kebi:after{display:block; content:""; clear:both;} 
.pop_kebi ul li{text-align:center; width:86px; float:left; margin:20px 4px 27px 0px;}
.pop_kebi ul li p{width:86px; font-size:12px; margin-top:2px;}
.pop_kebi ul .pop1{margin-left:0px;}
.pop_kebi ul .pop10{margin-right:0px;}
.pop_kebi .basic{ display:block;}
.pop_kebi .over{ display:none;}
.pop_kebi a:hover .over{ display:block;}
.pop_kebi a:hover .basic{ display:none;}
.pop_images{float:left; width:2694px;}
.pop_data_view_area{ width:898px; height:150px; overflow:hidden; margin:0 50px 0 50px;} 
/*#row5_kebi 끝*/

/*#footer 시작*/
#footer{ width:100%; height:280px; background-image:url(/img/fbg.png);}
#footerin{ width:1000px; height:240px; margin:0 auto; position:relative;}
.fmenu{ position:absolute; top:20px; left:50%; margin-left:0; width:960px;}
.fmenu span{ background-image:url(/img/icon_line.png); background-repeat:no-repeat; margin-left:20px; padding-left:20px;}
.fmenu .first{ background-image:none;}
.fmenu span a{ color:#ffffff;}
.flogo{ position:absolute; left:40px; top:75px;}
.finfo{ color:#ffffff; position:absolute; left:50px; top:77px; width:600px; line-height:22px;}
.ftel{ color:#ffffff; position:absolute; left:750px; top:77px; width:250px; padding-top:20px; line-height:22px; font-size:30px;}
.flink{ position:absolute; left:32px; top:160px;}
.fmenu{ position:relative; top:14px; left:1px;}
/*#footer 끝*/