/*탭메뉴1*/
.tabs {
	width: 100%;
	margin: 0 auto 4rem;
	display: flex;
	justify-content: center;
}
.tabs:after {content: ""; display: block; clear: both;}
.tabs li {
	width: 15%;
	text-align: center;
	border-bottom: 1px solid #b9b9b9;
	line-height: 4rem;
	font-size: 1.25rem;
	font-weight: 300;
	color:  #b9b9b9;
	cursor: pointer;
	-webkit-transition: background .5s ease;
	-moz-transition: background .5s ease;
	-ms-transition: background .5s ease;
	-o-transition: background .5s ease;
	transition: background .5s ease;
}
.tabs li + li {
	margin-left: 10px;
}
.tabs li:hover {
	color: #152638;border-bottom: 2px solid #152638;font-weight: bold;
}

.tabs li a{display: block;line-height: 3rem;}
.tabs li.current  {
	color: #152638;
	border-bottom: 2px solid #152638;font-weight: bold;
}

.type-title {font-size: 1.8rem; color: #333; line-height: 2.4rem; text-align: center; font-weight: 500}
.paid-wrap {width: 100%; max-width: 1200px; font-size: .88rem; color: #888; line-height: 1.4rem; padding: 1rem 2rem; border: 1px solid #d1d1d1; margin: 1rem auto 4rem;}
.paid-wrap H3 {font-size: .88rem; color: #de2856; line-height: 1.4rem; display: inline-block; margin-right: 1rem;}
.paid-wrap H3.paid {color: #4372c1;}
.paid-wrap SPAN:before {content: ','; display: inline-block; margin-right: .3rem;}
.paid-wrap SPAN.none:before {content: none; display: inline-block; margin-right: 0rem;}


.tab-area{display: none;}
.tab-area.current{display: inherit; clear:both;}
.tab-area IMG {display: block;}

.tab-content{width: 100%;  margin: 0 auto; display: none;}
.tab-content.current{display: inherit; clear:both;}
.tab-content IMG {display: block;}

/*버튼2개일때*/
.tabs.tab-style2 li {width: 50%;}

ul.floor-tabs li {
	border: 1px solid #e7e7e7;
	color: #666;
}
.tabs2.floor-tabs li:nth-child(1):hover {
	background: #5fc2c7;
}
.tabs2.floor-tabs li:nth-child(2):hover {
	background: #ef7951;
}
.tabs2.floor-tabs li:nth-child(3):hover {
	background: #6abd79;
}
.tabs2.floor-tabs li:nth-child(4):hover {
	background: #ec6d74;
}
.tabs2.floor-tabs li:nth-child(5):hover {
	background: #a67fb8;
}
.tabs2.floor-tabs li:nth-child(6):hover {
	background: #a67fb8;
}
ul.floor-tabs li:nth-child(1).current {background: #5fc2c7;}
ul.floor-tabs li:nth-child(2).current {background: #ef7951;}
ul.floor-tabs li:nth-child(3).current {background: #6abd79;}
ul.floor-tabs li:nth-child(4).current {background: #ec6d74;}
ul.floor-tabs li:nth-child(5).current {background: #a67fb8;}
ul.floor-tabs li:nth-child(6).current {background: #a67fb8;}


/*탭메뉴2*/
.tabs2 {
	width: 100%;
	margin: 0 auto 4rem;
	display: flex;
	justify-content:center;
	gap:5px;
}
.tabs2:after {content: ""; display: block; clear: both;}
.tabs2 li {
	width: 10%;
	text-align: center;
	line-height: 3rem;
	font-size: 1rem;
	color: #fff;
	letter-spacing: -1px;
	cursor: pointer;
	background: #b9b9b9;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: background .5s ease;
	-moz-transition: background .5s ease;
	-ms-transition: background .5s ease;
	-o-transition: background .5s ease;
	transition: background .5s ease;
	border-radius: 50px;
}

.tabs2 li:hover {
	background: #821e51; color: #fff;
}
.tabs2 li.current {background: #821e51; color: #fff;}

.tabs2 li a{display: block;line-height: 3rem;}
.tabs2 li.current a {color: #fff;}

ul.partner li {
	color: #fff;
}
.tabs2.partner li:nth-child(1):hover {
	background:#E15A25;
}
.tabs2.partner li:nth-child(2):hover {
	background: #DF1F22;
}
.tabs2.partner li:nth-child(3):hover {
	background: #3C1D46;
}
ul.partner li:nth-child(1).current {background: #E15A25;}
ul.partner li:nth-child(2).current {background: #DF1F22;}
ul.partner li:nth-child(3).current {background: #3C1D46;}

ul.unit-tab {
	width: 100%;
	margin: auto;
	display: flex;
	justify-content: flex-end;
	padding: 0 0 2rem;
	flex-wrap:wrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: 300;
}
ul.unit-tab li {
	display:flex;
	width: 20%;
	justify-content:center;
	align-items:center;
	height: 5vh;
	padding: 0 15px;
	background: #c2a772;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}

@media screen and (max-width: 991px){
	.tabs li {
		width: 20%;
    line-height: 3rem;
    font-size: 4vw;
	}
	.tabs2 li {
		width: 20%;
	}
}