@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%;}

/*타이틀*/
.tit_01{ font-size:17px; line-height:1.4; font-family:"NanumBold"; color:#1b4ca2;  background:url("/images/ap/ss/bul_01.png") no-repeat 0 7px; padding-top:15px; }
.tit_02{ font-size:15px; line-height:1.4; font-family:"NanumBold"; color:#111;  background:url("/images/ap/ss/bul_03.png") no-repeat 0 5px; padding-left:16px; }

/*블렛*/
.bu_list_01 li{ font-size:13px; color:#444; line-height:1.4; margin:5px 0; font-family:"Nanum"; background:url("/images/ap/ss/bu_dot.gif") no-repeat left 7px; padding-left:12px;}
.bu_list_02 li{ font-size:13px; color:#444; line-height:1.4; margin:5px 0; font-family:"Nanum"; background:url("/images/ap/ss/gray_dot.gif") no-repeat left 7px; padding-left:10px;}
.bu_list_03 li{ font-size:13px; color:#444; line-height:1.4; margin:5px 0; font-family:"Nanum"; background:url("/images/ap/ss/bu_minus.gif") no-repeat left 7px; padding-left:10px;}

.bu_arr{ font-size:13px; color:#444; line-height:1.4; margin:5px 0; font-family:"Nanum"; background:url("/images/ap/ss/blue_arrow.png") no-repeat left 6px; padding-left:12px;}
.bu_01{ font-size:13px; color:#444; line-height:1.4; margin:5px 0; font-family:"Nanum"; background:url("/images/ap/ss/bu_dot.gif") no-repeat left 7px; padding-left:12px;}
.bu_02{ font-size:13px; color:#444; line-height:1.4; margin:5px 0; font-family:"Nanum"; background:url("/images/ap/ss/gray_dot.gif") no-repeat left 7px; padding-left:10px;}
.bu_03{ font-size:13px; color:#444; line-height:1.4; margin:5px 0; font-family:"Nanum"; background:url("/images/ap/ss/bu_minus.gif") no-repeat left 7px; padding-left:10px;}

/* 이미지 텍스트 */
.img_txt1 {position:relative; width:100%; overflow:hidden;}
.img_txt1 .img {width:10%; float:left;}
.img_txt1 .txt {width:85%; float:right;}

.img_txt2 {position:relative; width:100%; overflow:hidden;}
.img_txt2 .img {width:20%; float:left;}
.img_txt2 .txt {width:75%; float:right;}

.img_txt3 {position:relative; width:100%; overflow:hidden;}
.img_txt3 .img {width:30%; float:left;}
.img_txt3 .txt {width:65%; float:right;}

.img_txt4 {position:relative; width:100%; overflow:hidden;}
.img_txt4 .img {width:40%; float:left;}
.img_txt4 .txt {width:55%; float:right;}

.ff_NG {font-size:13px; line-height:1.4; font-family:'Nanum' !important;}

/* 박스 */
.gry_box {font-family:"NanumBold";  font-size:20px; line-height:1.4; padding:15px; border:1px solid #c8d1db; background:#f7f7f7;}
.txt_box {font-family:"Nanum";  font-size:13px; line-height:1.4; padding:15px; border:1px solid #c8d1db;}

@media screen and (max-width:749px) {
	
/*학교상징_02*/
.symbol_box2 li{width:50%; margin-top:10px;}
	

}

@media screen and (max-width:480px) {

	/*학교상징_02*/
	.symbol_box2 li{width:100%;}

}