.subtop, .subtop *{ box-sizing:border-box; }
*{ box-sizing:border-box; }
.subtop{ position:relative; z-index:1; overflow:hidden; width: 100%; padding: 1rem 3rem;}
#st_bdo{ position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; }

article{ padding: 0; }
.art_con{ width:100%; margin:0 auto; }
.art_con_full{ width:100%; box-sizing: border-box;}
.article-full{padding: 0;}

.subtop-swiper{width: 100%; position: relative; overflow: hidden;}
.st-img{width: 100%; display: flex;}
.st-img img{width: 100%; border-radius: 60px;}

/* add by otodn */
.art_con.use_side{
	display: flex;
	padding: 0;
}
.art_con > .art_content{
	padding: 2rem 15px;
}

.content_buy{
	width: 90vw;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
/*  */
@media(min-width:992px){
	.st-img{display: block;}
	.st-img-m{display: none;}
	.swiper-pagination.subsp{display: none;}
}
@media(max-width:991px){
	.art_con{padding: 0 15px;}
	.st-img{display: none;}
	.st-img-m{display: block; display: flex;}
	.st-img-m img{width: 100%; border-radius: 30px;}

	.subtopswiper{padding-bottom: 1.5rem;}
	.swiper-pagination.subsp{bottom: 0;}
	.swiper-pagination.subsp .swiper-pagination-bullet{width: 30px; height: 5px; border-radius: 15px; transition: .5s;}
	.swiper-pagination.subsp .swiper-pagination-bullet-active{width: 60px; background: #0C318F;}
}
@media(max-width:600px){
}