/* main common */
.main_visual {height:100vh;width:100%;overflow-x:hidden;position:relative}
.main_visual .swiper {width:100%;height:100%}
.main_visual .swiper-slide {background-position:center;background-size:cover;display:flex;align-items:center;justify-content:center}
/* [WEBIS-250619] - 최신글처리로 주석
.main_visual .swiper-slide:nth-child(1n) {background-image:url(../img/area/visual01.png)}
.main_visual .swiper-slide:nth-child(2n) {background-image:url(../img/area/visual02.png)}
 */
.main_visual .swiper-slide.video-slide, .main_visual .swiper-slide.youtube-slide {background-image:none}
.main_visual .swiper-slide .visual-tit {color:#fff;text-align:center;position:relative;z-index:2;padding:0 20px}
.main_visual .swiper-slide .title {font-weight:500;line-height:1.2;font-size:3vw;margin-bottom:20px}
.main_visual .swiper-slide .description {font-size:0.9vw;color:#fff;opacity:0.8}
.video-background {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.video-slide::before, .youtube-slide::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:1}
.main_visual .nav-and-scroll {}
.main_visual .nav-buttons {}
.main_visual .swiper-button-next,
.main_visual .swiper-button-prev {position:absolute;top:50%;width:80px;height:80px;border-radius:50%;border:1px solid rgba(255, 255, 255, 0.2);background-color:transparent;transform:translateY(-50%);transition:all ease 0.3s;margin:0 5px}
.main_visual .swiper-button-prev {left:5rem;background:url('../img/main_arrow01.png') no-repeat center}
.main_visual .swiper-button-next {right:5rem;background:url('../img/main_arrow02.png') no-repeat center}
.main_visual .swiper-button-prev::after, .main_visual .swiper-button-next::after {content:''}
.main_visual .swiper-button-prev:hover, .main_visual .swiper-button-next:hover {border-color:#fff}
.main_visual .scroll_move {width:80px;height:80px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:rgba(255, 255, 255, 0.2);animation:moveUpDown 2s infinite}
.main_visual .scroll_move .scroll_icon {font-size:30px;color:#fff;line-height:1;animation:bounce_frames 0.5s alternate infinite cubic-bezier(0.5, 0.05, 1, 0.5)}
@keyframes moveUpDown {0%, 100% {transform:translateY(0)} 50% {transform:translateY(-10px)}}
@keyframes bounce_frames {from {transform:translateY(0)} to {transform:translateY(5px)}}

/* 애니메이션 스타일 */
@keyframes fadeInUp {
	from {
		opacity:0;
		transform:translate3d(0, 40px, 0);
  }
	to {
		opacity:1;
		transform:translate3d(0, 0, 0);
  }
}

.main_visual .swiper-slide .title,
.main_visual .swiper-slide .description {
	opacity:0;
	animation-duration:1s;
	animation-fill-mode:both;
}

.main_visual .swiper-slide-active .title {
	animation-name:fadeInUp;
	animation-delay:0.5s;
}

.main_visual .swiper-slide-active .description {
	animation-name:fadeInUp;
	animation-delay:1s;
}

@media screen and (max-width:768px) {
	.main_visual .swiper-slide .title {font-size:8vw}
	.main_visual .swiper-slide .description {font-size:3.5vw;word-break:keep-all;line-height:1.65}
	.main_visual .nav-and-scroll {bottom:10px;right:10px}
	.main_visual .swiper-button-next, .main_visual .swiper-button-prev, .main_visual .scroll_move {width:50px;height:50px}
	.main_visual .scroll_move .scroll_icon {font-size:16px}
}

@media screen and (max-width:480px) {
	.main_visual .nav-buttons {display:none}
}


/* AREAMED */
.section07 {padding:200px 0;background-color:#F5F5F7}
.section07 .max-inner {max-width:1570px;width:100%;margin:0 auto}
.section07 .sec-title p.sub-tit {font-size:18px;color:#0460d9;font-weight:600;margin-bottom:20px}
.section07 .sec-title h2 {font-size:50px;color:#222;font-weight:normal !important;line-height:1.3;font-weight:600}
.section07 .case-cont {}
.section07 .case-cont .sec-title {display:flex;justify-content:space-between;align-items:center}
.section07 .case-cont .max-inner {margin-bottom:60px}
.section07 .case-cont .swiper-slide {cursor:pointer;overflow:hidden;transform:rotate(.001deg)}
.section07 .case-cont .case-cont {position:relative}
.section07 .case-cont .case-cont .slide-txt {position:absolute;width:100%;left:0;right:0;padding:30px;transition:all 0.5s;bottom:-100%;background-color:#fff}
.section07 .case-cont .case-cont .slide-txt h3{font-size:16px;color:#0460d9;font-weight:500;margin-bottom:15px}
.section07 .case-cont .case-cont .slide-txt h3 em{display:block;font-size:22px;font-weight:700;color:#222;margin-top:10px;font-style:normal}
.section07 .case-cont .case-cont .slide-txt ul li{font-size:18px;color:#666;margin-bottom:5px}
.section07 .case-cont .case-cont .slide-img{overflow:hidden;position:relative;padding-bottom:148%}
.section07 .case-cont .case-cont .slide-img img{transition:all .6s linear;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.section07 .case-cont .swiper-slide:hover .slide-img img{transform:scale(1.1)}
.section07 .case-cont .swiper-slide:hover .slide-txt{bottom:0}
.section07 .case-cont .swiper{overflow:hidden}

.section07 .view_btn a{display:flex;align-items:center;gap:10px}
.section07 .view_btn a .view_arrow{width:50px;height:50px;border:1px solid #fff;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative}
.section07 .view_btn a .view_arrow::after{content:'';width:0;height:0;background-color:#141517;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:width 0.2s linear, height 0.2s linear}
.section07 .view_btn a .view_arrow::before{content:'';width:0;height:0;background-color:#fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:width 0.2s linear, height 0.2s linear}
.section07 .view_btn a p{font-size:18px;color:#fff;font-weight:bold;position:relative}
.section07 .view_btn a p::after{content:'';width:0;height:1px;background-color:#fff;position:absolute;right:0;bottom:0;transition:width 0.2s linear}
.section07 .view_btn a:hover .view_arrow::after{width:5px;height:5px}
.section07 .view_btn a:hover .view_arrow::before{width:100%;height:100%}
.section07 .view_btn a:hover p::after{width:100%;left:0}
.section07 .view_btn.blue a .view_arrow{border-color:#000}
.section07 .view_btn.blue a .view_arrow::after{background-color:#fff}
.section07 .view_btn.blue a .view_arrow::before{background-color:#000}
.section07 .view_btn.blue a p{color:#222}
.section07 .view_btn.blue a p::after{background-color:#222}

.section07 .case-cont .pagination-container {width:90%;max-width:1570px;margin:0 auto;margin-top:120px;z-index:2;position:relative;justify-content:space-between;align-items:center}
.section07 .case-cont .swiper-pagination2 {overflow:hidden;position:relative;width:100%;height:15px;border-radius:50px;background:#FFF;z-index:2}
.section07 .case-cont .swiper-pagination-progressbar-fill {background:#c7c7c7}


@media screen and (max-width:768px) {
	.section07 {margin:70px 0}
    .section07 .view_btn a .view_arrow {width:30px;height:30px}
	.section07 .view_btn a .view_arrow img {width:11px}
	.section07 .view_btn a p {font-size:13px !important}
    .section07 .case-cont .sec-title {}
    .section07 .case-cont .left {}
    .section07 .case-cont .right {}
    .section07 .sec-title p.sub-tit {margin-bottom:10px;font-size:16px}
    .section07 .sec-title h2 {font-size:32px}
    .section07 .case-cont .case-cont .slide-img {padding-bottom:120%}
    .section07 .case-cont .case-cont .slide-txt {bottom:0;position:relative}
    .section07 .case-cont .case-cont .slide-txt ul li {font-size:16px}
    .section07 .case-cont .case-cont .slide-txt h3 {font-size:16px;margin-bottom:15px}
    .section07 .case-cont .case-cont .slide-txt h3 em {font-size:18px}
    .section07 .case-cont .pagination-container {width:90%;margin-top:40px}
    .section07 .case-cont .swiper {padding:0 5%}

}

.section03 {padding:200px 0 300px 0;background-color:#E0E0E0}
.section03 .s1_text_box {margin-bottom:100px;text-align:center}
.section03 .s1_text_box h2 {font-weight:normal;font-size:55px}
.section03 .s1_text_box p {font-size:18px;line-height:1.6;color:#555;padding-top:20px;max-width:475px;word-break:keep-all}
.section03 .s1_img_wrap {display:flex;flex-wrap:wrap;justify-content:space-between;gap:100px 5%}
.section03 .s1_img_wrap .lt_img {overflow:hidden;display:block;border-radius:50px}
.section03 .s1_img_wrap .lt_img:hover img {transform:scale(1.05)}
.section03 .s1_img_wrap img {width:100%;transition:all .3s}
.section03 .s1_img_box {width:29.333%}
.section03 .view_btn a{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:100px}
.section03 .view_btn a .view_arrow{width:50px;height:50px;border:1px solid #fff;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative}
.section03 .view_btn a .view_arrow::after{content:'';width:0;height:0;background-color:#141517;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:width 0.2s linear, height 0.2s linear}
.section03 .view_btn a .view_arrow::before{content:'';width:0;height:0;background-color:#fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:width 0.2s linear, height 0.2s linear}
.section03 .view_btn a p{font-size:18px;color:#fff;font-weight:bold;position:relative}
.section03 .view_btn a p::after{content:'';width:0;height:1px;background-color:#fff;position:absolute;right:0;bottom:0;transition:width 0.2s linear}
.section03 .view_btn a:hover .view_arrow::after{width:5px;height:5px}
.section03 .view_btn a:hover .view_arrow::before{width:100%;height:100%}
.section03 .view_btn a:hover p::after{width:100%;left:0}
.section03 .view_btn.blue a .view_arrow{border-color:#000}
.section03 .view_btn.blue a .view_arrow::after{background-color:#fff}
.section03 .view_btn.blue a .view_arrow::before{background-color:#000}
.section03 .view_btn.blue a p{color:#222}
.section03 .view_btn.blue a p::after{background-color:#222}
  
@media all and (max-width:991px) {
	.section03 .s1_img_wrap {gap:60px 5%}
	.section03 .view_btn a {margin-top:0}
}

@media all and (max-width:768px) {
    .section03 .view_btn a .view_arrow {width:30px;height:30px}
	.section03 .view_btn a .view_arrow img {width:11px}
	.section03 .view_btn a p {font-size:13px !important}
	.section03 .s1_img_wrap {gap:20px 5%}
	.section03 .s1_img_wrap .lt_img {border-radius:20px}
	.section03 .s1_img_box {width:47%}
	.section03 .s1_img_box01 > img:first-child {padding-bottom:60px}
	.section03 .s1_text_box h2 {font-size:32px}
}

.section03 .s2_wrap {width:100%;height:840px;background-color:#f2f2f9;position:relative;margin-bottom:400px}
.section03 .s2_wrap > .inner {display:flex;flex-wrap:wrap;justify-content:center;gap:3%;padding-top:135px}
.section03 .s2_text_wrap {width:31%;margin-top:10%}
.section03 .s2_text_wrap h2 {font-size:48px;font-weight:600;letter-spacing:-1px}
.section03 .s2_text_wrap p {font-size:17px;line-height:1.6;padding-top:20px;color:#555;word-break:keep-all}
.section03 .s2_img_wrap {display:flex;align-items:center;flex-wrap:wrap;max-width:887px;gap:30px}
.section03 .s2_img_box {width:100%;display:flex;justify-content:space-between}

@media all and (max-width:1404px) {
	.section03 .s2_wrap {margin-bottom:60%}
	.section03 .s2_text_wrap {width:100%;max-width:887px;padding-bottom:30px}
	.section03 .s2_img_wrap img:first-child {width:100%}
	.section03 .s2_img_box {width:100%;display:flex;justify-content:space-between}
	.section03 .s2_img_box img:first-child {width:33%}
	.section03 .s2_img_box img:last-child {width:63%}
}

@media all and (max-width:768px) {
	.section03 .s1_text_box {margin-bottom:30px}
	.section03 .s2_text_wrap h2 {font-size:38px}

}
.section03 {}
.section03 .s3_wrap {height:420px;background:#000;width:100%;position:relative;margin-bottom:300px}
.section03 .s3_wrap > .inner {display:flex;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center}
.section03 .s3_wrap img {width:45%;padding-bottom:15%}
.section03 .s3_text_wrap {color:#fff;width:55%}
.section03 .s3_text_wrap h2 {font-size:48px}
.section03 .s3_text_wrap p {font-size:17px;color:#fff;opacity:0.8;line-height:1.6;padding-top:20px}
.section03 .s3_text_wrap .more a  {display:block;width:190px;font-size:14px;color:#fff;line-height:40px;margin-top:20px;padding:0px 40px 0 0;transition:all 0.2s;background-image:url(../img/w_arrow_latest.png);background-repeat:no-repeat;background-position:80px center}
.section03 .s3_text_wrap .more a:hover {padding:0px 12px;transition:all 0.3s}
.section03 .s3_wrap .photo {width:45%;margin-top:-150px;position:relative}
.section03 .s3_wrap .photo img {width:90%}

@media all and (max-width:830px) {
	.section03 .s3_wrap {height:auto;padding-bottom:100px}
}

@media all and (max-width:768px) {
	.section03 {padding:70px 0}
	.section03 .s3_text_wrap h2 {font-size:38px}
	.section03 .s3_text_wrap, .s3_wrap .photo {width:100%}
}

@media all and (max-width:576px) {

}

@media all and (min-width:768px) {
	.section03 .s1_img_box:nth-child(1) {}
	.section03 .s1_img_box:nth-child(2) {transform:translateY(150px)}
	.section03 .s1_img_box:nth-child(3) {transform:translateY(50px)}
	.section03 .s1_img_box:nth-child(4) {}
	.section03 .s1_img_box:nth-child(5) {transform:translateY(150px)}
	.section03 .s1_img_box:nth-child(6) {transform:translateY(50px)}
}

@media all and (min-width:991px) {
	.section03 .s1_img_box:nth-child(1) {}
	.section03 .s1_img_box:nth-child(2) {transform:translateY(250px)}
	.section03 .s1_img_box:nth-child(3) {transform:translateY(100px)}
	.section03 .s1_img_box:nth-child(4) {}
	.section03 .s1_img_box:nth-child(5) {transform:translateY(250px)}
	.section03 .s1_img_box:nth-child(6) {transform:translateY(100px)}
}