/* CSS Document utf-8 */

/* ************* 공용************* */
/* 글자 색상 */
.red {color:#ff0000 !important;}
.black {color:#000 !important;}
.gray {color:#333 !important;}
.gray2 {color:#999 !important;}
.green {color:#56a756 !important;}
.blue {color:#4175cc !important;}
.pink {color:#f63f7b !important;}
.yellow {color:#ffab47 !important;}

/* 배경 색상 */
.bgc1 {background:#fff0eb !important;}
.bgc2 {background:#fff9cc !important;}
.bgc3 {background:#e0f4f1 !important;}
.bgc4 {background:#e3f4e0 !important;}
.bgc5 {background:#ebe0fb !important;}
.bg_gray {background:#333 !important;}
.bg_gray2 {background:#999 !important;}
.bg_green {background:#56a756 !important;}
.bg_blue {background:#4175cc !important;}
.bg_pink {background:#f63f7b !important;}
.bg_yellow {background:#ffab47 !important;}

/* 안내메시지 */
.msg {overflow:hidden; margin-bottom:20px; color:#888; line-height:140%; padding:0 !important;}
.msg > ul {font-size:0; display:table; width:100%;}
.msg li {display:inline-block; font-size:13px; text-align:left !important; padding-right:10px; line-height:140%;}
.msg img {width:70%; max-width:60px; padding-top:5px;}
.msg .img {width:100%; max-width:60px; padding-top:5px;}
.msg li>span {font-size:18px; line-height:160%;}

/* 버튼 */
.btn {display:inline-block; overflow:hidden; height:35px !important; padding:6px 10px !important; vertical-align:top; font-size:14px !important; color:#fff !important; border-radius:4px; text-decoration:none;}
.btn_l {display:inline-block; overflow:hidden; height:60px !important; padding:9px 10px !important; vertical-align:top; font-size:16px !important; color:#fff !important; border-radius:4px; text-decoration:none;} 
.btn_s {display:inline-block; overflow:hidden; height:28px !important; padding:8px 10px !important; vertical-align:top; font-size:12px !important; line-height:100%; color:#fff !important; border-radius:4px; text-decoration:none;}
.btn_m {display:inline-block; overflow:hidden; height:28px !important; padding:6px 10px !important; vertical-align:top; font-size:12px !important; line-height:100%; color:#333 !important; border:1px solid #333; border-radius:4px; text-decoration:none; background-color:#fff;}

/* 블럭 */
.box_01 {overflow:hidden; font-size:0; line-height:0; text-align:center;}
.box_01>* {display:inline-block; padding:20px; font-size:14px; line-height:140%;}
.box_01 img {}
.box_01 p {padding:10px 0; font-size:18px; color:#000; line-height:140%;}
.box_01 span {font-size:14px; color:#666;}


/* ************* 메인 ************* */
#contents.main>div {height:200px; padding:20px; text-align:center;}
#contents.main>div>a {display:block; width:100%; height:100%; }
#contents.main>div>a>span {display:block; font-size:22px; margin-top:25px; color:#000;}
#contents.main>div>a>span span {display:block; padding-top:5px; font-size:13px; color:#777; line-height:120%;}
#contents.main .title_01 {font-size:22px; color:#000;}
#contents.main .b_list > a {display:block; padding-bottom:2px;}
#contents.main .b_list > a span {display:block;}
#contents.main .b_list > a span.subject {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; color:#000;}
#contents.main .slogan {height:350px; padding:0; color:#666; font-size:16px; text-align:center; background:url(../images/main/main_obj_01.png) no-repeat 50% 100%;}
#contents.main .slogan p {color:#777;}
#contents.main .slogan p.accent {margin:30px 0 20px 0; color:#000; font-size:24px; line-height:120%;}
#contents.main .gallery {position:relative; height:350px; padding:0 !important; background:#eee;}
#contents.main .gallery a {display:block; width:100%; height:100%; color:#fff;}
#contents.main .gallery .txt {position:absolute; width:100%; left:0; bottom:0; padding:0 20px 30px 20px; text-align:center; color:#fff;}
#contents.main .gallery .txt span {display:block; color:#fff;}
#contents.main .news {text-align:left !important; }
#contents.main .news>p {display:block; overflow:hidden;  width:100%; margin-bottom:20px;}
#contents.main .news>p span {display:inline-block; float:left;}
#contents.main .news>p a {display:block; position:absolute; right:20px; top:17px; padding:2px 5px; color:#666; font-size:13px; background:#fff; border:1px solid #ddd; border-radius:5px;}

/* ************* 원소개 ************* */
/* 인사말 */
.greeting p {margin-bottom:20px;}

/* 연혁 */
.history {}
.history .year {padding-top:30px; margin-top:30px; overflow:hidden; border-top:1px solid #eee;}
.history .year:first-child {border:none; margin-top:0; padding-top:0;}
.history .year>span {display:block; float:left; font-size:30px; margin-bottom:20px; color:#000;}
.history .year>div {display:block; float:left;}
.history .year>div ul {clear:both; display:block; overflow:hidden;}
.history .year>div li {position:relative; font-size:16px; padding-left:80px;}
.history .year>div li p {position:absolute; width:60px; left:0; top:0; font-size:18px; font-weight:bold; color:#000;}
.history .year>div li span {display:block; line-height:1.8; margin-bottom:8px;}
/*190314추가*/
.subCon .detailWrap {background:#f9f9f9; border:1px solid #eee; border-radius:10px; padding:20px; text-align:center;}
.subCon .detailWrap p:nth-of-type(1) {font-size:20px;}
.subCon .detailWrap p:nth-of-type(2) {font-size:18px;}
.subCon .detailWrap p:nth-of-type(2) span {font-weight:bold;}
.subCon .detailWrap p:nth-of-type(3) {font-size:14px;}
.subCon .detailWrap p+p {margin-top:10px;}

/* 선생님소개 */
.teacher {}
.teacher>ul {overflow:hidden; font-size:0; line-height:0; text-align:center;}
.teacher>ul>li {position:relative; padding:20px; display:inline-block; overflow:hidden; font-size:16px; line-height:140%;}
.teacher>ul>li>img {width:100%; border-radius:50%;}
.teacher>ul>li>span {display:block; padding-top:10px;}
.teacher>ul>li>span.position {display:block; padding-top:0px; font-size:13px; color:#000;}
.teacher>ul>li>span.ment {display:block; padding-top:10px; font-size:13px !important; color:#777; line-height:140%;}
/*190314추가*/
.subCon .addWrap {overflow:hidden; background:#f9f9f9; border:1px solid #eee; border-radius:10px; padding:20px; text-align:center;}
.subCon .addWrap p {display:inline-block; float:left; margin-right:20px; padding-left:5px; position:relative;}
.subCon .addWrap p:before {position:absolute; top:11px; left:0; content:""; display:block; background:#4175cc; border-radius:50%; width:2px; height:2px;}
.subCon .addWrap p span {color:#4175cc;}

/* 시설안내 */
.facility>div {overflow:hidden;}
.facility>div.img.styleH {height:600px !important; border-radius:10px;}
.facility>h3 {overflow:hidden; margin:30px 0 10px; padding:10px; border-radius:5px; font-size:18px; font-weight:normal; color:#000;}
/**/
.insertBg {overflow:hidden;}
.insertBg .partWrap>div {float:left; padding:5px;}
.insertBg .partWrap>div>div.img {position:relative; border-radius:10px;}
.insertBg .partWrap>div>div.img>span {
	position:absolute; right:10px; bottom:10px;
	display:inline-block; padding:5px 10px; color:#000; background:rgba(255,255,255,.8); border-radius:10px; font-size:12px; line-height:1;
}

/* 오시는길 */
.location .info ul {display:table; width:100%; font-size:0;}
.location .info li {overflow:hidden; display:inline-block; padding-bottom:20px;}
.location .info li span {display:block; padding-left:20px; font-size:14px; color:#888; line-height:160%;}
.location .info li .title {font-size:16px; color:#000;}
.location .info li img {width:50px;}
.location .info>div {width:100% !important;}


/* ************* 교육안내 ************* */
/* 교육프로그램 */
.edu {font-size:14px;}
.edu .program2 {width:100%;}
.edu .program2>ul>li {overflow:hidden;}
.edu .program2>ul>li>ul>li>p {padding:10px; border-radius:5px;}
.edu .head_img {height:200px; overflow:hidden;}
/**/
.edu_program {margin-bottom:20px; text-align:center;}
.edu_program .box {background:#f9f9f9; border:1px solid #eee; border-radius:10px; padding:20px; text-align:center;}
.edu_program>p {margin-top:20px;}
.edu p.tit {font-size:20px; color:#000; padding:10px; border-radius:10px; text-align:center;}
.edu .txt {margin:5px 0 30px;}
.edu .txt span {display:inline-block; width:100%; line-height:160%;}
.edu .txt p {font-size:18px; color:#000; line-height:160%;}
.edu .txt.typeA span {margin-bottom:10px;}
.edu .txt.typeA p {padding-left:10px; font-size:16px;}
.edu_dotWrap span {padding-left:10px; background:url(../images/common/dot2x2.png)no-repeat 1px 10px;}

/*숲속특색교육*/
.insertBg.edu_04 {margin:5px 0 30px;}
/* .insertBg.edu_04 .partWrap>div>div.img {border-radius:10px 10px 0 0;} */

/*돌봄교실운영*/
.edu .txt span+p {margin-top:10px;}
table.programWrap {margin-top:10px; width:100%; border-top:1px solid #000;}
table.programWrap.last {margin-bottom:30px;}
table.programWrap thead tr th {padding:10px; background:#f9f9f9; font-weight:normal; border-bottom:1px solid #ccc; text-align:center;}
table.programWrap thead tr th+th {border-left:1px solid #ccc;}
table.programWrap tbody tr td {padding:10px; text-align:center; border-bottom:1px solid #eee; vertical-align:middle;}
table.programWrap tbody tr td.week {border-left:1px solid #eee;} /*ie에서 border안먹히는거 잡음*/
table.programWrap tbody tr td+td {border-left:1px solid #eee;}
table.programWrap.content tbody tr td:nth-of-type(2) {text-align:left;}
table.programWrap.content span {display:inline-block; padding-left:10px; background:url(../images/common/dot2x2.png)no-repeat 1px 10px;}
table.programWrap.content span.dotNone {background:none; padding-left:0;}
.insertBg.edu_05 {margin-bottom:30px;}

/* 연간교육계획 */
table.planWrap {width:100%; border-top:1px solid #000;}
table.planWrap thead tr th {padding:10px; background:#f9f9f9; font-weight:normal; border-bottom:1px solid #ccc; text-align:center;}
table.planWrap thead tr th+th {border-left:1px solid #ccc;}
table.planWrap tbody tr td {padding:10px; text-align:center; border-bottom:1px solid #eee; vertical-align:middle; border-right : 1px solid #eee;}
table.planWrap tbody tr td.week {border-left:1px solid #eee;} /*ie에서 border안먹히는거 잡음*/
table.planWrap tbody tr td+td {border-left:1px solid #eee;}
/*탭디자인*/
.tab_wrap {overflow:hidden;}
.tab_wrap .tab {overflow:hidden; margin:0 auto 20px;}
.tab_wrap .tab ul {padding:0; margin:0; text-align:center; font-size:0;}
.tab_wrap .tab ul li {display:inline-block; text-align:center;}
.tab_wrap .tab ul li+li {margin-left:3px;}
.tab_wrap .tab ul li a {display:block; padding:10px 0; width:120px; font-size:16px; border-radius:10px; line-height:1;}
.tab_wrap .tab ul li.on a {color:red;}
/* 2020-03-26 신규 추가 */
.edu .tab_con>ul>li h3 {position:relative; font-size:24px; color:#000; padding-bottom:20px; padding-left:20px;}
.edu .tab_con>ul>li h3:before {
	content:''; display:block; width:10px; height:10px; background:rgb(242, 180, 0);
	position:absolute; top:7px; left:0; 
}
.edu .tab_con>ul>li>p {position:relative; padding-bottom:10px; padding-left:15px; color:#000; font-size:18px; line-height:1.4; word-break:keep-all; font-weight:bold;}
.edu .tab_con>ul>li>p:before {
	content:''; display:block; width:5px; height:5px; background:#000;
	position:absolute; top:10px; left:0; 
	
}
.edu .tab_con>ul>li div {padding-left:20px; padding-bottom:20px;}
.edu .tab_con>ul>li div h4 {color:#000; font-size:15px;}
.edu .tab_con>ul>li div p {padding-left:20px; color:#000; word-break:keep-all; font-size:15px;}
.edu .tab_con>ul>li div ul {padding-left:20px; padding-top:5px;}
.edu .tab_con>ul>li div ul li {position:relative; padding-left:10px;}
.edu .tab_con>ul>li div ul li:before {
	content:''; display:block; width:3px; height:3px; background:#666; border-radius:50%;
	position:absolute; left:0; top:11px;
}



/* 방과후과정 */
.mentWrap {text-align:center; padding-top:60px; background:url(../images/edu/edu_notice.png)no-repeat top center; margin-top:10px;}
.insertBg.edu_03 {margin-top:20px;}

/* ************* 입학안내 ************* */
/* 모집요강 */
.entrance .wrap01 {overflow:hidden; text-align:center; border-radius:10px;}
.entrance .wrap01>ul>li {display:inline-block; text-align:center; text-align:center;}
.entrance .wrap01>ul>li>span {display:inline-block; margin:5px; padding:10px; font-size:18px; background:#fff; border-radius:5px; color:#000;}
.entrance .wrap01>ul>li>div {margin-top:40px; font-size:14px;}
.entrance .wrap01>ul>li>p.acc {color:#000; font-size:18px;}


/* ************* 알림마당 ************ */
/* 가정통신문 */
.board .info {padding-bottom:10px;}
.board_normal1 .write textarea {width:100%; margin-top:10px; padding:10px 15px; border:1px solid #ccc; border-radius:4px; background:#fff;
	width:100%; height:120px;
	scrollbar-arrow-color: #fff;
	scrollbar-face-color: #e9e9e9;
	scrollbar-highlight-color: #f0eeee;
	scrollbar-3dlight-color: #e0e0e0;
	scrollbar-shadow-color: #c0bebe;
	scrollbar-darkshadow-color: #fff;
	scrollbar-track-color: #f2f2f2;
	/*overflow-y:scroll;
	overflow-x:hidden;
	word-break:break-all; word-wrap:break-word; overflow:auto;  white-space:normal;*/
}
.board_normal1 .write .insert {padding:10px 0;}
.board_normal1 .write .insert .file {display:inline-block; width:35px; height:35px; margin-right:10px; background:url(../images/common/icon_file.png) no-repeat 50% 50% #fff; background-size:cover;}
.board_normal1 .write .insert .img {display:inline-block; width:35px; height:35px; background:url(../images/common/icon_img.png) no-repeat 50% 50% #fff; background-size:cover;}
.board_normal1 .write .insert .mov {display:inline-block; width:35px; height:35px; margin-left:10px; background:url(../images/common/icon_mov.png) no-repeat 50% 50% #fff; background-size:cover;}

/* 행사일정 */
.board_schedule1 .sch_msg {overflow:hidden; margin-top:15px; padding:10px 10px 15px 15px; font-size:0; color:#fff; border:1px solid #87b7ed; border-radius:5px; background:#87b7ed;}
.board_schedule1 .sch_msg span {display:inline-block; text-align:left;}
.board_schedule1 .sch_msg span .img {display:inline-block; width:35px;}
.board_schedule1 .sch_msg span.txt {padding:5px 0 0 0; font-size:13px; line-height:120%; text-align:left;}
.board_normal1 .info .select_normal {border:1px solid #ddd;}

/* 태블릿,모바일 */
@media all and (max-width:999px){
	
	.facility>div.img.styleH {height:400px !important;}
	
	/*탭디자인*/
	.tab_wrap .tab ul li a {width:70px;}
	
	/*모집요강*/
	.entrance .wrap01>ul>li p br {display:none;}
	
}