@charset "utf-8";

/* 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/sn-e/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 {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/sn-e/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/sn-e/sub/bg2_greeting.png') no-repeat;right: 0;bottom: 5rem;}
.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::after{display:block; content: ''; clear:both;}
.greeting_box2 .greeting_img{position: absolute;right: 0;top: 1rem;width: 19.5rem;height: auto;padding: 3rem 0 0;z-index:2;}
.greeting_box2 .greeting_img .img{position:relative;width: 100%;overflow:hidden;} 
.greeting_box2 .greeting_img .img img{width:100%;height: 100%;box-shadow: 0 0 5px 0 rgb(19 81 151 / 35%);border-radius: 2rem 0;}
.greeting_box2 .greeting_txt {position:relative; margin:0; }
.greeting_box2 .greeting_txt p {font-size:0.8rem; color:#333; font-weight:300; line-height:1.6;}
.greeting_box2 .greeting_img + .greeting_txt{padding-top: 2rem;width: calc(100% - 8rem);}
.greeting_box2 .greeting_txt .tit {margin-bottom:2rem;color:#fff;font-size: 1.25rem;font-weight:300;line-height:1.6;padding: 2.9rem 13rem 2.9rem 3rem;background: #135198 url('/images/sn-e/sub/bg_greeting.png') no-repeat center / cover;} 
.greeting_box2 .greeting_txt .tit > span {font-weight:600;}
.greeting_box2 .greeting_txtBox {margin-left: 3rem; padding-right:13rem; } 
.greeting_box2 .greeting_txtBox:before {content:"";display:block;position:absolute;width: 120px;height: 183px;background:url('/images/sn-e/sub/bg2_greeting.png') no-repeat;right: -8rem;bottom: 5rem;}
.greeting_box2 .greeting_txt strong {color: #135198;font-weight:600;} 
.greeting_box2 .greeting_txt ol li {position:relative; margin:.3rem 0 .4rem 0; color:#333;}
.greeting_box2 .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_box2 .greeting_txt ol li:nth-child(even) span {background: #135198;}
.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;}



/* 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.sybol_01 {}
.sybol_Wrap > li dl dd ul.sybol_list > li span {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 {width:100%;}
.sybol_Wrap > li dl dd ul.sybol_list > li div.sybol_txt {position:relative; min-height:6.5rem; margin:3rem 0 2.5rem 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:nth-child(3) div.sybol_txt {border-top:7px solid #099;}
.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:nth-child(3) div.sybol_txt h3 {color:#099;}
.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:9.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:nth-child(2) div.sybol_txt h3 em {background:#5c90ff;}
.sybol_Wrap > li dl dd ul.sybol_list > li:nth-child(3) div.sybol_txt h3 em {background:#099;}
.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;}

.sybol_Wrap > li dl dd p.sybolTxt ul.sybl_list > li { padding-top:0;}



/* 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 + h3 { margin-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/sn-e/sub/bus_icon.png') no-repeat center center;}
.adres_list > li.car:before {top:-.5rem; background: #f0f9fb url('/images/sn-e/sub/car_icon.png') no-repeat center center;}



 /* 0301_01_전교어린이회조직 */
.orgChart { position:relative; text-align:center; font-size:0; }
.orgChart:after { content:""; display:block; clear:both; }
.orgChart h4 { position:relative; display:table; width:8rem; height:8rem; border-radius:50%; background:#5e92ff; color:#fff; font-size:1rem; margin:2rem auto; }
.orgChart h4:after { content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:9rem; height:9rem; border:2px dashed #5e92ff; border-radius:50%; } 
.orgChart h4:before { content:""; position:absolute; left:50%; bottom:-2rem; width:1px; height:2rem; background:#ddd; }
.orgChart h4 span { display:table-cell; vertical-align:middle; }
.orgChart h4 span em { display:block; font-size:1.3rem; }
.orgChart dl { position:relative; display:inline-block; min-width:25rem; margin:0 auto; text-align:center; }
.orgChart > dl { margin-bottom:1rem; }
.orgChart > dl:before { content:""; position:absolute; left:50%; bottom:-1rem; width:1px; height:0rem; background:#ddd; }
.orgChart dl dt { padding:0.5rem 1rem; font-size:1rem; background:#00c2b8; color:#fff; border-radius:1rem 1rem 0 0; font-weight:400; }
.orgChart dl dd { display:block; border:1px solid #ddd; border-top:none; padding:1rem; border-radius:0 0 1rem 1rem; font-size:0.9rem; }

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

	
}

@media (max-width:980px){ 

	/* 0101_인사말 */
	.greeting_box2 .greeting_txt .tit > br {display:none;}

} 
@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_img {position:relative; left:auto; top:auto; margin:0 auto;}
	.greeting_box2 .greeting_img + .greeting_txt {width:100%; padding-top:0; margin:-4.5rem 0 0;}
	.greeting_box2 .greeting_img + .greeting_txt .tit {padding:6rem 3.5rem 2.5rem; text-align:center;}
	.greeting_box2 .greeting_txt .tit { padding:1.5rem; }
	.greeting_box2 .greeting_txtBox {margin:0 1.5rem; padding:0; }

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


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

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

	
	/* 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 {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;}
	
	 /* 0301_01_전교어린이회조직 */
	.orgChart dl {min-width:100%;}
	
} 
@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;}
	
    /* 0101_인사말 */
	.greeting_box2 .greeting_img + .greeting_txt .tit {padding:6rem 1.5rem 2.5rem; font-size:1.1rem;}
    .greeting_box2 .greeting_img {width:80%;}
	.greeting_box2 .greeting_txtBox > p:first-child > br {display:none;}
	
	/* 0102_학교상징 */
	.sybol_Wrap li dl dd ul.sybol_list li span {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;}

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

	
}