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



/*고객상담센터배너, 한교검모바일수강배너이미지*/
#wrap .section01{width:100%; margin:auto; overflow:hidden;}
#wrap .section01 ul{display:block;}
#wrap .section01 ul li{display:inline-block; float:left; width:50%; box-sizing:border-box; border-left:2px solid #FFF; border-right:2px solid #FFF;}
#wrap .section01 ul li img{width:100%;}


/*회원가입, 수강신청, 교육과정, 나의강의실 버튼이미지*/
#wrap .section02{width:100%; overflow:hidden; padding:4px 0;}
#wrap .section02 ul{display:block;}
#wrap .section02 ul li{display:inline-block; float:left; width:50%; box-sizing:border-box; border-left:2px solid #FFF; border-right:2px solid #FFF; }
#wrap .section02 ul li img{width:100% !important; height:auto !important;}

/*공지사항, 표시의무사항 안내 탭*/
.newSub_tab{width:100%;}
.newSub_tab>div{width:100%; margin:auto;}
.newSub_tab>div>.tabs{width:100%; overflow:hidden;}
.newSub_tab>div>.tabs li{display:block; float:left; cursor:pointer; width:50%; overflow:hidden; box-sizing:border-box; border-bottom:4px solid #FFF;}
.newSub_tab>div>.tabs li img{width:100% !important;}
.newSub_tab>div>.tabs li:first-child{background:url(../../image/index/index_08.jpg) no-repeat center 0; background-size:cover; box-sizing:border-box; border-left:2px solid #FFF; border-right:2px solid #FFF;}
.newSub_tab>div>.tabs li:last-child{background:url(../../image/index/index_09.jpg) no-repeat center 0; background-size:cover; box-sizing:border-box; border-left:2px solid #FFF; border-right:2px solid #FFF;}
.newSub_tab>div>.tabs>.pointTab{background-position:0 100% !important;}

.newSub_tab>div .explain{width:100%; border:1px solid #CCC; padding:4px; box-sizing:border-box;}
.newSub_tab>div .explain div>p{width:100%; background:#707070; color:#FFF; line-height:20px; margin-bottom:4px; padding:5px 10px; box-sizing:border-box; text-align:justify;}
.newSub_tab>div .explain>p{width:100%; background:#e5e5e5; color:#212121; line-height:20px; margin-bottom:4px; padding:5px 10px; box-sizing:border-box; text-align:justify;}


@media screen and (max-width:320px){
/*고객상담센터배너, 한교검모바일수강배너이미지*/
#wrap .section01{width:100%; margin:auto; overflow:hidden;}
#wrap .section01 ul{display:block;}
#wrap .section01 ul li{display:inline-block; float:left; width:50%; box-sizing:border-box; border-left:2px solid #FFF; border-right:2px solid #FFF;}
#wrap .section01 ul li img{width:100%;}

/*회원가입, 수강신청, 교육과정, 나의강의실 버튼이미지*/
#wrap .section02{width:100%; overflow:hidden; padding:4px 0;}
#wrap .section02 ul{display:block;}
#wrap .section02 ul li{display:inline-block; float:left; width:50%; box-sizing:border-box; border-left:2px solid #FFF; border-right:2px solid #FFF; }
#wrap .section02 ul li img{width:100% !important; height:auto !important;}

/*공지사항, 표시의무사항 안내 탭*/
.newSub_tab{width:100%;}
.newSub_tab>div{width:100%; margin:auto;}
.newSub_tab>div>.tabs{width:100%; overflow:hidden;}
.newSub_tab>div>.tabs li{display:block; float:left; cursor:pointer; width:50%; overflow:hidden; box-sizing:border-box; border-bottom:4px solid #FFF;}
.newSub_tab>div>.tabs li img{width:100% !important;}
.newSub_tab>div>.tabs li:first-child{background:url(../../image/index/index_08.jpg) no-repeat center 0; background-size:cover; box-sizing:border-box; border-left:2px solid #FFF; border-right:2px solid #FFF;}
.newSub_tab>div>.tabs li:last-child{background:url(../../image/index/index_09.jpg) no-repeat center 0; background-size:cover; box-sizing:border-box; border-left:2px solid #FFF; border-right:2px solid #FFF;}
.newSub_tab>div>.tabs>.pointTab{background-position:0 100% !important;}

.newSub_tab>div .explain{width:100%; border:1px solid #CCC; padding:4px; box-sizing:border-box;}

}