﻿@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;}
.img_guide_map .link_style { position: absolute; top:190px; left:200px; width:100%; text-align:left; color:#444;}

/* 정보공개실 */
.sub_icon {background: url(/images/sch/schl/sangil-p/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;}

@media screen and (max-width :490px) {
/* common */
.img_mo {display:block;}
.img_pc {display:none;}

/* 학교안내도 */
.img_guide_map .btn_st{top:175px;}
}

/*학교폭력*/
.sub_info { padding: 18px;}
.sub_info_txt{display:inline-block; background:#e24a4a; border-radius: 10px; padding:7px 17px; font-size: 18px;line-height: 1.2;font-family: "NotoM";color: #fff;margin-bottom: 10px;}
.sub_info_txt1{ padding-left:15px; font-size: 18px;line-height: 1.2;font-family: "NotoM";color: #0c3477;margin-bottom: 10px;}


/* 테이블 */ 
/*간격이 좁은 테이블(데이터 많을시)*/
.table_st01 {position:relative; font-family:"NotoR"; font-size:14px;}
.table_st01.no_pd th { padding:0 } 
.table_st01 p.util {position:absolute; top:-25px; right:0; font-size:14px;}
.table_st01 table { position:relative; width:100%; text-align:center; border-top:2px solid #051f5f; margin-left:-1px; border-bottom:1px solid #9298af;}
.table_st01 th, .table_st01 td { border-left:1px solid #9298af; border-right:1px solid #9298af; border-top:1px solid #9298af}
.table_st01 th {padding:7px 5px; color:#111; font-family:"NotoM"; font-weight:normal; font-size:15px; background:#eff4fd; font-weight:normal}
.table_st01 td {background:#fff; padding:5px; color:#444;}
.table_st01 thead th {background:#eff4fd; color:#333; border-bottom:1px solid #9298af; font-weight:bold}
.table_st01 thead tr:last-child th {border-bottom:1px solid #9298af}
.table_st01 thead th.bdr_b {border-bottom:1px solid #9298af}
.table_st01 th:first-child, .table_st01 td:first-child {border-left:0}
.table_st01 th:last-child, .table_st01 td:last-child {border-right:0}
.table_st01 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_st01 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;}

@media screen and (max-width :740px) {
	 /* 테이블 스크롤 */
    .tableScroll .table_st01{width:740px}	
}
/* 리스트 스타일 none */
.list_st_none { background:none !important; padding-left:0 !important; }
.subfont { font-family:"NotoM"; line-height:1.4; font-size:14px; color:#222; }

.table_st01 table.table_inner { position:relative; width:100%; text-align:center; border:1px solid #9298af; margin-left:-1px;  }

.tit_num_ol{position: relative;font-size: 14px;line-height: 1.6;font-family: "NotoM";padding-left: 24px;}
.tit_num_ol span {background: #264988; border-radius: 20px;color: #fff;width: 16px; height: 16px;line-height: 1.3em;text-align: center;position: absolute;top: 4px;left: 0px;font-size: 90%;}

.list_st_no li {padding:3px 0 3px 0px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#222; }
.bul_no { background:none !important; padding-left:0 !important; }

.list_st4 { font-size:14px; line-height:1.4; font-family:"NotoR"; }
