@charset "utf-8";
.models02 {}

.models02 .swiper-container {padding:0px; overflow:hidden; width:90%; margin:12.86em auto;}
.models02 .swiper-container .swiper-slide {width:100%; padding:0; position:relative;}
.models02 .swiper-container .swiper-slide .slide_area { display:flex; flex-direction:row-reverse;}
.models02 .swiper-container .swiper-slide .slide_area .img_area { position:relative; overflow:hidden; max-height:42.86em; width:50%;}
.models02 .swiper-container .swiper-slide .slide_area img { width:100%; height:100%;}
.models02 .swiper-container .swiper-slide .slide_area .txt_area {width:50%; padding:2.86em 6.43em 0 0;}
.models02 .swiper-container .swiper-slide .slide_area .txt_area h5 {color:#7e9fb7; font-size:1.43em; font-weight:normal; text-align:right;}
.models02 .swiper-container .swiper-slide .slide_area .txt_area h3 {font-family:'BookkMyungjo', serif; font-size:4.29em; margin:1em 0 0.33em; font-weight:normal;}
.models02 .swiper-container .swiper-slide .slide_area .txt_area p {font-size:1.29em; line-height:160%; color:#888; word-break:keep-all;}
.models02 .swiper-container .swiper-slide .slide_area .txt_area a {font-size:1.14em; border:1px solid #e5e5e5; width:11.43em; height:3.57em; display:flex; justify-content:center; align-items:center; margin-top:3.75em;
-webkit-transition: all 0.10s ease-in-out; -moz-transition: all 0.10s ease-in-out; -ms-transition: all 0.10s ease-in-out; -o-transition: all 0.10s ease-in-out;}
.models02 .swiper-container .swiper-slide .slide_area .txt_area a:hover { width:12.86em; background-color:#222; border-color:#fff; color:#fff;}
.models02 .swiper-container .swiper-slide .slide_area .txt_area .sm_img {width:60%; float:right; margin-top:3.75em;}

.models02 .swiper-container .swiper-slide.swiper-slide-active img {animation: radius 2s;}
.models02 .swiper-container .swiper-slide.swiper-slide-active .txt_area {animation:opacity 5s;}

@keyframes radius {
	0% {border-radius:250px;}
	100% {border-radius:0px;}
	}
@keyframes opacity {
	0% {opacity:0;}
	100% {opacity:1;}
	}

.swiper-button-next,
.swiper-button-prev { background-image:url(./img/arrow_next_w.png); background-color:rgba(57, 100, 195, 0.5); width:8.57em; height:5.71em; top:auto; left:auto; right:0; bottom:0;}
.swiper-button-prev { background-image:url(./img/arrow_prev_w.png); right: calc(8.57em + 1px);}
.swiper-button-next:hover,
.swiper-button-prev:hover {background-color:rgba(57, 100, 195, 0.8);}

@media (max-width: 1679px){
	.models02 .swiper-container {font-size:0.86em;}
}

@media (max-width: 1279px){
	.models02 .swiper-container .swiper-slide .slide_area .img_area {}
}

/* 태블릿 */
@media (max-width: 1023px){
	.swiper-button-next,
	.swiper-button-prev {width:7.14em; height:4.29em; background-size:20% 50%;}
	.swiper-button-prev { right: calc(7.14em + 1px);}
	.models02 .swiper-container .swiper-slide .slide_area .txt_area {padding-right:4.17em;}
}
/* 모바일 */
@media (max-width: 729px){
	.models02 .swiper-container {margin:5.71em auto;}
	.models02 .swiper-container .swiper-slide .slide_area { flex-wrap:wrap; }
	.models02 .swiper-container .swiper-slide .slide_area .img_area,
	.models02 .swiper-container .swiper-slide .slide_area .txt_area {width:100%;}
	.models02 .swiper-container .swiper-slide .slide_area .txt_area {padding:4.17em 0 0;}
	.models02 .swiper-container .swiper-slide .slide_area .txt_area .sm_img {display:none;}
}