@charset "utf-8";

/* 학교규칙 */
.sch_rule {font-family:"NotoR"; font-size:14px; color:#111; line-height:1.5;}
.sch_rule .tit { font-size:20px; text-align:center; border-top:2px solid #555; border-bottom:1px solid #555; padding:10px 0; margin:30px 0 0}
.sch_rule dl dt { font-size:18px; color:#3d70cb; margin-top:20px; margin-bottom:5px;}

/* 순서 목록 */
.ol {padding-left:13px; font-family:"NotoR"; font-size:inherit; color:inherit}
.ol li {text-indent:-14px; list-style:none; line-height:1.5; margin-bottom:4px;}

/* 텍스트 */
.fs_14 {font-size:14px !important;}
.fs_16 {font-size:16px !important;}
.fs_18 {font-size:18px !important;}
.fs_20 {font-size:20px !important;}
.p_txt { font-size:14px; line-height:1.5; color:inherit; font-family:"NotoR";}

.col_ble{ color:#2183e0 !important}
.col_grn{ color:#37b400 !important}
.col_red{ color:#fc5a58 !important}

/* 타이틀 */
.tit3 {padding-left:25px; font-size:16px; line-height:1.6; font-family:"NotoR"; color:#111; background:url("/images/sch/web/cngs-m/common/tit_2.png") no-repeat 1px 7px; }

/* 백그라운드 박스 */
.box_bg_blue {padding:10px; border-radius:5px; overflow:hidden; color:#fff; background:#479ee1; margin-bottom:10px}
.box_bg_green {padding:10px; border-radius:5px; overflow:hidden; color:#fff; background:#1a99aa; margin-bottom:10px}
.box_bg_purple{padding:10px; border-radius:5px; overflow:hidden; color:#fff; background:#8f6bc5; margin-bottom:10px}

/* 전교어린이회 임원소개 */
.execut_box{ position:relative; overflow:hidden; margin-bottom:30px}
.execut_box .img{ display:inline-block; float:left; width:18%; text-align:left}
.execut_box .img img{ width:100%; height:auto; vertical-align:top}
.execut_box .txt_area{ display:block; font-size:14px; line-height:1.5; font-family:"NotoR"; color:#666; margin:14px 0 0; width:76%; padding:2%; float:right; border:1px solid #c8d1db; border-radius:10px; overflow:hidden; background:#f7f9fa;}

/* 포토 리스트 */
.fl_list{ position:relative; overflow:hidden; font-family:"NotoR"; line-height:1.5; font-size:14px;}
.fl_list li{ float:left; width:46%; padding:2%; text-align:center}
.fl_list li img{ width:100%; height:220px}

/* 리스트 */
.fl50p{ position:relative; overflow:hidden}
.fl50p li{ float:left; width:48%; text-align:center; margin:1%}
.fl50p li img{ max-width:100%; height:auto}

.fl30p{ position:relative; overflow:hidden}
.fl30p li{ float:left; width:31%; text-align:center; margin:1%}
.fl30p li img{ max-width:100%; height:auto}

.fl25p{ position:relative; overflow:hidden}
.fl25p li{ float:left; width:23%; text-align:center; margin:1%}
.fl25p li img{ max-width:100%; height:auto}

.fl20p{ position:relative; overflow:hidden}
.fl20p li{ float:left; width:18%; text-align:center; margin:1%}
.fl20p li img{ max-width:100%; height:auto}

.li30p li{ float:left; width:29%; margin:0 1%;}
.li30p li a{ color:inherit}
.li30p li a:hover{ text-decoration:underline}

/* 학교안내 */
.ulTb1{ overflow:hidden}
.ulTb1 li{ float:left; width:75%}
.ulTb1 li:first-child{ width:25%;}
.ulTb1 li:first-child img{ vertical-align:top}

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

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

@media screen and (max-width :810px) {
	
	/* 학교안내 */
	.ulTb1 li{width:100%; box-sizing:border-box}
	.ulTb1 li:first-child{ display:none}
	


}

@media screen and (max-width :740px) {
	
	/* 전교어린이회 임원소개 */
	.execut_box .img{ width:23%;}
	.execut_box .txt_area{ box-sizing:border-box; margin:2% 0 0; width:76%;}
	
	
	
	/* 리스트 */
	.fl20p li{width:23%;}
	

   

}

@media screen and (max-width :650px) {
	
	/* 포토 리스트 */
	.fl_list li img{height:180px}

	/* 리스트 */
	.fl50p li{width:98%;}
	.fl30p li{width:48%;}
	.fl25p li{width:31%;}
	
	.li30p li{width:48%; box-sizing:border-box}
	

}


@media screen and (max-width :490px) {
	
	/* 포토 리스트 */
	.fl_list li img{height:130px}
	
	/* 리스트 */
	.fl30p li{width:98%;}
	.fl25p li{width:48%;}
	.fl20p li{width:48%;}
	
	.li30p li{width:98%}


}

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

	.fl25p li{width:98%;}
	.fl20p li{width:98%;}

}