@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/wiryehanbit-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 {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/wiryehanbit-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/wiryehanbit-h/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/wiryehanbit-h/sub/bg_greeting.png') no-repeat center / cover;} 
.greeting_box2 .greeting_txt .tit > span {font-weight:600;}
.greeting_box2 .greeting_txtBox {margin-left: 3rem;} 
.greeting_box2 .greeting_txtBox:before {content:"";display:block;position:absolute;width: 120px;height: 183px;background:url('/images/wiryehanbit-h/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 span {display:block; position:absolute; width:15.2rem; height:10.1rem; 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; 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 #ed727d;}
.sybol_Wrap > li dl dd ul.sybol_list > li:nth-child(3) div.sybol_txt {border-top:7px solid #ed727d;}
.sybol_Wrap > li dl dd ul.sybol_list > li:nth-child(4) div.sybol_txt {border-top:7px solid #5c90ff;}
.sybol_Wrap > li dl dd ul.sybol_list > li:nth-child(5) div.sybol_txt {border-top:7px solid #11c5ee;}
.sybol_Wrap > li dl dd ul.sybol_list > li:nth-child(6) div.sybol_txt {border-top:7px solid #fcb326;}

.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:#ed727d;}
.sybol_Wrap > li dl dd ul.sybol_list > li:nth-child(3) div.sybol_txt h3 {color:#ed727d;}
.sybol_Wrap > li dl dd ul.sybol_list > li:nth-child(4) div.sybol_txt h3 {color:#5c90ff;}
.sybol_Wrap > li dl dd ul.sybol_list > li:nth-child(5) div.sybol_txt h3 {color:#11c5ee;}
.sybol_Wrap > li dl dd ul.sybol_list > li:nth-child(6) div.sybol_txt h3 {color:#fcb326;}
.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:nth-child(2) div.sybol_txt h3 em {background:#ed727d;}
.sybol_Wrap > li dl dd ul.sybol_list > li:nth-child(3) div.sybol_txt h3 em {background:#ed727d;}
.sybol_Wrap > li dl dd ul.sybol_list > li:nth-child(4) div.sybol_txt h3 em {background:#5c90ff;}
.sybol_Wrap > li dl dd ul.sybol_list > li:nth-child(5) div.sybol_txt h3 em {background:#11c5ee;}
.sybol_Wrap > li dl dd ul.sybol_list > li:nth-child(6) div.sybol_txt h3 em {background:#fcb326;}
.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/wiryehanbit-h/sub/bus_icon.png') no-repeat center center;}
.adres_list > li.car:before {top:-.5rem; background: #f0f9fb url('/images/wiryehanbit-h/sub/car_icon.png') no-repeat center center;}

/*0204_우리반교실*/
.classBox{position:relative; overflow:hidden;}
.classBox > .ch_class{float:left;width:14.28571428571429%;min-height: 150px;}
.classBox > .ch_class ul li{text-align:center;font-size:18px; color:#1161bc;}
.classBox > .ch_class ul li a{font-size:16px; color:#333;}
.classBox > .ch_class ul li a:hover{text-decoration:underline;}
 


/* 반응형 */
@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;}

}
@media (max-width:800px){
      /*0204_우리반교실*/
     .classBox > .ch_class{width:33.33333333%;}

}
@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;}
	
} 
@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;}
	
	 /*0204_우리반교실*/
     .classBox > .ch_class{width:50%;}

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

	
}