@charset "UTF-8";
.introClass{position:relative;overflow:hidden;}
.introClass .pic{width:50%;max-width:600px;position:absolute;z-index:1;}
.introClass .pic img{box-sizing:border-box;width:100%;max-height:475px;border:10px solid #fdbe23}
.introClass .pic:before{content:"";display:block;width:292px;height:120px;position:absolute;left:20px;bottom:-40px;background:url(../../images/classImg_1.png) no-repeat;background-size:100%}
.introClass .con{width:60%;box-sizing:border-box;position:relative;float:right;padding:140px 50px 50px 50px;min-height:427px;margin-top:50px;background-size:cover !important}
.introClass .con dl{color:#FFF;margin-left:35%}
.introClass .con dt{font-size:24px;position:relative;padding-left:20px}
.introClass .con dt:before{content:"";display:block;width:8px;height:8px;background:#fdbe23;border-radius:100%;position:absolute;left:0;top:13px}
.introClass .con dd{font-size:28px;font-weight:500;padding-left:20px}
.introClass .con .info_2{border-top:1px solid rgba( 255,255,255,0.5 );padding-top:25px;margin-top:25px;margin-bottom:30px}
.introClass .con img{width:100px;height:100px;border-radius:100%;border:8px solid rgba( 0,0,0,0.1 );position:absolute;right:50px;top:210px}
.introClass .con{background:url(/sites/dongnamak/images/introClass_10.png) no-repeat left top}
.introClass .con img{border-color:#ac4848;}
.introClassPic ul{overflow:hidden}
.introClassPic ul li{width:32%;float:left}
.introClassPic ul li img{width:100%;}
.introClassPic ul li:nth-child(2){margin:0 2%}
@media only screen and (max-width:1024px){
	.introClass .pic:before{width:250px}
	.introClass .con dl{margin-left:60px}
}
@media only screen and (max-width:768px){
	.introClass .pic{width:100%;max-width:100%;position:relative}
	.introClass .pic:before{left:auto;right:20px;bottom:-60px}
	.introClass .con{width:100%;float:none;margin-top:-6px;min-height:auto;padding:50px;}
	.introClass .con:after{display:none}
	.introClass .con dl{margin-left:30px}
	.introClassPic ul li{width:100%;float:none;margin-bottom:10px !important}
	.introClassPic ul li:nth-child(2){margin:0}
}
@media only screen and (max-width:480px){
	.introClass .pic:before{width:200px}
	.introClass .con:before{position:absolute;left:20px;top:80px}
	.introClass .con dl{margin-left:0;text-align:center}
	.introClass .con dt:before{display:none}
	.introClass .con img{position:relative;left:50%;top:auto;margin-left:-50px}
}