/* 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;}
.c_acc {color:#1083af !important;}
.c_sub {color:#f15928 !important;}
.c_sub2 {color:#15936f !important;}

/* 배경 색상 */
.bgc1 {background:#1083af !important;}
.bgc2 {background:#15936f !important;}
.bgc3 {background:#f15928 !important;}
.bg_gray {background:#333 !important;}
.bg_gray2 {background:#999 !important;}
.bg_green {background:#56a756 !important;}
.bg_blue {background:#4175cc !important;}
.bg_pink {background:#d6385b !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;}

/* 개인정보처리방침 테이블  */
pre table.type1 {background:transparent; border-style:solid; border-color:#e5e5e5; border-width:1px 0 0 1px; text-align:center;}
pre table.type1 tr {}
pre table.type1 tr td {max-width:300px;}
pre table.type1 tr td.max_none {max-width:none;}
pre table.type1 tr>*{
	padding:10px 20px;
	border-style:solid; border-color:#e5e5e5; border-width:0 1px 1px 0;
		vertical-align: middle; white-space: break-spaces;
}
pre table.type1 th {background:#f1f1f1;}
pre table.type1 td.txt_left {text-align:left;}
/* 블럭 */
.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 {font-size:0; line-height:0; letter-spacing:0;}
#contents.main .visual {margin-bottom:5px;}
#contents.main .visual img {width:100%;}

#contents.main>div>a {display:block; width: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 .slide {height:400px !important; padding:0 !important; background:#eee;}
#contents.main .news {padding:5px;}
#contents.main .news>p {display:block; overflow:hidden;  width:100%; height:50px; font-size:18px; line-height:100%; padding:15px 20px; color:#fff; background:#1083af; border:1px solid #1083af; border-radius:5px 5px 0 0;}
#contents.main .news>p a {display:inline-block; position:absolute; right:20px; top:18px; padding:2px 5px; color:#666; font-size:13px; background:#fff; border:1px solid #ddd; border-radius:5px;}
#contents.main .news .b_list {padding:10px 20px; height:130px; background:#fff; border:1px solid #ddd; border-radius:0 0 5px 5px; border-top:0;}
#contents.main .news .b_list > a {display:block; margin:8px 0;}
#contents.main .news .b_list > a span {display:block;}
#contents.main .news .b_list > a span.subject {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; font-size:14px; line-height:120%; color:#000;}

#contents.main .info {padding:5px;}
#contents.main .info>p {position:relative; display:block; overflow:hidden;  width:100%; height:50px; font-size:18px; line-height:100%; padding:15px 20px; color:#fff; background:#f15928; border:1px solid #f15928; border-radius:5px 5px 0 0;}
#contents.main .info>p a {display:inline-block; position:absolute; right:20px; top:12px; padding:2px 5px; color:#666; font-size:13px; background:#fff; border:1px solid #ddd; border-radius:5px;}
#contents.main .info .b_list {padding:10px 20px; height:175px; background:#fff; border:1px solid #ddd; border-radius:0 0 5px 5px; border-top:0;}
#contents.main .info .b_list > a {display:block; margin:8px 0;}
#contents.main .info .b_list > a span {display:block;}
#contents.main .info .b_list > a span.subject {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; font-size:14px; line-height:120%; color:#000;}

/*
#contents.main .info {position:relative; padding:5px;}
#contents.main .info>div {}
#contents.main .info>div>a {display:block;height:140px; padding:20px; background:url(../images/main/bg_info.png) no-repeat 100% 100% #c7dcf3; border-radius:5px;}
#contents.main .info>div>a>span {display:block; padding-top:15px; font-size:12px; line-height:130%; color:#666;} 
*/
#contents.main .gallery {text-align:center; overflow:hidden; padding:5px;}
#contents.main .gallery .img {overflow:hidden; height:414px;}
#contents.main .gallery .img img {visibility:hidden;}
#contents.main .gallery .img a {position:relative; display:block; overflow:hidden; width:100%; height:100%; color:#fff; border-radius:5px;}
#contents.main .gallery .img .txt {position:absolute; width:100%; left:0; bottom:0; padding:0 20px 30px 20px; text-align:center; color:#fff;}
#contents.main .gallery .img .txt span {display:block; color:#fff;}
#contents.main .icon_wrap {padding-bottom:5px; /*height:340px;*/ font-size:0; line-height:0; letter-spacing:-4px;}
#contents.main .icon_wrap div {padding:5px; font-size:14px; line-height:120%;}
#contents.main .icon_wrap a {position:relative; display:inline-block; text-align:center; padding:40px 0; height:202px; background:#fff; border:1px solid #ddd; border-radius:5px;}
#contents.main .icon_wrap a>p {width:100%; display:block; position:absolute; bottom:40px; font-size:14px; color:#000; }
#contents .banner_wrap {display:flex; justify-content:center; width:100%;}
#contents div.banner {display:flex; justify-content:center; text-align:center; padding:5px; gap:10px; flex-wrap:wrap;}
#contents div.banner img {height:40px; width:115px;}

/* ************* 원소개 ************* */
/* 인사말 */
.greeting {width:100%; overflow:hidden;}
.greeting>div {float:left; height:100%; position:relative;}
.greeting>div>img {width:100%;}
.greeting>div:nth-child(1) {width:50%; margin-right:7%; background:url(../images/intro/greeting_bg.jpg)center /cover no-repeat;}
.greeting div:nth-child(2) {width:40%;}
.greeting div p {width:100%;}
.greeting div p:last-child {margin:50px auto 0; text-align:right;}
.greeting div p:last-child big {font-size:20px; font-weight:bold;}

/* 유치원 소개 */
/* 유치원 소개::연혁 */
.history {position:relative;}
.history:before {
	content:''; width:1px; height:100%; background:#e5e5e5;
	position:absolute; left:55px; top:0;
}
.history h3 {
	position:relative; font-size:24px; color:#000; padding-left:40px;
}
.history h3:after {
	content:''; display:block; width:10px; height:10px; background:#000;
	position:absolute; left:0; top:8px; border-radius:50%;
}

.history .visionWrap {text-align:center;}
.history .visionWrap h4 {font-size:24px; display:inline-block; color:#fff; padding:10px 50px; border-radius:3rem; position:absolute; left:50%; transform:translateX(-50%); top:-21px;}
.history .vision ul {border:2px solid #e5e5e5; width:80%; margin:0 auto; padding:50px 30px 30px; border-radius:30px;}

.history .visionWrap .vision {position:relative; margin-top:40px;}
.history .visionWrap .vision+.vision {margin-top:60px;}
.history .visionWrap .vision.sub h4 {font-size:20px;}
.history .visionWrap .vision.sub h4 br {display:none;}
.history .visionWrap h5 {font-size:18px; display:inline-block; color:#fff;}
.history .visionWrap .gridWrap {display:grid; grid-template-columns:repeat(4,1fr); padding-top:140px; position:relative; gap:30px;}
.history .visionWrap .gridWrap:before {content:""; display:block; background:url(../images/common/arrow_up_gray2.png) no-repeat center / contain; width:80px; height:80px; position:absolute; left:50%; transform:translateX(-50%); top:20px;}
.history .visionWrap .gridWrap .grid_bx h5 {padding:10px 20px; border-radius:3rem; position:absolute; left:50%; top:-24px; transform:translateX(-50%);}
.history .visionWrap .grid_bx {position:relative; border:2px solid #e5e5e5; border-radius:20px;}
.history .visionWrap .grid_bx ul {padding:45px 0 30px;}
.history .visionWrap .grid_bx li+li {margin-top:5px;}

.history .visionWrap .vision li {color:#000; font-size:18px; font-weight:500;}
.history .visionWrap .vision li+li {margin-top:10px; color:#000;}


.history div+h3 {padding:50px 0 40px 40px; margin-top:50px;}
.history div+h3:after {top:57px;}
.history h3+* {margin-left:40px;}
.history h3+.year {border:none; padding-top:0; margin-top:0;}
.history .year {margin-left:40px; padding-top:20px; margin-top:20px; overflow:hidden; border-top:1px solid #eee;}
.history .year:first-of-type {}
.history .year>span {display:block; float:left; font-size:24px; margin-bottom:20px; color:#000; font-weight:bold;}
.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:70px;}
.history .year>div li p {position:absolute; width:50px; left:0; top:0; font-size:18px; font-weight:bold; color:#000; text-align:center; font-size:16px; color:#f15928;}
.history .year>div li span {display:block; line-height:160%; margin-bottom:8px; font-size:14px;}

/* 유치원 소개::원훈 */
.history .classTit {overflow:hidden;}
.history .classTit p {float:left; font-size:36px; color:#000; line-height:1.2; word-break:keep-all; padding-right:20px;}
.history .classTit p:last-child {padding-right:0;}
.history .classTit p b {font-size:48px; vertical-align:bottom;}
/* 유치원 소개::유치원 교육 목표 */
.history .goal {}
.history .goal article {overflow:hidden;}
.history .goal article dl {float:left; width:33.3333%; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
.history .goal article dl:last-child {border-right:1px solid #e5e5e5;}
.history .goal article dl dt {color:#fff; font-size:18px; padding:10px 20px; font-weight:bold;}
.history .goal article dl dd {border-top:0; padding:20px; word-break:keep-all;}
/* 유치원 소개::유치원 상징 */
.history .symbol {overflow:hidden;}
.history .symbol>div {float:left; width:50%; padding:0 20px;}
.history .symbol>div:last-child {padding-top:40px;}
.history .symbol>div:last-child img {width:100%;}
.history .symbol>div h4 {
	font-size:18px; color:#fff; margin-bottom:10px; width:120px; height:40px; 
	line-height:40px; border-radius:25px; text-align:center;
}
.history .symbol>div h4+p {text-align:right;}
.history .symbol>div>div {position:relative; height:150px;}
.history .symbol>div>div img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.history .symbol>div img+p {padding-top:20px;}

.history .symbol audio {width:100%; margin-top:20px;}
.history .symbol audio:focus {outline:none;}
.history .symbol object {position:absolute; bottom:0; left:0; width:100%;}


/* 유치원현황 */
.subCon.intro {overflow:hidden;}
.subCon.intro>div {float:left;}
.subCon.intro>div:nth-child(1) {width:50%; padding-right:40px;}
.subCon.intro>div:nth-child(2) {width:50%;}
.subCon.intro>div:nth-child(3) {padding-top:40px;}
.subCon.intro>div h3 {font-size:18px; padding-bottom:10px; color:#000;}
.subCon.intro>div table {border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5; width:100%;}
.subCon.intro>div table tr {}
.subCon.intro>div table tr>* {text-align:center; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:10px; vertical-align:middle;}
.subCon.intro>div table tr th {background:rgb(16, 131, 175); color:#fff; font-size:16px;}
.subCon.intro>div table tr td {font-size:14px;}
.subCon.intro>div.scroll {overflow-x:auto;}
.subCon.intro>div.scroll h3 span {font-size:14px; color:#666; float:right;}

/* 선생님소개 */
.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%;}

/* 시설안내 */
.facility {overflow:hidden;}
.facility>div {float:left; padding:10px;}
.facility>div .img {border-radius:10px;}
.facility>div .img span {
	position:absolute; bottom:20px; right:20px; display:block; padding:5px 10px; background:rgba(255,255,255,.8);
	border-radius:10px; font-size:14px; line-height:1;
}
.facility img {}

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


/* ************* 교육안내 ************* */
/* 교육과정 운영 방안 */
.edu {text-align:center; font-size:16px;}

.edu p.result:first-child {font-size:16px; line-height:1.6; border-radius:150px;}
.edu p.result {
	font-size:21px; color:#000; line-height:1; padding:20px 60px; background:#1083af; 
	color:#fff; border-radius:50px; display:inline-block; line-height:1.2; word-break:keep-all;
}
.edu p.result b {font-size:27px; vertical-align:bottom;}
.edu div {position:relative; overflow:hidden; border:1px solid #e5e5e5; border-radius:5px; padding:40px 20px;}
.edu div article {padding:10px; float:left;}
.edu div dl {position:relative; float:left; width:100%; min-height:100%;}
.edu div dl dt {
	padding:20px; background:#f5f5f5; color:#000; border-radius:5px; width:120px; height:120px; 
	border-radius:50%; margin:0 auto; line-height:80px;
}
.edu div dl dd {padding-top:20px;}
.edu>span {
	display:block; width:50px; height:50px; margin:40px auto;
	background:#f15928 url(../images/common/arrow_down_1.png)center /90% no-repeat; border-radius:50%;
}
.edu>span.arrowUp {transform:rotate(180deg);}
/*
.edu {text-align:center; font-size:16px;}
.edu>p {padding:20px 0;}
.edu img+p {font-size:21px; color:#000; line-height:1;}
.edu img+p b {font-size:27px; vertical-align:bottom;}
.edu img {width:80%; text-align:center;}
.edu div {position:relative; overflow:hidden; padding:100px 0; margin:40px 0;}
.edu div:before,
.edu div:after {
	content:''; display:block; width:76%; height:1px; background:#e5e5e5;
	position:absolute; left:50%; margin-left:-38%;
}
.edu div:before {top:0;}
.edu div:after {bottom:0;}
.edu div dl {position:relative; float:left; width:calc((100% - 60px)/4); border:1px solid #e5e5e5;}
.edu div dl+dl {margin-left:20px;}
.edu div dl:before,
.edu div dl:after {
	content:''; display:block; width:1px; height:100px; background:#e5e5e5;
	position:absolute; left:50%; margin-left:-.5px
}
.edu div dl:before {top:-100px;}
.edu div dl:after {bottom:-100px;}
.edu div dl dt {border-bottom:1px solid #e5e5e5; padding:20px;}
.edu div dl dd {padding:20px;}
*/
/* 연간 교육 계획 */
.edu .type_dt2 li {border-radius:5px;}
.edu .type_dt2 li:nth-child(1) span {border-color:#15936f !important;}
.edu .type_dt2 li:nth-child(2) span {border-color:#d6385b !important;}
.edu .type_dt2 li:nth-child(3) span {border-color:#1083af !important;}
.edu .type_dt2 li .img {padding:0; border:0;}
.edu .type_dt2 li p {color:#fff;}
.edu .type_dt2 li span {line-height:1.5; text-align:left; padding:10px 20px; background:#fff; border:2px solid #eee !important;}
.edu .type_dt2 li span strong {font-size:16px; color:#f15928; display:block; border-bottom:1px solid #eee; padding-bottom:10px;}
.edu .type_dt2 li span b {color:#1083af; line-height:0;}
.edu .type_dt2 li span .br {display:block; height:10px; padding:0;}
.edu p.edu2 {padding:20px 0; text-align:left;}


/* 교육행사 */

/* ************* 입학안내 ************* */
/* 모집요강 */
.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;}


/* ************* 알림마당 ************ */
/* 가정통신문 */
.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;}

/* ************* 투명행정 ************ */

/* 열린서울공개 */
.entrance {}
.entrance iframe {width:100%; height:500px;}

/* 태블릿 */
@media all and (max-width:999px){
	.greeting div:nth-child(2) {padding-top:40px}
	.history:before {left:20px;}
	.history .symbol>div {padding:0;}
	.history .symbol>div+div {padding-top:40px;}
	.history .visionWrap h4 {font-size:20px;}
	.history .visionWrap h5 {font-size:16px;}
	.history .vision ul {width:100%;}
	.history .visionWrap .vision.sub h4 {font-size:18px; min-width: 390px;}
	.history .visionWrap .gridWrap {grid-template-columns:repeat(2,1fr);}
	.history .visionWrap .vision li {font-size:16px;}
}
/* 모바일 */
@media all and (max-width:480px){
	.greeting>div:nth-child(1) {height:300px !important; min-height:auto !important;}
	.history .goal article dl {border-right:1px solid #e5e5e5;}
	.history .visionWrap .gridWrap {grid-template-columns:repeat(1, 1fr);}
	.history .visionWrap .vision.sub h4 {min-width:260px; padding:10px 30px; top:-30px;}
	.history .visionWrap .vision.sub h4 br {display:block;}
}