@charset "utf-8";

/* common */
.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;}
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;font-family: "NotoR";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;font-family: "NotoR";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;}
.box_st1_3_1{position: relative; padding: 10px 20px;font-family: "NotoR";line-height: 1.4;border-radius: 30px;overflow: hidden;background: #fff;color:#333; border:1px solid #3775c3; margin-top:10px;}
.box_st1_4{position: relative; padding: 10px 20px;font-family: "NotoR";line-height: 1.4;border-radius: 30px;overflow: hidden;background: #757e9b;color: #fff;margin-top:10px;}
.box_st1_4_1{position: relative; padding: 10px 20px;font-family: "NotoR";line-height: 1.4;border-radius: 30px;overflow: hidden;background: #fff;color:#333; border:1px solid #757e9b; margin-top:10px;}

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

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

.fs_14 {font-family: "NotoR"; font-size:14px;}
.fs_16 {font-family: "NotoR"; font-size:16px;}
.fs_18 {font-family: "NotoR"; font-size:18px;}

/* 학교안내도 */
.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;}

/* 학교규칙 */
.sch_rule {font-family:"NotoR"; font-size:14px; color:#111; line-height:25px; letter-spacing:-1px}
.sch_rule h2 { 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}

/* 테이블 */
.table_st th {padding:13px 5px;}
.table_st td {padding:10px 5px;}


/* 교과서따라하기 181101 *********************************************************************************************************************************************************/
/**********************************************************************************************************************


/* 교과서따라하기 */
.cyber_class {position:relative;width: 750px;overflow:hidden;}
.cyber_class h3 {font-family:'notoM'; font-size:18px; color: #006c9d;}
.cyber_class .cb_con {position:relative;width: 176px;float:left;margin: 0 0 20px;/* padding: 10px 10px; */box-sizing:  border-box;/* border: 1px solid #ccc; */border-top: 2px solid #114868;margin-left:15px;}
.cyber_class .cb_con:first-child {margin-left:0;}
.cyber_class .cb_con h4 {font-family:'notoM';font-size: 18px;color: #ffffff;line-height: 20px;background: url(/images/web/okjong-p/sub/0405_tit.png) no-repeat 10px 16px #0790c7;padding: 20px 0 20px; text-align:center;}
.cyber_class .cb_con ul {padding: 5px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.cyber_class .cb_con li {width:100%;line-height: 30px;padding: 5px 0 10px;}
.cyber_class .cb_con li:first-child {border-top:0;}
.cyber_class .cb_con li span {display: block;font-family:'notoM';font-size: 17px;color: #222222;border-radius:  5px;background: #b4dff8;box-sizing:  border-box;text-align:  center;margin-bottom: 10px;}
.cyber_class .cb_con li.last {padding: 10px 0;border-top: 1px dashed #ccc;}

a.btn_go02 {background:#fff; color: #505050; font-family:'notoR'; text-align:center ;border-radius:5px; font-size:15px; border:1px solid #0790c7; box-sizing: border-box; padding:5px 20px}/* 수정 181101 */
a.btn_go02:hover {background: #0790c7;color: #fff; -webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;transition:all 0.2s ease;}
a.btn_go03 {color: #fff;font-family:'notoR';padding: 3px 22px;text-align:center;border-radius: 5px;font-size: 16px;box-sizing:  border-box;display: block;}
a.btn_go03:hover {background: #0790c7;color: #fff; -webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;transition:all 0.2s ease;}

.b_g {background:#096 !important;}
.b_y {background:#ffb400 !important;}
.b_b {background: #36aef9 !important;}

/*********************************************************************************************************************************************************교과서따라하기 181101 */

/* 인사말 181101 */
.edu_greeting { width:100%; overflow:hidden;  font-size:14px; line-height:1.4; font-family:"NotoR"; color:#222;}
.edu_greeting p { width:20%; float:left;}	
.edu_greeting ul  { width:70%; float:right;}

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

	
	/* 인사말 181101 */
	.edu_greeting p { width:100%; text-align:center; float:none;}	
	.edu_greeting ul  { width:100%; float:none;}
	
}

@media screen and (max-width :490px) {
	/* common */
	.img_mo {display:block;}
	.img_pc {display:none;}
	
	/* 학교안내도 */
	.img_guide_map .btn_st{top:175px;}
	

}


/* 교과서 따라하기 추가 181116 */
.subject_wrap { border-radius:15px; border:1px solid #ddd; background-color:#fefdf7; overflow:hidden; padding:15px;  font-family:"NotoR";}
.subject_wrap .con_box{ float:left; width:48%; margin:1%}
.subject_wrap .con_box > h3 { height:30px; line-height:30px; background-color:#479ee1; color:#fff; font-size:15px; display:inline-block; padding:0 30px; text-align:center; border-radius:15px; margin-bottom:7px;}
.subject_wrap  .con_box_List{ border-radius:12px; border:1px solid #ddd; overflow:hidden; padding:15px; background-color:#fff;}
.subject_wrap  .con_box_List dl{ clear:both; overflow:hidden; margin-top:7px; background-color:#ddd; border-radius:12px;}
.subject_wrap  .con_box_List dl:first-child{margin-top:0;}
.subject_wrap  .con_box_List dl dt, .subject_wrap  .con_box_List dl dd{ float:left; height:24px; line-height:24px;}
.subject_wrap  .con_box_List dl dt{color:#fff; background-color:#90c334; padding:0 10px; border-radius:12px; margin-right:5px; width:70px; text-align:center;}
.subject_wrap  .con_box_List dl dd a{ display:inline-block; padding:0 4px 0 10px; color:#555; background:url('/images/web/okjong-p/sub/bu5.png') no-repeat 0 12px; margin-left:15px;}
.subject_wrap  .con_box_List dl dd a:hover{ text-decoration:underline}

@media screen and (max-width :730px) {
	
/* 교과서 따라하기 */
	.subject_wrap .con_box{ width:98%; margin:1%}
	
}