	.w100{
		width: 100%;
	}
	.l-container--1200{
		    max-width: 1200px;
	}
	.swiper-container{
		text-align: center;
		margin-bottom: 90px;
	}
	.swiper-container .swiper-slide img{
		max-width: 100%;
		height: auto;
	}
	.prettyprint{
		border: none;
		background: #fafafa;
		color: #697d86;
	}
	.swiper-wrapper ul{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 0 60px;
		margin-top: -30px;
	}
	.swiper-wrapper li{
		display: block;
		width: 50%;
		margin: 30px 0;
	}
	.swiper-wrapper a{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		align-items: center;
	}
	.radius{
		width: 50%;
		border-radius: 10px;
		overflow: hidden;
	}
	.swiper-wrapper img{
		width: 100%;
	}
	.rec_text{
		margin-left: 10px;
		width: calc(50% - 30px);
		text-align: left;
	}
	.swiper-wrapper h4{
		font-size: 20px;
	}

	.swiper-button-next, .swiper-button-prev {
		transition: 0.5s;
		width: 44px;
		height: 44px;
		background: #dcdcdc;
		border-radius: 50%;
		z-index: 2;
	}
	.swiper-button-next:hover, .swiper-button-prev:hover {
		background: #ff7200;
	}
	.swiper-button-next:before, .swiper-button-prev:before {
		content: "";
		width: 8px;
		height: 15px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		opacity: 1;
	}
	.swiper-button-next:before {
		background: url("/static/img/icn/arw_next-slide.svg") no-repeat center/cover;
	}
	.swiper-button-prev:before {
		background: url("/static/img/icn/arw_prev-slide.svg") no-repeat center/cover;
	}

	@media screen and (max-width: 1230px) {
		.l-container--1200{
			width: calc(100% - 120px);
		}
		.swiper-button-next, .swiper-button-prev {
			width: 38px;
    		height: 38px;
		}
		.swiper-button-next:before, .swiper-button-prev:before{
			width: 6px;
    		height: 11px;
		}
	}
	@media screen and (max-width: 1024px) {
		.swiper-button-next, .swiper-button-prev {
			width: 4vw;
    		height: 4vw;
		}
	}
	@media screen and (max-width: 767px) {
		.swiper-slide{
			width: 100%!important;
		}
		.swiper-button-next, .swiper-button-prev {
			width: 5.8666666667vw;
    		height: 5.8666666667vw;
		}
		.swiper-button-next:before, .swiper-button-prev:before{
			width: 1.0666666667vw;
    		height: 1.8666666667vw;
		}
		.l-container--1200 {

    		width: 100%;
		}
		.swiper-wrapper ul{
			margin: -20px 7vw 0 7vw;
			padding: 0;
		}
		.radius{
			width: 100%;
		}
		.rec_text{
			width: 100%;
		}
		.swiper-wrapper h4{
			line-height: 1.2em;
			margin-top: 10px;
		}
		.rec_text p{
			font-size: 3.4666666667vw;
    		line-height: 1.5384615385;
		}
		.swiper-wrapper li{
			width: 48%;
			margin: 20px 0;
		}
	}