@charset "utf-8";
@import url(basic.css);

.marL25{margin-left:25px;}

/*특수프로그램*/
.common_title {width:100%; height:42px; margin-top:5px; margin-left:20px;}
.common_title h3 {margin-top:15px; margin-left:10px;}

.common_tab {width:100%; height:100px; margin-top:20px; margin-bottom:40px;}
.common_tabList7 {width:980px; height:100px; margin:10px auto;}
.common_tabList7 li {float:left; margin:0 30px;}

.common_tab {width:100%; height:100px; margin-top:40px; margin-bottom:60px;}
.common_tabList8 {width:980px; height:100px; margin:10px auto;}
.common_tabList8 li {float:left; margin:0 20px;}

.common_tab {width:100%; height:100px; margin-top:40px; margin-bottom:60px;}
.common_tabList9 {width:980px; height:100px; margin:10px auto;}
.common_tabList9 li {float:left; margin:0 14px;}

.common_Box {width:980px; margin:0 auto; padding-bottom:50px;}
.common_Box2 {width:980px; margin:0 auto; padding-bottom:50px;}
.common_Box3 {width:980px; margin:0 auto; margin-top:100px; padding-bottom:50px;}
.common_Box4 {width:980px; margin:0 auto; margin-top:150px; padding-bottom:50px;}


/*특수프로그램 인트로 =====================================================================================================================================================================================*/
.common_Boxleft {width:470px; float:left;}
.common_forestbox {width:470px; height:200px; background:url(/images/spedu/program_nuriper_bg.jpg) ; position:relative; padding-top:35px;}
.common_forest_stitle {width:90px; height:90px; position:absolute; top:40px; left:10px;}
.common_forest_stitle p {margin-bottom:10px;}
.common_forest_more {margin-left:60px;}
.common_forest_thumbox {margin-left:75px;}
.common_forest_thumlist {}
.common_forest_thumlist li {float:left; margin-left:20px;}
.common_forest_thum {width:104px; height:180px;}
.common_forest_thum dt {position:relative;}
.common_forest_label {position:absolute; top:-20px; left:43px;}
.common_forest_img {display:block; width:150px; height:150px; border-radius:75px; background-size:cover; background-position:50%; border:1px solid #CCC; background-color:#FFF}

.common_forest_img3 {display:block; width:104px; height:104px; border-radius:52px; background-size:cover; background-position:50%;}
.common_forest_img4 {display:block; width:104px; height:104px; border-radius:52px; background-size:cover; background-position:50%;}
.common_forest_img5 {display:block; width:104px; height:104px; border-radius:52px; background-size:cover; background-position:50%;}
.common_forest_thum dd {text-align:center; overflow:hidden;}
.common_forest_btxt {width:150px; height:15px; font-weight:bold; margin:3px 0; overflow:hidden;}
.common_forest_txt {width:150px; height:29px; line-height:15px;}

.common_nuriperbox {width:470px; margin-top:30px; display:inline-block;}
.common_nurilist {margin-top:15px; position:relative;}
.common_nurilist li {float:left; width:148px; height:158px; margin-right:10px; border:1px solid #e7e7e7;}
.common_nurilist li.last {margin:0;}
.common_nurilist li .thumview {width:150px; height:120px; position:absolute; z-index:9; display:block; background-color:#000; filter:alpha(opacity=70); opacity:.7; text-align:center; color:#fff; padding-top:40px;}
.common_nurilist li .thumview .thumview_txt {margin-top:10px; font-weight:bold;}
.year_label {position:absolute; top:5px; z-index:10;}

.common_nuribox {width:470px; margin-top:30px;}

.common_Boxcenter2 {width:245px; height:720px; float:left; margin-left:20px; background:url(/images/spedu/program_bg.jpg) repeat-y top left;}
.common_multibox2 {
	width:245px; height:720px; overflow:hidden;
	position:relative;
	background:url(/images/spedu/program_img_cloud3.png) no-repeat 155px 80px,
	url(/images/spedu/program_img_cloud2.png) no-repeat 168px 72px,
	url(/images/spedu/program_img_cloud4.png) no-repeat 130px 215px,
	url(/images/spedu/program_img_wind1.png) no-repeat 125px 145px,
	url(/images/spedu/program_img_wind2.png) no-repeat -41px 175px,
	url(/images/spedu/program_img_wind3.png) no-repeat 180px 195px,
	url(/images/spedu/program_img_line.png) no-repeat 8px 40px;
}
.common_multibox2 .move01 {position:absolute; top:88px; left:-35px; z-index:9999;}
.common_multibox2 .move02 {position:absolute; top:75px; left:20px; z-index:9998; animation:imgmove2 2s infinite alternate;-webkit-animation:imgmove2 2s infinite alternate;}
@keyframes imgmove2 {
	0% {top:75px; left:20px;}
	100% {top:60px; left:20px;}
}

@-webkit-keyframes imgmove2 {
	0% {top:75px; left:20px;}
	100% {top:60px; left:20px;}
}
.common_sensesbox {}
.common_senses_stitle {position:absolute; top:222px; right:20px;}
.common_senses_more {position:absolute; top:345px; left:120px;}
.common_senses_thum01 {position:absolute; top:375px; left:20px; z-index:10000; display:block; width:150px; height:150px; border:1px solid #fff; background-color:#fff; border-radius:76px; box-shadow:1px 1px 0 #000; background-size:cover; background-position:50%;}
.common_senses_thum02 {position:absolute; top:530px; right:20px; display:block; width:150px; height:150px; border:1px solid #fff; background-color:#fff; border-radius:76px; box-shadow:1px 1px 0 #000;background-size:cover; background-position:50%;}
.common_senses_thumview {position:absolute;width:150px; height:150px; border-radius:76px; background-color:#000; filter:alpha(opacity=70); opacity:.7; text-align:center; color:#fff;  line-height:13em; font-weight:bold; overflow:hidden;}

/*2016-02-18 NEW*/
.common_Boxcenter_new {width:245px; height:720px; float:left; margin-left:20px;}
.common_adaptbox {width:245px; height:230px;}
.common_multibox_new {width:245px; height:470px; margin-bottom:20px; background:url(/images/spedu/program_bg2.jpg) repeat-y top left; overflow:hidden; position:relative;}
.common_multibox_new .new_move01 {position:absolute; top:170px; right:5px; z-index:9999;}
.common_multibox_new .new_move02 {position:absolute; top:105px; right:18px; z-index:9998; animation:new_imgmove2 2s infinite alternate;-webkit-animation:new_imgmove2 2s infinite alternate;}
@keyframes new_imgmove2 {
	0% {top:105px; right:18px;}
	100% {top:90px; right:18px;}
}

@-webkit-keyframes new_imgmove2 {
	0% {top:105px; right:18px;}
	100% {top:90px; right:18px;}
}
.common_sensesbox_new {}
.common_senses_stitle_new {position:absolute; top:16px; left:28px;}
.common_senses_more_new {position:absolute; top:127px; left:110px;}
.common_senses_thum01_new {position:absolute; top:160px; left:20px; z-index:10000; display:block; width:140px; height:140px; border:1px solid #fff; background-color:#fff; border-radius:76px; box-shadow:1px 1px 0 #000; background-size:cover; background-position:50%;}
.common_senses_thum02_new {position:absolute; top:310px; right:20px; display:block; width:140px; height:140px; border:1px solid #fff; background-color:#fff; border-radius:76px; box-shadow:1px 1px 0 #000;background-size:cover; background-position:50%;}
.common_senses_thumview_new {position:absolute; width:140px; height:140px; border-radius:76px; background-color:#000; filter:alpha(opacity=70); opacity:.7; text-align:center; color:#fff;  line-height:13em; font-weight:bold; overflow:hidden;}


.common_Boxright {width:225px; float:right; }
.common_artbox {width:225px; position:relative;}
.common_stitle_art {width:225px; height:30px; border-bottom:1px solid #c7c7c7; }
.common_stitle_art h4 {margin-left:10px;}
.common_artlist {width:225px;}
.common_art_arrf {position:absolute; top:110px; left:0;}
.common_art_arrb {position:absolute; top:110px; right:0;}
.common_art_thum {width:176px; height:150px; overflow:hidden; margin:15px auto;}
.common_art_thum li {width:176px; height:70px; margin-bottom:10px; overflow:hidden;}
.common_art_thumimg {float:left; display:block; width:68px; height:68px; border:1px solid #e7e7e7;}
.common_art_thumtxt {float:left; width:95px; height:70px; margin-left:10px;}
.common_art_thumtxtr {display:block; width:95px; height:15px; color:red;}

.common_famousbox {width:225px; margin-top:35px; /*2015-11-16 margin:35px 0;*/ position:relative;}
.common_stitle_famous {width:225px; height:30px; border-bottom:1px solid #c7c7c7; }
.common_stitle_famous h4 {margin-left:10px;}
.common_famouslist {width:225px; height:145px; }
.common_famous_arrf {position:absolute; top:100px; left:0;}
.common_famous_arrb {position:absolute; top:100px; right:0;}
.common_famous_thum {width:175px; height:145px; margin:15px auto; overflow:hidden;}
a.common_famous_thumview {position:absolute; top:45px; left:25px; display:block; width:175px; height:145px; background-color:#000; filter:alpha(opacity=70); opacity:.7; overflow:hidden;}
a.common_famous_thumview p {margin:15px; color:#fff;}
.common_more {width:20px; position:absolute; top:0; right:10px;}
.common_more_spedu {position:absolute;width:20px;margin-top:-18px;margin-left:440px;}
.common_projactbox {width:225px; margin-top:35px;}
.common_projactthum {width:223px; height:258px; border:1px solid #e7e7e7;}
/*2015-11-16*/
.common_bannerbox {width:223px; height:118px; margin-top:10px; border:1px solid #e7e7e7;}

/*특수프로그램 TAB ==========================================================================================================================================================================================*/
.progtamTab {width:100%; position:relative;}
.stabwrap {width:100%; height:100px; position:absolute; top:430px; z-index:9999; background:url(/images/spedu/program_tabbg.png) repeat-x top center;}
.stabbox {width:980px; height:100px; margin:0 auto;}
.stabbox3 {}
.stabbox3 li {float:left; margin:22px 92px;}
.stabbox4 {}
.stabbox4 li {float:left; margin:22px 51px;}
.stabbox2 {width:480px; height:100px; margin:0 auto;}
.stabbox2 {}
.stabbox2 li {float:left; margin:22px 49px;}
.topmonthwrap {width:100%; height:50px; position:absolute; top:530px; background-color:#3c3838;}
.topmonthwrap2 {width:100%; height:50px; position:absolute; top:430px; background-color:#3c3838;}
.topmonthbox {width:980px; height:50px; margin:0 auto;}
.topmonth {width:972px; height:50px; border-left:1px solid #201f1f; border-right:1px solid #696666;}
.topmonth li {float:left; width:79px; height:35px; border-left:1px solid #696666; border-right:1px solid #201f1f; font-size:14px; font-weight:bold; color:#fff; text-align:center; padding-top:15px;}
.topmonth li.on {font-size:14px; font-weight:bold; color:#3c3838; background-color:#fff;}

.programtablewrap {width:100%; border-bottom:1px solid #c7c7c7;}

/*숲놀이/누리통합 리스트 ====================================================================================================================================================================================*/
table.programTable {width:980px;}
table.programTable thead tr {width:960px; height:44px; border-top:1px solid #c7c7c7; border-bottom:1px solid #f2f2f2; font-size:15px;}
table.programTable thead tr th {background-color:#f7f7f7; font-weight:bold; text-align:center;}
table.programTable thead tr td {padding-left:20px;font-size:14px;}
table.programTable tbody tr {width:980px;}
table.programTable tbody tr td {padding:20px 0;}
table.programTable tbody tr td.Tnormel {padding:0;}
.program_themebox {width:980px; margin:0 auto; display: flex; justify-content: center;}
.program_themebox li {float:left;}
.program_themebox li.program_themeL {width:475px; border-right:1px solid #f2f2f2;}
.program_theme_thum {position:relative; display:block; width:400px; border:1px solid #e7e7e7; margin:0 auto; text-align:center;}
.program_theme_thum_title {position:absolute; bottom:0; left:0; text-align:center; display:block; color:#fff; font-weight:bold; width:100%; padding-top:5px; height:30px; background-color:#000; filter:alpha(opacity=70); opacity:.7;}
.program_themebox li.program_themeR {width:490px; padding-left:10px; text-align:justify;font-size:13px;}
.program_theme_title {display:block; background-color:#f7f7f7; font-size:15px; font-weight:bold; padding:5px; margin-bottom:10px;}
table.programTable tfoot tr {width:980px;}
table.programTable tfoot tr td {padding:20px 0;}
.program_listbox {width:488px;}
.program_listbox dt {width:488px; height:35px; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; font-size:14px; line-height:2.6em;}
.program_list_week {float:left; background-color:#f7f7f7; width:200px; height:35px; text-align:center; font-weight:bold;}
.program_list_title {float:left; width:270px; margin-left:10px;}
.program_listbox dd {width:488px;margin-bottom:30px;}
.program_list_thum {position:relative; display:block; width:400px; border:1px solid #e7e7e7; margin:20px auto; text-align:center;}
.free_label {position:absolute;margin-left:8px;/* top:0; left:8px;*/}

.program_list_thumbox2 {width:420px; height:240px; max-height:240px; margin:20px auto;}
.program_list_thumbox2 li {position:relative; width:200px; text-align:center; margin:0 5px; float:left;}
.line {border:1px solid #e7e7e7;}

.program_referbox {width:980px; margin:40px 0;margin-top:0px; position:relative;}
.program_referbox h3 {font-size:16px; font-weight:bold;}
.program_referbox .arrboxF {position:absolute; top:30px; left:0;}
.program_referbox .arrboxB {position:absolute; top:30px; right:0;}
.program_refer_thum {width:920px;height:215px; margin:0 auto; overflow:hidden;}
.program_refer_thum li {float:left; margin:3px 2px; width:180px; height:210px;}

.program_shopbanner {width:800px; /*border:1px solid #e7e7e7;*/ margin:0 auto;}

/*프로젝트 리스트 ===========================================================================================================================================================================================*/
.program_theme_btnbox {margin-top:10px;}

.program_project_thumbox {}
.program_project_thumbox li {float:left; width:240px; margin-right:4px;}
.program_project_thumbox li.last {margin:0;}
.program_project_thum {text-align:center;}
.program_project_thum dt {width:240px; height:30px; background-color:#efefef; line-height:2.8em; font-weight:bold;}
.program_project_thum dd {}

/*프로젝트 상세 =============================================================================================================================================================================================*/
table.programTable_view {width:980px;}
table.programTable_view thead tr {width:960px; height:44px; border-bottom:1px solid #f2f2f2; font-size:14px; }
table.programTable_view thead tr.Tline {border-top:1px solid #c7c7c7;}
table.programTable_view thead tr th {background-color:#f7f7f7; font-weight:bold; text-align:center; }
table.programTable_view thead tr td {vertical-align:middle; padding:8px 20px;}
table.programTable_view tbody tr {width:960px; height:44px; border-bottom:1px solid #f2f2f2; font-size:14px; }
table.programTable_view tbody tr.Tline {border-top:1px solid #c7c7c7;}
table.programTable_view tbody tr.Tnone {height:1px;}
table.programTable_view tbody tr th {background-color:#f7f7f7; font-weight:bold; text-align:center; }
table.programTable_view tbody tr td {vertical-align:middle; padding:8px 20px; vertical-align:middle;}
table.programTable_view tfoot tr {width:960px; height:44px; border-bottom:1px solid #f2f2f2; }
table.programTable_view tfoot tr th {background-color:#f7f7f7; font-weight:bold; text-align:center; }
table.programTable_view tfoot tr td {vertical-align:middle; padding:12px 0;}

.program_project_thumbox2 {}
.program_project_thumbox2 li {float:left; width:190px; margin-right:7px;}
.program_project_thumbox2 li.last {margin:0;}

.prgram_project_themebox {}
.prgram_project_theme {float:left; width:228px;height:240px; border:1px solid #d21166;}
.prgram_project_theme dt {background-color:#f49ac1; font-weight:bold; padding:10px; color:#fff; font-size:16px;}
.prgram_project_theme dd {padding:10px; font-size:12px;}
.prgram_project_theme_list {}
.prgram_project_theme_list li {background:url(/images/icon/bulletG.png) no-repeat 1px; padding-left:10px;}
.prgram_project_theme_titlebox {width:100%; display:inline-block; background:url(/images/spedu/program_project_tablebg.png) no-repeat center; padding:75px 0;}
.prgram_project_theme_title {display:block; width:250px; padding:20px 50px; margin:0 auto; background-color:#d21166; font-weight:bold; text-align:center; color:#fff; font-size:18px;}



/*누리통합 ==================================================================================================================================================================================================*/
.program_nuri_thumbox {}
.program_nuri_thumbox li {float:left; width:142px; margin-right:7px;}
.program_nuri_thumbox li.last {margin:0;}

/*명화감상 ==================================================================================================================================================================================================*/
.program_famous_thumbox {width:980px; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; display:inline-block;}
.program_famous_thumbox dt {float:left; width:220px; background-color:#efefef; text-align:center; padding:15px 0;}
.program_famous_thum_txt {display:block; margin:5px auto; width:180px; height:46px; overflow:hidden; line-height:1.2em; text-align:left;}
.program_famous_thum_title {display:block; font-weight:bold; margin-bottom:5px;}
.program_famous_thumbox dd {float:left;}
.program_famous_thum {margin-left:4px;}
.program_famous_thum li {position:relative; float:left; width:180px; margin:15px 4px; text-align:center;}
.program_famous_thum_label1 {display:block; width:60px; height:22px; background-color:#0076a3; color:#fff; text-align:center; font-weight:bold; line-height:1.8em; margin:10px auto 5px;}
.program_famous_thum_label2 {display:block; width:60px; height:22px; background-color:#f74f0e; color:#fff; text-align:center; font-weight:bold; line-height:1.8em; margin:10px auto 5px;}


/*영유아 미술 ===============================================================================================================================================================================================*/
.program_art_thumbox {width:980px; }
.program_art_thumbox li {float:left; margin:10px 4px; width:188px; height:205px; overflow:hidden; position:relative;}


/* 버튼 */
a.program_theme_btnG {display:block; float:left; width:88px; height:28px; border:1px solid #5f5f5f; background-color:#898989; text-align:center; font-weight:bold; color:#fff; line-height:2.5em;}
a.program_theme_btnM {display:block; float:left; width:88px; height:28px; border:1px solid #c00090; background-color:#df2db3; text-align:center; font-weight:bold; color:#fff; line-height:2.5em; margin-left:5px;}
a.userdown_btn {display:block; width:118px; height:28px; border:1px solid #5f5f5f; background-color:#898989; text-align:center; font-weight:bold; color:#fff; line-height:2.5em; font-size:12px; vertical-align:middle;}
a.userdownRed_btn {display:block; width:118px; height:28px; border:1px solid #d6002d; background-color:#f70e3f; text-align:center; font-weight:bold; color:#fff; line-height:2.5em; font-size:12px; vertical-align:middle;}

.programTab{
	display:inline-block;
	position:static;
	width:100%;
}



/* 예비초등 ==================================================================================================================================================================================================*/
.programwrap {width:100%; display:inline-block;}
.program_child_thumbox {width:478px; height:198px; float:left; margin-top:20px;}
.program_child_thumbox dt {width:138px; height:196px; float:left; border:1px solid #e7e7e7;}
.program_child_thumbox dd {margin-left:8px; float:left;}
.program_child_listbox {width:330px; height:196px; background:url(../images/spedu/child_list_bg.jpg) repeat-y top left; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7;}
.program_child_listbox li {width:330px; height:23px; padding-top:9px; border-bottom:1px solid #e7e7e7; *height:24px; *padding-top:5px;}
.program_child_listbox li .program_child_list {display:block; width:80px; float:left; font-weight:bold; text-align:center;}
.program_child_listbox li .program_child_text {display:block; width:238px; float:left; margin-left:10px; overflow:hidden;}
.program_child_listbox li.bot {border-bottom:none;}



/* 적응 ==================================================================================================================================================================================================*/
.adapt_topwrap {width:100%;}
.adapt_toptab {width:980px; height:50px; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7;}
.adapt_toptab li {width:244px; height:50px; float:left; text-align:center; border-left:1px solid #c7c7c7; background-color:#d7d7d7;}
.adapt_toptab li.FirstTab {border:none;}
.adapt_toptab li.LastTab {border-right:1px solid #c7c7c7;}
.adapt_toptab li a {display:block; width:244px; height:50px; font-size:16px; text-decoration:none; color:#4a4a4a; line-height:3.0em;}
.adapt_toptab li.OnTab {border-right:none; background-color:#4a4a4a;}
.adapt_toptab li.OnTab a {color:#fff; font-weight:bold;}

.adapt_topconbox {width:938px; display:inline-block; background-color:#f4f4f4; border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; padding:20px; position:relative;}
.adapt_topstep {width:440px; height:25px; border:1px solid #4a4a4a; float:left; border-right:none;}
.adapt_topstep li {width:109px; height:25px; float:left; text-align:center; border-left:1px solid #4a4a4a; background-color:#fff;}
.adapt_topstep li.FirstTab {border:none;}
.adapt_topstep li.LastTab {border-right:1px solid #4a4a4a;}
.adapt_topstep li a {display:block; width:109px; height:25px; text-decoration:none; line-height:2.2em;}
.adapt_topstep li.OnTab {border-right:none; background-color:#4a4a4a;}
.adapt_topstep li.OnTab a {color:#fff; font-weight:bold;}
.adapt_week {float:right; margin-top:10px;}
.adapt_tit {font-size:16px; font-weight:bold; clear:both; display:inline-block; margin-top:30px; margin-bottom:10px;}
.adapt_txt {width:70%; margin-top:8px;line-height:22px;}
.adapt_btn {position:absolute; bottom:20px; right:20px;}

/*적응 일과표*/
.adapt_topstep3 {width:330px; height:25px; border:1px solid #4a4a4a; border-right:none;}
.adapt_topstep3 li {width:109px; height:25px; float:left; text-align:center; border-left:1px solid #4a4a4a; background-color:#fff;}
.adapt_topstep3 li.FirstTab {border:none;}
.adapt_topstep3 li.LastTab {border-right:1px solid #4a4a4a;}
.adapt_topstep3 li a {display:block; width:109px; height:25px; text-decoration:none; line-height:2.2em;}
.adapt_topstep3 li.OnTab {border-right:none; background-color:#4a4a4a;}
.adapt_topstep3 li.OnTab a {color:#fff; font-weight:bold;}
.adapt_txt2 {margin-top:20px;}
.adapt_tit2 {font-size:14px; font-weight:bold; display:inline-block;}
.adapt_btn2 {position:absolute; bottom:20px; right:20px; z-index:1;}
.adapt_daytab {width:341px; height:36px;  }
.adapt_daytab div.Ontab1 {width:80px; height:36px; }
.adapt_daytab div.Ontab2 {width:80px; height:36px; margin-left:65px;}
.adapt_daytab div.Ontab3 {width:80px; height:36px; margin-left:130px;}
.adapt_daytab div.Ontab4 {width:80px; height:36px; margin-left:195px;}
.adapt_daytab div.Ontab5 {width:80px; height:36px; margin-left:260px;}

.adapt_activewrap {width:100%;}
.adapt_activebox {width:980px; display:inline-block;}
.adapt_activebox li {float:left; width:464px; border-top:2px solid #c7c7c7; border-bottom:1px solid #c7c7c7; padding:10px; margin-bottom:10px;}
.adapt_activecon {}
.adapt_activecon dt {width:152px; float:left;}
.adapt_activecon_thum {width:150px; height:112px; border:1px solid #f4f4f4;}
.adapt_activecon_btn {text-align:center; margin-top:10px;}
.adapt_activecon dd {width:300px; margin-left:10px; float:left;}
.adapt_activecon_tit {width:284px; height:18px; background-color:#f4f4f4; padding:8px 10px; font-weight:bold; overflow:hidden;}
.adapt_activecon_txt {width:290px; overflow:hidden; margin-top:10px; margin-left:10px;}


/*적응 교수자료 ==================================================================================================================================================================================================*/
.refer_storywrap {width:100%; border-bottom:1px solid #c7c7c7; padding-bottom:10px; display:inline-block;}
.refer_storycont {float:left; width:570px;}
.refer_h4 {width:100%; font-weight:bold; font-size:14px; margin-bottom:5px;}
.refer_storybox {width:570px; height:150px;}
.refer_storybox dt {float:left; width:150px; border:1px solid #c7c7c7;}
.refer_storybox dd {float:left; width:398px; margin-left:20px;}
.refer_story_tit {font-size:14px; border-bottom:1px solid #c7c7c7; font-weight:bold; margin-top:5px; padding-bottom:8px;}
.refer_story_txt {margin-top:10px;}
.refer_storylist {width:570px; height:90px; float:left; position:relative;}
.refer_storylist_arrF {position:absolute; top:0; left:0;}
.refer_storylist_arrB {position:absolute; top:0; right:0;}
.refer_story {width:540px; height:90px; margin:0 auto; overflow:hidden;}
.refer_story li {float:left; border:1px solid #c7c7c7; margin-left:15px;}

.refer_storymore {float:right;}
.refer_storynum {float:right;}
.refer_storynum a {display:inline-block; width:25px; height:25px; background-color:#f4f4f4; text-align:center; line-height:2.0em; text-decoration:none;}
.refer_storynum a.Onnum {background-color:#4a4a4a; color:#fff; font-weight:bold;}
.refer_storybtn {width:400px; clear:both;}
.refer_storybtn li {float:left; width:170px; height:11px; border:1px solid #4a4a4a; padding:19px 10px; margin-top:7px; margin-left:7px;}
.refer_storybtn li a {display:inline-block; width:170px; height:15px; overflow:hidden;}
.refer_storybtn li.Onbtn {background-color:#4a4a4a;}
.refer_storybtn li.Onbtn a {color:#fff; font-weight:bold;}

.refer_moviewrap {width:100%;}
.refer_moviebox {width:980px; position:relative; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; padding:10px 0; display:inline-block;}
.refer_movielist_arrF {position:absolute; top:71px; left:0; z-index:1;}
.refer_movielist_arrB {position:absolute; top:71px; right:0; z-index:1;}
.refer_movielist {width:940px; height:152px; overflow:hidden; margin:0 auto;}
.refer_movielist li {float:left; border:1px solid #c7c7c7; margin:0 2px; position:relative;}
.refer_opabtn {position:absolute; margin-top:48px; margin-left:45px; z-index:1;}

.refer_poemwrap {width:480px; float:left; position:relative;}
.refer_more {position:absolute; top:0px; right:0; z-index:1;}
.refer_poembox {width:478px; border:1px solid #c7c7c7;}
table.refer_poemtable {width:478px;}
table.refer_poemtable thead tr {}
table.refer_poemtable thead tr th {height:35px; border-bottom:1px solid #c7c7c7; background-color:#f4f4f4;}
table.refer_poemtable thead tr th.lineTh {border-right:1px solid #c7c7c7;}
table.refer_poemtable tbody tr {}
table.refer_poemtable tbody tr th {height:36px; text-align:left; padding-left:10px; border-bottom:1px solid #f4f4f4;}
table.refer_poemtable tbody tr th.nlTh {border-bottom:none;}
table.refer_poemtable tbody tr td {height:36px; text-align:center; border-bottom:1px solid #f4f4f4;}
table.refer_poemtable tbody tr th.nlTd {border-bottom:none;}

.refer_docwrap  {width:480px; float:right; position:relative;}
.refer_docbox {width:450px; border:1px solid #c7c7c7;  display:inline-block; padding:10px 14px;}
.refer_docbox li {float:left; width:140px; height:118px; border:1px solid #c7c7c7; margin-right:12px; position:relative;}
.refer_docbox li.LastLi {margin-right:0;}
.doc_opa {position:absolute; text-align:center;}
.doc_opabtn {margin-top:15px;}
.doc_txt {width:140px; height:22px; background-color:#565656; padding-top:5px; margin-top:14px;}
.doc_txt a {color:#fff;}


/*적응 일과표 ==================================================================================================================================================================================================*/
.adapa_tablewrap {width:100%; border-top:2px solid #c7c7c7;}
table.adapt_Table {width:100%;}
table.adapt_Table thead tr {border-bottom:1px solid #c7c7c7;}
table.adapt_Table thead tr th {padding:20px 10px; background-color:#f4f4f4; font-size:14px; font-weight:bold;}
table.adapt_Table thead tr th.LineTh {border-left:1px solid #c7c7c7;}
table.adapt_Table tbody tr {border-bottom:1px solid #c7c7c7;}
table.adapt_Table tbody tr th {padding:20px 0;}
table.adapt_Table tbody tr td {padding:20px 10px; border-left:1px solid #c7c7c7;}