@charset "UTF-8";
/*=========================================================
	Layout
=========================================================*/
.site{
	padding-top:4.138rem;
}

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

@media screen and (max-width:747px) and (min-width:1px){
	.site{
		padding-top:3.8rem;
	}
}

/*=========================================================
	a-TransText
=========================================================*/
.a-TransText{
	overflow:hidden;
}

.a-TransText span{
    transition-property: transform;
	transition-duration: 0.5s;
    transform: translateY(104%);
	display:block;
}

/*animation*/
.a-TransText.is-View span{
	transform: translateY(0);
}

/*=========================================================
	a-TransUp
=========================================================*/
.a-TransUp{
	opacity: 0;
    transform: translateY(4rem);
    transition-property: opacity, transform;
    transition-timing-function: linear;
    transition-duration: .5s;
}

.a-TransUp.is-View{
	opacity: 1;
    transform: translateY(0);
}

/*=========================================================
	a-BgParallax
=========================================================*/
.a-BgParallax{
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:160%;
	background-size:cover;
	background-position:center center;
}

/*=========================================================
  Cursor
=========================================================*/
/*body *{
	cursor: none !important;
}*/

.custom-cursor {
  position: fixed;
  opacity: 0;
  pointer-events: none;
  width: 7.875rem;
  height: 7.875rem;
  border-radius: 50%;
  background-color: #fff;
  transition: transform 0.15s ease;
  transform: translate(-50%, -50%) scale(0.1);
  box-shadow: 0 0 0 transparent, 0 0 12.5rem transparent;
  mix-blend-mode: difference;
  z-index: 5000;
}

body .is-Cursor {
  transform: translate(-50%, -50%) scale(1);
   mix-blend-mode: unset;
   background-color: #000;
}

.customCursor-view{
	font-size:1.125rem;
	line-height:1.2em;
	color:#fff;
	font-weight:500;
	font-family: 'Poppins';
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	opacity:0;
	visibility:hidden;
}

body .is-Cursor.is-View .customCursor-view{
	opacity:1;
	visibility:visible;
}

@media screen and (max-width:1024px) and (min-width:1px){
	.custom-cursor {
		display:none !important;
	}
}



/*=========================================================
	Hero
=========================================================*/
.HeroFlex{
	padding-top:4.188rem;
}

.HeroSlide-link{
	display:flex;
	width:100%;
	position:relative;
}

.HeroSlideText{
	order:1;
	width:calc(100% - 35.313rem);
	position:relative;
}

.HeroSlideThumb{
	order:2;
	width:35.313rem;
	position:relative;
}

.HeroSlideThumb-item{
	line-height:0;
	padding-right: 1px;
    position: relative;
    right: -1px;
}

.HeroSlideThumbItem{
	position:relative;
	width:100%;
	display:block;
}

.HeroSlideThumbItem[href="#;"]{
	pointer-events:none;
}

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

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

.HeroSlideThumbCategory{
	position:absolute;
	top:0;
	right:-5.9rem;
	height:100%;
	pointer-events:none;
}

.HeroSlideThumbCategory-text{
    text-orientation: mixed;
	transform:rotate(270deg);
	transform-origin:right bottom;
	font-size:1.625rem;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	font-family: 'Poppins';
	margin-right:0.9rem;
	text-transform:uppercase;
	position: relative;
    top: -2rem;
}

.HeroSlideThumbCategory:after{
	content:"";
	width:3.25rem;
	height:11.625rem;
	background-image:url(../../images/icon/ico_hero_barcode.svg);
	background-size:3.25rem 11.625rem;
	position:absolute;
	bottom:0;
	right:0;
}

.HeroSlideThumb-pagination{
	position:absolute;
	bottom:-1.938rem;
	left:0;
	right:0;
	text-align:center;
	font-size:0;
	line-height:0;
}

.swiper-pagination-bullet{
	display:inline-block;
	width:0.688rem;
	height:0.688rem;
	border-radius:100%;
	background-color:#E8E8E8;
	margin:0 0.313rem;
}

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

.HeroSlideText-sub{
	font-size:1.688rem;
	line-height:1.4em;
	color:#42C1C7;
	font-family: 'Poppins';
	font-weight:600;
	margin-bottom:3.75rem;
}

.HeroSlideText-txt{
	margin-bottom:1.25rem;
	font-size:1.875rem;
	font-weight:600;
	line-height:1.4em;
}

.HeroSlideTextTitle{
	overflow:hidden;
	width:50rem;
}

.HeroSlideTextTitle-text{
	font-size:4rem;
	line-height:1.3em;
	color:#000;
	font-weight:600;
    transition-property: transform;
	transition-duration: 0s;
    transform: translateY(104%);
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    max-height: 3.7em;
    overflow: hidden;
    text-overflow: ellipsis;
	display:block;
	width:100%;
}

.HeroSlideTextTitle-text[href="#;"]{
	pointer-events:none;
}

/*animation*/
.is-SlideView .HeroSlideTextTitle-text{
	transform: translateY(0);
	transition-duration: 0.5s;
}

.HeroSlideTextInfo{
	position:absolute;
	bottom:0;
	left:0;
	width:40rem;
}

.HeroSlideTextInfo-date{
	font-size:1.625rem;
	line-height:1.4em;
	color:#000;
	font-weight:500;
	font-family: 'Poppins', 'Pretendard', Helvetica, "Apple SD Gothic Neo",Dotum, 돋움, sans-serif;
}


.HeroSlideTextInfo-text{
	font-size:1.625rem;
	line-height:1.4em;
	color:#000;
	font-weight:500;
	font-family: 'Poppins', 'Pretendard', Helvetica, "Apple SD Gothic Neo",Dotum, 돋움, sans-serif;
}

.HeroSlideTextInfo-location{
	font-size:1.625rem;
	line-height:1.4em;
	color:#000;
	font-weight:500;
	margin-top:0.188rem;
}

.HeroSlideText-arrow{
	width:14.125rem;
	height:12.688rem;
	background-image:url(../../images/icon/ico_hero_arrow.svg);
	background-size:14.125rem 12.688rem;
	position:absolute;
	right:2.8rem;
	bottom:0.5rem;
	display:block;
}

.HeroSlideThumbPs{
	position:relative;
}

@media screen and (max-width:1280px) and (min-width:1025px){
	.HeroSlideThumbCategory{
		right:-4rem;
	}
	
	.HeroSlideThumbCategory-text{
		margin-right:1.3rem;
	}
}

@media screen and (max-width:1024px) and (min-width:748px){
	.HeroFlex{
		padding:0;
	}
	
	.HeroFlex .site-container{
		padding:0;
	}
	
	.HeroSlide-link{
		display:block;
		padding-bottom: 2rem;
	}
	
	.HeroSlideThumb{
		width:100%;
		margin-bottom:2rem;
		position:static;
	}
	
	.HeroSlideThumb-item{
		padding-right: 0;
		right: 0;
	}
	
	.HeroSlideThumbPs{
		/* padding-right:5rem; */
	}
	
	.HeroSlideThumbCategory{
		padding-top:2rem;
		right:0;
	}
	
	.HeroSlideText{
		width:100%;
		padding:0 9rem 0 2rem;
	}
	
	.HeroSlideText-sub{
		margin-bottom: 1.5rem;
		font-size:1.3rem;
	}
	
	.HeroSlideTextTitle-text{
		font-size:2.6rem;
		-webkit-line-clamp: 2;
		max-height: 2.6em;
		height: 2.6em;
	}
	
	.HeroSlideTextTitle{
		width:100%;
	}
	
	.HeroSlideTextInfo{
		width:100%;
		position:static;
		margin-top:2rem;
	}
	
	.HeroSlideTextInfo-date{
		font-size:1.2rem;
	}
	
	.HeroSlideTextInfo-location{
		font-size:1.2rem;
	}
	
	.HeroSlideTextInfo-text{
		font-size:1.2rem;
	}
	
	.HeroSlideText-arrow{
		right:-2rem;
		width: 11rem;
		height: 8rem;
		background-size:11rem 8rem;
	}
	
	.HeroSlideThumb-pagination{
		bottom:0;
	}
	
	.HeroSlideThumbItem:after{
		padding-bottom: 94%;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.HeroFlex{
		padding:0;
	}
	
	.HeroFlex .site-container{
		padding:0;
	}
	
	.HeroSlide-link{
		display:block;
		/* padding-bottom: 3rem; */
	}
	
	.HeroSlideThumb{
		width:100%;
		margin-bottom:1.5rem;
		position:static;
	}
	
	.HeroSlideThumb-item{
		padding-right: 0;
		right: 0;
	}
		
	.HeroSlideThumbCategory-text{
		font-size:1.2rem;
		margin-right:0.4rem;
	}
	
	.HeroSlideThumbCategory{
		padding-top:1.5rem;
		right:0;
	}
	
	.HeroSlideThumbCategory:after{
		width: 1.62rem;
		height: 5.812rem;
		background-size: 1.62rem 5.812rem;
	}
	
	.HeroSlideText{
		width:100%;
		padding:0 5rem 0 1.5rem;
	}
	
	.HeroSlideText-sub{
		margin-bottom: 1.5rem;
		font-size:1.1rem;
	}
	
	.HeroSlideTextInfo-text{
		font-size:1.1rem;
	}
	
	.HeroSlideText-txt{
		font-size:1.1rem;
	}
	
	.HeroSlideTextTitle-text{
		font-size:2rem;
		-webkit-line-clamp: 2;
		max-height: 2.6em;
		height: 2.6em;
	}
	
	.HeroSlideTextTitle{
		width:100%;
	}
	
	.HeroSlideTextInfo{
		width:100%;
		position:static;
		margin-top:2rem;
	}
	
	.HeroSlideTextInfo-date{
		font-size:0.875rem;
	}
	
	.HeroSlideTextInfo-location{
		font-size:0.875rem;
	}
	
	.HeroSlideText-arrow{
		right:-2rem;
		width: 8rem;
		height: 5rem;
		background-size:8rem 5rem;
	}
	
	.HeroSlideThumb-pagination{
		/* bottom:0; */
	}
	
	.HeroSlideThumbItem:after{
		padding-bottom: 100%;
	}
}


/*=========================================================
	HeroQuick
=========================================================*/
.HeroQuick{
	margin-top:4rem;
	background-color:#000;
	transition-duration: .34s !important;
	z-index:10;
}

.HeroQuick-list{
	overflow:hidden;
}

.HeroQuick-item{
	width:33.333%;
	float:left;
	border-right:solid 1px rgba(255,255,255,0.3);
}

.Hero .HeroQuick-item:nth-child(1){
	display:none;
}

.HeroQuick-item:last-child{
	border-right:none;
}

.HeroQuick-link{
	display:block;
	position:relative;
}

.HeroQuick-link:after{
	content:"";
	display:block;
	padding-bottom:9.688rem;
}

.HeroQuick-title{
	font-size:1.125rem;
	line-height:1.3em;
	color:#fff;
	font-weight:500;	
	position:absolute;
	top:1.5rem;
	left:1.875rem;
	padding-right: 1.3rem;
}

.HeroQuick-title:after{
	content:"";
	position:absolute;
	top:50%;
	right:0.4rem;
	transform:translateY(-50%);
	background-image: url(../../images/icon/ico_hero_prev.svg);
	width:0.5rem;
	height:1rem;
	background-size:0.5rem 1rem;
	opacity:0;
	transition-property: right;
    transition-duration: 0.4s;
}

.HeroQuick-link:before{
	content:"";
	position:absolute;
	bottom:1.5rem;
	right:1.5rem;
}

.HeroQuick-item:nth-child(1) .HeroQuick-title:after{
	display:none;
}

.HeroQuick-item:nth-child(1) .HeroQuick-txt{
	position:relative;
	padding-right: 1.3rem;
}

.HeroQuick-item:nth-child(1) .HeroQuick-txt:after{
	content:"";
	position:absolute;
	top:50%;
	right:0.4rem;
	transform:translateY(-50%);
	background-image: url(../../images/icon/ico_hero_prev.svg);
	width:0.5rem;
	height:1rem;
	background-size:0.5rem 1rem;
	opacity:0;
	transition-property: right;
    transition-duration: 0.4s;
}

/*icon*/
.HeroQuick-item:nth-child(1) .HeroQuick-link:before{    
    width: 4.5rem;
    height: 4.5rem;
    background-image: url(../../images/icon/ico_HeroQuick_targetarrow.svg);
    background-size: 4.5rem 4.5rem;
}

.HeroQuick-item:nth-child(2) .HeroQuick-link:before{
	width: 3.6875rem;
    height: 5rem;
	background-image:url(../../images/icon/ico_guide_2_white.svg);
	background-size:3.6875rem 5rem;
}

.HeroQuick-item:nth-child(3) .HeroQuick-link:before{
	width:4.813rem;
	height:4.563rem;
	background-image:url(../../images/icon/biz-hero-ico2.svg);
	background-size:4.813rem 4.563rem;
}

.HeroQuick-item:nth-child(4) .HeroQuick-link:before{
	width: 5.625rem;
    height: 4.5rem;
	background-image:url(../../images/icon/ico_map_white.svg);
	background-size:5.625rem 4.5rem;
}

.HeroQuick-logo{
	display:block;
	height:1.9375rem;
	margin-bottom:3.175rem;
	line-height:0;
}

/* 마곡 컨벤션센터 */
.HeroQuick-link.magok{
	background-color:#383838;
}

.HeroQuick-link.magok .HeroQuick-title{
	font-size:1.125rem;
}

.HeroQuick-logo img{
	height:100%;
}


@media screen and (min-width:1025px){
	.HeroQuick-link:hover .HeroQuick-title:after{
		right:0;
		opacity:1;
	}		

	.HeroQuick-link:hover .HeroQuick-txt:after{
		right:0;
		opacity:1;
	}
}

@media screen and (max-width:1280px) and (min-width:1025px){
	.HeroQuick-item:nth-child(1) .HeroQuick-link:before {
		width: 3rem;
		height: 3rem;
		background-size: 3rem 3rem;
	}
}

@media screen and (max-width:1024px) and (min-width:748px){
	.HeroQuick {
		position:relative !important;
		transform:translateY(0) !important;
		transition-duration: 0s !important;
		z-index:5;
	}
	
	.HeroQuick-title{
		top:1.2rem;
		left:1.2rem;
		font-size:1rem;
	}
	
	.HeroQuick-link.magok .HeroQuick-title{
		font-size: 1rem;
	}
	
	.HeroQuick-link:before{
		bottom:1.2rem;
		right:0.875rem;
	}
	
	.HeroQuick-link:after{
		padding-bottom: 7.688rem;
	}
	
	.HeroQuick-logo{
		height:2.125rem;
		margin-bottom: 0.625rem;
	}
	
	/*icon*/
	.HeroQuick-item:nth-child(1) .HeroQuick-link:before{
		width: 2.4065rem;
		height: 2.4065rem;
		background-size: 2.4065rem 2.4065rem;
	}
	
	.HeroQuick-item:nth-child(2) .HeroQuick-link:before{
		width:1.844rem;
		height:2.25rem;
		background-size:1.844rem 2.25rem;
	}

	.HeroQuick-item:nth-child(3) .HeroQuick-link:before{
		width:2.4065rem;
		height:2.281rem;
		background-size:2.4065rem 2.281rem;
	}

	.HeroQuick-item:nth-child(4) .HeroQuick-link:before{
		width:2.219rem;
		height:2.375rem;
		background-size:2.219rem 2.375rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.HeroQuick {
		/* position:absolute !important; */
		width:100%;
		bottom:0;
		left:0;
		right:0;
		z-index:5;
	}
	
	.HeroQuick-title{
		top:1.1rem;
		left:1rem;
		font-size:0.875rem;
	}
	
	.HeroQuick-link:before{
		bottom:1.1rem;
		right:1rem;
	}
	
	.HeroQuick-link:after{
		padding-bottom: 7.4rem;
	}
	
	.HeroQuick-logo{
		height: 1.325rem;
		margin-bottom: 1.5rem;
	}
	
	.HeroQuick-link.magok .HeroQuick-title {
		font-size: 0.875rem;
	}
	
	.HeroQuick-item:nth-child(1) .HeroQuick-txt{
		padding-right:0;
	}
	
	/*icon*/
	.HeroQuick-item:nth-child(1) .HeroQuick-link:before{
		display:none;
	}
	
	.HeroQuick-item:nth-child(2) .HeroQuick-link:before{
		width:1.844rem;
		height:2.25rem;
		background-size:1.844rem 2.25rem;
	}

	.HeroQuick-item:nth-child(3) .HeroQuick-link:before{
		width:2.4065rem;
		height:2.281rem;
		background-size:2.4065rem 2.281rem;
	}

	.HeroQuick-item:nth-child(4) .HeroQuick-link:before{
		width:2.219rem;
		height:2.375rem;
		background-size:2.219rem 2.375rem;
	}
}

@media screen and (max-width: 1024px) and (min-width: 420px) {
	.HeroQuick-logo{
		margin-bottom: 1.5rem;
	}
}

/*=========================================================
	MainGuide
=========================================================*/
.MainGuide{
	margin-bottom:10.938rem;
}

.MdGuide{
	height:100%;
	background-color:#F8F8F8;
	padding:1.6875rem 2.125rem 2.1875rem;
	justify-content:space-between;
}

.MdGuideTitle{
	padding-bottom:1.625rem;
}

.MdGuideCont{
	padding-left:6.1875rem;
}

.MdGuideTitle-category{
	font-size:1rem;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	font-family: 'Poppins';
}

.MdGuide .MdGuideTitle-category{
	font-size:1.625rem;
}

.MdGuideTitleTitle-text{
	font-size:1.625rem;
	line-height:1.4em;
	color:#000;
	font-weight:500;
	font-family: 'Poppins';
}

.MdGuideList-list{
	overflow:hidden;
	margin:0 -0.75rem;
}

.MdGuideList-item{
	width:33.33%;
	float:left;
	padding:0 0.75rem;
}

.MdGuideList-link{
	display:block;
	border-bottom:solid 1px #000;
	position:relative;
	padding-bottom:0.438rem;
	text-align:right;
	font-size:0;
	line-height:0;
	padding-top:4.2rem;
}

.MdGuideList-link:before{
	content:"";
	position:absolute;
	top:0;
}

.MdGuideList-title{
	display:inline-block;
	font-size:1rem;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	transition-property: padding-right;
	transition-duration: 0.3s;
	position:relative;
}

.MdGuideList-title:after{
	content:"";
	width:0.313rem;
	height:0.688rem;
	background-image:url(../../images/icon/ico_text_arrow.svg);
	background-size:.313rem 0.688rem;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	transition-property: opacity;
	transition-duration: 0s;
	opacity:0;
}

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

.MainGuideFlex-item:after{
	content:'';
	display:block;
	clear:both;
}
.MainGuideFlex-item:first-child{
	width:38%;	
}

.MainGuideFlex-item:last-child{
	width:62%;	
}

.MdGuide{
	transition-property: opacity,transform;
	transition-duration: 0.5s;
	opacity:0;
	transform:translateY(5rem);
	transition-delay:0.2s;
}

.MdGuideInfo{
	float:left;
	width:55%;
	height:100%;
	background-color:#E5E5E5;
	padding: 1.6875rem 2.688rem 2.1875rem;
	position:relative;
	transition-property: opacity,transform;
	transition-duration: 0.5s;
	opacity:0;
	transform:translateY(5rem);
	display:block;
}

.is-View .MdGuide{
	opacity:1;
	transform:translateY(0);
}

.is-View .MdGuideInfo{
	opacity:1;
	transform:translateY(0);
}

.is-View .HeroQuick-link{
	opacity:1;
	transform:translateY(0);
}

.MdGuide .MdGuideTitleTitle-text{
	transition-delay:0.9s;
}

.MdGuideInfo .MdGuideTitleTitle-text{
	transition-delay:0.7s;
}

.MdGuideInfo:before{
	content:"";
	width:5.625rem;
	height:4.5rem;
	background-image:url(../../images/icon/ico_map_gray.svg);
	background-size:5.625rem 4.5rem;
	position:absolute;
	bottom:2.5rem;
	right:2.5rem;
}

.MdGuideInfo .MdGuideTitle{
	width:100%;
	padding-bottom:0;
	padding-right:0;
}

.MdGuideInfo .MdGuideTitle-category{
	position: absolute;
    bottom: 2.5rem;
    left: 2.688rem;
	font-family:'Pretendard','Poppins', Helvetica, "Apple SD Gothic Neo",Dotum, 돋움, sans-serif;
}

.MdGuideInfo .MdGuideTitleTitle-text {
	font-weight:bold;
	font-family:'Pretendard','Poppins', Helvetica, "Apple SD Gothic Neo",Dotum, 돋움, sans-serif;
}


@media screen and (min-width:1025px){
	.MdGuideList-link:hover .MdGuideList-title{
		padding-right:0.813rem;
	}
	
	.MdGuideList-link:hover .MdGuideList-title:after{
		opacity:1;
		transition-duration: 0.3s;
	}
}

/*icon*/
.ico-Parking .MdGuideList-link:before{
	width:3.9375rem;
	height:4.75rem;
	background-image:url(../../images/icon/ico_guide_1.svg);
	background-size:3.9375rem 4.75rem;
	left:0;
}

.ico-Directions .MdGuideList-link:before{
	width:3.6875rem;
	height:5rem;
	background-image:url(../../images/icon/ico_guide_2.svg);
	background-size:3.6875rem 5rem;
	left:-0.4rem;
}

.ico-Amenities .MdGuideList-link:before{
	width:5.125rem;
	height:4.9375rem;
	background-image:url(../../images/icon/ico_guide_3.svg);
	background-size:5.125rem 4.9375rem;
	left:0;
}

.ico-Indoormap .MdGuideList-link:before{
	width:4.25rem;
	height:4.5625rem;
	background-image:url(../../images/icon/ico_guide_4.svg);
	background-size:4.25rem 4.5625rem;
	left:0;
}

@media screen and (min-width:1025px){
	.HeroQuick-link:hover .HeroQuick-title:after{
		right:0;
		opacity:1;
	}		

	.HeroQuick-link:hover .HeroQuick-txt:after{
		right:0;
		opacity:1;
	}
}

@media screen and (max-width:1440px) and (min-width:1025px){
	.MdGuide{
		padding-left:2rem;
		padding-right:2rem;		
	}
	
	.MdGuideInfo{
		padding-left:2rem;
		padding-right:2rem;
	}
	
	.MdGuideInfo:before{
		width: 4.625rem;
		height: 3.5rem;
		background-size: 4.625rem 3.5rem;
		top:1.6875rem;
		right:2rem;
	}
	
	.MdGuideTitle{
		padding-bottom:0;
	}
	
	.MdGuideList-link{
		padding-top: 3rem;
	}
	
	.ico-Parking .MdGuideList-link:before{
		width: 2.9375rem;
		height: 3.75rem;
		background-size: 2.9375rem 3.75rem;
	}

	.ico-Directions .MdGuideList-link:before{
		width: 2.6875rem;
		height: 4rem;
		background-size: 2.6875rem 4rem;
		left:-0.2rem;
	}

	.ico-Amenities .MdGuideList-link:before{
		width: 3.5rem;
		height: 3.875rem;
		background-size: 3.5rem 3.875rem;
	}

	.ico-Indoormap .MdGuideList-link:before{
		width: 3.25rem;
		height: 3.5625rem;
		background-size: 3.25rem 3.5625rem;
	}
	
	.MdGuideInfo .MdGuideTitle-category{
		left:2rem;
	}
}

@media screen and (max-width:1024px) and (min-width:748px){
	.MainGuide{
		margin-top:4rem;
		margin-bottom:8rem;
	}
	
	.MdGuide{
		padding:2.4rem 2rem;
		display:block;
	}
	
	.MainGuideFlex-item:first-child{
		width:100%;
	}
	
	.MainGuideFlex-item:last-child{
		width:100%;
	}
	
	.MdGuideTitle{
		padding-right:0;
		margin-bottom:2rem;
	}
	
	.MdGuideCont{
		width:100%;
	}
	
	.MdGuideTitleTitle-text{
		font-size:1.5rem;
	}
	
	.MdGuideList-link{
		padding-top:3.25rem;
	}
	
	.ico-Parking .MdGuideList-link:before{
		width:2.438rem;
		height:3.313rem;
		background-size:2.438rem 3.313rem;
	}

	.ico-Directions .MdGuideList-link:before{
		width:2.125rem;
		height:3.125rem;
		background-size:2.125rem 3.125rem;
		top:-0.1rem;
		left:-0.2rem;
	}

	.ico-Amenities .MdGuideList-link:before{
		width:3.413rem;
		height:3.038rem;
		background-size:3.413rem 3.038rem;
	}

	.ico-Indoormap .MdGuideList-link:before{
		width:3.25rem;
		height:3.5625rem;
		background-size:3.25rem 3.5625rem;
	}
	
	.MdGuideList-title{
		font-size:1.1rem;
	}
	
	.MainGuideFlex{
		flex-wrap:wrap;
	}
	
	.MdGuideInfo{
		width:50%;
		padding: 2rem 2rem 4.5rem;
	}
	
	.MdGuide{
		width:100%;
	}
	
	.MdGuideTitle{
		padding-bottom:0;
	}
	
	.MdGuideInfo .MdGuideTitle{
		margin-bottom:0;
	}
	
	.MdGuideInfo .MdGuideTitle-category{
		bottom: 2.5rem;
		left: 2rem;
	}
	
	.MdGuideInfo:before{
		bottom:auto;
		right:2rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.MainGuide{
		margin-top:3rem;
		margin-bottom:6rem;
	}
	
	.MdGuide{
		padding:1.8rem 1.5rem;
		display:block;
	}
	
	.MainGuide .site-container{
		padding:0;
	}
	
	.MdGuideTitle-category{
		font-size:0.875rem;
	}
	
	.MdGuide .MdGuideTitle-category{
		font-size:1.125rem;
	}
	
	.MdGuideInfo .MdGuideTitle-category{
		left:1.5rem;
		bottom:1.25rem;
	}
	
	.MdGuideTitle{
		width:100%;
		padding-right:0;
		margin-bottom:1.4rem;
	}
	
	.MdGuideCont{
		width:100%;
		padding-left:0;
	}
	
	.MdGuideTitleTitle-text{
		font-size:1.4rem;
	}
	
	.MdGuideList-link{
		padding-top:2.875rem;
	}
	
	.ico-Parking .MdGuideList-link:before{
		width:1.438rem;
		height:2.313rem;
		background-size:1.438rem 2.313rem;
		top:0.2rem;
	}

	.ico-Directions .MdGuideList-link:before{
		width:1.5rem;
		height:2.7rem;
		background-size:1.5rem 2.7rem;
		left:0;
	}

	.ico-Amenities .MdGuideList-link:before{
		width:2rem;
		height:1.8rem;
		background-size:2rem 1.8rem;
		top:0.5rem;
	}
	
	.ico-Indoormap .MdGuideList-link:before {
		width: 2.25rem;
		height: 2.5625rem;
		background-size: 2.25rem 2.5625rem;
	}
	
	.MdGuideList-title{
		font-size:0.875rem;
	}
	
	.MdGuideList-list{
		margin: -1rem -0.8rem;
	}
	
	.MdGuideList-item{
		padding:1rem 0.8rem;
	}
	
	.MainGuideFlex{
		flex-wrap:wrap;
	}
	
	.MainGuideFlex-item:first-child{
		width:100%;
	}
	
	.MainGuideFlex-item:last-child{
		width:100%;
	}
	
	.MdGuideInfo{
		width:50%;
		padding: 1.8rem 1.5rem;
	}
	
	.MdGuideTitle{
		padding-bottom:0;
	}
	
	.MdGuideInfo .MdGuideTitle{
		margin-bottom:0;
	}
	
	.MdGuideInfo:before{
		bottom:auto;
		right:1.5rem;
		width: 3.625rem;
		height: 2.5rem;
		background-size: 3.625rem 2.5rem;
	}
}

/*=========================================================
	MainMedia
=========================================================*/
.MainMedia{
	position:relative;
	padding:7.5rem 0;
	overflow:hidden;
}

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

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

.MainMediaText{
	width:50%;
	position:relative;
}

.MediaMeta{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}

.MediaMetaSub{
	margin-top:8.875rem;
}

.MediaMetaSub-text{
	font-size:4.375rem;
	line-height:1.2em;
	color:#fff;
	font-family: 'Poppins';
}

.MainMediaList{
	width:50%;
	min-height:50rem;
}

.MainMediaTtitle-text{
	font-size:3.75rem;
	line-height:1.2em;
	color:#fff;
	font-weight:600;
}

.MainMediaListFlex-list{
	margin-top:-2.125rem;
	padding-left:calc(50% + 1.063rem);
	position:relative;
}

.MainMediaListFlex-list:after{
	content:"";
	display:table;
	clear:both;
}

.MainMediaListFlex-item{
	width:100%;
	padding:2.125rem 0 0;
}

.MainMediaListFlex-item:nth-child(even){
	width:calc(50% - 1.063rem);
	position:absolute;
	left:0;
	margin-top:-20.375rem;
}

.MainMediaThumb-link{
	display:block;
	position:relative;
	overflow:hidden;
}

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

.MainMediaThumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transition-property: transform;
	transition-duration: 0.3s;
}

.MediaBlankList-item{
	font-size:0;
	line-height:0;
	margin-top:1.5rem;
}

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

.MediaBlankList-link{
	display:inline-block;
	font-size:1.75rem;
	line-height:1.2em;
	color:rgba(255,255,255,0.25);
	font-weight:500;
	font-family: 'Poppins';
	text-transform:uppercase;
	padding-right:2.188rem;
	position:relative;
}

.MediaBlankList-link:after{
	content:"";
	width:1.563rem;
	height:1.375rem;
	background-image:url(../../images/icon/ico_more_arrow_w.svg);
	background-size:1.563rem 1.375rem;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	margin-top:-0.125rem;
	opacity:0;
}

@media screen and (min-width:1025px){
	.MainMediaThumb-link:hover .MainMediaThumb-img{
		transform:scale(1.1);
	}
	
	.MediaBlankList-link:hover{
		color:#fff;
	}
	
	.MediaBlankList-link:hover:after{
		opacity:1;
	}
}

@media screen and (max-width:1280px) and (min-width:1025px){
	.MainMediaListFlex-item:nth-child(even){
		margin-top: -16.375rem;
	}
	
	.MediaMetaSub-text{
		font-size:3.8rem;
	}
}

@media screen and (max-width:1024px) and (min-width:748px){
	.MainMediaList{
		min-height:40vw;
	}
	
	.MainMedia{
		padding: 7rem 0 12rem;
	}
	
	.MainMediaFlex{
		display:block;
		position:relative;
		width:auto;
		margin-right:-2rem;
	}
	
	.MainMediaFlex:after{
		content:"";
		display:table;
		clear:both;
	}
	
	.MediaMeta{
		position:static;
	}
	
	.MainMediaText{
		width:auto;
		position:absolute;
		top:0;
		left:0;
		z-index:5;
	}
	
	.MainMediaTtitle-text{
		font-size: 3.2rem;
	}
	
	.MediaMeta{
		margin-top:2.5rem;
	}
	
	.MediaBlankList-item{
		margin-top:0.8rem;
	}
	
	.MediaBlankList-link{
		font-size:1.2rem;
	}
	
	.MediaMetaSub{
		margin-top:2rem;
	}
	
	.MediaMetaSub-text{
		font-size:2rem;
	}
	
	.MainMediaList{
		width:80%;
		float:right;
		padding-top:4.5rem;
	}
	
	.MainMediaListFlex-item:nth-child(even){
		margin-top: 3.825rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.MainMediaList{
		min-height:50vw;
	}
	
	.MainMedia{
		padding: 3.5rem 0 8.5rem;
	}
	
	.MainMediaFlex{
		display:block;
		position:relative;
		width:auto;
		margin-right:-2rem;
	}
	
	.MainMediaFlex:after{
		content:"";
		display:table;
		clear:both;
	}
	
	.MediaMeta{
		position:static;
	}
	
	.MainMediaText{
		width:auto;
		position:absolute;
		top:0;
		left:0;
		z-index:5;
	}
	
	.MainMediaTtitle-text{
		font-size: 2.4rem;
	}
	
	.MediaMeta{
		margin-top:2rem;
	}
	
	.MediaBlankList-item{
		margin-top:0.8rem;
	}
	
	.MediaBlankList-link{
		font-size:1rem;
		color: rgba(255,255,255,0.45);
	}
	
	.MediaMetaSub{
		margin-top:2rem;
	}
	
	.MediaMetaSub-text{
		font-size:1.3rem;
	}
	
	.MainMediaList{
		width:87%;
		float:right;
		padding-top:7rem;
	}
	
	.MainMediaListFlex-item:nth-child(even){
		margin-top: 4.2rem;
		width: calc(50% - 0.8rem);
	}
	
	.MainMediaListFlex-list{
		margin-top: -1.6rem;
		padding-left: calc(50% + 0.8rem);
	}
	
	.MainMediaListFlex-item{
		padding:1.6rem 0 0;
	}
}

@media screen and (max-width:419px) and (min-width:1px){
	.MainMediaFlex{
		margin-right:-1.5rem;
	}
}
/*=========================================================
  MainTitle
=========================================================*/
.MainTitle{
	position:relative;
	display:inline-block;
	padding-right:2.5625rem;
	vertical-align:middle;
}

.MainTitle-tit{
	display:block;
	color:#000;
	font-size:3.75rem;
	font-weight:bold;
	line-height:1.2em;
}

.MainTitle-num{
	position:absolute;
	top:-0.25rem;
	right:0;
	display:block;
	color:#000;
	font-size:1.875rem;		
	line-height: 1.2em;
}

.MainTicket .MainTitle-num{
	color:#fff;
}

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

@media screen and (max-width:747px) and (min-width:1px){
	.MainTitle{
		padding-right:1.75rem;
	}
	
	.MainTitle-tit{
		font-size: 2.2rem;
	}
	
	.MainTitle-num{
		font-size: 1.25rem;
	}
}

/*=========================================================
	MainFacilitie
=========================================================*/
.MainFacilitie{
	padding-bottom:11.875rem;
}

.MainFacilitieGray{
	background-color:#F8F8F8;
	padding:5.375rem 3.75rem;
	margin-top:2.5625rem;
}

.MainFacilitieRow{
	margin-top:8.75rem;
	display:flex;
	width:100%;
}

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

.MainFacilitieRowTitle{
	width:11.25rem;
	padding-right:0.625rem;
	font-size:0;
	line-height:0;
}

.MainFacilitieList{
	width:calc(100% - 11.25rem);
	display:flex;
	align-items:end;
	justify-content: flex-end;
}

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

.MainFacilitieRowTitle-link{
	display:inline-block;
	margin-top:1.188rem;
	font-size:1rem;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	font-family: 'Poppins';
	padding-right:1.125rem;
	position:relative;
}

.MainFacilitieRowTitle-link:after{
	content:'';
	display:block;
	position:absolute;
	top:50%;
	right:0;
	margin-top:-1px;
	transform:translateY(-50%);
	width:1.125rem;
	height:0.9375em;
	background-image: url(../../images/icon/ico_more_arrow_b.svg);
	background-size:1.125rem 0.9375rem;
}

.MainFacilitieListTab{
	width:6.25rem;
	position:relative;
	z-index:5;
}

.MainFacilitieListTab-item{
	margin-top:-3px;
	margin-right:-3px;
}

.MainFacilitieListTab-link{
	display:block;
	width:100%;
	position:relative;
	border:solid 3px transparent;
}

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

.MainFacilitieListTab-text{
	font-size:1.75rem;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	font-family: 'Poppins';
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.is-Current .MainFacilitieListTab-link{
	border:solid 3px #000;
	background-color:#fff;
	position:relative;
}

.is-Current .MainFacilitieListTab-link:before{
	content:"";
	width:5px;
	height:100%;
	position:absolute;
	top:0;
	right:-4px;
	background-color:#fff;
	z-index:5;
}

.MainFacilitieListCnt{
	width:calc(100% - 6.25rem);
	border:solid 3px #000;
	background-color:#fff;
	position:relative;
}

.MainFacilitieListCntTab{
	position:absolute;
	top:1.875rem;
	left:1.875rem;
	z-index:10;
}

.MainFacilitieListTab-list{
	flex-direction: column-reverse;
    display: flex;
}

.MainFacilitieListCntBody-item{
	display:none;
}

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

.MainFacilitieListCntBody-link{
	padding:1.875rem 1.875rem;
	display:flex;
	width:100%;
	align-items:end;
}

.MainFacilitieListCntBodyThumb{
	width:57.5%;
	order:2;
	position:relative;
	overflow:hidden;
}

.MainFacilitieListCntBodyThumb:after{
	content:"";
	display:block;
	padding-bottom:57.3%;
}

.MainFacilitieListCntBodyThumb-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transition-property: transform;
	transition-duration: 0.4s;
}

.MainFacilitieListCntBodyTitle{
	width:42.5%;
	order:1;
	padding-right:11.563rem;
	position:relative;
}

.MainFacilitieListCntBodyTitle:after{
	content:"";
	width:4.438rem;
	height:4.438rem;
	background-image:url(../../images/icon/coex-arrow-df.png);
	background-size:4.438rem 4.438rem;
	position:absolute;
	bottom:0.5rem;
	right:2.188rem;
	transition-property: transform;
	transition-duration: 0.4s;
}

.MainFacilitieListCntBodyTitle-text{
	display:block;
	font-size:1.625rem;
	line-height:1.4em;
	color:#000;
	font-weight:600;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	max-height:4.2em;
}

.MainFacilitieListCntTab-item{
	margin-top:1.1rem;
}

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

.MainFacilitieListCntTab-link{
	display:block;
	font-size:1.25rem;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
	opacity:0.5;
}

.MainFacilitieListCntTab-item.is-Current .MainFacilitieListCntTab-link{
	opacity:1;
}

.MainFacilitieListCnt-item{
	position:relative;
	display:none;
}

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

.MainFacilitieListCntBody-link.no-Tab{
	align-items: initial;
}

.no-Tab .MainFacilitieListCntBodyTitle{
	display:flex;
	flex-direction: column;
	justify-content:space-between;
	padding-right:0;
}

.MainFacilitieListCntFoot{
	padding-right: 8.563rem;
}

.MainFacilitieListCntFoot-item{
	margin-top:2.5rem;
}

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

.MainFacilitieListCntFoot-title{
	font-size:0.938rem;
	line-height:1.2em;
	color:#000;
	font-weight:bold;
	margin-bottom:0.313rem;
}

.MainFacilitieListCntFoot-text{
	font-size:1.25rem;
	line-height:1.4em;
	color:#666666;
	font-weight:500;
}

.MainFacilitieListCntHead{
	padding-right:1rem;
}

/*hover*/
@media screen and (min-width: 1025px) {
	.MainFacilitieListCntBody-link:hover .MainFacilitieListCntBodyTitle-text{
		text-decoration:underline;
	}
	
	.MainFacilitieListCntTab-link:hover{
		text-decoration:underline;
	}
	
	.MainFacilitieListCntBody-link:hover .MainFacilitieListCntBodyThumb-img{
		transform:scale(1.1);
	}
	
	.MainFacilitieListCntBody-link:hover .MainFacilitieListCntBodyTitle:after{
		transform:rotate(45deg);
	}
	
	.MainFacilitieRowTitle-link:hover{
		text-decoration:underline;
	}
}

@media screen and (max-width:1440px) and (min-width:1025px){
	.MainFacilitieListCntBodyTitle{
		padding-right: 7rem;
	}
	
	.MainFacilitieListCntBodyTitle:after{
		width:3rem;
		height:3rem;
		background-size:3rem 3rem;
		right: 2.25rem;
	}
}


@media screen and (max-width:1280px) and (min-width:1025px){
	.MainFacilitieListCntHead br{
		display:none;
	}
	
	.MainFacilitieListCntFoot-item{
		margin-top:1rem;
	}
	
	.MainFacilitieListCntBodyTitle-text{
		font-size:1.4rem;
	}
	
	.MainFacilitieListCntFoot-text{
		font-size:1.15rem;
	}
}

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

	.MainFacilitieGray{
		padding:4rem 2rem;
		margin-left:-2rem;
		margin-right:-2rem;
	}
	
	.MainFacilitieRow{
		display:block;
	}
	
	.MainFacilitieRowTitle{
		width:100%;
		padding-right:0;
		margin-bottom:2rem;
		position:relative;
	}
	
	.MainFacilitieRowTitle-text{
		font-size:2.2rem;
	}
	
	.MainFacilitieRowTitle-title{
		display:inline-block;
		margin-right:1rem;
		vertical-align:middle;
	}
	
	.MainFacilitieRowTitle-link{
		display:inline-block;
		margin-top:0;
		vertical-align:bottom;
		margin-bottom:2px;
	}
	
	.MainFacilitieList{
		width:100%;
	}
	
	.MainFacilitieRow{
		margin-top:6rem;
	}
	
	.MainFacilitieList{
		display:block;
	}
	
	.MainFacilitieListTab{
		width:100%;
	}
	
	.MainFacilitieListTab-list{
		flex-direction: row;
	}
	
	.MainFacilitieListTab-item{
		width:12%;
		margin:0;
	}
	
	.MainFacilitieListCnt{
		width:100%;
		margin-top:-3px;
	}
	
	.is-Current .MainFacilitieListTab-link:before{
		width:100%;
		height:5px;
		top:auto;
		bottom:-4px;
		right:auto;
		left:0;
	}
	
	.MainFacilitieListTab-text{
		font-size:1.5rem;
	}
	
	.MainFacilitieListCntBody-link{
		padding:1.5rem 1.5rem;
		display:block;
	}
	
	.MainFacilitieListCntBodyThumb{
		width:100%;
		margin-bottom:1.5rem;
	}
	
	.MainFacilitieListCntBodyTitle{
		width:100%;
		padding-right: 5.563rem;
	}
	
	.MainFacilitieListCntBodyTitle-text{
		font-size:1.25rem;
	}
	
	.MainFacilitieListCntBodyTitle:after{
		width:2rem;
		height:2rem;
		background-size:2rem 2rem;
		right: 0;
		top:50%;
		transform:translateY(-50%);
		bottom:auto;
	}
	
	.MainFacilitieListCntTab{
		position:static;
		margin-top:2rem;
	}
	
	.MainFacilitieListCntTab-list{
		font-size:0;
		line-height:0;
		white-space:nowrap;
		overflow:hidden;
		overflow-x:auto;
		padding:0 1.5rem;
		scrollbar-width: none;
	}
	
	.MainFacilitieListCntTab-item{
		margin-top:0;
		display:inline-block;
		margin-right:2rem;
	}
	
	.MainFacilitieListCntTab-item:last-child{
		margin-right:0;
	}
	
	.MainFacilitieListCntTab-link{
		font-size:1.1rem;
	}
	
	.MainFacilitieListCntTab-list::-webkit-scrollbar{
		display: none;
	}
	
	.MainFacilitieListCntFoot{
		margin-top:1.5rem;
	}
	
	.MainFacilitieListCntFoot-item{
		margin-top:1.5rem;
	}
	
	.MainFacilitieListCntFoot-text{
		font-size:1.1rem;
	}
	
	.no-Tab .MainFacilitieListCntBodyTitle:after{
		top:auto;
		bottom:0;
	}
	
	.MainFacilitieListCntFoot{
		padding-right: 2.563rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.MainFacilitie{
		padding-bottom:5rem;
	}

	.MainFacilitieGray{
		padding:3rem 2rem;
		margin-left:-2rem;
		margin-right:-2rem;
	}
	
	.MainFacilitieRow{
		display:block;
	}
	
	.MainFacilitieRowTitle{
		width:100%;
		padding-right:0;
		margin-bottom:2rem;
		position:relative;
	}
	
	.MainFacilitieRowTitle-text{
		font-size:1.9rem;
	}
	
	.MainFacilitieRowTitle-title{
		display:inline-block;
		margin-right:1rem;
		vertical-align:middle;
	}
	
	.MainFacilitieRowTitle-link{
		display:inline-block;
		margin-top:0;
		vertical-align:bottom;
		margin-bottom:2px;
	}
	
	.MainFacilitieList{
		width:100%;
	}
	
	.MainFacilitieRow{
		margin-top:6rem;
	}
	
	.MainFacilitieList{
		display:block;
	}
	
	.MainFacilitieListTab{
		width:100%;
	}
	
	.MainFacilitieListTab-list{
		flex-direction: row;
	}
	
	.MainFacilitieListTab-item{
		width:20%;
		margin:0;
	}
	
	.MainFacilitieListCnt{
		width:100%;
		margin-top:-3px;
	}
	
	.is-Current .MainFacilitieListTab-link:before{
		width:100%;
		height:5px;
		top:auto;
		bottom:-4px;
		right:auto;
		left:0;
	}
	
	.MainFacilitieListTab-text{
		font-size:1.5rem;
	}
	
	.MainFacilitieListCntBody-link{
		padding:1.5rem 1.5rem;
		display:block;
	}
	
	.MainFacilitieListCntBodyThumb{
		width:100%;
		margin-bottom:1.5rem;
	}
	
	.MainFacilitieListCntBodyTitle{
		width:100%;
		padding-right: 5.563rem;
	}
	
	.MainFacilitieListCntBodyTitle-text{
		font-size:1.25rem;
	}
	
	.MainFacilitieListCntBodyTitle:after{
		width:2rem;
		height:2rem;
		background-size:2rem 2rem;
		right: 0;
		top:50%;
		transform:translateY(-50%);
		bottom:auto;
	}
	
	.MainFacilitieListCntTab{
		position:static;
		margin-top:2rem;
	}
	
	.MainFacilitieListCntTab-list{
		font-size:0;
		line-height:0;
		white-space:nowrap;
		overflow:hidden;
		overflow-x:auto;
		padding:0 1.5rem;
		scrollbar-width: none;
	}
	
	.MainFacilitieListCntTab-item{
		margin-top:0;
		display:inline-block;
		margin-right:1.5rem;
	}
	
	.MainFacilitieListCntTab-item:last-child{
		margin-right:0;
	}
	
	.MainFacilitieListCntTab-link{
		font-size:1.1rem;
	}
	
	.MainFacilitieListCntTab-list::-webkit-scrollbar{
		display: none;
	}
	
	.MainFacilitieListCntFoot{
		margin-top:1.5rem;
	}
	
	.MainFacilitieListCntFoot-item{
		margin-top:1.5rem;
	}
	
	.MainFacilitieListCntFoot-text{
		font-size:1.1rem;
	}
	
	.no-Tab .MainFacilitieListCntBodyTitle:after{
		top:auto;
		bottom:0;
	}
	
	.MainFacilitieListCntFoot{
		padding-right: 2.563rem;
	}
}

/*=========================================================
  MainInfo
=========================================================*/
/*MainInfoTitle
=========================================================*/
.MainInfoTitle{
	float:left;
	width:33.23%;
	padding-right:2rem;
}
	
.MainInfoTitle .MainTitle{
	padding-right:0;
}

.MainInfoLink{
	margin-top:1.8125rem;
	font-size:0;
	line-height:0;
}

.MainInfoLink-link{
	display:inline-block;
	position:relative;
	padding-right:1.4rem;
	color:#000;
	font-size:1.125rem;
	font-weight:600;
	line-height:1.4em;
	font-family: 'Poppins';
}

.MainInfoLink-link:after{
	content:'';
	display:block;
	position:absolute;
	top:50%;
	right:0;
	margin-top:-1px;
	transform:translateY(-50%);
	width:1.125rem;
	height:0.9375em;
	background-image: url(../../images/icon/ico_more_arrow_b.svg);
	background-size:1.125rem 0.9375rem;
}

/*MainInfoCont
=========================================================*/
.MainInfoCont{
	overflow:hidden;
}

/* MainInfoContTab */
.MainInfoContTab{
	margin-bottom:2rem;
}

.MainInfoContTab-list{	
	margin:0 -0.5rem;
}

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

.MainInfoContTab-item{
	float:left;
	padding:0 0.5rem;
}

.MainInfoContTab-link{
	display:block;
	color:#AFAFAF;
	font-size:1.5rem;
	font-weight:bold;
	line-height:1.4em;
}

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

/* MainInfoContList */
.MainInfoContList-list{
	border-top:3px solid #000;
}

.MainInfoContList-item{
	border-bottom:1px solid #000;
}

.MainInfoItem-link{
	display:table;
	table-layout:fixed;
	width:100%;
	padding:1.5rem 0 1.5rem;
}

.MainInfoItemDate{
	display:table-cell;	
	width:4.625rem;
	padding: 0 0.625rem;
	vertical-align:middle;
	text-align:center;
	white-space: nowrap;
}

.MainInfoItemDate-day{
	display:block;
	color:#000;
	font-size:2.75rem;
	font-weight:600;
	font-family: 'Poppins';
	line-height:1.2em;
}

.MainInfoItemDate-month{
	display:block;
	margin-top:0.3125rem;
	color:#000;
	font-size:0.9375rem;
	font-family: 'Poppins';
	line-height:1.2em;
}

.MainInfoItemTitle{
	display:table-cell;	
	padding-left:3.5625rem;
	vertical-align:middle;
}

.MainInfoItemTitle-tit{
	overflow:hidden;
	color:#000;
	font-size:1.625rem;
	font-weight:600;
	line-height:1.4em;
	text-overflow:ellipsis;
	white-space:nowrap;
}

/*hover*/
@media screen and (min-width: 1025px) {
	.MainInfoContTab-link:hover {
		color:#000;
	}
	
	.MainInfoItem-link:hover .MainInfoItemTitle-tit{
		text-decoration:underline;
	}
	
	.MainInfoLink-link:hover{
		text-decoration:underline;
	}
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	/* MainInfoContTab */
	.MainInfoContTab {
		margin-bottom: 1.5rem;
	}
	
	.MainInfoContTab-link{
		font-size:1.25rem;
	}
	
	/* MainInfoItem */
	.MainInfoItemDate-day{
		font-size: 2.25rem;
	}
	
	.MainInfoItemTitle{
		padding-left: 1.5625rem;
	}
	
	.MainInfoItemTitle-tit{
		font-size: 1.25rem;
	}
	
	.MainInfoItemDate-month{
		margin-top:0;
	}
}

@media screen and (max-width:747px) and (min-width:1px){	
	.MainInfoTitle{
		float:none;
		width:100%;
		margin-bottom:1.5rem;
	}
	
	.MainInfoLink{
		display:inline-block;
		margin-top:0;
		margin-left:1rem;
		vertical-align:bottom;
		margin-bottom: 2px;
	}
	
	.MainInfoLink-link{
		font-size:0.875rem;
		font-weight:500;
	}
	
	/* MainInfoContTab */
	.MainInfoContTab{
		margin-bottom:1rem;
	}
	
	.MainInfoContTab-link{
		font-size:1rem;
	}
	
	/* MainInfoContList */
	.MainInfoContList-list{
		border-width:2px;
	}

		/* MainInfoItem */
	.MainInfoItem-link{
		padding:1.125rem 0 1.125rem;		
	}
	
	.MainInfoItemTitle{
		padding-left: 0.5625rem
	}
	
	.MainInfoItemTitle-tit{
		max-height:2.8em;
		display:-webkit-box;
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical;
		font-size:1.0625rem;
		white-space:normal;
	}
	
	.MainInfoItemDate-day{
		font-size:2rem;
	}
}

/*=========================================================
  MainEvent
=========================================================*/
.MainEvent{
	margin-bottom:9.75rem;
}

/*MainEventTitle*/
.MainEventTitle{
	position:absolute;
	top:0;
	left:3rem;
	z-index:10;
}

.MainEventTitleLink{
	margin-top:15.75rem;
	font-size:0;
	line-height:0;
}

.MainEventTitleLink-link{
	position:relative;
	display:inline-block;
	padding-left:2.5rem;
	padding-right:1.25rem;
	color:#000;
	font-size:1.125rem;
	font-weight:500;
	font-family: 'Poppins';
	line-height:1.6em;
}

.MainEventTitleLink-link:before{
	content:'';
	display:block;
	margin-top:-2px;
	width:1.9375rem;
	height:1.6875rem;
	background-image: url(../../images/icon/ico_calender.svg);
	background-size:1.9375rem 1.6875rem;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

.MainEventTitleLink-link:after{
	content:'';
	display:block;	
	margin-top:-2px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	width:0.9375rem;
	height:0.9375rem;
	background-image: url(../../images/icon/ico_more_arrow_b.svg);
	background-size:0.9375rem 0.9375rem;
}


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

.MainEventItem-link{
	position:relative;
	display:block;
	padding:2.1875rem 2.25rem;
	border-left: 2px solid #000;
	border-right: 0;
	overflow:hidden;
}

.MainEventItem-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;
}

.MainEventItem-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;
}

.MainEventItemHover{
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	filter:blur(10px);
	opacity:0;
	transition-property:opacity, filter;
    transition-duration: 0.26s;
}

.MainEventItemHover img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

.MainEventItemCont-inner{
	position:relative;
}

.MainEventItemCont-cate{
	position:relative;
	margin-bottom:0.6875rem;
	padding-left:0.875rem;
	color:#000;
	font-size:1rem;
	font-weight:500;
	font-family: 'Poppins';
	line-height:1.4em;
}

.MainEventItemCont-cate:before{
	content:'';
	display:block;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	width:0.4375rem;
	height:0.4375rem;
	border-radius:100%;
}

.pink.MainEventItemCont-cate:before{
	background-color:#ED3DA6;
}

.yellow.MainEventItemCont-cate:before{
	background-color:#A7A000;
}

.purple.MainEventItemCont-cate:before{
	background-color:#8E49DE;
}

.MainEventItemCont-tit{
	overflow:hidden;
	height:3.2em;
	margin-bottom: 12.875rem;
	color:#000;
	font-size:1.875rem;
	font-weight:bold;
	line-height:1.6em;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}

.MainEventItemCont-date:before{
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	font-size:1.25rem;
	font-weight:500;
	line-height:1.4em;
}

.MainEventItemCont-date{
	color:#000;
	font-size:1.25rem;
	font-weight:500;
	font-family: 'Poppins';
	line-height:1.2em;
}

.MainEventSlide-slide:first-child .MainEventItem-link{
	border-left: 2px solid #000;
}

.MainEventSlide-slide:nth-child(3) .MainEventItem-link,
.MainEventSlide-slide:nth-child(7) .MainEventItem-link,
.MainEventSlide-slide:nth-child(11) .MainEventItem-link{
	border-color:transparent;
}

.MainEventItemHover .MainEventItemCont {
    position: absolute;
    top: 2.1875rem;
    bottom: 2.1875rem;
    left: 2.25rem;
    right: 2.25rem;
}

.MainEventItemHover .MainEventItemCont-cate, 
.MainEventItemHover .MainEventItemCont-tit, 
.MainEventItemHover .MainEventItemCont-date{
    color: #fff;
}

.MainEventItemHover .MainEventItemCont-cate:before{
	background-color:#fff !important;
}


/*hover*/
@media screen and (min-width: 1025px) {
	.MainEventTitleLink-link:hover{
		text-decoration:underline;
	}
	
	.MainEventItem-link:hover .MainEventItemHover{
		filter:blur(0);
		opacity:1;
		z-index:5;
	}
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.MainEventTitle{
		left:2rem;
	}
	
	.MainEventTitleLink {
		margin-top: 7.125rem
	}
	
	.MainEventTitleLink-link{
		padding-left:2rem;
		font-size:1rem;
	}
	
	.MainEventTitleLink-link:before{
		width: 1.5375rem;
		height: 1.2875rem;
		background-size: 1.5375rem 1.2875rem;
	}
	
	.MainEventItem-link{
		padding: 1.875rem 1.5rem;
	}
	
	.MainEventItemCont-tit{
		margin-bottom: 4.25rem;
		font-size: 1.25rem;
	}

	.MainEventItemCont-date{
		font-size: 0.875rem;
	}
	
	.MainEventItemCont-cate{
		font-size:0.75rem;
	}

	.MainEventSlide-slide:nth-child(3) .MainEventItem-link,
	.MainEventSlide-slide:nth-child(7) .MainEventItem-link,
	.MainEventSlide-slide:nth-child(11) .MainEventItem-link{
		border-color:#000;
	}

	.MainEventSlide-slide:nth-child(2) .MainEventItem-link,
	.MainEventSlide-slide:nth-child(5) .MainEventItem-link,
	.MainEventSlide-slide:nth-child(8) .MainEventItem-link{
		border-color:transparent;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.MainEvent {
		margin-bottom: 5rem;
	}
	
	/*MainEventTitle*/
	.MainEventTitle{
		position:static;
		margin-bottom: 1.5rem;
	}
	
.MainEventItem-link{
		padding: 0;
		border-left-width: 1px;
	}

	.MainEventItem-link:before{
		height:1px;
	}

	.MainEventItem-link:after{
		height:1px;
	}
	
	.MainEventSlide{
		margin-left:-2rem;
		margin-right:-2rem;
	}
	
	.MainEventSlide-slide:first-child .MainEventItem-link{		
		border-color:transparent;
		border-width:1px;
	}
	
	.MainEventSlide-slide:last-child .MainEventItem-link{		
		border-right-width: 2px;
	}
	
	.MainEventTitleLink{
		margin-top: 1.5rem;
	}
	
	.MainEventTitleLink-link{
		padding-left: 1.75rem;
		font-size:0.875rem;
		font-weight:500;
	}
	
	.MainEventTitleLink-link:before{
		width: 1.5rem;
		height: 1.0875rem;
		margin-top:-1px;
		background-size: 1.5rem 1.0875rem;
	}
	
	.MainEventItemHover{
		position:static;
		opacity:1;
		visibility:visible;
		filter: blur(0);
	}
	
	.MainEventItemCont{
		padding:1.25rem 2rem 2.5rem;
	}
	
	.MainEventItemCont-cate{
		margin-bottom: 0.25rem;
		font-size:0.875rem;
	}
	
	.MainEventItemCont-date{
		font-size:0.875rem;
	}
	
	.MainEventItemCont-tit{		
		height:2.8em;
		margin-bottom: 0.6875rem;
		font-size:1.25rem;
		line-height:1.4em;
	}
		
	.MainEventSlide-slide:nth-child(3) .MainEventItem-link,
	.MainEventSlide-slide:nth-child(7) .MainEventItem-link,
	.MainEventSlide-slide:nth-child(11) .MainEventItem-link{
		border-color:#000;
	}
}

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

/*MainEventSlide
=========================================================*/
@media screen and (min-width:1025px){
	.MainEventSlide-slide:first-child{
		margin-left:calc(50% - 0.5px);
	}
	
	.MainEventSlide-slide{
		width:25%;
	}
	
	.MainEventSlide-slide:nth-child(2) ~ .MainEventSlide-slide{
		margin-top:-2px;
	}
}

@media screen and (min-width:748px){
	.MainEventSlide-wrapper{
		display:block;
		transform: translate3d(0px, 0px, 0px) !important;
		font-size:0;
		line-height:0;
	}
	
	.MainEventSlide-slide{
		float:left;
	}
	
	.MainEventSlide-pagination{
		display:none;
	}
}

@media screen and (max-width:1024px) and (min-width:748px){
	.MainEventSlide-slide:first-child{
		margin-left:66.66%;
	}
	
	.MainEventSlide-slide{
		width:33.33%;
	}
	
	.MainEventSlide-slide ~ .MainEventSlide-slide{
		margin-top:-2px;
	}
}

@media screen and (max-width:747px) and (min-width:1px){	
	.MainEventSlide{
		position:relative;
		padding-bottom:2.5rem;
	}
	
	.MainEventSlide-pagination{
		display:block;
		width:100%;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		text-align:center;
		line-height:0;
	}
	
	.MainEventSlide-slide{
		width:80%;
	}
}


/*=========================================================
	sitePage
=========================================================*/
.sitePage{
	padding-top:4.375rem;
}

.PageTitle{
	font-size:4rem;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
	margin-bottom:3.5rem;
}

@media screen and (max-width:1024px) and (min-width:748px){
	.PageTitle{
		font-size:3rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.sitePage{
		padding-top:3.375rem;
	}
	
	.PageTitle{
		font-size:3rem;
	}
}

/*=========================================================
	Breadcrumb
=========================================================*/
.Breadcrumb{
	margin-bottom:4.5rem;
}

.Breadcrumb-list{
	overflow:hidden;
}

.Breadcrumb-item{
	float:left;
	padding-right:1.063rem;
	margin-right:0.875rem;
	position:relative;
}

.Breadcrumb-item:last-child{
	padding-right:0;
	margin-right:0;
}

.Breadcrumb-item:after{
	content:"";
	width:0.313rem;
	height:0.5rem;
	background-image:url(../../images/icon/ico_breadcrumb_arrow.svg);
	background-size:0.313rem 0.5rem;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	margin-top:-1px;
}

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

.Breadcrumb-link{
	display:block;
	text-transform:uppercase;
	font-size:0.938rem;
	line-height:1.4em;
	color:#000;
	font-weight:500;
}

/*.Breadcrumb-item:first-child ~  .Breadcrumb-item .Breadcrumb-link{
	text-transform: capitalize;
}*/

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

@media screen and (max-width:747px) and (min-width:1px){
	.Breadcrumb{
		margin-bottom:3rem;
	}
}

/*=========================================================
	Single
=========================================================*/
.SingleHeader{
	border-top:solid 3px #000000;
	border-bottom:solid 1px #000000;
	padding:1.75rem 0 1.5rem;
}

.SingleHeader-cate{
	font-size:1.25rem;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
	margin-bottom:0.688rem;
}

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

.SingleHeader-date{
	font-size:1.125rem;
	line-height:1.2em;
	color:#000;
	margin-top:3.563rem;
}

.SingleBody{
	padding:3.25rem 0 3.125rem;
}

@media screen and (max-width:1024px) and (min-width:748px){
	.SingleHeader-cate{
		font-size:1.063rem;
	}
	
	.SingleHeader-title{
		font-size:2.2rem;
	}
	
	.SingleHeader-date{
		font-size:1rem;
		margin-top:2rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.SingleHeader-cate{
		font-size:1.1rem;
	}
	
	.SingleHeader-title{
		font-size:1.6rem;
	}
	
	.SingleHeader-date{
		font-size:0.9rem;
		margin-top:2rem;
	}
	
	.SingleBody{
		padding-top:2.5rem;
	}
}

/*=========================================================
	Single Post
=========================================================*/
.SingleContent{font-size:1rem;line-height:1.9;}
.SingleContent .size-full{height: auto !important;}
.SingleContent .alignleft{float: left;}
.SingleContent .alignright{float: right;}
.SingleContent .aligncenter{display: block; margin:0 auto;}
.SingleContent figure.wp-caption{width:100% !important;}
.SingleContent iframe{width:100% !important;}
.SingleContent p{margin-bottom:20px; color:#000000;}
.SingleContent p img{height: auto !important;}
.SingleContent a{color:#000000;text-decoration: underline;}
.SingleContent a:hover{text-decoration: underline; }
.SingleContent h1{font-size: 1.45em;font-weight:bold}
.SingleContent h2{font-size: 1.39em; font-weight:bold}
.SingleContent h3{font-size: 1.34em;font-weight:500}
.SingleContent h4{font-size: 1.27em;font-weight:500}
.SingleContent h5{font-size: 1.21em;font-weight:500}
.SingleContent h6{font-size: 1.125em;font-weight:500}
.SingleContent h1,.SingleContent h2,.SingleContent h3,.SingleContent h4,.SingleContent h5,.SingleContent h6 {margin-bottom: 15px;color:#000000;}
.SingleContent figure{margin-bottom: 20px;}
.SingleContent ul{margin-bottom: 20px; color:#000000; text-align:left;}
.SingleContent ol{margin-bottom: 20px;color:#000000;}
.SingleContent li{margin-top:5px;}
.SingleContent li:first-child{margin-top:0;}
.SingleContent img{max-width: 100%;}
.SingleContent figcaption.wp-caption-text{color:#555555; font-weight:normal; text-align: center; font-size: .75rem; }
.SingleContent ul li{padding-left:1.1em;position: relative;}
.SingleContent ul li:before{content: "∙";position: absolute; top:0; left:0;color:#000;}
.SingleContent ol li{padding-left:1.1em;position: relative;}
.SingleContent ol li:nth-child(1):before{content: "1.";position: absolute; top:0; left:0;}
.SingleContent ol li:nth-child(2):before{content: "2.";position: absolute; top:0; left:0;}
.SingleContent ol li:nth-child(3):before{content: "3.";position: absolute; top:0; left:0;}
.SingleContent ol li:nth-child(4):before{content: "4.";position: absolute; top:0; left:0;}
.SingleContent ol li:nth-child(5):before{content: "5.";position: absolute; top:0; left:0;}
.SingleContent ol li:nth-child(6):before{content: "6.";position: absolute; top:0; left:0;}
.SingleContent ol li:nth-child(7):before{content: "7.";position: absolute; top:0; left:0;}
.SingleContent ol li:nth-child(8):before{content: "8.";position: absolute; top:0; left:0;}
.SingleContent ol li:nth-child(9):before{content: "9.";position: absolute; top:0; left:0;}
.SingleContent blockquote{color:#1c1c1c;padding-left:16px;position: relative;}
.SingleContent blockquote:before{content: ""; width:3px; height: 100%; position: absolute; background: #000; top:0; left:0;}
.SingleContent table{width:100%;margin-bottom:20px;border-top:solid 2px #2e3235;border-collapse:collapse;}
.SingleContent table thead th{text-align: center;}
.SingleContent table tbody th{text-align: center;}
.SingleContent table caption{display: none;}
.SingleContent table *{margin:0;}
.SingleContent table thead th{color:#2e3235;font-size: 1.1em;font-weight: bold;text-align: center;line-height: 1.4em;}
.SingleContent table th,.SingleContent table td{vertical-align: middle;border:solid 1px #ccd0d7;padding:12px 5px;text-align: center;}
.SingleContent iframe{max-width: 100% !important;}
.SingleContent span[id*="more-"]{border-bottom:dashed 2px #ccd0d7;display: block;}
.SingleContent figcaption{color:#555555; font-weight:normal; font-size: .75rem; }
.SingleContent iframe[src*="youtube"]{height:647px;}


@media screen and (max-width:1300px) and (min-width:1025px){
	.SingleContent h1, .SingleContent h2, .SingleContent h3, .SingleContent h4, .SingleContent h5, .SingleContent h6{
		margin-bottom:1.154vw;
	}
	.SingleContent p{
		margin-bottom:1.538vw;
	}
	.SingleContent blockquote{
		padding-left:1.231vw;
	}

	.SingleContent iframe[src*="youtube"]{
		height:51.7692vw;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.SingleContent{
		font-size:1.063rem;
	}
	
	.SingleContent h1, .SingleContent h2, .SingleContent h3, .SingleContent h4, .SingleContent h5, .SingleContent h6{
		margin-bottom:1.465vw;
	}
	.SingleContent p{
		margin-bottom:1.953vw;
	}
	.SingleContent blockquote{
		padding-left:1.5625vw;
	}

	.SingleContent iframe[src*="youtube"]{
		height:51.7692vw;
	}
}
@media screen and (max-width:767px) and (min-width:1px){
	.SingleContent{
		font-size:1.125rem;
	}
	
	.SingleContent .size-large .size-full{
		width:100%;
		margin-left:0;
		margin-right:0;
	}

	.SingleContent .size-large .size-large{
		width:100%;
		margin-left:0;
		margin-right:0;
	}

	.SingleContent .size-full .size-full{
		width:100%;
		margin-left:0;
		margin-right:0;
	}

	.SingleContent .size-full .size-large{
		width:100%;
		margin-left:0;
		margin-right:0;
	}

	.SingleContent .size-large{
		display:block;
		max-width:none;
		width:auto;
	}

	.SingleContent h1, .SingleContent h2, .SingleContent h3, .SingleContent h4, .SingleContent h5, .SingleContent h6{
		margin-bottom:3.96vw;
	}
	.SingleContent p{
		margin-bottom:4.607vw;
	}
	.SingleContent blockquote{
		padding-left:2.086vw;
	}

	.SingleContent iframe[src*="youtube"]{
		height:51.7692vw;
	}
}

/*=========================================================
	SingleFile
=========================================================*/
.SingleFile{
	background-color:#F7F7F7;
	margin-bottom:3.438rem;
	padding:1.375rem 1.438rem;
}

.SingleFile-inner{
	overflow:hidden;
}

.SingleFileTitle{
	float:left;
	margin-right:2.25rem;
	font-size:1rem;
	line-height:1.2em;
	color:#000;
	font-weight:600;
}

.SingleFileList{
	overflow:hidden;
}

.SingleFileList-list{
	font-size:0;
	line-height:0;
}

.SingleFileList-item{
	margin-top:0.313rem;
}

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

.SingleFileList-link{
	font-size:1rem;
	line-height:1.2em;
	color:#000;
	padding-right:1.313rem;
	position:relative;
	display:inline-block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	max-width:100%;
}

.SingleFileList-link:after{
	content:"";
	width:1.125rem;
	height:1.375rem;
	background-image:url(../../images/icon/ico_file.svg);
	background-size:1.125rem 1.375rem;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

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

@media screen and (max-width:747px) and (min-width:1px){
	.SingleFile{
		margin-bottom:2.5rem;
	}
	
	.SingleFileTitle{
		float:none;
		margin-right:0;
		margin-bottom:0.7rem;
		font-size:1.063rem;
	}
	
	.SingleFileList-link{
		font-size:1.063rem;
	}
}

/*=========================================================
	SinglePaging
=========================================================*/
.SinglePaging{
	border-top:solid 1px #000000;
}

.SinglePaging-item{
	border-bottom:solid 1px #000000;
	padding:1.25rem 0.75rem;
}

.SinglePaging-inner{
	overflow:hidden;
}

.SinglePaging-title{
	float:left;
	margin-right:2.25rem;
	font-size:1rem;
	line-height:1.2em;
	color:#000;
	font-weight:600;
}

.SinglePaging-text{
	overflow:hidden;
}

.SinglePaging-link{
	display:block;
	font-size:1rem;
	line-height:1.2em;
	color:#000;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

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

@media screen and (max-width:747px) and (min-width:1px){
	.SinglePaging-title{
		font-size:1.063rem;
		margin-right:1.5rem;
	}
	
	.SinglePaging-link{
		font-size:1.063rem;
	}
}

/*=========================================================
	BoxTitle
=========================================================*/
.BoxTitle{
	display:block;
	color:#000;
	font-size:1.4rem;
	font-weight:bold;
	line-height:1.2em;
}

.eng{
	font-family: 'Poppins';	
}

.color-white{
	color:#fff !important;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.BoxTitle{
		font-size:1.125rem;
	}
}

/*=========================================================
	EventTopBanner
=========================================================*/
.EventTopBanner{
	background-repeat:no-repeat;
	animation: AnimationName 16s ease infinite;
}

@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.EventTopBanner-inner{	
	padding:3.75rem 0;
}

.EventTopBannerTitle{
	position:relative;
	padding-top:5.375rem;
	text-align:center;
}

.EventTopBannerTitle:before{
	content:'';
	display:block;
	width:2px;
	height:3.4375rem;
	background-color:#fff;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
}

.EventTopBannerTitle-tit{
	display:block;
	color:#fff;
	font-size:2rem;
	font-weight:bold;
	line-height:1.3em;
}

.EventTopBannerTitle-txt{
	display:block;
	margin-top:2.125rem;
	color:#fff;
	font-size:1rem;
	line-height:1.7em;
}

.EventTopBannerImg{
	margin:0 -0.5625rem;	
	margin-top:2.25rem;
	margin-bottom:-3.75rem;
}

.EventTopBannerImg img{
	display:block;
	width:100%;
}

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

.EventTopBannerImg-item{
	float:left;
	width:50%;
	padding:0 0.5625rem;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.EventTopBannerTitle:before{
		height: 2rem;
	}
	
	.EventTopBannerTitle{
		padding-top: 3.375rem;
	}
	
	.EventTopBannerTitle-tit{
		font-size:1.625rem;
	}
	
	.EventTopBannerTitle-txt{
		margin-top: 1.125rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.EventTopBanner-inner{
		padding: 1.75rem 0;
	}
	
	.EventTopBannerTitle:before{
		height: 1.25rem;
	}
	
	.EventTopBannerTitle{
		padding-top: 2.125rem;
	}
	
	.EventTopBannerTitle-tit{
		font-size:1.125rem;
		line-height: 1.6em;
	}
	
	.EventTopBannerTitle-txt{
		font-size:0.9375rem;
		line-height:1.5em;
	}
	
	.EventTopBannerTitle-tit br{
		display:none;
	}
	
	.EventTopBannerTitle-txt{
		margin-top: 1.125rem;
	}
	
	.EventTopBannerTitle-txt br{
		display:none;
	}
	
	.EventTopBannerImg{
		margin: 0 -1.75rem;		
		margin-top: 1.25rem;
		margin-bottom: -2.5rem;
	}
	
	.EventTopBannerImg-item{
		padding: 0 0.25rem;
	}
}

/*=========================================================
	ProgressList
=========================================================*/
.ProgressList-list{
	margin:-1.25rem 0;
}

.ProgressList-item{
	padding:1.25rem 0;
}

/*=========================================================
	SquareProgressItem
=========================================================*/
.SquareProgressItem{
	position:relative;
	padding:2.25rem 2.375rem;
	padding-right:4.3125rem;
	border:2px solid #000;
}

.SquareProgressItem-num{
	padding:0.625rem 0.875rem;
	position:absolute;
	top:-2px;
	right:-2px;
	color:#000;
	font-size:1.125rem;
	font-weight:bold;
	line-height:1.2em;
	border:2px solid #000;
}

.SquareProgressItemText{
	margin-top:1.25rem;
}

.SquareProgressItemText:empty{
	margin-top:0;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.SquareProgressItem-num{
		padding:0.625rem 0.75rem;
		font-size:1rem;
	}

	.SquareProgressItem{
		padding: 1.5rem 1.25rem;
		padding-right:3.5rem;
	}
}

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

.TitleBullet-bullet{
	float:left;
	padding-right:0.25rem;
	color:#000;
	font-size:1rem;
	font-weight:bold;
	line-height:1.4em;
}

.TitleBullet-txt{
	overflow:hidden;
	display:block;
	color:#000;
	font-size:1rem;
	font-weight:bold;
	line-height:1.4em;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.TitleBullet-bullet{
		font-size:0.9375rem;
	}
	.TitleBullet-txt{
		font-size:0.9375rem;
	}
}

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

.TextBullet-bullet{
	float:left;
	padding-right:0.25rem;
	color:#666;
	font-size:1rem;
	line-height:1.4em;
}

.TextBullet-txt{
	overflow:hidden;
	display:block;
	color:#666;
	font-size:1rem;
	line-height:1.4em;
}

.TextBullet strong{
	color:#000;
}

.TextBullet a{
	color:#000;
	text-decoration:underline;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.TextBullet-bullet{
		font-size:0.9375rem;
	}
	.TextBullet-txt{
		font-size:0.9375rem;
	}
}

/*=========================================================
	TeamBox
=========================================================*/
.TeamBox{
	background-color:#F7F7F7;
	padding:1.875rem 1.875rem;
}

.TeamBoxTitle-team{
	display:block;
	margin-bottom:0.5rem;
	color:#722EA5;
	font-size:1rem;
	line-height:1.2em;
}

.TeamBoxCont{
	margin-top:0.8125rem;
}

.TeamBoxCont-txt{
	display:block;
	color:#666;
	font-size:1.125rem;
	line-height:1.4em;
}

.TeamBoxCont-txt{
	display:block;
	margin-bottom:0.375rem;
	color:#666;
	font-size:1.125rem;
	line-height:1.4em;
}

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

.TeamBoxCont-link{
	display:inline-block;
	color:#666;
	font-size:1.125rem;
	line-height:1.4em;	
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.TeamBox{
		padding: 1.5rem 1.25rem;
	}
	
	.TeamBoxTitle-team{
		font-size:0.8125rem;
	}
	
	.TeamBoxCont-txt{
		font-size:0.9375rem;
	}
	
	.TeamBoxCont-link{
		font-size:0.9375rem;
	}
}

/*=========================================================
	icon
=========================================================*/
.ico-phone{
	position:relative;
	padding-left:1.375rem;	
}

.ico-email{
	position:relative;
	padding-left:1.375rem;		
}

.ico-phone:before{
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:0.3125rem;
	width:1rem;
	height:1rem;
	background-image:url(../../images/icon/ico_pin_tel.svg);
	background-size:1rem 1rem;
}

.ico-email:before{
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:0.4375rem;
	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:747px) and (min-width:1px){
	.ico-phone:before{
		top:0.1875rem;
		width: 0.9375rem;
		height: 0.9375rem;
		background-size: 0.9375rem 0.9375rem;
	}
	
	.ico-email:before{
		top:0.25rem;
		width:0.9375rem;
		height:0.6875rem;
		background-size: 0.9375rem 0.6875rem;
	}
}

/*=========================================================
	VerticalImgBox
=========================================================*/
.VerticalImgBoxImg{
	overflow:hidden;
	position:relative;
}

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

.VerticalImgBoxImg img{
	display:block;
	position:absolute;
	width:100%;
	top:0;
	left:0;
	transform: translateX(-2.375rem);
	/* transition-property:transform; */
	/* transition-duration:0.3s; */
}

.VerticalImgBoxCont{
	padding:2.375rem 2.375rem;
	background-color:#000;
}

.VerticalImgBoxCont-top{
	margin-bottom:1.125rem;
}

.VerticalImgBoxCont-color{
	display:block;
	margin-bottom:0.9375rem;
	color:#EB008C;
	font-size:1rem;
	font-weight:bold;
	line-height:1.2em;
}

.VerticalImgBoxCont-txt{
	display:block;
	color:#fff;
	font-size:1rem;
	line-height:1.6em;
}

/*hover*/
/* @media screen and (min-width: 1025px) { */
	/* .VerticalImgBox:hover .VerticalImgBoxImg img{ */
		/* transform: translateX(0); */
	/* } */
/* } */

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.VerticalImgBoxCont{
		padding:1.5rem 1.25rem;
	}
	
	.VerticalImgBoxImg img{
		transform: translateX(-1.375rem);
	}
	
	.VerticalImgBoxCont-color{
		margin-bottom:0.5rem;
		font-size:0.8125rem;
	}
	
	.VerticalImgBoxCont-txt{
		font-size:0.9375rem;
	}
}

/*=========================================================
	ColorTable
=========================================================*/
.text-left{
	text-align:left !important;
}

.ColorTable-tbl{
	width:100%;
	border-collapse: collapse;
}

.ColorTable-tbl thead{
	border:1px solid #666;	
	border-bottom:0;
}

.ColorTable-tbl thead th{
	padding:0.6875rem 1rem;
	background-color:#666;
	color:#fff;
	font-size:1rem;
	font-weight:bold;
	line-height:1.4em;
	border-right:1px solid rgba(255,255,255,0.5);
	vertical-align:middle;
	text-align:center;
}

.ColorTable-tbl thead tr:nth-child(2) th{
	border-top:solid 1px rgba(255,255,255,0.5);
}

.ColorTable-tbl thead th:last-child{
	border-right:0;
}

.ColorTable-tbl tbody{
	border:1px solid #CCC;	
	border-top:0;
}

.ColorTable-tbl tbody td{
	padding:1rem 1rem;	
	color:#666;
	font-size:1rem;
	line-height:1.4em;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	vertical-align:middle;
	text-align:center;
	background-color:#fff;
}

.ColorTable-txt{
	color:#666;
	font-size:1rem;
	line-height:1.4em;
}

.TableNotice{
	margin-top:1.25rem;
}

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

.TableNotice .TextBullet{
	float:right;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.ColorTable-tbl thead th{
		font-size:0.9375rem;
	}

	.ColorTable-tbl tbody td{
		font-size:0.9375rem;
	}

	.ColorTable-txt{
		font-size:0.9375rem;
	}
}

/*=========================================================
	ServiceInfoBox
=========================================================*/
.ServiceInfoBoxTitle{
	margin-bottom:1.125rem;
	font-size:0;
	line-height:0;
}

.ServiceInfoBoxTitle-flr{
	display:inline-block;
	margin-right:0.625rem;
	padding:0.21875rem 0.5625rem 0.15625rem;
	color:#fff;
	font-size:1rem;
	font-weight:bold;
	line-height:1.2em;
	background-color:#4B2564;
	vertical-align:middle;
}

.ServiceInfoBoxTitle-tit{
	display:inline-block;
	color:#000;
	font-size:1.25rem;
	font-weight:500;
	line-height:1.2em;
	vertical-align:middle;
}

/*=========================================================
	Scroll Event Table
=========================================================*/
@media screen and (max-width: 1024px) and (min-width: 1px){
	.ScrollEvent{
		overflow:hidden;
		position:relative;
		margin-left:-6.25vw;
		margin-right:-6.25vw;
		padding-left:6.25vw;
		padding-right:6.25vw;
		padding-bottom:1px;
		font-size:0;
		line-height:0;
	}
	
	.is-Hidden.ScrollEvent{
		overflow-x:scroll;
	}
	
	.ScrollEvent.is-Scroll .ScrollEvent-inner{
		padding-right:6.25vw;
		display:inline-block;
		width:200%;
	}
	
	.ScrollEvent-bg{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		z-index:10;
		background-color:rgba(255,255,255,0.8);
		display:none;
	}
	
	.is-Hidden.ScrollEvent .ScrollEvent-bg{
		display:none !important;
	}

	.is-View.is-Scroll.ScrollEvent{
		height:50vw;
	}
	
	.is-Scroll.ScrollEvent .ScrollEvent-bg{
		display:block;
	}
	
	.ScrollEvent-close{
		display:block;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		padding-bottom:4vw;
	}
	
	.ScrollEvent-close:before{
		content:"";
		width:8vw;
		height:8vw;
		background-image:url(../../images/bg/ico-scroll-ani.png);
		background-size:8vw 8vw;
		display:block;
		transform:translateX(0%);
		animation-duration: 1.4s;
		animation-name: ScrollEvent;
		animation-iteration-count:infinite;
		animation-timing-function:linear;
	}
	
	.ScrollEvent-close:after{
		content:"터치 후 스크롤 하세요.";
		position:absolute;
		left:50%;
		transform:translateX(-50%);
		bottom:0;
		display:block;
		font-size:2.1vw;
		color:#000;
		line-height:1.2em;
		white-space:nowrap;
		font-weight:500;
		animation-duration: 1.4s;
		animation-name: ScrollEventText;
		animation-iteration-count:infinite;
		animation-timing-function:linear;
	}

	html[lang="en-US"] .ScrollEvent-close:after{
		content:"Touch and scroll.";
	}

	html[lang="zh-CN"] .ScrollEvent-close:after{
		content:"Touch and scroll.";
	}
	
	@keyframes ScrollEvent {
	  0% {
		transform:translateX(0px);
	  }

	  50% {
		transform:translateX(-20px);
	  }
	  
	  100% {
		transform:translateX(0px);
	  }
	}

	@keyframes ScrollEventText {
	  0% {
		transform:translateX(-50%) scale(1);
	  }

	  50% {
		transform:translateX(-50%) scale(0.8);
	  }
	  
	  100% {
		transform:translateX(-50%) scale(1);
	  }
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.ScrollEvent-close{
		padding-bottom: 7vw;
	}
	
	.ScrollEvent-close:before{
		width:14vw;
		height:14vw;
		background-size:14vw 14vw;
	}
	
	.ScrollEvent-close:after{
		font-size: 3.4vw;
	}
}

/*=========================================================
	Popup
=========================================================*/
.Popup{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100000;
	opacity: 0;
	visibility: hidden;
}

.PopupDim {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: .7;
}

.PopupBox{
	width: calc(100% - 2.5rem);
    max-width: 35.4375rem;
	max-height: calc(100% - 2.5rem);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 10;
    background-color: #fff;
}

.PopupBox-close{
	display:block;
	float:right;
	width:1.4rem;
	height:1.4rem;
	background-image:url('../../images/icon/ico_popup_close.svg');
	background-size: 1.4rem 1.4rem;
	position:absolute;
	top:1.5rem;
	right:1.5rem;
	z-index:5;
}

.PopupBox-inner{
	position:relative;
	padding:2.5rem 2.5rem;
    overflow: hidden;
    overflow-y: auto;
	height: 51.5625rem;
}

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

/* PopupHeader */
.PopupHeader{
	margin-bottom:2.75rem;
	clear:both;
}

.PopupHeader-tit{
	display:block;
	font-size:2.5rem;
	font-weight:bold;
	line-height:1.1em;
}

.PopupHeader-txt{
	display:block;
	margin-top:1.125rem;
	font-size:1rem;
	line-height:1.6em;
}

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

.PopupBody-cont{
	margin-top:0.875rem;
}

/* PopupPhoneBox */
.PopupPhoneBox{
	margin-top:2.9375rem;
}

.PopupPhoneBox-tit{
	margin-bottom:0.625rem;
	font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.4em;
}

/* PopupAgreement */
.PopupAgreement{
	margin-top:1.25rem;
}

/* PopupBtn */
.PopupBtn{
	margin-top:4.375rem;
	font-size:0;
	line-height:0;
	text-align:center;	
}

.PopupBtn-link{
	position:relative;
	z-index:1;
	display:inline-block;
	padding:0.9375rem 2.4375rem 1rem;
	background-color:#000;
	color:#fff;
	font-size:1.125rem;
	font-weight:600;
	line-height:1.2em;
	border:2px solid #000;
}

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


.white .PopupBtn-link{
	background-color:#fff;
	color:#000;	
}

/*hover*/
@media screen and (min-width: 1025px) {
	.PopupBtn-link:hover{
		/* background-color:transparent; */
	}
	
	.PopupBtn-link:hover:before{
		transform: scaleY(100%);
	}
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.PopupBox-inner{
		height: 42.5625rem;
	}
	
	.PopupHeader{
		margin-bottom: 2rem;
	}
	
	.PopupHeader-tit{
		font-size: 1.875rem;
	}
	
	.PopupPhoneBox {
		margin-top: 2.25rem;
	}
	
	.PopupBtn{
		margin-top: 3.375rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.PopupHeader{
		margin-bottom:2rem;
	}
	
	.PopupBox-close{
		width: 1.5rem;
		height: 1.5rem;
		top:1.75rem;
		right:1.5rem;
		background-size: 1.5rem 1.5rem;
	}
	
	.PopupBox-inner{
		height:40rem;
	}
	
	.PopupHeader-tit{
		font-size:1.5rem;
	}	
	
	.PopupBox-inner{
		padding: 3.25rem 1.5rem 3.25rem;
	}
	
	.PopupBodyTitle{
		font-size:1.125rem;
	}
	
	.PopupPhoneBox-tit{
		font-size:1.125rem;
	}
	
	.PopupPhoneBox {
		margin-top: 1.875rem;
	}
	
	.PopupBtn{
		margin-top:2.75rem;
	}

	.PopupBtn-link{
		font-size:1rem;
	}
}

/*=========================================================
	NoticeBox
=========================================================*/
.NoticeBox{
	margin-top:2.5rem;
	background-color:#F7F7F7;
}

.NoticeBox-inner{
	overflow:hidden;
	overflow-y:auto;
	padding:1.5625rem 1.625rem;
	min-height: 8.875rem;
	max-height: 8.875rem;
}

.NoticeBox-txt{
	font-size:0.875rem;
	line-height:1.6em;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.NoticeBox-inner{
		min-height: 12.625rem;
		max-height: 12.625rem;
	}

	.NoticeBoxTitle{
		font-size:0.9375rem;
		font-weight:bold;
		line-height:1.4em;
	}	
}

/*=========================================================
	InquirePopup
=========================================================*/
.InquirePopup .PopupBox{
	max-width:58.75rem;
}

.InquirePopupForm-list{
	display:flex;
	flex-wrap:wrap;
	margin:-1.25rem -1.75rem;
}

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

@media screen and (max-width:747px) and (min-width:1px){
	.InquirePopupForm-list{
		margin:-0.75rem 0;
	}
	
	.InquirePopupForm-item{
		width:100%;
		padding:0.75rem 0;
	}	
}

/*=========================================================
	UnderLineInput
=========================================================*/
body .UnderLineInput-input{
	display:block;
	width:100%;
	color:#000;
	font-size:1rem;
	line-height:normal;
	padding:0.75rem 0;
	border-bottom:2px solid #000;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

body .UnderLineInput-input:focus{
	border-color:#722EA5;
}

body .UnderLineInput-input::-webkit-input-placeholder {
	color:#A5A5A6;
}

body .UnderLineInput-input:-ms-input-placeholder {
	color:#A5A5A6;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	body .UnderLineInput-input{
		font-size:0.875rem;
		border-width:1px;
	}
}

/*=========================================================
	TextareaBox
=========================================================*/
.TextareaBox-box{
	display:block;
	width:100%;
	height:10.75rem;
	padding:1.3125rem 1.1875rem;
	color:#000;
	font-size:1rem;
	font-weight:500;
	border:2px solid #000;
	resize:none;
}

.TextareaBox-box:focus{
	border-color:#722EA5;
}

.TextareaBox-box::-webkit-input-placeholder {
	color:#A5A5A6;
}

.TextareaBox-box:-ms-input-placeholder {
	color:#A5A5A6;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.TextareaBox-box{
		padding:1.125rem 1rem;
		font-size: 0.875rem;
		border-width:1px;
	}
}

/*=========================================================
	BasicChkbox
=========================================================*/
.BasicChkbox-input{
	display:none;
}

.BasicChkbox-label{
	display:inline-block;
	position:relative;
	padding-left:1.875rem;
	font-size: 0.875rem;
	font-weight:500;
	line-height:1.8em;
	cursor:pointer;
}

.BasicChkbox-label:before{
	content:'';
	display:block;
	width:1.5rem;
	height:1.5rem;
	position:absolute;
	top:0;
	left:0;
	background-image:url('../../images/icon/ico_chkbox.svg');
	background-size:1.5rem 1.5rem;
}

.BasicChkbox-input:checked + .BasicChkbox-label:before{
	background-image:url('../../images/icon/ico_chkbox_hover.svg');	
}

.BasicChkbox-link{
	display:inline-block;
	margin-left:0.25rem;
	color:#000;
	font-size:0.875rem;
	line-height:1.8em;
	text-decoration:underline;
}

.BasicChkboxLink{
	display:inline-block;
	margin-left:0.25rem;
	color:#000;
	font-size: 0.875rem;
	font-weight:bold;
	line-height:1.8em;
	text-decoration:underline;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.BasicChkbox-label{
		padding-left:1.65rem;
	}
	.BasicChkbox-label:before{
		margin-top:1px;
		width:1.25rem;
		height:1.25rem;
		background-size:1.25rem 1.25rem;
	}
}

/*=========================================================
	ContactFormItem
=========================================================*/
.ContactFormItem{
	margin-top:3.125rem;
}

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

.ContactFormItem-tit{
	margin-bottom:0.875rem;
	font-size:1.25rem;
	font-weight:bold;
	line-height:1.4em;
}

.Required {
    display: inline-block;
    color: #EB5641;
}

.ContactFormItemTit-sub{
	font-size:0.75em;
	color:#666;
	font-weight:500;
	margin-left:0.5rem;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.ContactFormItem-tit{
		font-size:1.125rem;
	}
}

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

.DataDownloadLink{
	display:block;
	position:relative;
	padding:0.9375rem 1.25rem 0.9375rem;
	background-color:#fff;
	text-align:center;
	font-size:0;
	line-height:0;
}

.DataDownloadLink: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;
}

.DataDownloadLink-txt{
	display:inline-block;
	position:relative;
	padding-right:2.125rem;
	color:#000;
	font-size:1.125rem;
	font-weight:600;
	line-height:1.4em;
	transition-property: color;
    transition-duration: 0.2s;
}

.DataDownloadLink-txt: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;
}

.DataDownloadBox{
	margin-top:0.9375rem;
	position:absolute;
	width:calc(100% + 1.875*2rem);
	left:50%;
	z-index:5;
	transform:translateX(-50%);
}

.DataDownloadBox-inner{
	position:relative;
	padding:1.875rem 1.875rem;
	background-color:#fff;
	border:2px solid #000;	
}

.DataDownloadBox-inner:before{
	content:'';
	display:block;
	width:3rem;
	height:2.5rem;
	position:absolute;
	top:0;
	left:50%;
	z-index:-1;
	transform:translateX(-50%);
	background-image:url('../../images/icon/ico_data_download.svg');
	background-size:3rem 2.5rem;	
	transition-property: background-image;
    transition-duration: 0.2s;
}

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

@media screen and (max-width:1024px) and (min-width:748px){
	.DataDownloadLink-txt{
		font-size: 1rem;
	}
}

/*=========================================================
	Tooltip
=========================================================*/
.Tooltip{
	position:relative;	
	padding-left:0.5rem;
}

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

.Tooltip-inner{
	display:inline-block;
	padding:0.75rem 0.75rem;
	background-color:#722EA5;
	font-size:0;
	line-height:0;
	border-radius:0.3125rem 0.3125rem;
}

.Tooltip-txt{
	position:relative;
	display:inline-block;
	padding-left:1.625rem;
	color:#fff;
	font-size:1rem;
	font-weight:600;
	line-height:1.4em;
}

.Tooltip-txt:before{
	content:'';
	display:block;
	width:1.125rem;
	height:1.125rem;
	position:absolute;
	top:1px;
	left:0;
	background-image:url('../../images/icon/ico_tooltip.svg');
	background-size: 1.125rem 1.125rem;	
}

/*=========================================================
	BorderTable
=========================================================*/
.BorderTable-tbl{
	width:100%;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

.BorderTable tbody th{
	width:30%;
	padding:1.125rem 0;
	padding-right:1.25rem;
	color:#000;
	font-size:1.25rem;
	font-weight:600;
	line-height:1.4em;
	text-align:left;
	border-bottom:1px solid #CCC;
}


.BorderTable tbody td{
	padding:1.125rem 0;
	border-bottom:1px solid #CCC;
	font-size:1rem;
	line-height:1.4em;
}

.BorderTable-tit {
	position:relative;
	padding-left:2rem;
	display:inline-block;
}

.BorderTable-tit:before{
	content:'';
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:1.5rem;
	height:1.5rem;
	background-size:1.5rem 1.5rem;
	transform:translateY(-50%);
	margin-top:-0.15rem;
}

.InfoSingleList .BorderTable tbody th{
	width:auto;
}

/* icon */
.BorderTable-tit.location:before{
	background-image:url('../../images/icon/ico_tbl_location.svg');
}

.BorderTable-tit.scale:before{
	background-image:url('../../images/icon/ico_tbl_scale.svg');
}

.BorderTable-tit.purpose:before{
	background-image:url('../../images/icon/ico_tbl_purpose.svg');
}

.BorderTable-tit.equipment:before{
	background-image:url('../../images/icon/ico_tbl_equipment.svg');
}

.BorderTable-tit.facilities:before{
	background-image:url('../../images/icon/ico_tbl_facilities.svg');
}

.BorderTable-tit.capacity:before{
	background-image:url('../../images/icon/ico_tbl_capacity.svg');
}

.BorderTable-tit.etc:before{
	background-image:url('../../images/icon/ico_tbl_etc.svg');
}

.BorderTable-tit.place:before{
	background-image:url('../../images/icon/ico_tbl_place.svg');
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.BorderTable tbody th{
		font-size:1.125rem;
	}
	
	table.m-Block .colgroup{
		display:none;
	}

	table.m-Block,
	table.m-Block thead,
	table.m-Block tbody,
	table.m-Block tr,
	table.m-Block td,
	table.m-Block th{
		display:block !important;
	}
	
	table.m-Block td{
		border-bottom:solid 1px #000;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
    .BorderTable tbody th{
		padding-right:0.75rem;
		font-size: 0.9375rem;
	}
	
    .BorderTable tbody td{
		font-size: 0.9375rem;
	}
	
	.BorderTable-tit{
		padding-left: 1.75rem;
	}
	
	.BorderTable tbody th{
		font-size:1.125rem;
	}
	
	table.m-Block .colgroup{
		display:none;
	}

	table.m-Block,
	table.m-Block thead,
	table.m-Block tbody,
	table.m-Block tr,
	table.m-Block td,
	table.m-Block th{
		display:block !important;
	}
	
	table.m-Block td{
		border-bottom:solid 1px #000;
	}
}

/*=========================================================
	Button
=========================================================*/
/*BasicBtn
=========================================================*/
.BasicBtn{
	display:inline-block;
	position:relative;
	padding:0.96875rem 1.375rem;
	border:2px solid #000;
}

.BasicBtn-txt{
	display:block;
	color:#000;
	font-size:1.125rem;
	font-weight:600;
	line-height:1.4em;
	transition-property: color;
    transition-duration: 0.2s;
}

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

.BasicBtn.is-Disable{
	background-color:#EEEEEE;
	border-color:#EEEEEE;	
}

.BasicBtn.is-Disable .BasicBtn-txt{
	color:#999999;
}

/*hover*/
@media screen and (min-width: 1025px) {
	.BasicBtn:not(.is-Disable):hover:before{
		transform: scaleY(100%);
	}
	
	.BasicBtn:not(.is-Disable):hover .BasicBtn-txt{
		color:#fff;
	}
}

/* SmaillBtn
=========================================================*/
.SmaillBtn{
	display: inline-block;
	position:relative;
    padding: 0.53125rem 0.875rem;
    background-color: #000;
    border-width: 2px;
    border-style: solid;
    border-color: transparent ;
    text-align: center;
}

.SmaillBtn:before {
    content: "";
    background-color: #F53FAB;
    position: absolute;
    bottom: -2px;
    left: -2px;
    right: -2px;
    top: -2px;
    transform: scaleY(0);
    transition-property: transform, color;
    transition-duration: 0.2s;
    transform-origin: bottom;
}

.SmaillBtn-txt {
    color: #fff;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.4em;
    transition-property: color;
    transition-duration: 0.2s;
    position: relative;
    z-index: 1;
}

.SmaillBtn.white{
	background-color:#fff;
	border-color:#000;
}

.SmaillBtn.white:before {
    background-color: #000;
}

.SmaillBtn.white .SmaillBtn-txt {
    color: #000;
}

/*hover*/
@media screen and (min-width: 1025px) {
	.SmaillBtn:not(.is-Disable):hover:before{
		transform: scaleY(100%);
	}
	
	.SmaillBtn:not(.is-Disable):hover .BasicBtn-txt{
		color:#fff;
	}
	
	.SmaillBtn.white:not(.is-Disable):hover .SmaillBtn-txt{
		color:#fff;
	}
}

/*=========================================================
	ConferenceTop
=========================================================*/
.ConferenceTop{
	display: table;
    width: 100%;
	padding:3.5rem 3.6875rem;
	background-color:#E7EDF2;	
}

.ConferenceTopText{  
    display: table-cell;
	padding-right:1.25rem;
	vertical-align: middle;
}

.ConferenceTopText-tit{
	margin-top:0.875rem;
	font-size:1.5rem;
	font-weight:600;
	line-height:1.5em;
}

.ConferenceTopText-tit:first-child{
	margin-top:0;
}

.ConferenceTopBtn{
    display: table-cell;
    width: 1px;
    vertical-align: middle;
	white-space: nowrap;
}

.ConferenceTop .DataDownloadLink{
	background-color:transparent;
	border:1px solid #000;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:749px){
	.ConferenceTop{
		padding: 2rem 2.125rem;
	}
	
	.ConferenceTopText-tit{
		font-size: 1.25rem;
	}
}

@media screen and (max-width:768px) and (min-width:1px){
	.ConferenceTop{
		display:block;
		padding: 2rem 1.25rem;
	}
	
	.ConferenceTopText{
		display:block;
		padding-right:0;
	}
	
	.ConferenceTopText-tit br{
		display:none;
	}
	
	.ConferenceTopText-tit{
		font-size: 1.125rem;
		line-height: 1.6em;
	}
	
	.ConferenceTopText-sub{
		font-size:1rem;
	}
	
	.ConferenceTopText-txt{
		font-size:0.9375rem;
	}
	
	.ConferenceTopText-txt br{
		display:none;
	}
	
	.ConferenceTopBtn{
		display:block;
		width:100%;
		margin-top:2rem;
		white-space:normal;
	}
}

/*=========================================================
	PostTable
=========================================================*/
.PostTable-tbl{
	width:100%;
	table-layout:fixed;
	border-top:3px solid #000;
}

.PostTable thead th{
	padding: 1.25rem 1.0625rem 1.25rem;
	color:#000;
	font-size:1rem;
	font-weight:500;
	line-height: 1.4em;
	border-bottom: 1px solid #000;
	text-align:center;
	vertical-align:middle;	
}

.PostTable tbody td{
	height:5.3125rem;
	padding: 1.25rem 1.0625rem 1.25rem;
	color:#000;
	font-size:1rem;
	font-weight:500;
	line-height: 1.4em;
	border-bottom: 1px solid #000;
	text-align:center;
	vertical-align:middle;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.PostTable-tbl{
		display:block;
		width:100%;
		border-width:2px;
	}
	
	.PostTable thead{
		display:none;
	}
	
	.PostTable tbody {
		display:block;		
	}
	
	.PostTable tbody tr{
		display:block;
		padding: 1.25rem 1.0625rem 1.125rem;
		border-bottom:1px solid #000;
	}
	
	.PostTable tbody td{
		height:auto;
		display:block;
		margin-bottom: 0.5625rem;
		padding:0;
		text-align:left;
		border-bottom:none;
	}
	
	.PostTable tbody td:last-child{
		margin-top:1rem;
		margin-bottom:0;
	}
	
	.PostTable .SmaillBtn{
		width:100%;
	}
}

/*=========================================================
	TeamList
=========================================================*/
.TeamList-list{
	margin:0 -0.625rem;
}

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

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

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

	.TeamList-item{
		padding:0 0.5rem;
	}
}

/*=========================================================
  Paging
=========================================================*/
.Paging{
	margin-top:3.625rem;
	text-align:center;
	font-size:0;
	line-height:0;
}

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

.PagingList-item{
	display:inline-block;
	vertical-align:middle;
	padding:0.5rem 0.188rem;
	text-align:center;
}

.PagingList-link{
	font-size:1.063rem;
	line-height:1.2em;
	display:block;
	padding:0.92rem 0;
	color:#000;
	width:3.125rem;
	height:3.125rem;
	border-radius:100% 100%;
}

.PagingList-current{
	font-size:1.063rem;
	line-height:1.2em;
	display:block;
	padding:0.92rem 0;
	background-color:#F4F4F4;
	width:3.125rem;
	height:3.125rem;
}

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

.PagingPrevButton-item{
	display:inline-block;
	vertical-align:middle;
	margin-right:0.5rem;
}

.PagingPrevButton-item:last-child{
	margin-right:0;
}

.PagingPrevButton-link{
	font-size:1.063rem;
	line-height:1.2em;
	display:block;
	padding:0.92rem 0;
	color:#000;
	width:3.125rem;
	height:3.125rem;
	border-radius:100% 100%;
	position:relative;
}

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

.PagingNextButton-item{
	display:inline-block;
	vertical-align:middle;
	margin-left:0.5rem;
}

.PagingNextButton-item:first-child{
	margin-left:0;
}

.PagingNextButton-link{
	font-size:1.063rem;
	line-height:1.2em;
	display:block;
	padding:0.92rem 0;
	color:#000;
	width:3.125rem;
	height:3.125rem;
	border-radius:100% 100%;
	position:relative;
}

.prev .PagingPrevButton-link:after{
	content:"";
	width:0.563rem;
	height:0.875rem;
	background-image:url(../../images/icon/ico_paging_prev.svg);
	background-size:0.563rem 0.875rem;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.next .PagingNextButton-link:after{
	content:"";
	width:0.563rem;
	height:0.875rem;
	background-image:url(../../images/icon/ico_paging_next.svg);
	background-size:0.563rem 0.875rem;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.Paging-NoItem{
	opacity:0.3;
}

@media screen and (min-width:1025px){
	.PagingList-link:hover{
		background-color:#F4F4F4;
	}
	
	.PagingPrevButton-link:hover{
		background-color:#F4F4F4;
	}
	
	.PagingNextButton-link:hover{
		background-color:#F4F4F4;
	}
}

@media screen and (max-width:1024px) and (min-width:1px){
	.Paging{
		margin-top: 3rem;
		text-align:center;
	}
	
	.PagingList-link{
		font-size:0.875rem;
		width:1.875rem;
		height:1.875rem;
		padding: 0.4rem 0;
	}
	
	.PagingList-current{
		font-size:0.875rem;
		width:1.875rem;
		height:1.875rem;
		padding: 0.4rem 0;
	}
	
	.PagingPrevButton-link{
		font-size:0.875rem;
		width:1.875rem;
		height:1.875rem;
		padding: 0.4rem 0;
	}
	
	.PagingNextButton-link{
		font-size:0.875rem;
		width:1.875rem;
		height:1.875rem;
		padding: 0.4rem 0;
	}
	
	.PagingList-item{
		padding:0;
	}
}

/*=========================================================
  PostNotice
=========================================================*/
.PostNotice{
	border-top:3px solid #000;
}

.PostNotice-item{
	border-bottom:1px solid #000;
}

.PostNoticeItem-link{
	display:table;
	width:100%;
	table-layout:fixed;
	padding:1.8125rem 1.0625rem 1.5rem;
}

.PostNoticeItem-ico{
	display:table-cell;
	width:2.125rem;
	vertical-align:middle;
}

.PostNoticeItem-ico img{
	display:block;
	width:1.125rem;
}

.PostNoticeItem-num{
	display:table-cell;
	width:7.125rem;
	padding-right: 0.75rem;
	color:#000;
	font-size:1rem;	
	line-height:1.4em;
	vertical-align:middle;
}

.PostNoticeItem-cate{
	display:table-cell;
	width:6.875rem;
	color:#000;	
	font-size:1rem;	
	font-weight:500;
	line-height:1.4em;
	vertical-align:middle;
}

.PostNoticeItemTitle{
	display:table-cell;
	vertical-align:middle;
}

.PostNoticeItemTitle-tit{
	overflow:hidden;
	display:block;
	color:#000;
	font-size:1rem;
	font-weight:bold;	
	line-height:1.4em;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.PostNoticeItem-date{
	display:table-cell;
	width:6.3125rem;
	color:#000;
	font-size:1rem;	
	line-height:1.4em;
	text-align:right;
	vertical-align:middle;
}

.PostNoticeItemFile{
	display:table-cell;
	width:13.25rem;
	text-align:center;
	vertical-align:middle;
}

.PostNoticeItemFile-link{
	display:block;
	line-height:0;
}

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

/* responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.PostNoticeItem-num{
		width: 5.125rem;
	}
	
	.PostNoticeItemFile{
		width: 4.25rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.PostNoticeItem-link{
		display:block;
		padding:1.25rem 1.0625rem 1.125rem
	}
	
	.PostNoticeItem-num{
		display:none;
	}
	
	.PostNoticeItem-cate{
		display:block;
		width:100%;
		margin-bottom: 0.5rem;
		font-size: 0.875rem;
	}
	
	.PostNoticeItemTitle{
		display:block;
	}
	
	.PostNoticeItemTitle-tit{
		white-space:normal;
		max-height:2.8em;
		display:-webkit-box;
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical;
	}
	
	.PostNoticeItem-date{
		display:block;
		width:100%;
		margin-top: 0.5rem;
		font-size: 0.875rem;
	}
	
	.PostNoticeItem.notice .PostNoticeItem-link{
		font-size:0;
		line-height:0;
	}
	
	.PostNoticeItem.notice .PostNoticeItemTitle{
		display:inline-block;
		width: calc(100% - 2.125rem);
	}
	
	.PostNoticeItemFile{
		display:inline-block;
		width:100%;
		text-align:right;		
	}
	
	.PostNoticeItem-ico{
		display:inline-block;
	}
}

/*=========================================================
	GrayText
=========================================================*/
.GrayText{
	color:#666;
	font-size:1.25rem;
	line-height:1.4em;
}

/* responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.GrayText{
		font-size:0.9375rem;
	}	
}

/*=========================================================
  DiscountNoti
=========================================================*/
.DiscountNoti{
	margin-bottom:1.875rem;
	padding:1.75rem 2.125rem 1.625rem;
	background-color:#F7F7F7;
}

.DiscountNotiTitle-tit{
	display:block;
	position:relative;
	font-size:1rem;
	font-weight:600;
	line-height:1.4em;
	padding-left:1.6875rem;
}

.DiscountNotiTitle-tit:before{
	content:'';
	display:block;
	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;
	left:0;
}

.DiscountNotiText{
	margin-top:0.5625rem;
}

.DiscountNotiText-txt{
	position:relative;
	margin-bottom: 0.25rem;
	padding-left: 0.5rem;
	color:#000;
	font-size:0.875rem;
	line-height:1.4em;	
}

.DiscountNotiText-txt:before{
	content:'·';
	display:block;
	position:	absolute;
	top:0;
	left:0;
	color:#000;
	font-size:0.875rem;
	line-height:1.4em;	
}

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

.DiscountNotiText-link{
	display:inline-block;
	margin-left:0.625rem;
	color:#000;
	font-size:0.875rem;
	line-height:1.4em;		
	text-decoration:underline;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.DiscountNoti{
		margin-bottom: 1.5rem;
		padding:1.25rem 1rem;
	}

	.DiscountNotiTitle-tit{
		font-size:0.875rem;
	}
}

/*=========================================================
	SmallTitle 
=========================================================*/
.SmallTitle {
	font-size:1rem;
	font-weight:bold;
	line-height:1.4em;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.SmallTitle{
		font-size:0.9375rem;
	}
}

/*=========================================================
	PaymentInfo 
=========================================================*/
.PaymentInfo{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	padding: 0.5625rem 1.25rem;
	background-color:#F7F7F7;
}

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

.PaymentInfo .TextBullet-bullet,
.PaymentInfo .TextBullet-txt{
	font-size:0.875rem;
}

/*=========================================================
	MypageInfoBox 
=========================================================*/
.MypageInfoBox{
	margin:0 -1.25rem;
}

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

.MypageInfoBox-item{
	float:left;
	width:50%;
	padding:0 1.25rem;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.MypageInfoBox{
		margin: -0.625rem 0;
	}

	.MypageInfoBox-item{
		float:none;
		width:100%;
		padding: 0.625rem 0;
	}	
}

/*=========================================================
	InfoBox 
=========================================================*/
.InfoBox{
	margin-bottom:1.125rem;
}

.InfoBoxTitle{
	margin-bottom: 1.125rem;
}

.InfoBoxTitle-tit{
	display:block;
	font-size:1.5rem;
	font-weight:bold;
	line-height:1.4em;	
}

.InfoBoxCont{
	padding: 1.125rem 0;
	border-top:1px solid #000;	
	border-bottom:1px solid #ccc;	
}

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

.InfoBoxCont-inner{
	float:left;
	width:50%;
	padding:1.25rem 1.25rem;
}

.InfoBoxCont-inner:nth-child(2n+1){
	clear:both;
}

.InfoBoxCont-tit{
	margin-bottom:1.125rem;
	font-size:1.25rem;
	font-weight:600;
	line-height:1.4em;	
}

.MypageInfo .DiscountNotiText-txt{
	font-size:1rem;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.InfoBoxTitle{
		margin-bottom: 1rem;
		padding-bottom: 0.75rem;
	}
	
	.InfoBoxTitle-tit{
		font-size:1.125rem;
	}	

	.MypageInfo .DiscountNotiText-txt{
		font-size:0.9375rem;
	}

	.InfoBoxCont-inner{
		float:none;
		width:100%;
		padding:0.5rem 0;
	}
}

/*=========================================================
	BgTextBox
=========================================================*/
.BgTextBox{
	padding:3.75rem 3.75rem;
	background-color:#F7F7F7;
}

.BgTextBox-inner:after{
	content:'';
	display:block;
	clear:both;
}

.BgTextBoxTitle{
	float:left;
	width: calc(100% - 62.75%);
	padding-right:5rem;
}

.BgTextBoxTitle-txt{
	color:#fff;
	font-size:
}

.BgTextBoxCont{
	overflow:hidden;
}

.BgTextBoxCont-list{
	margin:-1.875rem 0;	
}

.BgTextBoxCont-item{
	padding:1.875rem 0;
	border-bottom:1px solid #CCC;
}

.BgTextBox .TextBullet-bullet,
.BgTextBox .TextBullet-txt{
	color:#000;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:749px){
	.BgTextBox{
		padding: 2rem 1.25rem;
	}
	
	.BgTextBoxTitle{
		padding-right:2rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.BgTextBox{
		padding:2rem 1.25rem;
	}
	
	.BgTextBoxTitle{
		float:none;
		width: 100%;
		margin-bottom: 2.188rem;
		padding-right:0;
	}
	
	.BgTextBoxCont-list{
		margin:-1.5rem 0;
	}
	
	.BgTextBoxCont-item{
		padding:1.5rem 0;
	}
}

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

.StepItemNum{	
	float:left;
	padding-right:1rem;
}

.StepItemNum-txt{
	display:block;
	width:2.25rem;
	height:2.25rem;
	padding:0.375rem 0;
	color:#722EA5;
	font-size:1.125rem;
	font-weight:bold;
	line-height:1.2em;
	text-align:center;
	border:1px solid #722EA5;
	border-radius:100%;
}

.StepItemText{
	overflow:hidden;
}

.StepItemText-tit{
	display:block;
	font-size:1.25rem;
	font-weight:600;
	line-height:1.8em;	
}

.StepItemText .TextBullet{
	margin-top:0.6875rem;
}

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

@media screen and (max-width:747px) and (min-width:1px){
	.StepItemNum{
		padding-right: 0.5rem;
	}
	
	.StepItemNum-txt{
		width:1.875rem;
		height:1.875rem;
		padding:0.375rem 0;
		font-size:0.875rem;
	}
	
	.StepItemText-tit{
		font-size:1rem;
	}
}


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

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

.ContactBox-item:after{
	content:'';
	display:block;
	clear:both;
}

.ContactBox-tit{
	float:left;
	width:50%;
	padding-right: 1.5rem;
}

.ContactBox-cont{
	overflow:hidden;
}

.ContactTitle-tit{
	font-size:2.5rem;
	font-weight:bold;
	line-height:1.4em;
}

.ContactTitle-txt{
	margin-top:1.625rem;
	font-size:1rem;
	line-height:1.6em;
}

/* ContactProgress */
.ContactProgress{
	margin-bottom:0.875rem;
}

.ContactProgress-list{
	margin:-0.3125rem -0.3125rem;	
	display:flex;
}

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

.ContactProgress-item{
	/* float:left; */
	width:25%;
	padding:0.3125rem 0.3125rem;
}

.ProgressItem{
	position:relative;
	width:100%;
	border:2px solid #000;
	border-radius:100%;
}

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

.ProgressItem-inner{
	position:absolute;
	top:50%;
	left:1rem;
	right:1rem;
	transform:translateY(-50%);
	text-align:center;
	font-size:0;
	line-height:0;
}

.ProgressItem-tit{
	display:inline-block;
	color:#000;
	font-size:1rem;
	font-weight:bold;
	line-height:1.2em;
	border-bottom:2px solid #000;
}

.ProgressItem-txt{
	margin-top:0.75rem;
	font-size:1.25rem;
	font-weight:600;
	line-height:1.4em;
}

.ContactNotice-txt{
	position:relative;
	padding-left:1.4375rem;
	font-size:0.875rem;
	line-height:1.7em;
}

.ContactNotice-txt:before{
	content:'';
	display:block;
	width:1.125rem;
	height:1.125rem;
	background-image:url('../../images/icon/ico_pin_comm.svg');
	background-size: 1.125rem 1.125rem;
	position:absolute;
	top:2px;
	left:0;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.ContactBox-tit{
		width:35%;
	}

	.ProgressItem-txt{
		font-size:1.125rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.ContactBox-item{
		margin-bottom:3.625rem;
	}

	.ContactBox-tit{
		float:none;
		width:100%;
		margin-bottom:2rem;
		padding-right:0;
	}
	
	.ContactBox-cont{
		overflow:hidden;
	}

	.ContactTitle-tit{
		font-size:1.5rem;
		font-weight:bold;
		line-height:1.4em;
	}	
	
	.ContactTitle-txt{
		margin-top:1rem;
	}
	
	/* ContactProgress */
	.ContactProgress{
		margin-bottom:1.125rem;
	}

	.ContactProgress-list{
		margin:-0.3125rem -0.3125rem;	
	}

	.ContactProgress-item{
		padding:0.3125rem 0.3125rem;
	}

	.ProgressItem{
		border-width:1px;
	}

	.ProgressItem-inner{
		left:0.5rem;
		right:0.5rem;
	}

	.ProgressItem-tit{
		font-size:0.75rem;
	}

	.ProgressItem-txt{
		margin-top:0.25rem;
		font-size:0.875rem;
	}
}

/*=========================================================
	ContactSmallTitle
=========================================================*/
.ContactSmallTitle{
	color:#000;
	font-size:1.5rem;
	font-weight:bold;
	line-height:1.4em;
}

/*=========================================================
	SelectBox
=========================================================*/
.SelectBox-select{
	display:block;
	width:100%;
	color:#A5A5A6;
}

.SelectBox-select{	
	background-image:url('../../images/icon/ico_triangle_arrow.svg');
	background-size:0.75rem 0.375rem;
	background-position:top 50% right 0;
	background-repeat:no-repeat;
   -webkit-appearance: none;
   -moz-appearance: none;
    appearance: none;
}

.SelectBox-select option{
	color:#000;
}

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

.SelectBox-select{
	flex:1;
    padding: 0.75rem 0;
	color:#000;
	font-size:1rem;
	line-height:normal;
	border-bottom: 2px solid #000;
}

.SelectBox .UnderLineInput{
	flex:1;
	width:50%;
	padding-right:1rem;
}

.SelectBox .UnderLineInput{
	display:none;
}

.SelectBox-select:focus{
	border-color:#722EA5;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.SelectBox-select{
		font-size:0.875rem;
		border-width:1px;
	}
}


/*=========================================================
	EmailInputBox
=========================================================*/
.EmailInputBox{
	position:relative;
	padding-right:8.125rem;
}

.EmailInput{
	display:table;
	width:100%;
}

.EmailInput-input{
	position:relative;
	display:table-cell;
	padding-right:2.375rem;
	vertical-align: middle;
	width:33.3333%;
}

.EmailInput-input:last-child{
	padding-right:0;
}

.EmailInput-input:last-child .EmailInput-select{
	width:100%;
	display:block;
}

.EmailInput-txt{
	position:absolute;
	display:block;
	color:#000;
	font-size:1.25rem;
	font-weight:bold;
	line-height:1.4em;
	top:50%;
	right:0.6875rem;
	transform:translateY(-50%);
}

.EmailInput-select{
	display:table-cell;
	width: 46.5%;
	vertical-align: middle; 
	font-size:0;
	line-height:0;
}

.EmailInputBox-btn{
	width:6.875rem;
	position:absolute;	
	top:0;
	right:0;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.EmailInputBox{
		padding-right:0;
	}
	
	.EmailInput-select{
		width:60%;
	}
	
	.EmailInputBox-btn{
		width:100%;
		position:static;
		margin-top:1rem;
	}
}

/*=========================================================
	InputButton
=========================================================*/
.Authentication{
	position: relative;
    padding-right: 8.125rem;
}

.Authentication-btn{
	width:6.875rem;
	position:absolute;
	top:0;
	right:0;
}

/*=========================================================
	InputButton
=========================================================*/
body .UnderLineInput-input::-ms-input-placeholder {
	color:#A5A5A6;
}

body .SelectBox-txt:-ms-input-placeholder {
	color:#A5A5A6;
}

/*=========================================================
	InputButton
=========================================================*/
.InputButton{
	display:block;
	width:100%;
	padding:0.625rem 0.625rem;
	background-color:#000;
	border-width:2px !important;
	border-style:solid !important;
	border-color:transparent !important;
	text-align:center;
}



.InputButton-txt{
	color:#fff;
	font-size:0.9375rem;
	font-weight:600;
	line-height:1.2em;
	transition-property: color;
    transition-duration: 0.2s;
	position:relative;
	z-index:1;
}

.InputButton.white{
	background-color: #fff;
	border-color: #000 !important;
	position:relative;
}

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

.InputButton.white .InputButton-txt{
	color:#000;
}

.InputButton.white:before{
	background-color:#722EA5;
}

@media screen and (min-width:1025px){
	.InputButton.white:hover{
		border-color:#722EA5 !important;
	}
	
	.InputButton:hover:before{
		transform:scaleY(100%);
	}
	
	.InputButton:hover .InputButton-txt{
		color:#fff;
	}
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.InputButton{
		border-width:1px !important;
	}
	
	.InputButton-txt{
		font-size:0.875rem;
	}
}

/*=========================================================
	ContactBoxAgreement
=========================================================*/
.ContactBoxAgreement{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-end;
	margin-top:0.8125rem;
}

.ContactBoxAgreement-txt{
	font-size:0.875rem;
	line-height:1.8em;
}

.ContactBoxAgreement-chk{
	width:12%;
	text-align:right;
}

.ContactBoxAgreement-chk .BasicChkbox{
	display:inline-block;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.ContactBoxAgreement-chk{
		width:100%;
	}
}

/*=========================================================
	ContactCategory
=========================================================*/
.ContactCategory-list{
	margin:-0.21875rem -0.625rem;	
	font-size:0;
	line-height:0;
}

.ContactCategory-item{
	display:inline-block;
	padding:0.21875rem 0.625rem;
}

/*Required*/
.Required{
	display:inline-block;
	color:#EB5641;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.ContactCategory-list{
		margin: -0.21875rem -0.375rem;
	}
	
	.ContactCategory-item{
		padding: 0.21875rem 0.375rem;
	}
}

/*=========================================================
	ContactBoxBtn
=========================================================*/
.ContactBoxBtn{
	margin-top:3.4375rem;
	font-size:0;
	line-height:0;
	text-align:center;
}

.ContactBoxBtn-txt{
	display:inline-block;
	padding:1.125rem 3.5rem; 
	color:#fff;
	font-size:1.125rem;
	line-height:1.3em;
	font-weight:600;
	background-color:#000;
	position:relative;
}

.ContactBoxBtn-txt: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;
}

.ContactBoxBtn-color{
	position:relative;
	z-index:1;
	display:block;
}

@media screen and (min-width: 1025px) {
	.ContactBoxBtn-txt:hover:before{
		transform:scaleY(100%);
	}
}

/*=========================================================
  TextRadio
=========================================================*/
body .TextRadio-input{
	display:none;
}

.TextRadio-label{
	display: block;
    color: #A5A5A6;
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 1.4em;
}

body .TextRadio-input:checked + .TextRadio-label{
	color:#000;
}

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

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

@media screen and (max-width:747px) and (min-width:1px){	
	.TextRadio-label{
		font-size:1.25rem;
	}
}

/*=========================================================
  ContactCalender
=========================================================*/
body .ContactCalender-input{
	display:block;
	width:100%;
	font-size:1rem;
	font-weight:500;
	line-height:normal;
	color:#000;
	padding:0.6875rem 0;
	padding-left:2rem;
	cursor:pointer;
	background-image:url(../../images/icon/ico_calendar02_black.svg);
	background-size:1.5rem 1.5rem;
	background-position:0 center;
	background-repeat:no-repeat;
	border-bottom:2px solid #000;
}

body .ContactCalender-input::-webkit-input-placeholder {
	color:#000;
}
body .ContactCalender-input:-ms-input-placeholder {
	color:#000;
}

body .ContactCalender-input:focus{
	border-color:#722EA5;
}
@media screen and (max-width:747px) and (min-width:1px){
	body .ContactCalender-input{
		font-size:0.875rem;
	}
}

.CnTel{
	display:flex;
	justify-content:space-between;
}

.CnTel .ContactCalender{
	width:calc(50% - 2rem);
	position:relative;
}

.CnTel .ContactCalender:first-child:after{
	content:"-";
	position:absolute;
	top:50%;
	right: -2rem;
	transform:translateY(-50%);
}

/*=========================================================
	datepicker
=========================================================*/
body .ui-datepicker{
	border-radius:0;
	border-color:#000 !important;
	background-color:#fff;
	padding:1rem 1rem !important;
	width:auto !important;
}  

body .ui-datepicker * {
	font-family: 'Pretendard','Poppins', Helvetica, "Apple SD Gothic Neo",Dotum, 돋움, sans-serif !important;
}

body .ui-datepicker .ui-datepicker-header{
	padding:0;
	background-color:#fff;
	border-radius:0;
	border:none;
}

.ui-state-default, .ui-widget-content 
.ui-state-default, .ui-widget-header 
.ui-state-default, .ui-button, html 
.ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active{
	border:0 !important;
    background: #0000 !important;
    color: #000 !important;
	padding:2px 6px;
}

.ui-datepicker th span{
	color:#000 !important;
}

.ui-datepicker .ui-datepicker-title{
	color:#000 !important;
	font-weight:500;
}

.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year{
	color:#000 !important;
	width:auto !important;
	display:inline-block;
}

.ui-datepicker select.ui-datepicker-month{
	margin-left:0.5rem !important;
}

.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next{
	top:-2px !important;
	cursor:pointer;
}

.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, 
.ui-button:active, 
.ui-button.ui-state-active:hover{
	background-color:#000 !important;
	color:#fff !important;
	font-weight:600 !important;
}

/*=========================================================
	ChkboxList-list
=========================================================*/
.ChkboxList-list{
	margin: -0.4375rem -1.25rem;
}

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

.ChkboxList-item{
	float:left;
	width:25%;
	padding: 0.4375rem 1.25rem;
}

.ListClear .ChkboxList-item{
	width:50%;
}

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

.ChkboxList-item:nth-child(4n+1){
	clear:both;
}

/* ChkboxList.path */
.ChkboxList.path .ChkboxList-list{
	margin: -0.25rem 0;
}

.ChkboxList.path .ChkboxList-item{
	float:none;
	width:100%;
	padding: 0.25rem 0;
}


/* BasicChkbox-label */
.ChkboxList .BasicChkbox-label{
	color:#666;
	font-size:1rem;
}

.ChkboxList .BasicChkbox-input:checked + .BasicChkbox-label{
	color:#000;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.ChkboxList-list{
		margin: -0.4375rem -0.5rem;
	}
	
	.ChkboxList-item{
		width:33.33%;
		padding: 0.4375rem 0.5rem;
	}
	
	/* BasicChkbox-label */
	.ChkboxList .BasicChkbox-label{
		font-size:0.9375rem;		
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.ChkboxList-list{
		margin: -0.25rem -1.25rem;
	}
	
	.ChkboxList-item{
		width:50%;
		padding: 0.25rem 1.25rem;
	}
	
	/* BasicChkbox-label */
	.ChkboxList .BasicChkbox-label{
		font-size:0.875rem;
	}
}

/*=========================================================
	BasicRadio
=========================================================*/
.BasicRadio .BasicRadio-input{
	display:none;
}

.BasicRadio-label{
	display:inline-block;
	position:relative;
	padding-left:1.875rem;
	color:#666;
	font-size: 1rem;
	font-weight:500;
	line-height:1.8em;
	cursor:pointer;
}

.BasicRadio-label:before{
	content:'';
	display:block;
	width:1.5rem;
	height:1.5rem;
	position:absolute;
	top:0;
	left:0;
	background-image:url('../../images/icon/ico_radio.svg');
	background-size:1.5rem 1.5rem;
}

.BasicRadio-input:checked + .BasicRadio-label:before{
	background-image:url('../../images/icon/ico_radio_checked.svg');	
}

.BasicRadio-input:checked + .BasicRadio-label{
	color:#000;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.BasicRadio-label{
		padding-left:1.65rem;
	}
	.BasicRadio-label:before{
		margin-top:1px;
		width:1.25rem;
		height:1.25rem;
		background-size:1.25rem 1.25rem;
	}
}

/*=========================================================
	CompletePopup
=========================================================*/
.CompletePopup{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100000;
	opacity: 0;
	visibility: hidden;
}

.CompletePopupDim {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: .7;
}

.CompletePopupBox{
	width: calc(100% - 2.5rem);
    max-width: 35.4375rem;
	max-height: calc(100% - 2.5rem);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 10;
    background-color: #fff;
}

.CompletePopupBox-inner{
	padding: 3.0625rem 1.25rem;
}

.CompletePopupBox-tit{
	font-size:1.25rem;
	font-weight:600;
	line-height:1.4em;
	text-align:center;
}

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

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.CompletePopupBox-tit{
		font-size:1.125rem;
	}	
	.CompletePopupBox-inner{
		padding: 2rem 1.25rem;
	}
}

/*=========================================================
	ServiceTitle
=========================================================*/
.ServiceTitle-tit{
	font-size:2rem;
	font-weight:bold;
	line-height:1.4em;
}

.ServiceTitle-sub{
	margin-top:1.375rem;
	color:#666;
	font-size:1.5rem;
	font-weight:bold;
	line-height:1.4em;
}

.ServiceTitle-txt{
	margin-top:1.5625rem;
	color:#666;
	font-size:1rem;
	line-height:1.4em;
}

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

	.ServiceTitle-sub{
		margin-top:1.5rem;
		font-size:1.25rem;
	}

	.ServiceTitle-txt{
		margin-top:1rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.ServiceTitle-tit{
		font-size:1.5rem;
	}

	.ServiceTitle-sub{
		margin-top:1.5rem;
		font-size:1.125rem;
	}

	.ServiceTitle-txt{
		margin-top:0.75rem;
		font-size:0.9375rem;
	}
}

/*=========================================================
	siteSingle
=========================================================*/
.siteSingle{
	padding-top:4.375rem;
}

.SingleTitle{
	font-size: 3rem;
    line-height: 1.15em;
    color: #000;
    font-weight: bold;
}

@media screen and (max-width:1024px) and (min-width:748px){
	.SingleTitle{
		font-size: 2rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.siteSingle{
		padding-top:3.375rem;
	}

	.SingleTitle{
		font-size: 2.25rem;
	}
}
/*=========================================================
	ServiceDetail
=========================================================*/
.ServiceDetail-list{
	margin:0 -1.25rem;
}

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

.ServiceDetail-item{
	float:left;
	width:50%;
	padding:0 1.25rem;
}

.ServiceDetail-item.Wide{
	width:100%;
}

.ServiceDetail-link{
	margin-top:1.25rem;
	text-align:right;
	font-size:0;
}

/* ServiceDetailItem */
.ServiceDetailItem{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding:2.5rem 0;
	border-top:1px solid #000;
}

.ServiceDetailItemTitle-txt{
	position:relative;
	padding-left:2.125rem;
	color:#666;
	font-size:1.25rem;
	line-height:1.4em;
}

.ServiceDetailItemTitle-txt:before{
	content:'';
	display:block;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	width: 1.5rem;
	height: 1.5rem;
	background-size: 1.5rem 1.5rem;
}

/* icon */
.ServiceDetailItemTitle-txt.ico-time:before{
	background-image:url(../../images/icon/ico_time_purple.svg);
}

.ServiceDetailItemTitle-txt.ico-seat:before{
	background-image:url(../../images/icon/ico_seat_purple.svg);
}

.ServiceDetailItemTitle-txt.ico-phone:before{
	background-image:url(../../images/icon/ico_phone_purple.svg);
}

.ServiceDetailItemTitle-txt.ico-time:before{
	background-image:url(../../images/icon/ico_time_purple.svg);
}

.ServiceDetailItemTitle-txt.ico-price:before{
	background-image:url(../../images/icon/ico_price_purple.svg);
}

/* ServiceDetailItemCont */
.ServiceDetailItemCont-item{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:0.6875rem;
}

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

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

.ServiceDetailItemCont-txt{
	padding-left:0.9375rem;
}

.ServiceDetailItemCont-txt .TextBullet-bullet,
.ServiceDetailItemCont-txt .TextBullet-txt{
	font-size:1.125rem;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){

}

@media screen and (max-width:747px) and (min-width:1px){
	.ServiceDetail-list{
		margin:0;
	}
	
	.ServiceDetail-item{
		float:none;
		width:100%;
		padding: 0;
	}
	
	/* ServiceDetailItem */
	.ServiceDetailItemTitle-txt{
		padding-left: 1.75rem;
		font-size: 1rem;
	}
	
	.ServiceDetailItemTitle-txt:before{
		width: 1.25rem;
		height: 1.25rem;
		background-size: 1.25rem 1.25rem;
	}
	
	.ServiceDetailItemCont-item{
		justify-content:space-between;
		align-items: center;
	}
	
	.ServiceDetailItemCont-tit{
		font-size: 1rem;
	}
	
	.ServiceDetailItemCont-txt {
		padding-left: 0;
	}
	
	.ServiceDetailItemCont-txt .TextBullet-bullet, 
	.ServiceDetailItemCont-txt .TextBullet-txt {
		font-size: 0.9375rem;
	}
}

/*=========================================================
	AdBannerTop
=========================================================*/
.AdBannerTop{
	overflow:hidden;
	position:relative;
	padding:3.25rem 3.25rem;
}

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

.AdBannerTopBg:before{
	content:'';
	display:block;
	top:0;
	bottom:0;
	left:0;
	right:0;
	position:absolute;
	z-index:1;
	background-color:rgba(0,0,0,0.6);
}

.AdBannerTopBg-img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	filter: blur(2px);
	object-fit: cover;
    width: 100%;
    height: 100%;
}

.AdBannerTopCont{
	display:table;
	width:100%;
	position:relative;
	z-index:5;
}

.AdBannerTopContThumb{
	overflow:hidden;
	display:table-cell;
	position:relative;
	width: 38.70%;
	vertical-align:middle;
}

.AdBannerTopContThumb:before{
	content:'';
	display:block;
	padding-top:65.15%;
}

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

.AdBannerTopContText{
	display:table-cell;
	padding-left:2.5rem;
	vertical-align:middle;
}

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

.AdBannerTopContText-sub{
	margin-top:1.5625rem;
	color:#fff;
	font-size:1.5rem;
	font-weight:600;
	line-height:1.4em;
}

.AdBannerTopContText-txt{
	margin-top:1rem;
	color:#fff;
	font-size:1rem;
	line-height:1.4em;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.AdBannerTop{
		padding:2rem 2rem;
	}
	
	.AdBannerTopContThumb{
		width:35%;
	}
	
	.AdBannerTopContText{
		padding-left:1.5rem;
	}

	.AdBannerTopContText-tit{
		font-size:1.75rem;
	}

	.AdBannerTopContText-sub{
		margin-top:0.5rem;
		font-size:1.25rem;
	}

	.AdBannerTopContText-txt{
		margin-top:0.5rem;
		font-size:0.9375rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.AdBannerTop{
		padding:2rem 1.5rem 2.75rem;
	}
	
	.AdBannerTopCont{
		display:block;
	}
	
	.AdBannerTopContThumb{
		display:block;
		width:100%;
	}
	
	.AdBannerTopContText{
		display:block;
		padding-left:0;
		padding-top:1.25rem;
	}

	.AdBannerTopContText-tit{
		font-size:1.75rem;
	}

	.AdBannerTopContText-sub{
		margin-top:0.5rem;
		font-size:1rem;
	}
	
	.AdBannerTopContText-sub br{
		display:none;
	}

	.AdBannerTopContText-txt{
		margin-top:0.875rem;
		font-size:0.9375rem;
	}
	
	.AdBannerTopContText-txt br{
		display:none;
	}
	
	.AdBannerTop{
		margin-left:-2rem;
		margin-right:-2rem;
	}
}

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

/*=========================================================
	AdDetailInfo
=========================================================*/
.AdDetailInfo-list{	
	margin:-0.625rem -0.625rem;
}

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

.AdDetailInfo-item{
	float:left;
	width:33.33%;
	padding:0.625rem 0.625rem;
}

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

	.AdDetailInfo-item{
		width:50%;
		padding:0.375rem 0.375rem;
	}
}

/*=========================================================
	GrayInfoBox
=========================================================*/
.GrayInfoBox{
	position:relative;
	background-color:#F7F7F7;
}

.GrayInfoBox:after{
	content:"";
	display:block;
	padding-bottom:37.69%;
}

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

.GrayInfoBox-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;
}

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

/*=========================================================
	AdSampleList
=========================================================*/
.AdSampleList-list{
	margin:-1.25rem 0;
}

.AdSampleList-item{
	padding:1.25rem 0;
}

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

.AdSampleItemThumb{
	overflow:hidden;
	position:relative;
	float:left;
	width:52.23%;
}

.AdSampleItemThumb:before{
	content:'';
	display:block;
	padding-top:61.11%;
}

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

.AdSampleItemCont{
	overflow:hidden;
	padding-left:1.25rem;
}

.AdSampleItemCont-tit{
	font-size:1.5rem;
	font-weight:bold;
	line-height:1.4em;
}

.AdSampleItemCont-txt{
	margin-top:0.9375rem;
	color:#666;
	font-size:1rem;
	line-height:1.7em;
}

.AdSampleItem .TextBullet-bullet,
.AdSampleItem .TextBullet-txt{
	font-size:1.125rem;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.AdSampleItemThumb{
		float:none;
		width:100%;
	}
	
	.AdSampleItemCont{
		padding-left:0;
		padding-top:1.25rem;
	}
	
	.AdSampleItemCont-tit{
		font-size:1.25rem;
	}
	
	.AdSampleItemCont-txt{
		margin-top:0.875rem;
		font-size: 0.9375rem;
	}

	.AdSampleItem .TextBullet-bullet,
	.AdSampleItem .TextBullet-txt{
		font-size: 0.9375rem;
	}
}

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

.ImageSlideItem{
	width:100%;
	height:38.75rem;
}

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

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

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

body .ImageSlide-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;
}

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

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

body .ImageSlide-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:2.5rem;
	transform:translateY(-50%);
	opacity:0.8;
	transition-property: opacity;
	transition-duration: 0.3s;
	z-index:50;
	cursor:pointer;
}

body .ImageSlide-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:2.5rem;
	transform:translateY(-50%);
	opacity:0.8;
	transition-property: opacity;
	transition-duration: 0.3s;
	z-index:50;
	cursor:pointer;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.ImageSlide {
		width: auto;
		margin-left: -2rem;
		margin-right: -2rem;
	}
	
	.ImageSlideItem{
		height:24.875rem;
	}
	
	body .ImageSlide-prev{
		display:none;
	}

	body .ImageSlide-next{
		display:none;
	}
}

/*=========================================================
	PackageInfo
=========================================================*/
.PackageInfo-list{	
	margin:-1.25rem -1.25rem;
}

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

.PackageInfo-item{
	float:left;
	width:50%;
	padding:1.25rem 1.25rem;
}

.PackageInfo-item:nth-child(2n+1){
	clear:both;
}

.PackageInfoItemHeader{
	margin-bottom:0.875rem;
	padding-bottom:1.125rem;
	font-size:1.5rem;
	font-weight:bold;
	line-height:1.4em;
	border-bottom:1px solid #000;
}

.PackageInfoItemBody-inner{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:1.0625rem;
}
.PackageInfoItemBody-inner:last-child{
	margin-bottom:0;
}

.PackageInfoItemBody-tit{
	width:100%;
	margin-bottom:1rem;
	font-size:1rem;
	font-weight:600;
	line-height:1.4em;
}

.PackageInfoItemBody-txt{
	width:100%;
}

.Nowrap{
	flex-wrap:nowrap;
}

.Nowrap .PackageInfoItemBody-tit{
	width:50%;
	margin-bottom:0;
}

.Nowrap .PackageInfoItemBody-txt{
	width:50%;
}

.DesignPackage .PackageInfoItemBody-tit{
	width:32%;
}

.DesignPackage .PackageInfoItemBody-txt{
	width:68%;
}

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

	.PackageInfo-item{
		float:none;
		width:100%;
	}
}

/*=========================================================
	PackageSc
=========================================================*/
/* PackageScHeader
=========================================================*/
.PackageScHeader{
	position:relative;
	padding-right:20.75rem;
}

.PackageSlide-pagination{
	position:absolute;
	top:0;
	right:0;
	z-index:10;
	margin: -0.625rem -0.625rem;
}

.PackageSlide-pagination .swiper-pagination-bullet:after{
	content:'';
	display:block;
	clear:both;
}

.PackageSlide-pagination .swiper-pagination-bullet{
	width:auto;
	height:auto;
	border-radius:unset;
	background-color:transparent;
	margin:0;
	padding:0.625rem 0.625rem;
}

.PackageSlide-pagination .PackageSlide-bullet{
	display:block;
	padding:0.5625rem 1.25rem 0.5rem;
	color:#000;
	font-size:1rem;
	font-weight:600;
	line-height:1.2em;
	text-align:center;
	background-color:#fff;
	border:2px solid #000;
	border-radius:1.4375rem 1.4375rem;
	cursor:pointer;
}

.swiper-pagination-bullet-active .PackageSlide-bullet{
	color:#fff;
	background-color:#722EA5;
	border-color:#722EA5;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){

}
@media screen and (max-width:747px) and (min-width:1px){
	.PackageScHeader{
		padding-right:0;
	}
	
	.PackageSlide-pagination{
		position:static;
		margin:0;
		text-align:right;
	}
	
	.PackageSlide-pagination .swiper-pagination-bullet{
		padding:0.25rem 0.25rem;
	}
	
	.PackageSlide-pagination .PackageSlide-bullet{
		padding-top:0.625rem;
		font-size:0.75rem;
	}
}

/* PackageScBody
=========================================================*/
.PackageSlide{
	overflow:hidden;
	margin:0 auto;
	position:relative;
}

.PackageSlide-container{
	position:static;
}

.DesignRfSlide{
	width:100%;
}

.DesignRfSlide-inner{
	margin:0 -2.625rem
}

.DesignRfSlide-inner:after{
	content:'';
	display:block;
	clear:both;
}

.DesignRfSlide-item{
	width:50%;
	float:left;
	padding:0 2.625rem
}

/* DesignRfItem */
.DesignRfItem{
	overflow:hidden;
	width:100%;
}

.DesignRfItemThumb{
	overflow:hidden;
}

.DesignRfItemThumb-img{
	display:block;
	width:100%;
}

body .PackageSlide-prev{
	display:block;
	cursor:pointer;
	width:3.5rem;
	height:3.5rem;
	background-image:url(../../images/icon/ico_topslide_prev.svg);
	background-size:3.5rem 3.5rem;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	opacity:0.8;
	transition-property: opacity;
	transition-duration: 0.3s;
	z-index:50;
	border:2px solid #ccc;
	border-radius:100%;
	box-sizing: content-box;
}

body .PackageSlide-next{
	display:block;
	cursor:pointer;
	width:3.5rem;
	height:3.5rem;
	background-image:url(../../images/icon/ico_topslide_next.svg);
	background-size:3.5rem 3.5rem;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	opacity:0.8;
	transition-property: opacity;
	transition-duration: 0.3s;
	z-index:50;
	border:2px solid #ccc;
	border-radius:100%;
	box-sizing: content-box;
}

/*DesignRfItemBox*/
.DesignRfItemBox-item{
	position:relative;
}

.DesignRfItemBoxText{
	display:block;
	padding:0.5625rem 1.25rem;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	color:#fff;
	font-size:1rem;
	line-height:1.2em;
	text-align:center;
	background-color:rgba(0,0,0,0.6);
	z-index:5;
}

.DesignRfItemBoxText-img{
	display:block;
	width:100%;    
	height: 100%;
    object-fit: cover;
}

/* DesignRfItemCont */
.DesignRfItemCont{
	margin-top:1.25rem;
}

.DesignRfItemCont-cate{
	display: inline-block;
	margin-bottom:1rem;
    padding: 0.5625rem 1.25rem 0.5rem;
    color: #000;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2em;
    text-align: center;
    background-color: #fff;
    border: 2px solid #000;
    border-radius: 1.4375rem 1.4375rem;
}

.DesignRfItemCont-tit{
	font-size:2rem;
	font-weight:bold;
	line-height:1.4em;
}

.DesignRfItemCont-txt{
	margin-top:1rem;
	color:#666;
	font-size:1rem;
	line-height:1.5em;
}

.DesignRfItemContBox{
	margin-top:1rem;
	padding:1.25rem 1.25rem;
	border:1px solid #ccc;
}

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

.DesignRfItemContBox-tit{
	float:left;
	width:7.8125rem;
	padding-right:1.25rem;
	font-size:1.125rem;
	font-weight:600;
	line-height:1.2em;
}

.DesignRfItemContBox-txt{
	overflow:hidden;
	display:flex;
	flex-wrap: wrap;
}

.DesignRfItemContBox-txt .TextBullet{
	flex:0 0 100%;
}

.DesignRfItemContBox-txt.Nowrap .TextBullet{
	flex:0 0 50%;
}

.DesignRfItemContEx{
	margin:0 -0.625rem;
	margin-top:1.25rem;
}

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

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

.DesignRfItemContEx-link{
	overflow:hidden;
	display:block;
	position:relative;
	width:100%;
	line-height:0;
}

.DesignRfItemContEx-link:before{
	content: '';
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    background-color: rgba(0,0,0,0.1);
}

.DesignRfItemContEx-link:after{
	content: '';
    display: block;
    width: 3.75rem;
    height: 3.75rem;
    background-image: url(../../images/icon/ico_play.svg);
    background-size: 3.75rem 3.75rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 5;
}

.DesignRfItemContEx-txt{
	margin-top:1rem;
	font-size:1.25rem;
	line-height:1.4em;
}

/* HalfBox */
.HalfBox{
	display:flex;
}

.HalfBox-item{
	overflow:hidden;
	width:50%;
	position:relative;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	/* PackageSlide */	
	.DesignRfSlide-inner{
		margin: 0 -1rem;
	}
	
	.DesignRfSlide-item{
		padding: 0 1rem;
	}
	
	.DesignRfItemCont-cate{
		padding: 0.5rem 1rem 0.45rem;
	}
	
	.DesignRfItemCont-tit{
		font-size:1.5rem;
	}
	
	.DesignRfItemCont-txt{
		font-size:0.9375rem;
	}
}

@media screen and (max-width:768px) and (min-width:1px){
	.DesignRfItemContBox-tit{
		float:none;
		width:100%;
		padding-right:0;
		margin-bottom:0.5rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.PackageScBody{
		margin-top: -1.5rem;
	}
			
	/* PackageSlide */
	.PackageSlide{
		overflow:unset;
		padding:0;
	}

	
	.DesignRfSlide-inner{
		margin: 0;
	}
	
	.DesignRfSlide-item{
		width:100%;
		padding:0;
		padding-bottom:1.25rem;
		margin-bottom:1.25rem;
		border-bottom:1px dashed #ccc;
	}	
	
	.DesignRfSlide-item:last-child{
		margin-bottom:0;
		padding-bottom:0;
		border-bottom:0;
	}
	
	body .PackageSlide-next{
		display:none;
	}
	
	body .PackageSlide-prev{
		display:none;
	}
	
	/* DesignRfItem */	
	.DesignRfItemCont-cate{
		margin-bottom:0.75rem;
		padding:0.625rem 1rem 0.375rem;
		font-size: 0.75rem;
		border-width:1px;
	}
	
	.DesignRfItemCont-tit{
		font-size:1.25rem;
	}
	
	.DesignRfItemCont-txt{
		margin-top: 0;
		font-size: 0.9375rem;
	}
	
	.DesignRfItemBoxText{
		font-size:0.75rem;
	}
	
	.DesignRfItemContBox-tit{
		float:none;
		width:100%;
		margin-bottom:0.75rem;
		padding-right:0;
		font-size:0.9375rem;
	}
	
	.DesignRfItemContEx-txt{
		margin-top:0.625rem;
		font-size:0.9375rem;
	}
}

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

body .VodSlide-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;
}

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

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

body .VodSlide-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:1.25rem;
	transform:translateY(-50%);
	opacity:0.8;
	transition-property: opacity;
	transition-duration: 0.3s;
	z-index:50;
	cursor:pointer;
}

body .VodSlide-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:1.25rem;
	transform:translateY(-50%);
	opacity:0.8;
	transition-property: opacity;
	transition-duration: 0.3s;
	z-index:50;
	cursor:pointer;
}

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

.VodSlideItem-link{
	display:block;
	position:relative;
}

.VodSlideItem-link:before{
	content: '';
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    background-color: rgba(0,0,0,0.2);
}

.VodSlideItem-link:after{
	content:'';
	display:block;
	width: 4.75rem;
	height: 4.75rem;
	background-image:url(../../images/icon/ico_play.svg);
	background-size: 4.75rem 4.75rem;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:5;
}

.VodSlideItem-link img{
	display:block;
	width:100%;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.VodSlide {
		width: auto;
	}
	
	body .VodSlide-prev{
		display:none;
	}

	body .VodSlide-next{
		display:none;
	}	
	
	.VodSlideItem-link:after{
		width: 4rem;
		height: 4rem;
		background-size: 4rem 4rem;
	}

	body .VodSlide-pagination{
		bottom:1rem;
		padding:0.5rem 0.75rem;
	}

	.VodSlide-pagination .swiper-pagination-bullet{
		width:0.5rem;
		height:0.5rem;
	}
}

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

.GrayStepBox-item{
	width:25%;
	height:100%;
	padding: 0.625rem 1.25rem;
	position:relative;
}

.GrayStepBox-item:after{
	content:'';
	display:block;
	width: 1.25rem;
	height: 1.25rem;
	background-image:url(../../images/icon/ico_stepArrow.svg);
	background-size: 1.25rem 1.25rem;
	position:absolute;
	top:50%;
	right:-0.625rem;
	transform:translateY(-50%);
	z-index:5;
}

.GrayStepBox-item:nth-child(4):after{
	display:none;
}

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

.GrayStepBoxItem{
	position:relative;
	border:1px solid #CCCCCC;
	background-color:#fff;
}

.GrayStepBoxItem:before{
	content:'';
	display:block;
	padding-top:54.44%;
}

.GrayStepBoxItem-inner{
	padding:1.125rem 1.25rem 1.25rem;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.GrayStepBoxItem-tit{
	color:#666;
	font-size:1rem;
	font-family: 'Poppins';
	line-height:1.2em;
}

.GrayStepBoxItem-txt{
	position:absolute;
	right:1.25rem;
	bottom:1.0625rem;
	font-size:1rem;
	font-weight:600;
	line-height:1.4em;
	text-align:right;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.GrayStepBoxItem:before{
		padding-top:70%;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.GrayStepBox-item{
		width:50%;
	}
	
	.GrayStepBox-item:nth-child(even):after{
		display:none;
	}

	.GrayStepBoxItem-tit{
		font-size:0.875rem;
	}
	
	.GrayStepBoxItem-txt{
		font-size: 0.9375rem;
	}
}

/*=========================================================
	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:55.6%;
}

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

.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%);
}

/*=========================================================
	AdvertiseBox
=========================================================*/
.AdvertiseBox-item{
	margin-bottom:10rem;
}

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

.AdvertisingList{
	margin-top:2.5rem;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:601px){
	.AdvertiseBox-item{
		margin-bottom:7rem;
	}
}

@media screen and (max-width:600px) and (min-width:1px){
	.AdvertiseBox-item{
		margin-bottom:7rem;
	}
	
	.AdvertisingList{
		margin-top:1.5rem;
	}
}

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

.PkDBannerBg{
	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;
}

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

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

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

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

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

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

/*=========================================================
	PostData 
=========================================================*/
.PostData-list{
	display:flex;
	flex-wrap:wrap;
	margin:-0.9375rem -0.9375rem;
}

.PostData-item{
	padding:0.9375rem 0.9375rem;
	width:50%;
}

.PostDataItem{
	display:table;
	width:100%;
	height:100%;
	padding:1.875rem 1.8125rem 2.0625rem;
	background-color:#F7F7F7;
}

.PostDataItemTitle{
	display: table-cell;
	padding-right:1rem;
	vertical-align:middle;
}

.PostDataItemTitle-tit{
	position:relative;
	padding-left:4.5rem;	
}

.PostDataItemTitle-tit:before{
	content:'';
	display:block;
	width:3.375rem;
	height:3.375rem;
	background-size:3.375rem 3.375rem;
	position:absolute;
	top:0;
	left:0;
}

.ico-link .PostDataItemTitle-tit{
	padding-left:0;	
}

.ico-link .PostDataItemTitle-tit:before{
	display:none;
}

/* icon */
.ico-pdf .PostDataItemTitle-tit:before{	
	background-image:url(../../images/icon/ico_file_pdf_black.svg);
}

.ico-png .PostDataItemTitle-tit:before{	
	background-image:url(../../images/icon/ico_file_png_black.svg);
}

.ico-word .PostDataItemTitle-tit:before{
	background-image:url(../../images/icon/ico_file_word_black.svg);
}

.ico-excel .PostDataItemTitle-tit:before{	
	background-image:url(../../images/icon/ico_file_excel_black.svg);
}

.ico-zip .PostDataItemTitle-tit:before{	
	background-image:url(../../images/icon/ico_file_zip_black.svg);
}

.ico-hwp .PostDataItemTitle-tit:before{	
	background-image:url(../../images/icon/ico_file_hwp_black.svg);
}

.ico-cad .PostDataItemTitle-tit:before{	
	background-image:url(../../images/icon/ico_file_cad_black.svg);
}

.ico-etc .PostDataItemTitle-tit:before{	
	background-image:url(../../images/icon/ico_file_etc_black.svg);
}

.PostDataItemTitle-txt{
	color:#000;
	font-size:1.25rem;
	line-height:1.5em;
}

.PostDataItemTitle-date{
	margin-top:0.5rem;
	color:#666;
	font-size:0.875rem;
	font-family: 'Poppins';
	line-height:1.2em;
}

.PostDataItemBtn{
	display: table-cell;
	width:10.9375rem;
	vertical-align:middle;
}

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

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

.PostDataItemBtnLink-txt: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;
}

.PostDataItemBtn .ArrowTargetLink{
	display:block;
	padding:0.9375rem 1.25rem 0.9375rem;
	background-color:#fff;
	text-align:center;
	transition-duration: unset;
}

.PostDataItemBtn .ArrowTargetLink:before{
	display:none;
}

.PostDataItemBtn .ArrowTargetLink-text{
	display:inline-block;
	line-height:1.4em;
}

.PostDataItemBtnLinkAb{
	position:relative;
}

.PostDataItemBtnLinkList{
	overflow: hidden;
	overflow-y:auto;
	max-height: 10rem;
	position:absolute;
	left:0;
	right:0;
	background-color:#fff;
	border:solid 1px #000;
	margin-top:-1px;
	display:none;
	z-index:50;
}

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

.PostDataItemBtnLinkList-item{
	border-top:solid 1px #000;
}

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

.PostDataItemBtnLinkList-link{
	font-size:0.813rem;
	line-height:1.4em;
	color:#666666;
	display:block;
	padding:0.625rem 0.625rem;
}

/*hover*/
@media screen and (min-width: 1025px) {
	.PostDataItem:hover {
		background-color:#722EA5;
	}
	
	.PostDataItem:hover .PostDataItemTitle-txt{
		color:#fff;
	}
	
	.PostDataItem:hover .PostDataItemTitle-date{
		color:#fff;
	}
	
	/* .PostDataItem:hover .PostDataItemBtnLink { */
		/* border-color:#fff;	 */
		/* background-color:transparent; */
	/* } */
	
	/*.PostDataItem:hover .PostDataItemBtnLink-txt{
		color:#fff;
	}

	.PostDataItem:hover .PostDataItemBtnLink-txt:after{
		background-image:url('../../images/icon/ico_download_white.svg');
	}*/
	
	/* icon */
	.PostDataItem:hover .ico-pdf .PostDataItemTitle-tit:before{
		background-image:url(../../images/icon/ico_file_pdf_white.svg);
	}
	
	.PostDataItem:hover .ico-png .PostDataItemTitle-tit:before{
		background-image:url(../../images/icon/ico_file_png_white.svg);
	}

	.PostDataItem:hover .ico-word .PostDataItemTitle-tit:before{
		background-image:url(../../images/icon/ico_file_word_white.svg);
	}

	.PostDataItem:hover .ico-excel .PostDataItemTitle-tit:before{
		background-image:url(../../images/icon/ico_file_excel_white.svg);
	}

	.PostDataItem:hover .ico-zip .PostDataItemTitle-tit:before{
		background-image:url(../../images/icon/ico_file_zip_white.svg);
	}

	.PostDataItem:hover .ico-hwp .PostDataItemTitle-tit:before{
		background-image:url(../../images/icon/ico_file_hwp_white.svg);
	}

	.PostDataItem:hover .ArrowTargetLink{
		background-color:#722EA5;
	}

	.PostDataItem:hover .ArrowTargetLink{
		border-color:#fff;
	}

	.PostDataItem:hover .ArrowTargetLink-text{
		color:#fff;
	}
	
	.PostDataItem:hover .ArrowTargetLink-text:after {
		background-image: url(../../images/icon/ico_degArrow_h.svg);
	}
	
	.PostDataItemBtnLinkList-link:hover{
		text-decoration:underline;
		color:#000;
		background-color:#F7F7F7;
	}
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.PostDataItem{
		display:block;
	}

	.PostDataItemTitle{
		display:block;
		padding-right: 0;
	}
	
	.PostDataItemTitle-tit{
		padding-left: 3.5rem;
	}
	
	.PostDataItemTitle-tit:before{
		width: 3rem;
		height: 3rem;
		background-size: 3rem 3rem;
	}
	
	.PostDataItemTitle-txt{
		font-size:1.125rem;
	}
	
	.PostDataItemBtn{
		display:block;
		width:100%;
		margin-top:1.5rem;
	}
	
	.PostDataItemBtnLink-txt{
		font-size:1rem;
	}
	
	.PostDataItemBtnLink-txt:after{
		width: 1.25rem;
		height: 1.25rem;
		background-size: 1.25rem 1.25rem;
	}
	
	.PostDataItemBtn .ArrowTargetLink-text{
		font-size:1rem;
	}
	
	.PostDataItemBtn .ArrowTargetLink-text:after{
		width: 1.25rem;
		height: 1.25rem;
		background-size: 1.25rem 1.25rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.PostData-item{
		width:100%;
	}
	
	.PostDataItem{
		display:block;
		padding:1.5rem 1.5rem 1.5rem;
	}

	.PostDataItemTitle{
		display:block;
		padding-right: 0;
	}
	
	.PostDataItemTitle-tit{
		padding-left: 3.5rem;
	}
	
	.PostDataItemTitle-tit:before{
		width: 3rem;
		height: 3rem;
		background-size: 3rem 3rem;
	}
	
	.PostDataItemTitle-txt{
		font-size:1.125rem;
	}
	
	.PostDataItemBtn{
		display:block;
		width:100%;
		margin-top:1.5rem;
	}
	
	.PostDataItemBtnLink-txt{
		font-size:1rem;
	}
	
	.PostDataItemBtnLink-txt:after{
		width: 1.25rem;
		height: 1.25rem;
		background-size: 1.25rem 1.25rem;
	}
	
	.PostDataItemBtn .ArrowTargetLink-text{
		font-size:1rem;
	}
	
	.PostDataItemBtn .ArrowTargetLink-text:after{
		width: 1.25rem;
		height: 1.25rem;
		background-size: 1.25rem 1.25rem;
	}
}

/*=========================================================
	SubTextHeader 
=========================================================*/

.SubTextHeader {
	display:flex;
	flex-wrap:wrap;
	align-items:baseline;
	justify-content:space-between;
}

.SubTextHeader-txt{
	color:#666;
	font-size:1rem;
	line-height:1.4em;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.SubTextHeader-txt{
		margin-top:0.75rem;
		font-size:0.9375rem;
	}
}
/*=========================================================
	Recommend
=========================================================*/
.Recommend-item{
	display:none;
}

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

.Recommend .EventDetailBtn-link{
	width:auto;
	padding:0.71875rem 1.0625rem;
	font-size:1rem;
	border-width:1px;
}

/*=========================================================
	ParkingBody 
=========================================================*/
.ParkingBody{
	margin-top:1.1875rem;
	padding-top:1.1875rem;
	border-top:2px solid #000;
}

.ParkingBody-item{
	margin-bottom:2.3125rem;
}

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

.ParkingBody-tit{
	color:#000;
	font-size:1.25rem;
	font-weight:600;
	line-height:1.4em;
	margin-bottom:0.875rem;
}

.ParkingBodyBox{
	position:relative;
	padding-right:18.375rem;
}

.ParkingBodyBoxLink{
	margin:0 -0.4375rem;
	position:absolute;
	top:0;
	right:0;
	z-index:10;
	font-size:0;
	line-height:0;
}

.ParkingBodyBoxLink-item{
	padding:0 0.4375rem;
	display:inline-block;
}

.ParkingBodyBoxLink .ArrowTargetLink-text{
	font-size: 1rem;
    padding-right: 1.25rem;
}

.ParkingBodyBoxLink .ArrowTargetLink-text:after {
    width: 1rem;
    height: 1rem;
    background-size: 1rem 1rem;
}

.ParkingBody .TextBullet *{
	color:#000;
}

/* FreeParkingInfo */
.FreeParkingInfo{
	padding:1.75rem 1.6875rem;
	background-color:#F7F7F7;
}

.FreeParkingInfo-tit{
	font-size:1.25rem;
	font-weight:600;
	line-height:1.4em;
	margin-bottom:0.9375rem;
}

.FreeParkingInfo .TextBullet *{
	color:#666;
}


.FreeParkingInfo .TextBullet strong{
	color:#000;
}

.ExhibitionParkinInfo .ColorTable .TextBullet{
	display:inline-block;
}

/* FreeParkingProgress */
.FreeParkingProgress-list{
	display:flex;
	flex-wrap:wrap;
	margin: -0.5rem -1.25rem;
}

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

.FreeParkingProgress-item{
	padding: 0.5rem 1.25rem;
}

.FreeParkingItem{
	position:relative;
	padding:1.25rem 1.25rem;
	text-align:center;
	background-color:#fff;
	border:1px solid #000;
}

.FreeParkingItem:after {
    content: "";
    width: 1.25rem;
    height: 1.25rem;
    background-image: url(../../images/icon/ico_diagram_arrow_right.svg);
    background-size: 1.25rem 1.25rem;
    position: absolute;
    top: 50%;
    right: -1.9375rem;
    transform: translateY(-50%);
}

.FreeParkingItem-txt{
	font-size:1.125rem;
	font-weight:600;
	line-height:1.4em;
}

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

/* QRBox */
.QRBox{
	width:80%;
	background-color:#F7F7F7;
}

.QRBox-list{
	margin:0 -4.25rem;
	padding:1.75rem 1.875rem 2.5rem;
}

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

.QRBox-item{
	float:left;
	width:50%;
	padding:0 4.25rem;
}

.QRItem-tit{
	font-size:1.125rem;
	line-height:1.4em;
}

.QRItem-img{
	width:90%;
	margin:0 auto;
	margin-top:0.625rem;
	line-height:0;
}

.QRItem-link .ArrowTargetLink{
	width:100%;
	margin-top:0.75rem;
	text-align:center;
	background-color:#fff;
}

.QRItem-link .ArrowTargetLink-text{
	display:inline-block;
	font-size:1rem;
	padding-right:1.25rem;
}

.QRItem-link .ArrowTargetLink-text:after{
	width:1rem;
	height:1rem;
	background-size:1rem 1rem;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	/* ExhibitionParkinInfo */
	.ExhibitionParkinInfo .ColorTable .TextBullet{
		text-align:left;
	}
	
	/* QRBox */
	.QRBox{
		width:100%;
		text-align:center;
		line-height:0;
	}

	.QRBox-list{
		display:inline-block;
		width:100%;
		padding:1.25rem 1.25rem 1.5rem;
	}
}


@media screen and (max-width:747px) and (min-width:1px){
	/* .ParkingBodyBox */
	.ParkingBodyBox{
		padding-right:0;
	}
	
	.ParkingBodyBoxLink {
		position:static;
		margin-top:1rem;
	}
	
	/* ExhibitionParkinInfo */
	.ExhibitionParkinInfo .ColorTable .TextBullet{
		text-align:left;
	}
		
	/* FreeParkingProgress */
	.FreeParkingProgress-item{
		flex:0 0 50%;
	}

	.FreeParkingItem{
		padding: 1.25rem 1rem;
	}

	.FreeParkingProgress-item:nth-child(even) .FreeParkingItem:after{
		display:none;
	}
	
	.FreeParkingItem-txt{
		font-size:0.9375rem;
	}
	
	/* QRBox */
	.QRBox{
		width:100%;
		text-align:center;
		line-height:0;
	}

	.QRBox-list{
		display:inline-block;
		padding:1.25rem 1.25rem 1.5rem;
		margin:0 -1rem;
	}

	.QRBox-item{
		padding:0 1rem;
	}
	
	.QRItem-tit{
		font-size:1rem;
	}
}



/*=========================================================
  DiscountFeeCont
=========================================================*/
.DiscountFeeCont-item{
	margin-bottom:3.75rem;
}

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

.DiscountFeeCont-header{
	margin-bottom:1.875rem;
}

.DiscountFeeCont-tit{
	display:block;
	font-size:1.5rem;
	font-weight:600;
	line-height:1.4em;
}

.DiscountFeeCont-txt{
	display:block;
	margin-top:1.875rem;
	font-size:1.125rem;
	font-weight:600;
	line-height:1.4em;
}

.DiscountFeeContList{	
	margin-bottom:1.875rem;
}
.DiscountFeeContList-list{	
	margin:-0.3125rem -0.3125rem;
}

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

.DiscountFeeContList-item{
	float:left;
	width:33.33%;
	padding:0.3125rem 0.3125rem;
}

/* DiscountFee */
.DiscountFee-inner{
	position:relative;
	padding-left: 0.9375rem;
}

.DiscountFee-inner:before{
	content:'';
	display:block;
	width:3px;
	height:3.25rem;
	position:absolute;
	top:0;
	left:0;
	background-color:#000;
}

.DiscountFeeTitle{
	font-size:1rem;
	line-height:1.4em;
}

.DiscountFeeText{
	margin-top:0.375rem;
	font-size:0;
	line-height:0;
}

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

.DiscountFeeText-txt{
	display:inline-block;
	padding-left:0.375rem;
	font-size:1.25rem;
	font-weight:500;
	line-height:1.4em;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.DiscountFeeCont-item{
		margin-bottom:2.5rem;
	}
	
	.DiscountFeeCont-tit{
		font-size: 1.375rem;
	}
	
	.DiscountFeeCont-txt{
		margin-top: 1.25rem;
		font-size: 1.0625rem;
	}

	.DiscountFeeContList-list{
		margin:-1rem -0.3125rem;		
	}	
	
	.DiscountFeeContList-item{
		width:50%;
		padding:1rem 0.3125rem;
	}
	
	.DiscountFeeContList-item:last-child{
		float:none;
		width:100%;
		clear:both;
	}
		
	.DiscountFee-inner{
		padding:0 0.75rem;
	}
	
	.DiscountFee-inner:before{
		width:1px;
		height:3rem;
	}	

	.DiscountFeeTitle {
		font-size: 0.875rem;
	}
	
	.DiscountFeeText-color{
		font-size: 0.9375rem;
	}	
	
	.DiscountFeeText-txt{
		padding-left:0;
		padding-top: 0.125rem;
		font-size:0.9375rem;
	}
}

/*=========================================================
  ParkingNoti
=========================================================*/
.ParkingNoti{
	display:table;
	width:100%;
	padding:1.875rem 1.875rem;
	background-color:#F7F7F7;
}

.ParkingNotiTitle{
	display:table-cell;
	width:10.875rem;
	padding-right:1rem;
	vertical-align:middle;
}

.ParkingNotiTitle-tit{
	position:relative;
	font-size:1.25rem;
	font-weight:600;
	line-height:1.4em;
	padding-left:1.6875rem;
}

.ParkingNotiTitle-tit:before{
	content:'';
	display:block;
	width:1.125rem;
	height:1.125rem;
	background-image:url('../../images/icon/ico_pin_comm.svg');
	background-size: 1.125rem 1.125rem;
	position:absolute;
	top:2px;
	left:0;
}

.ParkingNotiText{
	display:table-cell;
	vertical-align:middle;
}

.ParkingNotiText-txt{
	font-size:1.125rem;
	line-height: 1.4em;
}
	
/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.ParkingNoti{
		display:block;
	}
	
	.ParkingNotiTitle{
		display:block;
	}
	
	.ParkingNotiTitle-tit{
		font-size:1.125rem;
	}
	
	.ParkingNotiText{
		display:block;
		margin-top:0.5rem;
	}
	
	.ParkingNotiText-txt{
		font-size:0.9375rem;
	}
}

/*=========================================================
  br
=========================================================*/
.br-pc{
	display:block;
}

.br-mobile{
	display:none;
}

@media screen and (max-width:1024px) and (min-width:748px){
	.br-pc{
		display:none;
	}
	
}

@media screen and (max-width:747px) and (min-width:1px){
	.br-pc{
		display:none;
	}
	
	.br-mobile{
		display:block;
	}
}

/*=========================================================
  AboutCoex
=========================================================*/
.AboutText{
	margin-bottom:0.625rem;
}

.AboutText-txt{
	color:rgb(66,193,199);
	font-size:1.5rem;
	line-height:1.4em;
	font-weight:500;
}

.AboutCoex-list{
	margin: -2.125rem -2.6875rem;
}

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

.AboutCoex-item{
	float:left;
	width:50%;
	padding: 2.125rem 2.6875rem;
}

.AboutCoex-item:nth-child(2n + 1){
	clear:both;
}

.AboutCoexItem{
	padding-top:2.625rem;
	border-top:1px solid #000;
}

.AboutCoexItem-tit{
	margin-bottom:1.25rem;
	font-size:2rem;
	font-weight:bold;
	line-height:1.2em;
}

.AboutCoexItem-txt{
	color:#666;
	font-size:1rem;
	line-height:1.8em;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.AboutText-txt{
		font-size:1.25rem;
	}
	
	.AboutCoex-list{
		margin: -2rem -1.5rem;
	}

	.AboutCoex-item{
		padding: 2rem 1.5rem;
	}
	
	.AboutCoexItem-tit{
		font-size:1.5rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.AboutText-txt{
		font-size:1rem;
	}
	
	.AboutCoex-item{
		float:none;
		width:100%;
	}
}

/*=========================================================
  CeoGreeting
=========================================================*/
.CeoGreeting{
	position:relative;
	padding:5rem 0 11.6875rem;
	background-color:#F7F7F7;
}

.CeoGreeting:before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	width:100000%;
	height:100%;
	right:100%;
	z-index:-1;
	background-color:#F7F7F7;
}

.CeoGreeting-inner{
	position:relative;
}

.CeoGreetingText{
	padding-right: 33.55%;
}

.CeoGreeting-txt{
	margin-bottom:1.5625rem;
	font-size:1.25rem;
	line-height:1.7em;
}

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

.CeoGreetingImg{
	padding:2.0625rem 2.0625rem;
	position:absolute;
	top:50%;
	right:4.375rem;
	width:25.4375rem;
	transform:translateY(-50%);
}

/* CeoGreetingImgCircle */
.CeoGreetingImgCircle{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.CeoGreetingImgCircle-img{
	display:block;
	width:100%;
}

.CircleItem{
	position:absolute;
	width:5.125rem;
	height:5.125rem;
	background-color:#722EA5;
	border-radius:100%;
}

.CircleItem-inner{
	width:100%;
	height;:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	text-align:center;
	line-height:0;
	font-size:0;
}

.CircleItem.ico01{
	top:0;
	left:50%;
	transform:translateX(-50%);
}

.CircleItem.ico02{
	top:35%;
	right:0;
}

.CircleItem.ico03{
	bottom:0;
	right:3.5rem;
}

.CircleItem.ico04{
	bottom:0;
	left:3.5rem;
}

.CircleItem.ico05{
	top:35%;
	left:0;
}

.CircleItem-img{
	margin:0 auto;
}

.ico01 .CircleItem-img{
	height:2.1875rem;
}

.ico02 .CircleItem-img{
	height:2rem;
}

.ico03 .CircleItem-img{
	height:1.625rem;
}

.ico04 .CircleItem-img{
	height:1.875rem;
}

.ico05 .CircleItem-img{
	height:1.625rem;
}

.CircleItem-txt{
	display:block;
	margin-top:0.5rem;
	color:#fff;
	font-size:0.875rem;
	font-weight:600;
	line-height:1.2em;
	text-align:center;
}

.GreetingBox{
	margin-top: -6.5rem;
	padding:5rem 5rem 0;
    background: #fff;
    position: relative;
}

.GreetingBoxTop-txt{
	font-size:1.25rem;
	line-height:1.6em;
}

.GreetingTitle{
	font-size:1.5rem;
	font-weight:bold;
	line-height:1.4em;
}

.GreetingText{
	color:#666;
	font-size:1rem;
	line-height:1.8em;
}

.CeoGreetingText .BigStPs-title{
	line-height:1.3em;
}

/*responsive*/

@media screen and (max-width:1024px) and (min-width:748px){
	.CeoGreetingText {
		padding-left:1rem;
		padding-right: 45%;
	}
	
	.GreetingBox{
		padding:4rem 2rem 0;
	}
}

@media screen and (max-width:1024px) and (min-width:769px){
	.CeoGreetingImg{
		right: 1.375rem;
		width: 22.4375rem;
	}
	
	.CircleItem{
		width: 4.75rem;
		height: 4.75rem;
	}
}

@media screen and (max-width:768px) and (min-width:1px){
	.CeoGreeting{
		padding-top:2rem;
	}
	
	.CeoGreeting-inner{
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		justify-content:center;
	}
	
	.CeoGreetingText{
		order:2;	
		margin-top:2.875rem;
		padding:0 1.5rem;
	}
	
	.CeoGreetingImg{
		order:1;
		position:relative;
		top:0;
		right:auto;
		transform:unset;
	}
	
}

@media screen and (max-width:747px) and (min-width:1px){
	.CeoGreeting{
		padding:2.5rem 0 4rem;
	}

	.CeoGreeting:before{
		left:50%;
		transform:translateX(-50%);
	}

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

	.CeoGreetingText{
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 2rem;
	}
	
	.CircleItem{
		width: 4.125rem;
		height: 4.125rem;
	}
	
	.ico01 .CircleItem-img {
		height: 1.95rem;
	}
	
	.ico02 .CircleItem-img {
		height: 1.66rem;
	}
	
	.ico03 .CircleItem-img {
		height: 1.36rem;
	}

	.ico04 .CircleItem-img {
		height: 1.5rem;
	}
	
	.ico05 .CircleItem-img {
		height: 1.25rem;
	}
	
	.CircleItem-txt{
		margin-top: 0.25rem;
	}
	
	.CeoGreeting-txt{
		font-size:1rem;
	}
	
	.GreetingBox{
		margin-top: -4rem;
		padding:2.5rem 1rem 0;
	}
	
	.GreetingBoxTop-txt{
		font-size:1rem;
	}

	.GreetingTitle{
		font-size:1.125rem;
	}

	.GreetingText{
		font-size:0.9375rem;
	}
}

/*=========================================================
  CoexWayBox
=========================================================*/
.CoexWayBox{
	position:relative;
	padding:5rem 0;
	background-color:#F7F7F7;
}

.CoexWayBox:before{
	content:'';
	display:block;
	width:10000px;
	height:100%;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	z-index:-1;
	background-color:#F7F7F7;
}

.CoexVision-list{
	display:flex;
	flex-wrap:wrap;	
	margin:0 -0.625rem;
}

.CoexVision-item{
	flex:0 0 50%;
	padding:0 0.625rem;
}

.CoexVisionItem{
	height:100%;
	padding:2rem 1.875rem 1.875rem;
	background-color:#fff;
}

.CoexVision-item .BoxTitle{
	font-size:1.8rem;
}

.CoexVision-item .TextBullet-bullet{
	font-size:1.125rem;
}

.CoexVision-item .TextBullet-txt{
	font-size:1.125rem;
}

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

@media screen and (max-width:747px) and (min-width:1px){
	.CoexWayBox{
		padding: 4rem 0 5rem;
	}
	
	.CoexVision-list{
		margin: -0.625rem 0;
	}

	.CoexVision-item{
		flex:0 0 100%;
		padding: 0.625rem 0;
	}
	
	
	.CoexVisionItem{
		padding: 1.75rem 1.25rem 1.875rem;
	}
	
	.CoexVision-item .TextBullet-bullet{
		font-size:1rem;
	}

	.CoexVision-item .TextBullet-txt{
		font-size:1rem;
	}
}

/*=========================================================
  CoexCircle
=========================================================*/
.CoexCircleImg{
	margin-bottom:2.75rem;
	text-align:center;
	line-height:0;
	max-width:46rem;
	margin-left:auto;
	margin-right:auto;
}

.CoexCircleText{
	position:relative;
	padding-top:3.75rem;
	text-align:center;	
}

.CoexCircleText:before{
	content:'';
	display:block;
	width:1.75rem;
	height:1.5rem;
	background-image:url('/wp-content/themes/coex-magok/assets/images/icon/ico-CoexCircle-arrow.png');
	background-size:1.75rem 1.5rem;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
}

.CoexCircleText-txt{
	font-size:1.875rem;
	font-weight:bold;
	line-height:1.5em;
}

.CoexCircleText-txt span{
	font-family: 'Poppins';
}

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

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

/*=========================================================
  ReportHeader
=========================================================*/
.ReportHeader{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ReportHeader-select{
	width:20.8125rem;
}

.ReportHeader .PostSelectText{
	border-color:#F7F7F7;
	background-color:#F7F7F7;
}

.ReportHeader .PostSelectText-txt{
	color:#999;
}

.ReportHeader .PostSelectList{
	border-color:#F7F7F7;
	background-color:#F7F7F7;
}

.ReportHeader .PostSelectList-txt{
	color:#999;
}

.ReportBtm{
	margin-top:2.5rem;
	text-align:right;
}

.ReportBtm-txt{
	margin-bottom:0.3125rem;
	color:#666;
	font-size:1.25rem;
	font-weight:bold;
	line-height:1.4em;
}

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

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

@media screen and (max-width:747px) and (min-width:1px){
	.ReportHeader-select{
		width:100%;
		margin-top:1rem;
	}

	.ReportBtm{
		margin-top:1.5rem;
	}
	
	.ReportBtm-txt{
		font-size:0.9375rem;
	}
}

/*=========================================================
  IncorrectCi
=========================================================*/
.IncorrectCi-list{
	margin: -1.25rem -0.625rem;
}

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

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

.IncorrectCi-item:nth-child(2n + 1){
	clear:both;
}

/*=========================================================
  CIBox
=========================================================*/
.CiText{
	color:#666;
	font-size:1rem;
	line-height:1.7em;
}

.CIBoxTitle{
	margin-bottom:1.25rem;
	font-size:1.125rem;
	font-weight:600;
	line-height:1.4em;
}

.CIBoxCont{
	padding: 1.25rem 1.25rem;
	background-color:#E4027F;
}

.CIBoxCont-tit{
	display:block;
	margin-bottom:0.75rem;
	color:#fff;
	font-size:0.875rem;
	font-weight:bold;
	line-height:1.4em;
}

.CIBoxCont-txt{
	display:block;
	color:#fff;
	font-size:0.875rem;
	line-height:1.4em;
}

/* bgColor */
.bg-darkpurple .CIBoxCont{
	background-color:#4C2066;
}

.bg-lightpurple .CIBoxCont{
	background-color:#601986;
}

.bg-green .CIBoxCont{
	background-color:#CDC818;
}

.bg-lightgray .CIBoxCont{
	background-color:#C7C8CA;
}

.bg-mediumgray .CIBoxCont{
	background-color:#939598;
}

.bg-darkgray .CIBoxCont{
	background-color:#58585A;
}

/* CiBoxList */
.CiBoxList-list{
	display:flex;
	justify-content:space-between;
	margin: -1rem -1.375rem;
}

.CiBoxList-item{
	width:9.0625rem;
	padding: 1rem 1.375rem;
}

.CiBoxList-item img{
	width:100%;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.CIBoxCont{
		padding:1.25rem 0.875rem;
	}
	
	.CIBoxCont-txt{
		font-size:0.75rem;
	}
}


@media screen and (max-width:747px) and (min-width:1px){
	.CiText{
		font-size:0.9375rem;
	}
	
	.CIBoxTitle{
		margin-bottom: 1rem;
	}
	
	.CIBoxCont {
		padding: 1.25rem 0.875rem;
	}
	
	.CIBoxCont-txt{
		font-size:0.8125rem;
	}
	
	/* CiBoxList */
	.CiBoxList-list{
		flex-wrap:wrap;
		justify-content:unset;
		margin:-0.25rem -0.25rem;
	}
	
	.CiBoxList-item{
		width:20%;
		padding:0.25rem 0.25rem;
	}
	
	.IncorrectCi-list{
		margin:-1.25rem -0.5rem;
	}
	
	.IncorrectCi-item{
		padding:1.25rem 0.5rem;
	}
}

/*=========================================================
  nopost
=========================================================*/
.nopost{
	padding-top:2rem;
	padding-bottom:2rem;
	font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.4em;
	text-align:center;
}

.PostData-item.Nopost{
	width:100%;
}

.PostData-item.Nopost .nopost{
	border-bottom:1px solid #000;
}

@media screen and (min-width:748px){
	.page-template-page-exhibition-schedule .BlogPost-item .nopost{
		width:300%;
	}
}

/*=========================================================
  PartnersUpload
=========================================================*/
.PartnersUpload{
	margin:0 auto;
	max-width:100%;
}

.PartnersUpload input[type="file"]{
	font-size:1.125rem;
}
.PartnersUpload input[type="submit"]{
	display:block;
	width:100%;
	margin-top:2.5rem;
	padding:1rem 2rem;
	border:2px solid #000;
	border-radius:0;
	background-color:#fff;
	color:#000;
	font-size:1.25rem;	
	font-weight:500;
	line-height:1.2em;
	cursor:pointer;
}

/*hover*/
@media screen and (min-width: 1025px) {
	.PartnersUpload input[type="submit"]:hover{
		color:#fff;
		background-color:#000;
	}
}

/*=========================================================
	ContactLinkBox
=========================================================*/
.ContactLinkBox{
	margin-bottom:2.5rem;
}

.ContactLinkBox-list{	
	margin:0 -0.625rem;
}

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

.ContactLinkBox-item{
	float:left;
	width:33.33%;
	padding:0 0.625rem;
}

.ContactLinkBox-link{
	display:block;
	position:relative;
	z-index:5;
	padding:0.75rem 1rem;
	border:2px solid #000;
}

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

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

.ContactLinkBox-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, border-color;
    transition-duration: 0.2s;
	transform-origin:bottom;
}

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

	.ContactLinkBox-link:hover .ContactLinkBox-txt:after{
		background-image: url(../../images/icon/ico_arrowRight_white.svg);
	}
}

@media screen and (max-width: 747px) and (min-width: 1px){
	.ContactLinkBox-link{
		padding:0.75rem 0.75rem;
		border-width:1px;
	}
	
	.ContactLinkBox-txt{
		padding-right:0.75rem;
		font-size:0.875rem;
	}
}

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

.DayBox-item{
	display:inline-block;
	padding:0 0.25rem;
	vertical-align:bottom;
}

.DayBoxItem{
	display:inline-block;
}

.DayBoxItem-chk{
	display:inline-block;
	margin-left:0.5rem;
	vertical-align:bottom;
}

.DayBoxItem-txt{
	display:inline-block;
	font-size:1rem;
	font-weight:500;
	line-height:1.4em;
	vertical-align:bottom;
}

.DayBoxItem-input{
	display:inline-block;
	width:5rem;
	padding:0 0.5rem;
}

/*=========================================================
	Abroad
=========================================================*/
/*AbroadTitle
=========================================================*/
.AbroadTitle-txt{
	display:block;
	position:relative;
	padding-left: 4.25rem;
	color:#000;
	font-size:3rem;
	font-weight:bold;
	line-height:1.3em;
}

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

/*AbroadService
=========================================================*/
.AbroadService-item{
	padding:5rem 0;
	border-top:1px solid #CBCBCB;
}

.AbroadService-item:first-child{
	padding-top:0;
	border-top:0;
}

.AbroadService-item:last-child{
	padding-bottom:0;
}

.AbroadService-item:after{
	content:'';
	display:block;
	clear:both;
}

.AbroadService-tit{
	float:left;
	width:30.191%;
	padding-right:3.75rem;
}

.AbroadService-cont{
	overflow:hidden;
}

.AbroadService-txt{
	font-size:1.5rem;
	line-height:1.4em;
}

.AbroadServiceLogo{
	margin-top:2.25rem;
}

.AbroadServiceLogo-list{
	margin:-0.625rem -0.625rem;
}

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

.AbroadServiceLogo-item{
	float:left;
	width:25%;
	padding:0.625rem 0.625rem;
}

.AbroadServiceLogo-item img{
	display:block;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.AbroadTitle-txt{
		padding-left:2.625rem;
		font-size:2rem;
	}
	
	.AbroadTitle-txt:before{
		width: 2rem;
		height: 2rem;
		background-size: 2rem 2rem;
	}
	
	.AbroadService-txt{
		font-size:1.125rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.AbroadService-item{
		padding:3rem 0;
	}
	
	.AbroadTitle-txt{
		padding-left:2.625rem;
		font-size:2rem;
	}
	
	.AbroadTitle-txt:before{
		width: 2rem;
		height: 2rem;
		background-size: 2rem 2rem;
	}
	
	.AbroadService-tit{
		float:none;
		width:100%;
		padding-right:0;
		margin-bottom: 1.25rem;
	}
	
	.AbroadService-tit br{
		display:none;
	}
	
	.AbroadService-txt{
		font-size:0.93rem;
	}
	
	.AbroadServiceLogo-list {
		margin: -0.5rem -0.5rem;
	}
	
	.AbroadServiceLogo-item{
		width:50%;
		padding: 0.5rem 0.5rem;
	}
}

/*=========================================================
	AbroadIcoList
=========================================================*/
.AbroadIcoList .ServiceIcoList{
	padding:0;
	padding-top:2.125rem;
	border-bottom:0;
}

.AbroadIcoList .ServiceIcoList-list{
	margin:0 -2.875rem;
}

.AbroadIcoList .ServiceIcoList-item{
	width:20%;
	padding:0 2.875rem;
}


/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.AbroadIcoList .ServiceIcoList-list{
		margin: -2.063rem -2rem;
	}
	
	.AbroadIcoList .ServiceIcoList-item{
		width:33.33%;
		padding:2.063rem 2rem;
	}
	
}

@media screen and (max-width: 747px) and (min-width: 1px){
	.AbroadIcoList .ServiceIcoList-list{
		margin: -2.063rem -1rem;
	}
	
	.AbroadIcoList .ServiceIcoList-item{
		width:50%;
		padding: 2.063rem 1rem;
	}
	
}

/*=========================================================
	AbroadScale
=========================================================*/
.AbroadScale .ScaleList-item .ScaleListItemCount-num{
	font-size:2.75rem;
}

.AbroadScale .ScaleList-item:last-child .ScaleListItemCount-num{
	margin-right:0;
}

.AbroadScale .ScaleList-item:last-child .ScaleListItemCount-text{
	position:absolute;
	bottom:100%;
	right:-4%;
}

@media screen and (max-width: 1024px) and (min-width: 748px){
	.AbroadScale .ScaleList-item:last-child .ScaleListItemCount-text{
		right:0;
	}
	
	.AbroadScale .ScaleList-item .ScaleListItemCount-num {
		font-size: 1.9rem;
	}
	
	.AbroadScale .ScaleListItem:after{
		padding-bottom:55%;		
	}
}

@media screen and (max-width: 747px) and (min-width: 1px){
	.AbroadScale .ScaleListItem:after{
		padding-bottom:50%;		
	}
	
	.AbroadScale .ScaleList-item .ScaleListItemCount-num {
		font-size: 1.6rem;
	}
	
	.AbroadScale .ScaleList-item:last-child .ScaleListItemCount-num {
		margin-right: 0.25rem;
	}	

	.AbroadScale .ScaleList-item:last-child .ScaleListItemCount-text{
		position:static;
	}
}

/*=========================================================
	Abroad SkewBannerHeaderSearch
=========================================================*/
.Abroad.SkewBannerHeaderSearch {
	flex-wrap:wrap;
}

.Abroad.SkewBannerHeaderSearch .SkewBannerHeaderSearch-item{
	min-width:14.625rem;
}

@media screen and (max-width: 747px) and (min-width: 1px){
	.Abroad.SkewBannerHeaderSearch .SkewBannerHeaderSearch-item{
		min-width:unset;
		width:100%;
	}
	
	.Abroad.SkewBannerHeaderSearch .SkewBannerHeaderSearch-item:first-child{
		margin-bottom: 0.75rem;
	}
}

/*=========================================================
	AbroadExhibitionList
=========================================================*/
.AbroadExhibitionList{
	padding-top:4.5rem;
	border-top:2px solid #000;
}

.AbroadExhibitionList-item{
	padding:2.5rem 0;
	border-bottom:1px solid #CBCBCB;
}

.AbroadExhibitionList-item:first-child{
	padding-top:0;
}

.AbroadExhibitionList .BigStPs-text{
	position:relative;
	padding-left:3.875rem;
}

.AbroadExhibitionList .BigStPs-text:before{
	content:'';
	display:block;
	width:3rem;
	height:3rem;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);	
	background-size:3rem 3rem;
}

/* icon */
.AbroadExhibitionList-item.ico1 .BigStPs-text:before{
	background-image: url(../../images/icon/diagramExhibition-digital-transformation.svg);
}

.AbroadExhibitionList-item.ico2 .BigStPs-text:before{
	background-image: url(../../images/icon/diagramExhibition-energy.svg);
}

.AbroadExhibitionList-item.ico3 .BigStPs-text:before{
	background-image: url(../../images/icon/diagramExhibition-food-service.svg);
}

.AbroadExhibitionList-item.ico4 .BigStPs-text:before{
	background-image: url(../../images/icon/diagramExhibition-living-culture.svg);
}

.AbroadExhibitionList-item.ico5 .BigStPs-text:before{
	background-image: url(../../images/icon/diagramExhibition-healthcare.svg);
}

/*=========================================================
	AbExhibitionItem
=========================================================*/
.AbroadExhibitionItem .BigStPs-title{
	margin-bottom:1rem;
}
.AbExhibitionItem:after{
	content:'';
	display:block;
	clear:both;
}

.AbExhibitionItemImg{
	overflow:hidden;
	float:left;
	width:30.41%;
	margin-right:2.8125rem;
	position:relative;
}

.AbExhibitionItemImg:before{
	content:'';
	display:block;
	padding-top:55%;
}

.AbExhibitionItemImg img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;
}

/* AbExhibitionItemCont */
.AbExhibitionItemCont{
	overflow:hidden;
	position:relative;
	margin-top:2.5rem;
	padding-right:23.75rem;
}

.AbroadExhibitionItemCont-item{
	margin-bottom:2.5rem;
}

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

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

.AbExhibitionItemContCategory-item{
	display:inline-block;
	margin:0 0.375rem;
	padding:0.625rem 1.125rem;
	color:#000;
	font-size:1rem;
	line-height:1.3em;
	background-color:#F7F7F7;
	border-radius:1.5625rem 1.5625rem;
}

/* AbExhibitionItemContBtn */
.AbExhibitionItemContBtn{
	position:absolute;
	z-index:5;
	top:50%;
	right:0;
	transform:translateY(-50%);
	font-size:0;
	line-height:0;
}

.AbExhibitionItemCont .LeftThumbListItemText{
	width:100%;
	padding:0;
}

.AbExhibitionItemCont .LeftThumbListItemTextMeta{
	margin-top:1.25rem;
}

/* hover */
@media screen and (min-width:1025px){
	.AbExhibitionItemContBtn-link:hover:after{
		transform:scaleY(1);
	}
	
	.AbExhibitionItemContBtn-link:hover{
		color:#fff;
	}
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	/* .AbExhibitionItemCont */
	.AbExhibitionItemCont{
		padding-right:0;
	}
	
	/* AbExhibitionItemContBtn */
	.AbExhibitionItemContBtn{
		position:static;
		transform:translateY(0);
	}	
	
	.AbroadExhibitionList .BigStPs-text{
		padding-left: 2.25rem;
	}
	
	.AbroadExhibitionList .BigStPs-text:before{
		width:1.75rem;
		height:1.75rem;
		background-size:1.75rem 1.75rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.AbExhibitionItemImg{
		float:none;
		width:100%;
		margin-right:0;
	}
	
	/* .AbExhibitionItemCont */
	.AbExhibitionItemCont{
		padding-right:0;
	}
	
	
	/* AbExhibitionItemContBtn */
	.AbExhibitionItemContBtn{
		position:static;
		transform:translateY(0);
	}
	
	.AbroadExhibitionList{
		padding-top:3rem;
	}
	
	.AbroadExhibitionList .BigStPs-text{
		padding-left: 2.25rem;
	}
	
	.AbroadExhibitionList .BigStPs-text:before{
		width:1.75rem;
		height:1.75rem;
		background-size:1.75rem 1.75rem;
	}
}

/*=========================================================
	OverseasServiceBox
=========================================================*/
.OverseasServiceBox{
	
}

.OverseasServiceBox-list{
	margin:-0.9375rem -0.9375rem;
}

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

.OverseasServiceBox-item{
	float:left;
	width:50%;
	padding:0.9375rem 0.9375rem;
}

.OverseasServiceItem{
	padding-top:2.375rem;
	border-top:1px solid #000;
}

.OverseasServiceItem-list {
    margin: 0 -0.375rem;
    margin-bottom: 0.9375rem;
    font-size: 0;
	line-height: 0;
}

.OverseasServiceItem-cont{
    margin-top: 1.0625rem;
}

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

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

.OverseasServiceItem-cate {
    display: inline-block;
    margin: 0 0.375rem;
    padding: 0.625rem 1.125rem;
    color: #000;
    font-size: 1rem;
	font-weight:bold;
    line-height: 1.3em;
    background-color: #F7F7F7;
    border-radius: 1.5625rem 1.5625rem;
}

.OverseasServiceItem-link{
	display:inline-block;
	position:relative;
	color:#000;
	padding-right:1.875rem;
}

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

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

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.OverseasServiceItem-title {
		font-size: 1.4rem;
	}
	
	.OverseasServiceItem-list{
		margin: 0 -0.25rem 0.9375rem;
	}
	
	.OverseasServiceItem-tit {
		font-size: 1.4rem;
	}
	
	.OverseasServiceItem-txt{
		font-size: 0.93rem;
	}
	
	.OverseasServiceItem-cate{
		margin: 0 0.25rem;
		padding: 0.625rem 0.75rem;
		font-size: 0.875rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.OverseasServiceBox-item{
		float:none;
		width:100%;
	}
	
	.OverseasServiceItem{
		padding-top: 1.375rem;	
	}
	
	.OverseasServiceItem-tit {
		font-size:1.2rem;
	}
	
	.OverseasServiceItem-link{
		padding-right: 1.5rem;
	}
	
	.OverseasServiceItem-link:after{
		width: 1rem;
		height: 1rem;
		background-size: 1rem 1rem;
	}
	
	.OverseasServiceItem-txt {
		font-size: 0.93rem;
	}
	
	.OverseasServiceItem-list{
		margin: 0 -0.25rem;
	}
	
	.OverseasServiceItem-cate{
		margin: 0 0.25rem 0.9375rem;
		padding: 0.625rem 0.875rem;
		font-size: 0.93rem;
	}
}

/*=========================================================
	ContactTitle 
=========================================================*/
.ContactTitle {
	font-size:1rem;
	line-height:1.2em;
	font-weight:500;
}

/*=========================================================
	AboutHead-btn
=========================================================*/
.AboutHead-btn{
	position:relative;
	padding-right: 14.875rem;
}

.AboutHeadBtn{
	position:absolute;
	bottom:0;
	right:0;
	font-size:0;
	line-height:0;
}

.AboutHeadBtn .PostDataItemBtn{
	display: inline-block;
    width: auto;
}

.AboutHeadBtn .PostDataItemBtnLinkList-link{
	font-weight:400;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:769px){
	.AboutHead-btn{
		position:relative;
		padding-right: 13em;
	}
}

@media screen and (max-width:768px) and (min-width:1px){
	.AboutHeadBtn{
		z-index:10;
	}
	
	.AboutHeadBtn .PostDataItemBtn{
		margin-top:0;
	}
	
	.AboutHead-btn{
		position:relative;
		padding-right: 0;
		padding-bottom: 4.5em;
	}	
}

/*=========================================================
	TopInfoBox
=========================================================*/
.TopInfoBox{
	margin-bottom:1.875rem;
	font-size:0;
	line-height:0;
	text-align:right;
}

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

.TopInfoBox-inner{
	width: calc(100% - 25.2rem);
    padding-left: 4.375rem;
	float:right;
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.TopInfoBoxData-cal{
	display: block;
	display:none !important;
    font-size: 1rem;
    line-height: 1.3em;
    color: #000;
    font-weight: 600;
    padding-right: 1.5rem;
    position: relative;
	text-align:left;
	float:left;
}

.TopInfoBoxData-cal strong{
	text-decoration:underline;
}

.TopInfoBox-list{
	display:inline-block;
	float:right;
}

.TopInfoBox-list:after{
	content:"";
	display:table;
	clear:both;
}

.TopInfoBox-item{
	margin-right:2.188rem;
	float:left;
}

.TopInfoBox-item:last-child{
	margin-right:0;
}

.TopInfoBox-link{
	display:block;
	font-size:1rem;
	line-height:1.3em;
	color:#000;
	font-weight:600;
	padding-right:1.5rem;
	position:relative;
}

.TopInfoBox-link:after{
	content:"";
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.TopInfoBox-link.ico-Download:after{
	width:1rem;
	height:0.875rem;
	background-image:url(../../images/icon/ico_download.svg);
	background-size:1rem 0.875rem;
	margin-top:-0.125rem;
}

.TopInfoBox-link.ico-Notification:after{
	width:0.813rem;
	height:1.188rem;
	background-image:url(../../images/icon/ico_notification.svg);
	background-size:0.813rem 1.188rem;
	margin-top:-0.125rem;
}

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

@media screen and (max-width: 1440px) and (min-width: 1025px){
	.TopInfoBox-inner{
		width: calc(100% - 22.9rem);
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	.TopInfoBox-inner{
		width:100%;
		padding-left:0;
	}
	
	.TopInfoBoxData-cal{
		float:none;
		margin-bottom:2rem;
		padding-right:0;
	}
	
	.TopInfoBox-list{
		float:none;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px){
	.TopInfoBox-inner{
		width:100%;
		padding-left:0;
	}
	
	.TopInfoBoxData-cal{
		float:none;
		margin-bottom:2rem;
		padding-right:0;
	}
	
	.TopInfoBox-list{
		float:none;
	}
	
	.TopInfoBox{
		text-align:left;
	}
}

/*=========================================================
	ExhibitionSec
=========================================================*/
.ExhibitionSec{
	width:100%;
	position:relative;
	display:flex;
}

.ExSide{
	width:24.625rem;
	height:100%;
	z-index:5;
}

.ExCnt{
	width:calc(100% - 24.625rem);
	padding-left:4.375rem;
}

.BlogPost{
	overflow:hidden;
	padding-top:2px;
}

.BlogPost-list{
	display:flex;
	width:calc(100% + 2px);
	flex-wrap:wrap;
	margin-left:-2px;
}

.BlogPost-item{
	width:33.333%;
	margin-top:-2px;
}

.FixBottomBtn{
	font-size:1.125rem;
	line-height:1.2em;
	color:#fff;
	font-weight:bold;
	padding: 1.2rem 2rem;
	background-color:#000;
	text-align:center;
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	display:none;
	z-index:3000;
	border:3px solid #fff;
}

.ExSide .ListFilterCheck{
	cursor:pointer;
}

/*.FixBottomBtn.is-View{
	border-top:solid 1px rgba(255,255,255,0.5);
}*/

@media screen and (max-width:1440px) and (min-width:1025px){
	.ExCnt{
		padding-left:2rem;
	}
}

@media screen and (max-width:1024px) and (min-width:1px){
	.ExCnt{
		padding-left:0;
		width:100%;
	}
	
	.ExSide{
		position:fixed !important;
		top:0;
		left:0;
		right:0;
		bottom:0;
		z-index:2000;
		width:auto;
		opacity:0;
		visibility:hidden;
		overflow:hidden;
		overflow-y:auto;
	}
	
	.ExSide.is-View{
		opacity:1;
		visibility:visible;
	}
	
	.ExhibitionSecFix{
		position:static !important;
		width:100% !important;
		min-height:100vh;
		background-color:#000;
		padding:2rem 2rem 8rem;
	}
	
	.FixBottomBtn{
		display:block;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.BlogPost-item{
		width:100%;
	}
}

@media screen and (max-width:419px) and (min-width:1px){
	.ExhibitionSecFix{
		padding:2rem 1.5rem 8rem;
	}
}

/*=========================================================
  BlogEvent
=========================================================*/
.BlogEventItem{
	width:100%;
}

.BlogEventItem-link{
	position:relative;
	display:block;
	padding:2.1875rem 2.25rem;
	border-left: 2px solid #000;
	border-right: 0;
	overflow:hidden;
}

.BlogEventItem-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;
}

.BlogEventItem-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;
}

.BlogEventItemHover{
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	filter:blur(10px);
	opacity:0;
	transition-property:opacity;
    transition-duration: 0.26s;
}

.BlogEventItemHover-img{
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;
}

.BlogEventItemHover .BlogEventItemCont{
	position:absolute;
	top:2.1875rem;
	bottom:2.1875rem;
	left: 2.25rem;
	right: 2.25rem;
}

.type-Ad .BlogEventItemHover{
	opacity:1;
	filter: blur(0);
	transform:scale(1);
}

.type-Ad .BlogEventItemHover img{
	transform:scale(1);
}

.type-Ad .BlogEventItemCont{
	opacity:0;
}

.BlogEventItemHover img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

.BlogEventItemCont{
	position:relative;
}

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

.BlogEventItemCont-inner{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.BlogEventItemCont-cate{
	position:relative;
	margin-bottom:0.6875rem;
	padding-left:0.875rem;
	color:#000;
	font-size:1rem;
	font-weight:500;
	font-family: 'Poppins';
	line-height:1.4em;
}

.BlogEventItemCont-cate:before{
	content:'';
	display:block;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	width:0.4375rem;
	height:0.4375rem;
	border-radius:100%;
}

.pink.BlogEventItemCont-cate:before{
	background-color:#ED3DA6;
}

.yellow.BlogEventItemCont-cate:before{
	background-color:#A7A000;
}

.purple.BlogEventItemCont-cate:before{
	background-color:#8E49DE;
}

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

.BlogEventItemCont-date:before{
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	font-size:1.25rem;
	font-weight:500;
	line-height:1.4em;
}

.BlogEventItemCont-date{
	color:#000;
	font-size:1.25rem;
	font-weight:500;
	font-family: 'Poppins';
	line-height:1.2em;
	padding-right:5px;
}

.BlogEventItemHover-ad{
	position:absolute;
	top:0;
	right:0;
	z-index:5;
	font-size:0.938rem;
	line-height:1.2em;
	color:#fff;
	font-weight:500;
	padding:1rem 1rem;
	background-color:#000;
}

.BlogEventItemContMeta{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	display:flex;
	width:100%;
	align-items:end;
	justify-content: space-between
}

.BlogEventItemCont-hall{
	font-size:1.063rem;
	line-height:1.4em;
	color:#000;
	font-weight:600;
}

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

.BlogEventItemContHall-sub{
	font-size:0.938rem;
	line-height:1em;
	color:#000;
	font-weight:500;
	margin-right:5px;
}

.BlogEventItemContHall-text{
	font-size:2.688rem;
	line-height:1em;
	color:#000;
	font-weight:500;
}

.BlogEventItemHover .BlogEventItemCont-tit,
.BlogEventItemHover .BlogEventItemCont-cate,
.BlogEventItemHover .BlogEventItemCont-date,
.BlogEventItemHover .BlogEventItemCont-hall{
	color:#fff;
}

.BlogEventItemHover .BlogEventItemCont-cate:before{
	background-color:#fff !important;
}



/*hover*/
@media screen and (min-width: 1025px) {
	.BlogEventItem-link:hover .BlogEventItemHover{
		filter:blur(0);
		opacity:1;
		z-index:5;
	}
}

/*responsive*/
@media screen and (max-width:1440px) and (min-width:1025px){
	.BlogEventItemCont-date{
		font-size:1.063rem;
	}
	
	.BlogEventItemCont-tit{
		font-size:1.75rem;
	}
}

@media screen and (max-width:1024px) and (min-width:748px){
	.BlogEventItem-link{
		padding: 1.875rem 1.5rem;
	}
	
	.BlogEventItemCont-tit{
		font-size: 1.25rem;
	}

	.BlogEventItemCont-date{
		font-size: 0.75rem;
	}
	
	.BlogEventItemCont-cate{
		font-size:0.75rem;
	}
	
	.BlogEventItemCont-hall{
		font-size:0.75rem;
	}
	
	.BlogEventItemContHall-sub{
		font-size:0.75rem;
	}
	
	.BlogEventItemContHall-text{
		font-size:1.7rem;
	}
	
	.BlogEventItemHover{
		opacity:1;
	}
	
	.BlogEventItemHover img{
		opacity:0;
	}
	
	.BlogEventItemHover-ad{
		font-size:0.75rem;
		padding: 0.75rem 0.75rem;
		top:-2px;
		right:-2px;
	}
	
	.type-Ad .BlogEventItemHover img{
		opacity:1;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.BlogPost{
		margin-left:-2rem;
		margin-right:-2rem;
	}
	
	.BlogEventItem{
		height:100%;
	}
	
	.BlogEventItem-link{
		padding: 0;
		height:100%;
	}

	.BlogEventItemHover{
		position:static;
		opacity:1;
		visibility:visible;
		filter: blur(0);
	}
	
	.BlogEventItemCont{
		padding:1.25rem 2rem 2.5rem;
	}
	
	.BlogEventItemCont-cate{
		margin-bottom: 0.25rem;
		font-size:1rem;
	}
	
	.BlogEventItemCont-date{
		font-size:1rem;
	}
	
	.BlogEventItemCont-tit{		
		height:2.8em;
		font-size:1.6rem;
		line-height:1.4em;
	}
	
	.BlogEventItemCont{
		padding:2rem 2rem 2.5rem;
	}
	
	.BlogEventItemHover .BlogEventItemCont{
		display:none !important;
	}
	
	.BlogEventItemCont-inner{
		position:static;
	}
	
	.BlogEventItemHover .BlogEventItemHover-img{
		position:static;
	}
	
	.BlogEventItemContMeta{
		position:static;
	}
	
	.BlogEventItemCont:after{
		display:none;
	}
	
	.BlogEventItemContMeta{
		margin-top:2.5rem;
	}
	
	.BlogEventItemCont-hall{
		font-size:1rem;
	}
	
	.BlogEventItemContHall-sub{
		font-size:1rem;
	}
	
	.BlogEventItemContHall-text{
		font-size:2rem;
	}
	
	.type-Ad .BlogEventItemCont{
		opacity:1;
	}
	
	.MainEventItemHover .MainEventItemCont {
		display: none;
	}
	
	.MainEventItemCont.asp{
		display:none;
	}
}

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

/*=========================================================
	ExhibitionSecFix
=========================================================*/
.ExhibitionSecFix{
	overflow:hidden;
}
.ExhibitionSecFix.is-Fix{
	position:fixed;
	top:auto;
	bottom:20px;
	width:24.625rem;
}

.ExhibitionSecFix.is-Top{
	position:fixed;
	top:calc(4.125rem + 10px);
	width:24.625rem;
}

.ExhibitionSecFix.is-Stop{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	width:24.625rem;
}

/*=========================================================
	ListSearch
=========================================================*/
.ListSearch{
	border:solid 2px #000;
	padding-right:3.75rem;
	position:relative;
	margin-bottom:1.25rem;
}

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

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

@media screen and (max-width:1024px) and (min-width:1px){
	.ListSearch{
		background-color:#fff;
		margin-bottom:3.75rem;
	}
}


/*=========================================================
	ListFilter
=========================================================*/
.ListFilter{
	background-color:#000;
	padding:3rem 2.375rem;
}

.ListFilter_ref{
	position:absolute;
	top:0;
	right:0;
	color:#fff;
	text-decoration:underline;
}

.ListFilterRow{
	margin-top:3.75rem;
}

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

.ListFilterRow-title{
	font-size:0.875rem;
	line-height:1.2em;
	color:#fff;
	margin-bottom:0.938rem;
	position:relative;
}

.ListFilterKeyword-list{
	overflow:hidden;
	margin:-0.313rem -0.313rem;
}

.ListFilterKeyword-item{
	padding:0.313rem 0.313rem;
	float:left;
}

.ListFilterKeyword-label{
	display:block;
}

.ListFilterKeyword-input{
	display:none;
}

.ListFilterKeyword-text{
	display:block;
	font-size:1rem;
	line-height:1.2em;
	font-weight:500;
	color:rgba(255,255,255,0.5);
	border:solid 1px rgba(255,255,255,0.5);
	border-radius:100px 100px;
	padding:0.438rem 0.813rem;
}

.ListFilterKeyword-input:checked + .ListFilterKeyword-text{
	border-color:#fff;
	color:#000;
	background-color:#fff;
}

.ListFilterCheck-item{
	margin-top:0.625rem;
}

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

.ListFilterCheck-label{
	display:block;
}

.ListFilterCheck-input{
	display:none;
}

.ListFilterCheck-text{
	display:block;
	font-size:1rem;
	line-height:1.2em;
	color:#fff;
	font-weight:500;
	padding:0.75rem 1rem;
	border:solid 1px rgba(255,255,255,0.5);
	position:relative;
}

.ListFilterCheck-input:checked + .ListFilterCheck-text{
	padding-left:2.125rem;
	background-color:#fff;
	border-color:#fff;
	color:#000;
}

.ListFilterCheck-input:checked + .ListFilterCheck-text: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 (min-width:1025px){
	.ListFilterKeyword-text:hover{
		border-color:#fff;
		color:#fff;
	}
}

@media screen and (max-width:1024px) and (min-width:748px){
	.ListFilter{
		padding:0;
	}
}

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

/*=========================================================
	CalenderList
=========================================================*/
.CalenderList{
	margin-top:0.875rem;
}

.CalenderList-list{
	margin:0 -0.625rem;
}

.CalenderList-list:after{
	content:"";
	display:table;
	clear:both;
}

.CalenderList-item{
	float:left;
	width:50%;
	padding:0 0.625rem;
	position:relative;
}

.CalenderList-item:first-child:after{
	content:"-";
	color:#fff;
	position:absolute;
	top:50%;
	right:-0.2rem;
	transform:translateY(-50%);
}

body .BsCalender-input{
	display:block;
	width:100%;
	font-size:0.938rem;
	line-height:normal;
	color:#fff;
	padding:0.938rem 0.938rem 0.938rem 2.688rem;
	background-color:rgba(255,255,255,0.12);
	cursor:pointer;
	background-image:url(../../images/icon/ico_calender_w.svg);
	background-size:1.125rem 0.938rem;
	background-position:0.938rem center;
	background-repeat:no-repeat;
}

/*=========================================================
	RangeSliderBx
=========================================================*/
.RangeSliderBx{
	position:relative;
	padding-top:1.563rem;
}

.RangeSlider {
  width: 100%;
  height: 19px;
  position: relative;
  height:0;
  opacity:0;
  visibility:hidden;
}

.RangeSliderBx input {
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  border: none;
  pointer-events: none;
  z-index: 10;
  opacity:0;
}

.RangeSliderBx input#input-left{
	opacity:0;
	visibility:hidden;
}

.RangeSliderBx input::-webkit-slider-thumb {
  pointer-events: all;
  appearance:none;
  background-color: #fff;
  width: 100%;
  height: 2px;
  margin:0;
}

.RangeSlider .track {
  position: absolute;
  top:50%;
  transform:translateY(-50%);
  left: 3%;
  width: 95%;
  height:2px;
  background-color: #4D4D4D;
}

.RangeSlider .range {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
}

.RangeSlider .thumb {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height:14px;
}

.RangeSlider .thumb:before{
	content:"";
	width:14px;
	height:14px;
	background-color: #fff;
	border-radius: 50%;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
}

.RangeSlider .left {
  left: 0;
}

.RangeSlider .right {
  right: 0;
}

.RangeSliderBxList-item{
	display:block;
	position:absolute;
	top:0;
	transform:translateX(-25%);
}

.RangeSliderBxList-text{
	display:block;
	font-size:0.938rem;
	line-height:1.2em;
	color:#fff;
	font-weight:500;
	cursor:pointer;
}

.RangeSliderBxList-item:nth-child(1){
	left:0;
}

.RangeSliderBxList-item:nth-child(2){
	left:20%;
}

.RangeSliderBxList-item:nth-child(3){
	left:39%;
}

.RangeSliderBxList-item:nth-child(4){
	left:58%;
}

.RangeSliderBxList-item:nth-child(5){
	left:78%;
}

.RangeSliderBxList-item:nth-child(6){
	left:96%;
}


@media screen and (max-width:1024px) and (min-width:1px){
	.RangeSliderBxList-item:nth-child(6){
		left:99%;
	}
}

@media screen and (max-width:419px) and (min-width:1px){
	.RangeSliderBxList-item:nth-child(6){
		left:97%;
	}
}

/*=========================================================
	PeriodBox
=========================================================*/
.PeriodBox-list:after{
	content:'';
	display:block;
	clear:both;
}

.PeriodBox-item{
	float:left;
	width:25%;
	padding:0 0.25rem;
}

.PeriodBox-link{
	display:block;
	padding:0.5rem 0;
	color:#fff;
	font-weight:500;
	line-height:1.5em;
	text-align:center;
	border:1px solid #fff;
}

.is-Selected .PeriodBox-link{
	background-color:#fff;
	color:#000;
}

/*=========================================================
	Visitor Main Ad Badge
=========================================================*/
.is-Ad .HeroSlideThumbItem-ad{
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:3.75rem;
	padding:1.875rem 0;
	z-index:5;
	background-color:#000;
	color:#fff;
	font-size:1.25rem;
	font-weight:500;
	text-align:center;
}

.is-Ad .MainEventItem-ad{
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:3.75rem;
	padding:1.875rem 0;
	z-index:10;
	background-color:#000;
	color:#fff;
	font-size:1.25rem;
	font-weight:500;
	text-align:center;
}

.is-Ad .MainEventItemHover{
	filter: blur(0);
    opacity: 1;
    z-index: 5;
}

@media screen and (max-width: 747px) and (min-width: 1px){
	.is-Ad .MainEventItem-ad {
		width: 3.875rem;
		padding: 0.875rem 0;
	}
}

/*=========================================================
	CompletePopup
=========================================================*/
.CompletePopup{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100000;
	opacity: 0;
	visibility: hidden;
}

.CompletePopupDim {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: .7;
}

.CompletePopupBox{
	width: calc(100% - 2.5rem);
    max-width: 35.4375rem;
	max-height: calc(100% - 2.5rem);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 10;
    background-color: #fff;
}

.CompletePopupBox-inner{
	padding: 3.0625rem 1.25rem;
}

.CompletePopupBox-tit{
	font-size:1.25rem;
	font-weight:600;
	line-height:1.4em;
	text-align:center;
}

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

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.CompletePopupBox-tit{
		font-size:1.125rem;
	}	
	.CompletePopupBox-inner{
		padding: 2rem 1.25rem;
	}
}

/*PostCalendarHeader
=========================================================*/
.PostCalendarHeader{
	position:relative;
	margin-bottom:0.5625rem;
}

.PostCalendarHeader-text{
	display: inline-block;
	width:15rem;
    font-size: 3.625rem;
    line-height: 1.2em;
    color: #000;
    font-weight: 500;
	font-family: 'Poppins';
	vertical-align:middle;
}

.PostCalendarHeaderBtn{
	display:inline-block;
	font-size:0;
	line-height:0;
	vertical-align:middle;
}

.PostCalendarHeaderBtn-prev{
	position:relative;
    width: 1.8125rem;
    height: 1.8125rem;
}
    
.PostCalendarHeaderBtn-prev:before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;	
    width: 100%;
    height: 100%;
	background-image: url(../../images/icon/ico_paging_prev.svg);
    background-size: 0.75rem 1.5rem;
	background-repeat:no-repeat;
	background-position:center center;
}
    
.PostCalendarHeaderBtn-next{
	position:relative;
    width: 1.8125rem;
    height: 1.8125rem;
	margin-left:0.625rem;
}

.PostCalendarHeaderBtn-next:before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;	
    width: 100%;
    height: 100%;
	background-image: url(../../images/icon/ico_paging_next.svg);
    background-size: 0.75rem 1.5rem;
	background-repeat:no-repeat;
	background-position:center center;
}

@media screen and (max-width:1024px) and (min-width:748px){
	.PostCalendarHeader{
		margin-bottom:2.125rem;
	}
	
	.PostCalendarHeader-text{
		width: 13rem;
		font-size: 3rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.PostCalendarHeader{
		margin-bottom:2.125rem;
	}

	.PostCalendarHeader-text{
		width: 10rem;
		font-size: 2.25rem;
	}	
}

/*PostCalendarCategory
=========================================================*/
.PostCalendarCategory{
	text-align:right;
	margin-bottom:1rem;
}

.PostCalendarCategory-list{
	display:inline-block;
	margin:0 -0.625rem;
}

.PostCalendarCategory-item{
	display:inline-block;
	padding:0 0.625rem;
}

.PostCalendarCategory-txt{
    display: block;
	font-size:1rem;
	font-weight:500;
	font-family: 'Poppins';
	line-height: 1.4em;
}

.PostCalendarCategory-txt:before{
	top:50% !important;
	transform:translateY(-50%) !important;
}

/*PostCalendarThead
=========================================================*/
.PostCalendarThead{
	display: flex;
    width: 100%;
	border-top:3px solid #000;
	border-bottom:2px solid #000;
}

.PostCalendarThead-item {
    width: 14.28%;
	padding:0.375rem 0;
    font-size: 1rem;
    line-height: 1.4em;
    color: #000;
    font-weight: 600;
}

.PostCalendarThead-item:first-child{
	color:#DD2828;
}

.PostCalendarThead-item:last-child{
	color:#045DD6;
}

/*PostCalendarTbody
=========================================================*/
.PostCalendarTbody{
	display: flex;
    flex-wrap: wrap;
}

.PostCalendarTbody-item {
	overflow:hidden;
    width: 14.28%;
	position:relative;
    padding: 1.0625rem 1rem 3rem;
	padding-left:0;
	border-bottom:1px solid #CBCBCB;
}

.PostCalendarTbody-item:nth-child(7n+1) .PostCalendarTbody-num{
	color:#DD2828;
}

.PostCalendarTbody-item:nth-child(7n)  .PostCalendarTbody-num{
	color:#045DD6;
}

.PostCalendarTbody-num{
	display:block;
	margin-bottom:0.8125rem;
	color:#000;
	font-family: 'Poppins';
	font-size:1.875rem;
	font-weight:500;
	line-height:1em;
}

.PostCalendarTbody-txt{
	overflow:hidden;
	max-height:3rem;
	display: block;
	position:relative;
	margin-bottom:0.4375rem;
    font-size: 1rem;
    line-height: 1.5em;
    color: #000;
	word-break: break-all;
	text-overflow:ellipsis;
   display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;

}

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

.past .PostCalendarTbody-num,
.future .PostCalendarTbody-num{
	opacity:0.4 !important;
}

.past .PostCalendarTbody-txt,
.future .PostCalendarTbody-txt{
	opacity:0.4 !important;
}

@media screen and (min-width: 1025px){
	.PostCalendarTbody-txt:hover{
		text-decoration:underline
	}
}

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

/*PostCalendarBox
=========================================================*/
@media screen and (max-width:1024px) and (min-width:1px){
	.PostCalendarBox{
		overflow: hidden;
		overflow-x: auto;
		margin: 0 -2rem;
		padding-left: 2rem;
		padding-right: 2rem;
		-ms-overflow-style: none; 
		scrollbar-width: none; 
	}
	
	.PostCalendarBox::-webkit-scrollbar {
		display: none; 
	}
}

@media screen and (max-width:1024px) and (min-width:748px){	
	.PostCalendarBox-scroll{
		width: 220%;
	}	
}

@media screen and (max-width:747px) and (min-width:1px){
	.PostCalendarThead{
		display:none;
	}
	
	.PostCalendarTbody{
		/* display:block; */
	}
	
	.PostCalendarTbody-item{
		width:100%;
	}
}

/*=========================================================
	TopInfoBoxBtn
=========================================================*/
.TopInfoBoxBtn{
	float:left;
}

.TopInfoBoxBtn-list{
	overflow:hidden;
	background-color:#F8F8F8;
	border-radius:6.25rem;
}

.TopInfoBoxBtn-item{
	display:inline-block;
}

.TopInfoBoxBtn-link{
	display:block;
	padding:0.875rem 1.375rem;
	border-radius:6.25rem;
}

.TopInfoBoxBtn-txt{
	display:block;
	position:relative;
	padding-left:1.5625rem;
	color:#000;
	font-size:1rem;
	font-weight:600;
	line-height:1.2em;
}

.TopInfoBoxBtn-txt:before{
	content:'';
	display:block;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

.type-list:before{
	width:1.1875rem;
	height:1.1875rem;
	background-image: url(../../images/icon/ico_schedules01_black.svg);
    background-size: 1.1875rem 1.1875rem;	
}

.type-calendar:before{
	width:1.3125rem;
	height:1.3125rem;
	background-image: url(../../images/icon/ico_schedules02_black.svg);
    background-size: 1.3125rem 1.3125rem;	
}

.is-Current .TopInfoBoxBtn-link{
	background-color:#000;
}

.is-Current .TopInfoBoxBtn-txt{
	color:#fff;
}

.is-Current .TopInfoBoxBtn-txt{
	color:#fff;
}

.is-Current .type-list:before{
	background-image: url(../../images/icon/ico_schedules01_white.svg);
}

.is-Current .type-calendar:before{
	background-image: url(../../images/icon/ico_schedules02_white.svg);
}

.ExCnt-item{
	display:none;
}

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

@media screen and (max-width:419px) and (min-width:1px){
	.TopInfoBoxBtn{
		float:none;
		order:2;
		margin-top:2.5rem;
	}
}

/*=========================================================
	PostCalendar category dot color
=========================================================*/
.PostCalendar .pink{
	position:relative;
	padding-left:0.875rem;
}

.PostCalendar .pink:before{
	content:'';
	display:block;
	position:absolute;
	top:0.4375rem;
	left:0;
	width:0.5rem;
	height:0.5rem;
	border-radius:100%;
	background-color:#ED3DA6;
}
 
.PostCalendar .purple{
	position:relative;
	padding-left:0.875rem;
}

.PostCalendar .purple:before{
	content:'';
	display:block;
	position:absolute;
	top:0.4375rem;
	left:0;
	width:0.5rem;
	height:0.5rem;
	border-radius:100%;
	background-color:#8E49DE;
}

.PostCalendar .yellow{
	position:relative;
	padding-left:0.875rem;
}

.PostCalendar .yellow:before{
	content:'';
	display:block;
	position:absolute;
	top:0.4375rem;
	left:0;
	width:0.5rem;
	height:0.5rem;
	border-radius:100%;
	background-color:#A7A000;
}

/*=========================================================
	Maping
=========================================================*/
.MapPage{
	display:flex;
	width:100%;
	align-items:start;
}

.MapPageList{
	display:none;
	width:15.438rem;
	margin-right:3rem;
}

.MapSec{
	width:calc(100% - 18.438rem);
	width:100%;
	overflow:hidden;
}

.Maping{
	width:100%;
	/* height:35.7rem; */
	line-height:0;
}

.Maping-zoom{
	display:block;
}

.Dv-touchNone .Maping{
	overflow:scroll;
	transform-origin: 0 0;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.Dv-touchNone .Maping-zoom{
	width: 100%;
    height: auto;
    transform-origin: 0 0;
}

.Dv-touchNone .Maping::-webkit-scrollbar {
	display: none;
}

.Dv-touch .Maping{
	height:auto !important;
}

.MapPage.Direction .MapPageList{
	display:block;
}

.MapPage.Direction .MapSec{
	width:calc(100% - 18.438rem);
	max-width:unset;
}

@media screen and (max-width:1024px) and (min-width:748px){
	.MapPageList{
		width:13.438rem;
		margin-right:1rem;
	}

	.MapSec{
		width:calc(100% - 14.438rem);
		width:100%;
		padding-top: 1.8rem;
	}
	
	.Maping{
		height:48vw;
	}
	
	.MapPage.Direction .MapSec{
		width:calc(100% - 14.438rem);
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.MapPage{
		display:block;
	}
	
	.MapPageList{
		position:fixed;
		bottom:0;
		left:0;
		right:0;
		width:auto;
		margin-right:0;
		background-color:#fff;
		z-index:100;
	}
	
	.MapSec{
		width:auto;
		margin-left:-2rem;
		margin-right:-2rem;
	}
	
	.Maping{
		height:65vw;
	}
	
	.MapPage.Direction .MapSec{
		width:auto;
		margin-left:-2rem;
		margin-right:-2rem;
	}
}

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

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

.is-Current.MapPageList-item .MapPageListBxTitle-link{
	background-color:#000;
	color:#fff;
	font-weight:bold;
	text-decoration:none !important;
}

.is-Current.MapPageList-item .MapPageListBxTitle-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%);
}

.MapPageListBxSub{
	background-color:#F7F7F7;
	padding:1.25rem 1.25rem 1.375rem;
	margin-bottom:0.75rem;
	display:none;
}

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

.MapPageList-item.is-Current .MapPageListBxSub{
	display:block;
}

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

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

.MapPageListBxSub-link{
	font-size:1rem;
	line-height:1.4em;
	color:#000;
	display:block;
}

.MapPageListBxSub-item.is-Current .MapPageListBxSub-link{
	font-weight:bold;
}

.MapPageList-title{
	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){
	.MapPageListBxSub-link:hover{
		text-decoration:underline;
	}
	
	.MapPageListBxTitle-link:hover{
		text-decoration:underline;
	}
}

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

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

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

/*=========================================================
	오시는길
=========================================================*/
.MapMeans-list{
	margin-bottom:2.5rem;
	overflow:hidden;
}

.MapPageListSubCnt-item{
	display:none;
}

.MapPageListSubCnt-item.hidden{
	opacity:0;
	visibility:hidden;
}

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

.MapMeans-item{
	width:25%;
	float:left;
	text-align:center;
}

.MapMeans-link{
	display:block;
	font-size:0.875rem;
	line-height:1.2em;
	color:#000;
	font-weight:600;
	position:relative;
	opacity:0.35;
}

.MapMeans-ico{
	width:100%;
	height:3.875rem;
	display:block;
	margin-bottom:0.313rem;
	position:relative;
}

.MapMeans-ico:after{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.is-Current .MapMeans-link{
	opacity:1;
	color:#F246AC;
}


/*icon*/
.train .MapMeans-ico:after{
	width:1.813rem;
	height:2.5rem;
	background-image:url(../../images/icon/ico_train.svg);
	background-size:1.813rem 2.5rem;
}

.bus .MapMeans-ico:after{
	width:2.375rem;
	height:2.375rem;
	background-image:url(../../images/icon/ico_bus.svg);
	background-size:2.375rem 2.375rem;
}

.car .MapMeans-ico:after{
	width:2.563rem;
	height:1.813rem;
	background-image:url(../../images/icon/ico_car.svg);
	background-size:2.563rem 1.813rem;
}

.bicycle .MapMeans-ico:after{
	width:1.875rem;
	height:2.313rem;
	background-image:url(../../images/icon/ico_bicycle.svg);
	background-size:1.875rem 2.313rem;
}

.is-Current.train .MapMeans-ico:after{
	background-image:url(../../images/icon/ico_train_a.svg);
}

.is-Current.bus .MapMeans-ico:after{
	background-image:url(../../images/icon/ico_bus_a.svg);
}

.is-Current.car .MapMeans-ico:after{
	background-image:url(../../images/icon/ico_car_a.svg);
}

.is-Current.bicycle .MapMeans-ico:after{
	background-image:url(../../images/icon/ico_bicycle_a.svg);
}


.MapInfo{
	width: calc(100% - 18.438rem);
	float:right;
	padding-top:2.188rem;
}

.MapInfoSec{
	display:none;
}

.MapInfoSec.is-Current{
	display:block;
}

.MapInfoSec-item{
	display:none;
}

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

.MapInfoSec-title{
	font-size:2.5rem;
	line-height:1.3em;
	color:#000;
	font-weight:600;
	margin-bottom:2.25rem;
}

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

.MapInfoStep-list{
	overflow:hidden;
	margin:-1.313rem -0.313rem;
}

.MapInfoStep-item{
	float:left;
	width:25%;
	padding:1.313rem 0.313rem;
}

.MapInfoStepBx-title{
	margin-bottom:1.25rem;
	border-bottom:solid 2px #000;
	font-size:1.5rem;
	line-height:1.4em;
	color:#000;
	font-weight:500;
	font-family: 'Poppins';
	padding-bottom:0.375rem;
}

.BusInfoTitle{
	font-size:0;
	line-height:0;
	margin-top:1.25rem;
}

.BusInfoTitle-text{
	display:inline-block;
	border:solid 1px #000;
	padding:0.563rem 0.813rem;
	font-size:1.25rem;
	line-height:1.2em;
	color:#000;
	font-weight:500;
}

.BusInfoList-list{
	overflow:hidden;
	margin:-1.563rem -0.313rem;
}

.BusInfoList-item{
	float:left;
	width:25%;
	padding:1.563rem 0.313rem;
}

.BusInfoList-item:nth-child(4n+1){
	clear:both;
}

.BusInfoListBx-title{
	margin-bottom:1.25rem;
	border-bottom:solid 2px #000;
	font-size:1.5rem;
	line-height:1.4em;
	color:#000;
	font-weight:600;
	padding-bottom:0.375rem;
	padding-left:2rem;
	position:relative;
}

.BusInfoListBx-title:before{
	content:"";
	width:1.375rem;
	height:1.5rem;
	background-size:1.375rem 1.5rem;
	position:absolute;
	top:0.2rem;
	left:0;
}

.BusInfoListBx .MapInfoSec-text{
	padding-right:2rem;
}

/*icon*/
.BusInfoListBx-title.blue:before{
	background-image:url(../../images/icon/ico_bus_blue.svg);
}

.BusInfoListBx-title.darkgreen:before{
	background-image:url(../../images/icon/ico_bus_darkgreen.svg);
}

.BusInfoListBx-title.yellow:before{
	background-image:url(../../images/icon/ico_bus_yellow.svg);
}

.BusInfoListBx-title.green:before{
	background-image:url(../../images/icon/ico_bus_green.svg);
}

.BusInfoListBx-title.red:before{
	background-image:url(../../images/icon/ico_bus_red.svg);
}

.BusInfoListBx-title.orange:before{
	background-image:url(../../images/icon/ico_bus_orange.svg);
}

.BusInfoMassage{
	margin-top:3.125rem;
	background-color:#F7F7F7;
	padding:1.625rem 25rem 1.625rem 2.125rem;
	position:relative;
}

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

.BusInfoMassageList{
	position:absolute;
	top:50%;
	right:2.125rem;
	transform:translateY(-50%);
}

.BusInfoMassageList-list{
	overflow:hidden;
	margin:-0.188rem -0.188rem;
}

.BusInfoMassageList-item{
	padding:0.188rem 0.188rem;
	width:50%;
	float:left;
}

.BusInfoMassageList-link{
	font-size:0.938rem;
	line-height:1.2em;
	color:#000;
	font-weight:600;
	text-align:center;
	padding:0.813rem 0.875rem;
	border:solid 2px #000;
	display:block;
}

@media screen and (min-width:1025px){
	.BusInfoMassageList-link:hover{
		background-color:#722EA5;
		border-color:#722EA5;
		color:#fff;
	}
}

@media screen and (max-width:1024px) and (min-width:748px){
	.MapMeans-link{
		font-size:0.75rem;
		padding-top: 1.4rem;
	}
	
	/*icon*/
	.train .MapMeans-link:after{
		width:1.4375rem;
		height:0.6875rem;
		background-size:1.4375rem 0.6875rem;
	}

	.bus .MapMeans-link:after{
		width:1.4375rem;
		height:0.875rem;
		background-size:1.4375rem 0.875rem;
	}

	.car .MapMeans-link:after{
		width:1.344rem;
		height:0.844rem;
		background-size:1.344rem 0.844rem;
	}

	.bicycle .MapMeans-link:after{
		width:1.464rem;
		height:0.8125rem;
		background-size:1.464rem 0.8125rem;
	}
	
	.MapInfo{
		width:100%;
	}
	
	.MapInfoSec-title{
		font-size:1.6rem;
		margin-bottom:1.2rem;
	}
	
	.MapInfoSec-text{
		font-size:0.8rem;
	}
	
	.MapInfoStepBx-title{
		font-size:1rem;
		padding-bottom: 0.2rem;
		margin-bottom: 1rem;
	}
	
	.BusInfoTitle-text{
		font-size:0.875rem;
	}
	
	.BusInfo{
		margin-top:2rem;
	}
	
	.BusInfoListBx-title{
		font-size:1rem;
		padding-bottom: 0.2rem;
		margin-bottom: 1rem;
		padding-left:1.5rem;
	}
	
	.BusInfoListBx-title:before{
		width:0.9rem;
		height:1rem;
		background-size:0.9rem 1rem;
	}
	
	.BusInfoMassage{
		padding:1.625rem 2.125rem;
	}
	
	.BusInfoMassageList{
		position:static;
		margin-top:1rem;
		transform:translateY(0);
	}
	
	.BusInfoMassage-text{
		font-size:0.875rem;
	}
	
	.BusInfoMassageList-link{
		font-size:0.875rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.MapMeans-link{
		font-size:0.875rem;
		padding-top: 1.4rem;
	}
	
	/*icon*/
	.train .MapMeans-link:after{
		width:1.4375rem;
		height:0.6875rem;
		background-size:1.4375rem 0.6875rem;
	}

	.bus .MapMeans-link:after{
		width:1.4375rem;
		height:0.875rem;
		background-size:1.4375rem 0.875rem;
	}

	.car .MapMeans-link:after{
		width:1.344rem;
		height:0.844rem;
		background-size:1.344rem 0.844rem;
	}

	.bicycle .MapMeans-link:after{
		width:1.464rem;
		height:0.8125rem;
		background-size:1.464rem 0.8125rem;
	}
	
	.MapInfo{
		width:100%;
	}
	
	.MapInfoSec-title{
		font-size:1.6rem;
		margin-bottom:1.2rem;
	}
	
	.MapInfoSec-text{
		font-size:1rem;
	}
	
	.MapInfoStepBx-title{
		font-size:1.1rem;
		padding-bottom: 0.2rem;
		margin-bottom: 1rem;
	}
	
	.MapInfoStep-item{
		width:100%;
	}
	
	.BusInfoList-item{
		width:100%;
	}
	
	.BusInfoList-list{
		margin: -1rem -0.313rem;
	}
	
	.BusInfoList-item{
		padding: 1rem 0.313rem;
	}
	
	.BusInfoTitle-text{
		font-size:0.875rem;
	}
	
	.BusInfo{
		margin-top:2rem;
	}
	
	.BusInfoListBx-title{
		font-size:1.1rem;
		padding-bottom: 0.2rem;
		margin-bottom: 1rem;
		padding-left:1.5rem;
	}
	
	.BusInfoListBx-title:before{
		width:0.9rem;
		height:1rem;
		background-size:0.9rem 1rem;
	}
	
	.BusInfoMassage{
		padding:1.5rem 1.5rem;
	}
	
	.BusInfoMassageList{
		position:static;
		margin-top:1rem;
		transform:translateY(0);
	}
	
	.BusInfoMassage-text{
		font-size:0.875rem;
	}
	
	.BusInfoMassageList-link{
		font-size:0.75rem;
	}
}

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

.ParkingApiMap{
	line-height:0;
	border:solid 3px #000;
}

.ParkingApi-info{
	font-size:0.875rem;
	line-height:1.5em;
	color:#000;
	padding-left:1.375rem;
	position:relative;
	margin-top:1.125rem;
}

.ParkingApi-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;
}

.SubTitle{
	margin-bottom:1.875rem;
}

.SubTitle-text{
	font-size:2.5rem;
	line-height:1.3em;
	color:#000;
	font-weight:600;
}

@media screen and (max-width: 1024px) and (min-width: 748px){
	.SubTitle-text{
		font-size:1.7rem;
	}
}

@media screen and (max-width: 747px) and (min-width: 1px){
	.ParkingApi{
		margin-bottom:4rem;
	}
	
	.ParkingApiMap{
		border-width:2px;
	}
	
	.SubTitle-text{
		font-size:1.6rem;
	}
}

.ParkingApiMap{
	display:flex;
	width:100%;
	padding:1.5rem 2rem;
}

.ParkingApiMapSelect{
	 width:15%;
}

.ParkingApiMapGraph{
	width:65%;
	padding:0 2.938rem;
}

.ParkingApiMapCont{
	width:20%;
	padding-left:1.875rem;
	border-left:solid 1px #D3D3D3;
	display:flex;
	flex-direction: column;
	justify-content:space-between;
}

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

.ParkingApiMapSelectList{
	margin-top:1.5rem;
}

.ParkingApiMapSelectList-item{
	margin-top:0.625rem;
}

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

.ParkingApiMapSelectList-link{
	display:block;
	font-size:1.25rem;
	line-height:1.4em;
	color:rgba(0,0,0,0.45);
	font-weight:bold;
}

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

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

.ParkingApiMapGraphInfo-text{
	display:inline-block;
	font-size:0.938rem;
	line-height:1.4em;
	color:#000;
	padding:0.563rem 1rem;
	background-color:#F8F8F8;
}

.ParkingApiMapContInfo{
	text-align:right;
	padding-bottom:1.563rem;
}

.ParkingApiMapContInfo-inner{
	padding-left:3.75rem;
	position:relative;
	display:inline-block;
}

.ParkingApiMapContInfo-text{
	font-size:0.925rem;
	line-height:1.2em;
	color:#000;
	margin-bottom:0.188rem;
	display:block;
	text-align:left;
}

.ParkingApiMapContInfo-title{
	font-size:1.75rem;
	line-height:1.2em;
	color:#000;
	font-weight:600;
	display:block;
	text-align:left;
}

.ParkingApiMapContInfo-inner:before{
	content:"";
	width:calc(3.25rem - 12px);
	height:calc(3.25rem - 12px);
	border-radius:100% 100%;
	border:solid 6px #4B7FF7;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

.step1 .ParkingApiMapContInfo-inner:before{
	border-color:#4B7FF7;
}

.step2 .ParkingApiMapContInfo-inner:before{
	border-color:#FF7F0F;
}

.step3 .ParkingApiMapContInfo-inner:before{
	border-color:#FF0000;
}

.ParkingApiMapGraphBx{
	line-height:0;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.ParkingApiMap-title{
		font-size:1rem;
	}
	
	.ParkingApiMapSelectList-link{
		font-size:1.1rem;
	}
	
	.ParkingApiMapContInfo-title{
		font-size:1.5rem;
	}
	
	.ParkingApiMapGraph{
		padding: 0 2rem;
	}
	
	.ParkingApiMapCont{
		padding-left:1.5rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.ParkingApiMap-title{
		font-size:1rem;
	}
	
	.ParkingApiMapSelectList-link{
		font-size:1.1rem;
	}
	
	.ParkingApiMapContInfo-title{
		font-size:1.5rem;
	}
	
	.ParkingApiMapGraph{
		padding: 0 2rem;
	}
	
	.ParkingApiMapCont{
		padding-left:1.5rem;
	}
	
	.ParkingApiMap{
		display:block;
	}
	
	.ParkingApiMapSelect{
		width:100%;
	}
	
	.ParkingApiMapGraph{
		width:100%;
		padding-left:0;
		padding-right:0;
		margin-top:1.5rem;
	}
	
	.ParkingApiMapCont{
		width:100%;
		padding-left:0;
		padding-right:0;
		border-left:none;
		margin-top:1.5rem;
	}
	
	.ParkingApiMapGraphInfo{
		margin-bottom:0.5rem;
	}
	
	.ParkingApiMapContInfo{
		margin-top:0.5rem;
	}
	
	.ParkingApiMapSelectList-item{
		margin-top:0;
		display:inline-block;
	}
	
	.ParkingApiMapSelectList-item:first-child{
		margin-right:1rem;
	}
	
	.ParkingApiMapGraphInfo-text{
		width:100%;
		text-align:left;
	}
}


/*=========================================================
	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;
	}
}

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

/*=========================================================
	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.625rem);
}

.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%;
}

.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_n2_d.svg);
}

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

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

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

.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_n2.svg);
}

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

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

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

.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);
}


@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;
	}
}

/*=========================================================
  AboutFee
=========================================================*/
.AboutFee{
	margin-bottom:5.5rem;
}

.AboutFee-tbl{
	width:100%;
	border-top:2px solid #000;
}

.AboutFee-tbl th{
	padding:1.1875rem 0 1.125rem;
	color:#000;
	font-size:1.25rem;
	font-weight:600;
	line-height:1.4em;
	text-align:left;
	border-bottom:1px solid #000;
}

.AboutFee-tbl td{
	padding:1.1875rem 0 1.125rem;
	color:#000;
	font-size:1rem;
	line-height:1.4em;
	border-bottom:1px solid #000;
}

/* AboutFeeText */
.AboutFeeText-tit{
	display:block;
	margin-bottom:0.4375rem;
	color:#000;
	font-size:1rem;
	line-height:1.4em;
}

.AboutFeeText-txt{
	display:block;
	color:#000;
	font-size:1.875rem;
	font-weight:600;
	line-height:1.4em;
}

/* AboutFeeBullet */
.AboutFeeBullet-txt{
	position:relative;
	margin-bottom: 0.25rem;
	padding-left: 0.5rem;
	color:#000;
	font-size:1rem;
	line-height:1.4em;	
}

.AboutFeeBullet-txt:before{
	content:'*';
	display:block;
	position:	absolute;
	top:0;
	left:0;
	color:#000;
	font-size:1rem;
	line-height:1.4em;	
}

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

.no-FontSize .AboutFeeText-tit{
	font-size:1.25rem;
	color:#722ea5;
	font-weight:600;
}

.no-FontSize .AboutFeeText-txt{
	font-size:1.25rem;
}

/*responsive*/
@media screen and (max-width:1024px) and (min-width:748px){
	.AboutFee-tbl th{
		font-size: 1.125rem;
	}
	
	.AboutFeeText-txt{
		font-size:1.75rem;
	}
	
	.no-FontSize .AboutFeeText-tit{
		font-size:1.125rem;
	}

	.no-FontSize .AboutFeeText-txt{
		font-size:1.125rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.AboutFee-tbl th{
		padding:1.1875rem 0 1.125rem;
		font-size:0.9375rem;
	}

	.AboutFee-tbl td{
		padding:1.1875rem 0 1.125rem;
		font-size:0.875rem;
	}

	/* AboutFeeText */
	.AboutFeeText-tit{
		margin-bottom:0.4375rem;
		font-size:0.9875rem;
	}

	.AboutFeeText-txt{
		font-size:1.25rem;
	}

	/* AboutFeeBullet */
	.AboutFeeBullet-txt{
		font-size:0.875rem;
	}
	
	.no-FontSize .AboutFeeText-tit{
		font-size:0.9375rem;
	}

	.no-FontSize .AboutFeeText-txt{
		font-size:0.9375rem;
	}
}

/*=========================================================
  AboutDiscount
=========================================================*/
.AboutDiscountTitle{
	margin-bottom:2.25rem;
	font-size: 2.5rem;
    font-weight: 600;
    line-height: 1.4em;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.AboutDiscountTitle{
		margin-bottom: 1.25rem;
		font-size: 1.75rem;		
	}
}

/*=========================================================
  DiscountFeeCont
=========================================================*/
.DiscountFeeCont-item{
	margin-bottom:3.75rem;
}

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

.DiscountFeeCont-header{
	margin-bottom:1.875rem;
}

.DiscountFeeCont-tit{
	display:block;
	font-size:1.5rem;
	font-weight:600;
	line-height:1.4em;
}

.DiscountFeeCont-txt{
	display:block;
	margin-top:1.875rem;
	font-size:1.125rem;
	font-weight:600;
	line-height:1.4em;
}

.DiscountFeeContList{	
	margin-bottom:1.875rem;
}
.DiscountFeeContList-list{	
	margin:-0.3125rem -0.3125rem;
}

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

.DiscountFeeContList-item{
	float:left;
	width:33.33%;
	padding:0.3125rem 0.3125rem;
}

/* DiscountFee */
.DiscountFee-inner{
	position:relative;
	padding-left: 0.8125rem;
}

.DiscountFee-inner:before{
	content:'';
	display:block;
	width:3px;
	height:3.25rem;
	position:absolute;
	top:0;
	left:0;
	background-color:#000;
}

.DiscountFeeTitle{
	font-size:1rem;
	line-height:1.4em;
}

.DiscountFeeText{
	margin-top:0.375rem;
	font-size:0;
	line-height:0;
}

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

.DiscountFeeText-txt{
	display:inline-block;
	padding-left:0.375rem;
	font-size:1.25rem;
	font-weight:500;
	line-height:1.4em;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.DiscountFeeCont-item{
		margin-bottom:2.5rem;
	}
	
	.DiscountFeeCont-tit{
		font-size: 1.375rem;
	}
	
	.DiscountFeeCont-txt{
		margin-top: 1.25rem;
		font-size: 1.0625rem;
	}
	
	.DiscountFee-inner{
		padding:0 0.75rem;
	}
	
	.DiscountFee-inner:before{
		width:1px;
		height:4.25rem;
	}
	
	.DiscountFeeTitle {
		font-size: 0.875rem;
	}
	
	.DiscountFeeText-color{
		font-size: 0.9375rem;
	}
	
	.DiscountFeeText-txt{
		padding-left:0;
		padding-top: 0.125rem;
		font-size:0.9375rem;
	}
}

/*=========================================================
  DiscountNoti
=========================================================*/
.DiscountNoti{
	margin-bottom:1.875rem;
	padding:1.75rem 2.125rem 1.625rem;
	background-color:#F7F7F7;
}

.DiscountNotiTitle-tit{
	position:relative;
	font-size:1rem;
	font-weight:600;
	line-height:1.4em;
	padding-left:1.6875rem;
}

.DiscountNotiTitle-tit:before{
	content:'';
	display:block;
	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;
	left:0;
}

.DiscountNotiText{
	margin-top:0.5625rem;
}

.DiscountNotiText-txt{
	position:relative;
	margin-bottom: 0.25rem;
	padding-left: 0.5rem;
	color:#000;
	font-size:0.875rem;
	line-height:1.4em;	
}

.DiscountNotiText-txt:before{
	content:'·';
	display:block;
	position:	absolute;
	top:0;
	left:0;
	color:#000;
	font-size:0.875rem;
	line-height:1.4em;	
}

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

.DiscountNotiText-link{
	display:inline-block;
	margin-left:0.625rem;
	color:#000;
	font-size:0.875rem;
	line-height:1.4em;		
	text-decoration:underline;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.DiscountNoti{
		margin-bottom: 1.5rem;
		padding:1.25rem 1rem;
	}
}

/*=========================================================
	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;
	}
}

/*=========================================================
	FeeInfoText
=========================================================*/
.FeeInfoText{
	margin-top:0.75rem;
}

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

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

.FeeInfoText-tit{
	float:left;
	width:12.625rem;
	font-size:1rem;
	font-weight:600;
	line-height:1.4em;
}

.FeeInfoText-txt{
	overflow:hidden;
	font-size:1rem;
	line-height:1.4em;
}

.LineBoxContNoti{
	position:relative;
	margin-top:0.9375rem;
	padding-left:1.5rem;
	font-size:0.875rem;
	line-height:1.4em;
}

.LineBoxContNoti:before{
	content:'';
	display:block;
	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;
	left:0;
}

/*responsive*/
@media screen and (max-width:747px) and (min-width:1px){
	.FeeInfoText-tit{
		float:none;
		width:100%;
		margin-bottom: 0.25rem;
		font-size: 0.9375rem;
	}
	
	.FeeInfoText-txt{
		font-size: 0.9375rem;		
	}
	
	.LineBoxContNoti:before{
		width: 1rem;
		height: 1rem;
		background-size: 1rem 1rem;
		top:2px;
	}
	
	.br-pc{
		display:none;
	}	
}

/*=========================================================
	ContactInfo
=========================================================*/
.ContactInfo{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	margin-top:1.875rem;
	padding:1.75rem 2.0625rem 2rem;
	background-color:#F7F7F7;
}

.ContactInfoTitle{
	
}

.ContactInfoTitle-tit{
	margin-bottom:0.375rem;
	font-size:1.125rem;
	font-weight:600;
	line-height:1.4em;
}

.ContactInfoTitle-txt{
	font-size:1rem;
	line-height:1.4em;
}

.ContactInfoText-tel{
	position:relative;	
	padding-left:2.0625rem;
	color:#000;
	font-size:1.125rem;
	font-weight:500;
	font-family: 'Poppins';
	line-height:1.4em;
}

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

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

@media screen and (max-width:747px) and (min-width:1px){
	.ContactInfo{
		padding:1.5625rem 1.625rem;
	}
	
	.ContactInfoText{
		margin-top: 0.75rem;
	}
	
	.ContactInfoTitle-tit{
		font-size: 1rem;
	}
	
	.ContactInfoTitle-txt{
		font-size: 0.875rem;
	}
	
	.ContactInfoText-tel{
		padding-left: 1.875rem;
		font-size:1rem;
	}
	
	.ContactInfoText-tel:before{
		width: 1.25rem;
		height: 1.25rem;
		background-size: 1.25rem 1.25rem;
	}
}

/*=========================================================
	MainNewsletter
=========================================================*/
.MainNewsletter{
	padding-top:7.25rem;
}

.MainNewsletter-inner{
	background-color:#F7F7F7;
	padding:4.6875rem 4.6875rem; 
}

.MainNewsletter-inner:after{
	content:'';
	display:block;
	clear:both;
}

.MainNewsletterTitle{
	float:left;
	width:31.4375rem;
	padding-right:1.25rem;
}

.MainNewsletterTitle-ico{
	height:3.25rem;
	margin-bottom:1.25rem;
}

.MainNewsletterTitle-ico img{
	display:block;
	height:100%;
}

.MainNewsletterCont{
	overflow:hidden;
	width:42.625rem;
}

.MainNewsletterCont-txt{
	margin-bottom:1rem;
	font-size:1.625rem;
	font-weight:600;
	line-height:1.6em;
}

.MainNewsletterCont-subtext{
	margin-bottom:2rem;
	font-size:1rem;
	line-height:1.6em;
}

.MainNewsletter .MainTitle{
	padding-right:0;	
}

.MainNewsletter .MainTitle-tit{
	font-size:2.375rem;
	font-weight:600;
}

.MainNewsletter .ButtonInput-txt{
	padding:1.375rem 1.375rem;
}



@media screen and (max-width:1024px) and (min-width:748px){
	.MainNewsletter-inner{
		padding: 3.6875rem 3.6875rem;
	}
	
	.MainNewsletterTitle{
		width:100%;
		float:none;
		padding-right:0;
		margin-bottom:0.5rem;
	}
	
	.MainNewsletterTitle-ico{
		height:2.75rem;
		margin-bottom:0.75rem;
	}
	
	.MainNewsletterCont{
		width:100%;
	}
	
	.MainNewsletterCont-txt{
		font-size:1.5rem;
		line-height: 1.6em;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.MainNewsletter-inner{
		padding: 3rem 2rem;
	}
		
	.MainNewsletterTitle{
		width:100%;
		float:none;
		padding-right:0;
		margin-bottom:0.5rem;
	}
	
	.MainNewsletterTitle-ico {
		height: 2.25rem;
		margin-bottom: 1rem;
	}
	
	.MainNewsletterCont{
		width:100%;
	}
	
	.MainNewsletterCont-txt{
		font-size:1.25rem;
	}
	
	.MainNewsletterTitle .MainTitle-tit {
		font-size: 2rem;
	}
}

/*=========================================================
	ButtonInput
=========================================================*/
.ButtonInput{
	position:relative;	
	padding-right:10.75rem;
}

body .ButtonInput-txt{
	display:block;
	width:100%;
	background-color:#fff;
	padding: 1.25rem 1.375rem;
	font-size:1.125rem;
	line-height:normal;
}

.ButtonInput-btn{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	width:10.75rem;
	color:#fff;
	font-size:1.125rem;
	font-weight:600;
	background-color:#000;
}

@media screen and (max-width:747px) and (min-width:1px){
	.ButtonInput{
		padding-right:0;
	}
	
	body .ButtonInput-txt{
		font-size:1rem;
	}
	
	.ButtonInput-btn{
		position:static;
		width:100%;
		padding: 1.25rem 1.375rem;
		font-size:1rem;
	}
}

/*=========================================================
  MagokCiColor 
=========================================================*/
.MagokCiColor{
	overflow:hidden;
	position:relative;
}

.MagokCiColor:before{
	content:'';
	display:block;
}

.MagokCiColor.purple:before{
	padding-top:49.26%;
}

.MagokCiColor.sub:before{
	padding-top:15.40%;
}

.MagokCiColor img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

@media screen and (max-width:1024px) and (min-width:748px){
}

@media screen and (max-width:747px) and (min-width:1px){
	.MagokCiColor.sub:before{
		padding-top:30%;
	}	
	
	.MagokCiColor img{
		max-width:none;
		width:200%;
	}	
}

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

.PostNewsletter-item{
	flex:0 0 33.33%;
	position:relative;
	border-right:2px solid #000;
}

.PostNewsletter-item:before{
	content:'';
	display:block;
	height:2px;
	width:calc(100% - 1.25rem);
	background-color:#000;
	position:absolute;
	top:0;
	left:0.625rem;
}

.PostNewsletter-item:before{
	content:'';
	display:block;
	height:2px;
	width:calc(100% - 1.25rem);
	background-color:#000;
	position:absolute;
	top:0;
	left:0.625rem;
}

.PostNewsletter-item:nth-child(3n){
	border-right:0;
}

.PostNewsletter-item:nth-child(3n + 1){
	clear:both;
}

.PostNewsletter-item:after{
	content:'';
	display:block;
	height:2px;
	width:calc(100% - 1.25rem);
	background-color:#000;
	position:absolute;
	bottom:0;
	left:0.625rem;
}

.PostNewsletter-item:nth-child(n+4):before{
	display:none;
}

.NewsletterItem-link{
	display:block;
	padding:0.625rem 0.625rem 0.75rem;
}

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

.NewsletterItemThumb:before{
	content:'';
	display:block;
	padding-top:74.82%;
}

.NewsletterItemThumb img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	transform:scale(1);
	transition-property: transform;
    transition-duration: 0.6s;
}

.NewsletterItemCont{
	margin-top:1.125rem;
	padding:0 0.625rem;
}

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

.NewsletterItemCont-meta{
	display:flex;
	align-items:baseline;
	justify-content:space-between;
	margin-top:2.5rem;
}

.NewsletterItemCont-year{
	color:#000;
	font-size:1rem;
	font-family: 'Poppins';
	line-height:1.2em;
}

.NewsletterItemCont-date{
	color:#000;
	font-size:2.5rem;
	font-weight:500;
	font-family: 'Poppins';
	line-height:1.2em;
}


/*hover*/
@media screen and (min-width: 1025px) {
	.NewsletterItem-link:hover .NewsletterItemThumb img{
		transform:scale(1.2);
	}
}

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

@media screen and (max-width:747px) and (min-width:1px){
	.PostNewsletter-item{
		flex:0 0 50%;
		border-width:1px;
	}

	.PostNewsletter-item:before{
		height:1px;
	}
	
	.PostNewsletter-item:nth-child(n+3):before{
		display:none;
	}
	
	.PostNewsletter-item:nth-child(even){
		border-right:0;
	}

	.PostNewsletter-item:nth-child(odd){
		border-right:1px solid #000;
	}
		
	.PostNewsletter-item:after{
		height:1px;
	}
	
	.NewsletterItemCont-meta{
		margin-top:1.25rem;
	}
	
	.NewsletterItemCont-tit{
		font-size: 1rem;
	}
	
	.NewsletterItemCont-date{
		font-size: 1.5rem;		
	}
}

/*=========================================================
	FileUpload
=========================================================*/
.FileUpload {
    position: relative;
	padding-right:8.75rem;
}

body .FileUpload-input {
    border-bottom: solid 2px #111;
    display: block;
    width: 100%;
    padding-bottom: 0.6875rem;
    font-size: 1rem;
    line-height: normal;
    font-weight: 500;
    color: #222222;
}

body .FileUpload-file {
    font-size: 0.875rem;
    line-height: 1.4em;
    color: #fff;
    padding: 0.8125rem 0.9375rem;
    background-color: #000;
    position: absolute;
    font-weight: bold;
    top: 0;
    bottom: 0;
    right: 0;
    width: 7.5rem;
    overflow: hidden;
    text-align: center;
}

body .FileUpload-file input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    font-size: 100px;
    opacity: 0;
}

/*=========================================================
	BgGray
=========================================================*/
.BgGray{
	position:relative;
	padding:4rem 0 5rem;
	background-color:#F7F7F7;
}

.BgGray:before{
	content:'';
	display:block;
	position:absolute;
	width:5000%;
	top:0;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	z-index:-1;
	background-color:#F7F7F7;
}

/*=========================================================
	Unsubscribe
=========================================================*/
.Unsubscribe{
	width:42.0625rem;
	margin:0 auto;
}

@media screen and (max-width:747px) and (min-width:1px){
	.Unsubscribe{
		width:100%;
		
	}	
}

/*=========================================================
	Authentication
=========================================================*/
.Authentication{
	position: relative;
    padding-right: 8.125rem;
}

.WideBtn.Authentication{
	padding-right:10rem;
}

.Authentication-btn{
	width:6.875rem;
	position:absolute;
	top:0;
	right:0;
}

.WideBtn .Authentication-btn{
	width:8.875rem;
}

/*=========================================================
	Visitor Main Ad Badge
=========================================================*/
.is-Ad .HeroSlideThumbItem-ad{
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:3.75rem;
	padding:1.875rem 0;
	z-index:5;
	background-color:#000;
	color:#fff;
	font-size:1.25rem;
	font-weight:500;
	text-align:center;
}

.is-Ad .MainEventItem-ad{
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:3.75rem;
	padding:1.875rem 0;
	z-index:10;
	background-color:#000;
	color:#fff;
	font-size:1.25rem;
	font-weight:500;
	text-align:center;
}

.is-Ad .MainEventItemHover{
	filter: blur(0);
    opacity: 1;
    z-index: 5;
}

@media screen and (max-width: 747px) and (min-width: 1px){
	.is-Ad .MainEventItem-ad {
		width: 3.875rem;
		padding: 0.875rem 0;
	}
}

/*=========================================================
	NewsletterPopup
=========================================================*/
.NewsletterPopup .PopupBox-inner{
	height:auto;
}

/*=========================================================
	검색필터
=========================================================*/
.FixBottomBtn.AndClose.is-View{
	width:30%;
	left:auto;
	right:0;
	color:rgba(255,255,255,0.6);
}

.FixBottomBtn.AndClose{
	border:1px solid #fff;
}

.FixBottomBtn.SearchPopFix{
	display:none;
	width:calc(70% + 1px);
	right:auto;
	border:1px solid #fff;
}

#frogue-container.isNone{
	opacity:0;
	visibility:hidden;
}

.ListFilterRow.MoNone .ListFilterCheck-text{
	border:solid 1px #fff;
	font-weight:700;
}

@media screen and (max-width:1024px) and (min-width:1px){
	.FixBottomBtn.SearchPopFix.is-View{
		display:block;
	}
	
	.ListFilterRow.MoNone{
		display:none;
	}
}

@media screen and (min-width:1025px){
	.ListFilterRow.MoNone .ListFilterCheck-text:hover{
		background-color:#fff;
		color:#000;
	}
}


/*=========================================================
	행사 광고 상품 소개
=========================================================*/
.NewAdList .AdvertisingListItem-link:hover .AdvertisingListItemThumb-img{
	transform: scale(1);
}

.NewAdList .AdvertisingListItem-link:hover .AdvertisingListItem-title{
	text-decoration:none;
}

.NewAdListHeader{
	position:relative;
}

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

.NewAdList .AdvertisingList-container{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.AdvertisingType{
	margin:0 auto;
	max-width:44rem;
}

@media screen and (max-width: 419px) and (min-width: 1px) {
	.NewAdListHeader{
		margin-bottom:2.1rem;
	}
	
	.NewAdListHeader .PostDataItemBtnLink-txt{
		font-size:0.875rem;
		padding-right: 1.7rem;
	}
	
	.NewAdListHeader .PostDataItemBtnLink{
		padding: 0.875rem 1rem 0.875rem;
	}
	
	.NewAdList .AdvertisingListItemThumb:after{
		padding-bottom: 65%;
	}
}

/*=========================================================
	AllContact
=========================================================*/
.AllContactHeader{
	margin-bottom:5rem;
	text-align:center;
}

.AllContactHeader-title{
	padding-top:4.875rem;
	position:relative;
	font-size:1.5rem;
	line-height:1.4em;
	font-weight:700;
	color:#000;
	margin-bottom:0.313rem;
	padding-top:0 !important;
}

.AllContactBody{
	max-width: 79rem;
    margin: 0 auto;
}

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

.AllContactHeaderLink-text{
	display:inline-block;
	font-size:3.625rem;
	line-height:1.2em;
	color:#000;
	font-family:'Poppins';
	font-weight:500;
	position:relative;
	padding-left:3.6rem;
	padding-right:3.6rem;
}

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


.AllContactHeader-title:before{
	content:"";
	width:3.625rem;
	height:3.625rem;
	background-image:url(../../images/icon/ico_all_contact_head.png);
	background-size:100% 100%;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	display:none;
}

.AllContactHeaderTime{
	margin-top:1.563rem;
	text-align:center;
	font-size:0;
	line-height:0;
	text-align:center;
}

.AllContactHeaderTime-text{
	font-size:1.125rem;
	line-height:1.6em;
	color:#8C8C8C;
	display:inline-block;
	vertical-align:middle;
	font-weight:500;
}

.AllContactHeaderTime-text:first-child:after{
	content:"";
	width:1px;
	height:0.875rem;
	background-color:#bbbbbb;
	display:inline-block;
	vertical-align:middle;
	margin:0 0.5rem;
	position:relative;
	margin-top:-2px;
}

.AllContactHeaderTime-text:last-child:after{
	display:none;
}

.AllContactBody-item + .AllContactBody-item{
	margin-top:3.75rem;
}

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

.AllContactBodyTitle-text{
	display:inline-block;
	padding-right:2.125rem;
	font-size:1.75rem;
	line-height:1.2em;
	color:#000;
	font-weight:700;
	position:relative;
}

.AllContactBodyTitle-text:after{
	content:"";
	width:1.875rem;
	height:1.875rem;
	background-image:url(../../images/icon/ico_all_contact_arrow.png);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.AllContactList-inner{
	margin:-0.313rem -0.313rem;
	display:flex;
	flex-wrap:wrap;
}

.AllContactList-item{
	padding:0.313rem 0.313rem;
	width:25%;
}

.AllContactPost{
	display:block;
	width:100%;
	background-color:#F7F7F7;
	position:relative;
	border:solid 2px #F7F7F7;
}

.AllContactPost:after{
	content:"";
	display:block;
	padding-bottom:70%;
}

.AllContactPostText{
	position:absolute;
	top:50%;
	left:0;
	right:0;
	transform:translateY(-50%);
	font-size:0;
	line-height:0;
}

.AllContactPostText-img{
	display:block;
	height:4.625rem;
	margin:0 auto 0.688rem;
}

.AllContactPostText-text{
	display:block;
	font-size:0;
	line-height:0;
	text-align:center;
}

.AllContactPostText-title{
	font-size:1.25rem;
	line-height:1.4em;
	color:#000;
	font-weight:700;
	position:relative;
	display:inline-block;
	padding-right:1.85rem;
}

.AllContactPostText-title:after{
	content:"";
	width:1.45rem;
	height:1.45rem;
	background-image:url(../../images/icon/ico_all_text_arrow.svg);
	background-size:100% 100%;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.Tel .AllContactPostText-title{
	padding-right:0;
}

.Tel .AllContactPostText-title:after{
	display:none;
}

.AllContactPostText-tel{
	display:block;
	margin-top:0.438rem;
	position:relative;
	font-size:0;
	line-height:0;
	text-align:center;
}

.AllContactPostText-teltext{
	display:inline-block;
	font-size:1.25rem;
	line-height:1.2em;
	color:#000;
	font-family:Poppins;
	font-weight:500;
	position:relative;
	padding-left:1.4rem;
}

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

.AllContactPost-tellink{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:5;
}

@media screen and (min-width:1025px){
	a.AllContactPost:hover{
		border-color:#000;
	}
	
	.Tel .AllContactPostText-img{
		margin-top:0.5rem;
	}
	
	.AllContactPost-tellink{
		display:none;
	}
}

@media screen and (max-width:1024px) and (min-width:769px){
	.AllContactPostText-title{
		font-size: 1.25rem;
	}
	
	.AllContactPostText-img{
		height: 2.7rem;
	}
	
	.AllContactPostText-tel{
		margin-top:0.5rem;
	}
	
	.AllContactPostText-teltext{
		font-size:1rem;
		padding-left:1.1rem;
	}
	
	.AllContactPostText-teltext:before{
		width:1rem;
		height:1rem;
		margin-top:-1px;
	}
	
	.AllContactPost:after{
		padding-bottom:75%;
	}
}

@media screen and (max-width: 768px) and (min-width: 581px) {
	.AllContactPostText-title{
		font-size: 1rem;
		padding-right:1.55rem;
	}
	
	.AllContactPostText-title:after{
		width: 1.4rem;
		height: 1.4rem;
	}
	
	.AllContactPostText-img{
		height: 2.7rem;
	}
	
	.AllContactPostText-teltext{
		font-size:0.875rem;
		padding-left:1.1rem;
	}
	
	.AllContactPostText-teltext:before{
		width:1rem;
		height:1rem;
		margin-top:-1px;
	}
	
	.AllContactPost:after{
		padding-bottom:75%;
	}
	
	.AllContactHeaderLink-text:before{
		width:2.6rem;
		height:2.6rem;
	}
}

@media screen and (max-width:580px) and (min-width:1px){
	.AllContactList-item{
		width:50%;
	}
	
	.AllContactHeader-title{
		font-size:1.2rem;
	}
	
	.AllContactHeaderLink-text{
		font-size: 2rem;
		padding-left:2.4rem;
		padding-right:2.4rem;
	}
	
	.AllContactHeaderTime{
		margin-top:1.2rem;
	}
	
	.AllContactBodyTitle-text{
		font-size: 1.4rem;
		padding-right: 1.8rem;
	}
	
	.AllContactBodyTitle-text:after{
		width:1.4rem;
		height:1.4rem;
	}
	
	.AllContactPostText-title{
		font-size:1rem;
		padding-right: 1.7rem;
	}
	
	.AllContactPostText-title:after{
		width:1.2rem;
		height:1.2rem;
	}
	
	.AllContactPostText-img{
		height: 2.6rem;
	}
	
	.AllContactPostText-tel{
		font-size:1.125rem;
		margin-top:0.3rem;
	}
	
	.AllContactPost:after{
		padding-bottom:75%;
	}
	
	.AllContactHeaderLink-text:before{
		width:2rem;
		height:2rem;
	}
	
	.AllContactPostText-teltext{
		font-size:0.875rem;
		padding-left:1.1rem;
	}
	
	.AllContactPostText-teltext:before{
		width:0.9rem;
		height:0.9rem;
		margin-top:-1px;
	}
	
	.AllContactHeaderTime-text{
		font-size:1rem;
	}
}

/*=========================================================
	친환경
=========================================================*/
.EcoFriendly .BigStPs-title{
	text-align:center;
	line-height:1.4em;
}

.EcoFriendly > .BigStPs-title{
	font-size:1.875rem;
}

.EcoFriendly .DfRowSec .BigStPs-title{
	text-align:left;
}

.EcoFriendlyList-inner{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin:-1rem -1rem;
}

.EcoFriendlyList-item{
	width:33.333%;
	padding:1rem 1rem;
}

.EcoFriendlyPost{
	position:relative;
}

.EcoFriendlyPost:after{
	content:"";
	display:block;
	padding-bottom:56%;
}

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

.EcoFriendlyImg{
	line-height:0;
}

.EcoFriendly .DfRowSecCnt{
	padding-top:4rem;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.EcoFriendly .DfRowSecCnt{
		padding-top:0;
	}
	
	.EcoFriendly .mb80{
		margin-bottom:3.5rem !important;
	}
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
	.EcoFriendly > .BigStPs-title{
		font-size:1.875rem;
	}
}

@media screen and (max-width: 768px) and (min-width: 748px){
	.EcoFriendly > .BigStPs-title{
		font-size:1.4rem;
	}
}

@media screen and (max-width: 747px) and (min-width: 441px) {
	.EcoFriendlyList-item{
		width:50%;
	}
	
	.EcoFriendly .BigStPs-title{
		font-size:1.4rem;
	}
}

@media screen and (max-width: 440px) and (min-width: 1px) {
	.EcoFriendlyList-item{
		width:100%;
	}
	
	.EcoFriendly > .BigStPs-title{
		font-size:1.4rem;
	}
}

/*=========================================================
	문의 체크박스
=========================================================*/
.BasicChkbox-input[type="checkbox"] + .BasicChkbox-label:before{
	background-image: url(../../images/icon/ico_nw_ck_chkbox.svg);
}

.BasicChkbox-input[type="checkbox"]:checked + .BasicChkbox-label:before{
	background-image:url(../../images/icon/ico_nw_ck_chkbox_hover.svg);	
}

/*=========================================================
	CoexVrList
=========================================================*/
.Vr.HalfBox{
	display:block;
}

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

.HalfBox.Vr .HalfBoxTitle{
	float:left;
	width:30%;
}

.HalfBox.Vr .HalfBoxCont{
	overflow:hidden;
}

.HalfBox.Vr .HalfBoxCont-txt{
	color:#000;
	font-size:1rem;
	line-height:1.6em;
}

.HalfBox.Vr .HalfBoxCont-btn{
	line-height:0;
}

.HalfBox.Vr .HalfBoxCont .ArrowTargetLink{
	background-color:#000;
}

.HalfBox.Vr .HalfBoxCont .ArrowTargetLink-text{
	padding-right:3.5rem;
}

.HalfBox.Vr .HalfBoxCont .ArrowTargetLink-text:after{
	width:1.125rem;
	height:1.125rem;
	background-size:1.125rem 1.125rem;
	background-image: url(../../images/icon/ico_degArrow_h.svg);
}

.HalfBox.Vr .HalfBoxCont .ArrowTargetLink-text{
	color:#fff;	
}

.CoexVrList-inner{
	margin:-1.88rem -1.188rem;
	display:flex;
	flex-wrap:wrap;
}

.CoexVrList-item{
	padding:1.88rem 1.188rem;
	width:50%;
}

.CoexVrListItem{
	border-top:solid 2px #000;
	padding-top:1.25rem;
}

.CoexVrListItemThumb{
	position:relative;
	overflow:hidden;
	margin-top:1.25rem;
}

.CoexVrListItemThumb:after{
	content:"";
	display:block;
	padding-bottom:60.6%;
}

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

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

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

@media screen and (max-width:1024px) and (min-width:748px){
	.CoexVrList-item{
		width:50%;
	}
	
	.CoexVrListItemCnt-title{
		font-size:1.3rem;
	}
	
	.HalfBox.Vr .HalfBoxTitle{
		width:28%;
	}
	
	.HalfBox.Vr .CoexVrListItemCnt-sub{
		font-size:0.875rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.CoexVrList-item{
		width:100%;
	}
	
	.HalfBox.Vr .HalfBoxTitle{
		float:none;
		width:100%;
	}	
	
	.HalfBox.Vr .HalfBoxCont-txt{
		margin-top:1.5rem;
	}
	
	.HalfBox.Vr .CoexVrList{
		margin-top:1.5rem;
	}
}

/*=========================================================
	메인 VR추가 수정
=========================================================*/
.HeroQuick-item{
	width:25%;
}

.HeroQuick-item:nth-child(5) .HeroQuick-link:before{
	width: 5.438rem;
	height: 2.75rem;
	background-image: url(../../images/icon/ico_coex_vr_icon_w2.svg);
	background-size: 5.438rem 2.75rem;
	bottom: 2.5rem;
}

@media screen and (max-width: 1024px) and (min-width: 581px) {
	.HeroQuick-item:nth-child(5) .HeroQuick-link:before{
		width: 3.438rem;
		height: 1.75rem;
		background-size: 3.438rem 1.75rem;
		bottom: 1.5rem;
	}
}

@media screen and (max-width: 580px) and (min-width: 1px) {
	.HeroQuick-item:nth-child(5) .HeroQuick-link:before{
		width: 3.438rem;
		height: 1.75rem;
		background-size: 3.438rem 1.75rem;
		bottom: 1.5rem;
	}
}

/*=========================================================
	DfAnniSec
=========================================================*/
.TransCp{
	transition-property: transform, opacity;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
	transform: translateY(5rem);
	opacity:0;
	position:relative;
}

.is-View.TransCp{
	transform: translateY(0);
	opacity:1;
}

.DfAnniSec{
	padding:12.5rem 0;
}

.DfAnniSec.Last{
	padding-bottom:0 !important;
}


.DfAnniSecHeader{
	margin-bottom:3.75rem;
}

.DfAnniSec-title{
	font-size:3rem;
	line-height:1.2;
	color:#000;
	font-weight:700;
}

.DfAnniSec-text{
	margin-top:1rem;
	font-size:1.5rem;
	line-height:1.6;
	color:#000;
	font-weight:600;
}

@media screen and (max-width:1024px) and (min-width:748px){
	.DfAnniSec{
		padding:7rem 0;
	}
	
	.DfAnniSec-title{
		font-size:2.5rem;
	}
	
	.DfAnniSec-text{
		font-size:1.25rem;
	}
	
	.DfAnniSecHeader{
		margin-bottom:3rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.DfAnniSec{
		padding:5rem 0;
	}
	
	.DfAnniSec-title{
		font-size:2.25rem;
	}
	
	.DfAnniSec-text{
		font-size:1.143rem;
	}
	
	.DfAnniSecHeader{
		margin-bottom:2.5rem;
	}
}


/*=========================================================
	AnniWayList
=========================================================*/
.AnniWayList-inner{
	display:flex;
	margin:0 -0.625rem;
}

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

.AnniWayPost{
	background-color:#F7F7F7;
	height:100%;
	padding:2.5rem 2.5rem;
	padding-bottom:22.188rem;
	position:relative;
	overflow:hidden;
}

.AnniWayPostTitle{
	margin-bottom:1rem;
	display:flex;
	width:100%;
	align-items:center;
}

.AnniWayPostTitle-kor{
	font-size:2.25rem;
	line-height:1.2;
	color:#000;
	font-weight:700;
	padding-right:calc(1rem + 1px);
	margin-right:1rem;
	position:relative;
}

.AnniWayPostTitle-kor:after{
	content:"";
	width:1px;
	height:1rem;
	background-color:#AAA;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.AnniWayPostTitle-en{
	font-size:1.5rem;
	line-height:1.2;
	color:#888;
	font-weight:500;
}

.AnniWayPost-text{
	font-size:1.375rem;
	line-height:1.4;
	color:#000;
}

.AnniWayPost-ico{
	width:25rem;
	height:21.25rem;
	background-size:100% 100%;
	position:absolute;
	transition-property: transform, opacity;
    transition-duration:0.8s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
	bottom:0;
	right:0;
	transform:scale(1.5);
	opacity:0;
	transform-origin:right bottom;
}

.is-View + .AnniWayPost-ico{
	opacity:1;
	transform:scale(1);
}

.Vision .AnniWayPost-ico{
	background-image:url(../../images/bg/way_list1.png);
}

.Mission .AnniWayPost-ico{
	background-image:url(../../images/bg/way_list2.png);
}

@media screen and (max-width:1024px) and (min-width:748px){
	.AnniWayPost{
		padding-bottom: 14rem;
	}
	
	.AnniWayPostTitle-kor{
		font-size:1.8rem;
	}
	
	.AnniWayPostTitle-en{
		font-size:1.25rem;
	}
	
	.AnniWayPost-text{
		font-size:1.125rem;
	}
	
	.AnniWayPost-ico{
		width:16rem;
		height:13.6rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.AnniWayPost{
		padding:2.5rem 2rem;
		padding-bottom: 14rem;
	}
	
	.AnniWayPostTitle-kor{
		font-size:1.5rem;
	}
	
	.AnniWayPostTitle-en{
		font-size:1.063rem;
	}
	
	.AnniWayPost-text{
		font-size:1rem;
	}
	
	.AnniWayPost-ico{
		width:14rem;
		height:11.9rem;
	}
	
	.AnniWayList-inner{
		display:block;
	}
	
	.AnniWayList-item{
		width:100%;
	}
	
	.AnniWayList-item + .AnniWayList-item{
		margin-top:1.25rem;
	}
	
	.DfAnniSec-text .BrMo{
		display:none;
	}
}

/*=========================================================
	AnniWayDiagramBg
=========================================================*/
.AnniWayDiagram{
	position:relative;
}

.AnniWayDiagramBg{
	width:100%;
	max-width:82.5rem;
	margin:0 auto;
	background-image:url(../../images/bg/way_diagram.png);
	background-size:100% 100%;
}

.AnniWayDiagramBg:after{
	content:"";
	display:block;
	padding-bottom:41.97%;
}

.AnniWayDiagramText-title{
	font-size:0.875rem;
	line-height:1.2;
	color:#FF008E;
	margin-bottom:0.5rem;
	display:block;
}

.AnniWayDiagramText-sub{
	font-size:1.375rem;
	line-height:1.6;
	color:#000;
	font-weight:600;
}

@media screen and (min-width:1025px){
	.AnniWayDiagramText{
		position:absolute;
		transition-property: opacity, transform;
		transition-duration:0.8s;
		transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
		opacity:0;
		transform:translateY(1rem);
	}

	.is-View .AnniWayDiagramText{
		opacity:1;
		transform:translateY(0);
	}

	.AnniWayDiagramText.TypeS,
	.AnniWayDiagramText.TypeT{
		text-align:right;
	}

	.AnniWayDiagramText.TypeS{
		bottom: 29%;
		left: 13%;
		transition-delay:0.4s;
	}

	.AnniWayDiagramText.TypeT{
		bottom: 66%;
		left: 19%;
		transition-delay:0.2s;
	}

	.AnniWayDiagramText.TypeA{
		top: 0;
		left: 0;
		right:0;
		text-align:center;
	}

	.AnniWayDiagramText.TypeG{
		bottom: 66%;
		right: 14.5%;
		transition-delay:0.2s;
	}

	.AnniWayDiagramText.TypeE{
		bottom: 29%;
		right: 10.5%;
		transition-delay:0.4s;
	}
}

@media screen and (max-width:1024px) and (min-width:748px){
	.AnniWayDiagramText-sub br{
		display:none;
	}
	
	.AnniWayDiagramText-sub br{
		display:none;
	}
	
	.AnniWayDiagramFlex{
		display:flex;
		flex-wrap:wrap;
		margin:-0.675rem -0.675rem;
	}
	
	.AnniWayDiagramText{
		width:50%;
		padding:0.675rem 0.675rem;
		transition-property: opacity, transform;
		transition-duration:0.8s;
		transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
		opacity:0;
		transform:translateY(5rem);
	}
	
	.is-View.AnniWayDiagramText{
		opacity:1;
		transform:translateY(0);
	}
	
	.AnniWayDiagramBg{
		background-image: url(../../images/bg/way_diagram_t.png);
		margin-bottom:3.5rem;
	}
	
	.AnniWayDiagramBg:after{
		padding-bottom:35%;
	}
	
	.AnniWayDiagramText-sub{
		font-size:1.25rem;
	}
	
	.IfPcBr{
		display:none;
	}
	
	.AnniWayDiagramText-first{
		font-size:1.5rem;
		font-weight:600;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.AnniWayDiagramText-sub br{
		display:none;
	}
	
	.AnniWayDiagramText-sub br{
		display:none;
	}
	
	.AnniWayDiagramFlex{
		display:flex;
		flex-wrap:wrap;
		margin:-0.675rem -0.675rem;
	}
	
	.AnniWayDiagramText{
		width:50%;
		padding:0.675rem 0.675rem;
		transition-property: opacity, transform;
		transition-duration:0.8s;
		transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
		opacity:0;
		transform:translateY(5rem);
		position:relative;
	}
	
	.is-View.AnniWayDiagramText{
		opacity:1;
		transform:translateY(0);
	}
	
	.AnniWayDiagramBg{
		background-image: url(../../images/bg/way_diagram_m.png);
		margin-bottom:2rem;
	}
	
	.AnniWayDiagramBg:after{
		padding-bottom:57.4%;
	}
	
	.AnniWayDiagramText-sub{
		font-size:1.063rem;
	}
	
	.IfPcBr{
		display:none;
	}
	
	.AnniWayDiagramText-first{
		font-size:1.5rem;
		font-weight:600;
	}
}