@charset "utf-8";
/* 메인 롤링이미지 */

/* 섹션 공통 */
.section {position:relative; padding:120px 0; overflow:hidden}
.section > .inner {position:relative; max-width:1440px; margin:0 auto; padding:0 0px}
.section h2.tit {position:relative; text-align:center; font-size:0px;  color:#333; margin-bottom:130px; z-index:30;display:flex;}
.section h2.tit span {font-size:46px;font-weight:800;color:#232323;width:50%;text-align:right;}
.section h2.tit p {font-size:18px;color:#262626;width:50%;text-align:left;}
.section h2.tit.light {margin-bottom:80px;}
.section h2.tit.light span {color:#fff}
.section h2.tit.light p {color:#fff}
.section h2.tit.light:before {background:#fff}
.section h2.tit.rever span {text-align:left}
.section h2.tit.rever p {text-align:right}

.sec_padding {padding-bottom:0;}
.section1 {position:relative;width:100%;}
.section1 .listArea {}
.section1 .listArea ul {display:flex;}
.section1 .listArea li {width:33.33333%;text-align:center;}
.section1 .listArea li figure {}
.section1 .listArea li h1 {margin:30px auto;font-size:22px;color:#262626;font-weight:bold;}
.section1 .inner .tit_pad {margin-bottom: 0;}

.section2 {position:relative;width:100%;}
.section2 .swiper {width:100%;height:100%;overflow:visible;margin-left:20%;}
.section2 .swiper-slide {background:#f7f7f7;padding:30px;position:relative;}
.section2 .swiper-slide {text-align:left;font-size:18px;background:#f7f7f7;display:block;justify-content:center;align-items:center;padding:50px;transition:all 0.8s ease;}
.section2 .swiper-slide figure {text-align:right;width:100%;}
.section2 .swiper-slide img {display:inline-block;text-align:right;transition:all 0.8s ease;}
.section2 .swiper-slide span {display:inline-block;width:auto;font-size:18px;color:#232323;position:relative;}
.section2 .swiper-slide span:before {content:'';position:absolute;right:-150px;top:12px;width:130px;height:1px;background:#d62628;transition:all 0.8s ease;opacity:0;}
.section2 .swiper-slide h1 {display:block;width:100%;font-size:24px;color:#232323;font-weight:bold;}
.section2 .swiper-slide p {display:block;width:100%;opacity:0;font-size:16px;color:#fff;transition:all 0.8s ease;position:absolute;bottom:50px;left:50px;}
.section2 .swiper-slide.swiper-slide-active span {color:#fff;}
.section2 .swiper-slide.swiper-slide-active span:before {opacity:1;}
.section2 .swiper-slide.swiper-slide-active h1 {color:#fff;}
.section2 .swiper-slide.swiper-slide-active p {opacity:1;}
.section2 .swiper-slide .cover {width:100%;transition:all 0.3s ease;}
.section2 .swiper-slide.swiper-slide-active .cover {}
.section2 .swiper-slide.swiper-slide-active {background:#272727;width:40%!important}
.section2 .swiper-slide.swiper-slide-active img {transform: scale(1.2);}
.section2 .swiper-button-next,.section2 .swiper-button-prev {color:#fff;}

.section3 {position:relative;width:100%;}
.section3 .swiper {width:100%;height:100%;}
.section3 .swiper-slide {background:#f5f5f5;position:relative;border-radius:20px;}
.section3 .swiper-slide {text-align:left;font-size:18px;background:#f7f7f7;display:block;justify-content:center;align-items:center;padding:40px;transition:all 0.8s ease;}
.section3 .swiper-slide figure {width:100%;}
.section3 .swiper-slide img {display:inline-block;width:100%;}
.section3 .swiper-slide span {display:block;width:auto;font-size:15px;color:#939393;position:relative;text-align:right;width:100%;}
.section3 .swiper-slide h1 a {display:block;width:100%;font-size:22px;color:#232323;font-weight:bold;padding:20px 0px 10px;}
.section3 .swiper-slide p a {display:block;width:100%;font-size:16px;color:#484848;transition:all 0.8s ease;margin-top:20px;}
.section3 .swiper-button-next,.section3 .swiper-button-prev {color:#1e2d88;top:-50px;font-size:0px;}
.section3 .swiper-button-next:after,.section3 .swiper-button-prev:after {font-size:0px;} 
.section3 .swiper-button-next i,.section3 .swiper-button-prev i {font-size:40px;}
.section3 .swiper-button-prev {left:auto;right:80px;transform: rotate(90deg);}
.section3 .swiper-button-next {transform: rotate(90deg);}

.section4 {position:relative;width:100%;background:url('/theme/mik/img/main-bottom-bg.jpg') top center no-repeat;background-size:cover;padding:150px 0px 160px;}
.section4 .conArea {display:flex;}
.section4 .conArea > div {width:50%;display:block;}
.section4 .conArea .left .mapcover {width:625px;}
.section4 .conArea .right {}
.section4 .conArea .right .listArea {margin-bottom:60px;}
.section4 .conArea .right h1 {color:#fff;font-size:20px;font-weight:bold;margin-bottom:10px;}
.section4 .conArea .right span {color:#fff;font-size:16px;display:inline-block;margin-right:20px;}
/* 미디어쿼리 */
@media screen and (max-width:1440px) {
.section {position:relative; padding:120px 0 0 0; overflow:hidden}
.section > .inner {position:relative; max-width:100%; margin:0 auto; padding:0 20px}
.sec_padding {padding-bottom:0;}
.section4 .conArea .left .mapcover {width:90%;}
}

@media screen and (min-width:1281px) {
}

@media screen and (max-width:1280px) {
}

@media screen and (max-width:1024px) {
.section h2.tit.rever {flex-direction:column;} 
.section h2.tit {margin-bottom:50px;flex-direction:column-reverse}
.section h2.tit.light {margin-bottom:50px;}
.section h2.tit span {font-size:28px;width:100% ;text-align:left!important;margin-bottom:10px;}
.section h2.tit p {font-size:14px;width:100%;text-align:left!important;}

.section1 .listArea ul {display:block;font-size:0px;}
.section1 .listArea li {width:50%;text-align:center;display:inline-block;}
.section1 .listArea li figure {width:70%;margin:0px auto;}
.section1 .listArea li figure img {width:100%;}
.section1 .listArea li h1 {margin:20px auto;font-size:15px;}

.section2 {padding: 60px 0 120px 0;}
.section2 .swiper {width:100%;height:100%;overflow:hidden;margin-left:0px;}
.section2 .swiper-slide {padding:30px;}
.section2 .swiper-slide.swiper-slide-active {background:#272727;width:100%!important}
.section2 .swiper-slide.swiper-slide-active img {transform: scale(0.8);}
.section2 .swiper-slide span {font-size:14px;}
.section2 .swiper-slide span:before {right:-100px;top:8px;width:80px;}
.section2 .swiper-slide h1 {font-size:18px;}
.section2 .swiper-slide p {font-size:13px;bottom:30px;left:30px;}

.section3 {padding-top:0px;}
.section3 .swiper-button-prev {left:auto;right:50px;}
.section3 .swiper-button-next i,.section3 .swiper-button-prev i {font-size:30px;}
.section3 .swiper-slide span {font-size:13px;}
.section3 .swiper-slide h1 a {font-size:17px;padding:20px 0px 10px;}
.section3 .swiper-slide p a {font-size:14px;margin-top:20px;}

.section4 {padding:50px 0px;}
.section4 .conArea {flex-direction:column;}
.section4 .conArea .left .mapcover {width:100%;}
.section4 .conArea > div {width:100%;}

.section4 .conArea .right {margin-top:20px;}
.section4 .conArea .right .listArea {margin-bottom:20px;}
.section4 .conArea .right h1 {font-size:18px;margin-bottom:10px;}
.section4 .conArea .right span {font-size:15px;margin-right:10px;}
}


@media screen and (max-width:768px) {
}

@media screen and (max-width:480px) {
}