@charset "utf-8";

/* 테이블_공통 */
.table_st th, .table_st td { padding:13px 5px}

/* 독서활동 */
.tit_box {color:#fff; font-family:"NotoM"; font-size:22px; text-align:center; letter-spacing:-1px; background:#3465aa; padding:10px 0; border-radius:30px 0; box-shadow:3px 3px 3px #ddd; margin-bottom:15px}
.tit_box span { display:inline-block; width:25px; height:25px; background:#fff; border-radius:30px; font-size:16px; line-height:25px; color:#111; margin-right:10px; vertical-align:middle}
.tit_box.col2 { background:#ef6faa}
.tit_box.col3 { background:#2eb067}
.tit_box.col4 { background:#7a83df}

/* 특색교육활동 */
.sch_char { overflow:hidden}
.box01{ font-family:"NotoR"; border:1px dashed #7fb8d6; width:35%; float:left; margin:0 10px 10px 0; text-align:center; font-weight:bold; padding:5px; color:#3982cc;}
.box02{ font-family:"NotoR"; border:1px solid #a8cee2; width:60%; float:right; background-color:#f2fbff; padding:5px; margin:0 0 10px 0;}
.sch_char_dl {font-size:14px; line-height:25px; font-family:"NotoR"; color:#111; letter-spacing:-1px}
.sch_char_dl dt{padding:20px 0 4px 4px; font-weight:bold; color:#3982cc;}
.sch_char_dl dd{padding:0 0 4px 20px;}

/* 학교규칙 */
.sch_rule_box { border:2px dashed #ddd; padding:15px 20px; overflow:hidden}
.sch_rule_box li { width:50%; float:left}
.sch_rule_box li a { color:#777}
.sch_rule_box li:hover a { color:#3d70cb; text-decoration:underline }
.sch_rule {font-size:14px; line-height:25px; font-family:"NotoR"; color:#111; letter-spacing:-1px}
.sch_rule h2 { font-size:20px; border-top:2px solid #555; border-bottom:1px solid #555; padding:10px 0; text-align:center; margin:30px 0 0}
.sch_rule dl dt { font-size:18px; color:#3d70cb; margin-top:20px}

/*학교상징_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/sch/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/sch/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/sch/ap/ss/symbol_01.png)no-repeat 50% 50%; background-size:105%;}*/
.symbol_box2 li.m2 p{background:url(/images/sch/ap/ss/symbol_02.png)no-repeat 50% 50%; background-size:105%;}
.symbol_box2 li.m3 p{background:url(/images/sch/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:auto;}
.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/sch/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/sch/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/sch/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/sch/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/sch/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/sch/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/sch/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/sch/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/sch/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;}

/*학교상징_ver2*/
.symbol_box3 { position:relative; width:100%; margin-top:10px; overflow:hidden}
.symbol_box3 li {width:32%; float:left; margin-left:2%; text-align:center; background:#e9f1fe; padding-bottom:15px; border-radius:10px}
.symbol_box3 li:first-child { margin-left:0}
.symbol_box3 li span { display:block; height:50px; line-height:50px; font-size:15px; color:#fff; font-family:'NotoM'; background:#0081d2; border-radius:10px; margin-bottom:10px}
.symbol_box3 li img { width:90%; height:150px; border-radius:10px; overflow:hidden}


@media screen and (max-width :768px) {
	
	/* 특색교육활동 */
	.box01{ width:100%; float:none; box-sizing:border-box}
	.box02{  width:100%; float:none; box-sizing:border-box}
	
	/* 학교규칙 */
	.sch_rule_box li { width:100%; float:none;}



}

@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%;}
	
	/*학교상징_ver2*/
	.symbol_box3 li {width:100%; float:none; margin:0 0 3%}
	.symbol_box3 li img { width:auto; height:100px}
}