@charset "UTF-8";

@import
	url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,500,700&subset=korean")
	;

#header .inner .gnb>ul:after, #mainmenu .ham_menu>li>div:after,
	.inline_form .input_row:after, .apt_set:after, .schedule_wrap .schedule_content .month_set:after,
	[class^="info_sec"]:after, [class^="info_sec"] .inner:after, .tab_wrap .tab_list:after,
	.reservation .process ol:after, .overlay_calendar .calendar_wrap:after,
	.overlay_calendar .time .time_list li:after, .agree_info:after,
	.custom_info .info_sec-btn:after, .custom_info .info_sec-btn .inner:after,
	.custom_info .info_list-sale:after, .privacy .tab_area:after,
	.design_development:after, .design .inner .info_list:after, .brand .desc_bi:after,
	.news_view article:after, .news_view .wrap_btn-view:after {
	content: "";
	display: block;
	clear: both;
}

#mainmenu .ham_menu>li, .swiper-wrapper, .swiper-zoom-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

#mainmenu .ham_menu>li {
	-webkit-box-pack: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

/* Swiper */
.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
	float: left;
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.swiper-invisible-blank-slide {
	visibility: hidden;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide
	{
	height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height, -webkit-transform;
	transition-property: height, -webkit-transform;
	-o-transition-property: transform, height;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform;
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide,
	.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left,
	.swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top,
	.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left,
	.swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top
	{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)),
		to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5),
		rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5),
		rgba(0, 0, 0, 0));
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5),
		rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)),
		to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5),
		rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5),
		rgba(0, 0, 0, 0));
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5),
		rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)),
		to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5),
		rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5),
		rgba(0, 0, 0, 0));
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5),
		rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)),
		to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5),
		rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5),
		rgba(0, 0, 0, 0));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5),
		rgba(0, 0, 0, 0));
}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper
	{
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper
	{
	-ms-touch-action: pan-x;
	touch-action: pan-x;
}

.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled
	{
	opacity: .35;
	cursor: auto;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image:
		url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image:
		url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto;
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white
	{
	background-image:
		url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white
	{
	background-image:
		url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black
	{
	background-image:
		url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black
	{
	background-image:
		url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s opacity;
	-o-transition: .3s opacity;
	transition: .3s opacity;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%;
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transform: scale(0.33);
	-ms-transform: scale(0.33);
	transform: scale(0.33);
	position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev
	{
	-webkit-transform: scale(0.66);
	-ms-transform: scale(0.66);
	transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev
	{
	-webkit-transform: scale(0.33);
	-ms-transform: scale(0.33);
	transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next
	{
	-webkit-transform: scale(0.66);
	-ms-transform: scale(0.66);
	transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next
	{
	-webkit-transform: scale(0.33);
	-ms-transform: scale(0.33);
	transform: scale(0.33);
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2;
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #000;
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet
	{
	margin: 6px 0;
	display: block;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
	{
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8px;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet
	{
	display: inline-block;
	-webkit-transition: .2s top, .2s -webkit-transform;
	transition: .2s top, .2s -webkit-transform;
	-o-transition: .2s transform, .2s top;
	transition: .2s transform, .2s top;
	transition: .2s transform, .2s top, .2s -webkit-transform;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet
	{
	margin: 0 4px;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
	{
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet
	{
	-webkit-transition: .2s left, .2s -webkit-transform;
	transition: .2s left, .2s -webkit-transform;
	-o-transition: .2s transform, .2s left;
	transition: .2s transform, .2s left;
	transition: .2s transform, .2s left, .2s -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet
	{
	-webkit-transition: .2s right, .2s -webkit-transform;
	transition: .2s right, .2s -webkit-transform;
	-o-transition: .2s transform, .2s right;
	transition: .2s transform, .2s right;
	transition: .2s transform, .2s right, .2s -webkit-transform;
}

.swiper-pagination-progressbar {
	background: rgba(0, 0, 0, 0.25);
	position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill
	{
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progressbar {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0;
}

.swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
	background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill
	{
	background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
	background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill
	{
	background: #000;
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%;
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%;
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	left: 0;
	top: 0;
}

.swiper-scrollbar-cursor-drag {
	cursor: move;
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}

.swiper-zoom-container>canvas, .swiper-zoom-container>img,
	.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

.swiper-slide-zoomed {
	cursor: move;
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background-image:
		url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
	background-image:
		url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin { 100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

}
@keyframes swiper-preloader-spin { 100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

}
.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active
	{
	pointer-events: auto;
}

.swiper-container-cube {
	overflow: visible;
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active
	{
	pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next,
	.swiper-container-cube .swiper-slide-next+.swiper-slide,
	.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom,
	.swiper-container-cube .swiper-slide-shadow-left,
	.swiper-container-cube .swiper-slide-shadow-right,
	.swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0;
}

.swiper-container-flip {
	overflow: visible;
}

.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active
	{
	pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom,
	.swiper-container-flip .swiper-slide-shadow-left,
	.swiper-container-flip .swiper-slide-shadow-right,
	.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective: 1200px;
}

.swip-pagination.count {
	position: absolute;
	width: 101px;
	height: 36px;
	left: 50%;
	margin-left: -60px;
	bottom: 48px;
	background-color: #0b0d0f;
	border-radius: 100px;
	text-align: left;
	padding-left: 25px;
	font-size: 16px;
	line-height: 38px;
	color: #ccc;
	z-index: 9;
	opacity: .6;
}

.swip-pagination.count .swiper-pagination-current {
	color: #fff;
}

.swip-pagination.count .swiper-pagination-bullet {
	width: 16px;
	height: 16px;
	opacity: 1;
	background-color: rgba(255, 255, 255, 0.6);
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
}

.swip-pagination.count .swiper-pagination-bullet-active {
	background-color: white;
}

.swipe-control {
	position: absolute;
	width: 101px;
	left: 50%;
	margin-left: -52px;
	padding-right: 20px;
	bottom: 58px;
	z-index: 9;
	text-align: right;
}

.swipe-control .btn_control {
	display: block;
	width: 18px;
	height: 18px;
}

.swipe-control .btn_control a {
	display: block;
	width: 100%;
	height: 100%;
}

*, *:before, *:after {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-family: 'Helvetica', 'Noto Sans KR', 'Malgun Gothic',
		'AppleSDGothicNeo', sans-serif;
	font-weight: 300;
}

body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, img, figure {
	margin: 0;
	padding: 0;
}

a {
	color: inherit;
	text-decoration: none;
}

img {
	border: 0;
}

ol, ul {
	list-style: none;
}

table {
	border: 0;
	border-spacing: 0;
}

caption, hr {
	height: 1px;
	border: 0;
	background: #D9D9D9;
}

ins {
	text-decoration: none;
}

header, section, article {
	display: block;
}

html {
	height: 100%;
}

body {
	min-width: 1240px;
	font-size: 16px;
}

img, [class^="ico_"] {
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
}

.hidden, .skipnavigation, .content_toggled {
	display: none;
}

.noflow {
	overflow: hidden;
	height: 100%;
	margin-left: -17px\9;
}

@media screen and (-ms-high-contrast: active) , ( -ms-high-contrast :
	none) {
	.noflow {
		margin-left: -17px;
	}
}

.noflow #wrap {
	height: 100%;
}

/* Accessibility */
.a11y_sr-only {
	position: absolute;
	left: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* 181130 타이틀 배경 추가 | 181214 modify s */
#wrap {
	/* 181217 수정 */
	
}

#wrap.brand #header {
	background: url("/resources/images/user/content/bg_brand.jpg") no-repeat top center/cover;
}

#wrap.design #header {
	background: url("/resources/images/user/content/bg_design.jpg") no-repeat top center/cover;
}

#wrap.presale #header {
	background: url("/resources/images/user/content/bg_presale.jpg") no-repeat top center/cover;
}

#wrap.cs #header {
	background: url("/resources/images/user/content/bg_cs.jpg") no-repeat
		top center/cover;
}

#wrap.reserve #header {
	background: url("/resources/images/user/content/bg_cs.jpg") no-repeat
		top center/cover;
}

#wrap.policy #header {
	background: #000;
}

#wrap.complex #header {
	background: url("/resources/images/user/content/bg_complex.jpg") no-repeat top center/cover;
}

/* //181130 타이틀 배경 추가 | 181214 modify e */
#breadcrumb>.inner, #container>.inner {
	max-width: 1040px;
	margin: 0 auto;
	padding: 0 30px;
}

/* 181130 간격 수정 s */
#header {
	position: relative;
	height: 420px;
	background: #1A1818;
	color: #FFF;
}

#header .inner {
	background: transparent;
	transition: background .3s;
}

#header .inner:after {
	content: '';
	display: block;
	width: 100%;
	height: 68px;
	background: transparent;
	margin-top: -61px;
	transition: background .3s;
}

#header .inner h1 {
	position: absolute;
	top: 0;
	right: 0;
	width: 212px;
	padding: 40px 60px 41px 0;
}

#header .inner h1 img {
	width: 100%;
}

/* 190211 수정 s */
.page_title {
	position: relative;
	width: 100%;
	height:0px;
	bottom: 138px;
	text-align: center;
	font-size: 50px;
	font-weight: 500;
	line-height: 84px;
	text-transform: uppercase;
	color: #fff;
}
/* 190211 수정 e */
#header .inner .gnb {
	width: 1000px;
	margin: 0 auto;
	padding-top: 70px;
}

@media all and (max-width: 1400px) {
	#header .inner .gnb {
		width: 800px;
	}
}

#header .inner .gnb>ul>li {
	float: left;
	width: 20%;
	text-align: center;
	padding-bottom: 125px;
}

#header .inner .gnb>ul>li>a {
	display: block;
	padding: 5px 0;
	font-size: 24px;
	font-weight: 500;
	color: #fff;
	line-height: 1.2;
}

#header .inner .gnb>ul>li ul.depth2 {
	display: none;
	position: absolute;
	width: 1000px;
	top: 190px;
	left: 50%;
	margin-left: -435px;
	text-align: left;
}

@media all and (max-width: 1400px) {
	#header .inner .gnb>ul>li ul.depth2 {
		width: 800px;
		margin-left: -350px;
	}
}

#header .inner .gnb>ul>li ul.depth2 li {
	display: inline-block;
	margin-right: 60px;
}

@media all and (max-width: 1400px) {
	#header .inner .gnb>ul>li ul.depth2 li {
		margin-right: 40px;
	}
}

/* 190211 수정 s */
#header .inner .gnb>ul>li ul.depth2 li a {
	font-size: 18px;
	font-weight: 500;
	color: #CACACA;
}

#header .inner .gnb>ul>li ul.depth2.current a:hover, #header .inner .gnb>ul>li ul.depth2.current a:focus,
	#header .inner .gnb>ul>li ul.depth2.current .active a {
	color: #fff;
	font-weight: 500;
	text-decoration: underline;
}
/* 190211 수정 e */
#header .inner .gnb>ul>li>a:hover+ul.depth2, #header .inner .gnb>ul>li>a:focus+ul.depth2,
	#header .inner .gnb>ul>li ul.depth2.current {
	display: block;
}

#header.active .inner {
	height: 240px;
	background: #fff;
	transition: background .3s;
}

#header.active .inner:after {
	content: '';
	background: #000;
	transition: background .3s;
}

#header.active .inner .gnb>ul>li a {
	color: #000;
}

#header.active .inner .gnb>ul>li a.active {
	color: #ae1857;
}

#header.active .inner .gnb>ul>li.active>a, #header.active .inner .gnb>ul>li>a:hover,
	#header.active .inner .gnb>ul>li>a:focus {
	color: #ae1857;
}

#header.active .mainmenu_trigger button {
	border-color: #000;
}

#header.active .mainmenu_trigger button span {
	/* 181130 헤더타입 추가에 따른 수정 s */
	position: relative;
	display: block;
	margin: 8px 0;
	/* //181130 헤더타입 추가에 따른 수정 e */
}

#header.active .mainmenu_trigger button span, #header.active .mainmenu_trigger button span:before,
	#header.active .mainmenu_trigger button span:after {
	width: 24px;
	height: 2px;
	background-color: #000;
}

#header.active .mainmenu_trigger button span:before, #header.active .mainmenu_trigger button span:after
	{
	content: '';
	position: absolute;
	left: 0;
}

#header.active .mainmenu_trigger button span:before {
	top: -8px;
}

#header.active .mainmenu_trigger button span:after {
	top: 8px;
}

#header .mainmenu_trigger {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	padding: 62px 60px;
}

#header .mainmenu_trigger button {
	border: 1px solid #fff;
	padding: 14px 11px;
	background: transparent;
}

#header .mainmenu_trigger button span {
	font-size: 0;
	position: relative;
	display: block;
	margin: 8px 0;
}

#header .mainmenu_trigger button span, #header .mainmenu_trigger button span:before,
	#header .mainmenu_trigger button span:after {
	width: 24px;
	height: 2px;
	background-color: #fff;
}

#header .mainmenu_trigger button span:before, #header .mainmenu_trigger button span:after
	{
	content: '';
	position: absolute;
	left: 0;
}

#header .mainmenu_trigger button span:before {
	top: -8px;
}

#header .mainmenu_trigger button span:after {
	top: 8px;
}

/* //181130 간격 수정 e */
/* 181130 헤더타입 추가 s */
#header.simple {
	border-bottom: 1px solid #d8d8d8;
	background: #fff;
	height: 172px;
}

#header.simple .inner .gnb>ul>li>a {
	color: #000;
}

#header.simple .mainmenu_trigger button {
	border-color: #000;
}

#header.simple .mainmenu_trigger button span, #header.simple .mainmenu_trigger button span:before,
	#header.simple .mainmenu_trigger button span:after {
	background-color: #000;
}

/* //181130 헤더타입 추가 e */
#mainmenu {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background: #1c1a1b;
	color: #FFF;
}

#mainmenu.active {
	display:block;
}

#mainmenu .inner {
	position: relative;
}

#mainmenu .inner .close_overlay {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	padding: 14px 32px;
}

#mainmenu .inner .close_overlay button {
	border: 0;
	background: transparent;
}

#mainmenu .inner .close_overlay button span {
	font-size: 0;
	position: relative;
	display: inline-block;
	width: 64px;
	height: 64px;
}

#mainmenu .inner .close_overlay button span:before, #mainmenu .inner .close_overlay button span:after
	{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 55px;
	height: 2px;
	background-color: #FFF;
}

#mainmenu .inner .close_overlay button span:before {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}

#mainmenu .inner .close_overlay button span:after {
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
	-moz-transform: translate(-50%, -50%) rotate(135deg);
	-o-transform: translate(-50%, -50%) rotate(135deg);
	-ms-transform: translate(-50%, -50%) rotate(135deg);
	transform: translate(-50%, -50%) rotate(135deg);
}

#mainmenu .ham_menu>li {
	height: 20vh;
	border-top: 1px solid #504c4e;
}

#mainmenu .ham_menu>li:first-child {
	border-top-width: 0;
}

#mainmenu .ham_menu>li>div {
	width: 1034px;
	min-width: 980px;
	margin: 0 auto;
}

#mainmenu .ham_menu>li>div * {
	float: left;
}

#mainmenu .ham_menu>li>div>a {
	width: 200px;
	font-size: 38px;
	font-weight: 500;
}

#mainmenu .ham_menu>li>div>a.active {
	color:#fff;
}

#mainmenu .ham_menu>li>div .depth2 {
	margin-top: 15px;
}

#mainmenu .ham_menu>li>div .depth2>li {
	position: relative;
	margin-left: 80px;
	line-height: 24px;
}

#mainmenu .ham_menu>li>div .depth2>li:first-child {
	margin-left: 105px;
}

#mainmenu .ham_menu>li>div .depth2>li .depth3 {
	clear: left;
	width: 470px;
	margin-top: 15px;
}

#mainmenu .ham_menu>li>div .depth2>li .depth3 li {
	margin-right: 40px;
}

#mainmenu .ham_menu>li>div.exception .depth2>li {
	margin-left: 40px;
}

#mainmenu .ham_menu>li>div.exception .depth2>li:first-child {
	margin-left: 105px;
}

#mainmenu .ham_menu li a {
	color: #9f999b;
}


#mainmenu .ham_menu li a:hover, #mainmenu .ham_menu li a:focus,
	#mainmenu .ham_menu li.active>div>a {
	color: #fff;
}

#breadcrumb {
	height: 60px;
	border-bottom: 1px solid #D8D8D8;
	margin-bottom: 50px;
}



#breadcrumb a {
	display: inline-block;
	height: 60px;
	line-height: 60px;
	font-weight: 500;
}

#breadcrumb a:after {
	content: ">";
	margin: 0 32px;
}

#breadcrumb a:first-child {
	display: inline-block;
	width: 60px;
	margin-right: 40px;
	border-left: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
	text-align: center;
}

#breadcrumb a:first-child:after {
	display: none;
}

#breadcrumb span.now {
	color: #ae1857;
	font-weight: 500;
}

#container .content_title {
	font-size:40px;
	margin:0 20px 39px;
	font-weight:400;
}
#container .sub_title {
	margin: 40px 0 24px;
	font-size: 28px;
	font-weight: 500;
}

#container .inner>section {
	margin: 0 auto 38px;
}

#container .inner>section.small {
	margin-top:110px;
	max-width: 580px;
}

/* 181130 footer 스타일 수정 s */
#footer {
	margin-top: 200px;
	padding: 80px 0;
	border-top: 1px solid #CCC;
	background: #575756;
	color: #9F999B;
	font-size: 14px;
}

#footer .inner {
	position: relative;
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 30px;
	overflow: hidden;
	color: #FFF;
}

#footer .inner h1 {
	float: left;
	width: 152px;
	margin-right: 72px;
}

#footer .inner h1 img {
	width: 100%;
}

#footer .inner .policies {
	padding-top: 4px;
}

#footer .inner .policies li {
	display: inline-block;
}

#footer .inner .policies li a {
	font-weight: 700;
}

#footer .inner .policies li:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: 0 12px;
	background: #aaa;
}

#footer .inner address {
	margin: 20px 0 5px;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
}

#footer .inner address p {
	margin-top: 4px;
}

#footer .inner address p span:before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 10px;
	margin: 0 10px;
	background: #555;
	vertical-align: middle;
}

#footer .inner .copy {
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: -150px;
	font-weight: 500;
}

/* //181130 footer 스타일 수정 e */
/* 181130 top 버튼 추가 s */
.gotop {
	position: fixed;
	bottom: 40px;
	right: 56px;
	display: none;
}

.gotop #gotoTop {
	display: block;
	width: 60px;
	height: 60px;
	padding-top: 14px;
	background: #000;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -1px;
}

.gotop #gotoTop i {
	margin: 0 auto 5px;
	position: relative;
	display: block;
	width: 24px;
	height: 10px;
	overflow: hidden;
}

.gotop #gotoTop i:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 12px;
	-webkit-transform: translate(-50%, -50%) scale(1, 0.833333)
		rotate(45deg);
	-moz-transform: translate(-50%, -50%) scale(1, 0.833333) rotate(45deg);
	-o-transform: translate(-50%, -50%) scale(1, 0.833333) rotate(45deg);
	-ms-transform: translate(-50%, -50%) scale(1, 0.833333) rotate(45deg);
	transform: translate(-50%, -50%) scale(1, 0.833333) rotate(45deg);
	margin-top: 4px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 0;
	border-bottom: 0;
}

.gotop.active {
	display: block;
}

/* // 181130 top 버튼 추가 e */
[role="dialog"] {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
}

[role="dialog"] [class^='contents'] {
	position: relative;
	z-index: 102;
	overflow-y: auto;
	background: #fff;
	margin: 0 auto;
	padding: 40px;
	width: 780px;
}

[role="dialog"] [class^='contents'] [class$="_closer"] {
	position: absolute;
	top: 35px;
	right: 35px;
}

[role="dialog"] [class^='contents'] [class$="_closer"] button {
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	position: relative;
	display: inline-block;
	width: 40px;
	height: 40px;
}

[role="dialog"] [class^='contents'] [class$="_closer"] button:before, [role="dialog"] [class^='contents'] [class$="_closer"] button:after
	{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 32px;
	height: 2px;
	background-color: #000;
}

[role="dialog"] [class^='contents'] [class$="_closer"] button:before {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}

[role="dialog"] [class^='contents'] [class$="_closer"] button:after {
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
	-moz-transform: translate(-50%, -50%) rotate(135deg);
	-o-transform: translate(-50%, -50%) rotate(135deg);
	-ms-transform: translate(-50%, -50%) rotate(135deg);
	transform: translate(-50%, -50%) rotate(135deg);
}

[role="dialog"] [class^='contents'] .pop_header {
	margin-bottom: 40px;
	padding-bottom: 24px;
	border-bottom: 1px solid #000;
	/* 181130 타이틀 폰트 두께 수정 s */
	/* //181130 타이틀 폰트 두께 수정 e */
}

[role="dialog"] [class^='contents'] .pop_header .pop_title {
	font-weight: 500;
}

[role="dialog"] [class^='contents'] .msg_info {
	margin-bottom: 40px;
	font-size: 16px;
}

[role="dialog"] [class^='contents'] .wrap_btn {
	margin-top: 60px;
}

[role="dialog"] [class^='contents'] .wrap_btn [class^="btn_"][class$="-large"]
	{
	min-width: 180px;
}

.btn_accept-large, .btn_default-large {
	min-width: 180px;
	height: 56px;
    line-height: 54px;
    font-size: 20px;
    font-weight: 500;
    cursor:pointer;
}

[role="dialog"] [class^='contents'].small {
	width: 580px;
}

[role="dialog"] [class^='contents'] .small_label label {
	min-width: 6.9em;
}

form, fieldset, legend, button {
	margin: 0;
	padding: 0;
	border: 0;
}

legend {
	position: absolute;
	left: -9999px;
}

button, input[type="button"], input[type="submit"], input[type="reset"]
	{
	cursor: pointer;
}

input[type="text"], input[type="number"], input[type="email"], input[type="password"],
	input[type="file"], textarea, select {
	padding: 3px 10px 5px;
	border: none;
	border-bottom: 3px solid #ededed;
	font-size: 20px;
	background: transparent;
	line-height: 1.2;
}

input[type="text"], input[type="number"], input[type="email"], input[type="password"],
	input[type="file"], select {
	height: 54px;
}

input[type="text"]::placeholder, input[type="number"]::placeholder,
	input[type="email"]::placeholder, input[type="password"]::placeholder,
	input[type="file"]::placeholder, select::placeholder {
	color: #cacaca;
	font-size: 20px;
	font-weight: 500;
}

select {
	background: transparent
		url("/resources/images/user/common/ico_select.png") no-repeat 100% 50%;
	border-radius: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	padding-right: 35px;
	color: #cacaca;
	font-weight: 500;
}

select.line {
	border: 1px solid #dbdbdb;
	background-position: 98%;
	background-size: 20px;
	font-size: 16px;
}

select::-ms-expand {
	display: none;
}

textarea {
	border: 1px solid #dbdbdb;
	padding: 20px;
}

.wrap_btn {
	margin-top: 60px;
	text-align: center;
}

.wrap_btn.btn_half [class^="btn_"]:first-child {
	margin-right: 15px;
}

/* 181207 버튼 컬러 및 크기 변경 s */
[class^="btn_"] {
	display: inline-block;
	text-align: center;
	color: #000;
	background: #fff;
	border: none;
}

[class^="btn_"][class*="_accept"] {
	background: #ae1857;
	color: #FFF;
}

[class^="btn_"][class*="_default"] {
	background: #575756;
	color: #FFF;
}

[class^="btn_"][class*="_deny"] {
	background: #bcbcbc;
	color: #FFF;
}

[class^="btn_"][class*="_disabled"] {
	cursor: text;
	background: #ddd;
	color: #FFF;
}

[class^="btn_"][class$="-small"] {
	min-width: 100px;
	height: 44px;
	line-height: 42px;
	font-size: 14px;
}

[class^="btn_"][class$="-large"] {
	min-width: 280px;
	height: 56px;
	line-height: 54px;
	font-size: 20px;
	font-weight: 500;
}

/* 181207 버튼 컬러 및 크기 변경 e */
[class^="input_block"] {
	position: relative;
}

[class^="input_block"] label {
	display: block;
	min-width: 7em;
	line-height: 52px;
	color: #888;
	font-size: 20px;
}

[class^="input_block"] input, [class^="input_block"] textarea, [class^="input_block"] select,
	[class^="input_block"] button {
	vertical-align: top;
}

[class^="input_block"] input[type="text"], [class^="input_block"] input[type="number"],
	[class^="input_block"] input[type="email"], [class^="input_block"] input[type="password"],
	[class^="input_block"] select, [class^="input_block"] textarea {
	width: 100%;
}

[class^="input_block"] [class^="btn_"] {
	position: absolute;
	top: 0;
	right: 5px;
	border-color: #aaa;
}

[class^="input_block"].input_error input[type="text"], [class^="input_block"].input_error input[type="number"],
	[class^="input_block"].input_error input[type="email"], [class^="input_block"].input_error input[type="password"],
	[class^="input_block"].input_error select, [class^="input_block"].input_error .textarea_wrap:after
	{
	border-color: #ae1857;
}

[class^="input_block"].input_error .msg_error {
	display: inline-block;
	font-size: 14px;
	color: #ae1857;
	margin-top: 12px;
	margin-left: 10.5em;
}

[class^="input_block"] .byte_count {
	display: block;
	color: #cacaca;
	font-size: 12px;
	text-align: right;
	padding: 10px 20px 15px;
}

.input_block-email input.email {
	width: calc(( 100% - 1.4em)/10* 3.3);
}

.input_block-email select.email {
	width: calc(( 100% - 1.4em)/10* 3.3);
}

.input_block-certify .remain_time {
	position: absolute;
	top: 20px;
	right: 120px;
	color: #888;
}

.input_block-search .ico_search {
	position: absolute;
	top: 4px;
	right: 0;
}

.input_block-radio label {
	display: inline-block;
	line-height: normal;
}

.input_block-radio label input {
	vertical-align: middle;
}

.input_block-radio input[type="radio"] {
	position: absolute;
	left: -9999em;
}

.input_block-radio input[type="radio"]+label:after {
	content: '';
	display: inline-block;
	width: 26px;
	height: 26px;
	margin-top: -4px;
	margin-left: 10px;
	vertical-align: middle;
}

.input_block-radio input[type="radio"]+label:after {
	background-image: url("/resources/images/user/common/ico_radio.png");
	background-position: 0 0;
}

.input_block-radio input[type="radio"]:checked+label:after {
	background-position: 0 -26px;
}

.inline_form {
	/* 생년월일 입력 스타일 추가 s */
	/* //생년월일 입력 스타일 추가 e */
	
}

.inline_form [class^="input_block"] {
	margin-top: 26px;
}

.inline_form [class^="input_block"].exception {
	padding-left: 148px;
}

.inline_form [class^="input_block"] label {
	display: inline-block;
}

.inline_form [class^="input_block"] input[type="text"], .inline_form [class^="input_block"] input[type="number"],
	.inline_form [class^="input_block"] input[type="email"], .inline_form [class^="input_block"] input[type="password"],
	.inline_form [class^="input_block"] select, .inline_form [class^="input_block"] .textarea_wrap, input[type="file"]
	{
	width: calc(100% - 7.3em);
}

.inline_form [class^="input_block"] input[type="text"].select_half,
	.inline_form [class^="input_block"] input[type="number"].select_half,
	.inline_form [class^="input_block"] input[type="email"].select_half,
	.inline_form [class^="input_block"] input[type="password"].select_half,
	.inline_form [class^="input_block"] select.select_half, .inline_form [class^="input_block"] .textarea_wrap.select_half
	{
	width: 43%;
}

.inline_form [class^="input_block"] input[type="text"].select_half+span,
	.inline_form [class^="input_block"] input[type="number"].select_half+span,
	.inline_form [class^="input_block"] input[type="email"].select_half+span,
	.inline_form [class^="input_block"] input[type="password"].select_half+span,
	.inline_form [class^="input_block"] select.select_half+span,
	.inline_form [class^="input_block"] .textarea_wrap.select_half+span {
	display: inline-block;
	margin: 10px 14px 0 6px;
	font-size: 20px;
}

.inline_form [class^="input_block"] input[type="text"].select_half+span:last-of-type,
	.inline_form [class^="input_block"] input[type="number"].select_half+span:last-of-type,
	.inline_form [class^="input_block"] input[type="email"].select_half+span:last-of-type,
	.inline_form [class^="input_block"] input[type="password"].select_half+span:last-of-type,
	.inline_form [class^="input_block"] select.select_half+span:last-of-type,
	.inline_form [class^="input_block"] .textarea_wrap.select_half+span:last-of-type
	{
	margin-right: 0;
}

.inline_form .input_block-phone input.phone, .inline_form .input_block-phone select.phone
	{
	width: calc(( 100% - 8.2em)/10* 3.3);
}

.inline_form .input_block-email input.email {
	width: calc(( 100% - 8.5em)/10* 3.3);
}

.inline_form .input_block-email select.email {
	width: calc(( 100% - 8.5em)/10* 3.3);
}

.inline_form .input_block-birth select.birth {
	width: calc(( 100% - 1.4em)/10* 2.2);
}

.inline_form .input_row [class^="input_block"] {
	float: left;
	width: 50%;
}

.inline_form .input_row [class^="input_block"]:last-child label {
	padding-left: 20px;
}

.inline_form .textarea_wrap {
	display: inline-block;
	width: 100%;
	border: 1px solid #dbdbdb;
	vertical-align: middle;
	margin-bottom: 24px;
	font-size: 20px;
}

.inline_form .textarea_wrap:after {
	content: '';
	display: block;
	border: 2px solid #ededed;
	transform: translate(0, 20px);
}

.inline_form .textarea_wrap textarea {
	height: 116px;
	border: none;
	resize: none;
}

.require:before {
	content: '*';
	display: inline-block;
	width: 5px;
	vertical-align: middle;
	color: #ae1857;
}

/* 181130 badge 추가 | 181207 메인 뱃지 스타일과 통일 s */
.badge {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 1;
	width: 80px;
	height: 80px;
	color: #fff;
	padding-top: 25px;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
}

.badge.small {
	width: 60px;
	height: 60px;
	padding-top: 20px;
	font-size: 12px;
}

.badge.complete {
	background: #575756;
}

.badge.ing {
	background: #ae1857;
}

.badge.due {
	background: #C88447;
}

/* //181130 badge 추가 | 181207 메인 뱃지 스타일과 통일 e */
.apt_set {
	margin-bottom: 60px;
}

.apt_set .left_area {
	float: left;
	width: 580px;
	margin-right: 20px;
}

.apt_set .left_area .photo {
	/* 181130 공통영역으로 이동 s
			.badge {
				position:absolute;
				top:20px;
				left:20px;
				width:120px;
				height:120px;
				background:#D8D8D8;
				border-radius:50%;
				line-height:120px;
				text-align:center;
				z-index:100;
			}
			//181130 공통영역으로 이동 e */
	
}

.apt_set .left_area .photo [class^="swiper-button"] {
	top: auto;
	bottom: 0;
	right: 0;
	width: 40px;
	height: 40px;
	background: #fff;
	border: 1px solid #E4E4E4;
}

.apt_set .left_area .photo .swiper-button-prev {
	left: auto;
	right: 39px;
}

/* 190219 추가 s */
.apt_set .left_area .photo .date {
	display: inline-block;
	position: absolute;
	top: 176px;
	left: 45px;
	padding: 4px;
	background-color: rgba(0, 0, 0, 0.6);
	color: #FFF;
}
/* 190219 추가 e */
.apt_set .left_area .photo img {
	width: 100%;
	height: 100%;
}

.apt_set .left_area .info .apt_name {
	width:640px;
	margin-bottom: 16px;
	font-size: 20px;
	font-weight: 500;
	line-height: 36px;
}

.apt_set .left_area .info .apt_name .tag {
	display: inline-block;
	width: 60px;
	height: 36px;
	margin-right: 10px;
	line-height: 34px;
	text-align: center;
	vertical-align: top;
	background: #ae1857;
	color: #FFF;
	font-size: 12px;
	font-weight: 500;
}

.apt_set .left_area .info .summary li {
	padding-left: 10px;
	text-indent: -10px;
	line-height: 1.5;
	color: #555;
}

.apt_set .left_area .info .summary li strong {
	color: #000;
	font-weight: 500;
}

.apt_set .left_area .info .summary li:before {
	content: '·';
	margin-right: 5px;
}

.apt_set .right_area {
	float: right;
	width: 380px;
}

.apt_set .right_area .map_wrap .content_toggled {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.apt_set .right_area .map_wrap .summary {
	padding: 60px 20px;
	width: 100%;
	height: 100%;
	color: #fff;
	background: rgba(0, 0, 0, 0.7);
}

.apt_set .right_area .map_wrap .summary li {
	font-size: 14px;
	line-height: 1.7;
	padding-left: 10px;
	text-indent: -10px;
}

.apt_set .right_area .map_wrap .summary li:before {
	content: '·';
}

.apt_set .right_area .map_wrap .summary p {margin-bottom:15px;}

.apt_set .right_area .map_wrap .toggle_trigger {
	position: absolute;
	left: 0;
	bottom: 4px;
	width: 100%;
	z-index: 1;
	background: transparent;
}

.apt_set .right_area .map_wrap .toggle_trigger [class^="ico_arrow"] {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 10px;
	overflow: hidden;
}

.apt_set .right_area .map_wrap .toggle_trigger [class^="ico_arrow"]:before
	{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 12px;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	margin-top: -4px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

.apt_set .right_area .map_wrap .toggle_trigger [class^="ico_arrow"][class*="-invert"]:before
	{
	border-color: #fff;
}

.apt_set .right_area .map_wrap .toggle_trigger[aria-pressed="true"] [class^="ico_arrow"]
	{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.apt_set .right_area .map_wrap .toggle_trigger[aria-pressed="true"] [class^="ico_arrow"]:before
	{
	border-color: #fff;
}

.apt_set .right_area .map_wrap .toggle_trigger[aria-pressed="true"] [class^="ico_arrow"][class*="-invert"]:before
	{
	border-color: #000;
}

.apt_set .right_area .action {
	text-align: right;
}

.apt_set .photo, .apt_set .map_wrap {
	position: relative;
	width: 100%;
	height: 380px;
	margin-bottom: 24px;
	overflow: hidden;
}

.apt_set .left_area, .apt_set .right_area {
	position: relative;
}

.calendar {
	width: 330px;
}

.calender_content {
	/* 181207 비활성화 스타일 추가 s */
	/* //181207 비활성화 스타일 추가 e */
	
}

.calender_content .ui-datepicker-header {
	position: relative;
	margin-bottom: 20px;
	text-align: center;
}

.calender_content .ui-datepicker-title {
	font-size: 28px;
	line-height: 32px;
}

.calender_content .ui-datepicker-prev, .calender_content .ui-datepicker-next
	{
	top: 0;
	padding: 6px 11px;
	text-indent: -9999px;
	box-sizing: content-box;
}

.calender_content .ui-datepicker-prev {
	left: 0;
	position: absolute;
	display: inline-block;
	width: 10px;
	height: 20px;
	overflow: hidden;
}

.calender_content .ui-datepicker-prev:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	margin-left: 4px;
	border-left: 2px solid #9b9fa8;
	border-bottom: 2px solid #9b9fa8;
}

.calender_content .ui-datepicker-next {
	right: 0;
	position: absolute;
	display: inline-block;
	width: 10px;
	height: 20px;
	overflow: hidden;
}

.calender_content .ui-datepicker-next:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	margin-left: -4px;
	border-top: 2px solid #9b9fa8;
	border-right: 2px solid #9b9fa8;
}

.calender_content th, .calender_content td {
	padding: 0;
	text-align: center;
	width: 47px;
	height: 47px;
}

.calender_content th {
	font-size: 12px;
	font-weight: 500;
}

.calender_content th.ui-datepicker-week-end:first-child {
	color: #ae1857;
}

.calender_content th.ui-datepicker-week-end:last-child {
	color: #5b88d9;
}

.calender_content th span {
	font-weight: inherit;
}

.calender_content td {
	padding-top: 4px;
	font-size: 14px;
}

.calender_content [class^="ui-state"] {
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	vertical-align: top;
	/* 191011 추가 s */
	font-size: 20px;
	font-weight: 700;
	/* //191011 추가 e */
}

/* //191011 선택시 폰드증가 및 볼딕  s */
.calender_content .ui-state-active {
	background-color: #ae1857;
	color: #fff;
	border-radius: 50%;
}

.calender_content .ui-state-disabled {
	color: #888;
}

/* 191011 추가 s */
.calender_content .ui-state-disabled [class^="ui-state"] {
	font-size: 14px;
	font-weight: 400;
}
/* //191011 추가 e */
.schedule_wrap .schedule_header {
	position:relative;
	margin: 40px 0 20px;
}

.schedule_wrap .schedule_header.sc2 {
	position:relative;
	margin: 50px 0 20px;
}

.schedule_wrap .today {
	font-size:50px;
}
.schedule_wrap .future {
	position:absolute; 
	right:26px; 
	line-height:76px; 
	font-size:36px;
}

/* .schedule_wrap i {
	position:relative;
	display:inline-block;
	width:20px;
	height:20px;
	overflow:hidden;
}
 */
.schedule_wrap i {
	content: '';
    position: absolute;
    top: 65%;
    left: 98.5%;
    width: 20px;
    height: 20px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    margin-left: -3px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    overflow:hidden;
}

.schedule_wrap i:nth-of-type(1) {
	border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    border-top:0px;
    border-right:0px;
    left:1.8%;
}
.schedule_wrap .past {
	position:absolute; 
	left:26px; 
	line-height:76px; 
	font-size:36px;
}

.schedule_wrap .schedule_header h2 {
	font-size: 48px;
	font-weight: 500;
}

/*.schedule_wrap .schedule_content {
	border-top: 1px solid #000;
	border-bottom: 1px solid #E4E4E4;
}*/

.schedule_wrap .schedule_content .month_set {
	border-top: 1px solid #E4E4E4;
	display:none;
}

.schedule_wrap .schedule_content .month_set h3, .schedule_wrap .schedule_content .month_set ul
	{
	float: left;
}

/* .schedule_content {display:none;} */
.schedule_content.active {display:block;}

.schedule_wrap .schedule_content .month_set h3 {
	width: 180px;
	padding-top: 40px;
	font-size: 28px;
	font-weight: 500;
}

.schedule_wrap .schedule_content .month_set h3 span {
	margin-left: 8px;
	font-size: 14px;
	color: #888;
	vertical-align: middle;
}

.schedule_wrap .schedule_content .month_set ul {
	width: 800px;
}

.schedule_wrap .schedule_content .month_set ul .item {
	position: relative;
	float: left;
	width: 50%;
	padding: 40px 0;
}

.schedule_wrap .schedule_content .month_set ul .item:nth-child(odd):after
	{
	content: '';
	position: absolute;
	top: 0;
	left: 20px;
	width: calc(200% - 20px);
	height: 1px;
	background: url("/fo/assets/img/common/bg_line.png") repeat-x 0 100%;
}

.schedule_wrap .schedule_content .month_set ul .item:first-child:after {
	background: none;
}

.schedule_wrap .schedule_content .month_set ul .item .figure {
	position: relative;
	margin-left: 20px;
}

.schedule_wrap .schedule_content .month_set ul .item .figure img {
	max-width: 100%;
	height: 268px;
	width: 100%;
}

.schedule_wrap .schedule_content .month_set ul .item .figure .status {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	color: #fff;
	padding-top: 20px;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
}

.schedule_wrap .schedule_content .month_set ul .item .figure .status.complete
	{
	background: #CACACA;
}

.schedule_wrap .schedule_content .month_set ul .item .figure .status.ing
	{
	background: #AE1857;
}

.schedule_wrap .schedule_content .month_set ul .item .figure .status.due
	{
	background: #C88447;
}

.schedule_wrap .schedule_content .month_set ul .item .title {
	margin: 20px 0 0 20px;
	font-size: 20px;
	font-weight: 500;
}

.schedule_wrap.sw2 .schedule_header h2 .past,
.schedule_wrap.sw2 .schedule_header h2 .future{color:#00000055;}
.schedule_wrap.sw2 .schedule_header h2 i{border-color:#00000055;}
.schedule_wrap .schedule_content{border-top: 1px solid #000;border-bottom: 1px solid #E4E4E4;}
.schedule_wrap .schedule_content.sc2{border-top:1px solid #572a31; border-bottom: 1px solid #572a31;padding-top:260px; padding-bottom:50px; position:relative;}
.schedule_wrap .schedule_content.sc2::before {position: absolute; top:0; left: 50%; margin-left: -0.5px; width:1px; height: 100%; background-color: #572a31; display: block; content: '';}
.schedule_wrap .schedule_content .month_set_box {position:relative; display: none; overflow: hidden; padding-bottom: 40px; margin-top:-120px;} 
/* .schedule_wrap .schedule_content .month_set_box::before {position: absolute; top:0; left: 50%; margin-left: -0.5px; width:1px; height: 100%; background-color: #572a31; display: block; content: '';} */ 
.schedule_wrap .schedule_content .month_set_box ul {} 
.schedule_content.active {display: block; } 
.schedule_wrap .schedule_content .month_set_box h3{position: absolute;top:0;left: 50%;margin-left: -30px;width: 60px;height: 60px;background-color: #572a31;display: block;border-radius: 100px;text-align: center;line-height: 60px;font-size: 20px;font-weight: bold;color: #fff;}
.schedule_wrap .schedule_content .month_set_box ul {width: 98%;margin: 0 auto;} 
.schedule_wrap .schedule_content .month_set_box ul .item {position: relative;float: left;width: 400px;} 
.schedule_wrap .schedule_content .month_set_box ul .item .title {position:relative;height: 58px;font-weight: bold;color:#333;font-size: 21px;word-break: keep-all;display: table;width:100%;} 
.schedule_wrap .schedule_content .month_set_box ul .item .title::after {display: block;content: '';position:absolute;top: 21px;width:15px;height: 15px;border-left: 2px solid #572a31;border-bottom: 2px solid #572a31;} 
.schedule_wrap .schedule_content .month_set_box ul .item .title a{display: table-cell; vertical-align: middle; font-size:20px;}
.schedule_wrap .schedule_content .month_set_box ul .item:first-child:after {background: none; } 
.schedule_wrap .schedule_content .month_set_box ul .item .figure {position:relative; display:block; width:400px; height:280px;} 
.schedule_wrap .schedule_content .month_set_box ul .item .figure img {width:100%; height: 100%; object-fit: cover;} 
.schedule_wrap .schedule_content .month_set_box ul .item .figure .status {position: absolute;top: 0;left: 0;width: 60px;height: 60px;color: #fff;padding-top: 20px;text-align: center;font-size: 12px;font-weight: 500; } 
.schedule_wrap .schedule_content .month_set_box ul .item .figure .status.complete {background: #CACACA; } 
.schedule_wrap .schedule_content .month_set_box ul .item .figure .status.ing {background: #AE1857; } 
.schedule_wrap .schedule_content .month_set_box ul .item .figure .status.due {background: #C88447; } 

.schedule_wrap .schedule_content .month_set_box.box_left ul .item {float: left;} 
.schedule_wrap .schedule_content .month_set_box.box_left ul .item .title {text-align: right;} 
.schedule_wrap .schedule_content .month_set_box.box_left ul .item .title::after {transform: rotate(45deg);right: -40px;} 

.schedule_wrap .schedule_content .month_set_box.box_right ul .item {float: right;} 
.schedule_wrap .schedule_content .month_set_box.box_right ul .item .title {text-align: left;} 
.schedule_wrap .schedule_content .month_set_box.box_right ul .item .title::after {transform: rotate(-135deg);left: -40px;} 



.round {
	position: absolute;
	top: 23px;
	left: 23px;
	width: 136px;
	height: 136px;
	background: #e4e4e4;
	border-radius: 50%;
	z-index: 1;
}

.round .pie, .round .pie:before, .round .pie:after, .round .info {
	position: absolute;
}

.round .pie {
	width: 68px;
	height: 136px;
	overflow: hidden;
	right: 0;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	-webkit-transform-origin: left center;
	transform-origin: left center;
}

.round .pie:before {
	content: "";
	width: 68px;
	height: 136px;
	left: -68px;
	border-radius: 68px 0 0 68px;
	-moz-transform-origin: right center;
	-ms-transform-origin: right center;
	-o-transform-origin: right center;
	-webkit-transform-origin: right center;
	transform-origin: right center;
}

.round .pie:before, .round .pie:after {
	background-color: #ae1857;
}

.round .info {
	top: 10%;
	left: 10%;
	width: 80%;
	height: 80%;
	padding-top:3%;
	font-size: 32px;
	color: #ae1857;
	font-weight: 500;
	text-align: center;
	line-height: 100px;
	background: #fff;
	border-radius: 50%;
	letter-spacing: -1px;
}

.round .info span {
	font-size: 20px;
}

.viewMore, .Listgo {
	display:block;
	width:165px;
	height:51px;
	margin:0 auto 45px;
	line-height:51px;
	text-align:center;
	background:purple;
	color:#fff;
}

.Listgo {background:#ae1857;}

.detail_title {
	font-size: 40px;
    margin: 0 0 39px;
    font-weight: 400;
}
.Detailname {
	margin-right:10px; 
	font-weight:500;
	font-size:28px;
}

.allrate {
	position:relative;
}

.allrate .round  {
	top:85px;
	left:97px;
	
}
.sectionBox  {
	display:flex;
}
.sectionBox .apt_set .left_area {
	width:382px;
}

.sectionBox .right_set .left_area .info {
	margin-top:55px;
	margin-bottom:47px;
}

.detaildate {
	margin:84px 0 30px 831px;
}

.control {
    top: 869px;
    position: absolute;
}
.pie[data-value="0"]:before {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.pie[data-value="1"]:before {
	-webkit-transform: rotate(3.6deg);
	-moz-transform: rotate(3.6deg);
	-o-transform: rotate(3.6deg);
	-ms-transform: rotate(3.6deg);
	transform: rotate(3.6deg);
}

.pie[data-value="2"]:before {
	-webkit-transform: rotate(7.2deg);
	-moz-transform: rotate(7.2deg);
	-o-transform: rotate(7.2deg);
	-ms-transform: rotate(7.2deg);
	transform: rotate(7.2deg);
}

.pie[data-value="3"]:before {
	-webkit-transform: rotate(10.8deg);
	-moz-transform: rotate(10.8deg);
	-o-transform: rotate(10.8deg);
	-ms-transform: rotate(10.8deg);
	transform: rotate(10.8deg);
}

.pie[data-value="4"]:before {
	-webkit-transform: rotate(14.4deg);
	-moz-transform: rotate(14.4deg);
	-o-transform: rotate(14.4deg);
	-ms-transform: rotate(14.4deg);
	transform: rotate(14.4deg);
}

.pie[data-value="5"]:before {
	-webkit-transform: rotate(18deg);
	-moz-transform: rotate(18deg);
	-o-transform: rotate(18deg);
	-ms-transform: rotate(18deg);
	transform: rotate(18deg);
}

.pie[data-value="6"]:before {
	-webkit-transform: rotate(21.6deg);
	-moz-transform: rotate(21.6deg);
	-o-transform: rotate(21.6deg);
	-ms-transform: rotate(21.6deg);
	transform: rotate(21.6deg);
}

.pie[data-value="7"]:before {
	-webkit-transform: rotate(25.2deg);
	-moz-transform: rotate(25.2deg);
	-o-transform: rotate(25.2deg);
	-ms-transform: rotate(25.2deg);
	transform: rotate(25.2deg);
}

.pie[data-value="8"]:before {
	-webkit-transform: rotate(28.8deg);
	-moz-transform: rotate(28.8deg);
	-o-transform: rotate(28.8deg);
	-ms-transform: rotate(28.8deg);
	transform: rotate(28.8deg);
}

.pie[data-value="9"]:before {
	-webkit-transform: rotate(32.4deg);
	-moz-transform: rotate(32.4deg);
	-o-transform: rotate(32.4deg);
	-ms-transform: rotate(32.4deg);
	transform: rotate(32.4deg);
}

.pie[data-value="10"]:before {
	-webkit-transform: rotate(36deg);
	-moz-transform: rotate(36deg);
	-o-transform: rotate(36deg);
	-ms-transform: rotate(36deg);
	transform: rotate(36deg);
}

.pie[data-value="11"]:before {
	-webkit-transform: rotate(39.6deg);
	-moz-transform: rotate(39.6deg);
	-o-transform: rotate(39.6deg);
	-ms-transform: rotate(39.6deg);
	transform: rotate(39.6deg);
}

.pie[data-value="12"]:before {
	-webkit-transform: rotate(43.2deg);
	-moz-transform: rotate(43.2deg);
	-o-transform: rotate(43.2deg);
	-ms-transform: rotate(43.2deg);
	transform: rotate(43.2deg);
}

.pie[data-value="13"]:before {
	-webkit-transform: rotate(46.8deg);
	-moz-transform: rotate(46.8deg);
	-o-transform: rotate(46.8deg);
	-ms-transform: rotate(46.8deg);
	transform: rotate(46.8deg);
}

.pie[data-value="14"]:before {
	-webkit-transform: rotate(50.4deg);
	-moz-transform: rotate(50.4deg);
	-o-transform: rotate(50.4deg);
	-ms-transform: rotate(50.4deg);
	transform: rotate(50.4deg);
}

.pie[data-value="15"]:before {
	-webkit-transform: rotate(54deg);
	-moz-transform: rotate(54deg);
	-o-transform: rotate(54deg);
	-ms-transform: rotate(54deg);
	transform: rotate(54deg);
}

.pie[data-value="16"]:before {
	-webkit-transform: rotate(57.6deg);
	-moz-transform: rotate(57.6deg);
	-o-transform: rotate(57.6deg);
	-ms-transform: rotate(57.6deg);
	transform: rotate(57.6deg);
}

.pie[data-value="17"]:before {
	-webkit-transform: rotate(61.2deg);
	-moz-transform: rotate(61.2deg);
	-o-transform: rotate(61.2deg);
	-ms-transform: rotate(61.2deg);
	transform: rotate(61.2deg);
}

.pie[data-value="18"]:before {
	-webkit-transform: rotate(64.8deg);
	-moz-transform: rotate(64.8deg);
	-o-transform: rotate(64.8deg);
	-ms-transform: rotate(64.8deg);
	transform: rotate(64.8deg);
}

.pie[data-value="19"]:before {
	-webkit-transform: rotate(68.4deg);
	-moz-transform: rotate(68.4deg);
	-o-transform: rotate(68.4deg);
	-ms-transform: rotate(68.4deg);
	transform: rotate(68.4deg);
}

.pie[data-value="20"]:before {
	-webkit-transform: rotate(72deg);
	-moz-transform: rotate(72deg);
	-o-transform: rotate(72deg);
	-ms-transform: rotate(72deg);
	transform: rotate(72deg);
}

.pie[data-value="21"]:before {
	-webkit-transform: rotate(75.6deg);
	-moz-transform: rotate(75.6deg);
	-o-transform: rotate(75.6deg);
	-ms-transform: rotate(75.6deg);
	transform: rotate(75.6deg);
}

.pie[data-value="22"]:before {
	-webkit-transform: rotate(79.2deg);
	-moz-transform: rotate(79.2deg);
	-o-transform: rotate(79.2deg);
	-ms-transform: rotate(79.2deg);
	transform: rotate(79.2deg);
}

.pie[data-value="23"]:before {
	-webkit-transform: rotate(82.8deg);
	-moz-transform: rotate(82.8deg);
	-o-transform: rotate(82.8deg);
	-ms-transform: rotate(82.8deg);
	transform: rotate(82.8deg);
}

.pie[data-value="24"]:before {
	-webkit-transform: rotate(86.4deg);
	-moz-transform: rotate(86.4deg);
	-o-transform: rotate(86.4deg);
	-ms-transform: rotate(86.4deg);
	transform: rotate(86.4deg);
}

.pie[data-value="25"]:before {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.pie[data-value="26"]:before {
	-webkit-transform: rotate(93.6deg);
	-moz-transform: rotate(93.6deg);
	-o-transform: rotate(93.6deg);
	-ms-transform: rotate(93.6deg);
	transform: rotate(93.6deg);
}

.pie[data-value="27"]:before {
	-webkit-transform: rotate(97.2deg);
	-moz-transform: rotate(97.2deg);
	-o-transform: rotate(97.2deg);
	-ms-transform: rotate(97.2deg);
	transform: rotate(97.2deg);
}

.pie[data-value="28"]:before {
	-webkit-transform: rotate(100.8deg);
	-moz-transform: rotate(100.8deg);
	-o-transform: rotate(100.8deg);
	-ms-transform: rotate(100.8deg);
	transform: rotate(100.8deg);
}

.pie[data-value="29"]:before {
	-webkit-transform: rotate(104.4deg);
	-moz-transform: rotate(104.4deg);
	-o-transform: rotate(104.4deg);
	-ms-transform: rotate(104.4deg);
	transform: rotate(104.4deg);
}

.pie[data-value="30"]:before {
	-webkit-transform: rotate(108deg);
	-moz-transform: rotate(108deg);
	-o-transform: rotate(108deg);
	-ms-transform: rotate(108deg);
	transform: rotate(108deg);
}

.pie[data-value="31"]:before {
	-webkit-transform: rotate(111.6deg);
	-moz-transform: rotate(111.6deg);
	-o-transform: rotate(111.6deg);
	-ms-transform: rotate(111.6deg);
	transform: rotate(111.6deg);
}

.pie[data-value="32"]:before {
	-webkit-transform: rotate(115.2deg);
	-moz-transform: rotate(115.2deg);
	-o-transform: rotate(115.2deg);
	-ms-transform: rotate(115.2deg);
	transform: rotate(115.2deg);
}

.pie[data-value="33"]:before {
	-webkit-transform: rotate(118.8deg);
	-moz-transform: rotate(118.8deg);
	-o-transform: rotate(118.8deg);
	-ms-transform: rotate(118.8deg);
	transform: rotate(118.8deg);
}

.pie[data-value="34"]:before {
	-webkit-transform: rotate(122.4deg);
	-moz-transform: rotate(122.4deg);
	-o-transform: rotate(122.4deg);
	-ms-transform: rotate(122.4deg);
	transform: rotate(122.4deg);
}

.pie[data-value="35"]:before {
	-webkit-transform: rotate(126deg);
	-moz-transform: rotate(126deg);
	-o-transform: rotate(126deg);
	-ms-transform: rotate(126deg);
	transform: rotate(126deg);
}

.pie[data-value="36"]:before {
	-webkit-transform: rotate(129.6deg);
	-moz-transform: rotate(129.6deg);
	-o-transform: rotate(129.6deg);
	-ms-transform: rotate(129.6deg);
	transform: rotate(129.6deg);
}

.pie[data-value="37"]:before {
	-webkit-transform: rotate(133.2deg);
	-moz-transform: rotate(133.2deg);
	-o-transform: rotate(133.2deg);
	-ms-transform: rotate(133.2deg);
	transform: rotate(133.2deg);
}

.pie[data-value="38"]:before {
	-webkit-transform: rotate(136.8deg);
	-moz-transform: rotate(136.8deg);
	-o-transform: rotate(136.8deg);
	-ms-transform: rotate(136.8deg);
	transform: rotate(136.8deg);
}

.pie[data-value="39"]:before {
	-webkit-transform: rotate(140.4deg);
	-moz-transform: rotate(140.4deg);
	-o-transform: rotate(140.4deg);
	-ms-transform: rotate(140.4deg);
	transform: rotate(140.4deg);
}

.pie[data-value="40"]:before {
	-webkit-transform: rotate(144deg);
	-moz-transform: rotate(144deg);
	-o-transform: rotate(144deg);
	-ms-transform: rotate(144deg);
	transform: rotate(144deg);
}

.pie[data-value="41"]:before {
	-webkit-transform: rotate(147.6deg);
	-moz-transform: rotate(147.6deg);
	-o-transform: rotate(147.6deg);
	-ms-transform: rotate(147.6deg);
	transform: rotate(147.6deg);
}

.pie[data-value="42"]:before {
	-webkit-transform: rotate(151.2deg);
	-moz-transform: rotate(151.2deg);
	-o-transform: rotate(151.2deg);
	-ms-transform: rotate(151.2deg);
	transform: rotate(151.2deg);
}

.pie[data-value="43"]:before {
	-webkit-transform: rotate(154.8deg);
	-moz-transform: rotate(154.8deg);
	-o-transform: rotate(154.8deg);
	-ms-transform: rotate(154.8deg);
	transform: rotate(154.8deg);
}

.pie[data-value="44"]:before {
	-webkit-transform: rotate(158.4deg);
	-moz-transform: rotate(158.4deg);
	-o-transform: rotate(158.4deg);
	-ms-transform: rotate(158.4deg);
	transform: rotate(158.4deg);
}

.pie[data-value="45"]:before {
	-webkit-transform: rotate(162deg);
	-moz-transform: rotate(162deg);
	-o-transform: rotate(162deg);
	-ms-transform: rotate(162deg);
	transform: rotate(162deg);
}

.pie[data-value="46"]:before {
	-webkit-transform: rotate(165.6deg);
	-moz-transform: rotate(165.6deg);
	-o-transform: rotate(165.6deg);
	-ms-transform: rotate(165.6deg);
	transform: rotate(165.6deg);
}

.pie[data-value="47"]:before {
	-webkit-transform: rotate(169.2deg);
	-moz-transform: rotate(169.2deg);
	-o-transform: rotate(169.2deg);
	-ms-transform: rotate(169.2deg);
	transform: rotate(169.2deg);
}

.pie[data-value="48"]:before {
	-webkit-transform: rotate(172.8deg);
	-moz-transform: rotate(172.8deg);
	-o-transform: rotate(172.8deg);
	-ms-transform: rotate(172.8deg);
	transform: rotate(172.8deg);
}

.pie[data-value="49"]:before {
	-webkit-transform: rotate(176.4deg);
	-moz-transform: rotate(176.4deg);
	-o-transform: rotate(176.4deg);
	-ms-transform: rotate(176.4deg);
	transform: rotate(176.4deg);
}

.pie[data-value="50"]:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.pie[data-value="51"]:before {
	-webkit-transform: rotate(183.6deg);
	-moz-transform: rotate(183.6deg);
	-o-transform: rotate(183.6deg);
	-ms-transform: rotate(183.6deg);
	transform: rotate(183.6deg);
}

.pie[data-value="51"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="51"]:before {
	left: 0px;
}

.pie[data-value="51"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="52"]:before {
	-webkit-transform: rotate(187.2deg);
	-moz-transform: rotate(187.2deg);
	-o-transform: rotate(187.2deg);
	-ms-transform: rotate(187.2deg);
	transform: rotate(187.2deg);
}

.pie[data-value="52"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="52"]:before {
	left: 0px;
}

.pie[data-value="52"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="53"]:before {
	-webkit-transform: rotate(190.8deg);
	-moz-transform: rotate(190.8deg);
	-o-transform: rotate(190.8deg);
	-ms-transform: rotate(190.8deg);
	transform: rotate(190.8deg);
}

.pie[data-value="53"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="53"]:before {
	left: 0px;
}

.pie[data-value="53"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="54"]:before {
	-webkit-transform: rotate(194.4deg);
	-moz-transform: rotate(194.4deg);
	-o-transform: rotate(194.4deg);
	-ms-transform: rotate(194.4deg);
	transform: rotate(194.4deg);
}

.pie[data-value="54"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="54"]:before {
	left: 0px;
}

.pie[data-value="54"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="55"]:before {
	-webkit-transform: rotate(198deg);
	-moz-transform: rotate(198deg);
	-o-transform: rotate(198deg);
	-ms-transform: rotate(198deg);
	transform: rotate(198deg);
}

.pie[data-value="55"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="55"]:before {
	left: 0px;
}

.pie[data-value="55"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="56"]:before {
	-webkit-transform: rotate(201.6deg);
	-moz-transform: rotate(201.6deg);
	-o-transform: rotate(201.6deg);
	-ms-transform: rotate(201.6deg);
	transform: rotate(201.6deg);
}

.pie[data-value="56"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="56"]:before {
	left: 0px;
}

.pie[data-value="56"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="57"]:before {
	-webkit-transform: rotate(205.2deg);
	-moz-transform: rotate(205.2deg);
	-o-transform: rotate(205.2deg);
	-ms-transform: rotate(205.2deg);
	transform: rotate(205.2deg);
}

.pie[data-value="57"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="57"]:before {
	left: 0px;
}

.pie[data-value="57"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="58"]:before {
	-webkit-transform: rotate(208.8deg);
	-moz-transform: rotate(208.8deg);
	-o-transform: rotate(208.8deg);
	-ms-transform: rotate(208.8deg);
	transform: rotate(208.8deg);
}

.pie[data-value="58"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="58"]:before {
	left: 0px;
}

.pie[data-value="58"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="59"]:before {
	-webkit-transform: rotate(212.4deg);
	-moz-transform: rotate(212.4deg);
	-o-transform: rotate(212.4deg);
	-ms-transform: rotate(212.4deg);
	transform: rotate(212.4deg);
}

.pie[data-value="59"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="59"]:before {
	left: 0px;
}

.pie[data-value="59"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="60"]:before {
	-webkit-transform: rotate(216deg);
	-moz-transform: rotate(216deg);
	-o-transform: rotate(216deg);
	-ms-transform: rotate(216deg);
	transform: rotate(216deg);
}

.pie[data-value="60"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="60"]:before {
	left: 0px;
}

.pie[data-value="60"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="61"]:before {
	-webkit-transform: rotate(219.6deg);
	-moz-transform: rotate(219.6deg);
	-o-transform: rotate(219.6deg);
	-ms-transform: rotate(219.6deg);
	transform: rotate(219.6deg);
}

.pie[data-value="61"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="61"]:before {
	left: 0px;
}

.pie[data-value="61"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="62"]:before {
	-webkit-transform: rotate(223.2deg);
	-moz-transform: rotate(223.2deg);
	-o-transform: rotate(223.2deg);
	-ms-transform: rotate(223.2deg);
	transform: rotate(223.2deg);
}

.pie[data-value="62"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="62"]:before {
	left: 0px;
}

.pie[data-value="62"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="63"]:before {
	-webkit-transform: rotate(226.8deg);
	-moz-transform: rotate(226.8deg);
	-o-transform: rotate(226.8deg);
	-ms-transform: rotate(226.8deg);
	transform: rotate(226.8deg);
}

.pie[data-value="63"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="63"]:before {
	left: 0px;
}

.pie[data-value="63"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="64"]:before {
	-webkit-transform: rotate(230.4deg);
	-moz-transform: rotate(230.4deg);
	-o-transform: rotate(230.4deg);
	-ms-transform: rotate(230.4deg);
	transform: rotate(230.4deg);
}

.pie[data-value="64"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="64"]:before {
	left: 0px;
}

.pie[data-value="64"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="65"]:before {
	-webkit-transform: rotate(234deg);
	-moz-transform: rotate(234deg);
	-o-transform: rotate(234deg);
	-ms-transform: rotate(234deg);
	transform: rotate(234deg);
}

.pie[data-value="65"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="65"]:before {
	left: 0px;
}

.pie[data-value="65"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="66"]:before {
	-webkit-transform: rotate(237.6deg);
	-moz-transform: rotate(237.6deg);
	-o-transform: rotate(237.6deg);
	-ms-transform: rotate(237.6deg);
	transform: rotate(237.6deg);
}

.pie[data-value="66"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="66"]:before {
	left: 0px;
}

.pie[data-value="66"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="67"]:before {
	-webkit-transform: rotate(241.2deg);
	-moz-transform: rotate(241.2deg);
	-o-transform: rotate(241.2deg);
	-ms-transform: rotate(241.2deg);
	transform: rotate(241.2deg);
}

.pie[data-value="67"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="67"]:before {
	left: 0px;
}

.pie[data-value="67"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="68"]:before {
	-webkit-transform: rotate(244.8deg);
	-moz-transform: rotate(244.8deg);
	-o-transform: rotate(244.8deg);
	-ms-transform: rotate(244.8deg);
	transform: rotate(244.8deg);
}

.pie[data-value="68"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="68"]:before {
	left: 0px;
}

.pie[data-value="68"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="69"]:before {
	-webkit-transform: rotate(248.4deg);
	-moz-transform: rotate(248.4deg);
	-o-transform: rotate(248.4deg);
	-ms-transform: rotate(248.4deg);
	transform: rotate(248.4deg);
}

.pie[data-value="69"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="69"]:before {
	left: 0px;
}

.pie[data-value="69"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="70"]:before {
	-webkit-transform: rotate(252deg);
	-moz-transform: rotate(252deg);
	-o-transform: rotate(252deg);
	-ms-transform: rotate(252deg);
	transform: rotate(252deg);
}

.pie[data-value="70"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="70"]:before {
	left: 0px;
}

.pie[data-value="70"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="71"]:before {
	-webkit-transform: rotate(255.6deg);
	-moz-transform: rotate(255.6deg);
	-o-transform: rotate(255.6deg);
	-ms-transform: rotate(255.6deg);
	transform: rotate(255.6deg);
}

.pie[data-value="71"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="71"]:before {
	left: 0px;
}

.pie[data-value="71"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="72"]:before {
	-webkit-transform: rotate(259.2deg);
	-moz-transform: rotate(259.2deg);
	-o-transform: rotate(259.2deg);
	-ms-transform: rotate(259.2deg);
	transform: rotate(259.2deg);
}

.pie[data-value="72"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="72"]:before {
	left: 0px;
}

.pie[data-value="72"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="73"]:before {
	-webkit-transform: rotate(262.8deg);
	-moz-transform: rotate(262.8deg);
	-o-transform: rotate(262.8deg);
	-ms-transform: rotate(262.8deg);
	transform: rotate(262.8deg);
}

.pie[data-value="73"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="73"]:before {
	left: 0px;
}

.pie[data-value="73"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="74"]:before {
	-webkit-transform: rotate(266.4deg);
	-moz-transform: rotate(266.4deg);
	-o-transform: rotate(266.4deg);
	-ms-transform: rotate(266.4deg);
	transform: rotate(266.4deg);
}

.pie[data-value="74"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="74"]:before {
	left: 0px;
}

.pie[data-value="74"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="75"]:before {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

.pie[data-value="75"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="75"]:before {
	left: 0px;
}

.pie[data-value="75"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="76"]:before {
	-webkit-transform: rotate(273.6deg);
	-moz-transform: rotate(273.6deg);
	-o-transform: rotate(273.6deg);
	-ms-transform: rotate(273.6deg);
	transform: rotate(273.6deg);
}

.pie[data-value="76"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="76"]:before {
	left: 0px;
}

.pie[data-value="76"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="77"]:before {
	-webkit-transform: rotate(277.2deg);
	-moz-transform: rotate(277.2deg);
	-o-transform: rotate(277.2deg);
	-ms-transform: rotate(277.2deg);
	transform: rotate(277.2deg);
}

.pie[data-value="77"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="77"]:before {
	left: 0px;
}

.pie[data-value="77"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="78"]:before {
	-webkit-transform: rotate(280.8deg);
	-moz-transform: rotate(280.8deg);
	-o-transform: rotate(280.8deg);
	-ms-transform: rotate(280.8deg);
	transform: rotate(280.8deg);
}

.pie[data-value="78"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="78"]:before {
	left: 0px;
}

.pie[data-value="78"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="79"]:before {
	-webkit-transform: rotate(284.4deg);
	-moz-transform: rotate(284.4deg);
	-o-transform: rotate(284.4deg);
	-ms-transform: rotate(284.4deg);
	transform: rotate(284.4deg);
}

.pie[data-value="79"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="79"]:before {
	left: 0px;
}

.pie[data-value="79"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="80"]:before {
	-webkit-transform: rotate(288deg);
	-moz-transform: rotate(288deg);
	-o-transform: rotate(288deg);
	-ms-transform: rotate(288deg);
	transform: rotate(288deg);
}

.pie[data-value="80"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="80"]:before {
	left: 0px;
}

.pie[data-value="80"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="81"]:before {
	-webkit-transform: rotate(291.6deg);
	-moz-transform: rotate(291.6deg);
	-o-transform: rotate(291.6deg);
	-ms-transform: rotate(291.6deg);
	transform: rotate(291.6deg);
}

.pie[data-value="81"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="81"]:before {
	left: 0px;
}

.pie[data-value="81"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="82"]:before {
	-webkit-transform: rotate(295.2deg);
	-moz-transform: rotate(295.2deg);
	-o-transform: rotate(295.2deg);
	-ms-transform: rotate(295.2deg);
	transform: rotate(295.2deg);
}

.pie[data-value="82"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="82"]:before {
	left: 0px;
}

.pie[data-value="82"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="83"]:before {
	-webkit-transform: rotate(298.8deg);
	-moz-transform: rotate(298.8deg);
	-o-transform: rotate(298.8deg);
	-ms-transform: rotate(298.8deg);
	transform: rotate(298.8deg);
}

.pie[data-value="83"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="83"]:before {
	left: 0px;
}

.pie[data-value="83"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="84"]:before {
	-webkit-transform: rotate(302.4deg);
	-moz-transform: rotate(302.4deg);
	-o-transform: rotate(302.4deg);
	-ms-transform: rotate(302.4deg);
	transform: rotate(302.4deg);
}

.pie[data-value="84"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="84"]:before {
	left: 0px;
}

.pie[data-value="84"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="85"]:before {
	-webkit-transform: rotate(306deg);
	-moz-transform: rotate(306deg);
	-o-transform: rotate(306deg);
	-ms-transform: rotate(306deg);
	transform: rotate(306deg);
}

.pie[data-value="85"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="85"]:before {
	left: 0px;
}

.pie[data-value="85"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="86"]:before {
	-webkit-transform: rotate(309.6deg);
	-moz-transform: rotate(309.6deg);
	-o-transform: rotate(309.6deg);
	-ms-transform: rotate(309.6deg);
	transform: rotate(309.6deg);
}

.pie[data-value="86"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="86"]:before {
	left: 0px;
}

.pie[data-value="86"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="87"]:before {
	-webkit-transform: rotate(313.2deg);
	-moz-transform: rotate(313.2deg);
	-o-transform: rotate(313.2deg);
	-ms-transform: rotate(313.2deg);
	transform: rotate(313.2deg);
}

.pie[data-value="87"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="87"]:before {
	left: 0px;
}

.pie[data-value="87"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="88"]:before {
	-webkit-transform: rotate(316.8deg);
	-moz-transform: rotate(316.8deg);
	-o-transform: rotate(316.8deg);
	-ms-transform: rotate(316.8deg);
	transform: rotate(316.8deg);
}

.pie[data-value="88"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="88"]:before {
	left: 0px;
}

.pie[data-value="88"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="89"]:before {
	-webkit-transform: rotate(320.4deg);
	-moz-transform: rotate(320.4deg);
	-o-transform: rotate(320.4deg);
	-ms-transform: rotate(320.4deg);
	transform: rotate(320.4deg);
}

.pie[data-value="89"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="89"]:before {
	left: 0px;
}

.pie[data-value="89"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="90"]:before {
	-webkit-transform: rotate(324deg);
	-moz-transform: rotate(324deg);
	-o-transform: rotate(324deg);
	-ms-transform: rotate(324deg);
	transform: rotate(324deg);
}

.pie[data-value="90"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="90"]:before {
	left: 0px;
}

.pie[data-value="90"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="91"]:before {
	-webkit-transform: rotate(327.6deg);
	-moz-transform: rotate(327.6deg);
	-o-transform: rotate(327.6deg);
	-ms-transform: rotate(327.6deg);
	transform: rotate(327.6deg);
}

.pie[data-value="91"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="91"]:before {
	left: 0px;
}

.pie[data-value="91"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="92"]:before {
	-webkit-transform: rotate(331.2deg);
	-moz-transform: rotate(331.2deg);
	-o-transform: rotate(331.2deg);
	-ms-transform: rotate(331.2deg);
	transform: rotate(331.2deg);
}

.pie[data-value="92"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="92"]:before {
	left: 0px;
}

.pie[data-value="92"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="93"]:before {
	-webkit-transform: rotate(334.8deg);
	-moz-transform: rotate(334.8deg);
	-o-transform: rotate(334.8deg);
	-ms-transform: rotate(334.8deg);
	transform: rotate(334.8deg);
}

.pie[data-value="93"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="93"]:before {
	left: 0px;
}

.pie[data-value="93"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="94"]:before {
	-webkit-transform: rotate(338.4deg);
	-moz-transform: rotate(338.4deg);
	-o-transform: rotate(338.4deg);
	-ms-transform: rotate(338.4deg);
	transform: rotate(338.4deg);
}

.pie[data-value="94"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="94"]:before {
	left: 0px;
}

.pie[data-value="94"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="95"]:before {
	-webkit-transform: rotate(342deg);
	-moz-transform: rotate(342deg);
	-o-transform: rotate(342deg);
	-ms-transform: rotate(342deg);
	transform: rotate(342deg);
}

.pie[data-value="95"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="95"]:before {
	left: 0px;
}

.pie[data-value="95"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="96"]:before {
	-webkit-transform: rotate(345.6deg);
	-moz-transform: rotate(345.6deg);
	-o-transform: rotate(345.6deg);
	-ms-transform: rotate(345.6deg);
	transform: rotate(345.6deg);
}

.pie[data-value="96"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="96"]:before {
	left: 0px;
}

.pie[data-value="96"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="97"]:before {
	-webkit-transform: rotate(349.2deg);
	-moz-transform: rotate(349.2deg);
	-o-transform: rotate(349.2deg);
	-ms-transform: rotate(349.2deg);
	transform: rotate(349.2deg);
}

.pie[data-value="97"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="97"]:before {
	left: 0px;
}

.pie[data-value="97"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="98"]:before {
	-webkit-transform: rotate(352.8deg);
	-moz-transform: rotate(352.8deg);
	-o-transform: rotate(352.8deg);
	-ms-transform: rotate(352.8deg);
	transform: rotate(352.8deg);
}

.pie[data-value="98"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="98"]:before {
	left: 0px;
}

.pie[data-value="98"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="99"]:before {
	-webkit-transform: rotate(356.4deg);
	-moz-transform: rotate(356.4deg);
	-o-transform: rotate(356.4deg);
	-ms-transform: rotate(356.4deg);
	transform: rotate(356.4deg);
}

.pie[data-value="99"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="99"]:before {
	left: 0px;
}

.pie[data-value="99"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

.pie[data-value="100"]:before {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}

.pie[data-value="100"] {
	width: 136px;
	left: 0;
	right: auto;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.pie[data-value="100"]:before {
	left: 0px;
}

.pie[data-value="100"]:after {
	content: "";
	position: absolute;
	width: 68px;
	height: 136px;
	left: 68px;
	border-radius: 0 68px 68px 0;
}

[class^="info_sec"] {
	padding: 40px 0 60px;
	border-top: 2px solid #000;
}

[class^="info_sec"]:first-of-type {
	border-top: 0;
	padding-top: 0;
}

[class^="info_sec"]:last-of-type {
	padding-bottom: 0;
}

[class^="info_sec"][class$="-wide"] .subheading, [class^="info_sec"][class$="-wide"] .inner
	{
	float: none;
	width: 100%;
}

[class^="info_sec"][class$="-wide"] .inner {
	position: relative;
	padding: 40px 0 40px 200px;
	border-top: 1px solid #E4E4E4;
}

[class^="info_sec"][class$="-wide"] .inner:first-of-type {
	border-top: 0;
	padding-bottom: 80px;
}

[class^="info_sec"][class$="-btn"] {
	padding-bottom: 40px;
}

[class^="info_sec"][class$="-btn"] .title_area {
	float: left;
	width: 200px;
}

[class^="info_sec"][class$="-btn"] .title_area p {
	float: left;
	font-size: 14px;
	color: #555;
}

[class^="info_sec"][class$="-btn"] .subheading {
	margin-bottom: 20px;
}

[class^="info_sec"][class$="-btn"] .btn_link {
	border: 0;
	font-weight: 500;
	font-size: 14px;
}

[class^="info_sec"] .subheading {
	float: left;
	width: 200px;
	font-size: 28px;
	font-weight: 500;
}

[class^="info_sec"] .inner {
	float: left;
	width: calc(100% - 200px);
	line-height: 1.5;
}

[class^="info_sec"] .inner h4 {
	position: absolute;
	left: 0;
	padding-left: 16px;
	font-size: 20px;
	font-weight: 500;
}

[class^="info_sec"] .inner h4:before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 16px;
	margin: -4px 10px 0 -16px;
	background-color: #ba9e82;
	vertical-align: middle;
}

[class^="info_sec"] .inner em {
	display: block;
	margin-bottom: 12px;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
}

[class^="info_sec"] .inner p+p {
	margin-top: 12px;
}

[class^="info_sec"] .inner .info_list+.tbl_wrap {
	margin-top: 40px;
}

[class^="info_sec"] .inner .figure+.info_list {
	margin-top: 20px;
}

.accordion_wrap .acco_trigger {
	position: relative;
	display: block;
	border-bottom: 1px solid #D8D8D8;
	line-height: 77px;
}

.accordion_wrap .acco_trigger .accordion_title {
	display: block;
	font-weight: 500;
}

.accordion_wrap .acco_trigger .accordion_title>span {
	float: left;
	width: 120px;
	margin-right: 24px;
	text-align: center;
}

.accordion_wrap .acco_trigger .ico_arrow {
	top: 50%;
	right: 24px;
	margin-top: -6px;
	position: absolute;
	display: inline-block;
	width: 16px;
	height: 8px;
	overflow: hidden;
	/* 181130 화살표 컬러 변경 */
}

.accordion_wrap .acco_trigger .ico_arrow:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 9px;
	height: 9px;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	margin-top: -3px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

.accordion_wrap .acco_trigger[aria-expanded="true"] {
	border-color: #000;
}

.accordion_wrap .acco_trigger[aria-expanded="true"] .ico_arrow {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.accordion_wrap .acco_trigger[aria-expanded="true"] .ico_arrow:before {
	border-color: #2b2e38;
}

.accordion_wrap .acco_panel {
	padding: 40px 24px;
	border-bottom: 1px solid #333;
}

.accordion_wrap .acco_panel dt {
	padding-bottom: 8px;
	font-weight: 500;
}

.accordion_wrap .acco_panel dd+dt {
	margin-top: 40px;
}

.accordion_wrap .acco_panel ul.noti {
	margin-top: 12px;
	font-size: 14px;
	color: #555;
}

/* 181207 modify s */
.tab_wrap .tab_list {
	width: 100%;
	margin-bottom: 40px;
	border: 1px solid #aaa;
	border-right: none;
}

.tab_wrap .tab_list li {
	width:163px;
	float: left;
	border-right: 1px solid #aaa;
	/* 181130 폰트 크기 변경 */
	/* //181130 폰트 크기 변경 */
}

.tab_wrap .tab_list li button, .tab_wrap .tab_list li a {
	display: block;
	width: 100%;
	text-align: center;
	padding: 16px 0;
	background: transparent;
	/* 181210 add */
}

.tab_wrap .tab_list li button span, .tab_wrap .tab_list li a span {
	font-size: 16px;
	line-height: 32px;
	font-weight: 500;
}

.tab-content {
	display: none;
}

.tab-content.active {
	display: inherit;
}

.tab_wrap .tab_list li button.active {
	background: #575756;
	color: #FFF;
}

.tab_wrap .tab_list.tab2>li {
	width: 50%;
	/* 20200206 */
}

.brand .tab_wrap .tab_list.tab2>li {
	width: 33.3%;
}

.tab_wrap .tab_list.tab3>li {
	width: calc(100%/ 3);
}

.tab_wrap .tab_list.tab6>li {
	width: 16.66%;
}

.tab_wrap .tab_list.tab8 {
	border-bottom-width: 0;
}

.tab_wrap .tab_list.tab8>li {
	width: calc(100%/ 4);
	border-bottom: 1px solid #aaa;
}

/* //181207 modify e */
/* 181207 modify s */
.tbl_wrap .info {
	display: block;
	margin-bottom: 20px;
	color: #000;
	text-align: left;
}

.tbl_wrap .tbl_view {
	width: 100%;
	border-top: 1px solid #000;
}

.tbl_wrap .tbl_view td, .tbl_wrap .tbl_view th {
	padding: 23px 24px 24px;
	text-align: left;
	border-bottom: 1px solid #E4E4E4;
	max-height: 72px;
}

.tbl_wrap .tbl_view td.word_wrap, .tbl_wrap .tbl_view th.word_wrap {
	padding: 11px 24px;
}

.tbl_wrap .tbl_view td.point, .tbl_wrap .tbl_view th.point {
	color: #ae1857;
}

.tbl_wrap .tbl_view th {
	background: #f9fafc;
}

.tbl_wrap .tbl_view td {
	font-weight: 500;
}

.tbl_wrap .tbl_view td.qna_txt {
	padding: 40px 24px;
}

.tbl_wrap .tbl_view tr.answer {
	color: #ae1857;
}

.tbl_wrap .tbl_view tr.answer td span {
	font-weight: 300;
}

.tbl_wrap .tbl_view thead th, .tbl_wrap .tbl_view thead td {
	padding: 24px 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #E4E4E4;
	font-weight: 500;
	text-align: center;
	background: #f9fafc;
}

.tbl_wrap .tbl_view .prepare {
	color: #888;
}

.tbl_wrap .tbl_view .complete {
	color: #5887DA;
}

.tbl_wrap .tbl_view.type_info th, .tbl_wrap .tbl_view.type_info td {
	border-left: 1px solid #E4E4E4;
}

.tbl_wrap .tbl_view.type_info th:first-child, .tbl_wrap .tbl_view.type_info td:first-child
	{
	border-left-width: 0;
}

.tbl_wrap .tbl_list {
	width: 100%;
}

.tbl_wrap .tbl_list th, .tbl_wrap .tbl_list td {
	padding: 23px 0;
	border-left: 1px solid #E4E4E4;
}

.tbl_wrap .tbl_list th:first-child, .tbl_wrap .tbl_list td:first-child {
	border-left-width: 0;
}

.tbl_wrap .tbl_list thead th {
	border-top: 1px solid #000;
	border-bottom: 1px solid #E4E4E4;
	font-weight: 500;
	background: #f9fafc;
}

.tbl_wrap .tbl_list tbody td {
	border-bottom: 1px solid #E4E4E4;
	text-align: center;
}

.tbl_wrap .tbl_list.type_news th, .tbl_wrap .tbl_list.type_news td {
	border-left-width: 0;
}

.tbl_wrap .tbl_list.type_news tbody td a {
	display: block;
	text-align: left;
	padding-left: 24px;
	font-weight: 500;
}

/* //181207 modify e */
.paging {
	margin-top: 40px;
	text-align: center;
}

.paging a, .paging span {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-weight: 500;
	margin: 0 2px;
}

.paging .active {
	background: #ae1857;
	color: #FFF;
}

.nodata {
	padding: 100px 0;
	text-align: center;
	border-top: 1px solid #000;
	border-bottom: 1px solid #e4e4e4;
}

.nodata:before {
	content: '';
	display: block;
	width: 82px;
	height: 82px;
	margin: 0 auto 20px;
	background: url("/resources/images/user/common/sprite/sprite.png")
		no-repeat 0 0;
}

.noti_info {
	color: #888;
	font-size: 14px;
	text-align: right;
}

.link {
	color: #ae1857;
	text-decoration: underline;
}

.reservation .process {
	margin-top:70px;
	margin-bottom: 60px;
}

.reservation .process ol {
	width: 580px;
	margin: 0 auto;
}

.reservation .process ol li {
	position: relative;
	float: left;
	width: 33%;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: #888;
}

.reservation .process ol li:before {
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto 12px;
	background: #d8d8d8;
	border-radius: 50%;
	font-size: 16px;
	font-weight: 500;
	line-height: 37px;
	color: #fff;
}

.reservation .process ol li:after {
	content: '';
	position: absolute;
	left: -27%;
	top: 20px;
	width: 100px;
	height: 1px;
	background: #d8d8d8;
}

.reservation .process ol li:nth-child(1):before {
	content: '1';
}

.reservation .process ol li:nth-child(2):before {
	content: '2';
}

.reservation .process ol li:nth-child(3):before {
	content: '3';
}

.reservation .process ol li:first-child:after {
	display: none;
}

.reservation .process ol li.active {
	color: #333;
}

.reservation .process ol li.active:before {
	background: #333;
}

.reservation .process ol li.active:after {
	background: #333;
}

.reservation .btn_change {
	position: absolute;
	z-index: 10;
	top: 0;
	right: 5px;
	min-width: 60px;
	height: 32px;
}

.reservation .wrap_btn {
	margin-bottom: 80px;
}

.overlay_calendar .contents {
	margin-top: 100px !important;
}

.overlay_calendar .calendar {
	float: left;
}

.overlay_calendar .calendar .ui-datepicker-other-month {
	color: #888;
}

.overlay_calendar .time {
	float: right;
	width: 325px;
}

.overlay_calendar .time .time_list {
	height: 600px;
	overflow: auto;
}

.overlay_calendar .time .time_list li {
	padding: 20px 24px;
	margin-top: 8px;
	border: 1px solid #E4E4E4;
	background-color: #f9fafc;
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
}

.overlay_calendar .time .time_list li:first-child {
	margin-top: 0;
}

.overlay_calendar .time .time_list [class^="btn_"][class$="-small"] {
	float: right;
	min-width: 72px;
	height: 30px;
	line-height: 28px;
	font-size: 12px;
}

/* 181207 modify s */
.custom_service {
	text-align: center;
}

.custom_service .info {
	border-top: 2px solid #000;
	border-bottom: 1px solid #E4E4E4;
	padding: 32px;
}

.custom_service .info p {
	font-size: 28px;
	color: #000;
	margin-bottom: 8px;
	font-weight: 500;
}

.custom_service .info span {
	color: #555;
}

.custom_service .info_detail {
	padding-top: 40px;
	line-height: 26px;
}

.custom_service .info_detail p {
	font-weight: 500;
}

.custom_service .info_detail span {
	color: #555;
}

#wrap.cs #file-upload-button {
	background:transparent;
}

#wrap.cs .notice {
	margin-left:146px;
}

.agree_info {
	padding: 24px;
}

.agree_info>p {
	float: left;
}

.agree_info .info_text {
	margin-right: 80px;
}

.agree_info .info_text a {
	margin-left: 10px;
	font-size: 14px;
}

.agree_info.between {
	margin-top: 60px;
}

/* //181207 modify e */
.custom_info {
	/* 181122 클래스 및 스타일 수정 s | 181130 아이콘 적용 및 수정 s */
	/* //181130 고객센터 아이콘 적용 및 수정 e */
	
}

.custom_info .msg_custom {
	margin-bottom: 60px;
	font-size: 48px;
	font-weight: 500;
	line-height: 1.29;
}

.custom_info .banner {
	display: flex;
	width: 100%;
	margin: 60px auto;
	padding: 34px;
	background: #ae1857;
	color: #fff;
}

.custom_info .banner .number, .custom_info .banner .date {
	position: relative;
	flex: 0 0 50%;
	text-align: center;
}

.custom_info .banner .number.number, .custom_info .banner .date.number {
	position: relative;
	font-size: 40px;
	line-height: 48px;
}

.custom_info .banner .number.number:after, .custom_info .banner .date.number:after
	{
	content: '';
	display: inline-block;
	position: absolute;
	right: 0;
	top: 5px;
	width: 1px;
	height: 40px;
	background: #d8d8d8;
}

.custom_info .banner .number.date, .custom_info .banner .date.date {
	font-size: 20px;
	font-weight: 500;
}

.custom_info .banner .number.date strong, .custom_info .banner .date.date strong
	{
	display: block;
	margin-top: 4px;
	font-size: 14px;
}

.custom_info .banner .number .ico_arrow, .custom_info .banner .date .ico_arrow
	{
	left: 63px;
	position: absolute;
	display: inline-block;
	width: 48px;
	height: 48px;
	overflow: hidden;
}

.custom_info .banner .number .ico_arrow:before, .custom_info .banner .date .ico_arrow:before
	{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 31px;
	height: 31px;
	-webkit-transform: translate(-50%, -50%) scale(1, 2) rotate(45deg);
	-moz-transform: translate(-50%, -50%) scale(1, 2) rotate(45deg);
	-o-transform: translate(-50%, -50%) scale(1, 2) rotate(45deg);
	-ms-transform: translate(-50%, -50%) scale(1, 2) rotate(45deg);
	transform: translate(-50%, -50%) scale(1, 2) rotate(45deg);
	margin-top: -22px;
	border-right: 1px solid #9b9fa8;
	border-bottom: 1px solid #9b9fa8;
}

.custom_info .info_sec-btn {
	border-top: 2px solid #000;
	padding: 60px 0;
}

.custom_info .info_sec-btn .title_area {
	width: 280px;
}

.custom_info .info_sec-btn .title_area .btn_link {
	border: 0;
	width: 150px;
	text-align: left;
	font-weight: 500;
	font-size: 14px;
}

.custom_info .info_sec-btn .title_area .ico_arrow {
	margin: -2px 0 0 9px;
	background: none;
	position: relative;
	display: inline-block;
	width: 6px;
	height: 12px;
	overflow: hidden;
}

.custom_info .info_sec-btn .title_area .ico_arrow:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 6px;
	height: 6px;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	margin-left: -2px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
}

.custom_info .info_sec-btn .inner {
	float: left;
	position: relative;
	width: calc(100% - 300px);
	margin-left: 20px;
}

.custom_info .info_sec-btn .apply_btn {
	float: left;
	position: relative;
	width: 280px;
	text-align: center;
}

.custom_info .info_sec-btn .apply_btn:nth-of-type(2) {
	margin-left: 120px;
}

.custom_info .info_sec-btn .apply_btn:nth-of-type(2):before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 43px;
	left: -59px;
	width: 2px;
	height: 70px;
	background-color: #e4e4e4;
}

.custom_info .info_sec-btn .apply_btn>a {
	display: block;
}

.custom_info .info_sec-btn .apply_btn .ico_arrow {
	display: block;
	width: 56px;
	height: 56px;
	margin: 28px auto;
	border: 1px solid #E4E4E4;
}

.custom_info .info_sec-btn .apply_btn .title_btn {
	font-size: 20px;
	font-weight: 500;
}

.custom_info .info_sec-btn .apply_btn p {
	display: block;
	color: #555;
}

.custom_info .info_sec-btn .apply_btn [class^="ico_"] {
	margin: 26px 0;
}

.custom_info .faq_question {
	margin: -20px 0;
}

.custom_info .faq_question li {
	border-bottom: 1px solid #d8d8d8;
}

.custom_info .faq_question li:last-of-type {
	border: 0;
}

.custom_info .faq_question span {
	margin-right: 16px;
}

.custom_info .faq_question a {
	display: block;
	padding: 24px;
	font-weight: 500;
}

.custom_info .info_list-sale {
	margin-top: -20px;
}

.custom_info .info_list-sale li {
	float: left;
	position: relative;
	width: 50%;
	padding: 24px 0;
	font-weight: 500;
}

.custom_info .info_list-sale li:nth-of-type(odd):before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 200%;
	height: 1px;
	background-color: #e4e4e4;
}

.custom_info .info_list-sale p {
	margin-bottom: 8px;
	font-weight: inherit;
}

.overlay_info .privacy h2:first-of-type {
	margin-top: 0;
}

.inquiry .wrap_btn {
	margin: 80px 0;
}

.inquiry .wrap_btn .btn_acco {
	position: relative;
	border: 1px solid #E4E4E4;
	background: #fff;
	padding: 16px;
	width: 100%;
	font-size: 16px;
	font-weight: 500;
}

.inquiry .wrap_btn .btn_acco .ico_arrow {
	top: 50%;
	right: 407px;
	margin-top: -6px;
	position: absolute;
	display: inline-block;
	width: 24px;
	height: 12px;
	overflow: hidden;
}

.inquiry .wrap_btn .btn_acco .ico_arrow:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 14px;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	margin-top: -5px;
	border-right: 1px solid #9b9fa8;
	border-bottom: 1px solid #9b9fa8;
}

.inquiry .wrap_btn .btn_acco[aria-pressed="true"] .ico_arrow {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.inquiry .wrap_btn .btn_acco[aria-pressed="true"] .ico_arrow:before {
	border-color: #2b2e38;
}

.inquiry .tbl_wrap {
	margin-bottom: 80px;
}

.inquiry .tbl_wrap .tbl_list th.center, .inquiry .tbl_wrap .tbl_list td.center
	{
	text-align: center;
}

.inquiry .tbl_wrap .tbl_list td {
	height: 72px;
	padding: 0 12px;
	text-align: right;
}

.inquiry .tbl_wrap .tbl_list td select {
	height: 47px;
}

.inquiry .tbl_wrap .tbl_list td.point {
	color: #ae1857;
	font-weight: 500;
}

.inquiry .tbl_wrap.result td {
	font-size: 14px;
}

.inquiry .sub_title {
	margin-top: 80px !important;
}

.noti_wrap {
	padding-top: 32px;
	border-top: 1px solid #000;
	font-size: 14px;
	color: #000;
}

.noti_wrap .notice_title {
	margin-bottom: 16px;
	font-size: 16px;
}

.noti_wrap .notice_title .ico_warning {
	margin: -4px 5px 0 0;
}

.noti_wrap .noti_list li:before {
	content: '·';
}

.noti_wrap .noti_step li {
	margin-top: 16px;
	list-style-position: inside;
	list-style-type: decimal;
	color: #000;
}

.noti_wrap .noti_step li span {
	display: block;
	color: #888;
}

.noti_wrap.search {
	padding-top: 80px;
	border: 0;
	text-align: center;
}

.scroll_box {
	max-height: 320px;
	padding: 24px;
	border: 1px solid #dbdbdb;
	overflow-y: scroll;
	overflow-x: hidden;
}

.privacy {
	line-height: 1.5;
}

.privacy .title_area h1 {
	font-size: 48px;
	font-weight: 500;
}

.privacy .title_area p {
	font-size: 14px;
	margin: 20px 0 60px;
}

.privacy .tab_area {
	margin-left: -1px;
	margin-bottom: 83px;
}

.privacy .tab_area li {
	text-align: center;
	font-weight: 500;
	border: 1px solid #000;
	float: left;
	width: 50%;
	margin-bottom: -1px;
	margin-right: -1px;
}

.privacy .tab_area li a {
	font-weight: 500;
	display: block;
	padding: 24px;
}

.privacy .list_area h2 {
	font-weight: 500;
	margin: 40px 0 20px;
	font-size: 28px;
}

.privacy .list_area h2:before {
	height: 2px;
	background: #000;
	content: '';
	display: block;
	margin-bottom: 40px;
}

.privacy .list_area h2:first-of-type:before {
	display: none;
}

.privacy .list_area h3 {
	margin: 32px 0 12px;
	font-weight: 500;
}

.privacy .list_area p {
	margin-bottom: 16px;
}

.privacy .list_area .list_blt-num li {
	color: #555555;
	font-size: 14px;
	margin-bottom: 12px;
}

.privacy .list_area .list_blt-num li.point {
	color: #ae1857;
	font-size: 12px;
}

.privacy .list_area .list_blt-num li li {
	margin-left: 12px;
	text-indent: -9px;
}

.privacy .list_area .list_blt-num li li:first-of-type {
	margin-top: 12px;
}

.privacy .list_area .list_blt-dot li {
	font-size: 16px;
	color: #000;
	margin: 0 0 16px 12px;
	text-indent: -12px;
}

.privacy .list_area .list_blt-dot li:before {
	content: '·';
	margin-right: 8px;
}

.privacy .list_area .list_blt-dot li ul {
	margin: 12px 0 0 -12px;
}

.privacy .list_area .list_blt-dot li ul li {
	color: #555;
	font-size: 14px;
	margin-bottom: 12px;
}

.privacy .list_area .list_blt-dot li ul li:before {
	content: '';
}

.privacy .list_area .list_blt-dot li ul li li {
	text-indent: 0;
}

.privacy .link_area, .privacy .notice_area {
	margin-top: 40px;
	text-align: center;
}

.privacy .link_area:before, .privacy .notice_area:before {
	height: 2px;
	background: #000;
	margin-bottom: 40px;
	display: block;
	content: '';
}

.privacy .link_area a, .privacy .notice_area a {
	display: block;
	margin-bottom: 20px;
	color: #ae1857;
	text-decoration: underline;
}

.privacy .link_area span, .privacy .notice_area span {
	color: #555555;
}

.package_list {
	float: left;
	width: 50%;
	margin-top: 20px;
}

.package_list:nth-of-type(2n+1) {
	clear: left;
}

.package_list:first-of-type, .package_list:nth-of-type(2) {
	margin-top: 0;
}

.package_list dt {
	margin-bottom: 12px;
	font-size: 18px;
	font-weight: 500;
}

.package_list dd {
	margin-top: 12px;
}

.package_list dd ul {
	margin-top: 8px;
}

.package_list dd li {
	margin-top: 0;
}

.highlight_box {
	position: relative;
	width: 220px;
	height: 220px;
	padding: 59px 0;
	text-align: center;
}

.highlight_box:before, .highlight_box:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 55px;
	border: solid #ae1857;
	border-width: 18px 18px 0;
}

.highlight_box:after {
	top: auto;
	bottom: 0;
	border-width: 0 18px 18px;
}

.highlight_box strong {
	display: block;
	margin-bottom: 12px;
	font-size: 32px;
	font-weight: 500;
	color: #ae1857;
}

.highlight_box.big {
	width: 280px;
	height: 280px;
	padding: 77px 0;
}

.highlight_box.big:before, .highlight_box.bigafter {
	height: 70px;
	border-width: 24px 24px 0;
}

.highlight_box.big:after {
	border-width: 0 24px 24px;
}

.exterior .highlight_box {
	float: left;
	margin-left: 60px;
}

.exterior .highlight_box:first-of-type {
	margin-left: 0;
}

.exterior .highlight_text {
	margin-bottom: 40px;
	font-size: 0;
}

.exterior .highlight_text strong {
	display: inline-block;
	position: relative;
	width: 25%;
	font-size: 60px;
	color: #ae1857;
	text-align: center;
}

.exterior .highlight_text strong:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-radius: 100%;
	background-color: #ae1857;
}

.exterior .highlight_text strong:first-of-type:before {
	display: none;
}

.exterior .highlight_text+p {
	font-size: 32px;
	text-align: center;
}

.exterior .highlight_text+p strong {
	font-weight: 500;
}

.design_development dl {
	float: left;
	width: 50%;
	margin-top: 40px;
}

.design_development dl dt {
	margin-bottom: 12px;
	font-size: 18px;
	font-weight: 500;
}

.design_development dl dd {
	margin-bottom: 20px;
}

.design_development [class^="box_"] {
	display: inline-block;
	width: 80px;
	height: 80px;
	margin-right: 20px;
	line-height: 78px;
	color: #fff;
	text-align: center;
}

.design_development [class^="box_"][class$="white"] {
	border: 1px solid #000;
	color: #000;
}

.design_development [class^="box_"][class$="grey"] {
	background-color: #575756;
}

.design_development [class^="box_"][class$="black"] {
	background-color: #000;
}

.design {
	/* 190102 추가 */
	/* //190102 추가 */
	/* 181221 디자인 목표 추가 s */
	/* //181221 디자인 목표 추가 e */
	
}

.design .list_img {
	margin: 0 -15px -40px 0;
	/* 190102 추가 */
}

.design .list_img li {
	margin: 0 15px 40px 0;
	/* 190102 여백 값 수정 */
	display: inline-block;
	/* 190102 삭제 */
	/* &:last-of-type {
				margin-right:0;
			} */
}

.design .list_img li .title_img {
	margin-top: 20px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
}

.design .list_img li .white, .design .list_img li .grey, .design .list_img li .black
	{
	border: 1px solid #000;
	width: 247px;
	height: 40px;
	display: inline-block;
}

.design .list_img li .grey, .design .list_img li .black {
	border-color: #979797;
	background: #575756;
}

.design .list_img li .black {
	background: #1c1c1b;
}

.design .tbl_wrap td {
	vertical-align: top;
}

.design .tbl_wrap td .define_apt>li {
	position: relative;
	margin-bottom: 12px;
	font-weight: 500;
}

.design .tbl_wrap td .define_apt>li:last-of-type {
	margin: 0;
}

.design .tbl_wrap td .define_apt>li .orange, .design .tbl_wrap td .define_apt>li .red,
	.design .tbl_wrap td .define_apt>li .blue, .design .tbl_wrap td .define_apt>li .brand .desc_bi dd .white,
	.brand .desc_bi dd .design .tbl_wrap td .define_apt>li .white, .brand .desc_bi dd .design .tbl_wrap td .list_img .define_apt>li .grey,
	.brand .desc_bi dd .design .list_img .tbl_wrap td .define_apt>li .grey,
	.design .tbl_wrap td .list_img .define_apt>li .brand .desc_bi dd .grey,
	.design .list_img .tbl_wrap td .define_apt>li .brand .desc_bi dd .grey,
	.brand .desc_bi dd .design .tbl_wrap td .list_img .define_apt>li .black,
	.design .tbl_wrap td .list_img .define_apt>li .brand .desc_bi dd .black,
	.design .tbl_wrap td .define_apt>li .brand .desc_bi dd .black, .brand .desc_bi dd .design .tbl_wrap td .define_apt>li .black,
	.design .tbl_wrap td .define_apt>li .brand .desc_bi dd .gray, .brand .desc_bi dd .design .tbl_wrap td .define_apt>li .gray,
	.design .tbl_wrap td .define_apt>li .brand .desc_bi dd .silver, .brand .desc_bi dd .design .tbl_wrap td .define_apt>li .silver,
	.design .tbl_wrap td .define_apt>li .brand .desc_bi dd .gold, .brand .desc_bi dd .design .tbl_wrap td .define_apt>li .gold,
	.design .tbl_wrap td .define_apt>li .green, .design .list_apt>li .brand .desc_bi dd .tbl_wrap td .define_apt>li span.white,
	.brand .desc_bi dd .design .tbl_wrap td .define_apt>li .list_img .list_apt>li span.grey,
	.design .tbl_wrap td .define_apt>li .list_img .list_apt>li .brand .desc_bi dd span.grey,
	.design .list_img .list_apt>li .brand .desc_bi dd .tbl_wrap td .define_apt>li span.grey,
	.design .list_img .list_apt>li .brand .desc_bi dd .tbl_wrap td .define_apt>li span.black,
	.design .list_apt>li .brand .desc_bi dd .tbl_wrap td .define_apt>li span.black,
	.design .list_apt>li .brand .desc_bi dd .tbl_wrap td .define_apt>li span.gray,
	.design .list_apt>li .brand .desc_bi dd .tbl_wrap td .define_apt>li span.silver,
	.design .list_apt>li .brand .desc_bi dd .tbl_wrap td .define_apt>li span.gold
	{
	width: 8px;
	height: 8px;
	background: #f08450;
	position: absolute;
	right: 48px;
	top: 50%;
	transform: translate(0, -50%);
}

.design .tbl_wrap td .define_apt>li .red {
	background: #c43040;
	right: 32px;
}

.design .tbl_wrap td .define_apt>li .blue, .design .tbl_wrap td .define_apt>li .brand .desc_bi dd .white,
	.brand .desc_bi dd .design .tbl_wrap td .define_apt>li .white, .brand .desc_bi dd .design .tbl_wrap td .list_img .define_apt>li .grey,
	.brand .desc_bi dd .design .list_img .tbl_wrap td .define_apt>li .grey,
	.design .tbl_wrap td .list_img .define_apt>li .brand .desc_bi dd .grey,
	.design .list_img .tbl_wrap td .define_apt>li .brand .desc_bi dd .grey,
	.brand .desc_bi dd .design .tbl_wrap td .list_img .define_apt>li .black,
	.design .tbl_wrap td .list_img .define_apt>li .brand .desc_bi dd .black,
	.design .tbl_wrap td .define_apt>li .brand .desc_bi dd .black, .brand .desc_bi dd .design .tbl_wrap td .define_apt>li .black,
	.design .tbl_wrap td .define_apt>li .brand .desc_bi dd .gray, .brand .desc_bi dd .design .tbl_wrap td .define_apt>li .gray,
	.design .tbl_wrap td .define_apt>li .brand .desc_bi dd .silver, .brand .desc_bi dd .design .tbl_wrap td .define_apt>li .silver,
	.design .tbl_wrap td .define_apt>li .brand .desc_bi dd .gold, .brand .desc_bi dd .design .tbl_wrap td .define_apt>li .gold
	{
	background: #0a6ea4;
	right: 16px;
}

.design .tbl_wrap td .define_apt>li .green {
	background: #48d0ac;
	right: 0;
}

.design .list_apt>li {
	display: inline-block;
	font-weight: 500;
	position: relative;
	padding-right: 48px;
	margin: 0;
}

.design .list_apt>li span.orange, .design .list_apt>li .tbl_wrap td .define_apt>li span.red,
	.design .tbl_wrap td .define_apt>li .list_apt>li span.red, .design .list_apt>li .tbl_wrap td .define_apt>li span.blue,
	.design .tbl_wrap td .define_apt>li .list_apt>li span.blue, .design .tbl_wrap td .define_apt>li .brand .desc_bi dd .list_apt>li span.white,
	.brand .desc_bi dd .design .tbl_wrap td .define_apt>li .list_apt>li span.white,
	.brand .desc_bi dd .design .list_apt>li .tbl_wrap td .list_img .define_apt>li span.grey,
	.brand .desc_bi dd .design .list_apt>li .list_img .tbl_wrap td .define_apt>li span.grey,
	.brand .desc_bi dd .design .list_img .tbl_wrap td .define_apt>li .list_apt>li span.grey,
	.design .list_apt>li .tbl_wrap td .list_img .define_apt>li .brand .desc_bi dd span.grey,
	.design .tbl_wrap td .list_img .define_apt>li .brand .desc_bi dd .list_apt>li span.grey,
	.design .list_apt>li .list_img .tbl_wrap td .define_apt>li .brand .desc_bi dd span.grey,
	.design .list_img .tbl_wrap td .define_apt>li .brand .desc_bi dd .list_apt>li span.grey,
	.design .tbl_wrap td .list_img .define_apt>li .brand .desc_bi dd .list_apt>li span.black,
	.design .tbl_wrap td .define_apt>li .brand .desc_bi dd .list_apt>li span.black,
	.brand .desc_bi dd .design .tbl_wrap td .define_apt>li .list_apt>li span.black,
	.design .tbl_wrap td .define_apt>li .brand .desc_bi dd .list_apt>li span.gray,
	.brand .desc_bi dd .design .tbl_wrap td .define_apt>li .list_apt>li span.gray,
	.design .tbl_wrap td .define_apt>li .brand .desc_bi dd .list_apt>li span.silver,
	.brand .desc_bi dd .design .tbl_wrap td .define_apt>li .list_apt>li span.silver,
	.design .tbl_wrap td .define_apt>li .brand .desc_bi dd .list_apt>li span.gold,
	.brand .desc_bi dd .design .tbl_wrap td .define_apt>li .list_apt>li span.gold,
	.design .list_apt>li .tbl_wrap td .define_apt>li span.green, .design .tbl_wrap td .define_apt>li .list_apt>li span.green,
	.design .list_apt>li span.red, .design .list_apt>li span.blue, .design .list_apt>li .brand .desc_bi dd span.white,
	.brand .desc_bi dd .design .list_apt>li span.white, .brand .desc_bi dd .design .list_img .list_apt>li span.grey,
	.design .list_img .list_apt>li .brand .desc_bi dd span.grey, .brand .desc_bi dd .design .list_img .list_apt>li span.black,
	.design .list_img .list_apt>li .brand .desc_bi dd span.black, .design .list_apt>li .brand .desc_bi dd span.black,
	.brand .desc_bi dd .design .list_apt>li span.black, .design .list_apt>li .brand .desc_bi dd span.gray,
	.brand .desc_bi dd .design .list_apt>li span.gray, .design .list_apt>li .brand .desc_bi dd span.silver,
	.brand .desc_bi dd .design .list_apt>li span.silver, .design .list_apt>li .brand .desc_bi dd span.gold,
	.brand .desc_bi dd .design .list_apt>li span.gold, .design .list_apt>li span.green
	{
	width: 8px;
	height: 8px;
	background: #f08450;
	position: absolute;
	right: 32px;
	top: 50%;
	transform: translate(0, -50%);
}

.design .list_apt>li span.red {
	background: #c43040;
}

.design .list_apt>li span.blue, .design .list_apt>li .brand .desc_bi dd span.white,
	.brand .desc_bi dd .design .list_apt>li span.white, .brand .desc_bi dd .design .list_img .list_apt>li span.grey,
	.design .list_img .list_apt>li .brand .desc_bi dd span.grey, .brand .desc_bi dd .design .list_img .list_apt>li span.black,
	.design .list_img .list_apt>li .brand .desc_bi dd span.black, .design .list_apt>li .brand .desc_bi dd span.black,
	.brand .desc_bi dd .design .list_apt>li span.black, .design .list_apt>li .brand .desc_bi dd span.gray,
	.brand .desc_bi dd .design .list_apt>li span.gray, .design .list_apt>li .brand .desc_bi dd span.silver,
	.brand .desc_bi dd .design .list_apt>li span.silver, .design .list_apt>li .brand .desc_bi dd span.gold,
	.brand .desc_bi dd .design .list_apt>li span.gold {
	background: #0a6ea4;
}

.design .list_apt>li span.green {
	background: #48d0ac;
}

.design .inner>p {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 500;
}

.design .inner.arrow {
	background: url("/fo/assets/img/common/ico_arrow_02.png") no-repeat;
	background-size: 32px 5px;
	background-position: 60% 50%;
	display: inline-block;
}

.design .inner .develop_process {
	margin-top: 40px;
}

.design .inner .info_list li {
	padding-left: 8px;
	text-indent: -8px;
}

.design .inner .info_list.step01, .design .inner .info_list.step02 {
	margin: 0 100px 0 0;
	width: 340px;
	float: left;
}

.design .inner .info_list.step02 {
	margin: 0;
}

.design .inner .info_list.structure li {
	margin-bottom: 12px;
}

.design .inner .info_list.landscape {
	margin: -8px 0 20px;
}

.design .inner .info_list.landscape li {
	text-indent: 0;
}

.design .inner.structure {
	margin-top: -72px;
	padding-bottom: 40px !important;
	text-align: center;
}

.design .inner .figure {
	margin-bottom: 40px;
}

.design .inner .figure:first-of-type {
	margin-bottom: 0;
}

.design .inner.system {
	padding-bottom: 40px !important;
}

.design .inner.system .figure {
	float: left;
	margin: 0 20px 0 0;
}

.design .inner.system .info_list {
	float: left;
	margin-top: 0;
}

.design .inner.system .info_list li {
	margin-bottom: 12px;
	font-size: 18px;
}

.design .inner.media {
	text-align: center;
}

.design .inner.saving span {
	margin-right: 20px;
	font-weight: 500;
}

.design .inner.saving figure:first-of-type {
	margin-bottom: 40px;
}

.design .desc {
	font-size: 48px;
	font-weight: 500;
	margin-bottom: 40px;
}

.design .subheading+.inner>p {
	font-weight: 300;
	font-size: 16px;
	margin-bottom: 0;
	line-height: 24px;
}

.design .subheading+.inner.saving>p {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 500;
}

.design .subheading.structure {
	margin: 0 0 40px -200px;
}

.design .figure+.info_sec:first-of-type {
	padding-top: 40px;
}

.design .design_goal .inner {
	text-align: center;
}

.design .design_goal .inner em {
	font-style: normal;
	font-weight: 500;
}

.design .design_goal .inner .slogan {
	margin: 60px 0;
	font-size: 28px;
	font-weight: 300;
	line-height: 38px;
	color: #555;
}

.design .req_text {
	margin-left: 200px;
	font-size: 12px;
	font-weight: 300;
	color: #555;
}

.brand {
	/* 181130 hisotyr 추가 s */
	/* 181130 hisotyr 추가 e */
	/* 181207 추가 s */
	/* //181207 추가 e */
	
}

.brand .desc {
	margin-bottom: 40px;
}

.brand .point {
	color: #ae1857;
	font-size: 12px;
	display: block;
	margin-top: 16px;
}

.brand .list_img {
	margin-bottom: -20px;
}

.brand .list_img>li {
	display: inline-block;
	margin: 0 15px 20px 0;
	position: relative;
}

.brand .list_img>li:nth-of-type(2n) {
	margin-right: 0;
}

.brand .list_img .highlight_box {
	width: 120px;
	height: 30px;
	position: absolute;
	padding: 60px 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.brand .list_img .highlight_box:before, .brand .list_img .highlight_box:after
	{
	border-color: #fff;
	height: 30px;
}

.brand .list_img .highlight_box:before {
	border-width: 10px 10px 0;
}

.brand .list_img .highlight_box:after {
	border-width: 0 10px 10px;
}

.brand .list_img .slogan_kr {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 24px;
	font-weight: 700;
	color: #fff;
}

.brand .list_img .slogan_en {
	position: absolute;
	font-size: 14px;
	color: #fff;
	bottom: 20px;
	left: 50%;
	transform: translate(-50%, 0);
}

.brand .brand_slogan {
	position: relative;
	color: #fff;
}

.brand .brand_slogan span, .brand .brand_slogan h3 {
	left: 50%;
	transform: translate(-50%, 0);
}

.brand .brand_slogan span {
	position: absolute;
	top: 96px;
	text-align: center;
	padding-bottom: 8px;
	width: 160px;
	border-bottom: 2px solid #fff;
}

.brand .brand_slogan h3 {
	position: absolute;
	top: 125px;
	font-size: 48px;
	font-weight: 700;
	white-space: nowrap;
}

.brand .desc_bi dt {
	font-size: 18px;
	font-weight: 500;
	float: left;
	width: 200px;
}

.brand .desc_bi dd {
	float: left;
	margin-right: 80px;
}

.brand .desc_bi dd:nth-of-type(2) {
	margin: 0;
}

.brand .desc_bi dd span {
	display: inline-block;
	float: left;
	font-weight: 500;
}

.brand .desc_bi dd .burgendy, .brand .desc_bi dd .brown, .brand .desc_bi dd .blue,
	.brand .desc_bi dd .white, .brand .desc_bi dd .design .list_img li .grey,
	.design .list_img li .brand .desc_bi dd .grey, .brand .desc_bi dd .design .list_img li .black,
	.design .list_img li .brand .desc_bi dd .black, .brand .desc_bi dd .black,
	.brand .desc_bi dd .gray, .brand .desc_bi dd .silver, .brand .desc_bi dd .gold
	{
	width: 80px;
	height: 80px;
	background: #ae1857;
}

.brand .desc_bi dd .brown, .brand .desc_bi dd .blue, .brand .desc_bi dd .white,
	.brand .desc_bi dd .design .list_img li .grey, .design .list_img li .brand .desc_bi dd .grey,
	.brand .desc_bi dd .design .list_img li .black, .design .list_img li .brand .desc_bi dd .black,
	.brand .desc_bi dd .black, .brand .desc_bi dd .gray, .brand .desc_bi dd .silver,
	.brand .desc_bi dd .gold {
	background: #572a31;
	margin-bottom: 40px;
}

.brand .desc_bi dd .blue, .brand .desc_bi dd .white, .brand .desc_bi dd .design .list_img li .grey,
	.design .list_img li .brand .desc_bi dd .grey, .brand .desc_bi dd .design .list_img li .black,
	.design .list_img li .brand .desc_bi dd .black, .brand .desc_bi dd .black,
	.brand .desc_bi dd .gray, .brand .desc_bi dd .silver, .brand .desc_bi dd .gold
	{
	background: #3a8dde;
}

.brand .desc_bi dd .white, .brand .desc_bi dd .design .list_img li .grey,
	.design .list_img li .brand .desc_bi dd .grey, .brand .desc_bi dd .design .list_img li .black,
	.design .list_img li .brand .desc_bi dd .black {
	background: #fff;
	border: 1px solid #000;
}

.brand .desc_bi dd .black {
	background: #1c1c1b;
}

.brand .desc_bi dd .gray {
	background: #575756;
}

.brand .desc_bi dd .silver {
	background: #8c9091;
}

.brand .desc_bi dd .gold {
	background: #b49759;
}

.brand .desc_bi dd .desc_color {
	vertical-align: top;
	width: 195px;
	margin-left: 15px;
	line-height: 1.6;
}

.brand .desc_bi dd .desc_color span {
	color: #555;
	font-size: 14px;
	margin-top: 12px;
	line-height: 1.57;
}

.brand .desc_bi.line dd {
	margin: 0;
}

.brand .desc_bi.line dd:nth-of-type(odd) {
	margin-left: 200px;
}

.brand .desc_bi.line dd:first-of-type {
	margin: 0;
}

.brand .desc_bi.line:before {
	height: 1px;
	content: '';
	display: block;
	background: #e4e4e4;
	margin: 40px 0;
}

.brand .history li {
	display: inline-block;
	width: calc(50% - 3px);
}

.brand .history li .title {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 500;
}

.brand .history li img {
	max-width: 100%;
}

.brand .ico_download {
	margin-top: -2px;
}

.news_view article {
	min-height: 480px;
	padding: 40px 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #E4E4E4;
}

.news_view .news_head {
	float: left;
	width: 300px;
	padding-right: 40px;
}

.news_view .news_head h2 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 20px;
	line-height: 1.5;
}

.news_view .news_head p {
	font-size: 14px;
}

.news_view .news_contents {
	float: left;
	width: calc(100% - 300px);
	word-break: break-all;
	line-height: 1.5;
}

.news_view .btn_link-article {
	display: block;
	margin-top: 20px;
	border: 0;
	text-align: left;
}

.news_view .btn_link-article a {
	font-weight: 500;
	color: #ae1857;
	text-decoration: underline;
}

.news_view .wrap_btn-view {
	margin-top: 40px;
}

.news_view .wrap_btn-view [class^="btn_"] {
	float: left;
	width: 180px;
	min-width: auto;
	margin-right: 20px;
}

.news_view .wrap_btn-view [class^="btn_"]:last-of-type {
	float: right;
	margin-right: 0;
}

.costabBox .costTab {
	display:inline-block;
	width:490px;
	height:48px;
	/* margin-bottom:77px; */
	line-height:46px;
	text-align:center;
	border:1px solid #ae1857;
	color:#ae1857;
}

.reserve .costabBox .costTab {
	width:197px;
}

.costabBox .costTab.current {
	margin-left:-4px;
	margin-right:-1px;
	background: #ae1857;
	color:#fff;
}

.costabBox .presaleTab {
	margin-left:-4px;
	margin-right:-1px;
}

/* 181130 faq 하단 배너 영역 추가 s */
.banner {
	margin-top: 80px;
	padding: 38px 40px;
	background: #FCFCFC;
	border: 1px solid #F5F5F5;
}

.banner a {
	float: right;
	margin-top: -25px;
}

.banner a .ico_arrow {
	margin: -4px 0 0 4px;
	position: relative;
	display: inline-block;
	width: 6px;
	height: 12px;
	overflow: hidden;
}

.banner a .ico_arrow:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 6px;
	height: 6px;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	margin-left: -2px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
}

/* //181130 faq 하단 배너 영역 추가 e */
/* 181130 error 페이지 추가 s */
.error {
	margin-top: 80px;
	text-align: center;
}

.error .error_txt {
	font-size: 20px;
	font-weight: 500;
	color: #888;
}

.error .error_wrap {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #E4E4E4;
}

.error .error_wrap>p {
	font-size: 18px;
	font-weight: 500;
}

.error .error_wrap ul {
	margin-bottom: 20px;
}

.error .error_wrap ul>li {
	margin-top: 12px;
}

/* //181130 error 페이지 추가 e */
/* 181207 add s */
.search_tit {
	margin-bottom: 60px;
}

/* //181207 add e */
/* 181226 system popup 추가 */
[class^="popup"] {
	overflow-x: hidden;
	min-width: auto;
	padding: 40px;
}

[class^="popup"] .label_txt {
	display: inline-block;
	min-width: 7em;
	line-height: 52px;
	color: #888;
	font-size: 20px;
}

[class^="popup"] .multi_line {
	display: inline-block;
	margin-left: 9em;
}

/* 20200207 CF 추가 */
.cf .subheading {
	float: none;
	width: 100%;
	line-height: 41px;
	margin-bottom: 30px;
}

.cf .behind_slide {
	margin-bottom: 40px;
}

.cf .behind_slide [class^="swiper-button"] {
	top: 50%;
	right: 0;
	width: 64px;
	height: 64px;
	background: transparent;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.cf .behind_slide .swiper-button-prev {
	left: auto;
	left: 0;
}

.cf .behind_slide [class^="ico_slide"] {
	display: block;
	width: 64px;
	height: 64px;
	background: url("/resources/images/user/common/btn_slide_wh.png") no-repeat;
}

.cf .behind_slide .ico_slide_prev_wh {
	background-position: 0 -70px;
}

.cf .behind_slide img {
	width: 100%;
	height: 100%;
}

.cf .texts h4 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 500;
}

.cf_behind .tab_contents {
	padding-bottom: 60px;
	border-bottom: 1px solid #E4E4E4;
}

.cf_behind [role="tablist"] {
	padding-top: 40px;
	font-size: 0;
}

.cf_behind [role="tablist"] li {
	display: inline-block;
	margin-right: 20px;
}

.cf_behind [role="tablist"] button {
	font-size: 20px;
	text-align: left;
	color: #888;
}

.cf_behind [role="tablist"] button[aria-selected="true"] {
	color: #000;
}

.cf_behind [role="tablist"] button[aria-selected="true"] span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 4px solid #ae1857;
}

.cf_behind .thumb {
	display: block;
	position: relative;
	margin-bottom: 12px;
}

.cf .behind_content {
	display:none;
}

.cf .behind_content.active {
	display:block;
}

.cf .behind.active .thumb:before {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 4px solid #ae1857;
}

.ico_big_warning {
	background-image: url(/resources/images/user/common/sprite.png);
	background-position: 0px 0px;
	width: 82px;
	height: 82px;
}

.ico_cs01 {
	background-image: url(/resources/images/user/common/sprite.png);
	background-position: -86px 0px;
	width: 60px;
	height: 60px;
}

.ico_cs02 {
	background-image: url(/resources/images/user/common/sprite.png);
	background-position: 0px -150px;
	width: 60px;
	height: 60px;
}

.ico_cs03 {
	background-image: url(/resources/images/user/common/sprite.png);
	background-position: 0px -86px;
	width: 60px;
	height: 60px;
}

.ico_cs04 {
	background-image: url(/resources/images/user/common/sprite.png);
	background-position: -64px -86px;
	width: 60px;
	height: 60px;
}

.ico_cs05 {
	background-image: url(/resources/images/user/common/sprite.png);
	background-position: -150px 0px;
	width: 60px;
	height: 60px;
}

.ico_cs06 {
	background-image: url(/resources/images/user/common/sprite.png);
	background-position: -150px -64px;
	width: 60px;
	height: 60px;
}

.ico_download {
	background-image: url(/resources/images/user/common/sprite.png);
	background-position: -214px -58px;
	width: 24px;
	height: 24px;
}

.ico_first {
	background-image: url(/resources/images/user/common/sprite.png);
	background-position: -214px -30px;
	width: 24px;
	height: 24px;
}

.ico_home {
	background-image: url(/resources/images/user/common/sprite.png);
	background-position: 0px -214px;
	width: 21px;
	height: 21px;
}

.ico_last {
	background-image: url(/resources/images/user/common/sprite.png);
	background-position: -214px -86px;
	width: 24px;
	height: 24px;
}

.ico_next {
	background-image: url(/resources/images/user/common/sprite.png);
	background-position: -214px -114px;
	width: 24px;
	height: 24px;
}

.ico_prev {
	background-image: url(/resources/images/user/common/sprite.png);
	background-position: -214px -142px;
	width: 24px;
	height: 24px;
}

.ico_radio_off {
	background-image: url(/resources/images/user/common/sprite.png);
	background-position: -214px -170px;
	width: 24px;
	height: 24px;
}

.ico_radio_on {
	background-image: url(/resources/images/user/common/sprite.png);
	background-position: -214px 0px;
	width: 26px;
	height: 26px;
}

.ico_search {
	background-image: url(/resources/images/user/common/sprite.png);
	background-position: -64px -150px;
	width: 40px;
	height: 40px;
}

.ico_slide_next {
	background-image: url(/resources/images/user/common/sprite.png);
	background-position: -108px -150px;
	width: 40px;
	height: 40px;
}

.ico_slide_prev {
	background-image: url(/resources/images/user/common/sprite.png);
	background-position: -152px -150px;
	width: 40px;
	height: 40px;
}

.ico_warning {
	background-image: url(/resources/images/user/common/sprite.png);
	background-position: -150px -128px;
	width: 16px;
	height: 16px;
}

.bt0 {
	border-bottom:0 !important;
}

.br0 {
	border-right:0 !important;
}



/*개인정보처리방침 230818*/
.container .page-title{padding: 0px 0 50px;  color: #111;  font-size: 38px;  text-align: center;  font-weight: 300;}
.container .customer{width: 1200px; margin: 0 auto;}
.container .customer .etc .labelWrap,
.container .customer .etc .indexWrap {
	margin: 0px auto;
    position: relative;
	margin-bottom: 90px;
}

.container .customer .etc .labelWrap h4,
.container .customer .etc .indexWrap h4 {
	font-size: 24px;
	padding: 10px 0;
    text-align: center;
	background: #d9d9d9;
}

.container .customer .etc .labelWrap > ul,
.container .customer .etc .indexWrap > ul {
	width: 100%;
    box-sizing: border-box;
    padding: 35px 30px;
    position: relative;
    margin-bottom: 30px;
    background: #f4f5f8;
}

.container .customer .etc .labelWrap > ul::after {
    content: "";
    clear: both;
    width: 1px;
    height: 0px;
    display: block;
}

.container .customer .etc .labelWrap > ul > li:nth-child(1) {
	margin-left: 205px;
}
.container .customer .etc .labelWrap > ul > li:nth-child(3) {
	margin-left: 30px;
}

.container .customer .etc .labelWrap > ul > li {
	width: 340px;
    height: 220px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #b5cadd;
    box-shadow: 8px 8px 16px rgb(121 160 193 / 17%);
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    border-radius: 12px;
    position: relative;
}

.container .customer .etc .labelWrap > ul > li > a {
    width: 100%;
    display: block;
    height: 218px;
    box-sizing: border-box;
    padding-top: 47px;
    text-align: center;
}

.container .customer .etc .labelWrap .labelBox {
    width: 400px;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
    border: 2px solid #6b9ecc;
    box-shadow: 8px 8px 16px rgb(121 160 193 / 17%);
    border-radius: 12px;
    position: absolute;
    z-index: 1;
    display: none;
}

.container .customer .etc .labelWrap .imgWrap  {
    width: 100%;
    display: flex;
    margin-bottom: 30px;
    flex-direction: column;
    align-items: center;
}

.container .customer .etc .labelWrap strong {
    color: #000;
    font-size: 20px;
    letter-spacing: -1px;
	margin-top: 30px;
}

.container .customer .etc .labelWrap > ul > li:nth-child(1) .labelBox {
    top: calc(100% + 30px);
    left: 0;
}
.container .customer .etc .labelWrap > ul > li:nth-child(2) .labelBox {
    top: calc(100% + 30px);
    right: 0;
}
.container .customer .etc .labelWrap > ul > li:nth-child(3) .labelBox {
    bottom: calc(100% + 30px);
    left: 0;
}
.container .customer .etc .labelWrap > ul > li:nth-child(4) .labelBox {
    bottom: calc(100% + 30px);
    left: 0;
}
.container .customer .etc .labelWrap > ul > li:nth-child(5) .labelBox {
    bottom: calc(100% + 30px);
    right: 0;
}




.container .customer .etc .indexWrap a {
	color: #333;
}

.container .customer .etc .indexWrap a img {
	vertical-align: middle;
	width: 30px;
}

.container .customer .etc .indexWrap ul li {
    width: 520px;
    height: 45px;
    margin-bottom: 5px;
    border-radius: 4px;
    position: relative;
	font-size: 1rem;
}

.container .customer .etc .indexWrap ul li:nth-child(8) {
    position: absolute;
    top: 34px;
    right: 45px;
}
.container .customer .etc .indexWrap ul li:nth-child(9) {
    position: absolute;
    top: 84px;
    right: 45px;
}
.container .customer .etc .indexWrap ul li:nth-child(10) {
    position: absolute;
    top: 134px;
    right: 45px;
}
.container .customer .etc .indexWrap ul li:nth-child(11) {
    position: absolute;
    top: 185px;
    right: 45px;
}
.container .customer .etc .indexWrap ul li:nth-child(12) {
    position: absolute;
    top: 234px;
    right: 45px;
}
.container .customer .etc .indexWrap ul li:nth-child(13) {
    position: absolute;
    top: 284px;
    right: 45px;
}
.container .customer .etc .indexWrap ul li:nth-child(14) {
    position: absolute;
    top: 334px;
    right: 45px;
}

.container .customer .etc .indexWrap > ul {
	padding: 35px 120px !important;
	background: #fff !important;
	border: 1px solid #b5cadd;
}

.container .customer .etc .indexWrap ul::after {
    content: "";
    clear: both;
    width: 1px;
    height: 0px;
    display: block;
}

.container .customer .etc .indexSection {
	font-size: 15px;
}

.container .customer .etc .indexSection .privacy_list {
	padding-bottom: 90px;
}

.container .customer .etc .indexSection .privacy_list h4 {
    margin-bottom: 20px;
    font-size: 20px;
    display: flex;
    align-items: center;
		font-weight:500;
}

.container .customer .etc .indexSection .privacy_list h4 img {
	margin-right: 10px;
}

.container .customer .etc .indexSection .privacy_list .prev_privacy {
	color: rgba(163, 41, 88);
}

.container .etc .info-box-wrap {
  font-size: 17px;
  color: #444;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 50px;
}

.container .customer .etc .indexSection .privacy_list table.etc_con_table { border: 1px solid #444444; border-collapse: collapse;  margin:5px 0; width:100%;}
.container .customer .etc .indexSection .privacy_list table.etc_con_table th {
  border: 1px solid #444444;
  color: #333;
  font-size: 13px;
  background:#eee;
  padding:5px;
}
.container .customer .etc .indexSection .privacy_list table.etc_con_table td {
  color: #333;
  font-size: 13px;
  padding:5px;
  text-align:center;
  background:#fff;
  border: 1px solid #444444;
}

.container .customer .etc .indexSection .privacy_list table.etc_con_table tr {
	text-align: center;
}

.container .etc .info-box {
  border: 1px solid #ccc;
  padding: 50px 0 50px 220px;
  background: url('/resources/images/user/content/etc_icon.png') 75px 50% no-repeat;
  font-size: 15px;
  color: #444;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 50px;
}


.toggle-type01 {
  border-top: 1px solid #333;
}
.toggle-type01 dt {
  background: url('/resources/images/user/content/arrow_icon19.png') 98% 50% no-repeat;
  border-bottom: 1px solid #d9d9d9;
  color: #444;
  font-size: 15px;
  padding: 15px 20px;
}
.toggle-type01 dt:hover {
  cursor: pointer;
}
.toggle-type01 dt.on {
  background: url('/resources/images/user/content/arrow_icon20.png') 98% 50% no-repeat;
  background-color: #e2e3e8;
  color: #111;
  font-weight: 500;
}
.toggle-type01 dd {
  background: #f4f5f8;
  padding: 25px 50px;
  border-bottom: 1px solid #d9d9d9;
  display: none;
}
.toggle-type01 dd ul li {
  color: #333;
  font-size: 15px;
  margin: 3px 0;
}
.toggle-type01 dd table.etc_con_table {
  border: 1px solid #444444; border-collapse: collapse;
  margin:5px 0;
}
.toggle-type01 dd table.etc_con_table th {
border: 1px solid #444444;
  color: #333;
  font-size: 13px;
  background:#eee;
  padding:5px;
}
.toggle-type01 dd table.etc_con_table td {
  color: #333;
  font-size: 13px;
  padding:5px;
  text-align:center;
  background:#fff;
  border: 1px solid #444444;
}

/*조회 화면 수정*/
.placeholder_size input[type="text"]::placeholder{font-size:18px;}