/* 
Project : 인문학
Author  : JIYE
Date    : 2018-01-29
*/

/* Common */
html, body {
	font-family: '돋움', Dotum, sans-serif;font-size:12px;-webkit-font-smoothing: antialiased;line-height:140%;
	min-height: 100%;background: #fff;
}
.fleft{float:left;}
.fright{float:right;}
.prelative{position:relative !important;}
.pabsolute{position:absolute !important;}
.alternative{z-index: -1;width: 0;height: 0;overflow: hidden;visibility: hidden;}
.txtleft{text-align:left !important;}
.txtcenter{text-align:center !important;}
.txtright{text-align:right !important;}
.txtbold{font-weight:bold !important;}
.mgtop5{margin-top:5px;}
.mgtop8{margin-top:10px;}
.mgtop10{margin-top:10px;}
.mgtop16{margin-top:16px;}
.mgtop15{margin-top:15px;}
.mgtop20{margin-top:20px;}
.mgtop25{margin-top:25px;}
.mgtop30{margin-top:30px;}
.mgtop45{margin-top:45px;}
.mgtop45{margin-top:45px;}
.mgtop60{margin-top:60px;}
.maleft25{ margin-left:25px;}
.maright15{ margin-right:15px;}
.maright30{ margin-right:30px;}
.hide{display:none;}
.nomargin{margin:0;}
.less{color:#aaa;}
img[onclick]{cursor:pointer;}
caption{display:none;}
select{font-size:12px;}
.patop{ padding:7px 0;}
.ex{ font-size:11px; color:#999999; position:relative; top:-8px;}
.linehei{ line-height:18px;}
.mabot{ margin-bottom:5px;}
.matop0{margin-top:0;}
.maleft{margin-left:0 !important;}

/* Layout */

.top{margin-top:10px; }
.top .month{ width:604px; float:left;}	
	.top .month>ul.years{width:122px; margin-right:12px;}
	.top .month>ul.month01{width:468px;}
	.top .month>ul>li{float:left; display:block; height:43px; text-align:center; width:117px;}	
	.top .month>ul>li a{  font-size:14px; font-weight:bold; border:1px solid #d1d1d1;  color:#333333; text-decoration:none; border-left:none; background-color:#fff;  display:block; height:43px; line-height:43px; }
	.top .month>ul>li a.line{ border-left:1px solid #d1d1d1;}
	.top .month>ul>li a.libg{ background-color:#f5f5f5;}
	.top .month>ul>li a:hover, .month>ul>li a.active{ text-decoration:none; color:#fff; background-color:#fc691b;  color:#fff;  border:1px solid #fc691b;}
	
	.top .introbtn{float:right;}	
	.top .introbtn ul{overflow:hidden;}
	.top .introbtn ul li{height:131px; width:98px; float:left;}
	.top .introbtn ul li a{width:98px;height:131px;background:url('../images/img.png');background-repeat:no-repeat; display:block; overflow:hidden;text-indent:-99999px;font-size:0;} 
	.top .introbtn ul li a.prointro{width:98px; background-position:0px 0;}	
	.top .introbtn ul li a.yearplan{width:98px; background-position:-98px 0;}
	.top .introbtn ul li a:hover,      
	.top .introbtn ul li a:focus{position:relative; background-position-y:-140px;}
	
	#lean_overlay {
    position: fixed;
    z-index:500;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

.modal{display:none;}

#prointro{width:966px; height:693px; ;margin:0 auto; text-align:center;}
	#prointro .bx-wrapper{width:966px!important;padding:0px 0;  height:538px;  margin:0; text-align:center; margin:0 auto;}
	#prointro .bx-wrapper .bx-viewport{box-shadow:0 0 0; border:0; left:0; background:#fff;height:538px!important; text-align:center; margin:0 auto;}
	#prointro .bx-wrapper .bx-viewpo ul{width:897px;}
	#prointro .bx-wrapper .bx-viewport li{width:897px!important; margin-left:36px;}
	#prointro .bx-wrapper .bx-controls-direction a{width:27px;height:44px;margin-top:-50px;}
	#prointro .bx-wrapper .bx-prev{background: url(https://www.kidkids.net/eduinfo_new/img/classic/popup_prev.png);left:-60px;}
	#prointro .bx-wrapper .bx-next{background: url(https://www.kidkids.net/eduinfo_new/img/classic/popup_next.png);right:-60px;}
	#prointro .bx-wrapper .bx-pager.bx-default-pager a{width:14px;height:14px;border-radius:10px;background:#fff; margin:0 3px;}
	#prointro .bx-wrapper .bx-pager.bx-default-pager a:hover, 
	#prointro .bx-wrapper .bx-pager.bx-default-pager a.active {background: #fdc62f;}
	#prointro .bx-wrapper .bx-pager{bottom:-60px;}	

	#prointro .bxtop{background:url('../images/bxtop.png'); height:72px; width:966px; position:relative;}
	#prointro .bxtop h4{position:absolute;left:36px; bottom:10px;}
	#prointro .bxtop .close{position:absolute;z-index:99999; right:15px; top:15px; }
	#prointro .bxbottom{background:url('../images/bxbottom.png'); height:31px; width:966px;}
	#prointro .movbg{background:#fc691b; height:538px;}
	#prointro .movbg h2{text-align:center; margin:0 auto; margin-top:43px; margin-bottom:15px; width:502px;}
	#prointro .movbg h2.aa{width:590px;}
	
	.bx-wrapper img {
    max-width: none;
    display: block;
}
	
	
#yearplan{width:1024px; margin:30px auto;}
	#yearplan .header{position: relative;    height: 83px;    background: url(https://www.kidkids.net/eduinfo_new/spedu/forest/img/madal_wrap.png) no-repeat 0 0;      box-sizing: border-box;}
	#yearplan .header h1 {    position: absolute;    top: 30px; left: 30px;}
	#yearplan .header a.modal_close {    position: absolute;    top: 20px;    right: 20px;}
	#yearplan .tab_content{}
	#yearplan .article {    background: #fff;    padding: 30px 30px 0;}
	#yearplan .tab_wrap_modal {    position: relative;}
	#yearplan .tab_wrap_modal .tab_menu {border-bottom: 2px solid #fc691b;}
	#yearplan .tab_wrap_modal .tab li {    float: left;    margin-bottom: 0px; }
	#yearplan .tab_wrap_modal .tab li a {    display: inline-block;   text-decoration: none;  padding: 15px 35px 13px;    font-weight: bold;  border:1px solid #ccc;}
	#yearplan .tab_wrap_modal .tab li:first-child a { }
	#yearplan .tab_wrap_modal .tab li a.current {  background: #fff;   color: #333; border-bottom:0;}
	#yearplan .tab_wrap_modal .tab li a.current:hover,
	#yearplan .tab_wrap_modal .tab li a.current:active
	{background: #fc691b;   color: #fff; border:1px solid #fc691b; border-bottom:0;}
	#yearplan .tab_wrap_modal .tab li a.active{background: #fc691b;   color: #fff; border:1px solid #fc691b; border-bottom:0;}
	#yearplan table.sfcomm{ width: 100%;} 
	#yearplan table.sfcomm th, #yearplan table.sfcomm td{    border: 1px solid #ccc;    padding: 15px; text-align:center; line-height:18px;}
	#yearplan table.sfcomm thead th {    background: #e6e6e6;}
	#yearplan table.sfcomm.plan_doc th {  padding: 12px 5px;} 
	#yearplan table.sfcomm.plan_doc tbody th {    font-weight: bold;}
	#yearplan table.sfcomm tbody th {    background: #f7f7f7;}
	#yearplan table.sfcomm.plan_doc td {    padding: 12px 15px;}
	#yearplan table.sfcomm.plan_doc td.songtit{ font-weight:bold;}
	#yearplan  table.sfcomm.plan_doc a {    text-decoration: none;    color: #212121;}
	#yearplan  .tab_wrap_modal a.download {    position: absolute;    top: -35px;    right: 0;}
	#yearplan  .footer {		height: 30px;		background: url(https://www.kidkids.net/eduinfo_new/spedu/forest/img/madal_wrap.png) no-repeat 0 100%;}
	

.pointcolor{color:#f2612c;}	
.pointcolor_g{color:#46af00;}	
.month_area{margin-top:30px; border:1px solid #d9d9d9; border-top:2px solid #f2612c; position:relative;}	
	/*.month_area .month_area_ege{ background:url('../images/img.png'); width:42px; height:37px;  position:absolute; top:-5px; left:10px; overflow:hidden; }
	.month_area .month_area_ege3{ background-position:0px -296px;}
	.month_area .month_area_ege4{ background-position:-62px -296px}
	.month_area .month_area_ege5{ background-position:-124px -296px;}*/
	.month_area .month_area_point{ background:url('../images/month_area_point.png'); width:60px; height:53px;  position:absolute; top:-5px; right:15px; overflow:hidden; text-align:center;}
	.month_area .month_area_point .text{font-size:12px; font-weight:bold; text-align:center;line-height:15px; color:#fff; margin-top:15px; display:block;}
	.month_area .month_area_icon a{position:absolute; bottom:20px; right:20px; background:url('../images/img.png')-280px -397px;width: 60px; height: 60px; display: block; overflow: hidden; text-indent: -99999px; font-size: 0;}
	.month_area .month_area_icon a:hover, .month_area .month_area_icon a:focus{background-position:-280px -467px;}
	.month_area .area{margin:20px;}
	.month_area .area .mov{width:290px; height:200px; float:left;position:relative;}
	.month_area .area .mov .readydown{position: absolute;    top: 0;    left: 0;    width: 100%;    height: 205px;    background: url(https://www.kidkids.net/eduinfo_new/img/project/con_imgover.png);    display: none;}
	.month_area .area a.overmov{display:block;}
	.month_area .area a.overmov:hover .readydown{display:block;}
	.month_area .area .mov .icon_slide{position:absolute; top:32%; left:38%; display: block!important;}	
	.month_area .area .textarea{margin-left:20px; float :left; margin-top:11px; width:450px; height:194px; position:relative;}
	.month_area .area .textarea .textarealine{border-bottom:#e6e6e6 solid 1px; padding-bottom:14px; margin-bottom:14px;}
	.month_area .area .textarea p{line-height:20px;}
	.month_area .area .textarea .textarealine h4{font-size:16px; font-weight:bold; color:#333333; line-height:23px;}
	.month_area .area .textarea ul{position:absolute;  bottom:5px;}
	.month_area .area .textarea ul li{float:left; margin-right:8px;}
	.month_area .area .textarea ul li a{width:99px;height:30px;background:url('../images/img.png');background-repeat:no-repeat; display:block; overflow:hidden;text-indent:-99999px;font-size:0;} 
	.month_area .area .textarea ul li a.handbook{background-position:0px -290px;}
	.month_area .area .textarea ul li a.school_new{background-position:-105px -290px;}	
	.month_area .area .textarea ul li a:hover,      
	.month_area .area .textarea ul li a:focus{position:relative; background-position-y:-330px;}	






.th_month{margin-top:40px; }
	.th_month h1{width:110px; height:32px; overflow:hidden;  background:url('../images/img.png') no-repeat 0 0; font-size:0; text-indent:-99999px;}
	.th_month .area{width:100%; /*border-top:1px solid #d9d9d9;*/ margin-top:10px;}
	.th_month .area h3{margin-bottom:5px; font-size:16px;}
	.th_month .area h3 p{margin-top:4px;}
	.th_month .area .content{width:261px; border:1px solid #d9d9d9; margin-left:12px;height:284px;}
	.th_month .area .content .pro_img{height:183px;}
	.th_month .area .content .no_edu, .th_month .area .content .no_img{background:#fafafa; text-align:center; border-bottom:1px solid #f2f2f2; }
	.th_month .area .content .no_img img{margin-top:40px;}
	.th_month .area .content .no_edu{height:100%; border-bottom:1px solid #d9d9d9; }
	.th_month .area .content .no_edu img{margin-top:80px;}
	.th_month .area .content .pro_img img.maximg{}

	.th_month .area .content .text {padding:15px 10px 9px; border-top:1px solid #e5e5e5; min-height:39px;}
	.th_month .area .content .text h4{line-height:23px; font-size:14px; margin-top:2px; min-height:46px;}
	.th_month .area .content .text a{color:#333333; text-decoration:none; }	
	/* 추천활동과 css 분리 2018-04-17 jwno55 */
	.th_month .area .content .text_mon { margin:15px 10px 9px ; min-height:39px;}
	.th_month .area .content .text_mon h4{line-height:23px; font-size:14px; margin-top:2px; }
	.th_month .area .content .text_mon a{color:#333333; text-decoration:none; }	

	.th_month .area .content  .bottom{background-color:#fafafa; border-top:1px solid #e6e6e6; height:36px;  }	
	.th_month .area .content  .bottom>ul>li{float:left; border-left:1px solid #e6e6e6; width:24.33333%; text-align:center; height:36px; }
	/*.th_month .area .content  .bottom>ul>li.long{width:75px;}*/
	.th_month .area .content  .bottom>ul>li a{ display:inline-block; text-decoration:none; color:#333333; font-weight:bold; padding-top:13px;}
	.th_month .area .content  .bottom>ul>li a:hover, .th_month .area .content  .bottom>ul>li a.active{color:#46af00;}
	.th_month .area .content  .bottom>ul>li:first-child { border-left:none;}
	.th_month .area .content .play{position:absolute; top:23%; left:43%;}
	.th_month .area .content .month_icon{width:42px; height:35px; overflow:hidden;  background:url('../images/month_icon.png') no-repeat;position:absolute; top:-4px; left:13px;}
	.th_month .area .content .month2 {background-position:-47px 0px;}
	.th_month .area .content .month3 {background-position:-94px 0px;}
	.th_month .area .content .month4 {background-position:-141px 0px;}
	.th_month .area .content .month5 {background-position:-188px 0px;}
	.th_month .area .content .month6 {background-position:-235px 0px;}
	.th_month .area .content .month7 {background-position:-282px 0px;}
	.th_month .area .content .month8 {background-position:-329px 0px;}
	.th_month .area .content .month9 {background-position:-376px 0px;}
	.th_month .area .content .month10{background-position:-423px 0px;}
	.th_month .area .content .month11{background-position:-470px 0px;}
	.th_month .area .content .month12{background-position:-517px 0px;}
	/* 리스트가 3개 이상인 경우 bx 슬라이더 적용으로 마진을 0으로 하고 슬라이더 마진으로 간격을 조정함 2018-04-06 jwno55 */
	.th_month .area .manuscript .content{width:261px; border:1px solid #d9d9d9; margin-left:0px;}
	.th_month .area .mon_manuscript .content{width:261px; border:1px solid #d9d9d9; margin-left:0px;}

	
.gather{margin-top:70px; text-align:center; }
	.gather h1{width:130px; height:32px; overflow:hidden;  background:url('https://www.kidkids.net/eduinfo_new/img/math/img.png') no-repeat -195px 0px; font-size:0; text-indent:-99999px;}
	.gather .area{width:100%; border-top:1px solid #d9d9d9; margin-top:10px;}
	.gather .area h3{width:120px; height:24px; overflow:hidden;  background:url('https://www.kidkids.net/eduinfo_new/img/math/img.png') no-repeat 0 -50px; font-size:0; text-indent:-99999px; margin-top:28px;}
	.gather .area .tab{}
	.gather .area .tab li{float:left; display:block; height:40px; text-align:center; width:125px;  ;} 
	.gather .area .tab li a{font-size:12px; font-weight:bold; border:1px solid #d1d1d1;  color:#333333; text-decoration:none; border-left:none; background-color:#f9f9f9;  display:block; height:40px; line-height:40px;		} 
	.gather .area .tab li.line{width:313px; border-bottom:1px solid #d1d1d1; border-top:1px solid #fff; }	
	.gather .area .tab li a:hover, .gather .area .tab li a.active{ text-decoration:none; color:#fff; background-color:#fc691b;  color:#fff;  border:1px solid #fc691b;}
		

	
.mathbx{margin-top:px; width:813px; }
.mathbx h4{ background:none; text-align:left; margin-bottom:5px;}
.mathbx .mt_slider{width:767px;background-color:#f7f7f7;text-align:center; height:270px; position:relative; }
.mathbx .mt_slider .age{width:42px; height:37px; overflow:hidden;  background:url('../images/img.png') no-repeat;position:absolute; top:-4px; left:10px;}
.mathbx .mt_slider .age_3{ background-position:0px -296px;}
.mathbx .mt_slider .age_4{ background-position:-62px -296px;}
.mathbx .mt_slider .age_5{ background-position:-124px -296px;}
.mathbx .bxleft{background-color:#eeeeee; width:23px; height:270px;}
.mathbx .bx-wrapper{padding:0px 0;  height:240px;  margin:0; text-align:center; margin:0;display:inline-block; background-color:#f7f7f7;}
.mathbx .bx-wrapper .bx-viewport{box-shadow:0 0 0; border:0; left:0; background:transparent;height:240px!important; text-align:center; margin:0 auto;  }	
.mathbx .bx-wrapper .bx-viewport li{width:146px!important; margin:25px 0; position:relative; height:146px; }
.mathbx .bx-wrapper .bx-viewport li a{text-decoration:none; color:#000;}
.mathbx .bx-wrapper .bx-viewport li a:hover{color:#46af00;}	
.mathbx .bx-wrapper .bx-viewport li .condown{height:146px; overflow:hidden; background:#fff;border-radius: 50%;   position: relative;
  
	 -moz-border-radius : 50%;
	-webkit-border-radius :  50%;
	-ms-border-radius : 50%;
	-khtml-border-radius :  50%;
	-o-border-radius : 50%;
	}	
	
	.pro_go_btn{width:63px; height:22px; margin:5px auto 0; }
	.pro_go_btn a{width:63px; height:22px; display:block; background:url('../images/forest_edu_pro_btn.png');}
	.pro_go_btn a:hover{background-position:0 -27px;}
	
.mathbx .bx-wrapper .bx-viewport li .active{border:3px #46af00 solid;border-radius: 50%;color:#46af00; margin-top:-6px;}	
.mathbx .bx-wrapper .bx-viewport li .con_text{background:#fff; width:209px; height:38px; line-height:38px; border:1px #e5e5e5 solid; border-top:0; text-align:left; overflow:hidden; }
.mathbx .bx-wrapper .bx-viewport li .con_text p{margin:0 10px;}
.mathbx .bx-wrapper .bx-viewport li .con_text .icon_page{border-left:1px  #e5e5e5 solid; height:100%; float:right; width:40px; display:inline-block;}
.mathbx .bx-wrapper .bx-viewport li .con_text .icon_page img{margin:12px;}
.mathbx .bx-wrapper .bx-viewport li .condown .condownarea{padding:10px; text-align:left; background:#fff;}
.mathbx .bx-wrapper .bx-viewport li .condown .condownarea ul.iconn {margin-top:10px;}
.mathbx .bx-wrapper .bx-viewport li .condown .condownarea ul.iconn>li{float:left; width:43px!important; height:43px;  margin:0; margin-right:4px; } 
.mathbx .bx-wrapper .bx-viewport li .condown .condownarea ul.iconn>li a{background:url('../images/img.png') no-repeat 0 0 ; width:43px; height:43px;  display:block; overflow:hidden;text-indent:-99999px;font-size:0;} 
.mathbx .bx-wrapper .bx-viewport li .condown .condownarea ul.iconn>li a.eduplan{background-position:-332px -283px;}
.mathbx .bx-wrapper .bx-viewport li .condown .condownarea ul.iconn>li a.eduplan:hover{background-position:-332px -336px;}
.mathbx .bx-wrapper .bx-viewport li .condown .condownarea ul.iconn>li a.songplay{background-position:-385px -283px;}
.mathbx .bx-wrapper .bx-viewport li .condown .condownarea ul.iconn>li a.songplay:hover{background-position:-385px -336px;}
.mathbx .bx-wrapper .bx-viewport li .condown .condownarea ul.iconn>li a.lyrics{background-position:-438px -283px;}
.mathbx .bx-wrapper .bx-viewport li .condown .condownarea ul.iconn>li a.lyrics:hover{background-position:-438px -336px;}	
.mathbx .bx-wrapper .bx-viewport li .condown .condownarea ul.iconn>li a.musicpage{background-position:-491px -283px;}
.mathbx .bx-wrapper .bx-viewport li .condown .condownarea ul.iconn>li a.musicpage:hover{background-position:-491px -336px;}
.bx-wrapper .bx-controls-direction a.disabled {display: inline-block!important;}

.mathbx .bx-wrapper .bx-viewport li .condown .readydown { position: absolute;  top: 0;  left: 0;  width: 100%;    height: 150px; background: url(https://www.kidkids.net/eduinfo_new/img/project/con_imgover.png);    display:none ;}
.mathbx .bx-wrapper .bx-viewport li a{display:block;}
.mathbx .bx-wrapper .bx-viewport li a:hover .readydown{display:block;}
.mathbx .bx-wrapper .bx-viewport li .condown  .readydown .btnrdown{ position:relative;top:38%;left:40%;margin:-15px 0 0 -15px;display:block!important; width:69px; height:69px;}
.mathbx .bx-wrapper .bx-controls-direction a{width:50px;height:55px;z-index:299!important;}
.mathbx .bx-wrapper .bx-prev{background:url('https://www.kidkids.net/eduinfo_new/img/eco/prev_01.png');left:-90px;}
.mathbx .bx-wrapper .bx-next{background: url('https://www.kidkids.net/eduinfo_new/img/eco/next_01.png');right:-90px;}
.mathbx .bx-wrapper .bx-pager.bx-default-pager a{display:none;}	
.bx-wrapper .bx-next:hover {
	background-position: 0px 0!important;
}


/*.mind_stag{width:813px; border:1px solid #e5e5e5; height:100px; margin-top:13px; overflow:hidden; position:relative;}	
	.mind_stag .week {position:absolute; top:0; left:0; width:27px; height:15px; background:#f2612c; font-size:11px; font-weight:bold; text-align:center; color:#fff; padding-top:3px;}
	.mind_stag .mind_img{width:107px; background:#fafafa; height:100px; border-right:1px solid #ededed; text-align:center; padding-top:23px; float:left;} 
	.mind_stag .mind_text{ float:left; margin-top:22px; margin-left:20px;}
		.mind_stag .mind_text a{color:#333; text-decoration:none;}
		.mind_stag .mind_text h4{font-size:14px; margin-bottom:6px;}
		.mind_stag .mind_text p{line-height:18px;}
		.mind_stag .mind_text a:hover{text-decoration:underline;}	
	.mind_stag .mind_icon{margin-top:20px; float:right; margin-right:20px;}
		.mind_stag .mind_icon ul li{width:60px; height:60px; margin-right:5px; float:left;}
		.mind_stag .mind_icon ul li a{    background: url(../images/pro_icon_total.png) no-repeat 0 0;    width: 60px;    height: 60px;    display: block;    overflow: hidden;    text-indent: -99999px;    font-size: 0;}
		.mind_stag .mind_icon ul li a.interactive{background-position:0px -397px;}
		.mind_stag .mind_icon ul li a.slide{background-position:-70px -397px;}
		.mind_stag .mind_icon ul li a.think{background-position:-140px -397px;}
		.mind_stag .mind_icon ul li a.wisdom{background-position:-210px -397px;}
		.mind_stag .mind_icon ul li a.home_mess{background-position:-280px -397px;}	
		.mind_stag .mind_icon ul li a:hover,      
		.mind_stag .mind_icon ul li a:focus{position:relative; background-position-y:-467px;}*/
		
.forest_intro{margin-top:50px; position:relative;}
.forest_intro .yearplan_btn{position:absolute;top:15px; right:15px;}

/* 상품에 연결된 활동 슬라이드 이동 버튼 css 2018-04-06 jwno55 */
.btn_wrap { position:relative; }
.btn_wrap .nextbtn { position: absolute;right:3px;top:-24px; }

.btn_wrap_mon { position:relative; }
.btn_wrap_mon .nextbtn_mon { position: absolute;right:3px;top:-24px; }



/*180412*/
.tit_btn_new{position:relative; top:15px;}
.tit_btn_new a{margin-left:3px;}
#intro_modal{position:relative;}
#intro_modal .modal_close{position:absolute; top:10px; right:10px;}



/*활동교구*/
.activ_area{ margin-top:10px;}
	.activ_area li{float:left; margin-left:13px; text-align:center;}
	.activ_area li p{font-size:14px; font-weight:bold; margin-top:10px;}

/*활동교구
.activ_area{background:#f5f5f5; padding:25px 14px 20px; margin-top:10px;}
	.activ_area li{float:left; margin-left:13px; text-align:center;}
	.activ_area li p{font-size:14px; font-weight:bold; margin-top:10px;}*/
	
/*교구 리스트*/	
.product_view{border:1px #d9d9d9 solid; border-top:2px solid #5bbb00; margin-top:20px;padding:25px; position:relative;}	
	.product_view .proview_img{border:1px #d9d9d9 solid; width:250px; height:250px; margin-right:24px; float:left; overflow:height;}
	.product_view .proview_img img{width:250px; height:250px;}
	.product_view .proview_text{float:left; margin-top:6px; width:480px; }	
	.product_view .proview_text table{width:480px;}
	.product_view .proview_text table th{ border:1px solid #d9d9d9; height:32px;background:#f5f5f5; text-align:center;}
	.product_view .proview_text table td{ border:1px solid #d9d9d9; padding-left:10px; height:32px;}
	.product_view .proview_text table td a{ color:#333333; text-decoration:none; }
	.product_view .proview_text table td .icon{}
	.product_view h4{font-size:16px; }
	.product_view p{line-height:18px; margin-top:8px; height:57px;overflow: hidden;}
	.product_view h5{font-size:12px; color:#5bbb00; margin-bottom:4px;}
	.product_view h5 img{position:relative; top:3px; margin-right:3px;}
	.product_view .proview_btn{position:absolute; bottom:21px;}

/*교구 리스트*/
.product_area{text-align:center; margin-left:-12px;}
	.th_month .area .pro_new{height:471px; text-align:center;padding-bottom:10px; margin-bottom:12px; position:relative;}
	.th_month .area .pro_new .pro_img{height:261px;position:relative;}
	.th_month .area .pro_img img{width:261px;height:261px;}	
	.th_month .area .pro_new p{line-height:18px;min-height:70px;}
	.th_month .area .pro_new a.pre_btn{width:100px; height:27px; display:inline-block; background:url('../images/pro_btn_new.png');  padding: 3px 13px 0px 0px; font-weight: bold;}
	.th_month .area .pro_new a.edu_btn{background-position:113px 0px; margin-left:3px; text-align: right;}
	.th_month .area .pro_new a.pre_btn:hover{background-position:0 30px;}
	.th_month .area .pro_new a.edu_btn:hover{background-position:113px 30px; color:#fc691b;}
	/* 활동영상보기 버튼: 상품보기/활동안 버튼과 같은 모양, 두 버튼 너비만큼 */
	.th_month .area .pro_new .view_videoarea{height:30px; margin-bottom:4px;} /* 영상 없는 카드도 같은 높이 확보 -> 버튼 위치 통일 */
	.th_month .area .pro_new a.viewBtn{display:inline-block; box-sizing:border-box; width:231px; height:30px; line-height:28px; border:1px solid #c5c5c5; background:#fff; color:#333; font-weight:bold; font-size:12px; text-decoration:none; vertical-align:middle;}
	.th_month .area .pro_new a.viewBtn img{vertical-align:middle; margin:-2px 4px 0 0;}
	.th_month .area .pro_new a.viewBtn:hover{color:#fc691b;}
	.th_month .area .pro_choice{position:absolute; width:261px; height:404px;border:5px #5bbb00 solid; top:-1px; left:-1px; /*display:none;*/}

	.th_month .area .pro_choice_new{border:5px #5bbb00 solid;box-sizing : border-box;}
	.th_month .area .pro_choice_new img{width:251px;height:252px;}
	.th_month .area .pro_new .pro_img .icon, .th_month .area .pro_choice_new .icon{position:absolute; top:13px; right:10px; width:34px!important; height:34px!important;}
	.th_month .area .pro_new .pro_img .icon_0, .th_month .area .pro_choice_new .icon_0{position:absolute; top:13px; right:10px; width:34px!important; height:34px!important;}
	.th_month .area .pro_new .pro_img .icon_1, .th_month .area .pro_choice_new .icon_1{position:absolute; top:13px; right:50px; width:34px!important; height:34px!important;}
	.th_month .area .pro_new .pro_img .icon_2, .th_month .area .pro_choice_new .icon_2{position:absolute; top:13px; right:90px; width:34px!important; height:34px!important;}
	.th_month .area .pro_new .pro_img .icon_3, .th_month .area .pro_choice_new .icon_3{position:absolute; top:13px; right:130px; width:34px!important; height:34px!important;}

	.forest_edu_new_tabp{}
	.forest_edu_new_tabp div a{font-size: 14px; font-weight: bold; display:inline-block;  border: 1px solid #d1d1d1; border-bottom:1px solid #fc691b;color: #333333; height: 50px; line-height: 50px; width:49%;
		float:left; text-align:center; margin-bottom:40px; text-decoration:none; }
	.forest_edu_new_tabp div a.active{border:1px solid #fc691b; border-bottom:1px solid #fff; color:#fc691b;}

	
.pager{  display:inline-block;*display:inline;*zoom:1;margin:0 auto;margin-top:10px;}
	.pager li{float:left;padding-left:17px;background:url('https://www.kidkids.net/ddoran/img/spc_pager.gif') no-repeat 7px 50%;}
	.pager li:first-child{background:none;padding:0;}
	.pager li.nobg{background:none;padding-left:8px;}
	.pager li a{text-decoration:none;color:#8a8a8a;font-family:tahoma;}
	.pager li a.active{font-weight:bold; color:#fc691b;}
	.pager li img{position:relative;top:-2px;}
	
/*보템자료*/
.plus_date{margin-top:40px;}
	.plus_date .plus_date_total{margin-left:-12px;  margin-top:5px;}
	.plus_date .plus_date_area{border:1px solid #d9d9d9;padding:15px; width:368px; height:130px; float:left; margin-left:12px; margin-bottom:12px;}
	
	.plus_date .plus_date_area .plus_date_img{width:96px; height:120px; border:1px solid #d9d9d9; margin-right:12px; float:left;}
	.plus_date .plus_date_area .plus_date_img img{max-width:100%;}
	
	.plus_date .plus_date_area p{margin-top:3px; line-height:18px;}
	.plus_date .plus_date_area p.s_tit{color:#03983a;}
	.plus_date .plus_date_area h4{margin-top:2px; margin-bottom:5px;}
	.plus_date .plus_date_area a{ text-decoration: none; color: #000;}

.plus_date .plus_date_icon{width:258px; border:0; height:30px; margin-top:13px; overflow:hidden; position:relative;}
.plus_date .plus_date_icon .plusicon{margin-top:0px; float:left; margin-right:5px}
/*
.plus_date .plus_date_area .plus_date_img{width:96px; height:120px; border:1px solid #d9d9d9; margin-right:12px; float:left;}
.plus_date .plus_date_area .plus_date_img img{max-width:100%;}
.plus_date_icon{width:350px; border:0; height:30px; margin-top:13px; overflow:hidden; position:relative;}
.plus_date_icon .plusicon{margin-top:0px; float:left; margin-right:5px}
*/