@charset "utf-8";

/* common */
.tit1 {margin-bottom:10px}
.tit2 {margin-left: 15px; margin-bottom:10px; margin-top:5px}
.tit_num{position: relative;font-size: 18px;line-height: 1.6;font-family: "NotoM";padding-left: 28px;}
.tit_num span {background: #264988;border-radius: 20px;color: #fff;width: 22px;height: 22px;line-height: 1.3em;text-align: center;position: absolute;top: 4px;left: 0px;font-size: 90%;}

.txt_h3 {margin-left: 30px;margin-bottom: 15px; margin-top: 10px;}

.page p, .page li{white-space: normal;}
.list_st1,.list_st2,.list_st3,.list_st4{margin-top:15px; margin-bottom:15px;}
.list_st1 li ul,.list_st2 li ul,.list_st3 li ul,.list_st4 li ul{margin-top:5px; margin-bottom:5px;}
li.no_list, p.no_list{background:none;padding: 3px 0 3px 0px;}
li.no_list_1, p.no_list_1{background:none;}

.box_st1_1{position: relative; padding: 10px 20px;font-family: "NotoR";line-height: 1.4;border-radius: 15px 0px;overflow: hidden;background: #3775c3;color: #fff;margin-top: 10px;}
.box_st1_2{background: #f9f9f9;margin-bottom: 20px;border: 1px solid #e8e8e8;border-radius: 0px 7px;padding: 15px 30px 15px 30px;margin-top: 5px;}
.box_st1_2_1{background: #f9f9f9;margin-bottom: 20px;border: 1px solid #e8e8e8;border-radius:5px;padding: 15px 30px 15px 30px;margin-top: 5px;}
.box_st1_3{position: relative; padding: 10px 20px;font-family: "NotoR";line-height: 1.4;border-radius: 30px;overflow: hidden;background: #3775c3;color: #fff;margin-top:10px;}

.pc_red {color:#ff0000;}
.pc_blue2 {color:#1863c1;}

.img_pc {display:block;}
.img_mo {display:none;}


/* 학교안내도 */
.img_guide_map{position: relative;overflow-x:hidden}
.img_guide_map .btn_st{position: absolute;top:195px;width: 100%;text-align: center;}
.img_guide_map .btn_st a{padding: 8px 30px;}
.img_pc {display:block;}
.img_mo {display:none;}

/* 정보공개실 */
.sub_icon {background: url(/images/sch/template/001/sub/sub11_01_ico.png) no-repeat 32px center;border: 6px solid #e8edf3;padding: 25px 25px 25px 160px;margin-bottom: 20px;}
.sub_icon_txt{font-size: 18px;line-height: 1.2;font-family: "NotoM";color: #0c3477;margin-bottom: 10px;}

/*테이블2 200427 추가*/
.table_st2 {position:relative; font-family:"NotoR"; font-size:14px;}
.table_st2 p.util {position:absolute; top:-25px; right:0; font-size:14px;}
.table_st2 table { position:relative; width:100%; text-align:center; border-top:2px solid #051f5f; margin-left:-1px; border-bottom:1px solid #9298af; }
.table_st2 th, .table_st2 td { border-left:1px solid #9298af; border-right:1px solid #9298af; border-top:1px solid #9298af;text-align:left;}
.table_st2 th {padding:13px 10px; color:#111; font-family:"NotoM"; font-weight:normal; font-size:15px; background:#eff4fd; font-weight:normal}
.table_st2 td {background:#fff; padding:10px; color:#444;}
.table_st2 thead th {background:#eff4fd; color:#333; border-bottom:1px solid #9298af; font-weight:bold}
.table_st2 thead tr:last-child th {border-bottom:1px solid #9298af}
.table_st2 thead th.bdr_b {border-bottom:1px solid #9298af}
.table_st2 th:first-child, .table_st2 td:first-child {border-left:0}
.table_st2 th:last-child, .table_st2 td:last-child {border-right:0}
.table_st2 tfoot th {padding:13px 10px; color:#222; font-family:"NotoM"; font-size:13px; border-bottom:1px solid #9298af; border-left:1px solid #9298af; background:#f7f9fa;}
.table_st2 tfoot td {padding:13px 10px; color:#222; font-family:"NotoM"; font-size:13px; border-bottom:1px solid #9298af; border-left:1px solid #9298af; background:#f7f9fa;}

.table_st2 th.tBl, .table_st2 td.tBl {border-left:1px solid #9298af;}
.table_st2 th.tBr, .table_st2 td.tBr {border-right:1px solid #9298af;}

@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/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: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}
}



@media screen and (max-width :490px) {
/* common */
.img_mo {display:block;}
.img_pc {display:none;}

/* 학교안내도 */
.img_guide_map .btn_st{top:175px;}
}