/* Common */
html, body {font-family: '맑은 고딕','돋움', sans-serif;    font-size:13px;-webkit-font-smoothing: antialiased;background: #fff;line-height:1.6; color:#000;line-height:1.4;}
html, body, td, input, textarea{ font-family: 'Malgun Gothic'!important;}
img{border:0;margin:0;padding:0;}
a{margin:0;padding:0; text-decoration:none; color:000;}
a[name]{height:0;}
#right_area a:link{ font-family: 'Malgun Gothic'!important; font-size:13px!important;}
#left_menu_my_info_area a:link, #left_menu_my_info_area {font-family: 'Malgun Gothic'!important;}
.fleft{float:left;}
.fright{float:right;}
.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;}
.prelative{position:relative;}
.pabsolute{position:absolute !important;}
.line_height{ line-height:0px;}
.verttop{ vertical-align:top;}
.vertbottom{ vertical-align:bottom;}
ul, li{ margin:0;}
li img { vertical-align:middle; }
.maright{ margin-right:20px;}
.maleft{ margin-left:20px !important;}
.total{ background-color:#f2f2f2; }
.matop10{ margin-top:10px;}
.matop30{ margin-top:30px;}
.matop{ margin-top:40px;}
.matoplf{ margin-top:14px;}




.container-fluid {
    position: relative;
    width: 100%;
    margin: 0 auto; text-align: center;
}
	
.container {
    position: relative;
    width: 1170px; margin: 0 auto;  }
	
.shadowP_area {position: relative;
    width: 100%;
    margin: 0 auto; text-align: center;
	}	

.nori_wrap {width:813px;  margin:0 auto; /*margin-top:58px;*/}	

.nori_top .program_tit{font-size:28px; display:inline-block; text-align:left; letter-spacing:-1px; font-weight:bold; font-family: 'NotoSans', sans-serif;}
 .topbtn {margin-left:6px;}
 .topbtn .prointro{width:128px; height:31px;  background-position:0 0; display:inline-block;} 
 .topbtn .yearplan {width:128px; height:31px; background-position:279px 0px;}
 .topbtn a{text-indent:-9999px; font-size:0; background-repeat:no-repeat; background:url(https://www.kidkids.net/eduinfo_new/img/classic/btn.png); display:block;  margin-left:6px;}

.topnav_area li:first-child{background:none;}
.topnav_area li {float:left; background:url(https://www.kidkids.net/eduinfo_new/images/ddong/bc_bg.gif) no-repeat 0 4px; margin-left:7px; padding-left:10px;}
.topnav_area li a:link {font-family:'돋움'; font-size:12px; color:#4f4f4f;  text-decoration:none;} 
.topnav_area li a:visited {font-family:'돋움'; font-size:12px; color:#4f4f4f; text-decoration:none;}

.top .monthshadow_tit{text-align:center; background:url(../images/m_bg.png) 0 0 no-repeat;  font-family: 'NotoSans', sans-serif; font-weight:500;/*border:1px solid #e5e5e5;  border-bottom:1px dashed #c0c0c0; */margin-top:23px; /*font-family:'Spoqa Han Sans';*/ padding:18px 0; position:relative;height:auto; color:#fff;}
.top .monthshadow_tit p{font-size:19px; margin-top:6px;}
.top .monthshadow_tit h1{font-size:62px; color:#000; font-weight:bold; color:#fff; /*margin-top:-13px;*/line-height:1.1;}
.top .monthshadow_tit h1 span{font-size:23px; position:relative; top:-6px;}
.top .monthshadow_tit .arrow_area{position:absolute; top:50%; margin-top:-21px; width:92%; left:50%; transform:translateX(-50%);}

.top .fairy_story {border:1px solid #e5e5e5; padding:35px 30px; border-top:0;}
.top .fairy_story a.shdfairy_thumb{width:315px; height:217px; background:url(../images/Mfairy_thumb.png) no-repeat 0 0; position:relative; display:inline-block;} 
.top .fairy_story a .play_icon {position:absolute; top:50%; margin-top:-27px; left:50%; transform:translateX(-50%);}
.top .fairy_story .shdfairy_text{width:406px;  text-align:left; /*padding-left:25px; margin-left:25px; border-left:1px solid #e5e5e5;*/   height:217px; position:relative;
  word-break: keep-all;    word-wrap: break-word;    overflow-wrap: break-word;}
.top .fairy_story .shdfairy_text h3 {font-size:26px; font-family: 'NotoSans', sans-serif; font-weight:500;letter-spacing:-1px;}
.top .fairy_story .shdfairy_text .txt_area {margin-top:3px;  font-size:13px; line-height:23px;}
.top .fairy_story .shdfairy_text .btn_area { position:absolute; bottom:0px;}
.top .fairy_story .shdfairy_text .btn_area li {margin-left:6px; float:left;}
.top .fairy_story .shdfairy_text .btn_area li:first-child {margin-left:0;}
.top .fairy_story .shdfairy_text .btn_area li .shdwplay_btn {border:1px solid #d9d9d9; width:100px; height:33px; display:inline-block; line-height:32px; text-align:center; }
.top .fairy_story .shdfairy_text .btn_area li .shdwplay_btn img {margin-right:5px; margin-top:-3px;}

.program_process {margin-top:30px; height:393px; background:url(../images/shadow_play_bg.png) no-repeat 0 0; position:relative; }
.playproc_name {width:138px; font-size:12px; line-height:15px; text-decoration:none;}
.program_process a.playproc_name  {text-decoration:none;}

.posi01 { position:absolute; left:145px; top:12px;}
.posi02 { position:absolute; left:480px; top:12px;}
.posi03 { position:absolute; left:657px; top:12px;}
.posi04 { position:absolute; left:630px; top:152px}
.posi05 { position:absolute; left:332px; top:152px}
.posi06 { position:absolute; left:169px; top:152px}
.posi07 { position:absolute; left:8px; top:152px}
.posi08 { position:absolute; left:173px; top:293px}
.posi09 { position:absolute; left:318px; top:362px}
.posi10 { position:absolute; left:673px; top:293px}

.clip_gather {margin-top:89px;}
.clip_gather .sub_tit{font-size:20px; font-weight:normal; text-align:left;font-weight:bold}
.clip_gather .clip_top {border:1px solid #d9d9d9; background:#fafafa; margin-top:5px;  }
.clip_gather .clip_top li {float:left; border-right:1px solid #d9d9d9;  height:36px; width:14.1%; font-size:12px;}
.clip_gather .clip_top li:last-child {border-right:0; }
.clip_gather .clip_top li a {line-height:36px; text-align:center;}
.clip_gather .clip_top li.select {background:#eef8ff; font-weight:bold;}
.clip_gather .clip_conts {position:relative; border:1px solid #d9d9d9; padding:10px; text-align:center; overflow:hidden; border-top:0; height:207px}
.clip_gather .clip_conts .clip_list {width:680px; margin:0 auto; padding:28px;}
.clip_gather .clip_conts .clip_list li{float:left; width:25%;height: 189px;}
.clip_gather .clip_conts .clip_list li a {display:inline-block; width:80%;}
.clip_gather .clip_conts .clip_list li a .thumb_img {width:100%; /*padding-bottom:100%;*/ border:1px solid #d9d9d9; /*background:url(../images/thumb01.png) no-repeat 0 0;*/}
.clip_gather .clip_conts .clip_list li a p {margin-top:8px; font-family: 'Malgun Gothic'!important; letter-spacing:-0.2px; text-align:center; line-height:16px;}
.clip_gather .clip_conts .pagebtn_area{position:absolute; top:50%; margin-top:-21px; width:94%; left:50%; transform:translateX(-50%);}

.products_gather {margin-top:34px; margin-bottom:50px;}
.products_gather .sub_tit{font-size:20px; font-weight:normal; text-align:left;font-weight:bold}
.products_gather .products_conts{position:relative; border:1px solid #d9d9d9; padding:10px; text-align:center; overflow:hidden; margin-top:5px;}
.products_gather .products_conts .products_list {width:680px; margin:0 auto; padding:28px;}
.products_gather .products_conts .products_list li{float:left; width:25%;}
.products_gather .products_conts .products_list li a {display:inline-block; width:80%;}
.products_gather .products_conts .products_list li a .thumb_img {width:100%; /*padding-bottom:100%;*/ border:1px solid #e5e5e5; /*background:url(../images/pthumb01.png) no-repeat 0 0;*/}
.products_gather .products_conts .products_list li a p {margin-top:8px;  font-family: 'Malgun Gothic'!important;letter-spacing:-0.2px; text-align:center; line-height:16px;}
.products_gather .products_conts .pagebtn_area{position:absolute; top:50%; margin-top:-21px; width:94%; left:50%; transform:translateX(-50%);}





.modal{display:none;}
.ddd{background:#fff; padding:10px;}
#delivery_list{background:#000; padding:10px;}


/* Wobble Vertical */
@keyframes wobble-vertical {
  16.65% {
    transform: translateY(8px);
  }
  33.3% {
    transform: translateY(-6px);
  }
  49.95% {
    transform: translateY(4px);
  }
  66.6% {
    transform: translateY(-2px);
  }
  83.25% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0);
  }
}
.wobble-vertical {
  display: inline-block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.wobble-vertical:hover {
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}



#lean_overlay {
    position: fixed;
    z-index:500;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

.modal{display:none;background:#fff;}

#prointro{width:876px ; height:568px; ;margin:0 auto; text-align:center;}
	#prointro .bx-wrapper{width:876px!important;padding:0px 0;  height:568px;  margin:0;}
	#prointro .bx-wrapper .bx-viewport{box-shadow:0 0 0; border:0; left:0; background:none;height:568px!important;}
	#prointro .bx-wrapper .bx-viewport li{width:876px!important;}
	#prointro .bx-wrapper .bx-controls-direction a{width:27px;height:44px;margin-top:-50px;}
	#prointro .bx-wrapper .bx-prev{background: url(../images/popup_prev.png);left:-60px;}
	#prointro .bx-wrapper .bx-next{background: url(../images/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:-25px;}	


#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: 25px; left: 30px;  font-family: 'NotoSans', sans-serif;     letter-spacing: -1px;}
	#yearplan .header a.modal_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 .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 .tab_wrap_modal .tab li a.current {  background: #fc691b;   color: #fff;}
	#yearplan .tab_wrap_modal .tab li a span {    display: inline-block;    width: 5px;    height: 5px;    background: url(https://www.kidkids.net/eduinfo_new/spedu/forest/img/tab_state.gif) no-repeat 0 0;    margin: 0 0 0 10px;}
	#yearplan .tab_wrap_modal .tab li a.current span {    background-position: 0 -10px;}*/
	 
	#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: 0;    right: 0;}

	#yearplan  .footer {		height: 30px;		background: url(https://www.kidkids.net/eduinfo_new/spedu/forest/img/madal_wrap.png) no-repeat 0 100%;}
	
	  /* 20200708 스타일 추가 */
  h2{ font-family: 'NotoSans';     font-size: 24px;    font-weight: 400;   letter-spacing: -1px;text-align: left;}
.tit_h2_line {    background: #f55405;    width: 30px;    height: 4px;    margin-bottom: 3px;	margin-top:40px;}

  
  .free_label_2021{position:absolute; top:13px; right:-5px;}
  @media screen and (min-width:0\0){
	html, body{letter-spacing:0;}
	.tit_h2_line{ margin-bottom:8px;}
	.top .monthshadow_tit h1{line-height:1.3;}
	.top .monthshadow_tit{padding-bottom:0;}
	.top .monthshadow_tit p{margin-top:12px;}
	.top .fairy_story .shdfairy_text .btn_area li .shdwplay_btn{line-height:34px;}
	.clip_gather .clip_top, .products_gather .products_conts{margin-top:0;}
}

/* 230814 ???? ?? */
	#floating_pro .floating_pro_area{position:relative; height: 95px;}
	#floating_pro .floating_name{ float:left; margin-right:5px;}
	.floating_pani{float:left;}
	.floating_pani .panibody{position:absolute; width:63px; height:144px;}
	.floating_pani .paniarm{position:absolute; transform: translateY(-75px);}
	#floating_pro_popup{width:148px !important; position:fixed; top:250px; right: calc((100% - 1024px) / 3 - 30px);font-family: 'Malgun Gothic', sans-serif;  text-align:center; letter-spacing:-1px}
	#floating_pro_popup .flpro_popuptit{background:#1a1a15; color:#fff; padding: 25px 15px 10px; position:relative;}
	.floating_pro_popup_close{position:absolute; top:-25px; left:50%; transform: translate(-50%, 0%);}
	#floating_pro_popup .flpro_popuptit h3{font-size:15px; font-weight:bold; letter-spacing:-1px; margin-bottom:5px;}
	#floating_pro_popup .flpro_popuptit p{font-size:13px; font-weight:300; }

	#floating_pro_popup .flpro_popuplist	{ border:1px solid #e5e5e5;  background:#fff; position:absolute; width:100% !important; overflow:hidden;}
	#floating_pro_popup .flpro_popuplist ul	{padding:5px 15px 15px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
	#floating_pro_popup .flpro_popuplist ul  h5{    width: 100%;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis; font-size:13px; font-weight:normal;}
	#floating_pro_popup .flpro_popuplist li{width:118px !important;   margin-top:10px;}
	#floating_pro_popup .flpro_popuplist li  .con_area_round{ border-radius:6px; margin-bottom:5px; position:relative;}
	#floating_pro_popup .flpro_popuplist li  .con_area_round .vod_img{width:100% !important; max-width:118px; height:auto !important; display:block;}
	#floating_pro_popup .flpro_popuplist li  .con_area_round .play{position:absolute; bottom:25px ; right:5px; width:34px;}
	#floating_pro_popup .flpro_popuplist li  .con_area_round .medal {position:absolute; top: -10px; left: -10px;}
	#floating_pro_popup .floating_pro_popup_ar{width:100%; display:inline-block; background:#f7f7f7;height:25px; line-height:25px;}
	#floating_pro_popup .floating_pro_popup_ar a{ display:inline-block; width:20px; height:8px; background-position:0 0 ; font-size:0; margin-top: 7px;}
	#floating_pro_popup .floating_pro_popup_ar a.bx-prev{background:url(//www.kidkids.net/eduinfo_new/multi/img/floating_pro_popup_ar_prev.png) no-repeat;}
	#floating_pro_popup .floating_pro_popup_ar a.bx-next{background:url(//www.kidkids.net/eduinfo_new/multi/img/floating_pro_popup_ar_next.png) no-repeat; }
	#floating_pro_popup .floating_pro_popup_ar a:hover{background-position-y:-20px;}

	#floating_pro_popup .flpro_popuplist .bx-wrapper .bx-viewport	{height:360px !important; overflow:hidden !important;}

	#floating_pro_popup{top: 433px;}
	#floating_pro_popup .flpro_popuplist{width:100%;}


/* 230816 ?????? ?? ?? ?? */
	#multi_alert {position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:9999; text-align:center; background:#fff; padding:65px 65px 55px; border-radius:15px; letter-spacing:-0.15rem!important;}
	#multi_alert p:first-child {font-size:25px; font-weight:600;}
	#multi_alert p span {color:#02d285;}
	#multi_alert p {font-size:18px; line-height: 40px; font-weight:400;}
	#multi_alert a.multi_btn {background:#02d285; color:#fff; font-size:20px;border-radius:35px; padding:20px 50px; margin-top:15px; display:inline-block; text-decoration:none; font-weight:400;}

/*2024 ??? ??*/
.new2024 .nori_wrap{width:100%;}
	.new2024 .top .monthshadow_tit{    background-size: cover;}
	.new2024 .program_process{margin-left: 75px; margin-top:50px;}
	.new2024  h2{   font-size: 25px;    font-weight: 500;}
	.new2024 .top .fairy_story .shdfairy_text {    width: 530px;}
	.new2024 .top .fairy_story .shdfairy_text .txt_area{    font-size: 14px;}
	#right_area.new2024 a:link{    font-size: 14px !important; color:#000;}
	.new2024 .clip_top{display:flex;}
	.new2024 .clip_gather .clip_top li{    height: auto;}
	.new2024 .clip_gather .clip_top li a{line-height:normal; padding:14px 0; display:inline-block}
	.new2024 .clip_gather .clip_conts{height:290px}
	.new2024 .clip_gather .clip_conts .clip_list li a p, .new2024 .products_gather .products_conts .products_list li a p{line-height: 20px; word-break: keep-all;}
	.new2024 .products_gather .products_conts .products_list{width:850px}


/*240829 1170px ??*/
#middle_area{width:1170px;}
#right_area, .nori_wrap {width: 956px;}
.top .monthshadow_tit{background-size: cover;}
.top .fairy_story .shdfairy_text { width: 550px;}
.program_process{width: 813px; margin: 40px auto;}
.clip_gather .clip_conts .clip_list li a p{word-break: keep-all;}