@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/sbse-s/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/sbse-s/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/sbse-s/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;}

/* 0102_교육목표 */
.info_Wrap > li {padding-top:4.5rem;}
.info_Wrap > li:first-child {padding-top:1.5rem;}
.info_Wrap > li > dl {position:relative; padding:2.5rem 1rem 1rem; font-size:0.8rem; text-align:center;}
.info_Wrap > li > dl.infoDotted{ border:2px dashed #cddde1;}
.info_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;}
.info_Wrap > li > dl > dd p.infoTxt {font-size:1.1rem; padding:0 1rem;}
.infoList { position:relative; height:auto; overflow:hidden; margin:2rem -1rem 0; }
.infoList > li { width:25%; height:auto; float:left; padding:0 1rem; overflow:hidden; text-align: left; }
.infoList > li dl {  border-radius:1rem; overflow:hidden; }
.infoList > li dl dt { padding:1rem; color:#fff; text-align:center; }
.infoList > li:nth-child(1) dl dt { background-color:#e76A00; }
.infoList > li:nth-child(2) dl dt { background-color:#13a55a; }
.infoList > li:nth-child(3) dl dt { background-color:#555dd3; }
.infoList > li:nth-child(4) dl dt { background-color:#ed4b59; }
.infoList > li dl dt strong { font-size:1rem; display:block;}
.infoList > li dl dd { min-height:7rem; padding:1rem; border:2px dotted #cddde1; border-top:none; border-radius:0 0 1rem 1rem; }

.infoList.list03 > li{width: 50%; }

/* 0103_학교상징 */
.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 {display:block; position:absolute; width:15.2rem; height:10.3rem; line-height: 17.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 {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 #ed4b59;}
.sybol_Wrap li dl dd ul.sybol_list li:nth-child(2) div.sybol_txt {border-top:7px solid #555dd3;}
.sybol_Wrap li dl dd ul.sybol_list li:last-child div.sybol_txt {border-top:7px solid #13a55a;}

.sybol_Wrap li dl dd ul.sybol_list li div.sybol_txt h3 {font-size:1rem; color:#ed4b59; 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:#555dd3;}
.sybol_Wrap li dl dd ul.sybol_list li:last-child div.sybol_txt h3 {color:#13a55a;}
.sybol_Wrap li dl dd ul.sybol_list li div.sybol_txt h3 em {display:inline-block; background:#ed4b59; 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:nth-child(2) div.sybol_txt h3 em {background:#555dd3;}
.sybol_Wrap li dl dd ul.sybol_list li:last-child div.sybol_txt h3 em {background:#13a55a;}
.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/sbse-s/sub/bus_icon.png') no-repeat center center;}
.adres_list > li.car:before {top:-.5rem; background: #f0f9fb url('/images/sbse-s/sub/car_icon.png') no-repeat center center;}

/* 찾아오시는길 주변버스 */
.root_daum_roughmap .section_busline .icon_bus {
	background:url('/images/sbse-s/sub/ico_traffic_180531.png') no-repeat !important;
	overflow: hidden;
    float: left;
    width: 26px;
    height: 16px;
    margin-right: 6px;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
	}

.root_daum_roughmap .section_busline .ico_bus9 .icon_bus{
    background-position: -240px -410px !important
}

.root_daum_roughmap .section_busline .ico_bus3 .icon_bus{
    background-position: -150px -410px !important
}

.root_daum_roughmap .section_busline .ico_bus7 .icon_bus{
    background-position: -330px -410px !important
}


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


}

@media (max-width:980px){

	/* 0101_인사말 */
	.greeting_box2 .greeting_top .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_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/sbse-s/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;}

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


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

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

	/* 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;}

	/* 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;}

    /* 0102_교육목표 */
	.infoList > li { width:100%; margin-bottom:1rem; }
	.infoList.list03 > li{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;}


	/* 0102_학교상징 */
	.sybol_Wrap li dl dd ul.sybol_list li span {max-width:100%; height:auto; line-height: 0;}

	/* 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){



}