/* 
Project : 월간유아 통권 400호 기념 이벤트
Author  : kang2oon
Date    : 2017-08-30
*/

/* Common */

/*@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);*/
*{-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html, body {
	font-family:'Spoqa Han Sans', 'Source Sans Pro', Apple SD Gothic Neo, Nanum Barun Gothic, Nanum Gothic, '???', Dotum, Verdana, Arial, sans-serif; color:#3b3b3b;
	font-size:16px;line-height:1.6;letter-spacing:-0.3px;
	-webkit-font-smoothing:antialiased;background:#fff;
	background:url(../images/bg_background.png) repeat-y 50% 0;
	}
.fleft{float:left;}
.fright{float:right;}
.aleft{text-align:left!important;}
.acenter{text-align:center!important;}
.alternative{z-index:-1;width:0;height:0;overflow:hidden;visibility:hidden;}
img{max-width:100%;}
a{text-decoration:none;color:inherit;}
caption{display:none;}

/* Layout */
.container-fluid{position:relative;width:100%;margin:0;}
.container{position:relative;width:1170px;margin:0 auto;}

h2{color:#3b3b3b;font-size:50px;text-align:center;font-weight:400;}
h3{color:#3b3b3b;font-size:20px;font-weight:400;text-align:center; line-height:30px; margin:10px 0 34px;}

.point{color:#129f54;}
.colorfff{color:#fff;}

.view_list .btn_view_list{ text-align:left; padding:10px; float:right; margin-right:30px; margin-top:13px;  height:40px; width:275px;background:#fff;cursor:pointer; line-height:10px; font-size:15px; font-weight:normal;}
.view_list .btn_view_list li{height:28px;}
.view_list .campaign_list{ display:none; position:absolute; top:42px; right:30px;width:275px; color:#3d3d3d; background:#fff;  padding:10px; font-size:1+px;  margin:0px 0 0 10px;  line-height:30px;z-index:999;}
.view_list .campaign_list li{height:30px;list-style:none;}
.view_list .campaign_list li a{color:#3d3d3d; text-decoration:none;}
.view_list .campaign_list li a:hover{text-decoration:underline;}
.view_list .btn_view_list li.arrow {    float: right;    display: inline-block;    margin: 3px 10px;	}
.view_list .btn_view_list li.campaign {    font-size: 16px;    font-weight:normal;   margin: 5px 0 0 8px;    display: inline-block;    color: #3d3d3d; overflow:visible;}

.header{height:670px;background:url(../images/header_bg.png) repeat-x 0% 100%; overflow:hidden;}
	.header .logo{position:absolute; top:20px;  left:20px;}
	.header h1{margin-top:80px;}

.area_pad{padding:45px 0  80px;}	
/*키워드 검색*/
.search{background:#129f54 url(../images/search_bg.png) repeat-x 0% 100%; padding-bottom:130px;}
	.search .search_bar{width:605px; border:6px solid #73be49; display:inline-block; height:90px; overflow:hidden; background:#fff;}
	.search .search_bar #search_btn{cursor:pointer;width:122px; background:#73be49; font-size:25px; color:#fff; text-align:center; border:0; height:100%; float:right; }	
	.search .search_bar input[type="text"]{width:460px; border:0; height:80px; font-size: 33px; font-family: 'Spoqa Han Sans'; padding-left:20px; float:left;} 
	.search .search_bar li {width:460px; border:0; height:80px; font-size: 33px; font-family: 'Spoqa Han Sans'; padding-left:20px; float:left;}
	.search .search_keyword{display:inline-block; margin:0 auto; text-align:center; margin-top:20px;}
	.search .search_keyword li{float:left;margin-left:18px;}
	.search .search_keyword li:first-child{margin-left:0;}
	.search .search_keyword li a{width:180px; height:57px; display:inline-block;  background:url(../images/search_keyword.png)0 0;}
	.search .search_keyword li a:hover, .search .search_keyword li a.active{background-position:0 69px;}
	.search .search_keyword li a.safe{background-position:-198px 0;}
	.search .search_keyword li a.safe:hover, .search .search_keyword li a.safe.active {background-position:-198px 69px;}
	.search .search_keyword li a.smart_edu{background-position:-396px 0;}
	.search .search_keyword li a.smart_edu:hover, .search .search_keyword li a.smart_edu.active{background-position:-396px 69px;}
	.search .search_keyword li a.magazine{background-position:-594px 0;}
	.search .search_keyword li a.magazine:hover, .search .search_keyword li a.magazine.active{background-position:-594px 69px;}
	
	.search .graph{width:1170px;height:322px; background:url(../images/graph_bg.png)repeat-x 0 100%; margin-top:35px;}
	.search .graph .tit{float:left;margin-top:130px; width:201px; text-align:center;}
	.search .graph .result{float:left; margin:30px ; width:900px;}
	.search .graph .result .result_tit{font-size:20px; text-align:left; width:169px; float:left; display:inline-block;}
	.search .graph .result .result_tit li{margin:31px 0;}	
	.search .graph .result .result_tit li:first-child{margin-top:18px;}
	.search .graph .result .result_graph{float:left; display:inline-block; width:720px; border-left:1px solid #129f54;}
	.search .graph .result .result_graph li{height:55px; width:95%;  margin:8px 0; text-align:right; line-height:55px;}
	.search .graph .result .result_graph .number{color:#fff; font-size:17px; font-weight:bold; margin-right:20px;}
	
	.search .graph .result .result_graph #no1{background:#73be49;}
	.search .graph .result .result_graph #no2{background:#73be49;position:relative;}
	.search .graph .result .result_graph #no2 .number{ margin-right:60px;}
	.search .graph .result .result_graph #no2 .hoonl{position:absolute; right:-45px; top:-40px;}
	.search .graph .result .result_graph #no3{background:#73be49;}
	.search .graph .result .result_graph #no4{background:#73be49;}
	
/*메시지*/
.message{background:#fff url(../images/message_bg.png)repeat-x 0 100%; padding-bottom:130px;}
	
	.message .mes_input{width:887px; height:521px; float:left; position:relative;}
	.message .mes_bg1{background:url(../images/message_bg01.png) 0 0;}
	.message .mes_bg2{background:url(../images/message_bg02.png) 0 0;}
	.message .mes_bg3{background:url(../images/message_bg03.png) 0 0;}

	.message .mes_input textarea{width:446px; height:434px; border:0; padding:20px; position:absolute; top:40px; right:40px; font-family: 'Spoqa Han Sans'; font-size:18px; color:#808080;}
	.message .bg_choice{float:right;}
	.message .bg_choice li a{width:258px; height:159px; background:url(../images/bg_choice.png)0 0; display:block; margin-bottom:23px;}
	.message .bg_choice li a:hover, .message .bg_choice li a.active{background-position:0px 159px;}
	.message .bg_choice li a.bg_choice02{background-position:258px 0;}
	.message .bg_choice li a.bg_choice02:hover, .message .bg_choice li a.bg_choice02.active{background-position:258px 159px;}
	.message .bg_choice li a.bg_choice03{background-position:545px 0;}
	.message .bg_choice li a.bg_choice03:hover, .message .bg_choice li a.bg_choice03.active{background-position:545px 159px;}
	
/*리스트*/	
.message_list{background:#f7f7f7 url(../images/message_list.png)repeat-x 0 100%; padding-bottom:130px;}
	.message_list h4{font-size:25px; font-weight:normal; float:left;position:relative; top:10px;}
	.message_list .list_num{float:right;background:url(../images/list_num_tit.png);width:303px; height:44px; position:relative; margin-right:6px;}
	.message_list .list_num .total{position:absolute; right:30px; font-size:20px; font-weight:bold; text-align:right; top:5px; font-family: Tahoma, Verdana, Segoe, sans-serif;}
	.message_list .mes_list_area{font-family: 돋음, Dotum, Baekmuk Dotum, Undotum, Apple Gothic, Latin font, sans-serif;margin-left:-7px; }
	.message_list .mes_list_area li{width:379px; height:222px; position:relative; float:left; margin:6px 6px 6px 7px;}
	.message_list .mes_list_area li .view{position:absolute;right:20px; top:26px;}
	.message_list .mes_list_area li .view h5{font-size:16px; }
	.message_list .mes_list_area li .view h5 .day{font-size:12px; font-weight:normal; margin-left:5px;}
	.message_list .mes_list_area li textarea{border:0; font-family: 돋음, Dotum, Baekmuk Dotum, Undotum, Apple Gothic, Latin font, sans-serif; width:195px; height:157px; margin-top:3px; padding:15px; line-height:18px;}
	.message_list .mes_list_area li.list_bg_choice01{background:url(../images/list_bg_choice01.png);}
	.message_list .mes_list_area li.list_bg_choice02{background:url(../images/list_bg_choice03.png);}
	.message_list .mes_list_area li.list_bg_choice03{background:url(../images/list_bg_choice02.png);}
	
	
.paging{position:relative;text-align:center; font-size:14px; width:1170px; margin:0 auto; margin-top:10px;}
	.paging .box{display:block;border:1px solid #d9d9d9; padding:12px 0 10px;text-align:center;width:10%;text-decoration:none;}
	.paging a.box{ color:#808080; background:#fff;}
	.paging .box:hover{border-color:#129f54; background:#fff;text-decoration:none;  color:#129f54;}
    .paging ul{color:#fff;display:inline-block;margin:10px auto;}
    .paging li{font-family: Verdana, Geneva, sans-serif; font-size:12px; text-align:center; margin-left:10px; float:left;}
	.paging li.box{width:40%;}
    .paging li:first-child{ margin-left:0px;}
    .paging li a{ color:#808080; text-decoration:none;}
    .paging li a:hover{text-decoration:underline; color:#129f54;}
	.paging li a.active{color:#129f54; }	
	

.wallpaper{}
	.wallpaper .bx_view_area{width:1170px; height:667px;}
	.wallpaper .bx_view_area .bx-wrapper{width:1170px;}	
	.wallpaper .bx-wrapper .bx-viewport {box-shadow: 0 0 0px #ccc; border: 0px solid #fff; left: 0px;  background: #fff;}
	.wallpaper .bx_view_area .bx-wrapper .bx-controls-direction a{width: 72px;  height: 72px;}
	.wallpaper .bx_view_area .bx-wrapper .bx-prev { left: 20px;    background: url(../images/bx_prev_b.png) ;}
	.wallpaper .bx_view_area .bx-wrapper .bx-next { right: 20px;    background: url(../images/bx_next_b.png) ;}
	.wallpaper .bx_view_area .bx-wrapper .bx-pager{text-align: right;font-size:12px;font-weight: normal;padding-top: 0px;position: absolute;  bottom:10px; width:50px; right:20px; height:20px;}
	
	.wallpaper .bx_btn_area{margin-top:25px;}
	.wallpaper .bx_btn_area .bx-wrapper .bx-controls-direction a{width: 44px;  height: 153px; top:15px;}
	.wallpaper .bx_btn_area .bx-wrapper .bx-prev { left:-63px;    background: url(../images/bx_prev_s.png) ;}
	.wallpaper .bx_btn_area .bx-wrapper .bx-next { right:-63px;   background: url(../images/bx_next_s.png) ;}
	
	.wallpaper .wpbtn{margin-top:35px;}
	.wallpaper .wpbtn li{float:left; margin-left:0px;}
	.wallpaper .wpbtn li:first-child{margin-left:0;}
	.wallpaper .wpbtn li a{width:234px; height:66px;background: url(../images/wallpaper_btn_bg1.png) ; display:inline-block; text-align:center; }
	.wallpaper .wpbtn li a.bg2{background: url(../images/wallpaper_btn_bg2.png) ;  }
	.wallpaper .wpbtn li a .text{color:#fff; font-weight:bold; margin-top:13px; display:inline-block;font-size:17px;letter-spacing:1px;}
	
	.slider-nav{margin-top:25px;width:90%; margin-left:60px;}
	
	.slick-prev{background: url(../images/bx_prev_s.png) ;width: 44px; height: 157px; left:-60px;}
	.slick-next{background: url(../images/bx_next_s.png) ;width: 44px; height: 157px; right:-60px;}
	.slick-prev:before, .slick-next:before{font-size:0;}
	.slick-prev:hover, .slick-prev:focus{ background: url(../images/bx_prev_s.png) ;width: 44px; height: 153px; left:-60px;}
	.slick-next:hover, .slick-next:focus{ background: url(../images/bx_next_s.png) ;width: 44px; height: 153px; right:-60px;}
	.slick-dots li button:before{ font-family: '돋움';  font-size: 6px;}
	.slider-nav .slick-slide{padding:0 5px;}
	.slider-nav .slick-slide.slick-current{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
          box-sizing: border-box;
	}
	.slider-nav .slick-slide.slick-current img{border:3px solid #129f54;}
	
	
.footer{background:#3d3d3d; line-height:55px; font-size:13px; color:#8c8b8b; text-align:center;letter-spacing:2px; margin-top:80px;}	

/*키드키즈내 키워드 검색*/
.kw_s_com{width:982px; height:90px; background:#fbe95f; padding:15px 20px;font-family: 돋음, Dotum, Baekmuk Dotum, Undotum, Apple Gothic, Latin font, sans-serif; font-size:14px;}
.kw_s_com .tit{float:left; }
.kw_s_com .com{float:right; position:relative; width:572px;}
.kw_s_com .com .com_img{position:absolute; left:-55px;}
.kw_s_com .com .com_area{background:#fff; height:62px; padding-top:20px;}
.kw_s_com .com .com_area .bx-wrapper{width:500px;}
.kw_s_com .com .com_area .bx-wrapper .bx-viewport {box-shadow: 0 0 0px #ccc; border: 0px solid #fff; left: 0px;  background: #fff;}
.kw_s_com .com .com_area .bx-wrapper .bx-controls-direction a{width: 7px;  height: 7px; }
.kw_s_com .com .com_area .bx-wrapper .bx-controls-direction a.bx-prev { left: 517px;  background: url(https://www.kidkids.net/img/main2014/btn_newupdate_prev.png) ;top:10px;}
.kw_s_com .com .com_area .bx-wrapper .bx-controls-direction a.bx-next { right: -25px; background: url(https://www.kidkids.net/img/main2014/btn_newupdate_next.png) ; top:40px}

.search_bar .bx-wrapper .bx-viewport {
	box-shadow: 0 0 0px #ccc; border: 0px solid #fff; left: 0px;  background: #fff;
}
.search_bar .bx-wrapper {
	padding-top:10px;
	float:left;
}
.search_bar .bx-wrapper .bx-prev {
	display:none;
}
.search_bar .bx-wrapper .bx-next {
	display:none;
}