﻿#gnb li a {padding : 14px 5px 14px 10px}

@charset "utf-8";
/*학교상징_01*/
.symbol_box{display:inline-block; width:100%; margin-top:10px;}
.symbol_box .img{width:25%; float:left;}
.symbol_box .img img{width:100%; height:100%;}
.symbol_box .txt{width:72%; float:right;}

/*학교상징_02*/
/*교훈*/
.intro_txt{width:100%; height:90px; margin-top:10px; text-align:center; background:url(/images/ap/ss/intro_bg.png)no-repeat 50% 50%; background-size:99% 100%;}
.intro_txt p{padding-top:35px; font-size:20px; font-family:'NanumBold'; }

/*표어*/
.intro_txt2{position:relative; font-size:20px; text-align:center; padding:10px; color:#555; font-family:'NanumBold';}

.symbol_box2 {display:inline-block; width:100%; margin-top:10px;}
.symbol_box2 li{width:33.3%; height:338px; float:left; text-align:center; background:url(/images/ap/ss/symbol_bg.png)no-repeat 50% 50%;}
.symbol_box2 li p{width:160px; height:160px; border-radius:150px; background:#ddd; margin:10px auto;}
.symbol_box2 li.m1 p{background:url(/images/ap/ss/symbol_01.png)no-repeat 50% 50%; background-size:105%;}
.symbol_box2 li.m2 p{background:url(/images/ap/ss/symbol_02.png)no-repeat 50% 50%; background-size:105%;}
.symbol_box2 li.m3 p{background:url(/images/ap/ss/symbol_03.png)no-repeat 50% 50%; background-size:105%;}
.symbol_box2 li dl{display:block; margin:65px 50px 0 50px; height:80px; overflow-y:hidden;}
.symbol_box2 li dl dt{margin-bottom:10px; font-size:15px; color:#0081d2; font-family:'NanumBold';}

/*교가*/
.intro_music{text-align:center;}
.intro_music img{margin-top:10px; width:80%;}

@media screen and (max-width:800px) {	
}

@media screen and (max-width:749px) {
	
/*학교상징_02*/
.symbol_box2 li{width:50%; margin-top:10px;}
	

}

@media screen and (max-width:690px) {

}

@media screen and (max-width:560px) {	

}

@media screen and (max-width:480px) {
	/*학교상징_02*/
	.symbol_box2 li{width:100%;}
	
	/*학교상징_ver2*/
	.symbol_box3 li {width:100%; float:none; margin:0 0 3%}
	.symbol_box3 li img { width:auto; height:100px}
}

@media screen and (max-width :380px) {

}