@charset "utf-8";
/* CSS Document */

/* 0901_02_교과서따라하기 */
.cyber_class h3 {font-family:'notoM'; font-size:18px; color: #006c9d;}
.cyber_class .cb_con {position:relative; width:24%; float:left; margin:0 0 2% 1%;  box-sizing:border-box;  border-top:2px solid #ef804b}
.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/template/010/sub/0302_tit.png') no-repeat 10px 50% #f9bb12; padding: 20px 0 20px 44px; }
.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;  overflow:hidden}
.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:#f5eec3; box-sizing:border-box; text-align:center; margin-bottom:10px; }
a.btn_go02 { display:block;  width:48%;  float:left; margin-left:2%; background:#fff; color:#505050; font-family:'notoR'; text-align:center; border-radius:5px; font-size:15px; border:1px solid #f5a54c; box-sizing:border-box; }
a.btn_go02:first-child { margin-left:0}
a.btn_go02:hover {background:#f9bb12; 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;}

/* 0903_01_정보보호게임 */
.infoscr_game dl { margin-top:20px}

@media screen and (max-width :800px) {
	
	/* 0901_02_교과서따라하기 */
	.cyber_class .cb_con {width:49%}
	.cyber_class .cb_con:nth-child(2n+1) {margin-left:0}	
	.cyber_class .cb_con h4 { padding:10px 0 10px 44px}	
	
}

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

	.img img { width:100%}
	
	/* 이미지 스크롤 */
	.imgScroll {overflow-x:auto; }
    .imgScroll p {width:700px; }	
	
	 /* 테이블 스크롤 */
	.tableScroll{overflow-x:auto; }
 	.tableScroll .table_st{width:700px; }		

}


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


}



@media screen and (max-width :480px) {
	
	/* 0901_02_교과서따라하기 */
	.cyber_class .cb_con {width:100%; margin:0 0 2%}
}