#contents{background: #fff; padding-top: 100px;}

.sub_top_container{display: table;width: 100%;height: 320px}
.sub_top_container .inner {display: table-cell;vertical-align: middle;text-align: center}
.sub_top_container .inner .title{font-size: 32px; color: #fff; font-family: 'Pretendard-Bold';}
.sub_top_container .inner .subtext{color: #000; color: #fff; ont-size: 18px; margin-top: 20px;}
.sub_img_container{height: 400px; width:96%; margin:0 auto; border-radius: 10px; margin-bottom: 40px;}

.sub_ct{padding: 120px}
.sub_ct.green{background: rgba(162, 196, 70, .2);}

.dot-style {list-style-type: none; margin-bottom: 0; padding-left:0;}
.dot-style li{position: relative; padding-left:22px;margin-bottom: 8px;line-height: 24px}
.dot-style li::after{display: block; content:''; width:7px; height: 7px; border-radius: 5px; background: #39533d; position: absolute; left:5px; top:7px;line-height: 24px}


.subwrap {width:1200px;margin: 0 auto;overflow: hidden}
.sub_ct .left {width: 40%;float: left;}
.sub_ct .left h2{font-family: 'Pretendard-Bold';color: #333;font-size: 30px}
.subwrap .right {float: left;width: 60%}
.sub_ct .wrap .subject {font-family: 'Pretendard-Bold';color: #333;font-size: 30px;margin-bottom: 50px}

@media screen and (max-width:1599px) {
	.subwrap{width:1200px;}
	.sub_ct{padding: 90px}
}

@media screen and (max-width:1360px) {
	.subwrap{width:100%;}
	.sub_ct{padding: 90px}
}

@media screen and (max-width:1199px) {
	.subwrap{width:96%;}
	.sub_ct{padding: 80px}
	
	.sub_ct .left {width: 50%;float: left;padding-right: 50px}
	.sub_ct .left h2{font-family: 'Pretendard-Bold';color: #333;font-size: 30px}
	.subwrap .right {float: left;width: 45%}
	.sub_ct .wrap .subject {font-family: 'Pretendard-Bold';color: #333;font-size: 30px;margin-bottom: 50px}
}

@media screen and (max-width:1100px) {
	.sub_ct .left {width: 50%;float: left;padding-right: 0px}
}

@media screen and (max-width:1023px) {
	#contents{padding-top: 70px;}
	.sub_ct{padding: 70px 40px}
	.sub_top_container{padding: 70px 0;}
	
	.sub_img_container{width:96%; height: 300px}
	
	.sub_outer{width:100%;}
}

@media screen and (max-width:780px){
	.sub_ct .left {width:100%;padding-left: 0;float: none}
	.sub_ct .right {width:100%; margin-top: 30px;min-width: 100%;float: none}
	
	.sub_top_container{padding: 50px 0;}
	.sub_top_container .title{font-size: 30px;}
	.sub_top_container .subtext{font-size: 18px;}
	
	.sub_img_container{height: 260px; width:92%;}
	
	.sub_outer {width:100%;}
}

@media screen and (max-width:620px) {
	.sub_top_container{padding: 40px 0;}
	.sub_top_container .title{font-size: 26px;}
	.sub_top_container .subtext{font-size: 17px;}
	
	.sub_img_container{height: 220px}
	
	
}

@media screen and (max-width:520px) {
	.sub_ct{padding: 50px 20px}
	.sub_top_container{display: table;width: 100%;height: 200px}
	.sub_top_container{padding-bottom: 30px;}
	.sub_top_container .inner .title{font-size: 26px;}
	.sub_top_container .inner .subtext{font-size: 14px;}
	
	.sub_img_container{height: 180px}
	
	.sub_ct.white{padding:70px 30px;}
}

@media screen and (max-width:420px) {
	.sub_top_container{padding-bottom: 20px;}

	
	.sub_img_container{height: 160px}
	
	.sub_ct.white{padding:60px 20px;}
}