@charset "utf-8";

/* ------------------- 메인비주얼 */

.mainVisual {width:100%; position:relative; height:410px; transition:0.28s;
	background-image: url(/images/main/mv01.jpg);background-repeat: no-repeat;background-position: center center;background-size: contain;
}

.mvDesc {position:absolute; left:0; bottom:112px;}
.mvDesc h2 {color:#fff; font-size:var(--font-size_36); font-weight:var(--font-eb); line-height:1.3em;}

@media screen and (max-width: 1920px){
	.mainVisual{background-size: cover;}
}

@media (max-width:1279px){ /* 노트북까지 */
	.mainVisual{background-position: left -270px top 0;}
}

@media (max-width: 1023px) { /* 모바일,테블릿까지 */

	.mainVisual {height:215px; background:url(/images/main/mv01_mo.jpg) no-repeat center / cover;}
	.mvDesc {bottom:48px;}
	.mvDesc h2 {font-size:24px; }
}

.mainSchMo {display:none;}


/*mainSection01*/

.mainCateList {display:flex;}
.mainCateList li {width:calc((100% - 14px*9)/10); margin-right:14px; border-radius:15px; overflow:hidden;}
.mainCateList li:last-child {margin-right:0;}
.mainCateList li figure img {display:block; width:100%;}
.ms01cateName {font-size:16px; font-weight:var(--font-r); text-align:center; margin-top:15px;}

@media screen and (max-width:1279px){
	.mainCateList {flex-wrap:wrap;} 
	.mainCateList li {width:calc((100% - 15px*5)/6); margin-right:15px; border-radius:15px; overflow:hidden;}
	.mainCateList li:nth-of-type(6n) {margin-right:0;}
	.mainCateList li:nth-of-type(n+7) {margin-top:15px;}
	.ms01cateName { margin-top:10px;}
}

@media (max-width: 767px) { /* 모바일기기전용 */

	.mainCateList li {width:calc((100% - 8px*3)/4); margin-right:8px;}
	.mainCateList li:nth-of-type(4n) {margin-right:0;}
	.mainCateList li:nth-of-type(6) {margin-right:8px;}
	.mainCateList li:nth-of-type(n+5) {margin-top:15px;}
	.mainCateList li:nth-of-type(10) {margin-right:8px;}
}

/*mainSection02*/

.ms02Swip .swiper-wrapper .swiper-slide figure img {width:100%;}
.ms02Swip .swiper-wrapper .swiper-slide {background:#f4f5f6; border-radius:15px; overflow:hidden;  padding:10px 0 20px;}
.ms02tit {font-size:16px; font-weight:var(--font-sb); text-align:center; margin-top:17px;}

/*mainSection03*/



.ms03Cate {position:absolute; top:9px; right:9px; width:70px; height:50px; text-align:Center; line-height:50px; border-radius:15px; background:#00d4fa; color:#fff; font-size:var(--font-size_11); font-weight:var(--font-m);}
.ms03TitBox {display:flex; gap:8px; padding:4px 0 8px 0px;}

.ms03Tit {font-size:var(--font-size_17); font-weight:var(--font-b);}
.ms03Num {font-size:var(--font-size_15); font-weight:var(--font-b); color:#ff0000; display:block;}
.ms03Desc { color: var(--color-gray);  /*width: 300px;*/overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-break: keep-all; line-height:1.6em;}
.navi_box02 {height:40px; margin:0 auto;justify-content: space-between; position: absolute;top: 37%; width: 100%;  left: 50%;transform: translate(-50%, -50%);z-index: 20; display:flex;}

/*mainSection05*/
.ms05Info {width:100%; height:100%; background:url(/images/main/ms05Info__bg.jpg) no-repeat center / cover; padding:42px 42px; border-radius:15px;}
.ms05TitBox {text-align:center;}
.ms05Tit {font-size:var(--font-size_34);  font-weight:var(--font-eb); color:#fff; line-height:1.23em; }
.ms05txt {font-size:var(--font-size_17);  font-weight:var(--font-sb); color:#fff; margin-top:18px;}
.ms04Btn {display:inline-block;font-size:var(--font-size_16);  font-weight:var(--font-b); color:#fff;  background:#07afcd; padding:15px 27px; border-radius:5px; margin-top:40px;}
.ms05List {display:flex; margin-top:25px;}
.ms05List li {width:calc((100% - 26px*2)/3); margin-right:26px; padding:25px 29px; border-radius:15px;box-sizing:border-box;}
.ms05List li:nth-of-type(1) {background:#ddf7fb;}
.ms05List li:nth-of-type(2) {background:#d9faf5;}
.ms05List li:nth-of-type(3) {margin-right:0; background:#fff6d9;}

.ms05Content {display:flex; align-items:center; gap:14px;}
.ms05Content span {font-size:var(--font-size_18); font-weight:var(--font-b);}
.ms05Content span b {color:#718c88; font-size:var(--font-size_14); font-weight:var(--font-m);}
.ms05Content h3 {font-size:var(--font-size_26); font-weight:var(--font-b); margin-top:18px;}

.ms05List li:nth-of-type(1) .ms05Content h3 {color:var(--color-basic-b);}
.ms05List li:nth-of-type(2) .ms05Content h3 {color:#00a78e;}
.ms05List li:nth-of-type(3) .ms05Content h3 {color:#e78200;}

@media screen and (max-width:1380px){
	.ms05List li {padding:20px 10px;}
}

@media screen and (max-width:1180px){
	.ms05List li {width:calc((100% - 13px*2)/3); margin-right:13px;}
	.ms05Content h3 {font-size:18px;}
}

@media screen and (max-width:1023px){
	.ms05TitBox {text-align:left;}
	.ms04Btn {margin-top:20px;}
	.ms05List {flex-wrap:wrap;  gap: 20px;}
	.ms05List li {width:100%; margin-right:0px; max-width:500px; margin:0 auto; padding:20px;}
	.ms05List li:nth-of-type(3) {margin-right:auto;}
}

@media (max-width: 767px) { /* 모바일기기전용 */
	.ms03Cate {position:absolute; top:4px; right:9px; width:70px; height:35px; line-height:35px; border-radius:10px;}
	.ms05Tit {font-size:20px;}
	.ms05Info {background:url(/images/main/ms05Info__bg_mo.jpg) no-repeat center / cover; padding:28px 21px; border-radius:15px;}
	.ms05Content span {font-size:14px;}
	.ms05Content h3 {font-size:19px;}
}

/* 메인카테고리 슬라이드 */
.mainSec02 {position:relative;}
.mainSec02 .swiper {
	.mainSec02 .swiper-button-prev,
	.mainSec02 .swiper-button-next {
	  position:static;
	  margin-top:0;
	}
}

.swiper-button-next.ms02_next {background: url(/images/icon/ms02_right_arr.png) no-repeat center / cover; width:40px; height:40px; right:-20px;  box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.1); border-radius:50%; overflow:hidden;}
.swiper-button-prev.ms02_prev {background: url(/images/icon/ms02_left_arr.png) no-repeat center / cover; width:40px; height:40px; left:-20px;  box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.1); border-radius:50%; overflow:hidden;}
.swiper-button-next::after,.swiper-button-prev::after {display: none;}

.mainSec02 .navigation-wrapper {
	width:100%;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	position:absolute;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:70;
}

/* 메인신규업체 슬라이드 */
.mainSec03 {position:relative;}

.mainSec03 .swiper {
	.mainSec03 .swiper-button-prev,
	.mainSec03 .swiper-button-next {
	  position:static;
	  margin-top:0;
	}
}

.swiper-button-next.ms03_next {background: url(/images/icon/ms02_right_arr.png) no-repeat center / cover; width:40px; height:40px; right:-20px;  box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.1); border-radius:50%; overflow:hidden;}
.swiper-button-prev.ms03_prev {background: url(/images/icon/ms02_left_arr.png) no-repeat center / cover; width:40px; height:40px; left:-20px;  box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.1); border-radius:50%; overflow:hidden;}
.swiper-button-next::after,.swiper-button-prev::after {display: none;}

.mainSec03 .navigation-wrapper {
	width:100%;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:70;
}

@media (max-width: 767px) { /* 모바일기기전용 */

	.mainSec03 .navigation-wrapper {
		top:53%;
	}

}