@charset "UTF-8";
/*=========================================================
	MainBooth
=========================================================*/
.MainBoothTitle{
	margin-bottom:2.1875rem;
}

.MainBoothSlide{
	overflow:hidden;
	padding-top: 5rem;
	position:relative;
}

.MainBoothSlide-container{
	position:static;
	width: auto;
	margin-left:-2px;
	margin-right:-2px;
}

.MainBoothSlide-slide{
	width:25%;
}

.MainBoothSlideBtn{
	position:absolute;
	top:0;
	right:0;
}

.MainBoothSlideBtn:after{
	content:'';
	display:block;
	clear:both;
}

.MainBoothSlideBtn-prev{
	float:left;
	width:4.4375rem;
	height:3.1875rem;
	background-image: url(../../images/icon/ico_slide_prev_black.svg);
	background-size:4.4375rem 3.1875rem;
	margin-right:0.8125rem;
}

.MainBoothSlideBtn-next{
	float:left;
	width:4.4375rem;
	height:3.1875rem;
	background-image: url(../../images/icon/ico_slide_next_black.svg);
	background-size:4.4375rem 3.1875rem;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.MainBoothSlide{
		padding-top: 3.75rem;
	}

	.MainBoothSlide-slide{
		width:33.33%;
	}
	
	.MainBoothSlideBtn-prev{
		width: 3.5rem;
		height: 2.5rem;
		background-size: 3.5rem 2.5rem;
	}
	.MainBoothSlideBtn-next{
		width: 3.5rem;
		height: 2.5rem;
		background-size: 3.5rem 2.5rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.MainBoothSlide{
		overflow:visible;
		padding-top:3.7rem;
	}
	
	.MainBoothSlide-container{
		overflow:visible;
		margin-left:0;
		margin-right:0;
	}
	
	.MainBoothSlide-slide{
		width:80%;
	}
	
	.MainBoothSlideBtn-prev{
		width: 2.8rem;
		height: 1.8rem;
		background-size: 2.8rem 1.8rem;
	}
	
	.MainBoothSlideBtn-next{
		width: 2.8rem;
		height: 1.8rem;
		background-size: 2.8rem 1.8rem;
	}
}

/*=========================================================
	BoothItem
=========================================================*/
.BoothItem{
	width:100%;
}

.BoothItem-link{
	display:block;
	position:relative;
	padding:0.625rem 0.625rem;
	padding-bottom:2.3125rem;
	border-left: 2px solid #000;
}

.BoothItem-link:before{
	content:'';
	display:block;
	width:calc(100% - 1.25rem);
	height:2px;
	position:absolute;
	top:0;
	left:50%;
	z-index:10;
	transform:translateX(-50%);
	background-color:#000;
}

.BoothItem-link:after{
	content:'';
	display:block;
	width:calc(100% - 1.25rem);
	height:2px;
	position:absolute;
	bottom:0;
	left:50%;
	z-index:10;
	transform:translateX(-50%);
	background-color:#000;
}

.BoothItemThumb{
	overflow:hidden;
	position:relative;
	margin-bottom:1.875rem;
}

.BoothItemThumb:before{
	content:'';
	display:block;
	padding-top:100%;
}

.BoothItemThumb-img{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transform:scale(1);
	transition-property: transform;
    transition-duration: 0.3s;
}

.BoothItemBox{
	padding:0 1.25rem;
}

.BoothItemBox-tit{
	overflow:hidden;
    display:block;
    height:3.2em;
	color:#000;
	font-size:1.875rem;
	font-weight:600;
	line-height:1.6em;
	text-overflow:ellipsis;
	display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

.BoothItemBox-cont{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-end;
	justify-content:space-between;
	margin-top:1.875rem;
}

.BoothItemBox-item:first-child{
	width:68%
}

.BoothItemBox-item:last-child{
	width:32%;
}

.BoothPeriod-tit{
	margin-bottom:0.375rem;
	color:#000;
	font-size:0.9375rem;
	font-weight:500;
	line-height:1.4em;
}

.BoothPeriod-txt{
	color:#000;
	font-size:1.15rem;
	/*font-family: 'Poppins';*/
	font-weight:500;
	line-height:1.4em;
}

.BoothPeriod{
	margin-bottom:1.25rem;
}

.BoothPeriod:last-child{
	margin-bottom:0;
}

.BoothHall{
	font-size:0;
	line-height:0;
	text-align:right;
}

.BoothHall-tit{
	display:inline-block;
	color:#000;
	font-size:1.125rem;
	font-weight:500;
	line-height:1.4em;
}

.BoothHall-txt{
	display:inline-block;
	margin-left:0.5625rem;
	color:#000;
	font-size:2.375rem;
	font-family: 'Poppins';
	font-weight:500;
	line-height:1.4em;
}

/* hover */
@media screen and (min-width:1025px){
	.BoothItem-link:hover .BoothItemThumb-img{
		transform:scale(1.1);
	}
	
	.BoothItem-link:hover .BoothItemBox-tit{
		text-decoration:underline;
	}
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.BoothItemThumb{
		margin-bottom:1.25rem;
	}
	
	.BoothItemBox{
		padding:0 0.5rem;
	}
	
	.BoothItemBox-tit{
		font-size:1.25rem;
	}	
	
	.BoothItemBox-cont{
		display:block;
		margin-top: 1.125rem;
	}
	
	.BoothItemBox-item:first-child{
		width:100%;
	}
	
	.BoothItemBox-item:last-child{
		width:100%;
		margin-top:1rem;
	}
	
	.BoothPeriod-tit{
		font-size: 0.8125rem;
	}
	
	.BoothPeriod-txt {
		font-size: 1.125rem;
	}
	
	.BoothHall{
		text-align:left;
	}
	
	.BoothHall-tit{
		font-size: 1.125rem;		
	}
	
	.BoothHall-txt{
		font-size: 1.5rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.BoothItem-link{
		padding:0;
		padding-bottom: 2.3125rem;
		border-left-width:1px;
	}
	
	.BoothItem-link:before,
	.BoothItem-link:after{
		height:1px;
	}
	
	.BoothItemThumb{
		margin-bottom:1.25rem;
	}
	
	.BoothItemBox{
		padding:0 2rem;
	}
	
	.BoothItemBox-item:first-child{
		width:100%;
	}
	
	.BoothItemBox-item:last-child{
		width:100%;
		margin-top:1rem;
	}
	
	.BoothItemBox-tit{
		font-size:1.25rem;
	}
	
	.BoothItemBox-cont{
		margin-top: 0.6875rem;
	}
	
	.BoothPeriod-tit{
		font-size: 0.8125rem;
	}
	
	.BoothPeriod-txt {
		font-size: 0.875rem;
		white-space: nowrap;
	}
	
	.BoothHall-tit{
		font-size: 0.875rem;		
	}
	
	.BoothHall-txt{
		font-size: 1.5rem;
	}
}


/*=========================================================
	EventDetail
=========================================================*/
.EventDetail:after{
	content:'';
	display:block;
	clear:both;
}

/* EventDetailThumb */
.EventDetailThumb{
	float:left;
	width:35.46%;
}

.EventDetailThumbBox{
	overflow:hidden;
	position:relative;
}

.EventDetailThumbBox:before{
	content:'';
	display:block;
	padding-top:100%;
}

.EventDetailThumbBox img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.EventDetailThumbLink{
	margin-top:0.625rem;
}

.EventDetailThumbLink-list{
	display:flex;
	margin:0 -0.25rem;
}

.EventDetailThumbLink-item{
	flex:1;
	padding:0 0.25rem;
}

.EventDetailThumbLink-link{
	display:block;
	padding:1.5375rem 0.625rem;
	background-color:#000;
	text-align:center;
}

.EventDetailThumbLink-link.url{
	background-color:#F0F0F0;
}

.EventDetailThumbLink-txt{
	color:#fff;
	font-size:1.25rem;
	font-weight:600;
	line-height:1.4em;
}

.url .EventDetailThumbLink-txt{
	position:relative;
	color:#000;
	padding-right: 1.5rem;
	text-decoration:underline;
}

.url .EventDetailThumbLink-txt:after{
	content:'';
	display:block;
	width:1.25rem;
	height:1.25rem;
	background-image:url(../../images/icon/ico_degArrow.svg);
	background-size:1.25rem 1.25rem;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

/* EventDetailBoxHeader-link */
.EventDetailBoxHeader-link{
	flex:1;
}

.EventDetailBoxHeader-list{
	float:right;
}

.EventDetailBoxHeader-list:after{
	content:'';
	display:block;
	clear:both;
}

.EventDetailBoxHeader-item{
	float:left;
}

.CalendarIcon{
	display:block;
	width:4.125rem;
	height:4.125rem;
	background-image:url('../../images/icon/ico_calendar.svg');
	background-size:2.1875rem 2.125rem;
	background-position:center center;
	background-repeat:no-repeat;	
}

.PrintIcon{
	display:block;
	width:4.125rem;
	height:4.125rem;
	background-image:url('../../images/icon/ico_print.svg');
	background-size:2.3125rem 2.25rem;
	background-position:center center;
	background-repeat:no-repeat;	
}

/* ShareLink */
.ShareLink{
	position:relative;
}

.ShareLink-link{
	display:block;
	width:4.125rem;
	height:4.125rem;
	background-image:url('../../images/icon/ico_share.svg');
	background-size:1.6875rem 2rem;
	background-position:center center;
	background-repeat:no-repeat;	
}

.ShareLinkBox{
	padding:1.0625rem 1.1875rem;
	position:absolute;
	top: 0;
	right:0;
	z-index: 5;
	width:17.5rem;
	border:1px solid #000;
	background-color:#fff;
	opacity:0;
	visibility:hidden;
}

.ShareLinkBoxHeader{
	position:relative;
	margin-bottom:1.1875rem;
	padding-right:1.25rem;
}

.ShareLinkBoxHeader-btn{
	position:absolute;
	top:50%;
	right:0;
	width:1.0625rem;
	height:1.0625rem;
	transform:translateY(-50%);
	background-image:url('../../images/icon/ico_close.svg');
	background-size:1.0625rem 1.0625rem;
}

.ShareLinkBoxHeader-tit{
	color:#000;
	font-size:1.125rem;
	font-weight:bold;
	line-height:1.4em;
}

.ShareLinkBoxList{
	text-align:center;
	font-size:0;
	line-height:0;
}

.ShareLinkBoxList-item{
	display:inline-block;
	width:33.33%;
}

.ShareLinkItem-link{
	display:block;
}

.ShareLinkItem-ico{
	display:block;
	margin-bottom:0.625rem;
}

.ShareLinkItem-ico img{
	display:block;
	margin:0 auto;
	height:2rem;
}

.ShareLinkItem-txt{
	display:block;
	position:relative;
	color:#000;
	font-size:0.875rem;
	font-weight:500;
	line-height:1.4em;
}

.ShareLink.is-View .ShareLinkBox{
	opacity:1;
	visibility:visible;
}

/* EventDetailBox */
.EventDetailBox{
	overflow:hidden;
	padding-left:6.875rem;
	width:calc(100% - 35.46%);
	float:right;
}

.EventDetailBoxHeader-top{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	margin-bottom:1.375rem;
}

.EventDetailBoxHeader-cate{
	display:inline-block;
	padding:0.5625rem 0.875rem 0.375rem;
	color:#000;
	font-size:1rem;
	font-weight:600;
	line-height:1.3em;
	border:2px solid #000;
	border-radius:2.5rem 2.5rem;
}

.EventDetailBoxHeader-txt{
	margin-bottom:0.875rem;
	font-size:1.25rem;
	line-height:1.4em;
}

.EventDetailBoxHeader-date{
	margin-top:2rem;
	font-size:1.8rem;
	font-weight:600;
	font-family: 'Poppins';
	line-height:1.4em;
}

/* EventDetailBoxSchedule */
.EventDetailBoxSchedule{
	display:flex;
	flex-wrap:wrap;
	margin-top:4.375rem;
}

.EventDetailBoxSchedule-item{
	position:relative;
	padding:1.5625rem 1.25rem 2rem;
	border-right:2px solid #000;
}

.EventDetailBoxSchedule-item:last-child{
	border-bottom:0;
}

.EventDetailBoxSchedule-item:first-child{
	width:66%;
	padding-left:0;	
}

.EventDetailBoxSchedule-item:last-child{
	width:34%;
	padding-right:0;
	border-right:0;
}

.EventDetailBoxSchedule-item:before{
	content:'';
	display:block;
	height:2px;
	position:absolute;
	top:0;
	left:0;
	right:0.6875rem;
	z-index:10;
	background-color:#000;
}

.EventDetailBoxSchedule-item:after{
	content:'';
	display:block;
	height:2px;
	position:absolute;
	bottom:0;
	left:0;
	right:0.6875rem;
	z-index:10;
	background-color:#000;
}

.EventDetailBoxSchedule-item:last-child:before{
	left:0.6875rem;
	right:0;
}

.EventDetailBoxSchedule-item:last-child:after{
	left:0.6875rem;
	right:0;
}

/* SingleSchedule */
.SingleSchedule{
	height:100%;
}

.SingleSchedule-item{
	height:100%;
	position:relative;
}

.SingleScheduleTitle{
	font-size:1rem;
	font-weight:500;
	line-height:1.4em;
}

.SingleScheduleCont{
	margin-top:1.3125rem;
}

/* EventTimeItem */
.EventTimeItem{
	margin-bottom:0.625rem;
}

.EventTimeItem:last-child{
	margin-bottom:0;
}

.EventTimeItem:after{
	content:'';
	display:block;
	clear:both;
}

.EventTimeItemTitle{
	float:left;
	width:39%;
	color:#000;
	font-size:1.25rem;
	line-height:1.4em;
	font-weight:500;
}

.EventTimeItemText{
	overflow:hidden;
	padding-left:1.875rem;
}

.EventTimeItemText-txt{
	margin-bottom:0.625rem;
	color:#000;
	font-size:1.25rem;
	line-height:1.4em;
	font-weight:500;	
}

.EventTimeItemText-txt:last-child{
	margin-bottom:0;	
}

/* SingleScheduleTimePlace */
.SingleScheduleTimePlace{
	height:100%;
	position:relative;
}

.EventDetailBoxBody{
	margin-top:5.375rem;
}

.EventDetailBoxBody-item{
	margin-bottom:1.625rem;
}

.EventDetailBoxBody-item:last-child{
	margin-bottom:0;
}

.EventDetailBoxBodyTitle{
	color:#767676;
	font-size:1rem;
	font-weight:500;
	line-height:1.4em;
}

.EventDetailBoxBodyText{
	margin-top:0.4375rem;
}

.EventDetailBoxBodyText-txt{
	color:#000;
	font-size:1.125rem;
	line-height:1.8em;
}

/* EventPlaceItem */
.EventPlaceItemTitle{
	padding-bottom:1.5rem;
	font-size:0;
	line-height:0;
}

.EventPlaceItemTitle-txt{
	display:inline-block;
	padding-right:0.4375rem;
	font-size:1.25rem;
	font-weight:500;
	line-height:1.4em;
}

.EventPlaceItemTitle-txt + .EventPlaceItemTitle-txt {
	padding-right:0;
}

.EventPlaceItemTitle-tit{
	display:inline-block;
	font-size:1.25rem;
	font-family: 'Poppins';
	font-weight:500;
	line-height:1.4em;
}

.EventPlaceItemLink{
	position:absolute;
	right:0;
	bottom:0;
}

.EventPlaceItemLink-txt{
	display:block;
	position:relative;
	padding-right:1rem;	
	color:#000;
	font-size:1rem;
	line-height:1.4em;
	font-weight:600;
}

.EventPlaceItemLink-txt:after{
	content: "";
    width: 0.313rem;
    height: 0.688rem;
    background-image: url(../../images/icon/ico_text_arrow.svg);
    background-size: 0.313rem 0.688rem;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.EventDetailThumbFix.is-Fix{
	position:fixed;
	top:calc(4.125rem + 10px);
}

.EventDetailThumbFix.is-Stop{
	position:absolute;
	bottom:0;
}

/* EventDetailBtn */
.EventDetailBtn{
	margin-top:4.125rem;
	text-align:center;
	line-height:0;
}

.EventDetailBtn-link{
	display:inline-block;
	width:10.9375rem;
	padding:1.125rem 0.625rem;
	border:2px solid #000;	
	position:relative;
	color:#000;
	font-size:1.125rem;
	font-weight:500;
	line-height:1.2em;
}

.EventDetailBtn-link:before{
	content:"";
	background-color:#722EA5;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	top:0;
	z-index:-1;
	transform:scaleY(0);
	transition-property: transform, color;
    transition-duration: 0.2s;
	transform-origin:bottom;
}

.EventDetailBtn-link:after{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	color:#fff;
	font-size:1.125rem;
	font-weight:500;
	line-height:1.2em;
	transform:translate(-50%,-50%);
	opacity:0;
	visibility:hidden;
	transition-property: transform, opacity;
    transition-duration: 0.2s;
}

.Type02 .EventDetailBtn-txt{
	color:#000;
	font-size:1.125rem;
	font-weight:500;
	line-height:1.2em;
	transition-property: transform, opacity, color;
    transition-duration: 0.2s;
}

.Type02 .EventDetailBtn-link:after{
	content:"View List";
	position:absolute;
	top:50%;
	left:50%;
	color:#fff;
	font-size:1.125rem;
	font-weight:500;
	line-height:1.2em;
	transform:translate(-50%,-50%);
	opacity:0;
	visibility:hidden;
	transition-property: transform, opacity;
    transition-duration: 0.2s;
}

/*hover*/
@media screen and (min-width: 1025px) {
	.EventDetailThumbLink-link:hover .EventDetailThumbLink-txt{
		text-decoration:underline;		
	}
	
	.EventDetailBtn-link:hover{
		color:#fff;
		border-color:#722EA5;
	}
	
	.EventDetailBtn-link:hover:before{
		transform:scaleY(100%);
	}
	
	
	.EventDetailBtn-link:hover:after{
		opacity:1;
		visibility:visible;
	}
	
	.EventPlaceItemLink-txt:hover{
		text-decoration:underline;
	}
	
	.Type02 .EventDetailBtn-link:hover .EventDetailBtn-txt{
		color:transparent;
	}
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	/* EventDetailBox */
	.EventDetailBox{
		padding-left: 1.75rem;
	}
	
	.EventDetailBoxHeader-txt {
		font-size: 1.125rem;
	}
	
	.EventDetailBoxHeader-cate{
		font-size:0.875rem;
	}
	
	.EventDetailBoxHeader-date{
		font-size: 1.3125rem;
	}
	
	.EventDetailThumbLink-list{
		display:block;
	}
	
	.EventDetailThumbLink-item{
		margin-bottom:0.5rem;
	}
	
	.EventDetailThumbLink-item:last-child{
		margin-bottom:0;
	}
	
	.EventDetailThumbLink-link{
		padding: 1.125rem 0.625rem;
	}
	
	.EventDetailThumbLink-txt{
		font-size:1rem;
	}
	
	.url .EventDetailThumbLink-txt:after{
		width: 1rem;
		height: 1rem;
		background-size: 1rem 1rem;
	}
	
	.EventDetailBoxSchedule{
		margin-top: 2rem;
		border-top:2px solid #000;
		border-bottom:2px solid #000;
	}
	
	.EventDetailBoxSchedule-item{
		border-right:0;
		border-top:1px solid #000;
	}
	
	.EventDetailBoxSchedule-item:first-child{
		width:100%;
	}
	
	.EventDetailBoxSchedule-item:last-child{
		width:100%;
		padding-left:0;
	}
	
	.EventDetailBoxSchedule-item:before,
	.EventDetailBoxSchedule-item:after{
		display:none;
	}
	
	.EventTimeItemTitle{
		font-size: 1.125rem;
	}
	
	.EventTimeItemText{
		padding-left:1.125rem;
	}
	
	.EventTimeItemText-txt{
		font-size: 1.125rem;
	}
	
	/* EventDetailBoxBody */
	.EventDetailBoxBody {
		margin-top: 2rem;
	}
	
	/* ShareLink */
	.ShareLink-link{
		width:3.125rem;
		height:3.125rem;
		background-size: 1.4375rem 1.75rem;
	}
	
	.CalendarIcon{
		width:3.125rem;
		height:3.125rem;
		background-size: 1.9375rem 1.875rem;
	}

	.PrintIcon{
		width:3.125rem;
		height:3.125rem;
		background-size: 2.0625rem 2rem;
	}
	
	.EventPlaceItemTitle-txt{
		font-size:1.125rem;
	}	
	
	.EventPlaceItemTitle-tit{
		font-size:1.125rem;
	}
	
	.EventDetailBoxHeader-item:last-child{
		display:none;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	/* EventDetailThumb */
	.EventDetailThumb{
		float:none;
		max-width:30.625rem;
		width:100%;
		margin:0 auto 1.25rem;
	}
	
	.EventDetailThumbFix{
		width:100% !important;
	}
	
	.EventDetailThumbBox{
		margin:0 auto;
	}

	.EventDetailThumbLink-link{
		padding:1rem 0.625rem;
	}

	.EventDetailThumbLink-txt{
		font-size:0.9375rem;
	}
	
	.url .EventDetailThumbLink-txt{
		padding-right:1.25rem;
	}

	.url .EventDetailThumbLink-txt:after{
		width: 0.9375rem;
		height: 0.9375rem;
		background-size: 0.9375rem 0.9375rem;
	}
	
	/* ShareLink */
	.ShareLink-link{
		width:3.125rem;
		height:3.125rem;
		background-size:1.5rem 1.6875rem;
	}
	
	.ShareLinkBox{
		right:-2.5rem;
	}
	
	.CalendarIcon{
		width:3.125rem;
		height:3.125rem;
		background-size: 1.875rem 1.75rem;
	}

	.PrintIcon{
		width:3.125rem;
		height:3.125rem;
		background-size: 2rem 1.875rem;
	}
	
	/* EventDetailBoxHeader */
	.EventDetailBoxHeader-top{
		margin-bottom:1rem;
	}
	
	.EventDetailBoxHeader-cate{
		font-size:0.87rem;
	}
	
	.EventDetailBoxHeader-txt {
		font-size: 1rem;
	}
	
	.EventDetailBoxHeader-date {
		margin-top: 1rem;
		font-size: 1.125rem;
		font-weight:500;
	}
	
	/* EventDetailBox */
	.EventDetailBox{
		padding-left:0;
		width:100%;
		float:none;
	}
	
	.EventDetailBoxSchedule{
		margin-top:1rem;'
	}
	
	.EventDetailBoxSchedule-item:first-child,
	.EventDetailBoxSchedule-item:last-child{
		width:100%;
		padding: 1.5625rem 0;
		border-left:0;
		border-right:0;
	}
	
	.EventDetailBoxSchedule-item:before{
		height:1px;
		left:0;
		right:0;
	}
	
	.EventDetailBoxSchedule-item:after{
		height:1px;
		left:0;		
		right:0;
	}
	
	.EventDetailBoxSchedule-item:last-child:before{
		display:none;
	}
	
	.EventDetailBoxSchedule-item:last-child:after{
		left:0;
	}
	
	/* EventTimeItem */
	.EventTimeItem {
		margin-bottom: 0.875rem;
	}
	
	.EventTimeItemTitle{
		float: none;
		width: 100%;
		font-size: 1rem;
	}
	
	.EventTimeItemText{
		padding-left:0;
	}
	
	.EventTimeItemText-txt {
		margin-bottom: 0.25rem;
		font-size: 1rem;
	}
	
	/* SingleSchedule */
	.SingleScheduleCont {
		margin-top: 1rem;
	}
	
	/* EventPlaceItem */
	.EventPlaceItemTitle-tit{
		font-size:1rem;
	}
	
	.EventPlaceItemTitle-txt{
		font-size:1rem;
	}
	
	/* EventDetailBoxBody */
	.EventDetailBoxBody {
		margin-top: 3.5rem;
	}
	
	.EventDetailBoxHeader-item:last-child{
		display:none;
	}
}

/*=========================================================
  PageTab
=========================================================*/
.PageTab{
	width:100%;
	margin:0 auto 3.125rem;
	font-size:0;
	line-height:0;
	text-align:center;
	padding-top:0.625rem;
}

.PageTab-list{
	margin:0 -1.0625rem;
	white-space:nowrap;
	overflow:hidden;
	overflow-x:auto;
	scrollbar-width: none;
}

.PageTab-list::-webkit-scrollbar {
    display: none;
}

.PageTab-list:after{
	content:'';
	display:block;
	clear:both;
}

.PageTab-item{
	display:inline-block;
	padding:0 1.0625rem;
}

.PageTab-link{
	display:block;
	padding-bottom:0.0625rem;
	border-bottom:2px solid transparent;
}

.PageTab-txt{
	display:block;
	color:#8C8C8C;
	font-size:1.375rem;
	font-weight:600;
	line-height:1.4em;
}

.is-Current .PageTab-link{
	border-color: #000;	
}

.is-Current .PageTab-txt{
	color:#000;	
}

/*hover*/
@media screen and (min-width: 1025px) {
	.PageTab-link:hover .PageTab-txt{
		color:#000;
	}
}

/* responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.PageTab-list{
		padding:0 2rem;
		margin:0 calc(-0.75rem - 2rem);
		width:auto;
	}
	
	.PageTab-item:last-child{
		margin-right:2rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.PageTab-list{
		padding:0 2rem;
		margin:0 calc(-0.75rem - 2rem);
		width:auto;
	}
	
	.PageTab-item:last-child{
		margin-right:2rem;
	}
	
	.PageTab-item{
		padding:0 0.75rem;
	}
	.PageTab-txt{
		font-size:1.25rem;
	}
}

@media screen and (max-width:419px) and (min-width:1px){
	.PageTab-list{
		padding:0 1.5rem;
		margin:0 calc(-0.75rem - 1.5rem);
	}
	
	.PageTab-item:last-child{
		margin-right:1.5rem;
	}
}

/*=========================================================
  BizPageTitle
=========================================================*/
.BizPageTitle{
	font-size:5.25rem;
	line-height:1.1em;
	color:#000;
	font-weight:bold;
}

.BizPageTitle-text{
	line-height:1.1em;
}

.BizPageTitle-sub{    
	font-size: 2rem;
	font-weight:600;
    line-height: 1.5em;
    margin-top: 1.5rem;
}

.BizPageTitle-txt{    
	margin-top:0.5rem;
	font-size: 1rem;
	font-weight:400;
    line-height: 1.5em;
}

.Small .BizPageTitle-text{
	font-size:2.5rem;
}

.type-Ico .BizPageTitle-text{
	padding-top:2.6rem;
}

.Small.type-Ico .BizPageTitle-text{
	padding-top:1.9rem;
}

.type-Ico .BizPageTitle-text:before{
	content:"";
	width:2rem;
	height:2rem;
	background-image:url(../../images/icon/ico_title_point.svg);
	background-size:2rem 2rem;
	position:absolute;
	top:0;
	left:0;
	transform:rotate(360deg);
	transition-property: transform;
    transition-duration: 0.5s;
	transition-delay:0.3s;
	transition-timing-function:ease-out; 
}

.type-Ico.is-View .BizPageTitle-text:before{
	transform:rotate(0deg);
}

.Small.type-Ico .BizPageTitle-text:before{
	width:1.375rem;
	height:1.375rem;
	background-size:1.375rem 1.375rem;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.BizPageTitle-text{
		font-size:3rem;
	}
	
	.Small .BizPageTitle-text{
		font-size:1.6rem;
	}

	.BizPageTitle-sub{    
		font-size:1.25rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.BizPageTitle-text{
		font-size:2.6rem;
	}
	
	.Small .BizPageTitle-text{
		font-size:1.5rem;
	}

	.BizPageTitle-sub{    
		font-size:1.125rem;
	}
}

/*=========================================================
  BoxTab
=========================================================*/
.BoxTab-list{
	display:flex;
	flex-direction: row;
	width:100%;
	margin:1px 1px 0 0;
}

.BoxTab-item{
    flex: 1 0 0%;
}

.BoxTab-link{
	text-align:center;
	position:relative;
	margin:-1px -1px 0 0;
	padding:1.063rem 1rem;
	height:100%;
	display:flex;
	align-items:center;
}

.BoxTab-link:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border:solid 1px #CCCCCC;
}

.BoxTab-text{
	font-size:1.125rem;
	line-height:1.4em;
	color:#000;
	display:block;
	width:100%;
}

.is-Current .BoxTab-link{
	z-index:1;
}

.is-Current .BoxTab-link:after{
	border:solid 2px #000000;
}

.is-Current .BoxTab-text{
	font-weight:bold;
}

.BoxTabSec{
	display:flex;
	width:100%;
	justify-content:space-between
}

.BoxTabSec .BoxTab:first-child{
	width:calc(38.6% - 1.875rem);
	margin-right:1.875rem;
}

.BoxTabSec .BoxTab:last-child{
	width:calc(100% - 38.6%);
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.BoxTab:not(.isRow) {
		overflow:hidden;
		overflow-x:auto;
		margin-left:-2rem;
		margin-right:-2rem;
		scrollbar-width: none;
		white-space:nowrap;
		font-size:0;
		line-height:0;
	}

	.BoxTab:not(.isRow)::-webkit-scrollbar {
		display: none;
	}
	
	/* .BoxTab:not(.isRow) .BoxTab-list{ */
		/* display:block; */
	/* } */
	
	/* .BoxTab:not(.isRow) .BoxTab-item{ */
		/* display:inline-block; */
		/* flex: none; */
		/* min-width:calc(25% - 1rem); */
	/* } */
	
	/* .BoxTab:not(.isRow) .BoxTab-item:first-child{ */
		/* margin-left:2rem; */
	/* } */
	
	/* .BoxTab:not(.isRow) .BoxTab-item:last-child{ */
		/* margin-right:2rem; */
	/* } */

	.BoxTab:not(.isRow) .BoxTab::-webkit-scrollbar {
		display: none;
	}
	
	.BoxTab-link{
		padding: 1.063rem 0.5rem;
	}
}


@media screen and (max-width:747px) and (min-width:1px){
	.BoxTab:not(.isRow) {
		overflow:hidden;
		overflow-x:auto;
		margin-left:-2rem;
		margin-right:-2rem;
		scrollbar-width: none;
		white-space:nowrap;
		scrollbar-width: none;
		font-size:0;
		line-height:0;
	}

	.BoxTab:not(.isRow)::-webkit-scrollbar {
		display: none;
	}
	
	/* .BoxTab:not(.isRow) .BoxTab-list{ */
		/* display:block; */
	/* } */
	
	/* .BoxTab:not(.isRow) .BoxTab-item{ */
		/* display:inline-block; */
		/* flex: none; */
		/* min-width:calc(25% - 1rem); */
	/* } */
	
	/* .BoxTab:not(.isRow) .BoxTab-item:first-child{ */
		/* margin-left:2rem; */
	/* } */
	
	/* .BoxTab:not(.isRow) .BoxTab-item:last-child{ */
		/* margin-right:2rem; */
	/* } */

	.BoxTab:not(.isRow) .BoxTab::-webkit-scrollbar {
		display: none;
	}
	
	.BoxTab-link{
		padding: 1.063rem 2rem;
	}
	
	.BoxTabSec{
		display:block;
		overflow:hidden;
		overflow-x:auto;
		margin-left:-2rem;
		margin-right:-2rem;
		scrollbar-width: none;
		white-space:nowrap;
		scrollbar-width: none;
		width:auto;
		font-size:0;
		line-height:0;
	}
	
	.BoxTabSec::-webkit-scrollbar {
		display: none;
	}
	
	.BoxTabSec .BoxTab{
		width:auto !important;
		display:inline-block;
	}
	
	.BoxTabSec .BoxTab:first-child{
		margin-right:0.5rem;
	}
	
	.BoxTabSec .BoxTab-list{
		display:block;
	}
	
	.BoxTabSec .BoxTab-item{
		display:inline-block;
		flex: none;
		min-width:calc(22vw - 1rem);
	}
	
	.BoxTabSec .BoxTab:first-child .BoxTab-item:first-child{
		margin-left:2rem;
	}
	
	.BoxTabSec .BoxTab:last-child .BoxTab-item:last-child{
		margin-right:2rem;
	}
	
	.BoxTab-link{
		font-size:0.9rem;
	}
}

@media screen and (max-width:419px) and (min-width:1px){
	/* .BoxTab:not(.isRow) .BoxTab-item:first-child{ */
		/* margin-left:1.5rem; */
	/* } */
	
	/* .BoxTab:not(.isRow) .BoxTab-item:last-child{ */
		/* margin-right:1.5rem; */
	/* } */
	
	/* .BoxTabSec .BoxTab:first-child .BoxTab-item:first-child{ */
		/* margin-left:1.5rem; */
	/* } */
	
	/* .BoxTabSec .BoxTab:last-child .BoxTab-item:last-child{ */
		/* margin-right:1.5rem; */
	/* } */
	
	.BoxTab:not(.isRow){
		margin-left: -1.5rem;
		margin-right: -1.5rem;
	}
	
	.BoxTabSec{
		margin-left: -1.5rem;
		margin-right: -1.5rem;
	}
}

/*=========================================================
  RowTitleSec
=========================================================*/
.RowTitleSec{
	width:100%;
	display:flex;
	align-items:end;
	overflow:hidden;
}

.RowTitleSecTitle{
	width:calc(100% - 57.7%);
	padding-right:1.25rem;
}

.RowTitleSecTitle-sub{
	font-size:1rem;
	line-height:1.6em;
	color:#666666;
	margin-top:1.188rem;
}

.RowTitleSecCnt{
	width:57.7%;
}

.SecBs-text{
	font-size:1.25rem;
	line-height:1.6em;
	color:#666666;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.RowTitleSec{
		display:block;
	}
	
	.RowTitleSecTitle{
		width:100%;
		padding-right:0;
		margin-bottom:2rem;
	}
	
	.RowTitleSecCnt{
		width:100%;
	}
	
	.SecBs-text{
		font-size:1rem;
	}
	
	.RowTitleSecTitle-sub{
		font-size:0.93rem;
	}
	
	.RowTitleSecTitle-sub br{
		display:none;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.RowTitleSec{
		display:block;
	}
	
	.RowTitleSecTitle{
		width:100%;
		padding-right:0;
		margin-bottom:2rem;
	}
	
	.RowTitleSecCnt{
		width:100%;
	}
	
	.SecBs-text{
		font-size:0.93rem;
	}
	
	.RowTitleSecTitle-sub{
		font-size:0.93rem;
	}
	
	.RowTitleSecTitle-sub br{
		display:none;
	}
}

/*=========================================================
  RowPostSec
=========================================================*/
.RowPostSec{
	width:100%;
	display:flex;
	overflow:hidden;
}

.RowPostSec .RowTitleSecCnt{
	padding-top: 2.6rem;
}

@media screen and (max-width:747px) and (min-width:1px){
	.RowPostSec .RowTitleSecCnt{
		padding-top:0;
	}
}

/*=========================================================
  ArrowTargetLink
=========================================================*/
.ArrowTargetLink{
	display:inline-block;
	font-size:0;
	line-height:0;
	border:solid 1px #000000;
	padding:0.938rem 1.25rem;
	position:relative;
	overflow:hidden;
	transition-property: border-color;
    transition-duration: 0.2s;
}

.ArrowTargetLink:before{
	content:"";
	background-color:#722EA5;
	position:absolute;
	bottom:0;
	left:0;
	right:-1rem;
	top:0;
	transform:scaleY(0);
	transition-property: transform;
    transition-duration: 0.2s;
	transform-origin:bottom;
}

.ArrowTargetLink-text{
	display:block;
	font-size:1.125rem;
	line-height:1.2em;
	color:#000;
	font-weight:600;
	position:relative;
	padding-right:1.85rem;
}

.ArrowTargetLink-text:after{
	content:"";
	width:1.5rem;
	height:1.5rem;
	background-image:url(../../images/icon/ico_degArrow.svg);
	background-size:1.5rem 1.5rem;
	position:absolute; 
	top:50%;
	right:0;
	transform:translateY(-50%);
}


/* hover */
@media screen and (min-width:1025px){
	.ArrowTargetLink:hover{
		border-color:#722EA5;
	}
	
	.ArrowTargetLink:hover:before{
		transform:scaleY(1);
	}
	
	.ArrowTargetLink:hover .ArrowTargetLink-text{
		color:#fff;
	}
	
	.ArrowTargetLink:hover .ArrowTargetLink-text:after{
		background-image:url(../../images/icon/ico_degArrow_h.svg);
	}
}

/*=========================================================
  PlanPost
=========================================================*/
.PlanPost{
	clear:both;
	overflow:hidden;
}

.PlanPost-row{
	width:68.9%;
	float:right;
}

.PlanPost-list{
	margin:-3.125rem -1.063rem;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
}

.PlanPost-item{
	width:50%;
	padding:3.125rem 1.063rem;
}

.PlanPostItem{
	border-top:solid 1px #000000;
	padding-top:1.875rem;
}

.PlanPostItem-text{
	font-size:1.125rem;
	line-height:1.5em;
	font-weight:600;
	color:#666666;
	margin-bottom:3.75rem;
	padding-right:4rem;
}

.StPs-title{
	font-size:2rem;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
}

.PlanPostItem .StPs-title{
	margin-bottom:1.25rem;
}

.PlanPostItemThumb{
	position:relative;
	overflow:hidden;
}

.PlanPostItemThumb:after{
	content:"";
	display:block;
	padding-bottom:52%;
}

.PlanPostItemThumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transform:translateX(-101%);
	transition-property: transform;
    transition-duration: 0.5s;
}

.is-View .PlanPostItemThumb-img{
	transform:translateX(0);
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.PlanPost-row{
		float:none;
		width:100%;
	}
	
	.PlanPostItem-text{
		font-size:1rem;
		min-height:4.5em;
	}
	
	.StPs-title{
		font-size:1.3rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.PlanPost-row{
		float:none;
		width:100%;
	}
	
	.PlanPostItem-text{
		font-size:0.93rem;
		margin-bottom:1.8rem;
	}
	
	.StPs-title{
		font-size:1.6rem;
	}
	
	.PlanPost-list{
		margin: -1.8rem -1.063rem;
		width:auto !important;
	}
	
	.PlanPost-item{
		width:100%;
		padding: 1.8rem 1.063rem;
	}
	
	.PlanPostItemThumb{
		margin-left:-2rem;
		margin-right:-2rem;
	}
	
	.PlanPost{
		overflow:visible;
	}
	
	.PlanPost-list{
		overflow:visible;
	}
}

@media screen and (max-width:419px) and (min-width:1px){
	.PlanPostItemThumb{
		margin-left:-1.5rem;
		margin-right:-1.5rem;
	}
}

/*=========================================================
  BarCrossPostItem
=========================================================*/
.BarCrossPostItem{
	display:flex;
	width:100%;
}

.Left .BarCrossPostItemThumb{
	order:2;
}

.BarCrossPostItemThumb{
	width:59%;
}

.BarCrossPostItemText{
	width:41%;
	background-color:#4B2564;
	position:relative;
	padding-right: 2.5rem;
}

.BarCrossPostItemText:before{
	content:"";
	width:3000px;
	height:100%;
	position:absolute;
	top:0;
	left:-2999px;
	background-color:#4B2564;
}

.Right .BarCrossPostItemText{
	background-color:#000;
	padding-left:2.5rem;
	padding-right:0;
}

.Right .BarCrossPostItemText:before{
	left:auto;
	right:-2999px;
	background-color:#000;
}

.BarCrossPostItemText-row{
	display:flex;
	align-items:center;
	height:100%;
	position:relative;
	z-index:5;
}

.BarCrossPostItemThumb-row{
	position:relative;
	margin-right:-24vw;
	overflow:hidden;
}

.Right .BarCrossPostItemThumb-row{
	margin-right:auto;
	margin-left:-24vw;
}

.BarCrossPostItemThumb-row:after{
	content:"";
	display:block;
	padding-bottom:21rem;
}

.BarCrossPostItemThumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transform:scale(1.2);
	transition-property: transform;
    transition-duration: 1s;
}

.is-View .BarCrossPostItemThumb-img{
	transform:scale(1);
}

.BarCrossPostItemText-cate{
	font-size:1.25rem;
	line-height:1.2em;
	color:#fff;
	margin-bottom:0.625rem;
}

.BigStPs-title{
	font-size:2.5rem;
	line-height:1.2em;
	color:#000;
	font-weight:bold;
}

.BarCrossPostItemText .BigStPs-title{
	color:#fff;
	min-height:2.4em;
}

.BarCrossPostItemText-text{
	font-size:1.25rem;
	line-height:1.3em;
	color:#fff;
	font-weight:bold;
	margin-top:3.125rem;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.BarCrossPostItemText-cate{
		font-size:1rem;
	}
	
	.BigStPs-title{
		font-size:1.6rem;
	}
	
	.BarCrossPostItemText-text{
		font-size:0.9rem;
		line-height:1.5em;
	}
	
	.BarCrossPostItemThumb-row:after{
		padding-bottom: 19rem;
	}
	
	.BarCrossPostItemText-text br{
		display:none;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.BarCrossPostItem{
		margin:0 -2rem;
		width:auto;
	}
	
	.BarCrossPostItemText:before{
		display:none;
	}
	
	.BarCrossPostItemThumb-row{
		margin-right:0;
		margin-left:0 !important;
	}
	
	.BarCrossPostItem{
		display:block;
	}
	
	.BarCrossPostItemThumb{
		width:100%;
	}
	
	.BarCrossPostItemText{
		width:100%;
		padding:2rem 2rem 3rem !important;
	}
	
	.BarCrossPostItemText .BigStPs-title{
		min-height:auto;
	}
	
	.BarCrossPostItemText .BigStPs-title br{
		display:none;
	}
	
	.BarCrossPostItemText-cate{
		font-size:1rem;
	}
	
	.BigStPs-title{
		font-size:1.6rem;
	}
	
	.BarCrossPostItemText-text{
		font-size:0.9rem;
		line-height:1.5em;
		margin-top:2rem;
	}
	
	.BarCrossPostItemText-row{
		display:block;
	}
}

@media screen and (max-width:419px) and (min-width:1px){
	.BarCrossPostItem{
		margin:0 -1.5rem;
	}
	
	.BarCrossPostItemText{
		padding:2rem 1.5rem 3rem !important;
	}
}

/*=========================================================
  StepHistory
=========================================================*/
.StepHistory{
	padding-top:1.4rem;
}

.StepHistory-item{
	margin-top:5rem;
}

.StepHistory-item:first-child{
	margin-top:0;
}

.StepHistoryItem:after{
	content:"";
	display:table;
	clear:both;
}

.StepHistoryItemTitle{
	float:left;
	padding-right:2.063rem;
	position:relative;
}

.StepHistoryItemCnt{
	overflow:hidden;
	padding-left:4rem;
	padding-top:0.2rem;
}

.StepHistoryItemCnt .StPs-title.text-semi{
	font-size:1.5rem;
}

.StepHistoryItemTitle-text{
	display:block;
	font-size:2.5rem;
	line-height:1em;
	color:#000;
	font-family: 'Poppins';
	text-align:right;
	min-width:4.5rem;
}

.StepHistory-item:last-child .StepHistoryItemTitle:before{
	content:"";
	width:1px;
	height:10000px;
	background-color:#CCCCCC;
	position:absolute;
	bottom:50%;
	right:0;
}

.StepHistoryItemTitle:after{
	content:"";
	width:1.25rem;
	height:1.25rem;
	border-radius:100% 100%;
	background-color:#722EA5;
	position:absolute;
	top:50%;
	right:-0.625rem;
	transform:translateY(-50%);
	z-index:1;
}


.StepHistoryItemCnt-text{
	font-size:1rem;
	line-height:1.5em;
	color:#666666;
	margin-top:1.25rem;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.RowPostSec{
		display:block;
	}
	
	.StepHistory{
		overflow:hidden;
	}
	
	.StepHistoryItemCnt{
		padding-top:0.5rem;
	}
	
	.StepHistoryItemCnt-text{
		font-size:1rem;
		margin-top:1.5rem;
	}
	
	.StepHistoryItemTitle-text{
		font-size:2.8rem;
	}
	
	.StepHistory-item{
		margin-top:4rem;
	}
	
	.StepHistoryItemCnt .StPs-title.text-semi{
		font-size:1.26rem;
	}
	
	.StepHistoryItemCnt-text{
		font-size:0.93rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.RowPostSec{
		display:block;
	}
	
	.StepHistory{
		overflow:hidden;
	}
	
	.StepHistoryItemCnt-text{
		font-size:0.93rem;
		margin-top:1.5rem;
	}
	
	.StepHistoryItemCnt .StPs-title{
		font-size:1.2rem;
	}
	
	.StepHistoryItemTitle-text{
		font-size:2.8rem;
		min-width:3.5rem;
	}
	
	.StepHistoryItemCnt{
		padding-left:2rem;
	}
	
	.StepHistory-item{
		margin-top:4rem;
	}
	
	.StepHistoryItemCnt{
		padding-top:0.6rem;
	}
	
	.StepHistoryItemCnt .StPs-title.text-semi{
		font-size:1.26rem;
	}
	
	.StepHistoryItemCnt-text{
		font-size:0.93rem;
		margin-top:1.2rem;
	}
	
}

/*=========================================================
  TeamBox
=========================================================*/
.type-Max.TeamBox{
	max-width:24.813rem;
}

/*=========================================================
	PgCenterHeader
=========================================================*/
.PgCenterHeader{
	text-align:center;
}

.PgCenterHeaderCi{
	line-height:0;
	max-width:39.688rem;
	width:100%;
	margin:0 auto 1.875rem;
}

.PgCenterHeader-text{
	font-size:2.5rem;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
}

.PrSection{
	height: calc(var(--vh, 1vh)*100);
	width:100vw;
	position:relative;
	left:50%;
	margin-left:-50vw;
	overflow:hidden;
}

.PrSectionBg{
	position:absolute;
	top:-50%;
	left:0;
	right:0;
	height:130%;
	z-index:5;
	overflow:hidden;
}

.PrSectionBg:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.6);
}

.Mo-Parallax .PrSectionBg{
	top:0;
	height:100%;
	clip: rect(0, auto, auto, 0);
}

.PrSectionBg-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.Mo-Parallax .PrSectionBg-img{
	position:fixed;
}

.PrSectionText{
	position:absolute;
	top:50%;
	left:0;
	right:0;
	transform:translateY(-50%);
	z-index:5;
}

.PrSectionText .BigStPs-title{
	color:#fff;
}

.PrSectionTextBx{
	max-width:43.625rem;
	padding:0 4.688rem;
}

.PrSectionTextBx-text{
	font-size:1.25rem;
	line-height:1.6em;
	color:#fff;
	font-weight:bold;
	margin-top:1.375rem;
}

.PrSectionTextBx-sub{
	font-size:1rem;
	line-height:1.6em;
	color:#fff;
	margin-top:1.25rem;
	width:80%;
}

.Right.PrSectionTextBx{
	float:right;
	max-width: 54.625rem;
}

.Right .PrSectionTextBx-text{
	width:66%;
}

.Right .PrSectionTextBx-sub{
	width:66%;
}

.PrSectionTextBx-infotitle{
	margin-top:2.5rem;
	font-size:1.25rem;
	line-height:1.4em;
	color:#fff;
	font-weight:bold;
	margin-bottom:1.375rem;
}

.BoxSeat-list{
	overflow:hidden;
	margin:-0.625rem -0.625rem;
}

.BoxSeat-item{
	padding:0.625rem 0.625rem;
	width:33.3333%;
	float:left;
}

.BoxSeat-item:nth-child(2){
	transition-delay:0.2s;
}

.BoxSeat-item:nth-child(3){
	transition-delay:0.4s;
}

.BoxSeatItem{
	position:relative;
	border:solid 1px #fff;
}

.BoxSeatItem:after{
	content:"";
	display:block;
	padding-bottom:100%;
}

.BoxSeatItem-title{
	position:absolute;
	top:1.438rem;
	left:1.5rem;
	right:1.5rem;
	font-size:1.25rem;
	line-height:1.4em;
	color:#fff;
	font-weight:bold;
}

.BoxSeatItem-seat{
	position:absolute;
	bottom:1.438rem;
	left:1.5rem;
	right:1.5rem;
	font-size:1.25rem;
	line-height:1.4em;
	color:#fff;
	font-weight:bold;
	text-align:right;
}

.TeamBoxList-list{
	overflow:hidden;
	display:flex;
	margin:-0.625rem -0.625rem;
}

.TeamBoxList-item{
	padding:0.625rem 0.625rem;
	width:50%;
}

.TeamBoxList .TeamBox{
	height:100%;
	padding-bottom:3.75rem;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.PgCenterHeaderCi{
		max-width:33.688rem;
	}
	
	.PgCenterHeader-text{
		font-size: 1.6rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.PgCenterHeaderCi{
		max-width:33.688rem;
	}
	
	.PgCenterHeader-text{
		font-size: 1.6rem;
	}
	
	.PgCenterHeader-text br{
		display:none;
	}
	
	.PrSectionTextBx{
		padding:0 0;
	}
	
	.PrSectionTextBx-text{
		width:100% !important;
	}
	
	.PrSectionTextBx-sub{
		width:100% !important;
	}
	
	.PrSectionTextBx-text{
		font-size:1.1rem;
	}
	
	.PrSectionTextBx-sub{
		font-size:0.9rem;
	}
	
	.BoxSeatItem-title{
		font-size:0.9rem;
		top:0.6rem;
		left:0.6rem;
		right:0.6rem;
	}
	
	.BoxSeatItem-seat{
		font-size:0.9rem;
		bottom:0.6rem;
		left:0.6rem;
		right:0.6rem;
	}
	
	.PrSection{
		min-height:40.25rem;
	}
}

/*=========================================================
	StepBoxList
=========================================================*/
.StepBoxList-list{
	display:flex;
	margin:-0.75rem -0.75rem;
	flex-wrap:wrap;
}

.StepBoxList-item{
	padding:0.75rem 0.75rem;
	width:20%;
	position:relative;
}

.StepBoxList-item:after{
	content:"";
	display:block;
	width:1rem;
	height:1rem;
	background-image:url(../../images/icon/ico_step_box_arrow.svg);
	background-size:1rem 1rem;
	position:absolute;
	top:50%;
	right:0;
	margin-right:-0.5rem;
}

.StepBoxList-item:last-child:after{
	display:none;
}

.StepBox{
	border:solid 1px #CCCCCC;
	height:100%;
	padding:1.25rem 1.375rem;
}

.StepBoxTitle{
	margin-bottom:1.25rem;
}

.StepBoxTitle:after{
	content:"";
	display:table;
	clear:both;
}

.StepBoxTitle-num{
	display:block;
	float:left;
	margin-right:0.438rem;
	font-size:1rem;
	line-height:1.2em;
	color:#fff;
	font-weight:bold;
	font-family: 'Poppins';
	background-color:#722EA5;
	padding:0.125rem 0.5rem;
}

.StepBoxTitle-text{
	overflow:hidden;
	display:block;
	font-size:1.25rem;
	line-height:1.3em;
	color:#000;
	font-weight:600;
}

.StepBoxMeta-item{
	margin-top:0.5rem;
}

.StepBoxMeta-item:first-child{
	margin-top:0;
}

.StepBoxMeta-item:after{
	content:"";
	display:tablel;
	clear:both;
}

.StepBoxMeta-bullet{
	display:block;
	float:left;
	font-size:1rem;
	line-height:1.6em;
	color:#666666;
	margin-right:4px
}

.StepBoxMeta-text{
	display:block;
	overflow:hidden;
	font-size:1rem;
	line-height:1.6em;
	color:#666666;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.StepBoxList-item{
		width:33.333%;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.StepBoxList-list{
		margin:-1.5rem -0.75rem;
	}
	.StepBoxList-item{
		width:100%;
		padding:1.5rem 0.75rem;
	}
	
	.StepBoxList-item:after{
		right:auto;
		left:50%;
		transform:translateX(-50%) rotate(90deg);
		top:auto;
		bottom:-0.5rem;
	}
}

/*=========================================================
	DfRowSec
=========================================================*/
.DfRowSec{
	display:flex;
	width:100%;
}

.DfRowSec.align-C{
	align-items:center;
}

.DfRowSecTitle{
	width:calc(100% - 60.4%);
	padding-right:5rem;
}

.DfRowSecCnt{
	width:60.4%;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.DfRowSec{
		display:block;
	}
	
	.DfRowSecTitle{
		width:100%;
		padding-right:0;
		margin-bottom:2.188rem;
	}

	.DfRowSecCnt{
		width:100%;
	}
	
	.ProgressItem .BoxTitle{
		font-size:1.3rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.DfRowSec{
		display:block;
	}
	
	.DfRowSecTitle{
		width:100%;
		padding-right:0;
		margin-bottom:2.188rem;
	}

	.DfRowSecCnt{
		width:100%;
	}
	
	.ProgressItem .BoxTitle{
		font-size:1.15rem;
	}
}

/*=========================================================
	ParallaxScroll
=========================================================*/
.ProgressList-item .ProgressItem{
	transition-property: border-color;
	transition-duration: 0.3s;
}

.ProgressList-item.is-Current .ProgressItem{
	border-color:#722EA5;
}

.ProgressList-item.is-Current .ProgressItem-num{
	border-color:#722EA5;
	background-color:#722EA5;
	color:#fff;
}

/*.ProgressList-item.is-Current .SquareProgressItem{
	border-color:#722EA5;
}*/

.SquareProgressItem:after{
	content:"";
	width:1.5rem;
	height:1.375rem;
	background-image:url(../../images/icon/ico_massage_arrow.png);
	background-size:1.5rem 1.375rem;
	position:absolute;
	bottom:-1.2rem;
	left:50%;
	transform:translateX(-50%);
	z-index:5;
}

.Normal .SquareProgressItem:after{
	display:none;
}

.Normal .ProgressList-list{
	margin:-0.625rem 0;
}

.Normal .ProgressList-item{
	padding:0.625rem 0;
}

.ProgressList-item:last-child .SquareProgressItem:after{
	display:none;
}


/*=========================================================
  PageFilterTop
=========================================================*/
.PageFilterTop{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:1.5rem;
}

.PageFilterTop.Right{
	justify-content:end;
}

.PageFilterTop-item:first-child{
	width:17.5rem;	
}

.PageFilterTop-item:last-child{
	width:19.875rem;	
}


/* responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.PageFilterTop-item:first-child{
		width:100%;
	}

	.PageFilterTop-item:last-child{
		width:100%;	
		margin-top:1rem;
	}
}

/*=========================================================
  PostSelect
=========================================================*/
.PostSelect{
	position:relative;
}

.PostSelectText{
	display:block;
	width:100%;
	padding:0.75rem 1.0625rem;
	border:1px solid #000;
}

.PostSelectText-txt{
	overflow:hidden;
	display:block;
	position:relative;
	padding-right:1rem;
	color:#000;
	font-size:1rem;
	font-weight:600;
	line-height:1.5em;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.PostSelectText-txt:after{
	content:'';
	display:block;
	width:0.75rem;
	height:0.375rem;
    background-image: url(../../images/icon/ico_selectArrow.svg);
    background-size: 0.75rem 0.375rem;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.PostSelectList{
	display:none;
	overflow:hidden;
	overflow-y:auto;
	position:absolute;
	width:100%;
	max-height:10.3125rem;
	padding:0.5rem 0;
	z-index:10;
	background-color:#fff;
	border:1px solid #000;
	border-top:0;
}

.PostSelectList-link{
	display:block;
	padding:0.25rem 1.0625rem;
}

.PostSelectList-txt{
	display:block;
	color:#000;
}

.is-Open .PostSelectList{
	display:block;
}

.is-Open .PostSelectText-txt:after{
    transform: rotate(180deg) translateY(50%);
}

.PostSelectList-item.is-Current .PostSelectList-txt{
	font-weight:500;
	text-decoration:underline;
}

/*hover*/
@media screen and (min-width: 1025px) {
	.PostSelectList-link:hover .PostSelectList-txt{
		text-decoration:underline;
	}
}

/* responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	
}

/*=========================================================
  GraySearchBox
=========================================================*/
.GraySearchBox{
	position:relative;
	padding-right:3.5625rem;
	background-color:#F7F7F7;
	border:1px solid #F7F7F7;
}

body .GraySearchBox-text{
	line-height:normal;
	color:#000;
	font-size:1rem;
	display:block;
	width:100%;
	padding:0.90625rem 1.125rem;
}

body .GraySearchBox-text::-webkit-input-placeholder {
	color:#7B7B7B;
}
body .GraySearchBox-text:-ms-input-placeholder {
	color:#7B7B7B;
}

body .GraySearchBox-submit {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 3.5625rem;
    height: 100%;
    z-index: 5;
    background-image: url(../../images/icon/ico_list_search.svg);
    background-size: 1.3125rem 1.3125rem;
    background-repeat: no-repeat;
    background-position: center center;
	cursor:pointer;
}


/*=========================================================
	SwichThumbItem
=========================================================*/
li[id*="info"].SwichThumbPost-items:before{
	content: "";
    display: block;
    height: 4.5rem;
    margin: -4.5rem 0 0;
    visibility: hidden;
    pointer-events: none;
}

.SwichThumbItem{
	display:flex;
	width:100%;
}

.SwichThumbItemThumb{
	width:calc(100% - 33.625rem);
	position:relative;
	overflow:hidden;
	background-color:#F7F7F7;
}

.SwichThumbItemThumb:after{
	content:"";
	display:block;
	padding-bottom:31.25rem;
}

.SwichThumbItemThumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transform: translateX(-101%);
    transition-property: transform;
    transition-duration: 0.8s;
}

.SwichThumbItemThumb-floor{
	display:block;
	position:absolute;
	top:1.25rem;
	left:1.25rem;
	background-color:#000000;
	width:3.375rem;
	height:3.375rem;
	transform: translateY(-200%);
    transition-property: transform;
    transition-duration: 0.5s;
	transition-delay:0.5s;
	z-index:5;
}

.SwichThumbItemThumb-floortext{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	font-size:1.5rem;
	line-height:1.2em;
	color:#fff;
	font-family: 'Poppins';
}

.SwichThumbItemCnt{
	width:33.625rem;
	padding-left:2.125rem;
	position:relative;
}

.is-View .SwichThumbItemThumb-img{
	transform: translateX(0);
}

.is-View .SwichThumbItemThumb-floor{
	transform: translateY(0);
}

.SwichThumbItemCnt-text{
	margin-top:1.25rem;
	font-size:1rem;
	line-height:1.6em;
	color:#666666;
}

.SwichThumbItemCntBtn{
	margin-top:1.125rem;
	font-size:0;
	line-height:0;
}

.PlusBtn{
	border:solid 2px #000;
	display:inline-block;
	padding:0.813rem 0.875rem;
	overflow:hidden;
	position:relative;
}

.PlusBtn:before{
	content:"";
	background-color:#722EA5;
	position:absolute;
	bottom:0;
	left:0;
	right:-1rem;
	top:0;
	transform:scaleY(0);
	transition-property: transform;
    transition-duration: 0.2s;
	transform-origin:bottom;
}

.PlusBtn-text{
	font-size:0.938rem;
	line-height:1.2em;
	color:#000;
	font-weight:600;
	display:block;
	padding-right:1.125rem;
	position:relative;
}

.PlusBtn-text:after{
	content:"";
	width:1rem;
	height:1rem;
	background-image:url(../../images/icon/icon_plus_btn.svg);
	background-size:1rem 1rem;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	margin-top:-1px;
	z-index:1;
}

.InfoBoxSeat{
	position:absolute;
	bottom:0;
	left:2.125rem;
	right:0;
}

.InfoBoxSeat-list{
	overflow:hidden;
	margin:-0.625rem -0.625rem;
}

.InfoBoxSeat-item{
	padding:0.625rem 0.625rem;
	width:50%;
	float:left;
}

.InfoBoxSeat-item:nth-child(2){
	transition-delay:0.2s;
}

.InfoBoxSeat-item:nth-child(3){
	transition-delay:0.4s;
	width:100%;
}

.InfoBoxSeatItem{
	position:relative;
	background-color:#F7F7F7;
}

.InfoBoxSeatItem:after{
	content:"";
	display:block;
	padding-bottom:57.8%;
}

.InfoBoxSeat-item:nth-child(3) .InfoBoxSeatItem:after{
	padding-bottom:27.7%;
}

.InfoBoxSeatItem-title{
	position:absolute;
	top:1.125rem;
	left:1.25rem;
	right:1.25rem;
	font-size:1rem;
	line-height:1.4em;
	color:#000;
}

.InfoBoxSeatItem-seat{
	position:absolute;
	bottom:1.125rem;
	left:0.25rem;
	right:1.25rem;
	font-size:1rem;
	line-height:1.4em;
	color:#000;
	font-weight:600;
	text-align:right;
}

.Right .SwichThumbItemThumb{
	order:2;
}

.Right .SwichThumbItemCnt{
	padding-left:0;
	padding-right: 2.125rem;
}

.Right .InfoBoxSeat{
	left:0;
	right:2.125rem;
}

/*hover*/
@media screen and (min-width: 1025px) {
	.PlusBtn:hover {
		border-color:#722EA5;
	}
	
	.PlusBtn:hover .PlusBtn-text{
		color:#fff;
	}
	
	.PlusBtn:hover .PlusBtn-text:after{
		background-image:url(../../images/icon/icon_plus_btn_h.svg);
	}
	
	.PlusBtn:hover:before{
		transform:scaleY(100%);
	}
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.SwichThumbItemCnt-text{
		font-size:1.1rem;
	}
	
	.SwichThumbItemThumb-floortext{
		font-size:1.3rem;
	}
	
	.SwichThumbItem{
		display:block;
	}
	
	.SwichThumbItemThumb{
		width:auto;
		margin-bottom:2rem;
		margin-left:-2rem;
		margin-right:-2rem;
	}
	
	.SwichThumbItemCnt{
		padding:0 !important;
		width:100%;
	}
	
	.InfoBoxSeat{
		position:static;
		margin-top:2.5rem;
	}
	
	.InfoBoxSeatItem:after{
		padding-bottom:42%;
	}
	
	.InfoBoxSeat-item:nth-child(3) .InfoBoxSeatItem:after{
		padding-bottom: 20.3%;
	}
	
	.SwichThumbItemThumb:after{
		padding-bottom: 28.25rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.SwichThumbItemCnt-text{
		font-size:1rem;
	}
	
	.SwichThumbItemThumb-floortext{
		font-size:1.3rem;
	}
	
	.SwichThumbItem{
		display:block;
	}
	
	.SwichThumbItemThumb{
		width:auto;
		margin-left:-2rem;
		margin-right:-2rem;
		margin-bottom:2rem;
	}
	
	.SwichThumbItemCnt{
		padding:0 !important;
		width:100%;
	}
	
	.InfoBoxSeat{
		position:static;
		margin-top:2.5rem;
	}
	
	.InfoBoxSeatItem:after{
		padding-bottom:29% !important;
	}
	
	.InfoBoxSeat-item{
		width:100%;
	}
	
	.SwichThumbItemThumb:after{
		padding-bottom: 16.25rem;
	}
}

@media screen and (max-width:419px) and (min-width:1px){
	.SwichThumbItemThumb{
		margin-left:-1.5rem;
		margin-right:-1.5rem;
	}
}

/*=========================================================
	siteSingle
=========================================================*/
body[class*="single-facilities-information"] .siteSingle{
	padding-top:0 !important;
}

.TopSingle{
	padding:5.25rem 0;
	background-color:#F7F7F7;
	margin-bottom:10rem;
}

.TopSingleSec{
	display:flex;
	width:100%;
}

.TopSingleThumb{
	width:50%;
}

.TopSingleInfo{
	width:50%;
	padding-left:3.625rem;
}

.TopSingleSec .SwichThumbItemThumb{
	width:100%;
}

.TopSingleSec .SwichThumbItemThumb:after{
	padding-bottom:34.5rem;
}

.TopSingleInfo-title{
	padding-bottom:0.9rem;
	border-bottom:solid 2px #000;
	font-size:2rem;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
	margin-bottom:1.813rem;
}

.TopSingleInfoBtnBx{
	margin-bottom:1.813rem;
}

.TopSingleInfoBtnBx-list{
	overflow:hidden;
	margin:-0.5rem -0.5rem;
}

.TopSingleInfoBtnBx-item{
	padding:0.5rem 0.5rem;
	width:50%;
	float:left;
}

.TopSingleInfoBtn{
	display:block;
	border:solid 2px #000;
	text-align:center;
	padding:1.125rem 1.125rem;
	font-size:0;
	line-height:0;
	position:relative;
	background-color:#fff;
}

.TopSingleInfoBtn-text{
	display:inline-block;
	font-size:1.125rem;
	line-height:1em;
	color:#000;
	font-weight:600;
	position:relative;
	padding-left:1.938rem;
	position:relative;
	z-index:1;
}

.TopSingleInfoBtn-text:before{
	content:"";
	width:1.5rem;
	height:1.5rem;
	background-image:url(../../images/icon/ico_single_360.svg);
	background-size:1.5rem 1.5rem;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	margin-top:-1px;
}

.ico-Won .TopSingleInfoBtn-text:before{
	content:"";
	width:1.25rem;
	height:1.25rem;
	background-image:url(../../images/icon/ico_won.svg);
	background-size:1.25rem 1.25rem;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	margin-top:-1px;
}

.TopSingleInfoBtn:before{
	content:"";
	background-color:#722EA5;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	top:0;
	transform:scaleY(0);
	transition-property: transform;
    transition-duration: 0.2s;
	transform-origin:bottom;
}

.TopSingleInfo-subTitle{
	font-size:1.125rem;
	line-height:1.2em;
	color:#000;
	font-weight:bold;
	margin-bottom:1.25rem;
}

.TopSingleInfo-text{
	margin-top:3.75rem;
	font-size:1rem;
	line-height:1.7em;
	color:#666666;
}

.TopSingleInfoList-list{
	overflow:hidden;
	margin:-0.5rem -0.5rem;
	display:flex;
	flex-wrap:wrap;
}

.TopSingleInfoList-item{
	padding:0.5rem 0.5rem;
	width:25%;
}

/*hover*/
@media screen and (min-width: 1025px) {
	.TopSingleInfoBtn:hover .TopSingleInfoBtn-text{
		color:#fff;
	}
	
	.TopSingleInfoBtn:hover .TopSingleInfoBtn-text:before{
		background-image:url(../../images/icon/ico_single_360_h.svg);
	}
	
	.ico-Won.TopSingleInfoBtn:hover .TopSingleInfoBtn-text:before{
		background-image:url(../../images/icon/ico_won_h.svg);
	}
	
	.TopSingleInfoBtn:hover{
		border-color:#722EA5;
	}
	
	.TopSingleInfoBtn:hover:before{
		transform:scaleY(100%);
	}
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.TopSingle{
		padding:3.5rem 0;
	}
	
	.TopSingleSec{
		display:block;
	}
	
	.TopSingleThumb{
		width:100%;
		margin-bottom:3rem;
	}
	
	.TopSingleInfo{
		padding-left:0;
		width:100%;
	}
	
	.TopSingleInfo-title{
		font-size:1.7rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.TopSingle{
		padding:3.5rem 0;
	}
	
	.TopSingleSec{
		display:block;
	}
	
	.TopSingleThumb{
		width:100%;
		margin-bottom:3rem;
	}
	
	.TopSingleInfo{
		padding-left:0;
		width:100%;
	}
	
	.TopSingleInfo-title{
		font-size:1.5rem;
	}
	
	.TopSingleInfoBtn-text{
		font-size:1rem;
	}
	
	.TopSingleInfoList-item{
		width:50%;
	}
	
	.TopSingleInfoBtnBx-item{
		float:none;
		width:100%;
	}
}

/*=========================================================
	BdDownloadBox
=========================================================*/
.BdDownloadBox{
	display:block;
	background-color:#fff;
	position:relative;
	overflow:hidden;
}

.BdDownloadBox:after{
	content:"";
	display:block;
	padding-bottom:100%;
}

.BdDownloadBox-text{
	position:absolute;
	top:1.25rem;
	left:1.25rem;
	right:1.25rem;
	font-size:1rem;
	line-height:1.6em;
	color:#000;
	z-index:1;
}

.BdDownloadBox:before{
	content:"";
	background-color:#722EA5;
	position:absolute;
	bottom:0;
	left:0;
	right:-1rem;
	top:0;
	transform:scaleY(0);
	transition-property: transform;
    transition-duration: 0.28s;
	transform-origin:bottom;
}

.BdDownloadBox-ico{
	width:1.5rem;
	height:1.5rem;
	position:absolute;
	bottom:1.25rem;
	right:1.25rem;
	background-image:url(../../images/icon/ico_download_black.svg);
	background-size:1.5rem 1.5rem;
}

/*hover*/
@media screen and (min-width: 1025px) {
	.BdDownloadBox:hover .BdDownloadBox-text{
		color:#fff;
		font-weight:bold;
	}
	
	.BdDownloadBox:hover .BdDownloadBox-ico{
		background-image:url(../../images/icon/ico_download_white.svg);
	}
	
	.BdDownloadBox:hover:before{
		transform:scaleY(100%);
	}
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.BdDownloadBox:after{
		padding-bottom:75%;
	}
}

/*=========================================================
	TopSingleThumbSlider
=========================================================*/
.TopSingleThumbGallery{
	overflow:hidden;
	margin-bottom:1.875rem;
}

.TopSingleThumbListSlide{
	padding:0 1.563rem;
	position:relative;
}

.TopSingleThumbList{
	overflow:hidden;
	position:relative;
}

.SingleThumbItemThumb{
	width:100%;
	position:relative;
	overflow:hidden;
	background-color:#F7F7F7;
}

.SingleThumbItemThumb:after{
	content:"";
	display:block;
	padding-bottom:26.25rem;
}

.SingleThumbItemThumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.SingleThumbItemThumb-floor{
	display:block;
	position:absolute;
	top:1.25rem;
	left:1.25rem;
	background-color:#000000;
	width:3.375rem;
	height:3.375rem;
	z-index:5;
}

.SingleThumbItemThumb-floortext{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	font-size:1.5rem;
	line-height:1.2em;
	color:#fff;
	font-family: 'Poppins';
}

.TopSingleThumbList-slide{
	padding:0 0.938rem;
	width:33.3333%;
	cursor:pointer;
}

.TopSingleThumbListThumb{
	position:relative;
	overflow:hidden;
	width:100%;
}

.TopSingleThumbListThumb:after{
	content:"";
	display:block;
	padding-bottom:58.5%;
}

.TopSingleThumbListThumb img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.TopSingleThumbListThumb:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border:solid 4px #000000;
	z-index:10;
	opacity:0;
}

.swiper-slide-thumb-active .TopSingleThumbListThumb:before{
	opacity:1;
}

body .TopSingleThumb-prev{
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	width:1.5rem;
	height:1.5rem;
	background-image:url(../../images/icon/single_slide_prev.svg);
	background-size:1.5rem 1.5rem;
	cursor:pointer;
}

body .TopSingleThumb-next{
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	width:1.5rem;
	height:1.5rem;
	background-image:url(../../images/icon/single_slide_next.svg);
	background-size:1.5rem 1.5rem;
	cursor:pointer;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.SingleThumbItemThumb:after{
		padding-bottom: 14.25rem;
	}
	
	.SingleThumbItemThumb-floor{
		width:2.5rem;
		height:2.5rem;
		top:1rem;
		left:1rem;
	}
	
	.SingleThumbItemThumb-floortext{
		font-size:1.2rem;
	}
	
	.TopSingleThumbList-slide{
		padding: 0 0.5rem;
	}
}

/*=========================================================
	QuickFacilities
=========================================================*/
.QuickFacilities{
	position:fixed;
	top:50%;
	right:2.188rem;
	background-color:#722EA5;
	border-radius:100px 100px;
	padding:1.688rem 1.563rem;
	text-align:center;
	z-index:1000;
}

.QuickFacilities-text{
	display:block;
	font-size:0.875rem;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
	padding-top:2.438rem;
	color:#fff;
	position:relative;
}

.QuickFacilities-text:before{
	content:"";
	width:1.625rem;
	height:1.813rem;
	background-image:url(../../images/icon/ico_all_facilities.svg);
	background-size:1.625rem 1.813rem;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
}

@media screen and (max-width:1023px) and (min-width:1px){
	.QuickFacilities{
		display:none;
	}
}

/*=========================================================
	InfoSingle
=========================================================*/
.InfoSingleList-list{
	margin:-1.5rem -1.5rem;
	display:flex;
	flex-wrap:wrap;
}

.InfoSingleList-item{
	width:50%;
	padding:1.5rem 1.5rem;
}

.InfoSingleList-title{
	font-size:1.5rem;
	line-height:1.4em;
	color:#000;
	font-weight:600;
	margin-bottom:1.25rem;
}

@media screen and (max-width:1023px) and (min-width:748px){
	.InfoSingleList-title{
		font-size:1.2rem;
	}
	
	.InfoSingleList-item{
		width:100%;
	}
	
	.BigStPs-title.mb45{
		margin-bottom: 1.813rem !important;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.InfoSingleList-title{
		font-size:1.3rem;
	}
	
	.InfoSingleList-item{
		width:100%;
	}
	
	.BigStPs-title.mb45{
		margin-bottom: 1.813rem !important;
	}
}

/*=========================================================
	VideoPopup
=========================================================*/
.VideoPopup{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:5000;
	transition-property: opacity,visibility;
	transition-duration: 0.2s;
	opacity:0;
	visibility:hidden;
}

.is-View.VideoPopup{
	opacity:1;
	visibility:visible;
}

.VideoPopupBg{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.7);
}

.VideoPopupSec{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	z-index:10;
	max-width:71.875rem;
	width:calc(100% - 3rem);
	padding-top:3.5rem;
}

.VideoPopupSecBx{
	position:relative;
	overflow:hidden;
}

.VideoPopupSecBx:after{
	content:"";
	display:block;
	padding-bottom:56.3%;
}

.VideoPopupSecBx-iframe{
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}

.VideoPopupSecBxThumb{
	position:absolute;
	display:block;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:5;
}

.VideoPopupSecBxThumb.is-None{
	opacity:0;
	visibility:hidden;
}

.VideoPopupSecBxThumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.VideoPopupSecBxThumb:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.3);
	z-index:5;
}

.VideoPopupSecBxThumb:after{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	z-index:10;
	width:4.75rem;
	height:4.75rem;
	background-image:url(../../images/icon/ico_popup_play.svg);
	background-size:4.75rem 4.75rem;
	transition-property: transform;
	transition-duration: 0.3s;
}

.VideoPopupSec-close{
	width:2.25rem;
	height:2.25rem;
	position:absolute;
	top:0;
	right:0;
	z-index:50;
	background-color:#fff;
	border-radius:100% 100%;
}

.VideoPopupSec-close:after{
	content:"";
	width:0.75rem;
	height:0.75rem;
	background-image:url(../../images/icon/ico_videopopup_close.svg);
	background-size:0.75rem 0.75rem;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

@media screen and (min-width:1025px){
	.VideoPopupSecBxThumb:hover:after{
		transform:translate(-50%, -50%) scale(0.9);
	}
}

/*=========================================================
	InfoBoxTool 
=========================================================*/
.InfoBoxTool{
	border:solid 1px #000;
	border-bottom:none;
	padding:1.375rem 1.875rem;
}

.InfoBoxTool-inner{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
	font-size:0;
	line-height:0;
}

.InfoBoxToolTitle{
	max-width:50%;
}

.InfoBoxToolTitle-title{
	font-size:1.25rem;
	line-height:1.4em;
	color:#000;
	font-weight:600;
	margin-right:0.5rem;
	display:inline-block;
}

.InfoBoxToolTitle-sub{
	font-size:1rem;
	line-height:1.4em;
	color:#707070;
	display:inline-block;
}

.InfoBoxToolCnt{
	max-width:50%;
}

.InfoBoxToolCnt-text{
	font-size:1.25rem;
	line-height:1.2em;
	color:#000;
	font-family: 'Poppins';
}

.InfoBoxToolCnt-text strong{
	font-size:1.25rem;
	line-height:1.2rem;
	color:#000;
	font-weight:600;
	font-family: 'Poppins';
}

.Non-Pd.LayoutRow50{
	border:solid 1px #000;
}

.Non-Pd .LayoutRow50-list{
	margin:0;
}

.Non-Pd .LayoutRow50-item{
	padding:0;
}

.Non-Pd .LayoutRow50-item:first-child{
	border-right:solid 1px #000;
}

.Non-Pd .InfoBoxSmTool{
	border:none;
}

@media screen and (max-width:1024px) and (min-width:748px){
	.InfoBoxTool-inner{
		display:block;
	}
	
	.InfoBoxToolTitle{
		max-width:100%;
		margin-bottom:1rem;
	}
	
	.InfoBoxToolCnt{
		max-width:100%;
	}
	
	.InfoBoxToolTitle-title{
		font-size:1.1rem;
	}
	
	.InfoBoxToolCnt-text{
		font-size:1.1rem;
	}
	
	.InfoBoxToolCnt-text strong{
		font-size:1.1rem;
	}
	
	.Non-Pd .LayoutRow50-item:first-child{
		border-right:none;
	}
	
}

@media screen and (max-width:747px) and (min-width:1px){
	.InfoBoxTool-inner{
		display:block;
	}
	
	.InfoBoxToolTitle{
		max-width:100%;
		margin-bottom:1.5rem;
	}
	
	.InfoBoxToolCnt{
		max-width:100%;
	}
	
	.InfoBoxToolTitle-title{
		font-size:1.25rem;
	}
	
	.InfoBoxTool{
		padding:1.2rem 1rem;
	}
	
	.Non-Pd .LayoutRow50-item:first-child{
		border-right:none;
	}
}

/*=========================================================
	LayoutRow50 
=========================================================*/
.LayoutRow50-list{
	display:flex;
	margin:-0.625rem -0.625rem;
}

.LayoutRow50-item{
	width:50%;
	padding:0.625rem 0.625rem;
}

.InfoBoxSmTool{
	border:solid 1px #000;
	height:100%;
	padding:1.875rem 1.688rem 1.875rem 1.875rem;
}

.InfoBoxSmTool-inner{
	width:100%;
	font-size:0;
	line-height:0;
}

.InfoBoxSmToolTitle{
	margin-bottom:1.563rem;
}

.InfoBoxSmToolTitle-title{
	font-size:1.25rem;
	line-height:1.2em;
	color:#000;
	font-weight:600;
	display:block;
}

.InfoBoxSmToolTitle-text{
	margin-top:0.625rem;
	font-size:1rem;
	line-height:1.2em;
	color:#707070;
	display:block;
}

/* .InfoBoxSmToolCnt{ */
	/* width:100%; */
/* } */

.InfoBoxSmToolCnt-item{
	margin-top:1.063rem;
}

.InfoBoxSmToolCnt-item:first-child{
	margin-top:0;
}

.InfoBoxSmToolCnt-inner{
	display:flex;
	width:100%;
	justify-content:space-between;
}

.InfoBoxSmToolCntTitle{
	font-size:1rem;
	line-height:1.4em;
	color:#000;
	padding-right:0.625rem;
}

.InfoBoxSmToolCntTitle-text{
	font-size:1rem;
	line-height:1.4em;
	color:#000;
}

.TblFooter-text{
	font-size:1rem;
	line-height:1.4em;
	color:#666666;
	text-align:right;
	margin-top:1.25rem;
}

@media screen and (max-width:1024px) and (min-width:748px){
	.LayoutRow50-list{
		display:block;
	}
	
	.LayoutRow50-item{
		width:100%;
	}
	
	.InfoBoxSmTool-inner{
		display:block;
	}
	
	.InfoBoxSmToolTitle-title{
		display:block;
	}
	
	.InfoBoxSmToolTitle{
		display:block;
		margin-bottom:1rem;
	}
	
	.InfoBoxSmToolCnt{
		width:100%;
	}
	
	.InfoBoxSmToolTitle-title{
		font-size:1.1rem;
	}
	
	.InfoBoxSmToolCntTitle{
		font-size:0.93rem;
	}
	
	.InfoBoxSmToolCntTitle-text{
		font-size:0.93rem;
	}
	
	.TblFooter-text{
		font-size:0.93rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.LayoutRow50-list{
		display:block;
	}
	
	.LayoutRow50-item{
		width:100%;
	}
	
	.InfoBoxSmTool-inner{
		display:block;
	}
	
	.InfoBoxSmToolTitle-title{
		display:block;
	}

	.InfoBoxSmToolTitle-text{
		margin-top:0.5rem;
		font-size:0.9rem;
	}

	
	.InfoBoxSmToolTitle{
		display:block;
		margin-bottom:1rem;
	}
	
	.InfoBoxSmToolCnt{
		width:100%;
	}
	
	.InfoBoxSmToolCntTitle{
		font-size:0.9rem;
	}
	
	.InfoBoxSmToolCntTitle-text{
		font-size:0.9rem;
	}
	
	.InfoBoxSmTool{
		padding:1.2rem 1rem;
	}
	
	.TblFooter-text{
		font-size:0.93rem;
	}
}

/*=========================================================
	PgSecTab
=========================================================*/
@media screen and (max-width:747px) and (min-width:1px){
	.PgSecTab{
		display:block;
	}
	
	.PgSecTabList{
		position:fixed;
		bottom:0;
		left:0;
		right:0;
		width:auto;
		margin-right:0;
		background-color:#fff;
		z-index:100;
	}
	
	.PgSecTabBody{
		width:auto;
	}
}

/*=========================================================
	PgSecTabList
=========================================================*/
.PgSecTabListBxTitle-link{
	display:block;
	font-size:1.125rem;
	line-height:1.4em;
	color:#000;
	font-weight:500;
	padding:0.75rem 3rem 0.75rem 1rem; 
	position:relative;
}

.is-Current.PgSecTabList-item .PgSecTabListBxTitle-link{
	background-color: #722EA5;
    border-bottom: solid 2px #4B2564;
	color:#fff;
	font-weight:bold;
	text-decoration:none !important;
}

.is-Current.PgSecTabList-item .PgSecTabListBxTitle-link:after{
	content:"";
	width:1.063rem;
	height:1rem;
	background-image:url(../../images/icon/ico_maplist_arrow.svg);
	background-size:1.063rem 1rem;
	position:absolute;
	top:50%;
	right:0.875rem;
	transform:translateY(-50%);
}

.PgSecTabList-title{
	font-size:0.875rem;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	margin-bottom:0.75rem;
	display:block;
}

.SmTitle.RowPostSec .RowTitleSecCnt{
	padding-top:0;
}

.PgSecTabBody-item{
	display:none;
}

.PgSecTabBody-item.is-Current{
	display:block;
}

.PgSecTabList-item.floor3f{
	position:relative;
	margin-top:2rem;
}

.PgSecTabList-item.floor3f:before{
	content:"3층";
	font-size:0.875rem;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	margin-bottom:0.75rem;
	display:block;
}

@media screen and (min-width:1025px){
	.PgSecTabListBxTitle-link:hover{
		text-decoration:underline;
	}
}

@media screen and (min-width:748px){
	.PgSecTabList-text{
		display:none;
	}
	
	.PgSecTabList-link{
		display:none;
	}
}

@media screen and (max-width:1024px) and (min-width:748px){
	.PgSecTabListBxTitle-link{
		font-size:0.875rem;
		padding: 0.65rem 3rem 0.65rem 1rem;
	}
	
	.PgSecTabListBxSub-link{
		font-size:0.8rem;
	}
	
	.PgSecTabListBxSub{
		padding:1rem 1rem 1.15rem;
	}
	
	.PgSecTabList-title{
		font-size:0.75rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.PgSecTabList{
		z-index:2000;
	}
	
	.PgSecTabList-link{
		display: block;
		font-size: 1.125rem;
		line-height: 1.4em;
		color: #fff;
		font-weight: bold;
		padding: 1rem 2rem;
		position: relative;
		background-color:#722EA5;
		text-align:center;
	}
	
	.TabMobileOpenBx{
		display:none;
		height: calc(var(--vh, 1vh)*100 - 3.5rem);
		overflow:hidden;
		overflow-y:auto;
		padding:2.5rem 1.5rem;
	}
	
	.is-View.TabMobileOpenBx{
		display:block;
	}
}

/*=========================================================
	PgSecTabListSubInfo
=========================================================*/
.PgSecTabListSubInfo{
	margin-top:2.188rem;
	background-color:#F7F7F7;
	padding:1.25rem 1.25rem;
}

.PgSecTabListSubInfo-text{
	font-size:0.85rem;
	line-height:1.7em;
	color:#000000;
	font-weight:300;
	padding-left:1.5rem;
	position:relative;
}

.PgSecTabListSubInfo-text:before{
	content:"";
	width:1.125rem;
	height:1.125rem;
	background-image: url(../../images/icon/ico_pin_comm.svg);
	background-size: 1.125rem 1.125rem;
	position:absolute;
	top:0.2rem;
	left:0;
}

@media screen and (max-width:1024px) and (min-width:748px){
	.PgSecTabListSubInfo{
		padding:1rem 1rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	
}

/*=========================================================
	BarDownloadBtn
=========================================================*/
.BarDownloadBtn{
	display:block;
	border:solid 2px #000;
	padding:0.875rem 0;
	text-align:center;
	font-size:0;
	line-height:0;
	margin-top:2rem;
	position:relative;
	overflow:hidden;
}

.BarDownloadBtn-text{
	font-size:1.125rem;
	line-height:1.2em;
	color:#000;
	font-weight:600;
	padding-right:2.063rem;
	display:inline-block;
	position:relative;
}

.BarDownloadBtn-text:after{
	content:"";
	width:1.5rem;
	height:1.5rem;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	background-image:url(../../images/icon/ico_download_black.svg);
	background-size:1.5rem 1.5rem;
	margin-top:-1px;
}

.BarDownloadBtn:before{
	content:"";
	background-color:#000;
	position:absolute;
	bottom:0;
	left:0;
	right:-1rem;
	top:0;
	transform:scaleY(0);
	transition-property: transform;
    transition-duration: 0.2s;
	transform-origin:bottom;
}

/*hover*/
@media screen and (min-width: 1025px) {
	.BarDownloadBtn:hover .BarDownloadBtn-text{
		color:#fff;
	}
	
	.BarDownloadBtn:hover .BarDownloadBtn-text:after{
		background-image:url(../../images/icon/ico_download_white.svg);
	}
	
	.BarDownloadBtn:hover:before{
		transform:scaleY(100%);
	}
}

@media screen and (max-width:1024px) and (min-width:748px){
	.BarDownloadBtn-text{
		font-size:0.875rem;
		padding-right:1.6rem;
	}
	
	.BarDownloadBtn-text:after{
		width:1.2rem;
		height:1.2rem;
		background-size:1.2rem 1.2rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.BarDownloadBtn-text{
		font-size:1rem;
		padding-right:1.6rem;
	}
	
	.BarDownloadBtn-text:after{
		width:1.2rem;
		height:1.2rem;
		background-size:1.2rem 1.2rem;
	}
}

/*=========================================================
	TopSlideBanner
=========================================================*/
.TopSlideBanner{
	position:relative;
	margin-bottom:5.438rem;
}

.TopSlideBannerItem{
	width:100%;
	height:27.875rem;
}

.TopSlideBannerItemBg{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.TopSlideBannerItemBg:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.5);
	z-index:1;
}

.NoText .TopSlideBannerItemBg:after{
	background-color:rgba(0,0,0,0.2);
}

.TopSlideBannerItemBg-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.TopSlideBannerItemText-box{
	max-width:52.75rem;
	margin:0 auto;
	width:100%;
	padding:0 3.75rem;
}

.TopSlideBannerItemText{
	position:absolute;
	top:50%;
	left:0;
	right:0;
	transform:translateY(-50%);
	text-align:center;
	pointer-events: none;
	z-index:10;
}

.TopSlideBannerItemText-title{
	font-size:2.5rem;
	line-height:1.4em;
	color:#fff;
	font-weight:bold;
}

.TopSlideBannerItemText-sub{
	margin-top:1.313rem;
	font-size:1.5rem;
	line-height:1.5em;
	color:#fff;
}

body .TopSlideBanner-pagination{
	position:absolute;
	bottom:1.563rem;
	left:50%;
	transform:translateX(-50%);
	padding:0.625rem 0.75rem;
	background-color:rgba(0,0,0,0.6);
	border-radius:100px 100px;
	font-size:0;
	line-height:0;
	z-index:50;
}

body .TopSlideBanner-pagination.is-None{
	display:none;
}

.TopSlideBanner-pagination .swiper-pagination-bullet{
	width:0.75rem;
	height:0.75rem;
	border:solid 1px #fff;
	background-color:transparent !important;
}

.TopSlideBanner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color:#fff !important;
}

body .TopSlideBanner-prev{
	width:3.75rem;
	height:3.75rem;
	background-image:url(../../images/icon/ico_topslide_prev.svg);
	background-size:3.75rem 3.75rem;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-42.5rem;
	transform:translateY(-50%);
	opacity:0.8;
	transition-property: opacity;
	transition-duration: 0.3s;
	display:none;
	z-index:50;
}

body .TopSlideBanner-next{
	width:3.75rem;
	height:3.75rem;
	background-image:url(../../images/icon/ico_topslide_next.svg);
	background-size:3.75rem 3.75rem;
	position:absolute;
	top:50%;
	right:50%;
	margin-right:-42.5rem;
	transform:translateY(-50%);
	opacity:0.8;
	transition-property: opacity;
	transition-duration: 0.3s;
	display:none;
	z-index:50;
}

body .TopSlideBanner-prev:not(.is-None){
	display:block !important;
}

body .TopSlideBanner-next:not(.is-None){
	display:block !important;
}

/*wide*/
.TopSlideBanner.Wide{
	width:100vw;
	position:relative;
	left:50%;
	transform:translateX(-50%);
}

.Wide .TopSlideBannerItemText-sub{
	font-weight:600;
}

.TopSlideBannerItemText-text{
	font-size:1rem;
	line-height:1.6em;
	color:#fff;
	margin-top:1.125rem;
}

/* hover */
@media screen and (min-width:1025px){
	body .TopSlideBanner-prev:hover{
		opacity:1;
		background-image: url(../../images/icon/ico_topslide_prev_two_h.svg);
	}
	
	body .TopSlideBanner-next:hover{
		opacity:1;
		background-image: url(../../images/icon/ico_topslide_next_two_h.svg);
	}
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.TopSlideBannerItemText-title{
		font-size:2.1rem;
	}
	
	.TopSlideBannerItemText-sub{
		font-size:1.2rem;
	}
	
	.TopSlideBannerItem{
		height: 24.875rem;
	}
	
	.TopSlideBannerItemText{
		left:0;
		right:0;
	}
	
	body .TopSlideBanner-prev{
		display:none;
	}
	
	body .TopSlideBanner-next{
		display:none;
	}
	
	.TopSlideBannerItemText-text{
		font-size:0.9rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.TopSlideBanner{
		margin-bottom:4rem;
	}
	
	.TopSlideBannerItemText-title{
		font-size:1.7rem;
	}
	
	.TopSlideBannerItemText-sub{
		font-size:1rem;
	}
	
	.TopSlideBannerItemText-sub br{
		display:none;
	}
	
	.TopSlideBannerItem{
		height: 24.875rem;
	}
	
	.TopSlideBannerItemText{
		left:0;
		right:0;
	}
	
	body .TopSlideBanner-prev{
		display:none;
	}
	
	body .TopSlideBanner-next{
		display:none;
	}
	
	.TopSlideBannerItemText-box{
		padding:0;
	}
	
	.TopSlideBannerItemText-text{
		font-size:0.875rem;
	}
	
	.TopSlideBannerItemText-text br{
		display:none;
	}
}

/*=========================================================
	quoteSec
=========================================================*/
.QuoteSec{
	padding:4rem 0;
	position:relative;
	text-align:center;
}

.QuoteSec-text{
	margin-top:1rem;
	font-size:2rem;
	line-height:1.4em;
	color:#000;
}

.QuoteSec-text:first-child{
	margin-top:0;
}

.QuoteSec:before{
	content:"";
	width:2.75rem;
	height:2.75rem;
	background-image:url(../../images/icon/ico_quote_top.svg);
	background-size:2.75rem 2.75rem;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
}

.QuoteSec:after{
	content:"";
	width:2.75rem;
	height:2.75rem;
	background-image:url(../../images/icon/ico_quote_bottom.svg);
	background-size:2.75rem 2.75rem;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.QuoteSec-text{
		font-size:1.6rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.QuoteSec-text{
		font-size:1.3rem;
	}
}

/*=========================================================
	InterestList
=========================================================*/
.InterestList-list{
	margin:-0.3125rem -0.3125rem;	
	font-size:0;
	line-height:0;
}

.InterestList-item{
	display:inline-block;
	padding:0.3125rem 0.3125rem;
}

@media screen and (max-width:747px) and (min-width:1px){
	.InterestList-list{
		margin:-0.1875rem -0.1875rem;
	}

	.InterestList-item{
		padding: 0.1875rem 0.1875rem;
	}
}

/*=========================================================
	BorderChk
=========================================================*/
.PopupJsTab-item{
	display:none;
}

.PopupJsTab-item.is-Current{
	display:block;
}

.BorderChk-input{
	display:none;
}

.BorderChk-label{
	display:block;
	font-size:1rem;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	padding:0.75rem 1rem;
	border:solid 2px #E6E6E6;
	position:relative;
}

.BorderChk-input:checked + .BorderChk-label{
	padding-left:2.125rem;
	border-color:#000;
}

.BorderChk-input:checked + .BorderChk-label:before{
	content:"";
	width:0.75rem;
	height:0.438rem;
	background-image:url(../../images/icon/ico_filter_check.svg);
	background-size:0.75rem 0.438rem;
	position:absolute;
	top:50%;
	left:1rem;
	transform:translateY(-50%);
}

@media screen and (max-width:747px) and (min-width:1px){
	.BorderChk-label{
		padding:0.5rem 0.75rem;
		font-size:0.875rem;
	}
	
	.BorderChk-input:checked + .BorderChk-label{
		padding-left: 1.875rem;
	}
	
	.BorderChk-input:checked + .BorderChk-label:before{
		left: 0.75rem;
	}
}


/*=========================================================
	advertising
=========================================================*/
.BrandImg{
	line-height:0;
}

.BigStPs-sub{
	font-size:1rem;
	line-height:1.6em;
	color:#666666;
	margin-top:1.64rem;
}

/*=========================================================
	InsidePost
=========================================================*/
.InsidePost .EventDetailBtn{
	margin-top:5rem;
}

.InsidePost-list{
	margin:-1.063rem -1.063rem;
	overflow:hidden;
}

.InsidePost-item{
	padding:1.063rem 1.063rem;
	width:33.3333%;
	float:left;
}

.InsidePostItem{
	line-height:0;
	margin-top:2.125rem;
	position:relative;
}

.InsidePostItem:after{
	content:"";
	display:block;
	padding-bottom:149%;
}

.InsidePostItem-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.InsidePostItem:first-child{
	margin-top:0;
}

.InsidePost-item:first-child{
	padding-top:7.5rem;
}

.InsidePost-item:last-child{
	padding-top:7.5rem;
}

.EventDetailBtn-link.Non-Max{
	width:auto;
	padding-left:2rem;
	padding-right:2rem;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.InsidePost-list{
		margin:-0.5rem -0.5rem;
	}

	.InsidePost-item{
		padding:0.5rem 0.5rem;
	}
	
	.InsidePostItem{
		margin-top:1rem;
	}
	
	.InsidePost-item:first-child{
		padding-top:3.5rem;
	}
	
	.InsidePost-item:last-child{
		padding-top:3.5rem;
	}
}

@media screen and (max-width:419px) and (min-width:748px){
	.InsidePost{
		margin:0 -1.5rem;
	}
}

/*=========================================================
	PostTextList
=========================================================*/
.PostTextList-list{
	margin:-0.9375rem -0.9375rem;
	overflow:hidden;
}

.PostTextList-item{
	padding:0.9375rem 0.9375rem;
	width:33.33%;
	float:left;
}

.PostText{
	display:block;
}

.PostTextThumb{
	position:relative;
	overflow:hidden;
	margin-bottom:1.188rem;
}

.PostTextThumb:after{
	content:"";
	display:block;
	padding-bottom:118%;
}

.PostTextThumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.PostText-title{
	font-size:1.5rem;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
}

.PostText-sub{
	font-size:1rem;
	line-height:1.5em;
	color:#666666;
	margin-top:0.625rem;
}

@media screen and (min-width:1025px){
	.PostText:hover .PostText-title{
		text-decoration:underline;
	}
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.PostText-title{
		font-size:1.3rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.PostTextList-list{
		margin:0 -0.75rem;
	}

	.PostTextList-item{
		padding:4rem 0.75rem 0;
		width:100%;
		float:none;
	}
	
	.PostTextList-item:first-child{
		padding-top:0;
	}
	
	.PostTextList{
		margin:0 -2rem;
	}
	
	.PostText-title{
		padding:0 2rem;
	}
	
	.PostText-sub{
		padding:0 2rem;
	}
}

@media screen and (max-width:419px) and (min-width:1px){
	.PostTextList{
		margin:0 -1.5rem;
	}
	
	.PostText-title{
		padding:0 1.5rem;
	}
	
	.PostText-sub{
		padding:0 1.5rem;
	}
}

/*=========================================================
	BtnWithTitle
=========================================================*/
.BtnWithTitle{
	background-color:#F7F7F7;
	padding:2.5rem 2.5rem;
}

.BtnWithTitle-inner{
	display:flex;
	align-items:center;
	width:100%;
	justify-content:space-between;
}

.BtnWithTitle-title{
	font-size:1.5rem;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
}

.page-template-page-filming .BtnWithTitle-title{
	min-width: 37%;
}

.BtnWithTitleCnt-list{
	overflow:hidden;
	margin:-0.625rem -0.625rem;
	font-size:0;
	line-height:0;
}

.BtnWithTitleCnt-item{
	padding:0.625rem 0.625rem;
	float:left;
	text-align:center;
}

.BtnWithTitle.type-Border{
	background-color:transparent;
	border:solid 1px #CCCCCC;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.BtnWithTitle{
		padding:2rem 2rem;
	}
	
	.BtnWithTitle-title{
		font-size:1.3rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.BtnWithTitle{
		padding:2rem 2rem;
	}
	
	.BtnWithTitle-title{
		font-size:1.2rem;
		margin-bottom:1rem;
	}
	
	.BtnWithTitle-inner{
		display:block;
	}
	
	.BtnWithTitle-inner .HvUpBtn{
		width:100%;
	}
	
	.BtnWithTitleCnt-item{
		float:none;
	}
	
	.BtnWithTitle.type-Border{
		padding: 2rem 1rem;
	}
	
	.BtnWithTitle.type-Border .BtnWithTitle-title br{
		display:none;
	}
}

/*=========================================================
	HvUpBtn
=========================================================*/
.HvUpBtn{
	display:inline-block;
	padding:1.125rem 1.25rem;
	border:2px solid #000;	
	position:relative;
	text-align:center;
	overflow:hidden;
	min-width:11.75rem;
	text-align:center;
}

.HvUpBtn-text{
	color:#000;
	font-size:1.125rem;
	font-weight:500;
	line-height:1.2em;
	display:inline-block;
	position:relative;
	transition-property:color;
    transition-duration: 0.3s;
	z-index:1;
}

.HvUpBtn:before{
	content:"";
	background-color:#722EA5;
	position:absolute;
	bottom:-1rem;
	left:0;
	right:-1rem;
	top:-1rem;
	transform:scaleY(0);
	transition-property: transform;
    transition-duration: 0.3s;
	transform-origin:bottom;
}

/*hover*/
@media screen and (min-width: 1025px) {
	.HvUpBtn:hover {
		border-color:#722EA5;
	}
	
	.HvUpBtn:hover .HvUpBtn-text{
		color:#fff;
	}
	
	.HvUpBtn:hover:before{
		transform:scaleY(100%);
	}
}

/*=========================================================
  SmContactInfoList
=========================================================*/
.SmContactInfoList-list{
	overflow:hidden;
	margin:-0.625rem -0.625rem;
}

.SmContactInfoList-item{
	padding:0.625rem 0.625rem;
	width:50%;
	float:left;
}

.SmContactInfoList-item:nth-child(odd){
	clear:both;
}

.SmContactInfo{
	background-color:#F7F7F7;
	padding:1.25rem 1.25rem;
}

.SmContactInfo-title{
	font-size:1rem;
	line-height:1.4em;
	color:#000;
	font-weight:600;
	margin-bottom:1rem;
}

.SmContactInfo-tel{
	font-size:1rem;
	line-height:1.2em;
	color:#666666;
	padding-left:1.375rem;
	position:relative;
}

.SmContactInfo-email{
	font-size:1rem;
	line-height:1.2em;
	color:#666666;
	padding-left:1.375rem;
	position:relative;
	margin-top:0.625rem;
}

.SmContactInfo-email a{
	color:#666666;
}


.SmContactInfo-tel:before{
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	width:1rem;
	height:1rem;
	background-image:url(../../images/icon/ico_pin_tel.svg);
	background-size:1rem 1rem;
}

.SmContactInfo-email:before{
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:0.2rem;
	width:1rem;
	height:0.75rem;
	background-image:url(../../images/icon/ico_pin_email.svg);
	background-size:1rem 0.75rem;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.SmContactInfo-title{
		font-size:0.9rem;
	}
	
	.SmContactInfo-tel{
		font-size:0.9rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.SmContactInfo-title{
		font-size:0.9rem;
	}
	
	.SmContactInfo-tel{
		font-size:0.9rem;
	}
	
	.SmContactInfoList-item{
		width:100%;
	}
	
	.ParallaxScroll .ProgressItem{
		padding-right:1.25rem !important;
	}
	
	.ParallaxScroll .HvUpBtn-text{
		font-size:1rem;
	}
}

/*=========================================================
	MideaList
=========================================================*/
.MideaList-item{
	margin-top:10rem;
}

.MideaList-item:first-child{
	margin-top:0;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.MideaList-item{
		margin-top:7rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.MideaList-item{
		margin-top:7rem;
	}
}

/*=========================================================
	MideaPost
=========================================================*/
.MideaPost-link{
	display:flex;
	width:100%;
}

.MideaPostThumb{
	width:60.4%;
	position: relative;
    overflow: hidden;
    background-color: #F7F7F7;
}

.MideaPostThumb:after{
	content:"";
	display:block;
	padding-bottom:31.25rem;
}

.MideaPostThumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transform: translateX(-101%);
    transition-property: transform;
    transition-duration: 0.8s;
}

.is-View .MideaPostThumb-img{
	transform: translateX(0);
}

.MideaPostCnt{
	width:39.6%;
	padding-left:2.125rem;
	display:flex;
	flex-direction: column;
	justify-content:space-between;
}

.MideaPostCnt-text{
	font-size:1rem;
	line-height:1.7em;
	color:#666666;
	margin-top:1.25rem;
	padding-right:6rem;
}

.MideaPostCntBody{
	margin-top:1.25rem;
}

@media screen and (min-width:1025px){
	.MideaPost-link:hover .BigStPs-text{
		text-decoration:underline;
	}
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.MideaPost-link{
		display:block;
	}
	
	.MideaPostThumb{
		width:100%;
		margin-bottom:2rem;
	}
	
	.MideaPostCnt{
		padding-left:0;
		width:100%;
	}
	
	.MideaPostThumb:after{
		padding-bottom: 26.25rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.MideaPost-link{
		display:block;
	}
	
	.MideaPostCnt{
		padding-left:0;
		width:100%;
	}
	
	.MideaPostThumb:after{
		padding-bottom: 16.25rem;
	}
	
	.MideaPostThumb{
		margin-left:-2rem;
		margin-right:-2rem;
		width:auto;
		margin-bottom:2rem;
	}
	
	.MideaPostCnt-text{
		padding-right:2rem;
		margin-top:1rem;
	}
	
	.BigStPs-title{
		font-size:1.5rem;
	}
}

@media screen and (max-width:419px) and (min-width:1px){
	.MideaPostThumb{
		margin-left:-1.5rem;
		margin-right:-1.5rem;
	}
}

/*=========================================================
	MideaListMeta
=========================================================*/
.MideaListMeta-list{
	display:flex;
	flex-wrap:wrap;
	margin:-1.25rem -0.625rem;
}

.MideaListMeta-item{
	padding:1.25rem 0.625rem;
	width:50%;
}

.MideaListMetaItem{
	border-top:solid 1px #000;
	padding:1.188rem 1.25rem 0;
	position:relative;
	min-height:7.5rem;
}

.MideaListMetaItem-title{
	font-size:1rem;
	line-height:1.4em;
	color:#666666;
}

.MideaListMetaItem-text{
	position:absolute;
	bottom:0;
	right:1.25rem;
	font-size:1.25rem;
	line-height:1.4em;
	color:#000;
	font-weight:600;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.MideaListMetaItem{
		min-height: 6.5rem;
	}
	
	.MideaListMetaItem-text{
		font-size:1.1rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.MideaListMetaItem{
		min-height: 6.5rem;
	}
	
	.MideaListMetaItem-text{
		font-size:1.1rem;
	}
}

/*=========================================================
	SitePostRow 
=========================================================*/
.BasicPostThumb{
	position:relative;
	overflow:hidden;
	margin-bottom:1.25rem;
}

.BasicPostThumb:after{
	content:"";
	display:block;
	padding-bottom:57%;
}

.BasicPostThumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transform:translateX(-101%);
	transition-property: transform;
    transition-duration: 0.5s;
}

.is-View .BasicPostThumb-img{
	transform:translateX(0);
}

.BasicPost-title{
	font-size:1.5rem;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.BasicPostThumb{
		margin-bottom:1rem;
	}
	
	.BasicPost-title{
		font-size:1.2rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.BasicPostThumb{
		margin-bottom:1rem;
	}
	
	.BasicPost-title{
		font-size:1.2rem;
	}
	
	.BasicPostThumb{
		margin-left:-2rem;
		margin-right:-2rem;
	}
}

@media screen and (max-width:419px) and (min-width:1px){
	.BasicPostThumb{
		margin-left:-1.5rem;
		margin-right:-1.5rem;
	}
}

/*=========================================================
	SmTopBanner 
=========================================================*/
.SmTopBanner{
	position:relative;
	left:50%;
	transform:translateX(-50%);
	width:100vw;
	height:18.75rem;
	overflow:hidden;
}

.SmTopBannerBg{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-size:cover;
	transform:scale(2);
	background-position:center center;
	animation-duration: 2.5s;
	animation-name: scaleZoomOut;
	animation-fill-mode: forwards;
}

.SmTopBannerBg:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.5);
	z-index:1;
}

@keyframes scaleZoomOut {
  0% {
	transform:scale(1.2);
  }

  100% {
	transform:scale(1);
  }
}

.SmTopBannerText{
	position:absolute;
	top:50%;
	left:0;
	right:0;
	transform:translateY(-50%);
	text-align:center;
	z-index:5;
}

.SmTopBannerText-title{
	font-size:2rem;
	line-height:1.4em;
	color:#fff;
	font-weight:500;
}

.SmTopBannerText-sub{
	margin-top:1.25rem;
	font-size:1.25rem;
	line-height:1.5em;
	color:#fff;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.SmTopBanner{
		height: 15.75rem;
	}
	
	.SmTopBannerText-title{
		font-size:1.8rem;
	}
	
	.SmTopBannerText-sub{
		font-size:1rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.SmTopBanner{
		height: 15.75rem;
	}
	
	.SmTopBannerText-title{
		font-size:1.6rem;
	}
	
	.SmTopBannerText-sub{
		font-size:1rem;
	}
	
	.SmTopBannerText-sub br{
		display:none;
	}
}

/*=========================================================
	TopSlideBanner(Small)
=========================================================*/
.Small.TopSlideBanner{
	margin-bottom:0;
}

body .Small .TopSlideBanner-prev{
	left: 2.5rem;
    margin-left: 0;
}

body .Small .TopSlideBanner-next{
	right: 2.5rem;
    margin-right: 0;
}

body .Small .TopSlideBanner-pagination{
	bottom:1.25rem;
	background-color:rgba(0,0,0,0.3);
}

.CaptionPost{
	line-height:0;
	width:100%;
}

.TopSlideBanner.type-Border{
	border:solid 1px #707070;
}

.CaptionPostThumb{
	position:relative;
	overflow:hidden;
}

.CaptionPostThumb:after{
	content:"";
	display:block;
	padding-bottom:51%;
}

.CaptionPostThumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.CaptionPost-text{
	font-size:1.5rem;
	line-height:1.5em;
	color:#000;
	margin-top:1.25rem;
}


/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.CaptionPost-text{
		font-size:1.2rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.CaptionPost-text{
		font-size:1.1rem;
	}
	
	.Small.TopSlideBanner{
		margin-left:-2rem;
		margin-right:-2rem;
	}
	
	body .Small .TopSlideBanner-pagination{
		bottom:1rem;
	}
}

@media screen and (max-width:419px) and (min-width:1px){
	.Small.TopSlideBanner{
		margin-left:-1.5rem;
		margin-right:-1.5rem;
	}
}

/*=========================================================
	Regular loan Officer
=========================================================*/
.TargetAlert{
	padding-left:0.8rem;
	font-size:0;
	line-height:0;
	position:relative;
	display:inline-block;
}

.TargetAlertBtn{
	display:inline-block;
	font-size:1.125rem;
	line-height:1.2em;
	color:#000;
	font-weight:bold;
	text-decoration:underline;
	padding-right:1.875rem;
	position:relative;
}

.TargetAlertBtn:after{
	content:"";
	width:1.5rem;
	height:1.5rem;
	background-image:url(../../images/icon/icon_target_btn_arrow.png);
	background-size:1.5rem 1.5rem;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:0;
}

.TargetAlertText{
	display:block;
	background-color:#722EA5;
	border-radius:0.375rem 0.375rem;
	padding:0.75rem 0.75rem;
	position:absolute;
	right:0;
	top:50%;
	transform:translate(calc(100% + 1.375rem), -50%);
	white-space:nowrap;
}

.TargetAlertText:before{
	content:"";
	width:0.5rem;
	height:0.875rem;
	background-image:url(../../images/icon/ico_toltip_arrow.png);
	background-size:0.5rem 0.875rem;
	position:absolute;
	top:50%;
	left:-0.45rem;
	transform:translateY(-50%);
}

.TargetAlertText-text{
	display:block;
	font-size:1rem;
	line-height:1.2em;
	color:#fff;
	font-weight:600;
	padding-left:1.75rem;
	position:relative;
}

.TargetAlertText-text:before{
	content:"";
	content:"";
	width:1.5rem;
	height:1.5rem;
	background-image:url(../../images/icon/icon_toltip.svg);
	background-size:1.5rem 1.5rem;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

.TextBullet-txt span.mb15{
	display:block;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.TargetAlertText-text{
		font-size:0.875rem;
	}
	
}

@media screen and (max-width:747px) and (min-width:1px){
	.TargetAlertText{
		position:relative;
		transform: translate(0,0);
		margin-top:1.5rem;
	}
	
	.TargetAlertText:before{
		left:1.3rem;
		transform:translate(0, 0) rotate(90deg);
		top:-0.5rem;
	}
}

/*=========================================================
	CntTable
=========================================================*/
.CntTable-tbl{
	width:100%;
	border-collapse: collapse;
}

.CntTable-tbl thead th{
	font-size:0.875rem;
	line-height:1.4em;
	color:#000;
	padding:0.875rem 0.5rem;
	vertical-align:middle;
	text-align:center;
	background-color:#F7F7F7;
}

.CntTable-tbl tbody th{
	font-size:1rem;
	line-height:1.4em;
	color:#000;
	font-weight:600;
	padding:1rem;
	padding-right:0.625rem;
	border-bottom:solid 1px #CCCCCC;
	vertical-align:middle;
}

.CntTable-tbl tbody td{
	font-size:0.875rem;
	line-height:1.4em;
	color:#666666;
	padding:1rem;
	padding-right:0.625rem;
	border-bottom:solid 1px #CCCCCC;
	vertical-align:middle;
}

.CntTable-bullet{
	position:relative;
	padding-left:0.8rem;
	display:block;
}

.CntTable-bullet:before{
	content:"•";
	position:absolute;
	top:-0.1rem;
	left:0;
}

.CntTableList-bullet{
	position:relative;
	padding-left:0.8rem;
	display:block;
}

.CntTableList-bullet:before{
	content:"-";
	position:absolute;
	top:0;
	left:0;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.CntTable-tbl tbody th{
		font-size:0.94rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.CntTable-tbl tbody th{
		font-size:0.94rem;
	}
	
	.Mo-pdright .SquareProgressItem{
		padding-right:1.25rem;
	}
}

/*=========================================================
	ProcedureDiagram 
=========================================================*/
.ProcedureDiagram {
	background-color:#F7F7F7;
	width:100vw;
	position:relative;
	left:50%;
	transform:translateX(-50%);
	padding:3.75rem 0 4.375rem;
}

.PrDiagramList-list{
	display:flex;
	margin:-2.813rem -2.813rem;
	flex-wrap:wrap;
}

.PrDiagramList-item{
	width:20%;
	padding:2.813rem 2.813rem;
}

.PrDiagram{
	text-align:center;
}

.PrDiagramTitle{
	width:100%;
	position:relative;
	border-radius:100% 100%;
	border:solid 1px #000;
	background-color:#fff;
	margin-bottom:1.875rem;
	position:relative;
}

.PrDiagramTitle:before{
	content:"";
	width:3rem;
	height:3rem;
	background-image: url(../../images/icon/ico_diagram_arrow_right.svg);
	background-size:3rem 3rem;
	position:absolute;
	top:50%;
	right:-4.5rem;
	transform:translateY(-50%);
}

.PrDiagramList-item:last-child .PrDiagramTitle:before{
	display:none;
}

.PrDiagramTitle:after{
	content:"";
	display:block;
	padding-bottom:100%;
}

.PrDiagramTitleText{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:0;
	right:0;
}

.PrDiagramTitleText-num{
	font-size:1.25rem;
	line-height:1.2em;
	color:#722EA5;
	font-weight:600;
	margin-bottom:0.625rem;
}

.PrDiagramTitleText-title{
	font-size:1.4rem;
	line-height:1.3em;
	color:#000;
	font-weight:600;
}

.PrDiagramTitleList-item:after{
	content:"";
	display:table;
	clear:both;
}

.PrDiagramTitleList{
	font-size:0;
	line-height:0;
}

.PrDiagramTitleList-list{
	display:inline-block;
}

.PrDiagramTitleList-item{
	margin-top:0.5rem;
}

.PrDiagramTitleList-item:first-child{
	margin-top:0;
}

.PrDiagramTitleList-bullet{
	display:block;
	float:left;
	margin-right:5px;
	font-size:1rem;
	line-height:1.5em;
	color:#666666;
	text-align:left;
}

.PrDiagramTitleList-text{
	display:block;
	overflow:hidden;
	font-size:1rem;
	line-height:1.5em;
	color:#666666;
	text-align:left;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:581px){
	.PrDiagramList-list{
		margin:-0.813rem -2.813rem;
		padding-right:5rem;
	}

	.PrDiagramList-item{
		width:33.333%;
		padding:0.813rem 2.813rem;
	}
	
	.PrDiagramTitleText-num{
		font-size:1.1rem;
	}
	
	.PrDiagramTitleText-title{
		font-size:1.1rem;
	}

}

@media screen and (max-width:580px) and (min-width:1px){
	.ProcedureDiagram{
		padding: 3.75rem 0;
	}
	
	.PrDiagramList-list{
		margin:-0.813rem -1.813rem;
		padding-right:2.2rem;
	}

	.PrDiagramList-item{
		width:50%;
		padding:0.813rem 1.813rem;
	}
	
	.PrDiagramTitle:before{
		right:-2.913rem;
		width:2rem;
		height:2rem;
		background-size:2rem 2rem;
	}
	
	.PrDiagramTitle{
		margin-bottom:1.3rem;
	}
	
	.PrDiagramTitleText-num{
		font-size:1.1rem;
	}
	
	.PrDiagramTitleText-title{
		font-size:1.1rem;
	}
	
	.PrDiagramTitleList-bullet{
		font-size: 0.9375rem;
	}
	
	.PrDiagramTitleList-text{
		font-size: 0.9375rem;
	}
}


/*=========================================================
	Occasional 
=========================================================*/
.PrDiagramTitleList-sub{
	font-size:1rem;
	line-height:1.5em;
	color:#666;
	width:calc(200% + 24rem);
	margin-left:calc(-200% - 18rem);
	padding-top:10px;
	margin-top:40px;
	border-top:solid 1px #ccc;
	position:relative;
}

.PrDiagramTitleList-sub:before{
	content:"";
	width:5px;
	height:27px;
	background-image:url(../../images/icon/ico_dia_last.png);
	background-size:5px 27px;
	position:absolute;
	top:-27px;
	right:-3px;
}

.PrDiagramTitleList-sub:after{
	content:"";
	width:11px;
	height:26px;
	background-image:url(../../images/icon/ico_dia_first.png);
	background-size:11px 26px;
	position:absolute;
	top:-26px;
	left:-5px;
}

@media screen and (min-width:1025px){
	.Occasional .PrDiagramList-item{
		width:25%;
	}

	.Occasional .PrDiagramList-list{
		margin:-1rem -5.813rem;
	}

	.Occasional .PrDiagramList-item{
		padding:1rem 5.813rem;
	}

	.Occasional .PrDiagramTitle:before{
		right: -7.6rem;
	}
}

@media screen and (max-width:1024px) and (min-width:769px){
	.PrDiagramTitleList-sub{
		width:calc(200% + 11.252rem);
		margin-left:calc(-200% - 4.374rem);
	}
}

@media screen and (max-width: 768px) and (min-width: 581px){
	.PrDiagramTitleList-sub{
		width:calc(200% + 11.252rem);
		margin-left:calc(-200% - 6.374rem);
	}
}


@media screen and (max-width:580px) and (min-width:1px){
	.Occasional .PrDiagramList-list{
		padding-left:4rem;
	}
	
	.PrDiagramTitleList-sub{
		position:absolute;
		width:150%;
		margin-left:0;
		top: -5rem;
		left: -9.8rem;
		padding-top:0.4rem;
		font-size:0.75rem;
		font-weight:600;
		transform:rotate(90deg);
		margin-top:0;
	}
	
	.Occasional .PrDiagramList-item{
		position:relative;
	}
}

/*=========================================================
	SquareMap
=========================================================*/
.SquareMap{
	line-height:0;
	position:relative;
	border:solid 1px #CCCCCC;
}

.SquareMap-link{
	position:absolute;
	background-color:#000;
	height: 7%;
	opacity:0;
	z-index:1;
}

.SquareMap-link.link-1{
	top: 69%;
    left: 21%;
    width: 14%;
}

.SquareMap-link.link-2{
	top: 39%;
    left: 70%;
    width: 12%;
}

.SquareMap-link.link-3{
	top: 85%;
    left: 36%;
    width: 13%;
}

.SquareMap-link.link-4{
	top: 26%;
    left: 85%;
    width: 11%;
}

.SquareMap-link.link-5{
	top: 48%;
    left: 55%;
    width: 15%;
}

.SquareMap-link.link-6{
	top: 35%;
    left: 49%;
    width: 15%;
}

.SquareHead .color-Primary{
	color:#722EA5;
}

.Square-sub{
	font-size:1.25rem;
	line-height:1.6em;
	color:#000;
	font-weight:600;
}

.Square-text{
	font-size:1rem;
	line-height:1.6em;
	color:#666666;
}

@media screen and (min-width:748px){
	.Mo-Block{
		display:none;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.SquareMap{
		margin-left:-1.5rem;
		margin-right:-1.5rem;
	}
	
	.Square-sub{
		font-size:1rem;
	}
	
	.Square-text{
		font-size:0.93rem;
	}
}

@media screen and (max-width:419px) and (min-width:1px){
	.SquareMap{
		margin-left:-1rem;
		margin-right:-1rem;
	}
	
	.Square-sub{
		font-size:1rem;
	}
	
	.Square-text{
		font-size:0.93rem;
	}
}

/*=========================================================
	GrayBox
=========================================================*/
.GrayBox{
	background-color:#F7F7F7;
	padding:2.5rem 2.5rem;
}

.GrayBox-item{
	margin-top:0.938rem;
}

.GrayBox-item:first-child{
	margin-top:0;
}

.GrayBox-item:after{
	content:"";
	display:table;
	clear:both;
}

.GrayBox-bullet{
	display:block;
	float:left;
	margin-right:0.375rem;
	font-size:1.25rem;
	line-height:1.5em;
	color:#666666;
}

.GrayBox-text{
	display:block;
	overflow:hidden;
	font-size:1.25rem;
	line-height:1.5em;
	color:#666666;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.GrayBox{
		padding:2rem 2rem;
	}
	
	.GrayBox-bullet{
		font-size:1.1rem;
	}
	
	.GrayBox-text{
		font-size:1.1rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.GrayBox{
		padding:1.5rem 1.5rem;
	}
	
	.GrayBox-bullet{
		font-size:1.1rem;
	}
	
	.GrayBox-text{
		font-size:1.1rem;
	}
}

/*=========================================================
	SectorItem
=========================================================*/
.SectorItem{
	max-width:40rem;
}

.SectorItem-title {
	font-size:1.25rem;
	line-height:1.4em;
	color:#000;
	padding-bottom:0.75rem;
	border-bottom:dashed 1px #CCCCCC;
	margin-bottom:1.25rem;
}

.SectorItemList-list{
	overflow:hidden;
	margin:-1.25rem -1.25rem;
	display:flex;
	flex-wrap:wrap;
}

.SectorItemList-item{
	width:50%;
	padding:1.25rem 1.25rem;
}

.SectorItemListFigure{
	font-size:0;
	line-height:0;
	margin-bottom:1.25rem;
}

.SectorItemListFigure-num{
	font-size:2rem;
	line-height:1.2em;
	color:#000;
	font-weight:bold;
	font-family: 'Poppins';
	margin-right:0.25rem;
}

.SectorItemListFigure-text{
	font-size:1.25rem;
	line-height:1.2em;
	color:#000;
	font-weight:bold;
}

.SectorItemList-text{
	font-size:1rem;
	line-height:1.2em;
	color:#666666;
	padding-top:1.25rem;
	border-top:solid 1px #000;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.SectorItem-title{
		font-size:1.1rem;
	}
	
	.SectorItemListFigure-num{
		font-size:1.6rem;
	}
	
	.SectorItemListFigure-text{
		font-size:1.1rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.SectorItem-title{
		font-size:1.1rem;
	}
	
	.SectorItemListFigure-num{
		font-size:1.6rem;
	}
	
	.SectorItemListFigure-text{
		font-size:1.1rem;
	}
	
	.SectorItemList-item{
		width:100%;
	}
}

/*=========================================================
	RefercneSide
=========================================================*/
.RefercneSide{
	margin-right:-25vw;
	overflow:hidden;
}

body .RefercneSide-container{
	width:calc(51.25rem + 3rem);
	margin:0;
	overflow:visible;
}

body .RefercneSide-item{
	padding-right:3rem;
}

.RefercneSideText-title{
	font-size:1.5rem;
	line-height:1.5em;
	color:#000;
	font-weight:bold;
}

.RefercneSideText-text{
	margin-top:1.1rem;
	font-size:1rem;
	line-height:1.6rem;
	color:#707070;
}

.RefercneSideMeta{
	margin-top:5.25rem;
	display:flex;
	align-items:center;
	padding-bottom:1.625rem;
}

.RefercneSide-pagination{
	font-size:0;
	line-height:0;
}

body .RefercneSide-prev{
	width:3.75rem;
	height:3.75rem;
	background-image:url(../../images/icon/ico_topslide_prev.svg);
	background-size:100% 100%;
	transition-property: opacity;
	transition-duration: 0.3s;
	border:solid 2px #CCCCCC;
	border-radius:100% 100%;
	display:block;
}

body .RefercneSide-next{
	width:3.75rem;
	height:3.75rem;
	background-image:url(../../images/icon/ico_topslide_next.svg);
	background-size:100% 100%;
	transition-property: opacity;
	transition-duration: 0.3s;
	border:solid 2px #CCCCCC;
	border-radius:100% 100%;
	display:block;
}

body .RefercneSide-pagination{
	margin:0 1.25rem;
	font-size:0;
	line-height:0;
}

.RefercneSide-pagination .swiper-pagination-current{
	font-size:1.25rem;
	line-height:1.2em;
	color:#000;
	font-weight:bold;
}

.RefercneSide-pagination .swiper-pagination-total{
	font-size:1.25rem;
	line-height:1.2em;
	color:#CCCCCC;
	font-weight:bold;
}

.RefercneSide-pagination .swiper-pagination-total:before{
	content:"/";
}



.DfRowSecFlex{
	display:flex;
	height:100%;
	flex-direction: column;
	justify-content:space-between;
}

.RefercneSideItem{
	width:100%;
	padding-bottom:1.625rem;
}

.RefercneSideItemThumb{
	position:relative;
}

/* .RefercneSideItemThumb:before{ */
	/* content:""; */
	/* position:absolute; */
	/* top:0; */
	/* left:0; */
	/* width:100%; */
	/* height:100%; */
	/* background-image:url(/wp-content/uploads/sites/2/2023/11/bg-slider-gra.png); */
	/* background-size:cover; */
	/* transition-property: top,left; */
    /* transition-duration: 0.3s; */
	/* transition-delay:0.3s; */
/* } */

.RefercneSideItemThumb:after{
	content:"";
	display:block;
	padding-bottom:51%;
}

.RefercneSideItemThumb-img{
	position:absolute; 
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	z-index:5;
}

/* .swiper-slide-active .RefercneSideItemThumb:before{ */
	/* top:1.5rem; */
	/* left:0.6875rem; */
/* } */

.OrderChange.DfRowSec{
	padding-top:12.5rem;
	position:relative;
}

/* .OrderChange.DfRowSec:before{ */
	/* content:""; */
	/* width:34.5rem; */
	/* height:12.5rem; */
	/* background-image:url(/wp-content/uploads/sites/2/2023/11/object-logo.png); */
	/* background-size:100% 100%; */
	/* position:absolute; */
	/* top:0; */
	/* right:-13rem; */
/* } */

@media screen and (max-width: 1920px) and (min-width: 1281px) {
	.RefercneSide{
		margin-right:-18rem;
	}
}

@media screen and (max-width: 1280px) and (min-width: 1025px){
	.RefercneSide{
		margin-right:-5rem;
	}
}

@media screen and (max-width:1024px) and (min-width:748px){
	.RefercneSide{
		margin-right:0;
		overflow:visible;
	}
	
	.DfRowSec.OrderChange{
		display:flex;
		flex-wrap:wrap;
		padding-top:calc(6.6rem + 2.188rem);
		position:relative;
	}
	
	.OrderChange .DfRowSecTitle{
		order:2;
	}
	
	.OrderChange .BigStPs-title{
		position:absolute;
		top:5rem;
		left:0;
		right:0;
	}
	
	.DfRowSecFlex{
		display:block;
	}
	
	.RefercneSideTextBt{
		padding-top:2rem;
	}
	
	.RefercneSideMeta{
		margin-top:3.5rem;
		padding-bottom:0;
	}
	
	.RefercneSideText-title{
		font-size:1.3rem;
	}
	
	body .RefercneSide-container{
		width:calc(100% + 3rem);
	}
	
	/* .swiper-slide-active .RefercneSideItemThumb:before{ */
		/* top:1.5rem; */
		/* left:1.25rem; */
	/* } */
	
	/* .OrderChange.DfRowSec:before{ */
		/* width: 24.5rem; */
		/* height: 9rem; */
		/* right:-3rem; */
	/* } */
}

@media screen and (max-width:747px) and (min-width:1px){
	.RefercneSide{
		margin-right:0;
		overflow:visible;
	}
	
	.DfRowSec.OrderChange{
		display:flex;
		flex-wrap:wrap;
		padding-top:calc(2.3rem + 2.188rem);
		position:relative;
	}
	
	.OrderChange .DfRowSecTitle{
		order:2;
	}
	
	.OrderChange .BigStPs-title{
		position:absolute;
		top:0.7rem;
		left:0;
		right:0;
	}
	
	.DfRowSecFlex{
		display:block;
	}
	
	.RefercneSideTextBt{
		padding-top:2rem;
	}
	
	.RefercneSideMeta{
		margin-top:3.5rem;
		padding-bottom:0;
	}
	
	.RefercneSideText-title{
		font-size:1.2rem;
	}
	
	body .RefercneSide-container{
		width:100%;
	}
	
	body .RefercneSide-container{
		width:calc(100% + 3rem);
	}
	
	.RefercneSideText-text{
		font-size:0.9rem;
	}
	
	.RefercneSideItem{
		padding-bottom:1.3rem;
	}
	
	/* .swiper-slide-active .RefercneSideItemThumb:before{ */
		/* top:1.3rem; */
		/* left:0.8rem; */
	/* } */
	
	/* .OrderChange.DfRowSec:before{ */
		/* width: 12.25rem; */
		/* height: 4.5rem; */
		/* right:-2rem; */
	/* } */
}

/*=========================================================
	ParkingFloorSelect
=========================================================*/
.ParkingFloorSelect{
	display:inline-block;
	position:relative;
}

.ParkingFloorSelect-text{
	display:block;
	padding-right:2.375rem;
	position:relative;
	font-size:4.625rem;
	line-height:1em;
	color:#000;
	font-weight:500;
}

.ParkingFloorSelect-text:after{
	content:"";
	width:2rem;
	height:2rem;
	background-image:url(../../images/icon/ico_floor_arrow.svg);
	background-size:2rem 2rem;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.ParkingFloor .Maping{
	height: 51.7rem;
}

.ParkingFloorSelectList{
	position:absolute;
	right:0;
}


.ParkingFloorSelectList-item{
	margin-top:1rem;
}

.ParkingFloorSelectList-item:first-child{
	margin-top:0;
}

.ParkingFloorSelectList-link{
	font-size:1.4rem;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	display:block;
}

.is-Current .ParkingFloorSelectList-link{
	text-decoration:underline;
}

.FloorMapPageList{
	width: 15.438rem;
    margin-right: 3rem;
	position:relative;
	z-index:100;
}


@media screen and (max-width: 1024px) and (min-width: 748px){
	.ParkingFloorSelect-text{
		font-size:3rem;
	}
	
	.ParkingFloorSelectList-link{
		font-size:1.4rem;
	}
	
	.ParkingFloor .MapSec{
		padding-top:0;
	}
	
	.FloorMapPageList{
		width: 13.438rem;
		margin-right: 1rem;
	}
}

@media screen and (min-width: 768px){
	.ParkingFloorSelectList{
		display:none;
	}
	
	.is-View .ParkingFloorSelectList{
		display:block;
	}
	
	.is-View .ParkingFloorSelect-text:after{
		transform:translateY(-50%) rotate(180deg);
	}
	
	.AmenitiesFloor .ParkingFloorSelectList{
		border:solid 1px #000;
		padding:0.875rem 0.875rem;
		background-color:#fff;
	}
}

@media screen and (max-width: 747px) and (min-width: 1px){
	.FloorMapPageList{
		width:100%;
		margin-right:0;
		display:block;
	}
	
	.ParkingFloorSelect{
		display:block;
		margin-bottom:1.5rem;
	}
	
	.ParkingFloorSelect-text{
		font-size:5rem;
		display:inline-block;
		vertical-align:middle;
		margin-right:1.5rem;
		padding-right:0;
	}
	
	.ParkingFloorSelect-text:after{
		display:none;
	}
	
	.ParkingFloorSelectList-link{
		font-size:1.6rem;
	}
	
	.ParkingFloor .MapSec{
		padding-top:0;
	}
	
	.ParkingFloorSelectList{
		position:static;
		display:inline-block;
		vertical-align:middle;
	}
	
	.ParkingFloorSelectList-item{
		float:left;
		margin-top:0;
		margin-right:1rem;
	}
	
	.ParkingFloorSelectList-item:last-child{
		margin-right:0;
	}
}

/*=========================================================
	AmenitiesFloor
=========================================================*/
.AmenitiesFloor{
	display:flex;
	width:100%;
}

.AmenitiesFloorList{
	width:15.438rem;
	margin-right:5.625rem;
}

.AmenitiesFloorCnt{
	width: calc(100% - 15.438rem - 5.75rem);
}

.AmenitiesFloorCnt .MapPage{
	width:100%;
	margin-bottom:1.875rem;
	display:block;
}

.ParkingAmenities-item{
	display:none;
}

.ParkingAmenities-item.is-Current{
	display:block;
}

.AmenitiesFloor .FloorMapPageList{
	width:100%;
}

.AmenitiesFloor .MapSec{
	width:100%;
	max-width:none;
	border:none;
}

.AmenitiesFloor .Maping{
	height: 39.2rem;
}

.AmenitiesFloorListRadio-item{
	margin-top:0.75rem;
}

.AmenitiesFloorListRadio-item:first-child{
	margin-top:0;
}

.AmenitiesFloorListRadioItem{
	padding:0.875rem 0.75rem;
	display:block;
	border:solid 1px #E6E6E6;
}

.AmenitiesFloorListRadioItem-text{
	display:block;
	position:relative;
	padding-left:2.5rem;
	font-size:1.125rem;
	line-height:1.4em;
	color:#000;
	font-weight:500;
}

.AmenitiesFloorListRadioItem-text:before{
	content:"";
	width:2rem;
	height:2rem;
	background-size:2rem 2rem;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

/*icon*/
.AmenitiesFloorListRadio-item:nth-child(1) .AmenitiesFloorListRadioItem-text:before{
	background-image:url(../../images/icon/ico_amenities_n1_d.svg);
}

.AmenitiesFloorListRadio-item:nth-child(2) .AmenitiesFloorListRadioItem-text:before{
	background-image:url(../../images/icon/ico_amenities_n7_d.svg);
}

.AmenitiesFloorListRadio-item:nth-child(3) .AmenitiesFloorListRadioItem-text:before{
	background-image:url(../../images/icon/ico_amenities_n6_d.svg);
}

.AmenitiesFloorListRadio-item:nth-child(4) .AmenitiesFloorListRadioItem-text:before{
	background-image:url(../../images/icon/ico_amenities_n10.png);
}

.AmenitiesFloorListRadio-item:nth-child(5) .AmenitiesFloorListRadioItem-text:before{
	background-image:url(../../images/icon/ico_amenities_n11_d.png);
}

.AmenitiesFloorListRadio-item:nth-child(6) .AmenitiesFloorListRadioItem-text:before{
	background-image:url(../../images/icon/ico_amenities_n6_d.svg);
}

.AmenitiesFloorListRadio-item:nth-child(7) .AmenitiesFloorListRadioItem-text:before{
	background-image:url(../../images/icon/ico_amenities_n7_d.svg);
}

.AmenitiesFloorListRadio-item:nth-child(8) .AmenitiesFloorListRadioItem-text:before{
	background-image:url(../../images/icon/ico_amenities_n8_d.svg);
}

.is-Current .AmenitiesFloorListRadioItem{
	border:solid 2px #000000;
}


.AmenitiesFloorListRadio-item:nth-child(1).is-Current .AmenitiesFloorListRadioItem-text:before{
	background-image:url(../../images/icon/ico_amenities_n1.svg);
}

.AmenitiesFloorListRadio-item:nth-child(2).is-Current .AmenitiesFloorListRadioItem-text:before{
	background-image:url(../../images/icon/ico_amenities_n7.svg);
}

.AmenitiesFloorListRadio-item:nth-child(3).is-Current .AmenitiesFloorListRadioItem-text:before{
	background-image:url(../../images/icon/ico_amenities_n6.svg);
}

.AmenitiesFloorListRadio-item:nth-child(4).is-Current .AmenitiesFloorListRadioItem-text:before{
	background-image:url(../../images/icon/ico_amenities_n10_d.png);
}

.AmenitiesFloorListRadio-item:nth-child(5).is-Current .AmenitiesFloorListRadioItem-text:before{
	background-image:url(../../images/icon/ico_amenities_n11.png);
}

.AmenitiesFloorListRadio-item:nth-child(6).is-Current .AmenitiesFloorListRadioItem-text:before{
	background-image:url(../../images/icon/ico_amenities_n6.svg);
}

.AmenitiesFloorListRadio-item:nth-child(7).is-Current .AmenitiesFloorListRadioItem-text:before{
	background-image:url(../../images/icon/ico_amenities_n7.svg);
}

.AmenitiesFloorListRadio-item:nth-child(8).is-Current .AmenitiesFloorListRadioItem-text:before{
	background-image:url(../../images/icon/ico_amenities_n8.svg);
}


.floor_1:not(.is-Check) .AmenitiesFloorListRadio-item:nth-child(1) .AmenitiesFloorListRadioItem-text:before{
	background-image:url(../../images/icon/ico_amenities_n1.svg);
}

.floor_1:not(.is-Check) .AmenitiesFloorListRadio-item:nth-child(2) .AmenitiesFloorListRadioItem-text:before{
	background-image:url(../../images/icon/ico_amenities_n7.svg);
}

.floor_1:not(.is-Check) .AmenitiesFloorListRadio-item:nth-child(3) .AmenitiesFloorListRadioItem-text:before{
	background-image:url(../../images/icon/ico_amenities_n6.svg);
}

.floor_1:not(.is-Check) .AmenitiesFloorListRadio-item:nth-child(4) .AmenitiesFloorListRadioItem-text:before{
	background-image:url(../../images/icon/ico_amenities_n10_d.png);
}

.floor_2:not(.is-Check) .AmenitiesFloorListRadio-item:nth-child(5) .AmenitiesFloorListRadioItem-text:before{
	background-image:url(../../images/icon/ico_amenities_n11.png);
}



@media screen and (max-width:1024px) and (min-width:748px){
	.AmenitiesFloorListRadioItem{
		padding:0.65rem 0.75rem;
	}
	
	.AmenitiesFloorListRadioItem-text{
		font-size:0.875rem;
		padding-left:2rem;
	}
	
	.AmenitiesFloorListRadioItem-text:before{
		width:1.4rem;
		height:1.4rem;
		background-size:1.4rem 1.4rem;
	}
	
	.AmenitiesFloorList{
		width:13rem;
		margin-right:2rem;
	}
	
	.AmenitiesFloorCnt{
		width:calc(100% - 15rem);
	}
	
	.AmenitiesFloor .FloorMapPageList{
		width:7rem;
	}
	
	.AmenitiesFloor .MapSec{
		width:calc(100% - 8rem);
	}
	
	.AmenitiesFloor .FloorMapPageList{
		width:100%;
	}

	.AmenitiesFloor .MapSec{
		width:100%;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.AmenitiesFloor{
		display:block;
	}
	
	.AmenitiesFloorList{
		width:auto;
		margin-bottom:2rem;
		margin-left: -1rem;
		margin-right: -1rem;
	}
	
	.AmenitiesFloorCnt{
		width:100%;
	}
	
	.AmenitiesFloor .FloorMapPageList{
		width:100%;
	}
	
	.AmenitiesFloor .MapSec{
		width:auto;
	}
	
	.AmenitiesFloorListRadioItem-text:before{
		width:1.8rem;
		height:1.8rem;
		background-size:1.8rem 1.8rem;
	}
	
	.AmenitiesFloorListRadioItem-text{
		font-size:0.875rem;
		padding-left:2.2rem;
	}
	
	.AmenitiesFloorListRadio-list{
		display:flex;
		width:100%;
		flex-wrap:wrap;
	}
	
	.AmenitiesFloorListRadio-item{
		padding:0.36rem 0.36rem;
		margin-top:0;
		width:50%;
	}
	
	.AmenitiesFloorListRadioItem{
		padding: 0.875rem 0.45rem;
	}
}

/*=========================================================
	ShopList
=========================================================*/
.ShopList{
	margin:-0.3125rem 0;
}

.ShopList-item{
	padding:0.3125rem 0;
}

.page-template-page-amenities .ShopList-item{
	display:none;
}

.page-template-page-amenities .is-Current.ShopList-item{
	display:block;
}

/*=========================================================
	LineBox
=========================================================*/
.LineBox{
	padding:1.5625rem 1.625rem;
	border:1px solid #000;
}

.LineBox:after{
	content:'';
	display:block;
	clear:both;
}

.LineBoxTitle{
	float:left;
	width:32.87%;
}

.LineBoxTitle-tit{
	font-size:1.25rem;
	font-weight:600;
	line-height:1.4em;
}

.LineBoxCont{
	overflow:hidden;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.LineBoxTitle-tit{
		font-size:1.1rem;
	}
}


@media screen and (max-width:747px) and (min-width:1px){
	.LineBoxTitle{
		float:none;
		width:100%;
		margin-bottom: 0.5rem;
	}
	
	.LineBoxTitle-tit{
		font-size: 1.125rem;
	}
}

/*=========================================================
	ParkingExit
=========================================================*/
.ParkingExit{
	margin-bottom:5.625rem;
}

.AmenitiesList-item{
	margin-bottom:0.75rem;
	position:relative;
	padding-left:1.375rem;
}

.AmenitiesList-item:last-child{
	margin-bottom:0;
}


.AmenitiesList-item.address{
	font-size:1rem;
	line-height:1.5em;
	color:#000;
	font-weight:600;
}

.AmenitiesList-item.address:before{
	content:"";
	width:0.875rem;
	height:1.25rem;
	position:absolute;
	top:1px;
	left:0.08rem;
	background-image:url(../../images/icon/ico_pin_address.svg);
	background-size:0.875rem 1.25rem;
}

.AmenitiesList-item.info{
	font-size:0.875rem;
	line-height:1.5em;
	color:#000;
}

.AmenitiesList-item.info:before{
	content:"";
	width:1.125rem;
	height:1.125rem;
	position:absolute;
	top:1px;
	left:0;
	background-image:url(../../images/icon/ico_pin_comm.svg);
	background-size:1.125rem 1.125rem;
}

.all-Text .AmenitiesList-item.address{
	font-size:0.938rem;
}

.AmenitiesList-item.time{
	font-size:0.938rem;
	line-height:1.5em;
	color:#000;
}

.AmenitiesList-item.time:before{
	content:"";
	width:1.063rem;
	height:1.063rem;
	position:absolute;
	top:0.15rem;
	left:0;
	background-image:url(../../images/icon/ico_pin_time.svg);
	background-size:1.063rem 1.063rem;
}

.AmenitiesList-item.tel{
	font-size:0.938rem;
	line-height:1.5em;
	color:#000;
}

.AmenitiesList-item.tel:before{
	content:"";
	width:0.938rem;
	height:0.938rem;
	position:absolute;
	top:0.2rem;
	left:0;
	background-image:url(../../images/icon/ico_pin_tel.svg);
	background-size:0.938rem 0.938rem;
}

.AmenitiesList-text{
	font-size:1rem;
	line-height:1.5em;
	color:#000;
	font-weight:500;
	margin-bottom:1.375rem;
}

.is-File .LineBoxCont-inner{
	padding-right:10rem;
	position:relative;
}

.ParkingAmenities-download{
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	width:5.938rem;
	font-size:0.938rem;
	line-height:1.4em;
	color:#000;
	font-weight:500;
	padding-left:2.563rem;
}

.ParkingAmenities-download:before{
	content:"";
	width:1.875rem;
	height:2.5rem;
	background-image:url(../../images/icon/ico_manual_file.svg);
	background-size:1.875rem 2.5rem;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

@media screen and (min-width: 1025px){
	.ParkingAmenities-download:hover{
		text-decoration:underline;
	}
}

@media screen and (max-width: 1024px) and (min-width: 748px){
	.ParkingExit{
		margin-bottom:5rem;
	}
}

@media screen and (max-width: 747px) and (min-width: 1px){
	.ParkingExit{
		margin-bottom:4rem;
	}
	
	.is-File .LineBoxCont-inner{
		padding-right:0;
		position:relative;
	}
	
	.ParkingAmenities-download{
		position:relative;
		transform: translateY(0);
		top:0;
		display:inline-block;
		margin-top:1.5rem;
	}
	
	.AmenitiesList-item.address{
		font-size:0.9375rem;
	}
	
	.AmenitiesList-text{
		font-size:0.9375rem;
	}
	
	.all-Text .AmenitiesList-item.address{
		font-size:0.875rem;
	}
	
	.AmenitiesList-item.time{
		font-size:0.875rem;
	}
	
	.AmenitiesList-item.tel{
		font-size:0.875rem;
	}
	
	.AmenitiesList-item.tel:before{
		top:0.1rem;
	}
	
	.AmenitiesList-item.time:before{
		top:0.05rem;
	}
	
	.AmenitiesList-item.address:before{
		top:0;
	}
}

/*=========================================================
	ParkingExit
=========================================================*/
.MapPageList-title.sub{
	margin-top:2.188rem;
}

/*=========================================================
	AboutHead
=========================================================*/
.AboutHead{
	border-bottom:solid 1px #000;
	padding-bottom:4.688rem;
}

.AboutHead-sub{
	font-size:1.75rem;
	line-height:1.4em;
	color:#4B2564;
	margin-bottom:1.25rem;
	font-family: 'Poppins';
}

.AboutHeadTitle{
	font-size:3.25rem;
	line-height:1.3em;
	color:#000;
	font-weight:bold;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.AboutHead{
		padding-bottom:2.688rem;
	}
	
	.AboutHead-sub{
		font-size:1.3rem;
	}
	
	.AboutHeadTitle{
		font-size:2.85rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.AboutHead{
		padding-bottom:2rem;
	}
	
	.AboutHead-sub{
		font-size:1.2rem;
	}
	
	.AboutHeadTitle{
		font-size:1.875rem;
	}
}

/*=========================================================
	SmRowSec
=========================================================*/
.SmRowSec{
	padding:0 5rem;
	padding-right:17.5rem;
}

.InfoBsTitle{
	font-size:2rem;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
}

.InfoBsText {
	font-size:1rem;
	line-height:1.7em;
	color:#666666;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.SmRowSec{
		padding:0 2rem !important;
	}
	
	.InfoBsTitle{
		font-size:1.4rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.SmRowSec{
		padding:0 !important;
	}
	
	.InfoBsTitle{
		font-size:1.2rem;
		line-height:1.6em;
	}
	
	.InfoBsText {
		font-size:0.93rem;
	}
}

/*=========================================================
	PurpleListBx 
=========================================================*/
.PurpleListBx {
	background-color:#F7F7F7;
	padding:1rem 4.688rem;
}

.PurpleListBx-item{
	border-top:solid 1px #CCCCCC;
	padding:2.5rem 0;
}

.PurpleListBx-item:first-child{
	border-top:none;
}

.PurpleListBxItem{
	display:flex;
	width:100%;
}

.PurpleListBxItem-num{
	width:10%;
	font-size:1.5rem;
	line-height:1.4em;
	color:#722EA5;
	font-weight:bold;
	font-family: 'Poppins';
}

.PurpleListBxItem-title{
	width:45%;
	font-size:2rem;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
	font-family: 'Poppins';
	padding-right:1rem;
}

.PurpleListBxItem-text{
	width:45%;
	font-size:1rem;
	line-height:1.7em;
	color:#666666;
	padding-top:0.5rem;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.PurpleListBx{
		padding:0.5rem 2rem;
	}
	
	.PurpleListBx-item{
		padding:1.5rem 0;
	}
	
	.PurpleListBxItem-num{
		font-size:1.1rem;
	}
	
	.PurpleListBxItem-title{
		font-size:1.2rem;
	}
	
	.PurpleListBxItem-text{
		font-size:0.93rem;
		padding-top:0;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.PurpleListBx{
		padding:0.5rem 1.5rem;
	}
	
	.PurpleListBx-item{
		padding:2rem 0;
	}
	
	.PurpleListBxItem-num{
		font-size:1.1rem;
		width:100%;
		margin-bottom:0.5rem;
	}
	
	.PurpleListBxItem-title{
		font-size:1.2rem;
		width:100%;
		margin-bottom:1rem;
	}
	
	.PurpleListBxItem-text{
		font-size:0.93rem;
		padding-top:0;
		width:100%;
	}
	
	.PurpleListBxItem{
		display:block;
	}
}


/*=========================================================
	AboutScale  
=========================================================*/
.AboutScale{
	overflow:hidden;
	position:relative;
	width:100vw;
	left:50%;
	transform:translateX(-50%);
	padding:3.75rem 0;
}

.AboutScaleBg:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.7);
}

.AboutScale .BizPageTitle-text{
	color:#fff;
}

.AboutScale .type-Ico .BizPageTitle-text:before{
	background-image:url(../../images/icon/ico_title_point_w.svg);
}

.AbroadScale .ScaleList-item:nth-child(2) .ScaleListItemTitle-text:before{
	background-image: url(../../images/icon/ico_scalepost-3.svg);
}

.AbroadScale .ScaleList-item:nth-child(3) .ScaleListItemTitle-text:before{
	background-image: url(../../images/icon/ico_scalepost-2.svg);
}

.ScaleList-list{
	overflow:hidden;
	margin:-0.65rem -0.938rem;
	display:flex;
	flex-wrap:wrap;
}

.ScaleList-item{
	padding:0.65rem 0.938rem;
	width:25%;
}

.ScaleListItem{
	position:relative;
	background-color: rgba(255,255,255,0.1);
	backdrop-filter: blur(10px);
	border:solid 1px rgba(255,255,255,0.1);
}


.ScaleListItem:after{
	content:"";
	display:block;
	padding-bottom:100%;
}

.ScaleListItemTitle{
	position:absolute;
	top:1.875rem;
	left:1.875rem;
	right:1.875rem;
}

.ScaleListItemTitle-text{
	font-size:1.5rem;
	line-height:1.4em;
	color:#fff;
	font-weight:bold;
	display:block;
	position:relative;
	padding-top:2.75rem;
	font-family: 'Poppins';
}

.ScaleListItemCount{
	position:absolute;
	bottom:1.875rem;
	left:1.875rem;
	right:1.875rem;
	text-align:right;
	font-size:0;
	line-height:0;
}

.ScaleListItemCount-num{
	display:inline-block;
	font-family: 'Poppins';
	margin-right:0.25rem;
	font-size:2.875rem;
	line-height:1.2em;
	color:#fff;
	font-weight:bold;
}

.ScaleListItemCount-text{
	display:inline-block;
	font-size:1.25rem;
	line-height:1.2em;
	color:#fff;
	font-weight:bold;
}

.ScaleListItemTitle-text:before{
	content:"";
	width:2.25rem;
	height:2.25rem;
	background-size:2.25rem 2.25rem;
	position:absolute;
	top:0;
	left:0;
}

/*icon*/
.ScaleList-item:nth-child(1) .ScaleListItemTitle-text:before{
	background-image:url(../../images/icon/ico_scalepost-1.svg);
}

.ScaleList-item:nth-child(2) .ScaleListItemTitle-text:before{
	background-image:url(../../images/icon/ico_scalepost-2.svg);
}

.ScaleList-item:nth-child(3) .ScaleListItemTitle-text:before{
	background-image:url(../../images/icon/ico_scalepost-3.svg);
}

.ScaleList-item:nth-child(4) .ScaleListItemTitle-text:before{
	background-image:url(../../images/icon/ico_scalepost-4.svg);
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.ScaleList-item{
		width:50%;
	}
	
	.ScaleListItem:after{
		padding-bottom: 56%;
	}
	
	.ScaleListItemTitle-text{
		font-size:1.1rem;
	}
	
	.ScaleListItemCount-num{
		font-size:1.9rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.ScaleList-item{
		width:100%;
	}
	
	.ScaleListItem:after{
		padding-bottom: 45%;
	}
	
	.ScaleListItemTitle-text{
		font-size:1.1rem;
	}
	
	.ScaleListItemCount-num{
		font-size:1.6rem;
	}
	
	.ScaleListItemCount-text{
		font-size:1rem;
	}
	
	.ScaleListItemTitle-text:before{
		width:2rem;
		height:2rem;
		background-size:2rem 2rem;
	}
}

/*=========================================================
	ServiceIcoList  
=========================================================*/
.ServiceIcoList{
	border-top:solid 1px #000;
	border-bottom:solid 1px #CCCCCC;
	padding:2.5rem 0 2.813rem;
}

.ServiceIcoList-list{
	margin:-2.063rem 0;
	display:flex;
	flex-wrap:wrap;
}

.ServiceIcoList-item{
	padding:2.063rem 2rem;
	width:25%;
}

.ServiceIcoListItem{
	position:relative;
	padding-top:3.125rem;
}

.ServiceIcoListItemIco{
	line-height:0;
	position:absolute;
	top:0;
	left:0;
}

.ServiceIcoListItemIco-img{
	height:2.25rem;
	display:block;
}

.ServiceIcoListItem-title{
	font-size:1.5rem;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
}

.ServiceIcoListItem-text{
	font-size:1rem;
	line-height:1.6em;
	color:#666666;
	margin-top:0.9375rem;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.ServiceIcoList-list{
		margin:-2.063rem -2rem;
	}

	.ServiceIcoList-item{
		padding:2.063rem 2rem;
		width:33.333%;
	}
	
	.ServiceIcoListItem-title{
		font-size:1.4rem;
	}
	
	.ServiceIcoListItem-text{
		font-size:0.93rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.ServiceIcoList-list{
		margin:-2.063rem -1rem;
	}

	.ServiceIcoList-item{
		padding:2.063rem 1rem;
		width:50%;
	}
	
	.ServiceIcoListItem-title{
		font-size:1.2rem;
	}
	
	.ServiceIcoListItem-text{
		font-size:0.93rem;
	}
}

/*=========================================================
	SkewBanner  
=========================================================*/
.SkewBanner{
	position:relative;
	margin-left:-17.125rem;
	display:flex;
	padding-bottom:8rem;
}

.SkewBannerSlider{
	width:58.6%;
	position:relative;
	z-index:5;
}

.Type-color .CaptionPostThumb:after{
	padding-bottom: 56.8%;
}

.SkewBannerCnt{
	width:calc(100% - 58.6%);
	position:relative;
	padding:10rem 0 0 5rem;
}

.SkewBannerCnt:before{
	content:"";
	width:200vw;
	background-color:#F7F7F7;
	position:absolute;
	top:5rem;
	left:-10rem;
	bottom:-7.813rem;
}

.SkewBannerCntText{
	position:relative;
	z-index:5;
}

.SkewBannerCnt-sub{
	font-size:1.75rem;
	line-height:1.4em;
	color:#722EA5;
	font-family: 'Poppins';
	margin-bottom:1.125rem;
}

.SkewBannerCnt-title{
	font-size:2rem;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
}

.SkewBannerCnt-text{
	font-size:1rem;
	line-height:1.7em;
	color:#666666;
	white-space:pre-wrap;
}

.SkewBannerCntTextBtn{
	margin-top:1rem;
	font-size:0;
	line-height:0;
}

.SkewBannerCntTextBtn-link {
	position:relative;
    display: inline-block;
    padding: 1.03125rem 1.25rem;
    color: #000;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.4em;
    border: 2px solid #000;
}

.SkewBannerCntTextBtn-link:before {
    content: "";
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    right: -1px;
    top: 0;
	z-index:-1;
    transform: scaleY(0);
    transition-property: transform, color;
    transition-duration: 0.2s;
    transform-origin: bottom;
}

/* hover */
@media screen and (min-width: 1025px){
	.SkewBannerCntTextBtn-link:hover{
		color:#fff;
	}
	
	.SkewBannerCntTextBtn-link:hover:before {
		transform: scaleY(100%);
	}
}


body .Type-color .TopSlideBanner-prev{
	background-image: url(../../images/icon/ico_topslide_prev_two.svg);
}

body .Type-color .TopSlideBanner-next{
	background-image: url(../../images/icon/ico_topslide_next_two.svg);
}

/* hover */
@media screen and (min-width:1025px){
	body .Type-color .TopSlideBanner-prev:hover{
		background-image: url(../../images/icon/ico_topslide_prev_two_h.svg);
	}
	
	body .Type-color .TopSlideBanner-next:hover{
		background-image: url(../../images/icon/ico_topslide_next_two_h.svg);
	}
}

@media screen and (max-width: 1280px) and (min-width: 1025px){
	.SkewBanner{
		margin-left:-5rem;
	}
	
	.SkewBannerSlider{
		width:52%;
	}
	
	.SkewBannerCnt{
		width:calc(100% - 48%);
	}
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.SkewBanner{
		display:block;
		margin-left:0;
		padding-bottom:0;
	}
	
	.SkewBannerSlider{
		width:auto;
		margin-left:-2rem;
		margin-right:-2rem;
	}
	
	.SkewBannerCnt{
		width:100%;
		padding:4rem 0;
	}
	
	.SkewBannerCnt:before{
		top:0;
		left:50%;
		transform:translateX(-50%);
		bottom:0;
	}
	
	.SkewBannerCnt-sub{
		font-size:1.2rem;
	}
	
	.SkewBannerCnt-title{
		font-size:1.4rem;
	}

	.SkewBannerCntTextBtn-link {
		font-size: 1rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.SkewBanner{
		display:block;
		margin-left:0;
		padding-bottom:0;
	}
	
	.SkewBannerSlider{
		width:auto;
		margin-left:-2rem;
		margin-right:-2rem;
	}
	
	.SkewBannerCnt{
		width:100%;
		padding:2.5rem 0 3rem;
	}
	
	.SkewBannerCnt:before{
		top:0;
		left:50%;
		transform:translateX(-50%);
		bottom:0;
	}
	
	.SkewBannerCnt-sub{
		font-size:1.1rem;
	}
	
	.SkewBannerCnt-title{
		font-size:1.2rem;
		line-height:1.6em;
	}
	
	.SkewBannerCnt-text {
		font-size:0.93rem;
	}
	
	.SkewBannerCntTextBtn-link {
		padding: 0.875rem 1.25rem;
		font-size: 0.9375rem;
		border-width:1px;
	}
}

/*=========================================================
	DiagramExhibition  
=========================================================*/
.SkewBannerHeader{
	position:relative;
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
}

.DiagramExhibition-list{
	display:flex;
	margin-right:-6px;
}

.DiagramExhibition-item{
	width:16.66%;
	border:solid 1px #707070;
	border-top:2px solid #000;
	margin-left:-1px;
}

.DiagramExhibitionItem{
	display:block;
	width:100%;
	position:relative;
	overflow:hidden;
}

.DiagramExhibitionItem:before{
	content:"";
	display:block;
	padding-bottom:67%;
}

.DiagramExhibitionItemText{
	position:absolute;
	top:55%;
	left:0;
	right:0;
	text-align:center;
	transform:translateY(-50%);
}

.DiagramExhibitionItemTitle{
	display:flex;
	min-height:2.6rem;
	align-items:center;
	width:100%;
}

.DiagramExhibitionItemText-title{
	display:block;
	width:100%;
	font-size:1.25rem;
	line-height:1.3em;
	color:#000;
	font-weight:600;
}

.DiagramExhibitionItemIco{
	width:3rem;
	height:3rem;
	position:relative;
	margin:0 auto 0.8rem;
}

.DiagramExhibitionItemIco-img{
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.is-Current .DiagramExhibitionItem{
	background-color:#F7F7F7;
}

.is-Current .DiagramExhibitionItemText-title{
	color:#722EA5;
}

/* SkewBannerHeader-search */
.SkewBannerHeaderSearch{
	display:flex;
	justify-content:space-between;
	margin:0 -0.5625rem;
}

.SkewBannerHeaderSearch-item{
	padding:0 0.5625rem;
}

.ButtonAll{
	display:block;
	position:relative;
	padding: 0.718rem 1.125rem;	
	border:2px solid #000;
}

.ButtonAll:before{
	content:"";
	background-color:#000;
	position:absolute;
	bottom:0;
	left:0;
	right:-1px;
	top:0;
	transform:scaleY(0);
	transition-property: transform, color;
    transition-duration: 0.2s;
	transform-origin:bottom;
}

.ButtonAll-link{
	display:block;
	position:relative;
	padding-left: 1.75rem;
	color:#000;
	font-size:1rem;
	font-weight:600;
	line-height: normal;
}

.ButtonAll-link:before{
	content:'';
	display:block;
	width:1.125rem;
	height:1.125rem;	
	background-image:url(../../images/icon/ico_btn_all.svg);
	background-size:1.125rem 1.125rem;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

/*hover*/
@media screen and (min-width: 1025px) {
	.ButtonAll:hover:before{
		transform:scaleY(100%);
	}
	
	.ButtonAll:hover .ButtonAll-link{
		color:#fff;
	}
	
	
	.ButtonAll:hover .ButtonAll-link:before{
		background-image:url(../../images/icon/ico_btn_all_white.svg);
	}
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.DiagramExhibitionItemText-title{
		font-size:0.9rem;
	}
	
	.DiagramExhibitionItemIco{
		width:2.6rem;
		height:2.6rem;
	}
	
	.DiagramExhibition-list{
		white-space:nowrap;
		display:block;
		font-size:0;
		line-height:0;
		margin:0 -2rem;
		padding:0 2rem;
		overflow:hidden;
		overflow-x:auto;
		width:auto;
		scrollbar-width: none;
	}
	
	.DiagramExhibition-list::-webkit-scrollbar {
		display: none;
	}
	
	.DiagramExhibition-item{
		display:inline-block;
		width:25%;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.SkewBannerHeader{
		display:block;
	}
	
	
	.SkewBannerHeader .BigStPs-title{
		margin-bottom:1.5rem;
	}

	.DiagramExhibitionItemTitle{
		min-height:auto;
	}
	
	.DiagramExhibitionItemText-title{
		font-size:0.75rem;
	}
	
	.DiagramExhibitionItemIco{
		width:2.25rem;
		height:2.25rem;
		margin-bottom:0.25rem;
	}
	
	.DiagramExhibition-list{
		white-space:nowrap;
		display:block;
		font-size:0;
		line-height:0;
		margin:0 -2rem;
		padding:0 2rem;
		overflow:hidden;
		overflow-x:auto;
		width:auto;
		scrollbar-width: none;
	}
	
	.DiagramExhibition-list::-webkit-scrollbar {
		display: none;
	}
	
	.DiagramExhibition-item{
		display:inline-block;
		width:40%;
	}
	
	/* SkewBannerHeader-search */
	.SkewBannerHeaderSearch{
		margin: 0 -0.375rem;
	}

	.SkewBannerHeaderSearch-item{
		padding: 0 0.375rem;
	}

	.ButtonAll-link{
		padding-left: 1.5rem;
		font-size:0.9375rem;
	}

	.ButtonAll-link:before{
		width:1.125rem;
		height:1.125rem;	
		background-size:1.125rem 1.125rem;
	}
}

/*=========================================================
	LeftThumbList  
=========================================================*/
.LeftThumbList-item{
	border-bottom:solid 1px #CCCCCC;
}

.LeftThumbListItem{
	padding:2.5rem 0;
	display:flex;
	width:100%;
	align-items:center;
}

.LeftThumbListItemThumb{
	width:22.125rem;
	display:block;
}

.LeftThumbListItemText{
	width:calc(100% - 25.625rem);
	padding-left:3.5rem;
	font-size:0;
	line-height:0;
}

.LeftThumbListItemText-cate{
	display:inline-block;
	font-size:1rem;
	line-height:1.2em;
	color:#000;
	padding:0.625rem 1.25rem;
	border-radius:100px 100px;
	background-color:#F7F7F7;
	margin-bottom:1.0625rem;
}

.LeftThumbListItemText-title{
	overflow:hidden;
	font-size:2rem;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
	margin-bottom:0.15rem;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.LeftThumbListItemText-title a{
	color:#000;
}

.LeftThumbListItemTextMeta{
	margin-bottom:1.3125rem;
}

.LeftThumbListItemTextMeta-list:after{
	content:"";
	display:table;
	clear:both;
}

.LeftThumbListItemTextMeta-item{
	margin-right:2.5rem;
	margin-bottom:0.5rem;
	display:inline-block;
	font-size:1.125rem;
	line-height:1.2em;
	color:#666666;
	position:relative;
	padding-left:2rem;
}

.LeftThumbListItemTextMeta-item:last-child{
	margin-right:0;
	margin-bottom:0;
}

.LeftThumbListItemTextMeta-item + .LeftThumbListItemTextMeta-item{
	
}

.LeftThumbListItemTextMeta-item:after{
	content:"";
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	width:1.5rem;
	height:1.5rem;
	background-size:1.5rem 1.5rem;
}

.LeftThumbListItemTextMeta-item.date:after{
	background-image:url(../../images/icon/ico_list_cal.svg);
}

.LeftThumbListItemTextMeta-item.address:after{
	background-image:url(../../images/icon/ico_list_address.svg);
}

.LeftThumbListItemText-sub{
	font-size:1.25rem;
	line-height:1.6em;
	color:#000000;
	margin-bottom:2rem;
}

.LeftThumbListItemTexxBtn-list{
	overflow:hidden;
}

.LeftThumbListItemTexxBtn-item{
	margin-right:1.25rem;
	display:inline-block;
}

.LeftThumbListItemTexxBtn-item:last-child{
	margin-right:0;
}

.ListBtn{
	display:block;
	padding:1.125rem 1.125rem;
	border:1px solid #000;	
	position:relative;
}

.ListBtn:before{
	content:"";
	background-color:#000;
	position:absolute;
	bottom:0;
	left:0;
	right:-1px;
	top:0;
	transform:scaleY(0);
	transition-property: transform, color;
    transition-duration: 0.2s;
	transform-origin:bottom;
}

.ListBtn-text{
	display:block;
	font-size:1.125rem;
	font-weight:600;
	line-height:1.2em;
	color:#000;
	position:relative;
	z-index:5;
}

.ListBtn-text.ico{
	padding-right:2rem;
}

.ListBtn-text.ico:after{
	content:"";
	width:1.5rem;
	height:1.5rem;
	background-image:url(../../images/icon/ico_ListBtn_arrow.png);
	background-size:1.5rem 1.5rem;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.LeftThumbListItemThumb{
	position:relative;
}

.LeftThumbListItemThumb:after{
	content:"";
	display:block;
	padding-bottom:100%;
}

.LeftThumbListItemThumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

/*hover*/
@media screen and (min-width: 1025px) {
	.ListBtn:hover .ListBtn-text{
		color:#fff;
	}
	
	.ListBtn:hover:before{
		transform:scaleY(100%);
	}
	
	.ListBtn:hover .ListBtn-text:after{
		background-image:url(../../images/icon/ico_ListBtn_arrow_h.png);
	}
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.LeftThumbListItemThumb{
		width:9rem;
	}
	
	.LeftThumbListItemText{
		width:calc(100% - 9rem);
		padding-left:2rem;
	}
	
	.LeftThumbListItemText-cate{
		font-size:0.93rem;
	}
	
	.LeftThumbListItemText-title{
		font-size:1.4rem;
	}
	
	.LeftThumbListItemTextMeta-item{
		font-size:1rem;
		line-height: 1.7em;
	}
	
	.LeftThumbListItemText-sub{
		font-size:0.93rem;
	}
	
	.ListBtn-text{
		font-size:1rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.LeftThumbListItem{
		display:block;
	}
	
	.LeftThumbListItemThumb{
		width:100%;
		margin-bottom:1rem;
	}
	
	.LeftThumbListItemText{
		width:100%;
		padding-left:0;
	}
	
	.LeftThumbListItemText-cate{
		font-size:0.93rem;
	}
	
	.LeftThumbListItemText-title{
		font-size:1.3rem;
	}
	
	.LeftThumbListItemTextMeta-item{
		font-size:1rem;
	}
	
	.LeftThumbListItemTextMeta-item:last-child{
		margin-top:0.5rem;
	}
	
	.LeftThumbListItemText-sub{
		fon
		t-size:0.93rem;
	}
	.ListBtn{
		padding:0.875rem 1.125rem 0.9375rem;
	}

	.ListBtn-text{
		font-size:0.9375rem;
	}
}

/*=========================================================
	ServiceIcoList Convention  
=========================================================*/
.Convention .ServiceIcoList-item{
	width:20%;
}

.Convention .ServiceIcoListItem-title{
	font-size:1.5rem;
	min-height:0;
	margin-bottom:1.25rem;
}

.Convention .ServiceIcoList-list{
	margin:-2.063rem -1.5rem;
}

.Convention .ServiceIcoList-item{
	padding:2.063rem 1.5rem;
}

.ServiceIcoListItem-item:after{
	content:"";
	display:table;
	clear:both;
}

.ServiceIcoListItem-item{
	margin-top:0.75rem;
}

.ServiceIcoListItem-item:first-child{
	margin-top:0;
}

.ServiceIcoListItem-bullet{
	display:block;
	float:left;
	margin-right:0.313rem;
	font-size: 1rem;
    line-height: 1.6em;
    color: #666666;
}

.Convention .ServiceIcoListItem-text{
	display:block;
	overflow:hidden;
	margin-top:0;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.Convention .ServiceIcoList-item{
		width:33.333%;
	}
	
	.Convention .ServiceIcoListItem-title{
		font-size:1.3rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.Convention .ServiceIcoList-list{
		margin:-2.063rem -1rem;
	}
	
	.Convention .ServiceIcoList-item{
		padding:2.063rem 1rem;
		width:50%;
	}
	
	.Convention .ServiceIcoListItem-title{
		font-size:1.2rem;
		margin-bottom:1rem;
	}
	
	.Convention .ServiceIcoListItem-bullet{
		font-size:0.93rem;
	}
}


/*=========================================================
	BsHistory  
=========================================================*/
.BsHistory{
	width:100%;
	display:flex;
}

.BsHistoryBody{
	width:32.5rem;
}

.BsHistoryBg{
	width:calc(100% - 32.5rem);
	padding-left:1.75rem;
}

.BsHistoryBg-list{
	margin:-0.625rem -0.625rem;
	overflow:hidden;
}

.BsHistoryBg-item.w100{
	width:100%;
}

.BsHistoryBg-item{
	padding:0.625rem 0.625rem;
	width:50%;
	float:left;
}

.BsHistoryBgItem{
	position:relative;
	overflow:hidden;
}

.BsHistoryBgItem:after{
	content:"";
	display:block;
	padding-bottom:65.8%;
}

.BsHistoryBgItem-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.w100 .BsHistoryBgItem:after{
	padding-bottom:36.4%;
}

.BsHistoryTab{
	margin-bottom:1.25rem;
}

.BsHistoryTab-list{
	overflow:hidden;
}

.BsHistoryTab-item{
	float:left;
	margin-right:2.188rem;
}

.BsHistoryTab-item:last-child{
	margin-right:0;
}

.BsHistoryTab-link{
	display:block;
	font-size:2rem;
	line-height:1.2em;
	color:#CCCCCC;
	font-weight:600;
}

.is-Current .BsHistoryTab-link{
	color:#000;
}

.BsHistoryList-item{
	padding:1.25rem 0;
	border-bottom:solid 1px #CCCCCC;
}

.BsHistoryList-inner{
	overflow:hidden;
}

.BsHistoryList-title{
	float:left;
	padding-right:2rem;
	min-width:9.375rem;
	font-size:1.5rem;
	line-height:1.2em;
	color:#797979;
	font-weight:600;
}

.BsHistoryList-text{
	overflow:hidden;
	font-size:1rem;
	line-height:1.5em;
	color:#666666;
}

.BsHistoryTabList-item{
	display:none;
}

.BsHistoryTabList-item.is-Current{
	display:block;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.BsHistoryTab-link{
		font-size:1.3rem;
	}
	
	.BsHistoryList-title{
		font-size:1.1rem;
		min-width: 5.375rem;
	}
	
	.BsHistoryList-text{
		font-size:0.94rem;
	}
	
	.BsHistoryBody{
		width:21.5rem;
	}
	
	.BsHistoryBg{
		width:calc(100% - 21.5rem);
	}
	
	.BsHistoryBg-list{
		margin:-0.25rem -0.25rem;
	}

	.BsHistoryBg-item{
		padding:0.25rem 0.25rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.BsHistory{
		display:block;
	}
	
	.BsHistoryTab-link{
		font-size:1.3rem;
	}
	
	.BsHistoryList-title{
		font-size:1.1rem;
		min-width: 5.375rem;
	}
	
	.BsHistoryList-text{
		font-size:0.94rem;
	}
	
	.BsHistoryBody{
		width:100%;
		margin-bottom:3rem;
	}
	
	.BsHistoryBg{
		width:auto;
		margin-left:-2rem;
		margin-right:-2rem;
		padding-left:0;
	}
	
	.BsHistoryBg-list{
		margin:-0.25rem -0.25rem;
	}

	.BsHistoryBg-item{
		padding:0.25rem 0.25rem;
	}
}

@media screen and (max-width:419px) and (min-width:1px){
	.BsHistoryBg{
		margin-left:-1.5rem;
		margin-right:-1.5rem;
	}
}

/*=========================================================
	SolutionsGray  
=========================================================*/
.SolutionsGray{
	background-color:#F7F7F7;
	padding:5rem 0;
	position:relative;
}

.SolutionsGray:before{
	content:"";
	width:3000px;
	height:100%;
	position:absolute;
	top:0;
	left:-2999px;
	background-color:#F7F7F7;
}

.SolutionsGray:after{
	content:"";
	width:3000px;
	height:100%;
	position:absolute;
	top:0;
	right:-2999px;
	background-color:#F7F7F7;
}

.DfStPost-list{
	display:flex;
	flex-wrap:wrap;
	margin:-0.938rem -0.938rem;
}

.DfStPost-item{
	padding:0.938rem 0.938rem;
	width:25%;
}

.DfStPostItem{
	border-bottom:solid 1px #000;
	height:100%;
	padding-bottom:2.5rem;
}

.DfStPost-item:nth-child(3) .DfStPostItem,
.DfStPost-item:nth-child(4) .DfStPostItem{
	border-bottom:none;
}

.DfStPostItem-sub{
	font-size:1.25rem;
	line-height:1.2em;
	color:#722EA5;
	margin-bottom:0.625rem;
}

.DfStPostItem-title{
	font-size:1.8rem;
	line-height:1.3em;
	color:#000;
	font-weight:600;
	text-transform:uppercase;
}

.DfStPostItem-text{
	font-size:1rem;
	line-height:1.5em;
	color:#666666;
	margin-top:0.5rem;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.SolutionsGray{
		padding:4.5rem 0;
	}
	
	.DfStPost-item{
		width:50%;
	}
	
	.DfStPostItem{
		padding-bottom:2rem;	
	}
	
	.DfStPostItem-sub{
		font-size:1.1rem;
	}
	
	.DfStPostItem-title{
		font-size:1.3rem;
	}
	
	.DfStPostItem-text{
		font-size:0.93rem;
	}
	
	.DfStPostItem-title br{
		display:none;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.SolutionsGray{
		padding:4.5rem 0;
	}
	
	.DfStPost-item{
		width:100%;
	}
	
	.DfStPostItem{
		padding-bottom:2rem;	
	}
	
	.DfStPostItem-sub{
		font-size:1rem;
	}
	
	.DfStPostItem-title{
		font-size:1.15rem;
		/*min-height:3.9em;*/
		min-height:0;
	}
	
	.DfStPostItem-text{
		margin-top: 0.5rem;
		font-size:0.93rem;
	}
	
	.DfStPostItem-title br{
		display:none;
	}
	
	.DfStPost-item:nth-child(3) .DfStPostItem{
		border-bottom:solid 1px #000;
	}
}

/*=========================================================
	EventDetailBtn Wide
=========================================================*/
.EventDetailBtn-link.Wide{
	width:auto;
	padding-left:1.25rem;
	padding-right:1.25rem;
	overflow:hidden;
}

.Wide.EventDetailBtn-link:before{
	right:-1rem;
}

/*=========================================================
	PackageList
=========================================================*/
.PackageList-item{
	margin-top:5rem;
}

.PackageList-item:first-child{
	margin-top:0;
}

.PackageList-title{
	font-size:1.5rem;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
	margin-bottom:1.25rem;
}

.PackageList .CaptionPostThumb:after{
	padding-bottom: 34.5%;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.PackageList-title{
		font-size:1.3rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.PackageList-title{
		font-size:1.2rem;
	}
}

/*=========================================================
	LightingList 
=========================================================*/
.LightingList-list{
	margin:-1.25rem -1.25rem;
	display:flex;
	flex-wrap:wrap;
}

.LightingList-item{
	padding:1.25rem 1.25rem;
	width:33.3333%;
}

.LightingListItem{
	height:100%;
	padding-bottom:2.188rem;
	border-bottom:solid 2px #000;
}

.LightingListItemThumb{
	position:relative;
	overflow:hidden;
	margin-bottom:2.188rem;
}

.LightingListItemThumb:after{
	content:"";
	display:block;
	padding-bottom:68.5%;
}

.LightingListItemThumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transform:translateX(-101%);
	transition-property: transform;
    transition-duration: 0.5s;
}

.is-View .LightingListItemThumb-img{
	transform:translateX(0);
}

.LightingListItem-sub{
	font-size:1rem;
	line-height:1.2em;
	color:#722EA5;
	font-weight:bold;
	margin-bottom:0.563rem;
}

.LightingListItem-title{
	font-size:2rem;
	line-height:1.3em;
	color:#000;
	font-weight:600;
	font-family: 'Poppins';
}

.LightingListItem-text{
	font-size:1.25rem;
	line-height:1.5em;
	color:#666666;
	margin-top:1.125rem;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.LightingList-list{
		margin:-1.25rem -0.5rem;
	}

	.LightingList-item{
		padding:1.25rem 0.5rem;
	}
	
	.LightingListItemThumb{
		margin-bottom:1.2rem;
	}
	
	.LightingListItem-sub{
		font-size:0.93rem;
	}
	
	.LightingListItem-title{
		font-size:1.3rem;
	}
	
	.LightingListItem-text{
		font-size:1rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.LightingList-list{
		margin:-1.25rem -0.5rem;
	}

	.LightingList-item{
		padding:1.25rem 0.5rem;
		width:100%;
	}
	
	.LightingListItemThumb{
		margin-bottom:1.2rem;
		margin-left:-2rem;
		margin-right:-2rem;
	}
	
	.LightingListItem-sub{
		font-size:0.93rem;
	}
	
	.LightingListItem-title{
		font-size:1.3rem;
	}
	
	.LightingListItem-text{
		font-size:1rem;
	}
}

@media screen and (max-width:419px) and (min-width:1px){
	.LightingListItemThumb{
		margin-left:-1.5rem;
		margin-right:-1.5rem;
	}
}

/*=========================================================
	ServiceIcoList Live  
=========================================================*/
.Live.ServiceIcoList{
	padding-left:1.563rem;
	padding-right:1.563rem;
}

.Live .ServiceIcoList-item{
	width:33.3333%;
}

.Live .ServiceIcoListItem-title{
	font-size:1.5rem;
	min-height:0;
	margin-bottom:1.25rem;
}

.Live .ServiceIcoListItem-text{
	display:block;
	overflow:hidden;
	margin-top:0;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.Live.ServiceIcoList{
		padding-left:0;
		padding-right:0;
	}
	
	.Live .ServiceIcoList-item{
		width:33.333%;
	}
	
	.Live .ServiceIcoListItem-title{
		font-size:1.3rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.Live.ServiceIcoList{
		padding-left:0;
		padding-right:0;
	}
	
	.Live .ServiceIcoList-list{
		margin:-2.063rem -1rem;
	}
	
	.Live .ServiceIcoList-item{
		padding:2.063rem 1rem;
		width:50%;
	}
	
	.Live .ServiceIcoListItem-title{
		font-size:1.2rem;
		margin-bottom:1rem;
		min-height:2.8em;
	}
	
	.Live .ServiceIcoListItem-bullet{
		font-size:0.93rem;
	}
}

/*=========================================================
	PPTab
=========================================================*/
.PPTab{
	max-width:15.438rem;
}

.PPTab-link{
	display:block;
	padding:0.813rem 1rem;
	font-size:1.125rem;
	line-height:1.4em;
	color:#000;
	font-weight:500;
}

.is-Current .PPTab-link{
	background-color:#722EA5;
	color:#fff;
}

.LiveTabBody-item-item{
	display:none;
}

.is-Current.LiveTabBody-item-item{
	display:block;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.PPTab{
		max-width:100%;
	}
	
	.PPTab-list{
		display:flex;
		width:100%;
		text-align:center;
	}
	
	.PPTab-item{
		flex: 1 0 0%;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.PPTab{
		max-width:100%;
	}
	
	.PPTab-list{
		display:flex;
		width:100%;
		text-align:center;
	}
	
	.PPTab-item{
		flex: 1 0 0%;
	}
	
	.PPTab-link{
		font-size:1rem;
	}
}

/*=========================================================
	Coex LIVE Package
=========================================================*/
.LivePkThumb{
	line-height:0;
	margin-bottom:2.5rem;
}

.LivePkList-list{
	overflow:hidden;
	margin:-1.25rem -1.25rem;
	display:flex;
	flex-wrap:wrap;
}

.LivePkList-item{
	padding:1.25rem 1.25rem;
	width:50%;
}

.LivePkList-title{
	font-size:1.5rem;
	line-height:1.2em;
	color:#000;
	font-weight:bold;
	padding-bottom:1.25rem;
	border-bottom:solid 1px #000;
	margin-bottom:1.25rem;
}

.LivePkListCntList-item{
	margin-top:0.938rem;
}

.LivePkListCntList-item:first-child{
	margin-top:0;
}

.LivePkListCntList-inner{
	overflow:hidden;
}

.LivePkListCntList-title{
	float:left;
	padding-right:1rem;
	min-width:6.375rem;
	font-size:1rem;
	line-height:1.5em;
	color:#000;
	font-weight:600;
}

.LivePkListCntList-text{
	overflow:hidden;
	font-size:1rem;
	line-height:1.5em;
	color:#666666;
	padding-left:1rem;
	position:relative;
}

.LivePkListCntList-text:before{
	content:"•";
	position:absolute;
	top:0;
	left:0;
}

.LivePkListCntIco{
	padding-top:2rem;
}

.LivePkListCntIco-list{
	display:flex;
	width:100%;
}

.LivePkListCntIco-item{
	width:33.333%;
	text-align:center;
}

.LivePkListCntIco-text{
	position:relative;
	font-size:1rem;
	line-height:1.5em;
	color:#666666;
	padding-top:4rem;
}

.LivePkListCntIco-text:before{
	content:"";
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	width:3rem;
	height:3rem;
	background-image:url(../../images/icon/ico_pin_live.svg);
	background-size:3rem 3rem;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.LivePkList-title{
		font-size:1.2rem;
	}
	
	.LivePkListCntList-title{
		font-size:0.93rem;
	}
	
	.LivePkListCntList-text{
		font-size:0.93rem;
	}
	
	.LivePkListCntIco{
		padding-top:1rem;
	}
	
	.LivePkListCntIco-text{
		font-size:0.93rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.LivePkList-title{
		font-size:1.2rem;
	}
	
	.LivePkListCntList-title{
		font-size:0.93rem;
	}
	
	.LivePkListCntList-text{
		font-size:0.93rem;
	}
	
	.LivePkListCntIco{
		padding-top:1rem;
	}
	
	.LivePkListCntIco-text{
		font-size:0.93rem;
	}
	
	.LivePkList-item{
		width:100%;
	}
	
	.LivePkThumb{
		margin-left:-2rem;
		margin-right:-2rem;
	}
}

@media screen and (max-width:419px) and (min-width:1px){
	.LivePkThumb{
		margin-left:-1.5rem;
		margin-right:-1.5rem;
	}
}

/*=========================================================
	MiddleListBanner 
=========================================================*/
.MiddleListBanner {
	position:relative;
	display:flex;
	width:100%;
	align-items:center;
	padding:2.375rem 0;
}

.MiddleListBannerThumb{
	width:38.5%;
	position:relative;
}

.MiddleListBannerThumb:after{
	content:"";
	display:block;
	padding-bottom:65.5%;
}


.MiddleListBannerThumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.MiddleListBannerThumb-title{
	position:absolute;
	top:50%;
	left:1rem;
	right:1rem;
	transform:translateY(-50%);
	font-size:2.5rem;
	line-height:1.4em;
	color:#fff;
	font-weight:bold;
	text-align:center;
	z-index:5;
}

.MiddleListBannerCnt{
	width:calc(100% - 38.5%);
	padding:0 5.25rem 0 3.125rem;
	position:relative;
}

.MiddleListBanner:before{
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:13rem;
	background-color:#722EA5;
	background-image:url(../../images/bg/middle_bg_gra.png);
	background-size:cover;
}

.MiddleListBannerCnt-list{
	display:flex;
	flex-wrap:wrap;
}

.MiddleListBannerCnt-item{
	width:50%;
	padding:1.25rem 4.188rem;
}

.MiddleListBannerCnt-item{
	padding-left:3.25rem;
	position:relative;
}

.MiddleListBannerCnt-text{
	display:block;
	font-size:1.25rem;
	line-height:1.5em;
	color:#fff;
}

.MiddleListBannerCnt-bullet{
	font-size:1rem;
	line-height:calc(2.25rem - 2px);
	color:#fff;
	font-weight:bold;
	font-family: 'Poppins';
	width:2.25rem;
	border:solid 1px #fff;
	text-align:center;
	border-radius:100% 100%;
	position:absolute;
	top:1rem;
	left:0;
}

.MiddleListBanner.type-Wide .MiddleListBannerCnt-item{
	width:100%;
}

.MiddleListBanner.type-Wide .MiddleListBannerCnt{
	padding-right:3.125rem;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.MiddleListBanner{
		display:block;
		padding:0;
		margin-left:-2rem;
		margin-right:-2rem;
		width:auto;
	}
	
	.MiddleListBannerThumb{
		width:100%;
	}
	
	.MiddleListBanner:before{
		display:none;
	}
	
	.MiddleListBannerCnt{
		width:100%;
		padding:3rem 2rem;
		background-color:#722EA5;
		background-image:url(../../images/bg/middle_bg_gra.png);
		background-size:cover;
	}
	
	.MiddleListBannerThumb:after{
		padding-bottom: 39.5%;
	}
	
	.MiddleListBannerThumb-title{
		font-size:2rem;
	}
	
	.MiddleListBannerCnt-text{
		font-size:1rem;
	}
	
	.MiddleListBannerCnt-bullet{
		font-size:0.875rem;
		width:2rem;
		line-height: calc(2rem - 2px);
	}
	
	.MiddleListBannerCnt-item{
		padding-left: 3rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.MiddleListBanner{
		display:block;
		padding:0;
		margin-left:-2rem;
		margin-right:-2rem;
		width:auto;
	}
	
	.MiddleListBannerThumb{
		width:100%;
	}
	
	.MiddleListBanner:before{
		display:none;
	}
	
	.MiddleListBannerCnt{
		width:100%;
		padding:2rem 2rem;
		background-color:#722EA5;
		background-image:url(../../images/bg/middle_bg_gra.png);
		background-size:cover;
	}
	
	.MiddleListBannerThumb:after{
		padding-bottom: 55%;
	}
	
	.MiddleListBannerThumb-title{
		font-size:1.8rem;
	}
	
	.MiddleListBannerCnt-text{
		font-size:0.93rem;
	}
	
	.MiddleListBannerCnt-bullet{
		font-size:0.75rem;
		width:2rem;
		line-height: calc(2rem - 2px);
		top: 0.5rem;
	}
	
	.MiddleListBannerCnt-item{
		padding: 0.8rem 0;
		padding-left: 3rem;
		width:100%;
		padding-right:0;
	}
}

/*=========================================================
	equipment 
=========================================================*/
.ColorTable-tbl.GrayHead thead th{
	background-color:#666666;
	border:none;
}

.StSolution-text{
	font-size:1.25rem;
	line-height:1.6em;
	color:#666666;	
}

.StSolutionSec-title{
	font-size:1.5rem;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
	margin-bottom:1.25rem;
	padding-bottom:1.25rem;
	border-bottom:solid 1px #000;
}

.StSolutionSecCnt-title{
	font-size:1.25rem;
	line-height:1.4em;
	color:#000;
	font-weight:600;
	margin-bottom:1.25rem;
}

.StSolutionSecBullet-item{
	overflow:hidden;
	margin-top:0.938rem;
}

.StSolutionSecBullet-item:first-child{
	margin-top:0;
}

.StSolutionSecBullet-bullet{
	display:block;
	float:left;
	margin-right:0.313rem;
	font-size:1rem;
	line-height:1.6em;
	color:#666666;
}

.StSolutionSecBullet-text{
	display:block;
	overflow:hidden;
	font-size:1rem;
	line-height:1.6em;
	color:#666666;
}

.StSolutionSecCnt-list{
	overflow:hidden;
	margin:-1.5rem -3.125rem;
}

.StSolutionSecCnt-item{
	padding:1.5rem 3.125rem;
	width:50%;
	float:left;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.StSolution-text{
		font-size:1rem;
	}
	
	.StSolutionSec-title{
		font-size:1.3rem;
	}
	
	.StSolutionSecCnt-title{
		font-size:1rem;
	}
	
	.StSolutionSecBullet-text{
		font-size:0.93rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.StSolution-text{
		font-size:1rem;
	}
	
	.StSolutionSec-title{
		font-size:1.2rem;
	}
	
	.StSolutionSecCnt-title{
		font-size:1rem;
	}
	
	.StSolutionSecBullet-text{
		font-size:0.93rem;
	}
	
	.StSolutionSecCnt-item{
		width:100%;
		float:none;
	}
}

/*=========================================================
	MoreBoxList 
=========================================================*/
.MoreBoxList-list{
	margin:-0.625rem -0.938rem;
	display:flex;
	flex-wrap:wrap;
}

.MoreBoxList-item{
	padding:0.625rem 0.938rem;
	width:50%;
}

.MoreBoxListItem{
	border:solid 2px #000;
	height:100%;
	padding:2.5rem 2.5rem 5rem;
	position:relative;
}

.MoreBoxListItem:before{
	content:"";
	width:5rem;
	height:5rem;
	background-size:5rem 5rem;
	position:absolute;
	bottom:2.5rem;
	right:2.5rem;
}

.MoreBoxList-item:first-child .MoreBoxListItem:before{
	background-image:url(../../images/icon/ico_moreboxlist_1.svg);
}

.MoreBoxList-item:last-child .MoreBoxListItem:before{
	background-image:url(../../images/icon/ico_moreboxlist_2.svg);
}

.MoreBoxListItem-text{
	font-size:2rem;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
}

.MoreBoxListItem-sub{
	display:block;
	font-size:1rem;
	line-height:1.6em;
	color:#666666;
	margin-top:1.25rem;
	padding-left:1rem;
	position:relative;
}

.MoreBoxListItem-sub:before{
	content:"•";
	position:absolute;
	top:0;
	left:0;
}

.MoreBoxListItemBtn{
	margin-top:2.5rem;
	font-size:0;
	line-height:0;
}

.MoreBoxListItemBtn-btn{
	display:inline-block;
	font-size:1.125rem;
	line-height:1.2em;
	color:#000;
	font-weight:bold;
	text-decoration:underline;
	padding-right:1.875rem;
	position:relative;
}

.MoreBoxListItemBtn-btn:after{
	content:"";
	width:1.5rem;
	height:1.5rem;
	background-image:url(../../images/icon/icon_target_btn_arrow.png);
	background-size:1.5rem 1.5rem;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:0;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.MoreBoxList-item{
		width:100%;
	}
	
	.MoreBoxListItem-text{
		font-size:1.4rem;
	}
	
	.MoreBoxListItem-sub{
		font-size:0.93rem;
	}
	
	.MoreBoxListItemBtn-btn{
		font-size:1.1rem;
	}
	
	.MoreBoxListItem{
		padding-bottom:4rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.MoreBoxList-item{
		width:100%;
	}
	
	.MoreBoxListItem-text{
		font-size:1.4rem;
	}
	
	.MoreBoxListItem-sub{
		font-size:0.93rem;
	}
	
	.MoreBoxListItem-sub br{
		display:none;
	}
	
	.MoreBoxListItemBtn-btn{
		font-size:1.1rem;
	}
	
	.MoreBoxListItem{
		padding: 2rem 2rem 3rem;
	}
	
	.MoreBoxListItem:before{
		width:3rem;
		height:3rem;
		background-size:3rem 3rem;
		bottom:2rem;
		right:2rem;
	}
}

/*=========================================================
	DownSquareProgress 
=========================================================*/
.DownSquareProgress-item{
	margin-top:1.25rem;
}

.DownSquareProgress-item:first-child{
	margin-top:0;
}

.DownSquareProgressItem{
	border:solid 1px #CCCCCC;
	padding:2.813rem 2.5rem;
	display:flex;
	width:100%;
	justify-content:space-between;
	align-items:center;
}

.DownSquareProgressItemBtn-item{
	text-align:right;
}

.DownSquareProgressItemBtn-item:last-child{
	margin-top:0.75rem;
}


.InlineDownload{
	display:inline-block;
	padding:0.938rem 1.25rem;
	position:relative;
	border:solid 1px #000;
}

.InlineDownload:before {
    content: "";
    background-color: #722EA5;
    position: absolute;
    bottom: -1px;
    left: -1px;
    right: -1px;
    top: -1px;
    transform: scaleY(0);
    transition-property: transform;
    transition-duration: 0.2s;
    transform-origin: bottom;
}

.InlineDownload-text{
	display:block;
	font-size:1.125rem;
	line-height:1.2em;
	color:#000;
	font-weight:600;
	padding-right:2rem;
	position:relative;
}

.InlineDownload-text:after{
	content:'';
	display:block;
	width:1.5rem;
	height:1.5rem;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	background-image:url('../../images/icon/ico_download_black.svg');
	background-size:1.5rem 1.5rem;
}

/*hover*/
@media screen and (min-width: 1025px) {
	.InlineDownload:hover{
		border-color:#722EA5;
	}

	.InlineDownload:hover:before{
		transform: scaleY(100%);
	}
	
	.InlineDownload:hover .InlineDownload-text{
		color:#fff;
	}
	
	.InlineDownload:hover .InlineDownload-text:after{
		background-image:url('../../images/icon/ico_download_white.svg');
	}
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.InlineDownload-text{
		font-size:1.1rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.DownSquareProgressItem{
		display:block;
		padding:2rem 2rem;
	}
	
	.InlineDownload-text{
		font-size:1rem;
	}
	
	.DownSquareProgressItemTitle{
		margin-bottom:1.5rem;
	}
	
	.DownSquareProgressItem .InlineDownload{
		width:100%;
		text-align:center;
	}
}

/*=========================================================
	HallFacilitiesMeta
=========================================================*/
.HallFacilitiesMeta{
	position:absolute;
	bottom:0;
	left:2.125rem;
	right:0;
}

.Right .HallFacilitiesMeta{
	left:0;
	right:2.125rem;
}

.HallFacilitiesMeta-item{
	border-bottom:solid 1px #000000;
}

.HallFacilitiesMeta-inner{
	padding:1rem 0;
	display:flex;
	width:100%;
	justify-content:space-between;
}

.HallFacilitiesMeta-title{
	font-size: 1rem;
    line-height: 1.4em;
    color: #000;
}

.HallFacilitiesMeta-text{
	font-size: 1rem;
    line-height: 1.4em;
    color: #000;
    font-weight: 600;
    text-align: right;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.HallFacilitiesMeta{
		position:static;
		margin-top:2rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.HallFacilitiesMeta{
		position:static;
		margin-top:2rem;
	}
}

/*=========================================================
	HallFacilities Slinge
=========================================================*/
@media screen and (min-width:1025px){
	.InfoSingleList .BorderTable tbody td + th{
		border-left:solid 1px #CCCCCC;
		padding-left:2.5rem;
	}
}

.SingleInfoRow-list{
	display:flex;
	margin:-2rem -1.5rem;
	flex-wrap:wrap;
}

.SingleInfoRow-item{
	padding:2rem 1.5rem;
	width:50%;
	position:relative;
}

.SingleInfoRow-item:first-child{
	width:100%;
}

.BorderTable-tit.mainfacilities:before{
	background-image:url('../../images/icon/ico_tbl_mainfacilities.svg');
}

.SingleInfoRow-title{
	font-size:1.5rem;
	line-height:1.4em;
	color:#000;
	font-weight:600;
	margin-bottom:0.938rem;
}

/*responsive*/
.SingleInfoRow-item:after{
	content:"";
	width:calc(100% - 3rem);
	height:2px;
	background-color:#000;
	position:absolute;
	bottom:0;
	left:1.5rem;
}

@media screen and (min-width:748px){
	.SingleInfoRow-item .BorderTable-tbl{
		border-bottom:none;
	}

	.SingleInfoRow-item .BorderTable tbody tr:last-child th{
		border-bottom:none;
	}

	.SingleInfoRow-item .BorderTable tbody tr:last-child td{
		border-bottom:none;
	}
	
	.SingleInfoRow-item.PcCol50{
		width:50% !important;
	}
}

@media screen and (max-width:1024px) and (min-width:748px){
	.SingleInfoRow-title{
		font-size:1.2rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.SingleInfoRow-title{
		font-size:1.2rem;
	}
	
	.SingleInfoRow-item{
		width:100%;
	}
}

/*=========================================================
	InsidePostSlider 
=========================================================*/
.InsidePostSlider{
	padding:0 5rem;
	position:relative;
}

body .InsidePostSlider-item{
	width:calc(33.333% - 1.25rem);
	margin-right:1.875rem;
}

body .InsidePostSlider-item:last-child{
	margin-right:0;
}

.InsidePostSliderItem{
	width:100%;
	position:relative;
	display:block;
}

.InsidePostSliderItemThumb{
	position:relative;
	overflow:hidden;
}

.InsidePostSliderItemThumb:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 35%, rgba(255,255,255,0) 100%);
	transition-property: opacity;
	opacity:0;
	z-index:1;
}

.InsidePostSliderItemThumb:after{
	content:"";
	display:block;
	padding-bottom:100%;
}

.InsidePostSliderItemThumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transition-property: transform;
	transform:scale(1.1);
    transition-duration: 0.3s;
}

.InsidePostSliderItemTitle{
	font-size:2rem;
	line-height:1.4em;
	color:#fff;
	font-weight:bold;
	position:absolute;
	bottom:2.188rem;
	left:2.188rem;
	right:2.188rem;
	transform:translateY(1rem);
	transition-property: opacity, transform;
    transition-duration: 0.3s;
	opacity:0;
	z-index:5;
}

body .InsidePostSlider-prev{
	width:3.75rem;
	height:3.75rem;
	background-image:url(../../images/icon/ico_borslide_prev.svg);
	background-size:3.75rem 3.75rem;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	opacity:0.8;
	transition-property: opacity;
	transition-duration: 0.3s;
	z-index:50;
}

body .InsidePostSlider-next{
	width:3.75rem;
	height:3.75rem;
	background-image:url(../../images/icon/ico_borslide_next.svg);
	background-size:3.75rem 3.75rem;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	opacity:0.8;
	transition-property: opacity;
	transition-duration: 0.3s;
	z-index:50;
}

/* hover */
@media screen and (min-width:1025px){
	.InsidePostSliderItem:hover .InsidePostSliderItemTitle{
		opacity:1;
		transform:translateY(0);
	}
	
	.InsidePostSliderItem:hover .InsidePostSliderItemThumb-img{
		transform:scale(1);
	}
	
	.InsidePostSliderItem:hover .InsidePostSliderItemThumb:before{
		opacity:1;
	}
	
	body .InsidePostSlider-prev:hover{
		background-image:url(../../images/icon/ico_topslide_prev_two_h.svg);
	}
	
	body .InsidePostSlider-next:hover{
		background-image:url(../../images/icon/ico_topslide_next_two_h.svg);
	}
}

@media screen and (max-width:1024px) and (min-width:748px){
	.InsidePostSlider{
		padding:0 4rem;
	}
	
	body .InsidePostSlider-item{
		width:calc(50% - 0.625rem);
		margin-right:0.9375rem;
	}
	
	body .InsidePostSlider-prev{
		width:2.75rem;
		height:2.75rem;
		background-size:2.75rem 2.75rem;
	}
	
	body .InsidePostSlider-next{
		width:2.75rem;
		height:2.75rem;
		background-size:2.75rem 2.75rem;
	}
	
	.InsidePostSliderItemTitle{
		opacity:1;
		font-size:1.3rem;
		left:1.5rem;
		right:1.5rem;
	}
	
	.InsidePostSliderItemThumb:before{
		opacity:1;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.InsidePostSlider{
		padding:0 3rem;
	}
	
	body .InsidePostSlider-item{
		width:100%;
		margin-right:0;
	}
	
	body .InsidePostSlider-prev{
		width:2.75rem;
		height:2.75rem;
		background-size:2.75rem 2.75rem;
		left:-0.5rem;
	}
	
	body .InsidePostSlider-next{
		width:2.75rem;
		height:2.75rem;
		background-size:2.75rem 2.75rem;
		right:-0.5rem;
	}
	
	.InsidePostSliderItemTitle{
		opacity:1;
		font-size:1.2rem;
		left:1.5rem;
		right:1.5rem;
	}
	
	.InsidePostSliderItemThumb:before{
		opacity:1;
	}
}

/*=========================================================
	AdvertisingList 
=========================================================*/
.AdvertisingList-list{
	display:flex;
	margin:-1.125rem -1.125rem;
	flex-wrap:wrap;
}

.AdvertisingList-item{
	width:33.3333%;
	padding:1.125rem 1.125rem;
}

.AdvertisingListItem{
	height:100%;
	border-bottom:solid 2px #000;
}

.AdvertisingListItem-link{
	display:block;
	padding-bottom:2.5rem;
}

.AdvertisingListItemThumb{
	overflow:hidden;
	position:relative;
	border:solid 1px #CCCCCC;
	margin-bottom:2.375rem;
}

.AdvertisingListItemThumb:after{
	content:"";
	display:block;
	padding-bottom:68%;
}

.AdvertisingListItemThumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transform:scale(1);
	transition-property: transform;
    transition-duration: 0.3s;
}

.AdvertisingListItem-title{
	font-size:2rem;
	line-height:1.4em;
	color:#000;
	font-weight:600;
}

.AdvertisingListItem-sub{
	font-size:1.25rem;
	line-height:1.6em;
	color:#666666;
	margin-top:1.25rem;
}

.AdvertisingListItem .SwichThumbItemCntBtn{
	margin-top:2.375rem;
}

/* hover */
@media screen and (min-width:1025px){
	.AdvertisingListItem-link:hover .AdvertisingListItemThumb-img{
		transform:scale(1.1);
	}
	
	.AdvertisingListItem-link:hover .AdvertisingListItem-title{
		text-decoration:underline;
	}
	
	 .AdvertisingList-item.AdvertisingList-col{
		 width:25%;
	 }
	 
	 .AdvertisingList.AdList .AdvertisingList-item.AdvertisingList-col{
		 width:33.333%;
	 }
}

@media screen and (max-width:1024px) and (min-width:748px){
	.AdvertisingList-list{
		margin:-1.5rem -0.8rem;
	}

	.AdvertisingList-item{
		width:50%;
		padding:1.5rem 0.8rem;
	}
	
	.AdvertisingListItemThumb{
		margin-bottom:1.5rem;
	}
	
	.AdvertisingListItem-title{
		font-size:1.6rem;
	}
	
	.AdvertisingListItem-sub{
		font-size:1.1rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.AdvertisingList-list{
		margin:-1.5rem -0.8rem;
	}

	.AdvertisingList-item{
		width:100%;
		padding:1.5rem 0.8rem;
	}
	
	.AdvertisingListItem-link{
		padding-bottom:2rem;
	}
	
	.AdvertisingListItemThumb{
		margin-bottom:1.5rem;
		margin-left:-2rem;
		margin-right:-2rem;
	}
	
	.AdvertisingListItem-title{
		font-size:1.5rem;
	}
	
	.AdvertisingListItem-sub{
		font-size:1rem;
	}
	
	.AdvertisingListItem .SwichThumbItemCntBtn{
		margin-top: 1.125rem;
	}
}

/*=========================================================
	SquareBorBx
=========================================================*/
.SquareBorBx{
	border:solid 1px #CCCCCC;
	padding:1.875rem 1.875rem;
}

.SquareBorBx.Gray{
	border-color:#F8F8F8;
	background-color:#F8F8F8;
}

.SquareBorBx .color-Primary{
	color:#722EA5;
	font-weight:500;
}

.SquareImageList-list{
	overflow:hidden;
	margin:-0.4rem -0.625rem;
	display:flex;
	flex-wrap:wrap;
}

.SquareImageList-item{
	width:50%;
	padding:0.4rem 0.625rem;
	line-height:0;
}

@media screen and (max-width:747px) and (min-width:1px){
	.SquareBorBx{
		padding:1.5rem 1.5rem;
	}
	
	.SquareImageList-item{
		width:100%;
	}
	
	.SquareImageList{
		margin-left:-2rem;
		margin-right:-2rem;
	}
}

@media screen and (max-width:419px) and (min-width:1px){
	.SquareImageList{
		margin-left:-1.5rem;
		margin-right:-1.5rem;
	}
}

/*=========================================================
	FilmBanner 
=========================================================*/
.FilmBanner{
	padding:4.688rem 0;
	width:100vw;
	position:relative;
	left:50%;
	transform:translateX(-50%);
	overflow:hidden;
}

.FilmBannerSlide{
	position:relative;
}

.FilmBannerBg{
	position:absolute;
	top:-1rem;
	left:-1rem;
	right:-1rem; 
	height:calc(100% + 2rem);
	background-size:cover;
	transform:scale(2);
	background-position:center center;
	animation-duration: 2.5s;
	animation-name: scaleZoomOut;
	animation-fill-mode: forwards;
	/* filter:blur(3px); */
}

.FilmBannerBg:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.4);
}

.FilmBannerText .BigStPs-title{
	text-align:center;
}

.FilmBannerText .BigStPs-text{
	color:#fff;
}

.FilmBanner .PageTab-txt{
	color:rgba(255,255,255,0.45);
}

.FilmBanner .is-Current .PageTab-txt{
	color:#fff;
}

.FilmBanner .is-Current .PageTab-link{
	border-color:#fff;
}

.FilmBannerTabCnt-item {
	display:none;
}

.FilmBannerTabCnt-item.is-Current{
	display:block;
}

.FilmBannerSlide-container{
	overflow:visible;
}

body .FilmBannerSlide-item{
	transition-property: opacity;
    transition-duration: 0.3s;
	opacity:0.3;
}

body .FilmBannerSlide-item.swiper-slide-active{
	opacity:1;
}

.FilmBannerSlideItem{
	width:100%;
	display:flex;
	align-items:center;
}

.FilmBannerSlideItemThumb{
	position:relative;
	overflow:hidden;
	width:56%;
}

.FilmBannerSlideText{
	width:44%;
	padding-left:2.5rem;
	padding-bottom:6.25rem;
	padding-right:9.25rem;
}

.FilmBannerSlider-item{
	position:relative;
	width:100%;
}

.FilmBannerSlider-item:after{
	content:"";
	display:block;
	padding-bottom:50%;
}

.FilmBannerSlideItemThumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.FilmBannerSlideText-title{
	font-size:2rem;
	line-height:1.4em;
	color:#fff;
	font-weight:bold;
}

.FilmBannerSlideText-text{
	font-size:1rem;
	line-height:1.6em;
	color:#fff;
	margin-top:1.25rem;
}

.FilmBannerSlideMeta{
	position:absolute;
	top:calc(50% + 4.5rem);
	left:50%;
	margin-left:8rem;
	z-index:10;
	display:flex;
	align-items:center;
}

body .FilmBannerSlide-prev{
	width:3.75rem;
	height:3.75rem;
	background-image:url(../../images/icon/ico_topslide_prev.svg);
	background-size:3.75rem 3.75rem;
	transition-property: opacity;
	transition-duration: 0.3s;
	display:block;
}

body .FilmBannerSlide-next{
	width:3.75rem;
	height:3.75rem;
	background-image:url(../../images/icon/ico_topslide_next.svg);
	background-size:3.75rem 3.75rem;
	transition-property: opacity;
	transition-duration: 0.3s;
	display:block;
}

body .FilmBannerSlide-pagination{
	margin:0 1.25rem;
	font-size:0;
	line-height:0;
}

.FilmBannerSlide-pagination .swiper-pagination-current{
	font-size:1.25rem;
	line-height:1.2em;
	color:#fff;
	font-weight:bold;
}

.FilmBannerSlide-pagination .swiper-pagination-total{
	font-size:1.25rem;
	line-height:1.2em;
	color:#CCCCCC;
	font-weight:bold;
}

.FilmBannerSlide-pagination .swiper-pagination-total:before{
	content:"/";
}

/* hover */
@media screen and (min-width:1025px){
	.FilmBanner .PageTab-link:hover .PageTab-txt{
		color:#fff;
	}
	
	body .FilmBannerSlide-prev:hover{
		background-image: url(../../images/icon/ico_topslide_prev_two_h.svg);
	}
	
	body .FilmBannerSlide-next:hover{
		background-image: url(../../images/icon/ico_topslide_next_two_h.svg);
	}
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.FilmBannerSlideText{
		width:48%;
		padding-left: 2rem;
		padding-bottom: 5rem;
		padding-right: 2rem;
	}
	
	.FilmBannerSlideMeta{
		margin-left: 2.5rem;
		top: calc(50% + 3.5rem);
	}
	
	.FilmBannerSlideText-title{
		font-size:1.4rem;
	}
	
	.FilmBannerSlideText-text{
		font-size:1rem;
	}
	
	.FilmBannerSlideItemThumb{
		width:52%;
	}
	
	.FilmBannerSlideItemThumb:after{
		padding-bottom: 59%;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.FilmBanner{
		padding:4rem 0;
	}
	
	.FilmBannerSlideItem{
		display:block;
	}
	
	.FilmBannerSlide{
		width:auto !important;
		margin-left:-2rem;
		margin-right:-2rem;
	}
	
	.FilmBannerSlideText{
		width:100%;
		padding:2rem 2rem;
	}
	
	.FilmBannerSlideMeta{
		position:static;
		margin-top:1.5rem;
		margin-left:0;
		justify-content: center;
		width:100%;
	}
	
	.FilmBannerSlideText-title{
		font-size:1.4rem;
	}
	
	.FilmBannerSlideText-text{
		font-size:1rem;
	}
	
	.FilmBannerSlideItemThumb{
		width:100%;
	}
	
	.FilmBannerSlideItemThumb:after{
		padding-bottom: 59%;
	}
	
	.FilmBannerSlideText-text br{
		display:none;
	}
	
	body .FilmBannerSlide-item{
		flex-wrap:wrap;
	}
}

@media screen and (max-width:419px) and (min-width:1px){
	.FilmBannerSlide{
		margin-left:-1.5rem;
		margin-right:-1.5rem;
	}
}

/*=========================================================
	Rental(has-Side)
=========================================================*/
.No-Head{
	border-top:1px solid #CCC
}

.No-Head tbody td:first-child{
	background-color:#666666;
	color:#fff;
}

.RentEtc{
	border-top:solid 1px #CCCCCC;
	padding:1.875rem 1.875rem 0;
	overflow:hidden;
}

.RentEtc-title{
	font-size:1.25rem;
	line-height:1.4em;
	color:#000;
	font-weight:600;
	float:left;
	margin-right:3.75rem;
}

.RentEtc-title.line-RentEtcTitle{
	float:none;
	/*padding-bottom:0.75rem;
	border-bottom:solid 1px #000;*/
	margin-right:0;
}

.RentEtc-cnt{
	overflow:hidden;
}

/* .RentEtc-cnt.bor-line{ */
	/* border:solid 1px #000; */
	/* padding:1.25rem 1.25rem; */
/* } */

.TblHeader-text{
	font-size:1rem;
	line-height:1.4em;
	color:#666666;
	text-align:right;
}

.MonthAdministration{
	border: solid 1px #000;
    padding:1.875rem 1.875rem;
}

.MonthAdministration-list{
	display:flex;
	flex-wrap:wrap;
	margin:-0.625rem -1.875rem;
}

.MonthAdministration-item{
	width:50%;
	padding:0.625rem 1.875rem;
}

.MonthAdministration .InfoBoxSmToolCntTitle{
	font-weight:600;
}

@media screen and (min-width:1025px){
	.has-Side .DfRowSecTitle{
		width:23%;
	}

	.has-Side .DfRowSecCnt{
		width: 77%;
	}
	
	.has-Side .DfRowSecTitle{
		padding-right:2rem;
	}
	
	.Flex .InfoBoxSmTool-inner{
		display:flex;
		justify-content:space-between;
	}
	
	.Flex .InfoBoxSmToolTitle{
		margin-bottom:0;
		padding-right:1.563rem;
	}
	
	.TblHeader-text{
		margin-top:-2rem;
	}
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.RentEtc{
		padding-left:0;
		padding-right:0;
	}
	
	.RentEtc-title{
		float:none;
		margin-bottom:1.5rem;
	}
	
	.Flex .InfoBoxSmToolTitle-title br{
		display:none;
	}
	
	.TblHeader-text{
		font-size:0.93rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.RentEtc{
		padding-left:0;
		padding-right:0;
	}
	
	.RentEtc-title{
		float:none;
		margin-bottom:1.5rem;
	}
	
	.Flex .InfoBoxSmToolTitle-title br{
		display:none;
	}
	
	.TblHeader-text{
		font-size:0.93rem;
	}
	
	.MonthAdministration-item{
		width:100%;
	}
	
	.RentEtc-cnt.bor-line{
		padding:1.25rem 1rem;
	}
}

/*=========================================================
	SwichThumbSlide 
=========================================================*/
.page-template-page-meeting-facilities-information .site-footer{
	padding-bottom:8.5rem;
}

.page-template-page-meeting-facilities-information .site.Dv-Moblie .site-footer{
	padding-bottom:0;
}

.SwichThumbSlide{
	overflow:hidden;
}

.EventNone.SwichThumbSlide{
	pointer-events:none;
}

.SwichThumbPost-item{
	padding-top:5rem;
	padding-bottom:5rem;
	height: calc(var(--vh, 1vh)*100);
	font-size:0;
	line-height:0;
	display:flex;
	width:100%;
	/* align-items:end; */
	align-items:center;
}

.SwichThumbSlideItem{
	position:relative;
	width:100%;
	padding:5rem 0;
}

.SwichThumbPost-items:nth-child(1) .SwichThumbMapItem{
	opacity:1;
	visibility: visible;
}

.SwichThumbSlideTitle{
	padding-top:4.688rem;
	display:inline-block;
	font-size:5.625rem;
	line-height:1em;
	color:#000;
	font-weight:500;
	font-family: 'Poppins';
}

.fullPageAnchor{
	position:fixed;
	top:50%;
	margin-left:-10rem;
	transform:translateY(-50%);
	width:2.75rem;
	z-index:500;
}

.is-Ab.fullPageAnchor{
	position:absolute;
	bottom:0;
	top:auto;
	transform:translateY(0);
}

.fullPageAnchor-link{
	display:block;
	font-size:1.125rem;
	line-height:2.75rem;
	color:#000;
	font-weight:500;
	text-align:center;
	height:2.75rem;
	background-color:#fff;
}

.is-Current .fullPageAnchor-link{
	background-color:#000;
	color:#fff;
}

.SwichThumbMap{
	position:absolute;
	bottom:3.125rem;
	left:50%;
	transform:translateX(-50%);
	max-width:64.25rem;
	width:calc(100% - 4rem);
}

.SwichThumbMap-link{
	position: absolute;
    background-color: transparent;
}

.SwichThumbMapHover{
	position: absolute;
    background-color: transparent;
	cursor:pointer;
}

.SwichThumbPost-item[data-section-name="header"]{
	padding-bottom:0;
	padding-top:0;
	height:auto;
	display:block;
}

.SwichThumbMapItem{
	position:absolute;
	display:block;
	width:15.75rem;
	background-color:#fff;
	border:solid 2px #000000;
	opacity:0;
	visibility:hidden;
	transition: opacity 0.4s ease, transform 0.4s ease;
	transform:translateY(20%);
}

.SwichThumbMapItem:after{
	content:"";
	width:1.5rem;
	height:1.375rem;
	background-image:url(../../images/icon/ico_massage_arrow.png);
	background-size:1.5rem 1.375rem;
	position:absolute;
	bottom:-1.15rem;
	left:50%;
	transform:translateX(-50%);
	z-index:5;
}

.SwichThumbMapItemText{
	padding:0.75rem 0.75rem;
	text-align:center;
	position:relative;
}

.SwichThumbMapItemText:after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:2px;
	background-color:#fff;
	z-index:15;
}

.SwichThumbMapItemText-title{
	font-size:1.25rem;
	line-height:1.2em;
	color:#000;
	font-weight:bold;
}

.SwichThumbMapItemText-text{
	font-size:1.063rem;
	line-height:1.2em;
	color:#666666;
	margin-top:0.313rem;
}

.SwichThumbMapItemThumb{
	line-height:0;
	margin-top:-2px;
	margin-left:-2px;
	margin-right:-2px;
	border:solid 2px #707070;
	position:relative;
	overflow:hidden;
}

.SwichThumbMapItemThumb:after{
	content:"";
	display:block;
	padding-bottom:63%;
}

.SwichThumbMapItemThumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

/*map*/
.SwichThumbMap-link.Map1{
	width: 22rem;
    height: 10.3rem;
	top: 4.5rem;
    left: 13.6rem;
}

.SwichThumbMap-link.Map2{
	width: 9rem;
    height: 5.3rem;
    top: 13.5rem;
    left: 22.6rem;
}

/*mapHover*/
.Map1 .SwichThumbMapHover{
	width: 4rem;
    height: 8.4rem;
    top: 1rem;
    left: 8.9rem;
    transform: skew(-64deg, 25deg);
}

.Map2 .SwichThumbMapHover{
	width: 5rem;
    height: 1.4rem;
    top: 2rem;
    left: 1.9rem;
    transform: skew(-66deg, 25deg);
}

/*mapHoverThumb*/
.Map1 .SwichThumbMapItem{
	left: 14%;
    bottom: 50%;
}

.Map2 .SwichThumbMapItem{
	left: -34%;
    bottom: 65%;
}


.SwichThumbSlideItem.is-View .SwichThumbMapItem{
	opacity:1;
	visibility:visible;
}

@media screen and (max-width: 1280px) and (min-width: 1025px){
	.fullPageAnchor{
		margin-left:-3.25rem;
	}
}

@media screen and (min-width:748px){
	.SwichThumbMapHover:hover + .SwichThumbMapItem{
		opacity:1;
		visibility:visible;
	}
	
	.SwichThumbMapItem:hover{
		opacity:1;
		visibility:visible;
	}
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:749px){
	.fullPageAnchor{
		display:none;
	}
}

@media screen and (max-width: 768px) and (min-width: 748px){
	.fullPageAnchor{
		display:none;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.fullPageAnchor{
		display:none;
	}
	
	.SwichThumbSlideItem{
		padding:2rem 0;
	}
	
	.SwichThumbSlideItem .row-container{
		height: auto;
	}
	
	.SwichThumbMap{
		position:relative;
		transform: translateX(0);
		left:auto;
		bottom:auto;
		max-width:100%;
		width:100%;
	}
	
	.SwichThumbSlideTitle{
		font-size:2rem;
		padding-top: 0;
	}
	
	.SwichThumbMapHover{
		display:none;
	}
	
	.SwichThumbMapItem:after{
		display:none;
	}
	
	.SwichThumbMap-inner{
		display:flex;
		flex-wrap:wrap;
		padding-top:2rem;
		margin:-0.313rem -0.313rem;
	}
	
	.SwichThumbMap-link{
		position:static !important;
		width:50% !important;
		height:auto !important;
		padding:0.313rem 0.313rem;
	}
	
	.SwichThumbMapItem{
		opacity:1;
		visibility:visible;
		position:static;
		display:block;
		width:100%;
	}
	
	.SwichThumbMapItemText-title{
		font-size:1rem;
	}
	
	.SwichThumbMapItemText-text{
		font-size:0.93rem;
	}
	
	.SwichThumbMapItemThumb{
		margin-left:0;
		margin-right:0;
		margin-top:0;
		border:none;
	}
	
	.SwichThumbMapItemText{
		padding-left:0;
		padding-right:0;
	}
}

/*=========================================================
	안전경영 
=========================================================*/
.SafetyHead{
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
	padding:1.875rem 0;
}

.SafetyHead-title{
	font-size:1.25rem;
	line-height:1.5em;
	color:#000;
	font-weight:600;
}

.SafetyList-item{
	border-bottom:solid 1px #CCCCCC;
	padding:1.25rem 0;
}

.SafetyList-inner{
	overflow:hidden;
}

.SafetyList-num{
	float:left;
	padding-right:1rem;
	min-width:3.438rem;
	font-size:1.5rem;
	line-height:1.2em;
	color:#000;
	font-weight:bold;
	font-family: 'Poppins';
}

.SafetyList-text{
	overflow:hidden;
	font-size:1rem;
	line-height:1.6em;
	color:#666666;
}

.SafetyName-inner{
	display:flex;
	justify-content:end;
	align-items:center;
}

.SafetyName-date{
	display:block;
	margin-right:1.25rem;
	font-size:1.25rem;
	line-height:1.4em;
	color:#666666;
}

.SafetyName-title{
	display:block;
	font-size:1.5rem;
	line-height:1.4em;
	color:#000000;
	font-weight:500;
}

.SafetyName-title.Signature{
	line-height: 0;
    width: 6rem;
}

@media screen and (max-width: 768px) and (min-width: 748px){
	.SafetyHead-title{
		font-size:1.1rem;
	}
	
	.SafetyList-num{
		font-size:1.3rem;
	}
	
	.SafetyList-text{
		font-size:0.93rem;
	}
	
	.SafetyName-date{
		font-size:1.1rem;
	}
	
	.SafetyName-title{
		font-size:1.3rem;
	}
}

@media screen and (max-width: 747px) and (min-width: 1px){
	.SafetyHead-title{
		font-size:1rem;
	}
	
	.SafetyHead-title br{
		display:none;
	}
	
	.SafetyList-num{
		font-size:1.3rem;
	}
	
	.SafetyList-text{
		font-size:0.93rem;
	}
	
	.SafetyName-date{
		font-size:1rem;
	}
	
	.SafetyName-title{
		font-size:1.2rem;
	}
	
	.SafetyName-title.Signature{
		margin-left: -3rem;
		position:relative;
		right: -1.2rem;
	}
}

/*=========================================================
	InfoLinkMore
=========================================================*/
.InfoLinkMore{
	background-color:#F7F7F7;
	padding:2.75rem 1.875rem;
	padding-right:21rem;
	position:relative;
	font-size:0;
	line-height:0;
}

.InfoLinkMore-text{
	font-size:1rem;
	line-height:1.6em;
	color:#666666;
	padding-left:1.625rem;
	position:relative;
}

.InfoLinkMore-text:before{
	content:"";
	width:1.125rem;
	height:1.125rem;
	position:absolute;
	top:0.2rem;
	left:0;
	background-image:url(../../images/icon/ico_pin_comm.svg);
	background-size:1.125rem 1.125rem;
}

.InfoLinkMore .ArrowTargetLink{
	background-color:#fff;
	position:absolute;
	top:50%;
	right:1.875rem;
	transform:translateY(-50%);
}


/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.InfoLinkMore{
		padding-right:1.875rem;
	}
	
	.InfoLinkMore .ArrowTargetLink{
		position:relative;
		top:auto;
		right:auto;
		transform: translateY(0);
		margin-top:1.5rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.InfoLinkMore{
		padding:2rem 2rem !important;
	}
	
	.InfoLinkMore .ArrowTargetLink{
		position:relative;
		top:auto;
		right:auto;
		transform: translateY(0);
		margin-top:1.5rem;
		width:100%;
	}
	
	.Idea.Occasional .PrDiagramList-list{
		padding-left:0;
	}
}

/*=========================================================
	PinInfoSec 
=========================================================*/
.PinInfoSec{
	display:flex;
	width:100%;
}

.PinInfoSecHead{
	width:22%;
}

.PinInfoSecBody{
	width:78%;
}

.PinInfoSecHeadTitle{
	overflow:hidden;
}

.PinInfoSecMap{
	position:relative;
	max-width: 64rem;
}

.PinInfoSecMapThumb{
	line-height:0;
}

.PinInfoSecMapThumb-img{
	width:100%;
}

.PinInfoSecHeadTitle-text{
	font-size:5.625rem;
	line-height:1em;
	color:#000;
	font-weight:500;
	font-family: 'Poppins';
	display:block;
}

.is-Active .SwichThumbMapItem{
	opacity:1;
	visibility:visible;
	transform:translateY(0);
}


.SwichThumbMapItem.Pin1{
	top: 2%;
    right: 20%;
}


.SwichThumbMapItem.Pin2{
	top: -16%;
    left: -6%;
}

.SwichThumbMapItem.Pin7{
	top: -30%;
    left: 20%;
}

.SwichThumbMapItem.Pin3{
	top: -13%;
    left: 47%;
}

.SwichThumbMapItem.Pin4{
	top: 31%;
    left: 55%;
}

.SwichThumbMapItem.Pin8{
	top: -13%;
    left: -7%;
}

.SwichThumbMapItem.Pin5{
	top: 12%;
    left: 37%;
}

.SwichThumbMapItem.Pin0{
	top: -12%;
    left: -8%;
}


.SwichThumbMapItem.Pin6{
	top: 25%;
    left: 66%;
}

/*Touch*/
.Dv-Moblie .SwichThumbPost-item{
	height:auto;
	padding-top:0;
	padding-bottom:10rem;
	display:block;
}

.Dv-Moblie .fullPageAnchor{
	display:none;
}

.Dv-Moblie .SwichThumbMapItem{
	transition-delay: 0s;
}

.Dv-Moblie .is-View .SwichThumbMapItem{
	opacity: 1;
    visibility: visible;
	transform: translateY(0);
}

/* .Dv-Moblie .SwichThumbPost-item[data-section-name="4f"] .SwichThumbMapItem.Pin1{ */
		/* opacity:1; */
		/* visibility:visible; */
		/* transform:translateY(0); */
	/* } */

@media screen and (max-width: 1280px) and (min-width: 1025px){
	.SwichThumbMapItem.Pin1{
		top: 5%;
		right: 18%;
	}
	
	.SwichThumbMapItem.Pin2{
		top: -12%;
	}
	
	.SwichThumbMapItem.Pin7{
		top: -28%;
	}
	
	.SwichThumbMapItem.Pin4{
		top: 32%;
	}

	.SwichThumbMapItem.Pin5{
		top: 17%;
	}

	.SwichThumbMapItem.Pin6{
		left: 70%;
	}	
}

@media screen and (max-width: 1024px) and (min-width: 748px){
	.SwichThumbMapItem{
		width: 11rem;
	}
	
	.SwichThumbMapItemText-title{
		font-size:1.1rem;
	}
	
	.SwichThumbMapItemText-text{
		font-size:0.93rem;
	}
	
	.PinInfoSecHead{
		width:20%;
	}
	
	.PinInfoSecBody{
		width:80%;
	}
}

@media screen and (max-width: 1024px) and (min-width: 769px){
	.PinInfoSecHeadTitle-text{
		font-size:4.6rem;
	}
	
	.SwichThumbMapItem.Pin1{
		top: 4%;
		right: 21%;
	}

	.SwichThumbMapItem.Pin4{
		top: 28%;
	}
	
	.SwichThumbMapItem.Pin0{
		top: -14%;
		left: -6%;
	}
}

@media screen and (max-width: 768px) and (min-width: 748px){
	.PinInfoSecHeadTitle-text{
		font-size:3.6rem;
	}
	
	.SwichThumbMapItemText{
		padding-left:0.5rem;
		padding-right:0.5rem;
	}
	
	.SwichThumbMapItemText-title{
		font-size:0.93rem;
	}
	
	.SwichThumbMapItem{
		width:9rem;
	}
		
	.SwichThumbMapItem.Pin1 {
		top: -14%;
		right: 16%;
	}

	.SwichThumbMapItem.Pin2{
		top: -32%;
		left: -7%;
	}
	
	.SwichThumbMapItem.Pin7{
		top: -44%;
	}

	.SwichThumbMapItem.Pin3{
		top: -20%;
		left: 47%;
	}

	.SwichThumbMapItem.Pin4{
		top: 15%;
		left: 56%;
	}
	
	.SwichThumbMapItem.Pin8{
		top: -29%;
	}

	.SwichThumbMapItem.Pin5{
		top: 0;
	}

	.SwichThumbMapItem.Pin6{
		top: 13%;
	}
	
	.SwichThumbMapItem.Pin0{
		top: -29%;
		left: -5%;
	}
}

@media screen and (max-width: 747px) and (min-width: 1px){
	.PinInfoSec{
		display:block;
	}
	
	.PinInfoSecHead{
		width:100%;
		margin-bottom:1rem;
	}
	
	.PinInfoSecBody{
		width:100%;
	}
	
	.PinInfoSecHeadTitle-text{
		font-size:2.7rem;
	}
	
	.PinInfoSecMapThumb{
		margin-left:0;
		margin-right:0;
	}
	
	.SwichThumbMapItem{
		width:calc(50% - 0.626rem);
		margin: 0.313rem 0.313rem;
	}
	
	.Dv-Moblie .SwichThumbPost-item{
		padding-bottom:7rem;
	}
	
	.SwichThumbPost-item[data-section-name="header"]{
		padding-bottom:3.5rem;
	}
}

@media screen and (max-width: 419px) and (min-width: 1px){
	.PinInfoSecMapThumb{
		margin-left:0;
		margin-right:0;
	}
}

/*=========================================================
  친환경 장치
=========================================================*/
.SquareProgressItemTarget{
	position:absolute;
	top:50%;
	right:1.875rem;
	transform:translateY(-50%);
	font-size:1.125rem;
	line-height:1.2em;
	color:#000;
	font-weight:bold;
	padding-right:2rem;
	text-decoration:underline;
}

.SquareProgressItemTarget:after{
	content:"";
	width:1.5rem;
	height:1.5rem;
	background-image:url(../../images/icon/icon_target_btn_arrow.png);
	background-size:1.5rem 1.5rem;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:0;
}

@media screen and (min-width: 1025px){
	.Eco .RowTitleSecTitle{
		width:29.375rem;
	}

	.Eco .BizPageTitle-text{
		line-height:0;
	}

	.Eco.RowTitleSec{
		align-items: start;
	}

	.Eco .RowTitleSecCnt{
		padding-left:4.25rem;
	}
	
	.row33 .DfStPost-item{
		width:33.333%;
	}
}

@media screen and (max-width: 1024px) and (min-width: 748px){
	.Eco .BizPageTitle-img{
		max-width:80%;
	}
}

@media screen and (max-width: 747px) and (min-width: 1px){
	.SquareProgressItemTarget{
		font-size:1rem;
		right:1.25rem;
	}
}


/*=========================================================
  Premium Furniture
=========================================================*/
.WithBtnSec{
	position:relative;
}

.WithBtnSec .HvUpBtn{
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.PackList-list{
	display:flex;
	flex-wrap:wrap;
	margin:-1.875rem -2.688rem;
}

.PackList-item{
	padding:1.875rem 2.688rem;
	width:50%;
}

.PackList .CaptionPostThumb:after{
	padding-bottom:63%;
}

body .PackList .TopSlideBanner-prev{
	left:1.25rem;
}

body .PackList .TopSlideBanner-next{
	right:1.25rem;
}

.TopSlideBannerCap-text{
	font-size:1.25rem;
	line-height:1.4em;
	color:#fff;
	font-weight:bold;
	padding:1rem 1.25rem;
	background-color:rgba(0,0,0,0.5);
	position:absolute;
	bottom:0;
	right:0;
	z-index:5;
}

.DegArrowBtn{
	display:inline-block;
	font-size:1.125rem;
	line-height:1.2em;
	color:#000;
	font-weight:bold;
	padding-right:2rem;
	text-decoration:underline;
	position:relative;
}

.DegArrowBtn:after{
	content:"";
	width:1.5rem;
	height:1.5rem;
	background-image:url(../../images/icon/icon_target_btn_arrow.png);
	background-size:1.5rem 1.5rem;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:0;
}

.AbLink{
	position:relative;
}

.AbLink .DegArrowBtn{
	position:absolute;
	top:calc(50% - 0.62rem);
	right:0;
	transform:translateY(-50%);
}

.SoftContact:after{
	content:"";
	display:table;
	clear:both;
}

.SoftContact-title{
	float:left;
	margin-right:1.25rem;
	font-size:1.25rem;
	line-height:1.4em;
	color:#000;
	font-weight:600;
}

.SoftContact-cont{
	overflow:hidden;
	font-size:0;
	line-height:0;
}

.SoftContact .TeamBoxCont-txt{
	display:inline-block;
}

.SoftContact-name{
	display: inline-block;
    color: #666;
    font-size: 1.125rem;
    line-height: 1.4em;
	margin-right:1.25rem;
}

@media screen and (min-width: 748px){
	.WithBtnSec.End .HvUpBtn{
		top:auto;
		bottom:0;
		right:1px;
		transform:translateY(0);
	}
}

@media screen and (max-width: 1024px) and (min-width: 748px){
	.PackList-list{
		margin:-1.5rem -1.25rem;
	}

	.PackList-item{
		padding:1.5rem 1.25rem;
	}
	
	.PackList-item{
		width:100%;
	}
	
	.TopSlideBannerCap-text{
		font-size:0.93rem;
	}
}

@media screen and (max-width: 747px) and (min-width: 1px){
	.PackList-item{
		width:100%;
	}
	
	.WithBtnSec .HvUpBtn{
		padding:0.7rem 1rem;
		min-width:0;
	}
	
	.WithBtnSec .HvUpBtn-text{
		font-size:1rem;
	}
	
	.TopSlideBannerCap-text{
		font-size:0.93rem;
		padding:0.6rem 0.875rem;
	}
	
	.WithBtnSec.End{
		line-height:0;
	}
	
	.WithBtnSec.End .HvUpBtn{
		position:relative;
		bottom:auto;
		right:auto;
		margin-top:1.5rem;
		transform: translateY(0);
	}
	
	.DegArrowBtn{
		font-size:1.1rem;
	}
	
	.SoftContact-title{
		font-size: 0.9375rem;
	}
	
	.SoftContact-name{
		font-size: 0.9375rem;
	}
}

/*=========================================================
  Hyper3D Custom
=========================================================*/
body .hyper-3d-bubble > span{
	box-shadow:none;
	border-radius:0 0;
	font-size:1rem;
	line-height:1.2em;
	color:#fff;
	font-weight:bold;
	background-color:#722EA5;
	padding:0.625rem;
	padding-right:1.9rem;
}

body .hyper-3d-bubble > span:after{
	content:"";
	width:0.875rem;
	height:0.875rem;
	background-image:url(../../images/icon/hyper-arrow.png);
	background-size:0.875rem 0.875rem;
	position:absolute;
	top:50%;
	right:0.625rem;
	transform:translateY(-50%);
	margin-top:-1px;
}

/*body .hyper-3d-bubble > span:before{
	content:"";
	width:1.125rem;
	height:0.938rem;
	background-image:url(../../images/icon/hyper-pp-arrow.png);
	background-size:1.125rem 0.938rem;
	position:absolute;
	bottom:-0.8rem;
	left:50%;
	transform:translateX(-50%) rotate(180deg);
}*/

/*=========================================================
	CoexExhibitionTop  
=========================================================*/
.CoexExhibitionTop{
	position:relative;
	padding-right:7.5rem;
}

.CoexExhibitionTop-link{
	display:block;
	padding:1.03125rem 1.25rem;
	color:#000;
	font-size:1.125rem;
	font-weight:600;
	line-height:1.4em;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	border:1px solid #000;
}

.CoexExhibitionTop-link:before {
    content: "";
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    right: -1px;
    top: 0;
	z-index:-1;
    transform: scaleY(0);
    transition-property: transform, color;
    transition-duration: 0.2s;
    transform-origin: bottom;
}

/* hover */
@media screen and (min-width: 1025px){
	.CoexExhibitionTop-link:hover{
		color:#fff;
	}
	
	.CoexExhibitionTop-link:hover:before {
		transform: scaleY(100%);
	}
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.CoexExhibitionTop-link{
		padding:0.875rem 1.25rem;
		font-size:0.9375rem;
	}
}

/*=========================================================
  BizPaking
=========================================================*/
@media screen and (min-width: 1025px){
	.BizPaking .MapPageList{
		width: 17.438rem;
	}

	.BizPaking .MapSec{
		max-width:100%;
		width: calc(100% - 20.438rem);
	}
	
	.BizPaking .Maping{
		height: 35.75rem;
	}
}

.BizPaking{
	align-items:start;
}

.BizPakingBody-item{
	display:none;
}

.BizPakingBody-item.is-Current{
	display:block;
}


.BizPakingBody{
	margin-left:20.438rem;
	margin-top:1.125rem;
}

.BizPakingBodyList-item{
	margin-top:0.75rem;
	font-size:1.125rem;
	line-height:1.6em;
	color:#000;
	padding-left:1rem;
	position:relative;
}

.BizPakingBodyList-item:before{
	content:"•";
	position:absolute;
	top:0;
	left:0;
}

.BizPakingBodyList-item:first-child{
	margin-top:0;
}

.BizPakingBody-title{
	font-size:1.5rem;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
	margin-bottom:1.25rem;
}

.LineBizPaking{
	border:solid 1px #000;
	padding:1.875rem 1.875rem;
}

.LineBizPaking-item{
	margin-top:0.938rem;
}

.LineBizPaking-item:first-child{
	margin-top:0;
}

.LineBizPaking-inner:after{
	content:"";
	display:table;
	clear:both;
}

.LineBizPaking-title{
	float:left;
	min-width:13.625rem;
	padding-right:0.938rem;
	font-size:1.25rem;
	line-height:1.2em;
	color:#000;
	font-weight:600;
}

.LineBizPaking-text{
	overflow:hidden;
}

.LineBizPakingBullet:after{
	content:"";
	display:table;
	clear:both;
}

.LineBizPakingBullet-bullet{
	float:left;
	display:block;
	font-size: 1.125rem;
    line-height: 1.6em;
    color: #000;
	margin-right:0.313rem;
}

.LineBizPakingBullet-text{
	overflow:hidden;
	display:block;
	font-size: 1.125rem;
    line-height: 1.6em;
    color: #000;
}

.LineBizPakingBus{
	font-size:0;
	line-height:0;
}

.LineBizPakingBus:after{
	content:"";
	display:table;
	clear:both;
}

.LineBizPakingBus-item{
	margin-right:0.75rem;
	float:left;
}

.LineBizPakingBus-item:last-child{
	margin-right:0;
}

.LineBizPakingBus-num{
	font-size: 0.75rem;
    line-height: 1.2em;
    color: #fff;
	display:inline-block;
	vertical-align:middle;
	padding:0.125rem 0.75rem;
	background-color:#2CA2E0;
	margin-right:0.375rem;
}

.LineBizPakingBus-num.color-green{
	background-color:#69ba19;
}

.LineBizPakingBus-num.color-pp{
	background-color:#B55FFE;
}

.LineBizPakingBus-text{
	font-size: 1.125rem;
    line-height: 1.6em;
    color: #000;
	display:inline-block;
	vertical-align:middle;
}

.ParkingBodyChkLink{
	display:inline-block;
	position:relative;
	padding-left:1.625rem;
	padding-right:1.5rem;	
	color:#000;
	font-size:1.125rem;
	font-weight:600;
	line-height:1.4em;
	text-decoration:unset !important;
}

.ParkingBodyChkLink:before {
    content: "";
    width: 1.125rem;
    height: 1.125rem;
    position: absolute;
    top: 3px;
    left: 0;
    background-image: url(../../images/icon/ico_pin_comm.svg);
    background-size: 1.125rem 1.125rem;
}

.ParkingBodyChkLink:after {
    content: '';
    display: block;
    width: 1rem;
    height: 1rem;
    background-image: url(../../images/icon/ico_degArrow.svg);
    background-size: 1rem 1rem;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

@media screen and (max-width: 1024px) and (min-width: 748px){
	.BizPakingBody{
		margin-left:0;
		margin-top:3rem;
	}
	
	.BizPakingBodyList-item{
		font-size:1rem;
	}
	
	.BizPakingBody-title{
		font-size:1.3rem;
	}
	
	.LineBizPaking-title{
		font-size:1rem;
	}
	
	.LineBizPakingBullet-text{
		font-size:1rem;
	}
	
	.LineBizPakingBus-text{
		font-size:1rem;
	}
	
	.LineBizPakingBus-num{
		font-size:0.93rem;
	}
}

@media screen and (max-width: 747px) and (min-width: 1px){
	.BizPakingBody{
		margin-left:0;
		margin-top:3rem;
	}
	
	.BizPakingBodyList-item{
		font-size:1rem;
	}
	
	.BizPakingBody-title{
		font-size:1.3rem;
	}
	
	.LineBizPaking-title{
		font-size:1rem;
		float:none;
		margin-bottom:0.5rem;
	}
	
	.LineBizPakingBullet-text{
		font-size:1rem;
	}
	
	.LineBizPakingBus-text{
		font-size:1rem;
	}
	
	.LineBizPaking-item{
		margin-top:1.2rem;
	}
	
	.LineBizPakingBus-num{
		font-size:0.93rem;
	}
}

/*=========================================================
  검색창
=========================================================*/
.SingleSearchBx {
	background-color:#F7F7F7;
	padding:2.813rem 1.25rem 2.25rem;
	text-align:center;
}

.SingleSearchBx-inner{
	max-width:50rem;
	width:100%;
	display:inline-block;
}

.SingleSearchBx-result{
	font-size:1rem;
	line-height:1.6em;
	color:#000;
	margin-top:1.375rem;
}

.SingleSearchBxWrite{
	border-bottom:solid 4px #000000;
	position:relative;
	padding-right:3.5rem;
}

body .SingleSearchBx-text{
	display:block;
	width:100%;
	font-size:1.25rem;
	line-height:normal;
	padding:1.1rem 0;
}

body .SingleSearchBx-submit{
	display:block;
	width: 1.813rem;
    height: 1.75rem;
	background-image:url(../../images/icon/ico_search_single_btn.svg);
	background-size:1.813rem 1.75rem;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:0;
}

.SearchSec{
	margin-top:5.625rem;
}

.SearchSec.Graybox{
	padding:2.5rem 1.5rem;
	background-color:#F7F7F7;
}

.SearchSec:first-child{
	margin-top:0;
}

.SearchSecHead{
	position:relative;
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
	border-bottom:solid 3px #000000;
	padding-bottom:0.938rem;
}

.SearchSecHead-title{
	font-size:2rem;
	line-height:1.2em;
	color:#000;
}

.SearchSecHead-link{
	font-size:1.125rem;
	line-height:1.2em;
	color:#000;
	font-weight:600;
	position:relative;
	padding-right:1.25rem;
}

.SearchSecHead-link:after{
	content:"";
	width:0.938rem;
	height:0.938rem;
	background-image:url(../../images/icon/ico_search_more_arrow.png);
	background-size:0.938rem 0.938rem;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.SearchNotice-item{
	border-top:solid 1px #000000;
}

.SearchNotice-item:first-child{
	border-top:none;
}

.SearchNotice-link{
	display:block;
	padding:1.875rem 0;
}

.SearchNoticeCate{
	margin-bottom:0.813rem;
}

.SearchNoticeCate-list{
	font-size:0;
	line-height:0;
}

.SearchNoticeCate-item{
	font-size:0.875rem;
	line-height:1.2em;
	color:#000000;
	display:inline-block;
	vertical-align:middle;
}

.SearchNoticeCate-item:after{
	content:">";
	font-size:0.875rem;
	line-height:1.2em;
	color:#000000;
	display:inline-block;
	vertical-align:middle;
	margin:0 5px;
}

.SearchNoticeCate-item:last-child:after{
	display:none;
}

.SearchNoticeTitle{
	font-size:1.25rem;
	line-height:1.5em;
	color:#000;
	font-weight:bold;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.SearchNoticeMeta{
	margin-top:0.688rem;
	padding-right:5.625rem;
	position:relative;
}

.SearchNoticeMeta-sub{
	font-size:1rem;
	line-height:1.5em;
	color:#000;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.SearchNoticeMeta-date{
	font-size:0.938rem;
	line-height:1.5em;
	color:#000;
	position:absolute;
	bottom:0;
	right:0;
}

.noSearch{
	display:block;
	padding:1.875rem 0;
	text-align:center;
	width:100% !important;
	font-size:1.25rem;
	line-height:1.2em;
	color:#000;
}

.SearchGuide{
	margin-top:1.875rem;
}

.SearchGuide-list{
	overflow:hidden;
	margin:-0.313rem -0.313rem;
}

.SearchGuide-item{
	padding:0.313rem 0.313rem;
	width:33.333%;
	float:left;
}

.SearchGuide-item:nth-child(3n+1){
	clear:both;
}

.SearchGuide-link{
	display:block;
	border:solid 1px #000;
	padding:1.75rem 1.875rem;
}

.SearchGuide-cate{
	font-size:1rem;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	margin-bottom:0.625rem;
}

.SearchGuide-title{
	font-size:1.5rem;
	line-height:1.5em;
	color:#000;
	font-weight:bold;
}

.SearchEvnet-item{
	border-top:solid 1px #000000;
}

.SearchEvnet-item:first-child{
	border-top:none;
}

.SearchEvnet-link{
	display:block;
	padding:1.25rem 0;
}

.SearchEvnet-link:after{
	content:"";
	display:table;
	clear:both;
}

.SearchEvnetThumb{
	width:20.75rem;
	margin-right:1.625rem;
	float:left;
	position:relative;
	overflow:hidden;
}

.SearchEvnetThumb:after{
	content:"";
	display:block;
	padding-bottom:100%;
}

.SearchEvnetThumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.SearchEvnetCnt{
	overflow:hidden;
}

.SearchEvnetCnt-title{
	font-size: 1.5rem;
    line-height: 1.5em;
    color: #000;
    font-weight: bold;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	margin-bottom:1.625rem;
}

.SearchEvnetCntCate{
	font-size:0;
	line-height:0;
	margin-bottom:1.625rem;
}

.SearchEvnetCntCate-text{
	font-size:0.875rem;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	padding:0.438rem 0.75rem;
	border-radius:100px 100px;
	border:solid 1px #000;
}

.SearchEvnetCnt-date{
	font-size:1.125rem;
	line-height:1.5em;
	color:#000;
	font-weight:500;
	font-family: 'Poppins';
}

.SearchEvnetCnt-address{
	font-size:1.125rem;
	line-height:1.5em;
	color:#000;
	font-weight:500;
	font-family: 'Poppins';
}

.SearchEvnet .BlogEventItemCont-cate{
	margin-bottom:1.563rem;
}

.NoSingleSearch{
	text-align:center;
	margin-bottom:4rem;
}

.NoSingleSearch-title{
	font-size: 1.5rem;
    line-height: 1.5em;
    color: #000;
    font-weight: bold;
	margin-bottom:1rem;
}

.NoSingleSearch-title strong{
	color:#F246AC;
}

.NoSingleSearch-sub{
	font-size:1rem;
	line-height:1.6em;
	color:#000;
}

/*hover*/
@media screen and (min-width: 1025px) {
	.SearchSecHead-link:hover{
		text-decoration:underline;
	}
	
	a.SearchNotice-link:hover .SearchNoticeTitle{
		text-decoration:underline;
	}
	
	.SearchGuide-link:hover .SearchGuide-title{
		text-decoration:underline;
	}
	
	.SearchEvnet-link:hover .SearchEvnetCnt-title{
		text-decoration:underline;
	}
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.SingleSearchBx{
		padding:2rem 2rem;
	}
	
	.SearchSecHead-title{
		font-size:1.4rem;
	}
	
	.SearchSecHead-link{
		font-size:1rem;
	}
	
	.SearchSecHead{
		border-bottom:solid 2px #000;
	}
	
	.SearchEvnetCnt-title{
		font-size:1.2rem;
	}
	
	.SearchGuide-title{
		font-size:1.2rem;
	}
	
	.SearchNoticeTitle{
		font-size:1.1rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.SingleSearchBx{
		padding:2rem 2rem;
	}
	
	.SearchSecHead-title{
		font-size:1.3rem;
	}
	
	.SearchSecHead-link{
		font-size:1rem;
	}
	
	.SearchSecHead{
		border-bottom:solid 2px #000;
	}
	
	.SingleSearchBxWrite{
		border-width:2px;
	}
	
	.SearchEvnetCnt-title{
		font-size:1.2rem;
	}
	
	.SearchGuide-title{
		font-size:1.2rem;
	}
	
	.SearchNoticeTitle{
		font-size:1.1rem;
	}
	
	.SearchEvnetThumb{
		margin-right:0;
		width:100%;
		margin-bottom:1.5rem;
		float:none;
	}
	
	.SearchGuide-item{
		width:100%;
		float:none;
	}
}

/*=========================================================
  Privacy Policy
=========================================================*/
.StPolicy table a{
	color:#000;
	text-decoration:underline;
}

/*=========================================================
  온라인 작업자신고
=========================================================*/
@media screen and (min-width:1025px){
	.Row33 .PrDiagramList-item{
		width:33.3333%;
	}
}

.Team50.TeamBoxList-list{
	flex-wrap:wrap;
}

/*=========================================================
  Coex MICE Cluster
=========================================================*/
.SkewBannerCnt-img{
	display:block;
	max-width:7rem;
	width:100%;
	opacity:0.8;
}

.MiceMapThumb{
	line-height:0;
}

.MiceMap-list{
	display:flex;
	flex-wrap:wrap;
	margin:-1.5rem -1.5rem;
}

.MiceMap-item{
	width:20%;
	padding:1.5rem 1.5rem;
}

.MiceMap-title{
	font-size:1.5rem;
	line-height:1.2em;
	color:#000;
	font-weight:bold;
	margin-bottom:1.5rem;
}

.MiceMapSub-item{
	margin-top:0.938rem;
}

.MiceMapSub-item:after{
	content:"";
	display:table;
	clear:both;
}

.MiceMapSub-item:first-child{
	margin-top:0;
}

.MiceMapSubBullet{
	display:block;
	float:left;
	margin-right:0.5rem;
	width:1.5rem;
	height:1.5rem;
	border-radius:100% 100%;
	background-color:#722EA5;
	position:relative;
}

.MiceMapSubBullet-text{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	font-size:1rem;
	line-height:1.2em;
	color:#fff;
	font-weight:600;
	white-space:nowrap;
}

.small.MiceMapSubBullet-text{
	font-size:0.75rem;
}

.MiceMapSub-text{
	display:block;
	overflow:hidden;
	font-size:1rem;
	line-height:1.5em;
	color:#666666;
}

.MiceBrand-list{
	overflow:hidden;
	margin:-0.938rem -0.938rem;
	display:flex;
	flex-wrap:wrap;
}

.MiceBrand-item{
	width:25%;
	padding:0.938rem 0.938rem;
}

.MiceBrandItem{
	line-height:0;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.MiceMap-title{
		font-size:1.3rem;
	}
	
	.MiceMapSub-text{
		font-size:0.93rem;
	}
	
	.MiceMap-item{
		width:33.333%;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.MiceMap-title{
		font-size:1.1rem;
	}
	
	.MiceMapSub-text{
		font-size:0.93rem;
	}
	
	.MiceMap-list{
		margin: -1.5rem -0.5rem;
	}
	
	.MiceMap-item{
		width:50%;
		padding: 1.5rem 0.5rem;
	}
	
	.MiceMap{
		margin-top:2.5rem;
	}
	
	.MiceMapThumb.mb90{
		margin-bottom:3rem !important;
	}
	
	.MiceMapSubBullet-text{
		font-size:0.875rem;
	}
	
	.MiceBrand-item{
		width:50%;
	}
}

/*=========================================================
  채용
=========================================================*/
strong.underline{
	text-decoration:underline;
}

.RecruitHead{
	border-top:solid 2px #000000;
	padding-top:5rem;
}

.RecruitList-list{
	display:flex;
	flex-wrap:wrap;
	margin:-1.25rem -1.25rem;
}

.RecruitList-item{
	padding:1.25rem 1.25rem;
	width:33.333%;
}

.RecruitListItem{
	height:100%;
	border-bottom:solid 2px #000;
	padding-bottom:2.5rem;
}

.RecruitListItemThumb{
	line-height:0;
	margin-bottom:2.5rem;
}

.RecruitListItemText-title{
	font-size:1.5rem;
	line-height:1.4em;
	color:#722EA5;
	font-weight:600;
	margin-bottom:1.25rem;
}

.RecruitListItemText-sub{
	font-size:1rem;
	line-height:1.6em;
	color:#666666;
}

.RecruitListItemThumb-img{
	width:100%;
	max-width:none;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.RecruitList-list{
		margin:-0.875rem -0.875rem;
	}

	.RecruitList-item{
		padding:0.875rem 0.875rem;
		width:50%;
	}
	
	.RecruitHead{
		padding-top:3rem;
	}
	
	.RecruitListItemThumb{
		margin-bottom:1.5rem;
	}
	
	.RecruitListItemText-title{
		font-size:1.3rem;
	}
	
	.RecruitListItemText-sub{
		font-size:0.93rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.RecruitList-list{
		margin:-1.25rem -0.875rem;
	}

	.RecruitList-item{
		padding:1.25rem 0.875rem;
		width:100%;
	}
	
	.RecruitHead{
		padding-top:3rem;
	}
	
	.RecruitListItemThumb{
		margin-bottom:1.5rem;
	}
	
	.RecruitListItemText-title{
		font-size:1.4rem;
	}
	
	.RecruitListItemText-sub{
		font-size:0.93rem;
	}
	
	.RecruitListItemThumb{
		margin-left:-2rem;
		margin-right:-2rem;
	}
}

@media screen and (max-width:419px) and (min-width:1px){
	.RecruitListItemThumb{
		margin-left:-1.5rem;
		margin-right:-1.5rem;
	}
	
	br.mo-None{
		display:none;
	}
}

/*=========================================================
  복지 리스트
=========================================================*/
.Type-Two .ServiceIcoList-list .TextBullet{
	margin-top:1.25rem;
}

.Type-Two .ServiceIcoList-item{
	position:relative;
}

.Type-Two .ServiceIcoList-item:nth-child(4n+1):before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:400%;
	border-top:solid 1px #CCCCCC;
}

.Type-Two .ServiceIcoList-item:first-child:before{
	border-top:none;
}

.Type-Two.ServiceIcoList{
	border-bottom:solid 1px #000;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:1px){
	.Type-Two .ServiceIcoList-item:nth-child(4n+1):before{
		display:none;
	}
}

/*=========================================================
  근무 환경
=========================================================*/
.RecEnvironment{
	background-color:#F7F7F7;
	position:relative;
	padding:5rem 0;
}

.RecEnvironment:before{
	content:"";
	position:absolute;
	top:0;
	left:-3000px;
	height:100%;
	width:3000px;
	background-color:#F7F7F7;
}

.RecEnvironment:after{
	content:"";
	position:absolute;
	top:0;
	right:-3000px;
	height:100%;
	width:3000px;
	background-color:#F7F7F7;
}

.RecEnvironmentList{
	display:flex;
	margin:-0.625rem -0.625rem;
	flex-wrap:wrap;
}

.RecEnvironmentList-item{
	padding:0.625rem 0.625rem;
	width:50%;
}

.RecEnvironmentListItem{
	height:100%;
	background-color:#fff;
	padding:1.875rem 1.875rem;
}

.RecEnvironmentListItem-title{
	font-size:1.5rem;
	line-height:1.4em;
	color:#000;
	font-weight:600;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.RecEnvironmentListItem-title{
		font-size:1.3rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.RecEnvironmentListItem-title{
		font-size:1.2rem;
	}
	
	.RecEnvironmentList-item{
		width:100%;
	}
}

/*=========================================================
  조직도
=========================================================*/
.RecEnvironment .TeamBox{
	background-color:#fff;
}

.Organization{
	padding:0 3.5rem;
	position:relative;
}

.Organization:before{
	content:"";
	width:1px;
	/*height:50%;*/
	height:19%;
	position:absolute;
	top:9rem;
	left:50%;
	background-color:#CCCCCC;
}

.Organization-inner{
	position:relative;
	overflow:hidden;
}

.OrganizationDepth-inner.depth-Two{
	margin-top:2.875rem;
}

.OrganizationDepth-inner.depth-One{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	width:22rem;
	margin:0 auto;
}

.OrganizationDepth-inner.depth-Two{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.OrganizationDepth-inner.depth-Three{
	max-width:70.125rem;
	margin:6.875rem auto 0;
	padding-top:4.688rem;
	position:relative;
	border-top:solid 1px #cccccc;
	z-index:5;
}

.OrganizationDepth-row{
	background-color:#fff;
}

.OrganizationDepth-row{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.depth-Two .OrganizationDepth-item:first-child{
	width:12rem;
}

.depth-Two .OrganizationDepth-item:last-child{
	width:16.375rem;
	position:relative;
}

.OrganizationDepth-inner.depth-One{
	position:relative;
}

.OrganizationDepth-inner.depth-One:before{
	content:"";
	width:30rem;
	height:1px;
	background-color:#CCCCCC;
	position:absolute;
	top:10.6rem;
	left:50%;
}

.OrganizationDepth.type-One .OrganizationDepth-link{
	display:inline-block;
	font-size:1.75rem;
	line-height:1.2em;
	color:#fff;
	font-weight:bold;
	padding:1.875rem 3.375rem;
	background-color:#000;
}

.OrganizationDepth.type-Two .OrganizationDepth-link{
	display:block;
	font-size:1.125rem;
	line-height:1.2em;
	color:#fff;
	font-weight:600;
	padding:1.063rem 0.5rem;
	background-color:#000;
	text-align:center;
}

.OrganizationDepth.type-Two.border{
	margin-top:1.25rem;
}

.OrganizationDepth.type-Two.border .OrganizationDepth-link{
	border:solid 1px #CCCCCC;
	background-color:#fff;
	text-align:center;
}

.OrganizationDepth-text{
	color:#000;
	display:inline-block;
	position:relative;
}


.depth-Two .OrganizationDepth-item:first-child{
	margin-left:11.25rem;
	max-width:7.875rem;
}

.OrganizationDepthList-list{
	display:flex;
	flex-wrap:wrap;
	margin:-0.313rem -0.313rem;
}

.OrganizationDepthList{
	background-color:#fff;
}

.OrganizationDepthList-item{
	padding:0.313rem 0.313rem;
	width:50%;
}

.OrganizationDepth-link.gray{
	border:solid 1px #CCCCCC;
	background-color:#F7F7F7 !important;
	color:#000 !important;
}

.type-Three .OrganizationDepth-link{
	display: block;
    font-size: 1.25rem;
    line-height: 1.2em;
    color: #fff;
    font-weight: bold;
    padding: 1.563rem 1.375rem;
    background-color: #000;
	text-align:center;
}

.OrganizationDepth.type-Three{
	margin-bottom:1.25rem;
}

.OrganizationList{
	border:solid 1px #CCCCCC;
	padding:1.5rem 1.5rem;
}

.OrganizationList-item{
	margin-top:0.938rem;
}

.OrganizationList-item:first-child{
	margin-top:0;
}

.OrganizationList-link{
	display:block;
	font-size:1rem;
	line-height:1.2em;
	color:#666666;
	padding-left:0.75rem;
	position:relative;
	padding-right: 1.25rem;
}

.OrganizationList-link:before{
	content:"•";
	position:absolute;
	top:0;
	left:0;
}

.OrganizationDepth-row .OrganizationDepth-item{
	width:15rem;
	position:relative;
}

.OrganizationDepth-row .OrganizationDepth-item:before{
	content:"";
	width:1px;
	height:4.688rem;
	background-color:#CCCCCC;
	position:absolute;
	top:-4.688rem;
	left:50%;
}

.OrganizationDepth-row .OrganizationDepth-item:first-child:after{
	content:"";
	width:50%;
	height:5rem;
	background-color:#fff;
	position:absolute;
	top:-5rem;
	left:0;
	z-index:10;
}

.OrganizationDepth-row .OrganizationDepth-item:last-child:after{
	content:"";
	width:calc(50% - 1px);
	height:5rem;
	background-color:#fff;
	position:absolute;
	top:-5rem;
	right:0;
	z-index:10;
}

/*.OrganizationDepth-row .OrganizationDepth-item:nth-child(2):before{
	display:none;
}*/

.OrganizationTab{
	border:solid 1px #CCCCCC;
	padding:2.5rem 2.5rem;
	display:flex;
	justify-content:space-between;
	max-width: 70.125rem;
	margin:0 auto;
}

.OrganizationTab-text{
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0%;
	font-size:1.5rem;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
	padding-right:1rem;
}

.OrganizationTab-name{
	font-size:1.5rem;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
}



.Magok .OrganizationDepth-inner.depth-One:before{
	display:none;
}


@media screen and (min-width:1025px){
	.Organization a:hover{
		text-decoration:underline;
	}
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.Organization{
		padding:0;
	}
	
	.depth-Two .OrganizationDepth-item:first-child{
		margin-left:0;
	}
	
	.OrganizationDepth-row .OrganizationDepth-item{
		width:32%;
	}
	
	.OrganizationDepth.type-One .OrganizationDepth-link{
		font-size:1.3rem;
	}
	
	.type-Three .OrganizationDepth-link{
		font-size:1.1rem;
	}
	
	.OrganizationTab{
		padding:1.5rem 1.5rem;
	}
	
	.OrganizationTab-text{
		font-size:1.25rem;
	}
	
	.OrganizationTab-name{
		font-size:1.25rem;
	}
	
	.Organization:before{
		height:17.9%;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.Organization{
		padding:0;
	}
	
	.depth-Two .OrganizationDepth-item:first-child{
		margin-left:0;
	}
	
	.OrganizationDepth-row .OrganizationDepth-item{
		width:100%;
		margin-bottom:3rem;
	}
	
	.OrganizationDepth-row .OrganizationDepth-item:last-child{
		margin-bottom:0;
	}
	
	.OrganizationDepth.type-One .OrganizationDepth-link{
		font-size:1.3rem;
	}
	
	.type-Three .OrganizationDepth-link{
		font-size:1.1rem;
	}
	
	.OrganizationDepthList-item{
		width:100%;
	}
	
	.depth-Two .OrganizationDepth-item:last-child{
		width: 9.375rem;
	}
	
	.OrganizationDepth-inner.depth-One:before{
		top:10rem;
	}
	
	.OrganizationDepth-row .OrganizationDepth-item:before{
		display:none;
	}
	
	.OrganizationDepth-inner.depth-Three{
		border-top:none;
		padding-top:0;
	}
	
	.OrganizationDepth-row .OrganizationDepth-item:after{
		display:none;
	}
	
	.OrganizationTab{
		padding:1.5rem 1.5rem;
		display:block;
	}
	
	.OrganizationTab-text{
		font-size:1.25rem;
		margin-bottom:0.7rem;
		padding-right:0;
	}
	
	.OrganizationTab-name{
		font-size:1.25rem;
	}
	
	.Organization.mb80{
		margin-bottom:2.5rem !important;
	}
}

/*=========================================================
  HistorySubTab 
=========================================================*/
.HistorySubTab {
	height:3.625rem;
	position:relative;
}

.HistorySubTab .BoxTab{
	position:absolute;
	top:0;
	left:0;
	width:calc(100% - 1px);
	transition-property: transform;
    transition-duration: 0.3s;
	background-color:#fff;
	margin-left:0 !important;
	margin-right:0 !important;
	z-index:800;
}


/* .HistorySubTab .BoxTab-item{ */
	/* width:33.3333%; */
	/* margin:0 !important; */
/* } */

.HistorySubTab .BoxTab.is-Fixed{
	position:fixed;
	padding:0.625rem 0.625rem;
}

.HistorySubTab .BoxTab.is-Fixed .BoxTab-list{
	max-width:85rem;
	position:relative;
	left:50%;
	transform:translateX(-50%);
}

.site-header.is-Down + .site-content .HistorySubTab .BoxTab.is-Fixed{
	transform:translateY(4.125rem);
}

.HistoryList-item{
	margin-top:5rem;
}

.HistoryList-item:first-child{
	margin-top:0;
}

.HistoryList-inner{
	display:flex;
	width:100%;
}

.HistoryListTitle{
	width:25%;
}

.HistoryListCont{
	width:75%;
	padding-left:3.75rem;
	position:relative;
}

.HistoryList-text{
	font-size:3.375rem;
	line-height:1.2em;
	color:#722EA5;
	font-weight:bold;
}

.HistoryListCont-item{
	border-top:solid 1px #DDDDDD;
	padding:1.25rem 0;
}

.HistoryListCont-item:first-child{
	border-top:none;
}

.HistoryListCont-inner{
	border-bottom:solid 2px #000;
}

.HistoryListContItem:after{
	content:"";
	display:table;
	clear:both;
}

.HistoryListContItem-month{
	float:left;
	min-width:2.563rem;
	font-size:1.5rem;
	line-height:1.2em;
	color:#000;
	font-weight:bold;
	font-family: 'Poppins';
}

.HistoryListContItem-text{
	overflow:hidden;
	font-size:1rem;
	line-height:1.6em;
	color:#666666;
}

.HistoryListTitle:after{
	content:"";
	width:0.625rem;
	height:0.625rem;
	border-radius:100% 100%;
	border:solid 2px #601986;
	background-color:#fff;
	position:absolute;
	top:1.4rem;
	left:-0.3125rem;
	z-index:5;
}

.HistoryList{
	position:relative;
}

.HistoryList:before{
	content: "";
    width: 1px;
    height: calc(100% - 1rem - 3rem);
    background-color: #601986;
    position: absolute;
    top: calc(1rem + 0rem);
    left: 0;
}

.HistoryListTitle{
	position:relative;
	padding-left:5rem;
}

.HistoryListTitle:before{
	content:"";
	width:1.375rem;
	height:1.75rem;
	background-color:#fff;
	position:absolute;
	top: 1rem;
    left: -1rem;
	z-index:1;
}

.HistoryList-item:first-child .HistoryListTitle:before{
	height: 2.375rem;
	top: 0.5rem;
}

.HistoryList-item.HistoryItem{
	position:relative;
	margin-top:6em;
}

.HistoryList-item[id*="history"]:before{
	content: "";
    display: block;
    height: 5rem;
   /* margin: -150px 0 0;*/
    visibility: hidden;
    pointer-events: none;
	position:absolute;
	top:-5rem;
	width:100%;
}

.HistoryListPs{
	display: block;
	height: 5rem;
	visibility: hidden;
	pointer-events: none;
	position:absolute;
	top:-5rem;
	width:100%;
}

.post-1383 .HistoryList{
	margin-bottom:14rem;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.HistoryList:before{
		left: 2px;
	}
	
	.HistoryList-text{
		font-size:2.2rem;
		line-height:1.8em;
	}
	
	.HistoryListContItem-month{
		font-size:1.3rem;
	}
	
	.HistoryListTitle{
		width:30%;
		padding-left: 3rem;
	}
	
	.HistoryListCont{
		width:70%;
	}
	
	.HistorySubTab .BoxTab.is-Fixed .BoxTab-list{
		max-width: 100%;
		padding:0 calc(2rem - 0.625rem);
		position: relative;
		left: 0;
		transform: translateX(0);
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.HistoryList:before{
		left: 2px;
	}
	
	.HistoryList-item[id*="history"]:before{
		content: "";
		display: block;
		height: 120px;
		margin: -120px 0 0;
		visibility: hidden;
		pointer-events: none;
	}
	
	.HistoryList-text{
		font-size:2rem;
	}
	
	.HistoryListContItem-month{
		font-size:1.2rem;
	}
	
	.HistoryListTitle{
		width:35%;
		padding-left: 2rem;
	}
	
	.HistoryListCont{
		width:75%;
		padding-left: 2.5rem;
	}
	
	.HistorySubTab .BoxTab{
		overflow:visible;
	}
	
	.HistorySubTab  .BoxTab-link{
		padding-left:0;
		padding-right:0;
		font-size:0.875rem;
	}
	
	.post-1383 .HistoryList{
		margin-bottom: 4rem;
	}
	
	.HistorySubTab .BoxTab.is-Fixed .BoxTab-list{
		max-width: 100%;
		padding:0 calc(1.5rem - 0.625rem);
		position: relative;
		left: 0;
		transform: translateX(0);
	}
	
	.HistoryListCont-item:first-child{
		padding-top:0.5rem;
	}
	
	.HistoryListTitle:after{
		top: 0.7rem;
	}
	
	.HistoryListTitle:before{
		height: 2rem;
		top: 0.1rem;
	}
	
	.HistoryList-item:first-child .HistoryListTitle:before{
		top:0.7rem;
		height: 1.375rem;
	}
}

/*=========================================================
  로고마크
=========================================================*/
.CiText-eng{
	font-size:1rem;
	line-height:1.2em;
	color:#722EA5;
	margin-top:1.313rem;
}

.CiRow-inner{
	display:flex;
	flex-wrap:wrap;
	margin:-1.25rem -0.625rem;
}

.CiRow-item{
	width:50%;
	padding:1.25rem 0.625rem;
}

.ci-Logo .CiRow-item:first-child{
	width:51%;
}

.ci-Logo .CiRow-item:last-child{
	width:49%;
}

.CiRowThumb{
	line-height:0;
}

.CiRowThumb-inner{
	padding-left:4.5rem;
}

.CiRowMeta{
	margin-top:2.125rem;
}

.CiRowMeta-inner{
	display:flex;
	flex-wrap:wrap;
	margin:-0.625rem -0.625rem;
}

.CiRowMeta-item{
	width:50%;
	padding:0.625rem 0.625rem;
	font-size:0;
	line-height:0;
}

.CiRowMeta-item .InlineDownload{
	width:100%;
	text-align:center;
	border:solid 2px #000;
}

.CiRowMeta-item .InlineDownload-text{
	font-size:1rem;
	display:inline-block;
}

.CiSub-title{
	font-size:1.125rem;
	line-height:1.2em;
	color:#000;
	font-weight:600;
	margin-bottom:0.625rem;
}

.CiRow-item .TextBullet-bullet{
	line-height:1.8em;
}

.CiRow-item .TextBullet-txt{
	line-height:1.8em;
}

/*hover*/
@media screen and (min-width: 1025px) {
	.CiRowMeta-item .InlineDownload:hover{
		border-color:#722EA5;
	}
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.CiRowMeta-item .InlineDownload{
		padding-left:0;
		padding-right:0;
	}
	
	.CiRowMeta-item .InlineDownload-text{
		font-size:0.93rem;
	}
	
	.CiText-eng{
		margin-top:0.9rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.CiRowMeta-item .InlineDownload{
		padding-left:0;
		padding-right:0;
	}
	
	.CiRowMeta-item .InlineDownload-text{
		font-size:0.93rem;
	}
	
	.CiRow-item{
		width:100% !important;
	}
	
	.CiText-eng{
		margin-top:0.9rem;
	}
}

/*=========================================================
	온라인 패키지
=========================================================*/
.Online .ImageSlideItemBg:after{
	display:none;
}

.OnlinePkThumb{
	line-height:0;
	border:solid 1px #CCCCCC;
}

.OnlinePkTitle{
	font-size:1.5rem;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
}

.OlPackageScHead{
	position:relative;
}

.OlPackageScTab{
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.OlPackageScTab-list{
	font-size:0;
	line-height:0;
}

.OlPackageScTab-item{
	display:inline-block;
	margin-right:1.25rem;
}

.OlPackageScTab-item:last-child{
	margin-right:0;
}

.OlPackageScTab-link{
	font-size:1rem;
	line-height:1.2em;
	color:#000;
	font-weight:600;
	padding:0.625rem 1.25rem;
	border-radius:100px 100px;
	border:solid 2px #000;
	display:block;
}

.is-Current .OlPackageScTab-link{
	border-color:#722EA5;
	color:#fff;
	background-color:#722EA5;
}

.ImageSlide.Online{
	border:solid 1px #CCCCCC;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.OnlinePkTitle{
		font-size:1.3rem;
	}
	
	.OlPackageScTab-link{
		font-size:0.93rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.OnlinePkTitle{
		font-size:1.2rem;
	}
	
	.OlPackageScTab-link{
		font-size:0.93rem;
		padding: 0.625rem 0.75rem;
	}
	
	.OnlinePkThumb{
		margin-left:-2rem;
		margin-right:-2rem;
	}
	
	.OlPackageScTab{
		position:static;
		transform:translateY(0);
		margin-top:1.5rem;
	}
	
	.OlPackageScTab-item{
		margin-right:0.75rem;
	}
}

@media screen and (max-width:419px) and (min-width:1px){
	.OnlinePkThumb{
		margin-left:-1.5rem;
		margin-right:-1.5rem;
	}
}

/*=========================================================
	사이트맵
=========================================================*/
.SiteMapNavi .menu-wrapper{
	margin:-2.5rem -1.438rem;
	display:flex;
	flex-wrap:wrap;
}

.SiteMapNavi .menu-wrapper > li{
	padding:2.5rem 1.438rem;
	width:25%;
}

.SiteMapNavi .menu-wrapper > li:last-child.is-Blank{
	display:none;
}

.SiteMapNavi .menu-wrapper > li > a{
	font-size:1.5rem;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
	display:block;
	margin-bottom:1.15rem;
	padding-bottom:1.25rem;
	border-bottom:solid 2px #000;
}


.SiteMapNavi .menu-wrapper > li .sub-menu .sub-menu {
	display:none !important;
}

.SiteMapNavi .menu-wrapper > li .sub-menu li{
	margin-top:1.15rem;
	font-size:0;
	line-height:0;
}

.SiteMapNavi .menu-wrapper > li .sub-menu li:first-child{
	margin-top:0;
}

.SiteMapNavi .menu-wrapper > li .sub-menu li a{
	font-size:1.125rem;
	line-height:1.5em;
	color:#666666;
	display:inline-block;
}

.SiteMapNavi .sub-menu .targetLink a{
	padding-right: 1.5rem;
	position:relative;
}

.SiteMapNavi .sub-menu .targetLink a:after{
	content: "";
	display:block;
    width: 1rem;
    height: 1rem;
    background-image: url(../../images/icon/ico_sitemap_arrow.svg);
    background-size: 1rem 1rem;
    position: absolute;
    top: 50%;
    right: 0;
	margin-top:-1px;
	transform:translateY(-50%);
	background-color:unset;
	opacity:1;
	left:auto;
	bottom:auto;
}

.SiteMapNavi .sub-menu{
	padding-left:0;
}

/* hover */
@media screen and (min-width:1025px){
	.SiteMapNavi .menu-wrapper > li .sub-menu li a:hover{
		text-decoration:underline;
	}
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.SiteMapNavi .menu-wrapper > li{
		width:33.333%;
	}
	
	.SiteMapNavi .menu-wrapper > li > a{
		font-size:1.4rem;
	}
	
	.SiteMapNavi .menu-wrapper > li .sub-menu li a{
		font-size:1rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.SiteMapNavi .menu-wrapper > li{
		width:50%;
	}
	
	.SiteMapNavi .menu-wrapper > li > a{
		font-size:1.3rem;
	}
	
	.SiteMapNavi .menu-wrapper > li .sub-menu li a{
		font-size:1rem;
	}
	
	.SiteMapNavi .menu-wrapper > li > a{
		margin-top:0.93rem;
	}
}

/*=========================================================
  폼 개인정보처리방침
=========================================================*/
.ContactBox-cont .NoticeBoxText .BoxTitle,
.PopupBox .NoticeBoxText .BoxTitle{
	font-size:1rem;
}

.ContactBox-cont .NoticeBoxText .TextBullet-bullet,
.PopupBox .NoticeBoxText .TextBullet-bullet{
	font-size:0.875rem;
}

.ContactBox-cont .NoticeBoxText .TextBullet-txt,
.PopupBox .NoticeBoxText .TextBullet-txt{
	font-size:0.875rem;
}

.ContactBox-cont .NoticeBoxText .ColorTable-tbl th,
.PopupBox .NoticeBoxText .ColorTable-tbl th,
.ContactBox-cont .NoticeBoxText .ColorTable-tbl td,
.PopupBox .NoticeBoxText .ColorTable-tbl td{
	font-size:0.75rem;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.ContactBox-cont .NoticeBoxText .BoxTitle,
	.PopupBox .NoticeBoxText .BoxTitle{
		font-size:0.875rem;
	}

	.ContactBox-cont .NoticeBoxText .TextBullet-bullet,
	.PopupBox .NoticeBoxText .TextBullet-bullet{
		font-size:0.75rem;
	}

	.ContactBox-cont .NoticeBoxText .TextBullet-txt,
	.PopupBox .NoticeBoxText .TextBullet-txt{
		font-size:0.75rem;
	}

	.ContactBox-cont .NoticeBoxText .ColorTable-tbl th,
	.PopupBox .NoticeBoxText .ColorTable-tbl th,
	.ContactBox-cont .NoticeBoxText .ColorTable-tbl td,
	.PopupBox .NoticeBoxText .ColorTable-tbl td{
		font-size:0.65rem;
	}
}

/*=========================================================
	광고리스트 타이틀
=========================================================*/
@media screen and (max-width:747px) and (min-width:1px){
	.page-advertising-package .BigStPs-title{
		font-size:1.75rem;
	}
	
	.page-advertising-goods .BigStPs-title{
		font-size:1.75rem;
	}
}

#package.AdvertiseBox-item:before{
	content: "";
    display: block;
    height: 4.5rem;
    margin: -4.5rem 0 0;
    visibility: hidden;
    pointer-events: none;
}

/*=========================================================
	이벤트 솔루션 > 광고 > 문의하기 폼 관심광고상품 checkbox
=========================================================*/
/* 매체소개서 */
.page-template-page-media-download .advertise .ChkboxList-item:last-child{
	display:none;
}

.page-template-page-media-download .advertise .ChkboxList-item:nth-child(4n+1){
	clear:none;
}

.page-template-page-media-download .advertise .ChkboxList-item:nth-child(5),
.page-template-page-media-download .advertise .ChkboxList-item:nth-child(9){
	clear:both;
}

/* 광고견적문의 */
.page-template-page-contact-brochure .advertise .ChkboxList-item{
	display:none;
}

.page-template-page-contact-brochure .advertise .ChkboxList-item:nth-child(1),
.page-template-page-contact-brochure .advertise .ChkboxList-item:nth-child(2),
.page-template-page-contact-brochure .advertise .ChkboxList-item:nth-child(3),
.page-template-page-contact-brochure .advertise .ChkboxList-item:last-child{
	display:block;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.page-template-page-media-download .ChkboxList-item:nth-child(5),
	.page-template-page-media-download .ChkboxList-item:nth-child(9){
		clear:none;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.page-template-page-media-download .ChkboxList-item:nth-child(5),
	.page-template-page-media-download .ChkboxList-item:nth-child(9){
		clear:none;
	}
}

/*=========================================================
	DropBtn 타이틀
=========================================================*/
.DropBtn .BtnWithTitleCnt-list{
	overflow:unset;
}

.DropBtn .PostDataItemBtnLink{
	overflow:hidden;
	padding:1.125rem 1.25rem;
	border-width:2px;
	z-index: 5;
}

.DropBtn .PostDataItemBtnLink-txt{
	font-size:1.125rem;
	font-weight:500;
	line-height: 1.2em;
}

.DropBtn .PostDataItemBtnLinkList{
	margin-top:-2px;
	border-width:2px;
}

.DropBtn .PostDataItemBtnLink:after {
    content: "";
    background-color: #722EA5;
    position: absolute;
    bottom: -1rem;
    left: 0;
    right: -1rem;
    top: -1rem;
	z-index: -1;
    transform: scaleY(0);
    transition-property: transform;
    transition-duration: 0.3s;
    transform-origin: bottom;
}

.DropBtn .PostDataItemBtnLinkAb.is-Open .PostDataItemBtnLink{	
	background-color:#000;
}

.DropBtn .PostDataItemBtnLinkAb.is-Open .PostDataItemBtnLink-txt{	
	color:#fff;
}
	
.DropBtn .PostDataItemBtnLinkAb.is-Open .PostDataItemBtnLink-txt:after{
	background-image: url(../../images/icon/ico_download_white.svg);
}

/*hover*/
@media screen and (min-width: 1025px) {	
	.DropBtn .PostDataItemBtnLink:hover{
		border-color:#722EA5;
	}
	
	.DropBtn .PostDataItemBtnLink:hover:after{
		transform:scaleY(100%);
	}
	
	.DropBtn .PostDataItemBtnLink:hover .PostDataItemBtnLink-txt{
		color:#fff;
	}
	
	.DropBtn .PostDataItemBtnLink:hover .PostDataItemBtnLink-txt:after{
		background-image: url(../../images/icon/ico_download_white.svg);
	}
}

/*=========================================================
	ContactBanner
=========================================================*/
.ContactBanner{
	overflow:hidden;
	position:relative;
	height:23.125rem;
	margin-bottom:3.75rem;
	padding:3.75rem 0;
	background-color:#000;
}

.ContactBannerText:after{
	content:'';
	display:block;
	clear:both;
}

.ContactBannerText-tit{
	float:left;
	width:50%;
	color:#fff;
	font-size:2.5rem;
	font-weight:bold;
	line-height:1.4em;
}

.ContactBannerText-txt{
	float:left;
	width:50%;
	color:#fff;
	font-size:1rem;
	line-height:1.4em;
}

.type-One .ContactBannerText-tit{
	float:none;
	width:100%;
}

.type-One .ContactBannerText-txt{
	float:none;
	width:100%;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.ContactBanner{
		height:14.125rem;
		margin-bottom:1.75rem;
		padding:2rem 0;
	}

	.ContactBannerText-tit{
		float:none;
		width:100%;
		font-size:1.25rem;
	}

	.ContactBannerText-txt{
		float:none;
		width:100%;
		margin-top:1rem;
		font-size:1rem;
	}
}


/*=========================================================
	ImageTopBanner
=========================================================*/
.page-template-page-highlight .site{
	padding-top:0;
}

.ImageTopBanner{
	margin-bottom:2.5rem;
	position:relative;
	overflow:hidden;
}

.ImageTopBanner-inner{
	padding-top:5.625rem;
	position:relative;
	height:38.375rem;
}

.ImageTopBannerBg{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-size:cover;
	transform:scale(1.2);
	background-position:center center;
	animation-duration: 2.5s;
	animation-name: scaleZoomOut;
	animation-fill-mode: forwards;
}

.ContactBannerBg{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-size:cover;
	transform:scale(1.2);
	background-position:center center;
	animation-duration: 2.5s;
	animation-name: scaleZoomOut;
	animation-fill-mode: forwards;
}

.ContactBannerBg:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.45);
}

@keyframes scaleZoomOut {
  0% {
	transform:scale(1.2);
  }

  100% {
	transform:scale(1);
  }
}


.ImageTopBannerBg:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.3);
	z-index:1;
}

.ImageTopBanner .Breadcrumb-link{
	color:#fff;
}

.ImageTopBanner .Breadcrumb-item:after{
	background-image:url(../../images/icon/ico_breadcrumb_arrow_w.svg);
}

.PageBannerTitle{
	position:absolute;
	bottom:4.375rem;
	left:0;
	font-size:4.875rem;
	line-height:1.2em;
	color:#fff;
	font-weight:bold;
	z-index:5;
}

@media screen and (max-width:1024px) and (min-width:768px){
	.ImageTopBanner-inner{
		height:41rem;
	}
	
	.PageBannerTitle{
		font-size:3.1rem;
		bottom:3rem;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.ImageTopBanner-inner{
		height:34rem;
	}
	
	.PageBannerTitle{
		font-size:3.1rem;
		bottom:2rem;
	}
}

/*=========================================================
	PostInfomation
=========================================================*/
.PostInfomation-item{
	display:none;
}

.PostInfomation-item.is-Current{
	display:block;
}

/*=========================================================
	PageTitleFlex
=========================================================*/
.PageTitleFlex{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	margin-bottom: 3.5rem;
}

.PageTitleFlex .PageTitle{
	margin-bottom:0;
}

.PageTitleTab{
	overflow:hidden;
	background-color:#F8F8F8;
	border-radius:6.25rem 6.25rem;
}

.PageTitleTab-list{
	font-size:0;
	line-height:0;
}

.PageTitleTab-item{
	display:inline-block;
}

.PageTitleTab-link{
	overflow:hidden;
	display:block;
	padding:0.75rem 1.3125rem;	
	border-radius:6.25rem 6.25rem;
}

.PageTitleTab-txt{
	display:block;
	position:relative;
	padding-left:1.5rem;
	color:#000;
	font-size:1rem;
	font-weight:600;
	line-height:1.2em;
}

.PageTitleTab-txt:before{
	content:'';
	display:block;
	width:1.3125rem;
	height:1.3125rem;
	background-size:1.3125rem 1.3125rem;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);	
}

.PageTitleTab-txt.list:before{
	background-image:url(../../images/icon/ico_post_type_list_black.svg);
}

.PageTitleTab-txt.floor:before{
	background-image:url(../../images/icon/ico_post_type_floor_black.svg);
}

.PageTitleTab-item.is-Current .PageTitleTab-link{
	background-color:#000;
}

.PageTitleTab-item.is-Current .PageTitleTab-txt{
	color:#fff;
}

.PageTitleTab-item.is-Current .PageTitleTab-txt.list:before{
	background-image:url(../../images/icon/ico_post_type_list.svg);
}

.PageTitleTab-item.is-Current .PageTitleTab-txt.floor:before{
	background-image:url(../../images/icon/ico_post_type_floor.svg);
}

@media screen and (max-width:747px) and (min-width:1px){
	.PageTitleTab{
		margin-top:2rem;
	}
}


/*=========================================================
	AbroadTop
=========================================================*/
.AbroadTop{
	margin-bottom:6.75rem
}

.AbroadTopText-sub{
	margin-bottom:1rem;
	color:#4B2564;
	font-size: 1.75rem;
	line-height:1.2em;
}

.AbroadTopText-tit{
	font-size: 3.375rem;
	font-weight:bold;
	line-height:1.2em;
}

.AbroadTopText-txt{
	margin-top: 2.375rem;
	font-size: 2rem;
	line-height:1.4em;
}

@media screen and (max-width:1024px) and (min-width:768px){
	.AbroadTopText-sub{
		font-size:1.5rem;
	}
	
	.AbroadTopText-tit{
		font-size:1.75rem;
	}
	
	.AbroadTopText-txt{
		font-size:1.25rem;
		margin-top: 1.375rem;
	}

}

@media screen and (max-width:767px) and (min-width:1px){
	.AbroadTopText-sub{
		font-size:1.2rem;
	}
	
	.AbroadTopText-tit{
		font-size:1.466rem;
		line-height:1.4em;
	}
	
	.AbroadTopText-txt{
		margin-top:1.25rem;
		font-size:0.93rem;
	}
}

/*=========================================================
	AboutVina
=========================================================*/
.AboutVina{
	display:table;
	width:100%;	
	padding:3.4375rem 2.5rem 3.625rem 4.875rem;
	background-color:#F7F7F7;	
}

.AboutVinaLogo{
	display:table-cell;
	width:13rem;
	vertical-align:middle;
}

.AboutVinaText{
	display:table-cell;
	padding-left:4.3125rem;
	padding-right:5.3125rem;
	vertical-align:middle;
}

.AboutVinaText-tit{
	font-size:1.75rem;
	font-weight:bold;
	line-height:1.2em;
}

.AboutVinaText-txt{
	margin-top:1rem;
	font-size: 0.875rem;
	line-height:1.7em;
}

.AboutVinaBtn{
	display:table-cell;
	width:10.9375rem;
	vertical-align:middle;
}

.AboutVinaBtn .ArrowTargetLink{
	display:block;
	width:100%;
	background-color:#fff;
	text-align:center;
}

.AboutVinaBtn .ArrowTargetLink-text{
	display:inline-block;
}

@media screen and (max-width:1024px) and (min-width:768px){
	.AboutVina{
		padding: 2.4375rem 1.5rem 2.625rem 2rem;
	}
	
	.AboutVinaLogo{
		width:9rem;
	}
}

@media screen and (max-width:1023px) and (min-width:768px){
	.AboutVina {
		position:relative;
		padding-bottom: 8rem;
	}
	
	.AboutVinaText{
		padding-left: 2.3125rem;
		padding-right: 2.3125rem;
	}
	
	.AboutVinaBtn{
		position: absolute;
		bottom: 3rem;
		left: 13.3125rem;
	}
}


@media screen and (max-width:767px) and (min-width:1px){
	.AboutVina {
		display:block;
		padding: 2.4375rem 1.5rem 2.625rem;
	}
	
	.AboutVinaLogo{
		display:block;	
		width: 9rem;
		margin: 0 auto;
		margin-bottom:1.5rem;
	}
	
	.AboutVinaText{
		display:block;		
		padding:0;
	}
	
	.AboutVinaText-tit{
		font-size:1.2rem;
	}
	
	.AboutVinaText-txt{
		font-size:0.93rem;
	}
	
	.AboutVinaBtn{
		display:block;	
		margin-top:1rem;
	}
	
	.AboutVinaBtn .ArrowTargetLink-text{
		font-size:1rem;
	}
	
	.AboutVinaBtn .ArrowTargetLink-text:after{
		width: 1.25rem;
		height: 1.25rem;
		background-size: 1.25rem 1.25rem;
	}
}

/*=========================================================
	BasicTooltip
=========================================================*/
.BasicTooltip .TargetAlertText-text{
	padding-left:0;
}

.BasicTooltip .TargetAlertText-text:before{
	display:none;
}

.PageAbout .DfStPost-item{
	width:50%;
}

@media screen and (max-width:767px) and (min-width:1px){
	.PageAbout .DfStPost-item{
		width:100%;
	}	
}

/*=========================================================
	Map no Popup
=========================================================*/
@media screen and (max-width: 747px) and (min-width: 1px) {
	.MapPageList{
		position:relative;
		margin-bottom:1.5rem;
		margin-top:-1.5rem;
		z-index:1;
	}
	
	.MapPageList-link{
		display:none !important;
	}
	
	.MobileOpenBx{
		display:block !important;
		height:auto !important;
		overflow:hidden;
		padding:0;
	}
	
	.MapPageListSubCnt-item.hidden{
		height:0;
	}
	
	.MapPageListBxTitle-link{
		padding:0.4rem 3rem 0.4rem 1rem;
		font-size:1rem;
	}
	
	.is-Current.MapPageList-item .MapPageListBxTitle-link:after{
		display:none !important;
	}
	
	.is-Current.MapPageList-item .MapPageListBxTitle-link{
		background-color:transparent;
		color:#000;
	}
	
	.page-template-page-parking-info .MapPageList{
		margin-top:0;
	}
}

/*=========================================================
  오시는길 탭 모바일
=========================================================*/
@media screen and (max-width: 747px) and (min-width: 1px) {
	.MapPageList-list{
		display:flex;
		flex-wrap:wrap;
		margin: -0.36rem -0.36rem;
	}
	
	.MapPageList-item{
		width:50%;
		padding: 0.36rem 0.36rem;
	}
	
	.MapPageListBxTitle-link{
		padding: 0.65rem 0.875rem;
		border: solid 1px #E6E6E6;
		height:100%;
		display:flex;
		width:100%;
		align-items:center;
	}
	
	.is-Current.MapPageList-item .MapPageListBxTitle-link{
		border-color:#000;
		border-width:2px;
	}
	
	.MapPageList-item{
		position:relative;
	}
	
	.MapPageList-title.sub + .MapPageList-list .MapPageList-item{
		width:100%;
	}
	
	.MapPageList-title.sub + .MapPageList-list .MapPageList-item.is-Current .MapPageListBxTitle-link{
		height:auto;
	}
}

/*=========================================================
	행사 상세 썸네일 컨텐츠
=========================================================*/
.EventDetailAb{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:5;
}

.EventDetailAb-inner{
	height:100%;
	position:relative;
}

.EventDetailAbTitle{
	top:2rem;
	left:2rem;
	right:2rem;
	position:absolute;
}

.EventDetailAb .MainEventItemCont-tit{
	margin-bottom:0;
	color:#fff;
	-webkit-line-clamp: 4;
	height:6.4em;
}

.EventDetailAb .MainEventItemCont-cate{
	color:#fff;
}

.EventDetailAb .MainEventItemCont-cate:before{
	background-color:#fff;
}

.EventDetailAbMeta{
	bottom:2rem;
	left:2rem;
	right:2rem;
	position:absolute;
}

.EventDetailAb .MainEventItemCont-date{
	color:#fff;
}

.EventDetailAb .MainEventItemCont-place{
	color:#fff;
	font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.2em;
	margin-top:0.5rem;
}

@media screen and (max-width: 1024px) and (min-width: 748px) {
	.EventDetailAbTitle{
		top:1.25rem;
		left:1.25rem;
		right:1.25rem;
	}
	
	.EventDetailAbMeta{
		bottom:1.25rem;
		left:1.25rem;
		right:1.25rem;
	}
	
	.EventDetailAb .MainEventItemCont-place{
		font-size:0.875rem;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.EventDetailAbTitle{
		top:1.5rem;
		left:1.5rem;
		right:1.5rem;
	}
	
	.EventDetailAbMeta{
		bottom:1.5rem;
		left:1.5rem;
		right:1.5rem;
	}
	
	.EventDetailAb .MainEventItemCont-place{
		font-size:0.875rem;
	}

	.EventDetailAb .MainEventItemCont-tit{
		height:5.6em;
	}
}

/*=========================================================
	행사 상세 썸네일 컨텐츠
=========================================================*/
body.search  #EX_FOOTER_MORE_BTN{
	margin-top:2rem;
	text-align:center;
}

body.search #EX_FOOTER_MORE_BTN .SearchSecHead-link{
	display: inline-block;
    width: 10.9375rem;
    padding: 1.125rem 0.625rem;
    border: 2px solid #000;
    position: relative;
}

body.search #EX_FOOTER_MORE_BTN .SearchSecHead-link:after{
	display:none;
}

/* hover */
@media screen and (min-width:1025px){
	body.search #EX_FOOTER_MORE_BTN .SearchSecHead-link:hover{
		background-color:#000;
		color:#fff;
		text-decoration:underline;
	}
}

body.search  #POST_FOOTER_MORE_BTN{
	margin-top:2rem;
	text-align:center;
}

body.search #POST_FOOTER_MORE_BTN .SearchSecHead-link{
	display: inline-block;
    width: 10.9375rem;
    padding: 1.125rem 0.625rem;
    border: 2px solid #000;
    position: relative;
}

body.search #POST_FOOTER_MORE_BTN .SearchSecHead-link:after{
	display:none;
}

/* hover */
@media screen and (min-width:1025px){
	body.search #POST_FOOTER_MORE_BTN .SearchSecHead-link:hover{
		background-color:#000;
		color:#fff;
		text-decoration:none;
	}
}


/*=========================================================
	광고 문의하기
=========================================================*/
@media screen and (min-width:748px){
	.AdvertisingType .BtnWithTitleCnt{
		flex:1;
		padding-left:5rem;
	}
}