@charset "utf-8";

.li_w50 {overflow:hidden;}

/* 0101_인사말 : 인사말 (교장선생님사진 o) */
.greeting_box{position:relative; word-break:keep-all;}
.greeting_box::after{display:block; content: ''; clear:both;}
.greeting_box .greeting_img{position:absolute;left:0;top: 1rem;width:9.25rem;padding: 2rem 0 0 1.2rem;z-index:2;}
.greeting_box .greeting_img::before{width:3.75rem; height:3.85rem; background:url('/images/imae-h/sub/ico_greeting.png') no-repeat; background-size:contain; position:absolute; top:0; left:0; z-index:-1; content:'';}
.greeting_box .greeting_img .img{position:relative;width:7.75rem;overflow:hidden;border-radius:0 1.5rem;} 
.greeting_box .greeting_img .img img{width:100%;box-shadow: 0 0 5px 0 rgb(19 81 151 / 35%);}
.greeting_box .greeting_txt {position:relative; margin:0; }
.greeting_box .greeting_txt p {position:relative; font-size:0.8rem; color:#333; font-weight:300; line-height:1.6;}
.greeting_box .greeting_img + .greeting_txt{ padding-top:6rem; margin-left:5rem; }
.greeting_box .greeting_txt .tit {margin-bottom:2rem;color:#fff;font-size: 1.25rem;font-weight:300;line-height:1.6;padding: 2.9rem 6rem;background: #135198 url('/images/imae-h/sub/bg_greeting.png') no-repeat center / cover;} 
.greeting_box .greeting_txt .tit > span {font-weight:600;}
.greeting_box .greeting_txtBox {margin-left: 6rem;} 
.greeting_box .greeting_txtBox:before {content:"";display:block;position:absolute;width: 120px;height: 183px;background:url('/images/imae-h/sub/bg2_greeting.png') no-repeat;right: 0;bottom: 5rem; z-index:-1;}
.greeting_box .greeting_txt strong {color: #135198;font-weight:600;} 
.greeting_box .greeting_txt ol li {position:relative; margin:.3rem 0 .4rem 0; color:#333;}
.greeting_box .greeting_txt ol li span {display:inline-block;width:1.2rem;height:1.2rem;margin-right:.2rem;border-radius:50%;background: #13bdbf;line-height:1.2rem;text-align:center;color:#fff;}
.greeting_box .greeting_txt ol li:nth-child(even) span {background: #135198;}
.greeting_box .greeting_txt .name{color:#333; margin-top:2rem; font-weight:300; }
.greeting_box .greeting_txt .name em{padding-left:0.3rem; font-size:1.1rem; font-weight:500;}

/* 0101_인사말 : 인사말 */
.greeting_box2{position:relative; word-break:keep-all;overflow: hidden;}
.greeting_box2 .greeting_top {position:relative; padding-top:2rem;}
.greeting_box2 .greeting_top .tit {min-height:11rem; color:#fff; font-size: 1.25rem; font-weight:300; line-height:1.6; padding: 2.9rem 20rem 2.9rem 3rem; background: #135198 url('/images/imae-h/sub/bg_greeting.png') no-repeat center / cover;  border-radius: 2rem 0;}
.greeting_box2 .greeting_top .tit > span {font-weight:600;}
.greeting_box2 .greeting_top .img {position: absolute; right:1rem; top:0; width:17rem; height:auto;}
.greeting_box2 .greeting_top .img img {width:100%; box-shadow: 0 0 5px 0 rgb(19 81 151 / 35%); border-radius: 2rem 0;}
.greeting_box2 .greeting_txt{position:relative; background:url('/images/imae-h/sub/bg2_greeting.png') no-repeat right bottom;}
.greeting_box2 .greeting_txt,
.greeting_box2 .greeting_txt p{color:#444; font-weight:300; font-size:.9rem;}
.greeting_box2 .greeting_txt .name{color:#333; margin-top:2rem; font-weight:300; }
.greeting_box2 .greeting_txt .name em{padding-left:0.3rem; font-size:1.1rem; font-weight:500;}
.greeting_box2 .greeting_txt .point_greeBox {margin:1rem 0; }
.greeting_box2 .greeting_txt p.point_gree2 {margin:0; font-size:.9rem;}
.greeting_box2 .greeting_txt p.point_gree2 strong {color:#6c74df;}
.greeting_box2 .greeting_txt ul.point_gree {margin:.5rem 0; padding:.5rem 1rem; font-size:.9rem; text-align:center; overflow:hidden; border-radius:1rem; background:#f2f2fc;}
.greeting_box2 .greeting_txt ul.point_gree li {width:31%; margin:.5rem 1%; padding:1rem .5rem; float:left; border-radius:1rem; background:#fff;}

/* 0102_학교상징 */
.sybol_Wrap li {padding-top:4.5rem;}
.sybol_Wrap li:first-child {padding-top:1.5rem;}
.sybol_Wrap li dl {position:relative; padding:2.5rem 1rem 1rem; font-size:0.8rem; text-align:center;}
.sybol_Wrap li dl.sybolDotted{ border:2px dashed #cddde1;}
.sybol_Wrap li dl dt {position:absolute; min-width:13.5rem; height:3rem; display:table; top:-1.5rem; left:50%; transform:translateX(-50%); padding:0.75rem 0.5rem; font-size:0.9rem; font-weight:400; color:#fff; background:#0085d8; border-radius:2rem; box-shadow:rgba(0,0,0,0.3) 3px 3px 5px;}
.sybol_Wrap li dl dd p.sybolTxt {font-size:1.1rem; padding:0 1rem;}

.sybol_Wrap li dl dd ul.sybol_list li {position:relative; padding-top:1.5rem;}
.sybol_Wrap li dl dd ul.sybol_list li span.img {display:block; position:absolute; width:15.2rem; height:10.3rem; top:0; left:0; text-align:center; border:1px solid #cddde1; overflow:hidden;}
.sybol_Wrap li dl dd ul.sybol_list li span.img img {max-width:100%;}
.sybol_Wrap li dl dd ul.sybol_list li div.sybol_txt {position:relative; min-height:8.75rem; margin:2rem 0 3rem 14rem; padding:2rem; background:#fff; box-sizing:border-box; box-shadow:0 0 32px rgb(0 0 0 / 17%); text-align:left;}
.sybol_Wrap li dl dd ul.sybol_list li:first-child div.sybol_txt {border-top:7px solid #ed727d;}
.sybol_Wrap li dl dd ul.sybol_list li:nth-child(2) div.sybol_txt {border-top:7px solid #5c90ff;}
.sybol_Wrap li dl dd ul.sybol_list li:last-child div.sybol_txt {border-top:7px solid #11c5ee;}

.sybol_Wrap li dl dd ul.sybol_list li div.sybol_txt h3 {font-size:1rem; color:#ed727d; line-height:1.75rem; margin-bottom:0.5rem;}
.sybol_Wrap li dl dd ul.sybol_list li:nth-child(2) div.sybol_txt h3 {color:#5c90ff;}
.sybol_Wrap li dl dd ul.sybol_list li:last-child div.sybol_txt h3 {color:#11c5ee;}
.sybol_Wrap li dl dd ul.sybol_list li div.sybol_txt h3 em {display:inline-block; background:#ed727d; width:4.1rem; margin-right:0.7rem; color:#fff; font-size:0.9rem; border-radius:3rem; text-align:center;}
.sybol_Wrap li dl dd ul.sybol_list li div.sybol_txt h4 em {display:inline-block; background:#e7e7e7; padding:0 .5rem; margin:.5rem 0.7rem 0 0; color:#333; font-size:0.9rem; border-radius:3rem; text-align:center;}
.sybol_Wrap li dl dd ul.sybol_list li:nth-child(2) div.sybol_txt h3 em {background:#5c90ff;}
.sybol_Wrap li dl dd ul.sybol_list li:last-child div.sybol_txt h3 em {background:#11c5ee;}
.sybol_Wrap li dl dd ul.sybol_list li div.sybol_txt > p {font-size:.9rem;}


/* 0103_연혁 */
.histort .history_list li .date {display:inline-block; position:relative; width:calc(100% - 11.5rem); top:1.5rem; margin-left:11.5rem; border-left:1px solid #ccc; padding:0 0 2rem 2.5rem;}
.histort .history_list li .date:before {content:""; display:inline-block; position:absolute; left:-5px; width:.6rem; height:.6rem; margin-top:-5px; border-radius:50%; background:#fff; border:3px solid #0085d8;}
.histort .history_list li span.year {position:absolute; width:9.7rem; height:3.4rem; color:#fff; font-size:1.2rem; background:#0098f7; border-radius:2rem; text-align:center; line-height:3.4rem;}
.histort .history_list li .date h3.year2 {position:relative; font-size:1.4rem; color:#0085d8; font-weight:500; top:-1rem;}
.histort .history_list li .date .date_list {position:relative; background:#f5f5f5; padding:1.2rem; line-height:2.2; margin-top:.7rem; top:-1rem;}
.histort .history_list li .date .date_list li {color:#555;}
.histort .history_list li .date .date_list li span {margin-right:.8rem; color:#333; font-weight:500;}

/* 0104_오시는길 */
.mapBox { padding:0.5rem; border:1px solid #e0f0f4; background:#f0f9fb; }
.mapBox .inner { position:relative; height:21rem; padding:.5rem; background:#fff; box-shadow:0 0 5px 0 rgba(0, 133, 216, 0.3);} 
.mapAdres {padding:.5rem; overflow:hidden;}
.mapAdres li { position:relative; width:100%; padding:.5rem 0 .5rem 2.5rem; margin-top:.25rem; line-height:1.4; }
.mapAdres li i {position:absolute; display:block; width:2rem; height:2rem; border-radius:50%; background:#0085d8; left:0; top:0; color:#fff; text-align:center; line-height:2rem;}
.adres_list > li {position:relative; margin:1rem 0; padding:0 0 3rem 7rem;}
.adres_list > li:before {content:""; display:inline-block; position:absolute; width:5.25rem; height:5.25rem; top:0; left:0; background:#f0f9fb; border-radius:50%;}
.adres_list > li.bus:before {background:#f0f9fb url('/images/imae-h/sub/bus_icon.png') no-repeat center center;}
.adres_list > li.car:before {top:-.5rem; background: #f0f9fb url('/images/imae-h/sub/car_icon.png') no-repeat center center;}

/* 0301_연간교육과정 */
.yearly_edu {overflow:hidden;}
.yearly_edu > li {width:23%; margin:.5rem 1%; float:left;}
.yearly_edu > li dl {min-height:10.5rem; padding:.5rem; border:2px dotted #ccc; border-radius:1rem;}
.yearly_edu > li dl dt {padding:.5rem 1rem; color:#fff; font-size:.9rem; text-align:center; font-weight:400; background:#0077d1;  border-radius:1rem;}
.yearly_edu > li:nth-child(even) dl dt {background:#004795;}
.yearly_edu > li dl dd {padding:.5rem 1rem;}
.yearly_edu.yearly_edubBg2 > li dl dt {background:#00ba95;}
.yearly_edu.yearly_edubBg2 > li:nth-child(even) dl dt {background:#00896e;}

/* 학급홈페이지 */
.scClass li dl {position:relative; margin-top:2.25rem; padding:2rem 1rem 1rem; border-radius:1rem; border:2px dotted #0077d1;}
.scClass li dl dt {position:absolute; left:0; top:-1.25rem; width:8rem; line-height:2.5rem; padding:0 1rem; text-align:center; color:#fff; font-weight:600; background:#0077d1; border-radius:1rem;}
.scClass li dl dd ul {overflow:hidden;}
.scClass li dl dd ul li {width:23%; margin:5px 1%; float:left; line-height:2.5rem; }
.scClass li dl dd ul li a {position:relative; display:block;  line-height:2.5rem; padding:0 1rem 0 3rem; background:#eff8ff; border-radius:.5rem;}
.scClass li dl dd ul li a:hover,
.scClass li dl dd ul li a:focus {color:#111; box-shadow:0 0 5px 0 rgba(0, 119, 209, 0.5);}
.scClass li dl dd ul li a span {position:absolute; left:.5rem; top:.35rem; width:1.8rem; height:1.8rem; line-height:1.8rem; display:block; text-align:center; font-size:1rem; margin-right:.5rem; color:#fff; background-color:rgba(0, 0, 0, .2); border-radius:50%;}
.scClass li dl dd ul li a:hover span,
.scClass li dl dd ul li a:focus span {background:#0077d1;}
.scClass li:nth-child(even) dl { border:2px dotted #1fbe8e;}
.scClass li:nth-child(even) dl dt {background:#1fbe8e;}
.scClass li:nth-child(even) dl dd ul li a {background:#e8f8f3;}
.scClass li:nth-child(even) dl dd ul li a:hover,
.scClass li:nth-child(even) dl dd ul li a:focus {box-shadow:0 0 5px 0 rgba(30, 190, 142, 0.5);}
.scClass li:nth-child(even) dl dd ul li a:hover span,
.scClass li:nth-child(even) dl dd ul li a:focus span {background:#1fbe8e;}

/* 중점교육과제 */
.edu_projBox{padding:1rem; border:2px dotted #e0e0e0; border-radius:1rem;}

/* 교육목표 */
.eduBox { position:relative; height:auto; overflow:hidden; margin:.5rem -1rem 0; }
.eduBox > li { width:33.333%; height:auto; float:left; padding:0 1rem; overflow:hidden; }
.eduBox.li50 > li { width:50%; height:auto; float:left; padding:0 1rem; overflow:hidden; }
.eduBox > li dl { padding:.5rem; overflow:hidden;  border:2px dotted #cddde1; border-radius:1rem; word-break:keep-all; }
.eduBox > li dl dt { padding:.5rem 1rem; color:#fff; text-align:center; font-size:1rem; background-color:#00ba95; border-radius:1rem;}
.eduBox > li:nth-child(even) dl dt { background-color:#0077d1; }
.eduBox > li dl dd { min-height:2rem; padding:1rem; }

/* 급식실 안내 */
.mealInfo li dl {position:relative; margin:.5rem 0 0; padding:1.5rem 1rem 1.5rem 4.5rem; background:rgba(92, 144, 255, .1); border-radius:1.5rem;}
.mealInfo li dl dt {margin-bottom:.5rem; font-size:.9rem; color:#000; font-weight:600; }
.mealInfo li dl dt span.num {position:absolute; left:1rem; top:1rem; width:2.5rem; height:2.5rem; line-height:2.5rem; display:block; text-align:center; color:#fff; background:rgba(92, 144, 255, 1); border-radius:50%;}
.mealInfo li dl dd {font-size:.85rem}
.mealInfo li:nth-child(even) dl {background:rgba(0, 186, 149, .1);}
.mealInfo li:nth-child(even) dl dt span.num {background:rgba(0, 186, 149, 1);}

/* 교복정보 */
.uniformList {overflow:hidden;}
.uniformList li {width:50%; float:left;}
.uniformList li div {margin:.5rem; border:1px solid #e0e0e0; text-align:center; }
.uniformList li div img {margin:.5rem 0; max-width:100%; border-radius:.5rem;}
.uniformList li div p {padding:.5rem; background:#f7f7f7; border-top:1px dotted #e0e0e0; }
.uniformList li:last-child {width:100%;}




/* 반응형 */
@media (max-width:1240px){

	
}

@media (max-width:980px){ 

	/* 0101_인사말 */
	.greeting_box2 .greeting_top .tit br {display:none;}
	.greeting_box2 .greeting_txt ul.point_gree {padding:.5rem;}
	.greeting_box2 .greeting_txt ul.point_gree li {width:100%; margin:.5rem 0; padding:.5rem;}

	/* 0301_연간교육과정 */
	.yearly_edu > li {width:48%;}

} 
@media (max-width:900px){ 
	/* 0101_인사말 : 인사말 (교장선생님사진 o) */
	.greeting_box .greeting_img { position:relative; left:auto; top:auto; margin:0 auto; }
	.greeting_box .greeting_img + .greeting_txt {padding-top:0; margin:-4.5rem 0 0;}
	.greeting_box .greeting_img + .greeting_txt .tit {padding:6rem 3.5rem 2.5rem; text-align:center;}
	.greeting_box .greeting_txtBox {margin: 0 1.5rem;}
	
	/* 0101_인사말 : 인사말 */
	.greeting_box2 .greeting_top {padding-top:2rem;}
	.greeting_box2 .greeting_top .tit {min-height:auto; padding:8rem 1.5rem 1.5rem; text-align:center;}
	.greeting_box2 .greeting_top .img {right:auto; left:50%; margin-left:-6.5rem; width:13rem;}
	.greeting_box2 .greeting_top .img img {width:100%; box-shadow: 0 0 5px 0 rgb(19 81 151 / 35%); border-radius: 2rem 0;}
	.greeting_box2 .greeting_txt{position:relative; background:url('/images/imae-h/sub/bg2_greeting.png') no-repeat right bottom;}
	.greeting_box2 .greeting_txt,
	.greeting_box2 .greeting_txt p{margin-top:2rem; color:#444; font-weight:300;}
	.greeting_box2 .greeting_txt .name{color:#333; margin-top:2rem; font-weight:300; }
	.greeting_box2 .greeting_txt .name em{padding-left:0.3rem; font-size:1.1rem; font-weight:500;}

	/* 학급홈페이지 */
	.scClass li dl dd ul li {width:48%; margin:5px 1%;}

}
@media (max-width:800px){


}
@media (max-width:680px){ 

    /* 0101_인사말 : 인사말 (교장선생님사진 o) */
    .greeting_box .greeting_txtBox:before {display:none;}

	/* 0101_인사말 */
	.greeting_box2 .greeting_txt .point_gree li {width:100%; margin:.5rem 0;}
		
	/* 0102_학교상징 */
	.sybol_Wrap li dl dd ul.sybol_list li:first-child {padding-top:0;}
    .sybol_Wrap li dl dd ul.sybol_list li span.img  {display:block; position:relative; left:50%; transform:translateX(-50%);}
    .sybol_Wrap li dl dd ul.sybol_list li div.sybol_txt {margin:1.2rem 0 2rem;}
	
	/* 0103_연혁 */
	.histort .history_list li span.year {display:none;}
	.histort .history_list li .date {margin-left:0; width:100%; padding:0 0 2rem 1.5rem;}

	/* 교육목표 */
	.eduBox {margin:.5rem 0 0; }
	.eduBox > li { width:100%; float:none; padding:0; margin-top:.5rem;}
	.eduBox.li50 > li { width:100%; float:none; padding:0;}
	
} 
@media (max-width:480px){ 


	/* 0101_인사말 */
	.greeting_box .greeting_img + .greeting_txt .tit {padding:6rem 1.5rem 2.5rem; font-size:1.1rem;}
	.greeting_box .greeting_txtBox > p:first-child > br {display:none;}
	
	/* 0102_학교상징 */
	.sybol_Wrap li dl dd ul.sybol_list li span.img  {max-width:100%; height:auto;}
	
	/* 0103_학교연혁 */
	.histort .history_list li .date .date_list li {line-height:1.6; margin-bottom:.5rem;}
	.histort .history_list li .date .date_list li span {display:block;}

	/* 0104_오시는길 */
	.adres_list > li {padding:0;}
	.adres_list > li:before {display:none;}

	/* 0301_연간교육과정 */
	.yearly_edu > li {width:100%; margin:.5rem 0; float:none;}
	.yearly_edu > li dl {min-height:auto;}

	/* 학급홈페이지 */
	.scClass li dl dd ul li {width:100%; margin:5px 0;}

	/* 급식실 안내 */
	.mealInfo li dl {margin-top:2rem; padding:1.5rem 1rem;}
	.mealInfo li dl dt span.num {left:50%; top:-1.25rem; margin-left:-1.25rem;}

	/* 교복정보 */
	.uniformList li {width:100%; float:none;}

}
	
@media (max-width:380px){ 
	

	
}