@charset "utf-8";
#ds-index-1 {background:url('../layout/img/main1-02.png') repeat-x bottom -70px center #c7e8fa;}
#ds-index-1-title {position:absolute;}
#ds-index-1-title span{display:inline-block;}
#ds-index-1>div>div{width:100%; padding-bottom:50%; position:relative;}
#ds-index-1-title>a{display:block;}
.ds-index-1-img {position:absolute;}

/* 배경문양 왼쪽 */
#ds-index-1-img-01 {top:23%; right:90%; width:33%}
/* 배경문양 오른쪽 */
#ds-index-1-img-03 {top:10%; right:-30%; width:39%}
/* 태양 */
#ds-index-1-img-04 {top:16%; right:12%; width:9%}
/* 비행기 */
#ds-index-1-img-05 {top:32%; right:26%;  width:9.9%}
/* 구름 */
#ds-index-1-img-06 {top:21%; left:-1%; width:100%}
/* 학교 */
#ds-index-1-img-07 {bottom:25%; right:15%; width:24%}
/* 버스 */
#ds-index-1-img-08 {bottom:25%; width:19%;}
/* 토끼 */
#ds-index-1-img-09 {bottom:10%; left:4%; width:40%}
/* 큰사람 */
#ds-index-1-img-10 {bottom:5%; right:-2%; width:31%}
/* 꽃 */
#ds-index-1-img-11 {bottom:2%; width:43%}
/* 장미꽃 */
#ds-index-1-img-12 {bottom:12%; right:33%;  width:19%}

#ds-index-1-title {top:11%; left:5%;}
#ds-index-1-title>a img+img{margin-left:3%;}

#ds-index-1-text-05 {width:35%;}
#ds-index-1-text-06 {width:46%;}
#ds-index-1-text-07 {width:59%; margin-bottom:2%;}


@media all and (max-width:767px) {
	#ds-index-1-title {top:11%; left:5%;}
	#ds-index-1-title>a img+img{margin-left:3%;}

	#ds-index-1 {background-size:260%;}
	#ds-index-1-text-05 {width:24%;}
	#ds-index-1-text-06 {width:33%;}
	#ds-index-1-text-07 {width:40%; margin-bottom:1%;}
}