@charset "utf-8";

.swiper-button-next, .swiper-button-prev { margin-top:0; width: 72px; height: 72px; color: transparent;}
.swiper-button-next:after, .swiper-button-prev:after { content: ''; }
   
#container { position: relative; }
.web-view { display: block; }
.mob-view { display: none; }

aside a { position: fixed; bottom: 220px; right: 60px; width: 228px; height: 188px; background: url('../images/side_kakao.png')no-repeat center; border-radius: 15px; z-index: 99999; text-indent: -9999px; }  


header{ display: flex; position: fixed; top: 0; left: 0; width: 100%; padding:26px 20px 25px 40px; background: #fff; box-sizing: border-box; border-bottom: 1px solid #ddd; justify-content: space-between; z-index: 999; }
header h2 { width: 369px; }
header h2 a { display: block; width: fit-content;}
header nav { display: block; }
header ul { display: flex; flex-wrap: wrap; justify-content: space-around;}
header ul li:nth-of-type(2) { margin: 0 54px; }
header ul li a { color: #333; font-size: 18px; font-weight: bold; line-height: 48px; }
header ul li a:hover { position: relative; color: #ed028b}
header ul li a:hover:after { content:''; display: block; position: absolute; bottom: -39px; left: 0; width: 100%; height: 3px; background: #ed028b}

header .link-btn { display: flex; width: 369px; flex-wrap: wrap }
header .link-btn a { display: flex; height: 48px; padding:0 16px;  line-height: 48px; border: 1px solid #eee; box-sizing: border-box; border-radius: 48px; align-items: center;}
header .link-btn a:nth-of-type(1) { width: 180px; }
header .link-btn a span {display: inline-block; margin-left: 5px; color: #58595a; font-size: 14px; font-weight: 600; letter-spacing:-0.02em; }
header .link-btn a:nth-of-type(2) { width: 158px; margin-left: 14px; }

#visual { width: 100%; padding-top: 100px; }
#visual .visual-slide { position: relative; width: 100%; }

.mySwiper01 { overflow: hidden; }
.mySwiper01 .swiper-button-prev { top: 46%; left: 44px; }
.mySwiper01 .swiper-button-next { top: 46%; left: auto; right: 44px; }

/* visual pagination */
.swiper-pagination { bottom: 68px; left: 375px; } 
.swiper-pagination-bullet { position: relative; width: 140px; height: auto; text-align: left;border-radius: 0; opacity: 1; margin-right: 20px;  background-color: transparent; }
.swiper-pagination-bullet p { margin-bottom: 24px; font-size: 15px; line-height: 28px; font-weight: bold; letter-spacing: -0.38px; color: #aaa; }
.swiper-pagination-bullet i { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 6px; background-color: transparent; border: 1px solid #ccc; box-sizing: border-box; }
.swiper-pagination-bullet b { position: absolute; bottom: 0; left:  0; z-index: 2; width: 0%; height: 6px; background-color: #ed028b; border: none;  } /* progress bar 채워지는 부분 */

.swiper-pagination-bullet-active { background-color: transparent; }
.swiper-pagination-bullet-active p{ color: #ed028b; } 
.swiper-pagination-bullet-active b { animation-name: countingBar; animation-duration: 3s; animation-timing-function: ease-in-out; animation-iteration-count: 1; animation-direction: alternate ; animation-fill-mode:forwards; } /* autopaly 시간과 맞춰주기 */

/* visual pagination animation */
@keyframes countingBar {
  0% {width: 0;}
  100% {width:100%;}
}

/* visual scroll down */
#visual .scroll-down { display: flex; position: absolute; bottom: 0; left: 0; width: 80px; height: 240px; padding: 34px 34px 0; background: #fff; flex-wrap: wrap; flex-direction: column; justify-content: space-evenly; align-content:space-around; z-index: 9;}
#visual .scroll-down .scroll-btn { position: absolute; left: 0; bottom: 0; width: 80px; height: 240px; background:transparent; }
#visual .scroll-down .scroll-btn:after, #visual .scroll-down .scroll-btn:before { display: none; }

#visual .scroll-down p { display: block; width: 100px; color:#222; font-size: 16px; font-weight: bold; letter-spacing: 0.05em; transform: rotate(90deg);}
#visual .scroll-down a {position: relative; width: fit-content; height: 54px; margin: 10px auto 0; }
#visual .scroll-down a:after { content:''; display:block; width:2px; height:54px; margin:0 auto; background:#ddd; }
#visual .scroll-down a:before { content:''; position:absolute; left:calc(50% - 1px); bottom:30px; display:block; width:2px; height:14px; margin:0 auto ; background:#222; animation: scroll-down 1s infinite alternate; }

/* visual scroll down animation */
@keyframes scroll-down {
  from { bottom : 40px; }
  to { bottom : 0; }
}

/* section 01 */
.section01 { position:relative; width: 100%; height: 824px; padding-top:100px; background: url('../images/section01_bg.png')no-repeat bottom center; overflow: hidden; }
.section01 .section-inner { position: relative; width: 1180px; margin:0 auto; text-align: center;}
.section01 .section-inner h3 { width: fit-content; margin:0 auto; }
.section01 .section-inner p { display: block; margin:14px auto 6px; color:#333; font-size: 48px; letter-spacing: -0.048em; }
.section01 .section-inner p span { display: inline-block; margin-top: -5px; font-size: 60px; font-weight: bold; vertical-align: middle; }
.section01 .section-inner small { display: block; margin-bottom: 66px; color: #888; font-size: 18px; line-height: 30px; font-weight: 400; letter-spacing: -0.028em; }
.section01 .link-btn { display: flex; position: absolute; left: calc(50% - 233px); width: fit-content; margin: -55px auto 0; flex-wrap: wrap; }
.section01 .link-btn a { display: flex; width: 226px; height: 60px;  border: 1px solid #eee; border-radius: 30px; align-items: center; }
.section01 .link-btn a img { margin:0 auto; }
.section01 .link-btn a:nth-of-type(2) { margin-left: 14px; }
.section01 .section01-item { margin: -40px auto 0; }

/* section 02 */
.section02 { position:relative; width: 100%; height: 824px; padding-top:100px;  background: url('../images/section02_bg.png')no-repeat bottom center; }
.section02 .section-inner { position: relative; width: 1180px; margin:0 auto; text-align: center;}
.section02 .section-inner h3 { width: fit-content; margin:0 auto; }
.section02 .section-inner p { display: block; margin:14px auto 0; color:#fff; font-size: 48px; letter-spacing: -0.048em; }
.section02 .section-inner p span { display: inline-block; margin-top: -5px; font-size: 60px; font-weight: bold; vertical-align: middle; }
.section02 .section-inner small { display: block; margin-bottom: 33px; color: #fff; font-size: 18px; line-height: 30px; font-weight: 400; letter-spacing: -0.028em; }

/* section 02 tab btn */
.ui-widget.ui-widget-content { width: 760px; margin:0 auto; background: transparent; border: none; border-radius: 0; }
.ui-tabs .ui-tabs-nav li{ display: flex; background: transparent; width: 130px; height: 48px; margin:0 auto; padding: 0; color: #fff; font-size: 18px; box-sizing: border-box; border: 2px solid #fff; border-radius: 30px; align-items: center; }
.ui-tabs .ui-tabs-nav li:nth-of-type(2) { margin:0 20px; }
.ui-tabs .ui-tabs-nav li img { display: inline-block; margin-right: 10px; vertical-align: text-top; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active  { margin-bottom: 0; padding-bottom: 0; background: #fff; color: #ed028b }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { display :block; width: 100%; height: 100%; padding: 0; color: #fff; font-size: 18px; font-weight: bold;  line-height: 48px; letter-spacing: -0.028em; text-align: center; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { display: block; width: 100%; height: 100%; color: #ed028b; line-height: 48px; }
.ui-widget-header {  color: #eee; background: none; border: none;}
.ui-tabs .ui-tabs-nav { width: fit-content; margin:0 auto 22px; padding: 0; }
.ui-tabs .ui-tabs-panel { padding: 0; }

/* section 03 */
.section03 { position: relative; padding:100px 0 195px; background: #ed028b;}
.section03 .section-inner { position: relative; width: 1180px; margin:0 auto; text-align: center;}
.section03 .section-inner h3 { width: fit-content; margin:0 auto; }
.section03 .section-inner p { display: block; margin:14px auto 0; color:#fff; font-size: 48px; letter-spacing: -0.028em; }
.section03 .section-inner p span { display: inline-block; margin-top: -5px; font-size: 60px; font-weight: bold; vertical-align: middle; }
.section03 .section-inner small { display: block; margin-bottom: 33px; color: #fff; font-size: 18px; line-height: 30px; font-weight: 400; letter-spacing: -0.048em; }

.slide-title { position: relative; width: 560px; height: 110px; margin:0 auto 34px; padding: 17px 0 24px; background: #000; border-radius: 10px; text-align: center; }
.slide-title:after { content: ''; display: block; position: absolute; bottom: -14px; right: 50px; width: 26px; height: 14px; background: url('../images/box_detail.png')no-repeat; }
.slide-title img{ display: block; width: 89px; margin:0 auto 10px; }
.slide-title b { color: #fff; font-size: 22px; font-weight: bold; letter-spacing: -0.028em; }
.slide-title span { color: #ed028b; }

/* section 03 slide */
.section-slide02 { position: relative; width: fit-content; margin:0 auto; }
.section03 .mySwiper02 { height: 265px; overflow: hidden; }
.mySwiper02 .swiper-slide { position:relative; display: flex; width: 560px; padding: 0 29px 0 25px; background: #fff; border-radius: 8px; opacity: 0.4; transition: all 0.5s; justify-content: space-between; align-items: center; }
.mySwiper02 .swiper-slide-active { opacity: 1; }
.section-slide02 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: calc(50% - 64px); top: auto; bottom: -99px;}
.section-slide02 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { left: calc(50% + 10px); top: auto; bottom: -99px;}

/* section 03 slide inner */
.section03 .list-logo { width: 89px; }
.section03 .manager { color: #222; font-size: 18px; line-height: 42px; letter-spacing: -0.028em; }
.section03 .manager span { color: #ed028b; font-size: 22px; font-weight: bold;}
.section03 .manager img { display: inline-block; width: 42px; margin-right: 12px; vertical-align: top; }

.section03 .location {color: #aaa; font-size: 16px; letter-spacing: -0.028em; line-height: 42px; }
.section03 .location img { display: inline-block; margin-right: 5px; vertical-align: text-top;}

/* section 04 */
.section04 { position: relative; padding:100px 0 150px; background: #fff;}
.section04 .section-inner { position: relative; width: 1180px; margin:0 auto; text-align: center;}
.section04 .section-inner h3 { width: fit-content; margin:0 auto; }
.section04 .section-inner p { display: block; margin:14px auto 0; color:#333; font-size: 48px; letter-spacing: -0.048em; }
.section04 .section-inner p span { display: inline-block; margin-top: -5px; font-size: 60px; font-weight: bold; vertical-align: middle; }
.section04 .section-inner small { display: block; margin-bottom: 33px; color: #888; font-size: 18px; line-height: 30px; font-weight: 400; letter-spacing: -0.028em; }

/* section 04 slide */
.section-slide03 { position: relative; width: fit-content; margin:0 auto; }
.section04 .mySwiper03 { width: 960px; height: 360px; overflow: hidden; }
.mySwiper03 .swiper-slide { position:relative; transition: all 0.5s; }
.mySwiper03 .swiper-slide .review-inner { position: absolute; bottom:-100%; left:0; width:100%; height: 100%; padding: 80px 31px; background: rgba(237,2,139,0.95); border-radius: 10px; text-align: center; transition: all 0.3s; }
.mySwiper03 .swiper-slide .review-inner p { color: #fff; font-size: 16px; line-height: 26px; word-break: keep-all; }
.mySwiper03 .swiper-slide .review-inner img { margin:9px auto 0; }

.section-slide03 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: -105px; top: auto; bottom: 40%; }
.section-slide03 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { left: auto; right: -105px; top: auto; bottom: 40%; }

.section04 .swiper-pagination-progressbar { bottom: -49px; left: calc(50% - 300px); width: 600px; height: 2px; }
.section04 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { top:-1px; height: 4px; background: #ed028b; }

footer { padding: 54px 60px 50px; background: #222; }
footer .footer-wrap { display: flex; width: 100%; justify-content: space-between; }
footer .footer-wrap .footer-info { width: fit-content; }
footer .footer-wrap .footer-info strong { display: inline-block; margin-bottom: 8px; color: #fff; font-size: 18px; letter-spacing: -0.028em; }
footer .footer-wrap .footer-info ul { display: block; width: 594px; flex-wrap: wrap; justify-content: flex-start; }
footer .footer-wrap .footer-info ul li { display: inline-block; color: #a2a2a2; font-size: 14px; line-height: 26px; letter-spacing: -0.028em; }
footer .footer-wrap .footer-info ul li:nth-of-type(2n):before { content:''; display: inline-block; width: 1px; height: 10px; margin: 0 9px; line-height: 26px; background: #a2a2a2; }

footer .footer-wrap .footer-data { width: fit-content; text-align: right; }
footer .footer-wrap .footer-data a { display: inline-block; margin-bottom: 4px; color: #fff; font-size: 18px; letter-spacing: -0.028em; }
footer .footer-wrap .footer-data a img { display: inline-block; margin-right: 10px; vertical-align: middle;}
footer .footer-wrap .footer-data small { display: block; margin-bottom: 20px; color: #a2a2a2; font-size: 14px; line-height: 24px; letter-spacing: -0.028em; }

footer .footer-wrap .footer-data ul { display: flex; flex-wrap: wrap; justify-content: flex-end; }
footer .footer-wrap .footer-data ul li {  width: 50px; height: 50px; margin-left: 16px; border: 2px solid #a2a2a2; box-sizing: border-box; border-radius: 100%; }
footer .footer-wrap .footer-data ul li a { display: flex; width: 100%; height: 100%; margin-bottom:0; font-size: 14px; letter-spacing: -0.028em; align-items: center; justify-content: center;}
footer .footer-wrap .footer-data ul li a img { margin:0 auto; } 
footer .footer-wrap .footer-data ul li a span { margin-left: 3px; }
footer .footer-wrap .footer-data ul li:nth-of-type(1) { margin-left: 0; }
footer .footer-wrap .footer-data ul li:nth-of-type(4) { width: fit-content; margin-left: 12px; padding: 0 18px; border-radius: 30px; }
footer .footer-wrap .footer-data ul li:nth-of-type(4) a img { margin-top:-5px; margin-left: 8px;}
footer .footer-inner .copy { color: #555; font-size: 13px; line-height: 26px; }
footer .footer-inner .copy span { color: #999 }


@media (hover: hover) {
  .mySwiper03 .swiper-slide:hover .review-inner { bottom: 0;} 
}


@media (min-width: 360px) and (max-width: 1179px) {
.web-view { display: none; }
.mob-view { display: block; } 

aside a { bottom: 20px; right: 20px; width: 76px; height: 60px; background: url('../images/mo_side_kakao.png')no-repeat center/cover; } 


header { padding: 8px 12px; z-index:9999}
header h2 { width: 120px; padding-top: 7px;}
header nav { display: none; }
header .link-btn { display: flex; width: auto; flex-wrap: wrap }
header .link-btn a { display: flex; height: 50px; padding: 0; line-height: 50px; border: 1px solid #eee; box-sizing: border-box; border-radius: 50px; justify-content: center; align-items: center; }
header .link-btn a:nth-of-type(1) { width: 50px; }
header .link-btn a span { display: none; }
header .link-btn a:nth-of-type(2) { width: 50px; margin-left: 10px; }
header .link-btn a:nth-of-type(1) img { width: 36px; margin-right: 0; }
header .link-btn a:nth-of-type(2) img { width: 24px; margin-right: 0; }

#visual { padding-top: 59px; }
.mySwiper01 .swiper-button-prev, .mySwiper01 .swiper-button-next { display: none; }
#visual .swiper-pagination { display: none; }
#visual .scroll-down {  width: 48px; height: 144px; padding: 16px 20px; background: #fff; justify-content: flex-end; z-index: 9;}
#visual .scroll-down .scroll-btn { position: absolute; left: 0; bottom: 0; width: 48px; height: 144px; background:transparent; }
#visual .scroll-down .scroll-btn:after, #visual .scroll-down .scroll-btn:before { display: none; }

#visual .scroll-down p { display: block; width: 100px; color:#222; font-size: 11px; font-weight: bold; letter-spacing: 0.05em; transform: rotate(90deg);}
#visual .scroll-down a {position: relative; width: fit-content; height: 33px; margin: 18px auto 0; }
#visual .scroll-down a:after { content:''; display:block; width:2px; height:33px; margin:0 auto; background:#ddd; }
#visual .scroll-down a:before { content:''; position:absolute; left:calc(50% - 1px); bottom:30px; display:block; width:2px; height:9px; margin:0 auto ; background:#222; animation: scroll-down 1s infinite alternate; }

@keyframes scroll-down {
  from { bottom : 24px; }
  to { bottom : 0; }
}

.section01 { height: fit-content; padding:50px 0; background:url('../images/section01_bg.png')no-repeat bottom center;}
.section01 .section-inner { width: 100%; padding:0 24px; }
.section01 .section-inner h3 { width: 89px; margin:0 auto; }
.section01 .section-inner p { display: block; margin:14px auto 6px; color:#333; font-size: 30px; line-height: 40px; letter-spacing: -0.028em; word-break: keep-all;}
.section01 .section-inner p span { font-weight: bold; margin-top: -2px; font-size: 36px;  }
.section01 .section-inner small { display: block; margin-bottom: 0; color: #888; font-size: 16px; line-height: 30px; font-weight: 400; letter-spacing: -0.048em; word-break: keep-all; }
.section01 .link-btn { display: flex; position: static; width: fit-content; margin: 20px auto 60px; flex-wrap: wrap; }
.section01 .link-btn a { display: flex; width: 116px; height: 42px; padding: 0 20px; box-sizing: border-box; border: 1px solid #eee; border-top:2px solid #eee; border-bottom: 2px solid #eee; border-radius: 30px; align-items: center; }
.section01 .link-btn a:nth-of-type(2) { margin-left: 9px; }
.section01 .link-btn a:nth-of-type(1) img { width: 78px; height: 16px; }
.section01 .link-btn a:nth-of-type(2) img { width: 58px; height: 18px; }
.section01 .section01-item { display: none; }
  

.section01 .mo-section-slide { position: relative; width:100%; }
.section01 .slide-obj { position: absolute; top: -30px; right: 24px; width: 32.8%; max-width: 242px; z-index: 999;}
.section01 .mySwiper04 { width: 100%;}

.swiper-pagination03 { text-align: center; }
.swiper-pagination03 .swiper-pagination-bullet { width: 7px; height: 7px; margin-right: 0; background: #aaa; border-radius: 100%; text-align: center; }
.swiper-pagination03 .swiper-pagination-bullet:nth-of-type(2) { margin: 0 11px; }
.swiper-pagination03 .swiper-pagination-bullet-active { background: #ec1895; }

.section02 { height: fit-content; padding:50px 24px; background: url('../images/mo_section02_bg.png')no-repeat bottom center/cover; }
.section02 .section-inner { position: relative; width: 100%; margin:0 auto; text-align: center;}
.section02 .section-inner h3 { width: 89px; margin:0 auto; }
.section02 .section-inner p { display: block; margin:14px auto 6px; color:#fff; font-size: 30px; line-height: 40px; letter-spacing: -0.028em; }
.section02 .section-inner p span { display: block; margin-top: -2px; font-size: 36px; }
.section02 .section-inner small { display: block; margin-bottom: 0; color: #fff; font-size: 16px; line-height: 26px; font-weight: 400; letter-spacing: -0.048em; }

.ui-widget.ui-widget-content { width: fit-content; margin:20px auto 0; background: transparent; border: none; border-radius: 0; }
.ui-tabs .ui-tabs-nav li{ display: flex; background: transparent; width: fit-content; height: 40px; margin:0 auto; padding: 0 20px; color: #fff;  box-sizing: border-box; border: 1px solid #fff; border-radius: 30px; align-items: center; }
.ui-tabs .ui-tabs-nav li:nth-of-type(2) { margin:0 9px; }
.ui-tabs .ui-tabs-nav li img { display: inline-block; width: 13px; margin-top: 1px; margin-right: 5px; vertical-align: text-top; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active  { margin-bottom: 0; padding-bottom: 0; background: #fff; color: #ed028b }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { display :block; width: 100%; height: 100%; padding: 0; color: #fff; font-size: 16px; font-weight: bold;  line-height: 40px; letter-spacing: -0.028em; text-align: center; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { display: block; width: 100%; height: 100%; color: #ed028b; line-height: 40px; }
.ui-widget-header {  color: #eee; background: none; border: none;}
.ui-tabs .ui-tabs-nav { width: fit-content; margin:0 auto 30px; padding: 0; }
.ui-tabs .ui-tabs-panel { padding: 0; }

.section03 { position: relative; padding:41px 24px 123px; background: #ed028b;}
.section03 .section-inner { position: relative; width: 100%; margin:0 auto; text-align: center;}
.section03 .section-inner h3 { width: 89px; margin:0 auto; }
.section03 .section-inner p { display: block; margin:14px auto 6px; color:#fff; font-size: 30px; line-height: 40px; letter-spacing: -0.048em; }
.section03 .section-inner p span { font-weight: bold; margin-top: -2px; font-size: 36px;  }
.section03 .section-inner small { display: block; margin-bottom: 25px; color: #fff; font-size: 16px; line-height: 30px; font-weight: 400; letter-spacing: -0.028em; }

.slide-title { position: relative; width: 100%; height: 111px; margin:0 auto 20px; padding: 10px 14px; background: #000; border-radius: 10px; text-align: center; }
.slide-title:after { content: ''; display: block; position: absolute; bottom: -8px; right: 28px; width: 15px; height: 8px; background: url('../images/box_detail.png')no-repeat; background-size: cover; }
.slide-title img{ display: block; width: 70px; margin:0 auto 10px; }
.slide-title b { color: #fff; font-size: 16px; font-weight: bold; line-height: 24px; letter-spacing: -0.028em; }
.slide-title span { color: #ed028b; }

.section03 .list-logo { position: absolute; right: 14px; top: 19px; width: 85px; }
.section03 .manager { color: #222; font-size: 14px; line-height: 24px; letter-spacing: -0.028em; }
.section03 .manager span { color: #ed028b; font-size: 18px; font-weight: bold;}
.section03 .manager img { display: inline-block; margin-right: 12px; width:48px; vertical-align: top; }

.section03 .location { position: absolute; bottom: 11px; left: 75px; color: #aaa; font-size: 12px; letter-spacing: -0.028em; line-height: 24px; }
.section03 .location img { display: inline-block; width: 13px; margin-right: 5px; vertical-align: text-top;}

.section-slide02 { position: relative; width: 100%; margin:0 auto; }
.section03 .mySwiper02 { height: 234px; overflow: hidden; }
.mySwiper02 .swiper-slide { position:relative; display: block; width: 100%; max-height: 70px; padding: 10px 14px; background: #fff; border-radius: 8px; opacity: 1; transition: all 0.5s; justify-content: space-between; align-items: center; }
.mySwiper02 .swiper-slide-active { opacity: 1; }
.section-slide02 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: calc(50% - 48px); top: auto; bottom: -85px; width: 48px;}
.section-slide02 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { left: calc(50% + 12px); top: auto; bottom: -85px; width: 48px;}

.section04 { position: relative; padding:50px 0 93px; background: #fff; overflow: hidden; }
.section04 .section-inner { position: relative; width: 100%; margin:0 auto; padding:0 24px; text-align: center;}
.section04 .section-inner h3 { width: 89px; margin:0 auto; }
.section04 .section-inner p { display: block; margin:14px auto 6px; color:#333; font-size: 30px; line-height: 40px; letter-spacing: -0.048em; }
.section04 .section-inner p span { display: block; font-weight: bold; margin-top: -2px; font-size: 36px; }
.section04 .section-inner small { display: block; margin-bottom: 33px; color: #888; font-size: 16px; line-height: 30px; font-weight: 400; letter-spacing: -0.028em; }

.section-slide03 { position: relative; width: 100%; margin-left: 24px; }
.section04 .mySwiper03 { width: 100%; height: fit-content; overflow: hidden; }
.mySwiper03 .swiper-slide { position:relative; transition: all 0.5s; }
.mySwiper03 .swiper-slide .review-inner { display: none; position: absolute; bottom: 0; left:0; width:100%; height: 100%; padding: 30px 20px; background: rgba(237,2,139,0.95); border-radius: 10px; text-align: center; transition: none; }
.mySwiper03 .swiper-slide .review-inner p { color: #fff; font-size: 15px; line-height: 24px; word-break: keep-all; }
.mySwiper03 .swiper-slide .review-inner img { margin:15px auto 0; }
.section-slide03 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: -105px; top: auto; bottom: 40%; }
.section-slide03 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { left: auto; right: -105px; top: auto; bottom: 40%; }
.section-slide03 .swiper-button-prev, .section-slide03 .swiper-button-next { display: none; }

.section04 .swiper-pagination-progressbar { bottom: -49px; left: 0; width: calc(100% - 48px); height: 2px; }
.section04 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { top:-1px; height: 4px; background: #ed028b; }


footer { width: 100%; padding: 48px 24px 42px; background: #222; overflow: hidden; }
footer .footer-wrap { display: block; width: 100%; justify-content: space-between; }
footer .footer-wrap .footer-info { width: 100%;  padding-bottom: 20px; border-bottom: 1px solid #2e2e2e}
footer .footer-wrap .footer-info strong { display: inline-block; margin-bottom: 10px; color: #fff; font-size: 18px; letter-spacing: -0.028em; }
footer .footer-wrap .footer-info ul { display: block; width: 100%;  }
footer .footer-wrap .footer-info ul li {  width: 100%; color: #a2a2a2; font-size: 14px; line-height: 24px; letter-spacing: -0.028em; }
footer .footer-wrap .footer-info ul li:nth-of-type(2n):before { content:''; display: none; }

footer .footer-wrap .footer-data { width: 100%; padding-top: 20px; text-align: left; overflow: hidden; }
footer .footer-wrap .footer-data a { display: inline-block; margin-bottom: 4px; color: #fff; font-size: 21px; line-height: 24px; letter-spacing: -0.028em; }
footer .footer-wrap .footer-data a img { display: inline-block; width: 17px; margin-right: 7px; vertical-align: baseline;}
footer .footer-wrap .footer-data small { display: block; margin-bottom: 15px; padding-left: 25px; color: #a2a2a2; font-size: 14px; line-height: 24px; letter-spacing: -0.028em; }

footer .footer-wrap .footer-data ul { float: left; display: flex; width: auto; margin-bottom: 32px; flex-wrap: wrap; justify-content: space-between; }
footer .footer-wrap .footer-data ul li {  width: 50px; height: 50px; margin-left: 10px; border: 2px solid #a2a2a2; box-sizing: border-box; border-radius: 100%; }
footer .footer-wrap .footer-data ul li a { display: flex; width: 100%; height: 100%; margin-bottom:0; font-size: 14px; letter-spacing: -0.028em; align-items: center; justify-content: center;}
footer .footer-wrap .footer-data ul li a img { width: 21px; margin:0 auto; } 
footer .footer-wrap .footer-data ul li:nth-of-type(4) { width: fit-content; margin-left: 10px; padding: 0 20px; border-radius: 30px; }
footer .footer-wrap .footer-data ul li:nth-of-type(4) a img { width: 16px; margin-left: 8px;}
footer .footer-wrap .footer-data ul li:nth-of-type(4) span { display: none; }
}

@media (min-width: 720px) and (max-width: 1179px) { 

aside a { bottom: 40px; right: 40px; width: 152px; height: 121px; background: url('../images/mo_side_kakao.png')no-repeat center/cover; } 
  

header { padding: 28px 24px; z-index:9999}
header h2 { width: 177px; padding-top: 3px; }
header .link-btn a { display: flex; height: 60px; line-height: 60px; border-radius: 60px; }
header .link-btn a:nth-of-type(1) { width: 60px; }
header .link-btn a:nth-of-type(2) { width: 60px; margin-left: 16px; }
header .link-btn a img { width: 48px; }
header .link-btn a:nth-of-type(1) img { width: 48px; }
header .link-btn a:nth-of-type(2) img { width: 28px; }

#visual { position:relative; height: calc(100vh - 118px); padding-top: 0; background-color: #f5f5f5;  overflow:hidden; }
#visual .visual-slide { position: absolute; bottom: 0; left:calc(50% - 360px); width: 720px; margin:0 auto;  }
#visual .swiper-slide img { height: 100vw; margin:0 auto;}
#visual .scroll-down { display: none; position: absolute; bottom: 0; left: 0; width: 80px; height: 240px; padding: 34px 34px 0; background: #fff; flex-wrap: wrap; flex-direction: column; justify-content: space-evenly; align-content:space-around; z-index: 9;}
#visual .scroll-down .scroll-btn { position: absolute; left: 0; bottom: 0; width: 80px; height: 240px; background:transparent; }
#visual .scroll-down .scroll-btn:after, #visual .scroll-down .scroll-btn:before { display: none; }

.section01 { padding: 100px 0; }
.section01 .section-inner { width: 100%; padding:0 48px; }
.section01 .section-inner h3 { width: 177px; margin:0 auto; }
.section01 .section-inner p { margin:28px auto 12px; color:#333; font-size: 60px; line-height: 82px; letter-spacing: -0.028em;}
.section01 .section-inner p span { font-size: 72px; margin-top: -8px; }
.section01 .section-inner small { font-size: 32px; line-height: 52px; letter-spacing: -0.048em;  }
.section01 .link-btn { display: flex; position: static; width: fit-content; margin: 40px auto 120px; flex-wrap: wrap; }
.section01 .link-btn a { display: flex; width: 234px; height: 80px; padding: 0 40px; box-sizing: border-box; border: 1px solid #eee; border-radius: 80px; align-items: center; }
.section01 .link-btn a:nth-of-type(2) { margin-left: 18px; }
.section01 .link-btn a:nth-of-type(1) img { width: 155px; height: auto; }
.section01 .link-btn a:nth-of-type(2) img { width: 118px; height: auto;  }

.section01 .slide-obj { position: absolute; top: -90px; right: 105px; width: 32.8%; max-width: 242px; z-index: 999;}
.swiper-pagination03 .swiper-pagination-bullet { width: 14px; height: 14px; margin-right: 0; background: #aaa; border-radius: 100%; text-align: center; }
.swiper-pagination03 .swiper-pagination-bullet:nth-of-type(2) { margin: 0 11px; }
.swiper-pagination03 .swiper-pagination-bullet-active { background: #ec1895; }

.section02 { height: fit-content; padding:100px 48px; background: url('../images/mo_section02_bg.png')no-repeat bottom center/contain; background-color: #852a79; }
.section02 .section-inner { position: relative; width: 100%; margin:0 auto; text-align: center;}
.section02 .section-inner h3 { width: 177px;}
.section02 .section-inner p { display: block; margin:28px auto 24px; font-size: 60px; line-height: 80px; letter-spacing: -0.028em; }
.section02 .section-inner p span { font-size: 72px; margin-top:-8px;  }
.section02 .section-inner small { font-size: 32px; line-height: 52px; font-weight: 400; letter-spacing: -0.048em; }

.ui-widget.ui-widget-content { margin:40px auto 0; }
.ui-tabs .ui-tabs-nav {margin:0 auto 60px; }
.ui-tabs .ui-tabs-nav li{ display: flex; background: transparent; width: fit-content; height: 80px; margin:0 auto; padding: 0 40px; border: 2px solid #fff; border-radius: 80px; align-items: center; }
.ui-tabs .ui-tabs-nav li:nth-of-type(2) { margin:0 18px; }
.ui-tabs .ui-tabs-nav li img { display: inline-block; width: 26px; margin-top: 1px; margin-right: 10px; vertical-align: text-top; }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { display :block; width: 100%; height: 100%; padding: 0; color: #fff; font-size: 30px; font-weight: bold;  line-height: 78px; letter-spacing: -0.028em; text-align: center; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { display: block; width: 100%; height: 100%; color: #ed028b; line-height: 78px; }

.section03 { position: relative; padding:82px 48px 246px; background: #ed028b;}
.section03 .section-inner { position: relative; width: 100%; margin:0 auto; text-align: center;}
.section03 .section-inner h3 { width: 177px; margin:0 auto; }
.section03 .section-inner p { display: block; margin:14px auto 6px; color:#fff; font-size: 60px; line-height: 80px; letter-spacing: -0.028em; }
.section03 .section-inner p span { font-weight: bold; font-size: 72px; margin-top:-8px; }
.section03 .section-inner small { display: block; margin-bottom: 25px; color: #fff; font-size: 32px; line-height: 60px; font-weight: 400; letter-spacing: -0.048em; }
  
.slide-title { position: relative; width: 100%; height: 222px; margin:0 auto 40px; padding: 34px 28px;  border-radius: 20px; }
.slide-title:after { content: ''; display: block; bottom: -16px; right: 56px; width: 30px; height: 16px; background: url('../images/box_detail.png')no-repeat; }
.slide-title img{ display: block; width: 140px; margin:0 auto 10px; }
.slide-title b { font-size: 32px; font-weight: bold; line-height: 48px;}

.section03 .list-logo { right: 28px; top: 38px; width: 170px; }
.section03 .manager { font-size: 28px; line-height: 48px; }
.section03 .manager span { font-size: 36px; }
.section03 .manager img { margin-right: 24px; width:96px; }

.section03 .location { position: absolute; bottom: 22px; left: 150px; color: #aaa; font-size: 24px; letter-spacing: -0.028em; line-height: 48px; }
.section03 .location img { display: inline-block; width: 25px; margin-right: 10px; vertical-align: text-bottom;}

.section-slide02 { position: relative; width: 100%; margin:0 auto; }
.section03 .mySwiper02 { height: 468px; overflow: hidden; }
.mySwiper02 .swiper-slide { position:relative; display: block; max-height: 140px; padding: 20px 28px; border-radius: 16px; }
.mySwiper02 .swiper-slide-active { opacity: 1; }
.section-slide02 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: calc(50% - 64px); top: auto; bottom: -115px; width: 64px;}
.section-slide02 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { left: calc(50% + 12px); top: auto; bottom: -115px; width: 64px;}

.section04 { position: relative; padding:100px 0 186px; background: #fff; overflow: hidden; }
.section04 .section-inner { position: relative; width: 100%; margin:0 auto; padding:0 48px; text-align: center;}
.section04 .section-inner h3 { width: 177px; margin:0 auto; }
.section04 .section-inner p { display: block; margin:28px auto 12px; color:#333; font-size: 60px; line-height: 80px; letter-spacing: -0.028em; }
.section04 .section-inner p span { display: block; font-weight: bold; font-size: 72px; margin-top:-8px; }
.section04 .section-inner small { display: block; margin-bottom: 33px; color: #888; font-size: 32px; line-height: 60px; font-weight: 400; letter-spacing: -0.048em; }

.section-slide03 { margin-left: 48px; }
.section04 .swiper-pagination-progressbar { width: calc(100% - 96px); }
}