@charset "utf-8";

/* 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/snys-e/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/snys-e/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-size: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.3rem; top:0; left:0; text-align:center; border:1px solid #cddde1; overflow:hidden; font-size:0;}
.sybol_Wrap li dl dd ul.sybol_list li span img {position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); 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(3) div.sybol_txt {border-top:7px solid #37cd5b;}
.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(3) div.sybol_txt h3 {color:#37cd5b;}
.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:nth-child(3) div.sybol_txt h3 em {background:#37cd5b;}
.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;}
 
/* 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/cb_kg/sub/bus_icon.png') no-repeat center center;}
.adres_list > li.car:before {top:-.5rem; background: #f0f9fb url('/images/cb_kg/sub/car_icon.png') no-repeat center center;}
 

/* 반응형 */
@media (max-width:1240px){
    
    /* 0101_인사말 */
    .greeting_box2 .greeting_txt .tit > br {display:none;}
    .greeting_box2 .greeting_txt .tit > span {display:block;}

	
}

@media (max-width:980px){  

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

} 
@media (max-width:900px){ 
	/* 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/snys-e/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){  
	
	/* 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;}
	 
} 
@media (max-width:480px){ 
 
	
	/* 0102_학교상징 */
	.sybol_Wrap li dl dd ul.sybol_list li span {max-width:100%; height:auto;}
	.sybol_Wrap li dl dd ul.sybol_list li span img { position: relative; left:auto; top:auto; -webkit-transform:none; transform:none;}
	 
	/* 0104_오시는길 */
	.adres_list > li {padding:0;}
	.adres_list > li:before {display:none;}

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

	
}