.main_title {margin-bottom: 30px;}
.main_title .title {font-size: 2em; font-weight: 500;}
.main_title .desc {font-size: 1em; font-weight: 300;}

#mainSec1 .mainBannerSwiper .swiper-slide {position: relative; overflow: hidden;}
#mainSec1 .mainBannerSwiper .swiper-slide img {width: 100%;}
#mainSec1 .mainBannerSwiper .swiper-slide img.ta,
#mainSec1 .mainBannerSwiper .swiper-slide img.mo {display: none;}
#mainSec1 .mainBannerSwiper .wrapper {position: absolute; height: 100%; top: 0; left: 50%; transform: translateX(-50%); z-index: 1;}
#mainSec1 .mainBannerSwiper .swiper_btn {color: #ff9900; border: 1px solid #ff9900; width: 110px; height: 110px; font-size: 1em; border-radius: 50%; transition: background .3s, color .3s;}
#mainSec1 .mainBannerSwiper .swiper_btn:hover {background: rgba(255, 144, 0, 0.5); border: 1px solid rgba(255, 144, 0, 0.5); color: #fff;}
#mainSec1 .mainBannerSwiper .swiper-button-prev {left: 100px;}
#mainSec1 .mainBannerSwiper .swiper-button-next {right: 100px;}
#mainSec1 .mainBannerSwiper .swiper-pagination {width: fit-content; left: 50%; transform: translateX(-50%); bottom: 30px; display: flex; column-gap: 100px;}
#mainSec1 .mainBannerSwiper .swiper-pagination::before {content: ""; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 1px; width: 100%; background: rgba(34, 34, 34, 0.5);}
#mainSec1 .mainBannerSwiper .swiper-pagination-bullet {width: 8px; height: 8px; background: #222; opacity: 1; margin: 0;}
#mainSec1 .mainBannerSwiper .swiper-pagination-bullet-active {background: #ff9900; position: relative;}
#mainSec1 .mainBannerSwiper .swiper-pagination-bullet-active::after {content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; border: 1px solid #ff9900; border-radius: 50%;}
#mainSec1 .swiper-button-next.swiper-button-disabled,
#mainSec1 .swiper-button-prev.swiper-button-disabled {visibility: hidden;}

#mainSec1 .brand_story_wrap {padding: 110px 20px; text-align: center;}
#mainSec1 .brand_story_wrap p {font-size: 1.3125em; line-height: 165%; margin-bottom: 50px;}
#mainSec1 .brand_story_wrap p .big {font-size: 1.8rem; font-weight: 500; line-height: 155%;}
#mainSec1 .brand_story_wrap p .huge {font-size: 2.5rem; font-weight: 700;}
#mainSec1 .brand_story_wrap p:has(.huge) {margin-bottom: 0;}

#mainSec2 .shop_box_wrap {display: flex; justify-content: space-between;}
#mainSec2 .shop_box {width: calc( (100% - 40px)/2 ); height: 940px; /* height: 0; padding-bottom: calc( (100% - 40px)/2 ); */ position: relative; overflow: hidden;}
#mainSec2 .shop_box.rt {background: url(https://innovad.co.kr/theme/innovad_v2/img/main/sec2_1.jpg) no-repeat center center; background-size: cover;}
#mainSec2 .shop_box.lt {background: url(https://innovad.co.kr/theme/innovad_v2/img/main/sec2_2.jpg) no-repeat center center; background-size: cover; text-align: right;}
#mainSec2 .shop_box .cate_btn {position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer;}
#mainSec2 .shop_box .category {position: absolute; height: 100%; display: flex; flex-direction: column; justify-content: center; background: rgba(34, 34, 34, 0.6); color: #fff; row-gap: 3%; padding: 80px 40px 40px 40px; width: 50%; transition: right .7s cubic-bezier(0.2, 0.575, 0.565, 1), left .7s cubic-bezier(0.2, 0.575, 0.565, 1); min-width: 400px;}
#mainSec2 .shop_box .category a {font-size: 2.3125em; font-weight: 100; transition: color .3s;}
#mainSec2 .shop_box .category .title a {font-weight: 300;}
#mainSec2 .shop_box .category .title {position: absolute; top: 80px; left: 40px;}
#mainSec2 .shop_box.lt .category .title {right: 40px;}
#mainSec2 .shop_box .category a:hover {color: #ff9900;}
#mainSec2 .shop_box.rt .cate_btn {right: 0;}
#mainSec2 .shop_box.lt .cate_btn {left: 0;}
#mainSec2 .shop_box.rt .category {right: -100%;}
#mainSec2 .shop_box.lt .category {left: -100%;}
#mainSec2 .shop_box.rt .category.show {right: 0;}
#mainSec2 .shop_box.lt .category.show {left: 0;}

#mainSec3 {padding: 140px 0 220px;}
#mainSec3 > .wrapper {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 150px 20px 120px; position: relative;}
#mainSec3 .flex {display: flex; justify-content: space-between;}
#mainSec3 .flex .lt {width: 40%;}
#mainSec3 .flex .lt p.curation_info {font-size: 1.3125em; margin: 60px 0;}
#mainSec3 .flex .lt .line_btn {margin: 0}
#mainSec3 .flex .rt {width: 60%;}
#mainSec3 .flex .swiper-slide {text-align: center; position: relative; height: 0; padding-bottom: 87%;}
#mainSec3 .flex .swiper-slide img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%;}
#mainSec3 .flex .swiper-pagination {top: auto; bottom: 0;}
#mainSec3 .swiper-pagination-progressbar {background: transparent; height: 1px;}
#mainSec3 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #222; height: 2px;}

#mainSec4 {padding-bottom: 380px;}
#mainSec4 .sec4_bg {height: 800px; background: url(https://innovad.co.kr/theme/innovad_v2/img/main/sec4.jpg) no-repeat center center; background-size: cover; display: flex; justify-content: center; align-items: flex-end;}
#mainSec4 .sec4_bg .txt_box {background: #fff; width: calc(100% - 40px); max-width: 1360px; text-align: center; padding-top: 35px; padding-bottom: 40px; transform: translateY(160px); box-shadow: 0 8px 24px rgba(34, 34, 34, 0.04);}
#mainSec4 .sec4_bg .txt_box .title {font-size: 1.625em;}
#mainSec4 .sec4_bg .txt_box .desc {font-size: 1.125em; margin: 35px 0 20px;}
#mainSec4 .sec4_bg .txt_box .sub {font-size: 1em;}
#mainSec4 .sec4_bg .txt_box .line_btn {margin-top: 25px; width: 180px;}

#mainSec5 {padding-bottom: 135px;}
#mainSec5 .swiper {position: relative;}
#mainSec5 .thumbBigSwiper {position: relative; width: 100%;}
#mainSec5 .thumbBigSwiper > .swiper-wrapper > .swiper-slide-active {width: 50% !important;}
#mainSec5 .thumbBigSwiper > .swiper-wrapper > .swiper-slide .designer_txt {display: none;}
#mainSec5 .thumbBigSwiper > .swiper-wrapper > .swiper-slide-active .designer_txt {display: block;}
#mainSec5 .thumbBigSwiper > .swiper-wrapper > .swiper-slide .thumb {position: relative; width: 100%; height: 0; padding-bottom: 633px; overflow: hidden; transition: opacity .3s;}
#mainSec5 .thumbBigSwiper > .swiper-wrapper > .swiper-slide-active .thumb {padding-bottom: 940px;}
#mainSec5 .thumbBigSwiper > .swiper-wrapper > .swiper-slide .thumb img {position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0;}
#mainSec5 .thumbBigSwiper > .swiper-wrapper > .swiper-slide.swiper-slide-active .thumb img {
  -webkit-animation-name: bigThumbAni; 
	animation-name: bigThumbAni; 
	animation-duration: 1s;
  animation-fill-mode: forwards;
}
@keyframes bigThumbAni {
  0% {
    opacity: 0.6;
    left: 100%;
  }
  
  100% {
    opacity: 1;
    left: 0;
  }
}
#mainSec5 .thumbBigSwiper .swiper-button-next {position: absolute; top: 50%; left: calc(50% - 55px); transform: translate(-50%, -50%); cursor: pointer; width: 110px; height: 110px;}
#mainSec5 .thumbSmSwiper {position: relative; overflow: hidden;}
#mainSec5 .thumbSmSwiper .swiper-slide .thumb {position: relative; width: 100%; height: 0; padding-bottom: 200%; overflow: hidden;}
#mainSec5 .thumbSmSwiper .swiper-slide .thumb img {position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0;}
#mainSec5 .designer_txt {padding: 65px 20px 50px 0; position: absolute; bottom: 0; width: calc(100% - 40px);  right: -100%;}
#mainSec5 .designer_txt .designer_name {font-size: 1.3125em; font-weight: 500;}
#mainSec5 .designer_txt .designer_birth {font-size: 1em; font-weight: 300; margin-top: 10px;}
#mainSec5 .designer_txt .designer_info {font-size: 1.125em; font-weight: 300; margin: 25px 0 40px;
white-space: normal;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
word-break: break-all;
}
#mainSec5 .designer_txt .detail_btn {font-size: 1.125em; font-weight: 500;}
#mainSec5 .swiper-pagination-progressbar {top: auto; left: calc(50% + 40px); width: 680px; bottom: 0; height: 1px; background: #ccc;}
#mainSec5 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #222; height: 2px; top: auto; bottom: 0;}
#mainSec5 .moPrdSwiper {display: none;}
#mainSec5 .moPrdSwiper .prd_thumb {width: 100%; height: auto; padding-bottom: 160%; position: relative;}
#mainSec5 .moPrdSwiper .prd_thumb::before {content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(34, 34, 34, 0.12); width: 100px; height: 100px; border-radius: 50%; opacity: 0; transition: all .3s ease-in-out, opacity 1s ease-in-out;}
#mainSec5 .moPrdSwiper .swiper-slide:hover .prd_thumb::before {opacity: 1; width: 100%; height: 100%; border-radius: 0;}
#mainSec5 .moPrdSwiper .prd_thumb img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: auto; max-width: 70%; max-height: 70%;}
#mainSec5 .moPrdSwiper .swiper-slide {border: 1px solid #ccc; box-sizing: border-box; margin-left: -1px;}

#mainSec6 {padding-bottom: 220px;}
#mainSec6 .prd_list ul {display: flex; flex-wrap: wrap; margin-top: -1px;}
#mainSec6 .prd_list li {width: calc(25% + 1px); border: 1px solid #ccc; box-sizing: border-box; margin-left: -1px;}
#mainSec6 .prd_list li .prd_thumb {width: 100%; height: auto; padding-bottom: 560px; position: relative;}
#mainSec6 .prd_list li .prd_thumb::before {content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(34, 34, 34, 0.12); width: 100px; height: 100px; border-radius: 50%; opacity: 0; transition: all .3s ease-in-out, opacity 1s ease-in-out;}
#mainSec6 .prd_list li:hover .prd_thumb::before {opacity: 1; width: 100%; height: 100%; border-radius: 0;}
#mainSec6 .prd_list li .prd_thumb img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: auto; max-width: 70%; max-height: 70%;}
#mainSec6 .prd_list li .prd_thumb .prd_icon_wrap {position: absolute; right: 15px; bottom: 15px; display: flex; align-items: center; column-gap: 15px; visibility: hidden; opacity: 0; transition: all .5s;}
#mainSec6 .prd_list li .prd_thumb .prd_icon_wrap i {font-size: 1.3125em; transition: opacity .3s;}
#mainSec6 .prd_list li:hover .prd_thumb .prd_icon_wrap {visibility: visible; opacity: 1;}
#mainSec6 .prd_list li .prd_thumb .prd_icon_wrap > div:hover i {opacity: .5;}
#mainSec6 .prd_list.more_prd_list {display: none;}

#mainSec7 {padding-bottom: 220px;}
#mainSec7 .contact_box {position: relative; height: 640px; padding-bottom: 65px; display: flex; justify-content: center; align-items: flex-end;}
#mainSec7 .contactBtn {font-size: 1.125em; padding: 20px 90px; background: rgba(34,34,34,0.6); color: #fff; transition: background .3s;}
#mainSec7 .contactBtn:hover {background: #222;}
#mainSec7 .contact_half {margin-top: 40px; display: flex; column-gap: 40px;}
#mainSec7 .contact_half .contact_box {height: 480px; width: 50%;}
#mainSec7 .contact_box1 {background: url(https://innovad.co.kr/theme/innovad_v2/img/main/sec7_1.jpg) no-repeat center center; background-size: cover}
#mainSec7 .contact_box2 {background: url(https://innovad.co.kr/theme/innovad_v2/img/main/sec7_2.jpg) no-repeat center center; background-size: cover}
#mainSec7 .contact_box3 {background: url(https://innovad.co.kr/theme/innovad_v2/img/main/sec7_3.jpg) no-repeat center center; background-size: cover}


@media screen and (max-width: 1440px) {
#mainSec1 .mainBannerSwiper .swiper-button-prev {left: 20px;}
#mainSec1 .mainBannerSwiper .swiper-button-next {right: 20px;}

#mainSec1 .brand_story_wrap p {font-size: 1.25em;}
#mainSec1 .brand_story_wrap p .big {font-size: 1.4rem;}

#mainSec5 .thumbBigSwiper > .swiper-wrapper > .swiper-slide .thumb {padding-bottom: 500px;}
#mainSec5 .thumbBigSwiper > .swiper-wrapper > .swiper-slide-active .thumb {padding-bottom: 780px;}
#mainSec5 .designer_txt .designer_info br {display: none;}
#mainSec5 .designer_txt {width: calc(100% - 20px);}
#mainSec5 .designer_txt .designer_name {font-size: 1.25em;}
#mainSec5 .designer_txt .designer_birth {font-size: 0.95em; margin-top: 10px;}
#mainSec5 .designer_txt .designer_info {font-size: 1.05em; margin: 20px 0 30px;}
#mainSec5 .designer_txt .detail_btn {font-size: 1.05em;}
#mainSec5 .swiper-pagination-progressbar {left: calc(50% + 20px); width: calc(50% - 40px);}
#mainSec5 .thumbBigSwiper .swiper-button-next {width: 80px; height: 80px; left: calc(50% - 40px);}

#mainSec6 .prd_list li .prd_thumb {padding-bottom: 160%;}
}


@media screen and (max-width: 1024px) {
#mainSec1 .mainBannerSwiper .swiper-pagination {column-gap: 80px;}
#mainSec1 .mainBannerSwiper .swiper-slide img.pc {display: none;}
#mainSec1 .mainBannerSwiper .swiper-slide img.ta {display: block;}

#mainSec1 .brand_story_wrap {padding: 20% 20px;}
#mainSec1 .brand_story_wrap p {font-size: 1.125em; margin-bottom: 6%;}
#mainSec1 .brand_story_wrap p .big {line-height: 145%;}

#mainSec2 .shop_box .cate_btn {width: 70px;}
#mainSec2 .shop_box {width: calc( (100% - 25px)/2 ); height: 500px;}
#mainSec2 .shop_box .category {padding: 80px 40px 40px; row-gap: 2.5%; min-width: 300px;}
#mainSec2 .shop_box .category a {font-size: 1.325em;}
#mainSec2 .shop_box .category .title {top: 40px;}

#mainSec3 {padding: 14% 0 22%;}
#mainSec3 > .wrapper {padding: 13% 0 12%; width: calc(100% - 40px);}
#mainSec3 .flex .lt p.curation_info {font-size: 1.25em; margin: 15% 0;}

#mainSec4 {padding-bottom: 45%;}
#mainSec4 .sec4_bg {height: 60vh;}
#mainSec4 .sec4_bg .txt_box {padding-top: 30px; padding-bottom: 35px; transform: translateY(75%);}
#mainSec4 .sec4_bg .txt_box .title {font-size: 1.5em;}
#mainSec4 .sec4_bg .txt_box .desc {font-size: 1.05em; margin: 20px 0 15px 0;}
#mainSec4 .sec4_bg .txt_box .sub {font-size: 0.9em;}
#mainSec4 .sec4_bg .txt_box .line_btn {width: 150px;}

#mainSec5 {padding-bottom: 15%;}
#mainSec5 .thumbBigSwiper > .swiper-wrapper > .swiper-slide .thumb {padding-bottom: 450px;}
#mainSec5 .thumbBigSwiper > .swiper-wrapper > .swiper-slide-active .thumb {padding-bottom: 730px;}
#mainSec5 .thumbBigSwiper .swiper-button-next {width: 60px; height: 60px; left: calc(50% - 30px);}

#mainSec6 {padding-bottom: 22%;}

#mainSec7 {padding-bottom: 20%;}
#mainSec7 .contact_box {height: 500px; padding-bottom: 40px;}
#mainSec7 .contact_half {margin-top: 20px; column-gap: 20px;}
#mainSec7 .contact_half .contact_box {height: 350px;}
#mainSec7 .contactBtn {font-size: 1.05em; padding: 15px 70px;}
}


@media screen and (max-width: 768px) {
#mainSec1 {padding-top: 61px;}
#mainSec1 .mainBannerSwiper .swiper_btn {width: 70px; height: 70px; font-size: 13px;}
#mainSec1 .mainBannerSwiper .swiper_btn span.arrow {display: none;}
#mainSec1 .mainBannerSwiper .swiper-pagination {column-gap: 50px;}
#mainSec1 .mainBannerSwiper .swiper-pagination-bullet {width: 7px; height: 7px;}
#mainSec1 .mainBannerSwiper .swiper-pagination-bullet-active::after {width: 15px; height: 15px;}

#mainSec1 .brand_story_wrap {padding: 20% 10% 25%;}
#mainSec1 .brand_story_wrap p br {display: none;}

#mainSec2 .shop_box .cate_btn {width: 55px;}
#mainSec2 .shop_box {width: calc( (100% - 20px)/2 ); height: 450px;}
#mainSec2 .shop_box .category {padding: 60px 25px 25px; row-gap: 3%; min-width: 230px;}
#mainSec2 .shop_box .category .title {left: 25px;}
#mainSec2 .shop_box.lt .category .title {right: 25px;}

.main_title .title {font-size: 32px;}
.main_title .desc {font-size: 16px;}

#mainSec3 {padding: 18% 0 25%;}
#mainSec3 > .wrapper {padding: 15% 0;}
#mainSec3 .flex .lt p.curation_info {font-size: 1.2em; margin: 18% 0;}

#mainSec4 {padding-bottom: calc(225px + 22%);}
#mainSec4 .sec4_bg {height: 40vh;}
#mainSec4 .sec4_bg .txt_box {padding-top: 22px; padding-bottom: 25px; transform: translateY(80%);}
#mainSec4 .sec4_bg .txt_box .title {font-size: 1.35em;}
#mainSec4 .sec4_bg .txt_box .desc {margin: 15px 0 10px;}
#mainSec4 .sec4_bg .txt_box .line_btn {width: 120px;}

#mainSec5 {padding-bottom: 30%;}
#mainSec5 .thumbBigSwiper > .swiper-wrapper > .swiper-slide .thumb {padding-bottom: 400px;}
#mainSec5 .thumbBigSwiper > .swiper-wrapper > .swiper-slide-active .thumb {padding-bottom: 650px;}
#mainSec5 .thumbBigSwiper .swiper-button-next {width: 55px; height: 55px; left: calc(50% - 27.5px);}
#mainSec5 .designer_txt {padding: 30px 20px 40px 0;}


#mainSec7 {padding-bottom: 25%;}
#mainSec7 .contact_box {height: 400px; padding-bottom: 30px;}
#mainSec7 .contact_half .contact_box {height: 300px;}
#mainSec7 .contactBtn {padding: 10px 50px;}

}

@media screen and (max-width: 540px) {
#mainSec1 {padding-top: 56px;}
#mainSec1 .mainBannerSwiper .swiper-slide img.ta {display: none;}
#mainSec1 .mainBannerSwiper .swiper-slide img.mo {display: block;}
#mainSec1 .mainBannerSwiper .swiper_btn {width: 45px; height: 45px; font-size: 10px;}
#mainSec1 .mainBannerSwiper .swiper-pagination {column-gap: 0;}
#mainSec1 .mainBannerSwiper .swiper-pagination-bullet {margin: 0 4.25vw; width: 6px; height: 6px;}
#mainSec1 .mainBannerSwiper .swiper-pagination-bullet:first-child {margin-left: 0;}
#mainSec1 .mainBannerSwiper .swiper-pagination-bullet:last-child {margin-right: 0;}
#mainSec1 .mainBannerSwiper .swiper-pagination-bullet-active::after {width: 12px; height: 12px;}

#mainSec1 .brand_story_wrap {padding: 25% 7% 30%;}
#mainSec1 .brand_story_wrap p {margin-bottom: 8%;}

#mainSec2 .shop_box_wrap {flex-direction: column; row-gap: 45px;}
#mainSec2 .shop_box {width: 100%; height: auto; padding-bottom: 100%; min-height: 500px;}

#mainSec2 .shop_box.lt {text-align: left;}
#mainSec2 .shop_box.lt .category {left: auto; right: -100%;}
#mainSec2 .shop_box.lt .category.show {left: auto; right: 0;}
#mainSec2 .shop_box.lt .cate_btn {left: auto; right: 0;}
#mainSec2 .shop_box.lt .cate_btn img {transform: rotate(180deg);}
#mainSec2 .shop_box .category .title {position: static; margin-bottom: 35px;}
#mainSec2 .shop_box .category {row-gap: 17px; padding: 20px;}
#mainSec2 .shop_box .category a {font-size: 18px;}

.main_title {margin-bottom: 25px;}
.main_title .title {font-size: 25px; margin-bottom: 5px;}
.main_title .desc {font-size: 14px;}

#mainSec3 {padding: 25% 0 30%;}
#mainSec3 > .wrapper {padding: 8% 0 10%;}
#mainSec3 .flex {flex-direction: column; justify-content: flex-start;}
#mainSec3 .flex .lt, #mainSec3 .flex .rt {width: 100%;}
#mainSec3 .flex .rt {margin-top: 18%;}
#mainSec3 .flex .lt p.curation_info {margin: 8% 0;}

#mainSec4 {padding-bottom: calc(270px + 30%);}
#mainSec4 .sec4_bg {height: 30vh;}
#mainSec4 .sec4_bg .txt_box {padding-top: 25px; padding-bottom: 30px; transform: translateY(100%); width: 100%;}
#mainSec4 .sec4_bg .txt_box .title {font-size: 1.5em;}
#mainSec4 .sec4_bg .txt_box .desc {font-size: 1.125em; margin: 17px 0 12px;}
#mainSec4 .sec4_bg .txt_box .sub {font-size: 1em;}
#mainSec4 .sec4_bg .txt_box .line_btn {width: 100px; margin-top: 20px;}

#mainSec5 {padding-bottom: 30%;}
#mainSec5 .thumbBigSwiper > .swiper-wrapper > .swiper-slide-active {width: 100% !important;}
#mainSec5 .thumbBigSwiper > .swiper-wrapper > .swiper-slide-active .thumb {padding-bottom: 100%;}
#mainSec5 .designer_txt {position: static; width: 100%; padding: 50px 20px;}
#mainSec5 .designer_txt .designer_name {font-size: 21px;}
#mainSec5 .designer_txt .designer_birth {font-size: 16px; margin-top: 10px;}
#mainSec5 .designer_txt .designer_info {font-size: 18px; margin: 20px 0 30px; -webkit-line-clamp: 3; line-height: 155%;}
#mainSec5 .designer_txt .detail_btn {font-size: 18px;}
#mainSec5 .swiper-pagination-progressbar {position: static; width: calc(100% - 40px); margin: 0 auto;}
#mainSec5 .thumbBigSwiper .swiper-button-next {left: auto; right: 0; transform: none; top: calc(50vw - 27.5px);}
#mainSec5 .moPrdSwiper {display: block; margin-bottom: 40px;}

#mainSec6 {display: none;}

#mainSec7 {padding-bottom: 30%;}
#mainSec7 .contact_half {flex-direction: column; row-gap: 20px; column-gap: 0; padding: 0;}
#mainSec7 .contact_box {height: 200px; padding-bottom: 20px;}
#mainSec7 .contact_half .contact_box {width: 100%; height: 200px;}
#mainSec7 .contactBtn {font-size: 1em; padding: 8px 40px;}
}

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

}