/* @charset "utf-8"; */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
input::-ms-clear {display:none}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff}
body,th,td,input,select,textarea,button {font-size:12px;line-height:1.5;font-family:'돋움',dotum,sans-serif;color:#666;}
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none;}
a:active {background-color:transparent}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
label { cursor:pointer; }
input, select, textarea{border:1px solid #d4d4d4;}
input[type="checkbox"], input[type="radio"]{border:none;}
h1{font-size:12px;}

/* Common */
.clearfix:before,.clearfix:after{content:"";display:block;}
.clearfix:after{clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{*zoom:1;}
.fleft{float:left;}
.fright{float:right;}
.txtleft{text-align:left !important;margin-top:6px;}
.txtcenter{text-align:center !important;}
.txtright{text-align:right !important;}
.txtleft{text-align:left !important;}
.mar_bottom{margin-bottom:30px;}
.mar_bottom2{margin-bottom:50px;}
.um_bottom{margin-bottom:10px;}
.import_text{color:#f55404;font-weight:600;}
.import_text2{color:#f55404;font-weight:600;font-size:14px;}
.tep_box_line{border:1px solid #d5d5d5;}
.art_mr{margin-right:10px;}

.art_tbtn{width:100%;height:129px;margin-top:25px;margin-bottom:20px;}
	.art_tbtn .art_lsa_age{width:199px;height:129px;}
	.art_tbtn .art_lsa_age .lsaa_btn{width:99px;height:42px;float:left;}
	.art_tbtn .art_csa_month{width:328px;height:129px;margin-left:6px;}
	.art_tbtn .art_csa_month .csam_btn{width:82px;height:43px;float:left;}
	.art_tbtn .art_rsa_ban{width:267px;height:129px;float:right;}
	.art_tbtn .art_rsa_ban .rsab_btn{width:89px;height:129px;float:left;}

.art_contents{/*overflow:hidden;*/margin-bottom:20px}
	.art_contents .box{position:relative;float:left;border:1px solid #d9d9d9;width:395px;height:120px;/*overflow:hidden;*/margin:10px 0px 10px 0;}
	.art_contents .art_mr{margin-right:19px;}
	.art_contents .art_boxbtn{position:absolute;top:10px;right:10px;}
	.art_contents .art_boxbtn .preview_clip{position:relative;display:inline-block;width:27px;height:27px;cursor:pointer;}
	.art_contents .art_boxbtn .preview_clip .clipover{position:absolute;top: 40px;right:-10px;box-shadow: 0px 0px 6px 1px #777;z-index: 100;display:none;}
	.art_contents .art_boxbtn .preview_clip .clipover .clip_header{position: relative;background: #62a609;border: 1px solid #589009;padding: 10px 13px 5px;}
	.art_contents .art_boxbtn .preview_clip .clipover .clip_header h3{float: left;font-size: 13px;color: #fff;line-height: 18px;}
	.art_contents .art_boxbtn .preview_clip .clipover .clip_header .anchor{position: absolute;top: -11px;right: 16px;z-index:110;}
	.art_contents .art_boxbtn .preview_clip .clipover .clip_content{background: #fff;border-style: none solid solid;border-width: 1px;border-color: #ccc;padding: 13px 8px;}
	/*.art_contents .art_boxbtn .preview_clip .clipover .clip_content ul{width:228px;}*/
	.art_contents .art_boxbtn .preview_clip .clipover .clip_content ul li {width: 100px;float: left;margin: 0 7px;text-align: center;}
	.art_contents .art_boxbtn .preview_clip .clipover .clip_content ul li>div{
		position: relative;width: 100px;height: 100px;border: 1px solid #e4e4e4;border-radius: 4px;margin-bottom: 7px;overflow: hidden;
	}
	.art_contents .art_boxbtn .preview_clip .clipover .clip_content ul li>div div.over{
		display: none;position: absolute;width: 100%;bottom: 0;left: 0;
		background: url("/eduinfo_new/img/eduplan/bg_thumb.png");
		text-align: center;padding: 5px 0;border-radius: 0 0 4px 4px;color: #fff;font-weight: bold;
	}
	.art_contents .art_boxbtn .preview_clip .clipover .clip_content ul li>div:hover div.over{display:block;}
	.art_contents .art_boxbtn .preview_clip .clipover .clip_content .go_activity {
		display: block;padding: 7px;text-align: center;color: #fff;text-decoration: none;
		background: #62a609;border: 1px solid #589009;font-weight: bold;margin-top: 10px;
	}
	.art_contents .text{width:200px;float:left;padding:20px;text-align:left;}
	.art_contents .text .cotit{color:#333;font-size:14px;font-weight:bold;line-height:20px;}
	.art_contents .text .costit{color:#58b202;margin-bottom:10px;margin-top:2px;}
	.art_contents .box .marzero{float:right;margin-right:0px !important;}

.art_slide{width:815px;background-color:#f7f7f7;height:240px;vertical-align:middle;margin-bottom:35px;}
	.art_slide .art_slide_img{vertical-align:middle;margin:30px 0px 0 76px;position:absolute; width:704px;height:181px;overflow:hidden;}
	.art_slide .art_slide_img .asi_view{padding:0 46px 0 0;}

/**/
.acon_area{width:752px;font-family:'돋움';font-size:12px;}
	.acon_area .acon_title{height:45px;margin-bottom:20px;}
	.acon_area .acon_cont{width:100%;}
	.acon_area .acjr_scont{position:relative;border:1px solid #dadada;width:172px;height:135px;margin-right:5px;padding:15px 5px 10px 5px;}
	.acon_area .acjr_scont .asc_t{font-weight:600;color:#404040;}
	.acon_area .acjr_scont .asc_c{color:#737373;line-height:17px;padding-bottom:5px;}
	.acon_area .acjr_scont .nurimark{position:absolute;top:-5px;left:135px;}
	.acon_area .acjr_scont .btn_cb{position:absolute;top:47px;left:110px;}
	.acon_area .acjr_scont .eco_img_view{position:relative;}
	.acon_area .acjr_scont .btn_p{position:absolute;top:45px;cursor:pointer;}
	.acon_area .acjr_scont .btn_d{position:absolute;top:45px;cursor:pointer;}
	.acon_area .acjr_scont .imgl{border:1px solid #dadada;cursor:pointer;}
 
#intro{width:1088px;/*background:#f06;padding:10px;*/display:none;}
	#intro .header{height:65px;background:url(../images/art_jaram/art_pop/hbg_intro.png) no-repeat;}
	#intro .footer{height:31px;background-color:#fff;background:url(../images/art_jaram/art_pop/fbg_intro.png) no-repeat;}
	#intro .cont{position:relative;background:#fff;text-align:center;}
	#intro .header h2{position:absolute;top:24px;left:24px;}
	#intro .header .close{position:absolute;top:18px;right:24px;cursor:pointer;}
	#intro .bx-wrapper{width:1037px;margin:0 auto;}
	#intro .bx-wrapper .bx-viewport{box-shadow: 0 0 0 #ccc;border:none;left:0;background:none;height:640px!important;}
	#intro .bx-wrapper .bx-viewport .pintro li{width:100%!important;}
	#intro .bx-wrapper .bx-pager{position:relative;top:0;}
	#intro .bx-wrapper .bx-prev {left: -80px;}
	#intro .bx-wrapper .bx-next {right: -80px;}
	#intro .bx-wrapper .bx-controls-direction a{ width:27px; height:44px; top:45%;}
	#intro .bx-wrapper .bx-next{background: url(../images/art_jaram/art_pop/next.png) ;}
	#intro .bx-wrapper .bx-prev{background: url(../images/art_jaram/art_pop/prev.png) ;}
	#intro .bx-wrapper .bx-pager.bx-default-pager a{ background: #c8c8c8; margin: 0 3px;}
	#intro .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background: #fc691b;}
	#intro .bx-default-pager.bx-pager a.active{background: #fc691b;}
	#intro .eco_vidbp{position:absolute;margin-top:300px;margin-left:470px;}
	#intro .eco_vidb{position:absolute;margin-top:150px;left:13%;background-color:#333;width:752px;height:386px;}

#find2{width:780px;display:none;}
	#find2 .header{position:relative;height:65px;background:url(../images/art_jaram/art_pop/bg_find_top.png) no-repeat;}
	#find2 .footer{height:21px;background:url(../images/art_jaram/art_pop/bg_find_bot.png) no-repeat;}
	#find2 .cont{position:relative;background:#fff;text-align:center;}
	#find2 .header h2{position:absolute;top:24px;left:24px;}
	#find2 .header .close{position:absolute;top:18px;right:24px;cursor:pointer;}
	#find2 .cont .answer div{display:inline-block;}
	#find2 .cont .answer label{margin-right:30px;}
	#find2 .cont .answer label img{position:relative;top:-2px;}
	#find2 .cont .answer{position:absolute;bottom:40px;}
	#find2 .cont.step1 .answer, #find .cont.step3 .answer, #find .cont.step4 .answer{left:280px;}
	#find2 .cont.step2 .answer{left:305px;}
	#find2 .cont .step_back{position:absolute;bottom:30px;left:50px;}
	#find2 .cont.step_ok .step_lv{position:absolute;top:132px;left:153px;}
	#find2 .cont.step_ok .btn{position:absolute;top:240px;left:0;text-align:center;width:100%;}

#work_paper{width:780px;display:none;}
	#work_paper .header{position:relative;height:65px;background:url(../images/art_jaram/art_pop/bg_find_top.png) no-repeat;}
	#work_paper .footer{height:21px;background:url(../images/art_jaram/art_pop/bg_find_bot.png) no-repeat;}
	#work_paper .cont{position:relative;background:#fff;text-align:center;}
	#work_paper .header h2{position:absolute;top:24px;left:24px;}
	#work_paper .header .close{position:absolute;top:18px;right:24px;cursor:pointer;}
	#work_paper .ws_page{position:relative;}
	#work_paper .ws_page ul{display:inline-block;}
	#work_paper .ws_page ul li{float:left;margin:20px;text-align:center;}
	#work_paper .ws_page ul li img{border:1px solid #d4d4d4;width:320px;}
	#work_paper .ws_page ul li p{padding:7px;}
	#work_paper .ws_page .bgarea{position:absolute;top:0;left:0;background:url(../images/pattern.png);width:100%;height:100%;}
	#work_paper .ws_page .viewbtn{position: absolute;top: 50%;left: 50%;text-align: center;margin-top:-54px;margin-left:-105px;}
	
.recommand_product{margin:30px 0 20px;}
	.recommand_product h2{margin-bottom:10px;}
	.recommand_product ul{margin:0 -7px;}
	.recommand_product ul li{float:left;margin:0 8px;width:149px;}
	.recommand_product ul li a{display:block;text-align:center;}
	.recommand_product ul li a img{max-width:100%;*width:147px;border:1px solid #e4e4e4;}
	.recommand_product ul li a h3{font-size:12px;font-weight:normal;margin-top:8px;}
 
/* Modal */
#lean_overlay {position: fixed;z-index:1000;top: 0px;left: 0px;height:100%!important;width:100%;background: #000;display: none;}

.art_bd{float:right;margin-top:-40px;}
	.art_bd table.sfcomm{width:100%;border-top:2px solid #fc691b;text-align:center;}
	.art_bd table.sfcomm caption{display:none;}
	.art_bd table.sfcomm th, table.sfcomm td{border:1px solid #ccc;padding:15px;font-family:'돋움';font-size:12px;}
	.art_bd table.sfcomm thead th{background:#e6e6e6;text-align:center;}
	.art_bd table.sfcomm tbody th{background:#f7f7f7;font-weight:normal;}
	.art_bd table.sfcomm li{list-style-type:decimal;margin-left:15px;}
	.art_bd table.sfcomm.plan_doc th{padding:12px 5px;} 
	.art_bd table.sfcomm.plan_doc td{padding:12px 15px;}
	.art_bd table.sfcomm.plan_doc th.sub{font-weight:normal;}
	.art_bd table.sfcomm.plan_doc li{list-style:none;margin-left:0;}
	.art_bd table.sfcomm.plan_doc a{text-decoration:none;color:#212121;}
	.art_bd table.sfcomm.plan_doc tbody th{font-weight:bold;}
	.tab_wrap{position:relative;padding:20px;}
	.tab_wrap .tab{margin-bottom:-1px;}
	.tab_wrap .tab li{float:left;margin-bottom:0px;}
	.tab_wrap .tab li a{
		display:inline-block;background:#fff;border-width:1px 1px 1px 0;border-color:#b5b5b5 #b5b5b5 #fc691b;border-style:solid solid solid none;
		text-decoration:none;color:#404040;padding:13px 35px 10px;font-weight:bold;
	}
	.tab_wrap .tab li:first-child a{border:1px solid;border-color:#b5b5b5 #b5b5b5 #fc691b;}
	.tab_wrap .tab li a.current{background:#fc691b;border-color:#fc691b  #fc691b #fc691b;color:#fff;}
	.tab_wrap .tab li a span{display:inline-block;width:5px;height:5px;/*background:url('../images/pop/tab_state.gif') no-repeat 0 0;*/margin:0 0 0 10px;}
	.tab_wrap .tab li a.current span{background-position:0 -10px;}
	.tab_wrap .tab_menu{border-bottom:1px solid #fc691b;}
	.tab_wrap a.download{position:absolute;top:0;right:0;}
	
	.art_tl{text-align:left;}

.modal{display:none;}
.mgtop15{margin-top:15px;}

#yearplan{width:1024px; margin:30px auto;}
	#yearplan .header{position: relative;    height: 83px;    background: url(http://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.close {    position: absolute;    top: 20px;    right: 20px;}

	#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 .tabs li {    float: left;    margin-bottom: 0px; }
	#yearplan .tab_wrap_modal .tabs li a {    display: inline-block;   text-decoration: none;  padding: 15px 35px 13px;    font-weight: bold;  border:1px solid #ccc;   border-left:none;} 
	#yearplan .tab_wrap_modal .tabs li:first-child a {border-left:1px solid #ccc;}
	#yearplan .tab_wrap_modal .tabs li a.current {  background: #fff;   color: #333; border-bottom:0;}
	#yearplan .tab_wrap_modal .tabs li a.current:hover,
	#yearplan .tab_wrap_modal .tabs li a.current:active
	{background: #fc691b;   color: #fff; border:1px solid #fc691b; border-bottom:0;}
	#yearplan .tab_wrap_modal .tabs li a.active{background: #fc691b;   color: #fff; border:1px solid #fc691b; border-bottom:0;}
	#yearplan .tab_wrap_modal{}
	
	#total22,#total11{ width:475px;display:inline;} 
	#yearplan table.sfcomm { width:475px;} 
	#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: 0;    right: 0;}
	#yearplan  .footer {		height: 30px;		background: url(http://www.kidkids.net/eduinfo_new/spedu/forest/img/madal_wrap.png) no-repeat 0 100%;}