@charset "utf-8";

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

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


/* 교과서따라하기 */
.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/sch/schl/wolpo-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;}


/*********************************************************************************************************************************************************사이버학습 끝 */

@media screen and (max-width :800px) {
	
	/* 교과서따라하기 */
	.cyber_class {width:100%;}
	.cyber_class .cb_con {width:49%; margin-left:2%; box-sizing:border-box;}
	.cyber_class .cb_con.first {margin-left:0;}
	a.btn_go02{display:block; margin: 2px 0;}
	
}
@media screen and (max-width :490px) {
	
	
	/* 학교안내도 */
	.img_guide_map .btn_st{top:175px;}
	
	/* 교과서따라하기 */
	.cyber_class {width:100%;}
	.cyber_class .cb_con {width:100%;margin-left:0;}
	.cyber_class .cb_con h4 {font-size:18px}
	a.btn_go02 {display:block; margin:2px 0; font-size:13px; padding:0 22px}
}