/*탭메뉴1*/
.tabs {
	width: 100%;
	margin: 0 auto 8rem;
	display: flex;
	justify-content: center;
}
.tabs:after {content: ""; display: block; clear: both;}
.tabs li {
	width: 25%;
	text-align: center;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	line-height: 4rem;
	font-size: 1.25rem;
	font-weight: 300;
	color: #b7366d;
	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 {
	background: #b7366d; color: #fff;
}

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

.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%; max-width: 1200px; 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: 4rem auto;
	display: flex;
	justify-content:center;
}
.tabs2:after {content: ""; display: block; clear: both;}
.tabs2 li {
	width: 25%;
	text-align: center;
	line-height: 3rem;
	font-size: 1rem;
	color: #b7366d;
	letter-spacing: -1px;
	cursor: pointer;
	background: #fff;
	border: 1px solid #e7e7e7;
	-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;
}

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

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

ul.unit-tabs2 li {
	border: 1px solid #e7e7e7;
	color: #666;
}
.tabs2.unit-tabs2 li:nth-child(1):hover {
	background: #a7d282;
}
.tabs2.unit-tabs2 li:nth-child(2):hover {
	background: #f6af5f;
}
ul.unit-tabs2 li:nth-child(1).current {background: #a7d282;}
ul.unit-tabs2 li:nth-child(2).current {background: #f6af5f;}

ul.display-button {
	display:flex;
	justify-content:flex-end;
	margin-bottom: 2vw;
}
ul.display-button 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;
}