@charset "UTF-8";

/*=========================================================
	Footer
=========================================================*/
.site-footer{
	margin-top:8.5rem;
	position:relative;
}

/* FooterFlex
=========================================================*/
.FooterFlex{
	display:flex;
	width:100%;
}

.FooterInfo,
.FooterNav,
.FooterLink,
.FooterMenu{
	width:25%;
	border-right:solid 1px #000000;
	position:relative;
}

/* FooterInfo
=========================================================*/
.FooterInfo{
	padding:1.625rem 1.25rem 1.625rem 0;
	border-right:none;
	display:flex;
	justify-content:space-between;
	flex-direction: column;
}

.FooterInfoTelFlex{
	padding:1rem 1rem;
	background-color:#F7F7F7;
}

.FooterInfoTel{
	display:block;
	font-size:0.875rem;
	line-height:1.4em;
	color:#000;
	font-weight:600;
	text-align:left;
}

.FooterInfoTel + .FooterInfoTel{
	margin-top:0.25rem;
}

.FooterInfo:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0.625rem;
	border-top:solid 1px #000;
}

.FooterInfo:after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	right:0.625rem;
	border-top:solid 1px #000;
}

.FooterInfoLogo{
	display:block;
	width: 14.5rem;
    height: 3.0625rem;
	background-image:url(../../images/logo/footer_logo_magok_color_v2.svg);
	background-size:14.5rem 3.0625rem;
	margin-bottom:1.875rem;
}

.FooterInfoAddress-item{
	font-size:1.125rem;
	line-height:1.5em;
	color:#000;
	margin-top:0.125rem;
}

.FooterInfoAddress-item:first-child{
	margin-top:0;
}

.SiteLang{
	position:absolute;
	top:50%;
	right:4.375rem;
	transform:translateY(-50%);
}

.SiteLang-list{
	overflow:hidden;
}

.SiteLang-item{
	float:left;
	margin-right:0.625rem;
}

.SiteLang-item:last-child{
	margin-right:0;
}

.SiteLang-link{
	display:block;
	font-size:1.063rem;
	line-height:1.2em;
	color:#fff;
}

.is-Current .SiteLang-link{
	font-weight:600;
	text-decoration:underline;
}

.FooterInfoTelInfo{
	font-size:11px;
	line-height:1.2em;
	color:#000;
	display:block;
	margin-top:0.3rem;
	font-weight:500;
}

@media screen and (min-width:1025px){
	.FooterInfoTel{
		font-size:1rem;
	}
}

@media screen and (max-width:1024px) and (min-width:1px){
	.FooterInfoLogo{
		width: 12.5rem;
        height: 3.0625rem;
		background-size:12.5rem 3.0625rem;
		margin-bottom:1rem;
	}
	
	.FooterInfoAddress-item{
		font-size:1rem;
	}
	
	.FooterInfoTelFlex{
		margin-top:1rem;
	}
	
	.FooterInfoTel{
		font-size:0.75rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.SiteLang{
		right: 2.8rem;
	}
}

/* FooterNav
=========================================================*/
.FooterNav-list{
	height:100%;
	position:relative;
	overflow:hidden;
	display: flex;
    flex-wrap: wrap;
}

.FooterNav-item{
	width:50%;
	position:relative;
	border-left:solid 1px #000;
}

.FooterNav-item:before{
	content:"";
	position:absolute;
	top:0;
	left:0.625rem;
	right:0.625rem;
	border-top:solid 1px #000;
}

.FooterNav-item:after{
	content:"";
	position:absolute;
	bottom:0;
	left:0.625rem;
	right:0.625rem;
	border-top:solid 1px #000;
}

.FooterNav-item:nth-child(2) ~ .FooterNav-item:before{
	display:none;
}


.FooterNavItem-link{
	display:block;
	position:relative;
}

.FooterNavItem-link:after{
	content:"";
	display:block;
	padding-bottom:90%;
}

.FooterNavItem-title{
	display:block;
	position:absolute;
	top:1.375rem;
	left:1.25rem;
	font-size:1.375rem;
	line-height:1.4em;
	color:#000;
	font-weight:500;
}

.is-Blank .FooterNavItem-title{
	padding-right:1.625rem;
}

.is-Blank .FooterNavItem-title:after{
	content:"";
	width:1.2rem;
	height:1.2rem;
	background-image:url(../../images/icon/ico_target_arrow.svg);
	background-size:1.2rem 1.2rem;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	margin-top:-2px;
}

@media screen and (min-width: 1025px){
	.FooterNavItem-link:hover .FooterNavItem-title{
		text-decoration:underline;
	}
	
	.FooterNav-item{
		height:50%;
	}
}

@media screen and (max-width:1440px) and (min-width:1025px){
	.FooterNavItem-title{
		font-size:1.1rem;
	}
}

@media screen and (max-width:1024px) and (min-width:748px){
	.FooterNavItem-title{
		font-size:1.1rem;
	}
}

/* FooterLink
=========================================================*/
.FooterLink{
	padding:1.625rem 1.25rem 8rem;
}

.FooterLink:before{
	content:"";
	position:absolute;
	top:0;
	left:0.625rem;
	right:0.625rem;
	border-top:solid 1px #000;
}

.FooterLink:after{
	content:"";
	position:absolute;
	bottom:0;
	left:0.625rem;
	right:0.625rem;
	border-top:solid 1px #000;
}

/* FooterMenu
=========================================================*/
.FooterMenu{
	border-right:none;
	padding:1.625rem 1.25rem 8rem;
}

.FooterMenu:before{
	content:"";
	position:absolute;
	top:0;
	left:0.625rem;
	right:0;
	border-top:solid 1px #000;
}

.FooterMenu:after{
	content:"";
	position:absolute;
	bottom:0;
	left:0.625rem;
	right:0;
	border-top:solid 1px #000;
}

.FooterInfoList-item{
	margin-top:0.75rem;
}

.FooterInfoList-item:first-child{
	margin-top:0;
}

.FooterInfoList-link{
	display:block;
	font-size: 1.125rem;
    line-height: 1.4em;
    color: #000;
	font-weight:500;
}

.FooterSns{
	position:absolute;
	bottom:1.625rem;
	left:1.25rem;
	right:1.25rem;
}

.FooterSns-list{
	overflow:hidden;
	margin:-0.1875rem -0.1875rem
}

.FooterSns-item{
	float:left;
	padding:0.1875rem 0.1875rem;
}


.FooterSns-item:first-child{
	margin-left:0;
}

.FooterSns-link{
	display:block;
	width:2.938rem;
	height:2.938rem;
	border-radius:100% 100%;
	border:solid 1px #000;
	position:relative;
}

.FooterSns-link:after{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

/*icon*/
.instargram.FooterSns-link:after{
	width:1.125rem;
	height:1.125rem;
	background-image:url(../../images/icon/ico_instargram.svg);
	background-size:1.125rem 1.125rem;
}

.threads.FooterSns-link:after{
	width:1.5rem;
	height:1.125rem;
	background-image:url(../../images/icon/ico_threads.svg);
	background-size:1.5rem 1.125rem;
}

.youtube.FooterSns-link:after{
	width:1.375rem;
	height:1rem;
	background-image:url(../../images/icon/ico_youtube.svg);
	background-size:1.375rem 1rem;
}

.facebook.FooterSns-link:after{
	width:0.625rem;
	height:1.188rem;
	background-image:url(../../images/icon/ico_facebook.svg);
	background-size:0.625rem 1.188rem;
}

.twitter.FooterSns-link:after{
	width:1.188rem;
	height:1.125rem;
	background-image:url(../../images/icon/ico_twitter.svg);
	background-size:1.188rem 1.125rem;
}

.blog.FooterSns-link:after{
	width:1.563rem;
	height:1.313rem;
	background-image:url(../../images/icon/ico_blog.svg);
	background-size:1.563rem 1.313rem;
}

@media screen and (min-width: 1025px){
	.FooterInfoList-link:hover{
		text-decoration:underline;
	}
	
	.FooterSns-link:hover{
		border:solid 2px #000;
	}
}

@media screen and (max-width:1440px) and (min-width:1025px){
	.FooterSns-link{
		width: 2.68rem;
		height: 2.68rem;
	}
}

/* Footer Copy
=========================================================*/
.FooterCopy{
	padding:2rem 0 2.5rem;
	text-align:center;
	font-size:1.125rem;
	line-height:1.5em;
	color:#000;
	font-weight:300;
}

/* FamilySelect
=========================================================*/
.FamilySelect{
	position:absolute;
	bottom:1.625rem;
	left:1.25rem;
	right:1.25rem;
	z-index:10;
}

.FamilySelect-text{
	display:block;
	background-color:#F7F7F7;
	padding:1.25rem 3.25rem 1.25rem 1.25rem;
	font-size:1.125rem;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	position:relative;
}

.FamilySelect-text:after{
	content:"";
	position:absolute;
	top:50%;
	right:1.25rem;
	transform:translateY(-50%);
	width:0.938rem;
	height:0.5rem;
	background-image:url(../../images/icon/ico_family_arrow.svg);
	background-size:0.938rem 0.5rem;
}

.FamilySelectList{
	position:absolute;
	bottom:4.4rem;
	left:0;
	right:0;
	background-color:#F7F7F7;
	padding:0.75rem 0;
	opacity:0;
	visibility:hidden;
}

.FamilySelectList-link{
	padding:0.75rem 1.25rem;
	font-size:1rem;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	display:block;
}

.is-Open .FamilySelectList{
	opacity:1;
	visibility:visible;
}

.is-Open .FamilySelect-text:after{
	transform:translateY(-50%) rotate(180deg);
}

@media screen and (min-width: 1025px){
	.FamilySelectList-link:hover{
		text-decoration:underline;
	}
	
	.FooterInfoTel:hover{
		text-decoration:underline;
	}
}


/* Responsive
=========================================================*/
@media screen and (max-width:1280px) and (min-width:1025px){
	.FooterInfoLogo{
		margin-bottom:1rem;
	}
	
	.FooterInfoAddress-item{
		font-size:1rem;
	}	
}

@media screen and (max-width:1024px) and (min-width:748px){
	.FooterFlex{
		flex-wrap: wrap;
	}
	
	.FooterInfo,
	.FooterNav,
	.FooterLink,
	.FooterMenu{
		width:50%;
		border-right:none;
	}
	
	.FooterLink:before,
	.FooterMenu:before{
		border-top:none;
	}
	
	.FooterMenu{
		border-left:solid 1px #000;
	}
	
	.FooterNavItem-link:after{
		padding-bottom:70%;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.site-footer{
		margin-top:7.5rem;
	}
	
	.FooterFlex{
		flex-wrap: wrap;
		border-top:solid 1px #000;
		border-bottom:solid 1px #000;
		position:relative;
		padding-bottom:14.4rem;
	}
	
	.FooterInfo,
	.FooterNav{
		width:100%;
		border:none !important;
	}
	
	.FooterInfo:before,
	.FooterInfo:after,
	.FooterNav:before,
	.FooterNav:after,
	.FooterLink:before,
	.FooterLink:after,
	.FooterMenu:before,
	.FooterMenu:after{
		display:none;
	}
	
	.FooterNav{
		overflow:hidden;
	}
	
	.FooterNav-list{
		margin-left:-2px;
		margin-right:-2px;
	}
	
	.FooterNavItem-link:after{
		padding-bottom:70%;
	}
	
	.FooterNav-item:nth-child(odd):before{
		left:0;
	}
	
	.FooterNav-item:nth-child(even):before{
		right:0;
	}
	
	.FooterNav-item:nth-child(odd):after{
		left:0;
	}
	
	.FooterNav-item:nth-child(even):after{
		right:0;
	}
	
	.FooterInfo{
		padding:2.25rem 0;
	}
	
	.FooterLink,
	.FooterMenu{
		width:50%;
		border:none;
		padding: 1.625rem 0.875rem 1rem;
		position:static;
	}
	
	.FooterMenu{
		border-left:solid 1px #000;
	}
	
	.FooterNavItem-title{
		font-size:1.2rem;
		left: 0.875rem;
	}
	
	.FooterInfoList-link{
		font-size:1rem;
	}
	
	.FamilySelect{
		left:0;
		right:0;
		bottom:7.5rem;
	}
	
	.FooterSns{
		left:0;
		right:0;
		font-size:0;
		line-height:0;
		text-align:center;
		bottom: 2.45rem;
	}
	
	.FooterSns-list{
		display:inline-block;
	}
	
	.FooterCopy{
		font-size:0.875rem;
	}
	
	.SiteLang-item.is-Current{
		display:none;
	}
	
	.SiteLang-link{
		font-size:1rem;
	}
	
	.search-On .SiteLang-link{
		opacity:0;
		visibility:hidden;
	}
	
	.FooterInfoTelFlex{
		margin-top:2rem;
	}
}

/*=========================================================
	PageError 
=========================================================*/
body.error404 .site-footer{
	display:none;
}

body.error404 .site-content{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top:0;
}

.PageError{
	text-align: center;
	width:100%;
}

.PageError-ico{
	width:20rem;
	max-width:60%;
	line-height:0;
	margin:0 auto 4rem;
}

.PageError-img{
	width:100%;
}

.PageError-title{
	color:#000;
	font-size:2.75rem;
	font-weight:bold;
	line-height:1.4em;
}
.PageError-text{
	margin-top:0.938rem;
	color:#000;
	font-size:1.063rem;
	line-height:1.4em;
}
.PageErrorBtn{
	margin-top:5.625rem;
	font-size:0;
	line-height:0;
}
.PageErrorBtn-link{
	display:inline-block;
	padding:1rem 2.75rem;
	line-height:1.2em;
	color:#000;
	font-size:1rem;
	font-weight:600;
	border: 2px solid #000;
}

/*responsive*/
@media screen and (max-width: 1024px) and (min-width: 768px){
	.PageErrorBtn{
		margin-top: 3.625rem;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.PageError-ico{
		margin-bottom:2rem;
	}
	
	.PageError-title{
		font-size: 2rem;
	}
	
	.PageErrorBtn{
		margin-top: 3.25rem;
	}
}

body .TopButton{
	width:2.75rem;
	height:2.75rem;
	position:fixed;
	border:solid 2px #000;
	bottom:1.25rem;
	right:2rem;
	transition-property:opacity, visibility;
	transition-duration: 0.2s;
	z-index:3001;
	opacity:0;
	visibility:hidden;
	background-image:url(../../images/icon/ico_scrollTop.svg);
	background-size:1rem 1.125rem;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:rgba(255,255,255,0.1);
}

body.post-template-single-games .TopButton{
	background-color:rgba(255,255,255,0.8);
}

body .TopButton.is-Open{
	opacity:1;
	visibility:visible;
}

body .TopButton.is-Stop{
	position:absolute;
	bottom:auto;
	top:-4.5rem;
	right:2rem;
}

html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active{
	overflow-x:hidden;
}

/*responsive*/
@media screen and (max-width: 1024px) and (min-width: 768px){
	body .TopButton{
		width:2.6rem;
		height:2.6rem;
		bottom:2rem;
		right:2rem;
	}
	
	body .TopButton.is-Stop{
		top:-4rem;
		right:2rem;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	body .TopButton{
		width:2.4rem;
		height:2.4rem;
		bottom:1rem;
		right:1.5rem;
	}
	
	body .TopButton.is-Stop{
		top:-3.5rem;
		right:1.5rem;
	}
}

/* ============================================================
   PopUp:Top Banner
==============================================================*/
body .pum-overlay-disabled{
	background-color:transparent;
}

body .pum-overlay-disabled .pum-container{
	margin-bottom:0;
	box-shadow:none;
	background-color:#fff;
	padding:1.875rem 0px 4rem;
	border:solid 2px #000;
	max-width:calc(100% - 1.875rem);
}

body .pum-overlay-disabled .pum-container .pum-title{
	color:#000;
	font-size:1.375rem;
	line-height:1.4em;
	font-weight:bold;
	padding:0 2.813rem;
	margin:0 auto 0.438rem;
}

body .pum-overlay-disabled .pum-container .pum-content{
	padding:0 2.813rem;
	color:#000;
	font-size:1rem;
	line-height:1.7em;
	margin:0 auto;
}

body .pum-overlay-disabled .pum-container .pum-content p:last-child{
	margin-bottom:0;
}

.pum-overlay.pum-overlay-disabled[data-popmake*="center top"] .pum-container{
	border:none !important;
	border-bottom:solid 2px #000 !important;
	width:100% !important;
	max-width: 100% !important;
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	body .pum-overlay-disabled .pum-container .pum-title{
		padding:0 1.25rem;
	}

	body .pum-overlay-disabled .pum-container .pum-content{
		padding:0 1.25rem;
	}
}


/* PopUp Post
=========================================================*/
body .pum-overlay-disabled .pum-container .pum-content .size-full{height: auto !important;}
body .pum-overlay-disabled .pum-container .pum-content .alignleft{float: left;}
body .pum-overlay-disabled .pum-container .pum-content .alignright{float: right;}
body .pum-overlay-disabled .pum-container .pum-content .aligncenter{display: block; margin:0 auto;}
body .pum-overlay-disabled .pum-container .pum-content figure.wp-caption{width:100% !important;}
body .pum-overlay-disabled .pum-container .pum-content iframe{width:100% !important;}
body .pum-overlay-disabled .pum-container .pum-content p{margin-bottom:1.25rem; color:#000;}
body .pum-overlay-disabled .pum-container .pum-content p img{height: auto !important;}
body .pum-overlay-disabled .pum-container .pum-content a{color:#000;}
body .pum-overlay-disabled .pum-container .pum-content a:hover{text-decoration: underline; }
body .pum-overlay-disabled .pum-container .pum-content h1{font-size: 1.5rem;}
body .pum-overlay-disabled .pum-container .pum-content h2{font-size: 1.25rem;}
body .pum-overlay-disabled .pum-container .pum-content h3{font-size: 1rem;}
body .pum-overlay-disabled .pum-container .pum-content h4{font-size: 0.938rem;}
body .pum-overlay-disabled .pum-container .pum-content h5{font-size: 0.875rem;}
body .pum-overlay-disabled .pum-container .pum-content h6{font-size: 0.75rem;}
body .pum-overlay-disabled .pum-container .pum-content h1,body .pum-overlay-disabled .pum-container .pum-content h2,body .pum-overlay-disabled .pum-container .pum-content h3,body .pum-overlay-disabled .pum-container .pum-content h4,body .pum-overlay-disabled .pum-container .pum-content h5,body .pum-overlay-disabled .pum-container .pum-content h6 {margin-bottom: 0.938rem;color:#000;}
body .pum-overlay-disabled .pum-container .pum-content figure{margin-bottom: 1.25rem;}
body .pum-overlay-disabled .pum-container .pum-content ul{margin-bottom: 1.25rem; color:#000; text-align:left;}
body .pum-overlay-disabled .pum-container .pum-content ol{margin-bottom: 1.25rem;color:#000;}
body .pum-overlay-disabled .pum-container .pum-content li{margin-top:0.313rem;}
body .pum-overlay-disabled .pum-container .pum-content li:first-child{margin-top:0;}
body .pum-overlay-disabled .pum-container .pum-content img{max-width: 100%;}
body .pum-overlay-disabled .pum-container .pum-content figcaption.wp-caption-text{color:#000; font-weight:normal; text-align: center; font-size: .75rem; }
body .pum-overlay-disabled .pum-container .pum-content ul li{padding-left:1.1em;position: relative;}
body .pum-overlay-disabled .pum-container .pum-content ul li:before{content: "∙";position: absolute; top:0; left:0;color:#000;}
body .pum-overlay-disabled .pum-container .pum-content ol li{padding-left:1.1em;position: relative;}
body .pum-overlay-disabled .pum-container .pum-content ol li:nth-child(1):before{content: "1.";position: absolute; top:0; left:0;}
body .pum-overlay-disabled .pum-container .pum-content ol li:nth-child(2):before{content: "2.";position: absolute; top:0; left:0;}
body .pum-overlay-disabled .pum-container .pum-content ol li:nth-child(3):before{content: "3.";position: absolute; top:0; left:0;}
body .pum-overlay-disabled .pum-container .pum-content ol li:nth-child(4):before{content: "4.";position: absolute; top:0; left:0;}
body .pum-overlay-disabled .pum-container .pum-content ol li:nth-child(5):before{content: "5.";position: absolute; top:0; left:0;}
body .pum-overlay-disabled .pum-container .pum-content ol li:nth-child(6):before{content: "6.";position: absolute; top:0; left:0;}
body .pum-overlay-disabled .pum-container .pum-content ol li:nth-child(7):before{content: "7.";position: absolute; top:0; left:0;}
body .pum-overlay-disabled .pum-container .pum-content ol li:nth-child(8):before{content: "8.";position: absolute; top:0; left:0;}
body .pum-overlay-disabled .pum-container .pum-content ol li:nth-child(9):before{content: "9.";position: absolute; top:0; left:0;}
body .pum-overlay-disabled .pum-container .pum-content blockquote{color:#000;padding-left:1rem;position: relative;}
body .pum-overlay-disabled .pum-container .pum-content blockquote:before{content: ""; width:0.188rem; height: 100%; position: absolute; background: #000; top:0; left:0;}
body .pum-overlay-disabled .pum-container .pum-content table{width:100%;margin-bottom:1.25rem;border-top:solid 2px #fff;border-collapse:collapse;}
body .pum-overlay-disabled .pum-container .pum-content table thead th{text-align: center;}
body .pum-overlay-disabled .pum-container .pum-content table tbody th{text-align: center;}
body .pum-overlay-disabled .pum-container .pum-content table caption{display: none;}
body .pum-overlay-disabled .pum-container .pum-content table *{margin:0;}
body .pum-overlay-disabled .pum-container .pum-content table thead th{color:#000;font-size: 1.1em;font-weight: bold;text-align: center;line-height: 1.4em;}
body .pum-overlay-disabled .pum-container .pum-content table th,body .pum-overlay-disabled .pum-container .pum-content table td{vertical-align: middle;border:solid 1px #000;padding:0.75rem 0.313rem;text-align: center;}
body .pum-overlay-disabled .pum-container .pum-content iframe{max-width: 100% !important;}
body .pum-overlay-disabled .pum-container .pum-content span[id*="more-"]{border-bottom:dashed 2px #000;display: block;}

/* ============================================================
   PopUp:Center Banner
==============================================================*/
body .pum-overlay:not(.pum-overlay-disabled){
	background-color:rgba(0,0,0,0.64);
}

body .pum-overlay:not(.pum-overlay-disabled) .pum-container{
	padding:2.813rem 2.813rem 3.438rem;
	background-color:#fff !important;
	max-width:700px;
	width:calc(100% - 1.875rem);
}

body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-title{
	font-size:1.5rem;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
	margin-bottom:0.938rem;
	padding-right:3.125rem;
}

body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content{
	color:#000;
	font-size:1rem;
	line-height:1.7;
	max-height:67vh;
	overflow:hidden;
	overflow-y:auto;
	padding-right:3.313rem;
	margin-right:-3.313rem;
}

body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content::-webkit-scrollbar {
	width: 0.125rem;
}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content::-webkit-scrollbar-thumb {
	background-color: #000;
	border-radius:0.625rem 0.625rem;
	opacity:0.5;
}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content::-webkit-scrollbar-track {
	background-color: #dddddd;
}

body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content p:last-child{
	margin-bottom:0;
}

html[lang="en-US"] body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-close:before{
	content:"Do not view for a week";
}
.pum-close.popmake-close{
	font-size:0;
	line-height:0;
	position:absolute;
	bottom:1.25rem;
	right:2.813rem;
	color:#000;
}

.pum-close.popmake-close:after{
	content:"닫기";
	font-size:1rem;
	line-height:1.2em;
	font-weight:500;
	text-decoration:underline;
}

.popup-toclose{
	font-size:1rem;
	line-height:1.2em;
	font-weight:500;
	text-decoration:underline;
	position:absolute;
	bottom:1.25rem;
	right:2.813rem;
	color:#000;
}

.popup-dayclose{
	position:absolute;
	bottom:1.25rem;
	left:2.813rem;
}

.popup-dayclose label{
	font-size:1rem;
	line-height:1.2em;
	font-weight:500;
	padding-left:1.25rem;
}

.popup-dayclose label:before{
	content:"";
	width:1rem;
	height:1rem;
	border:solid 1px #000;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

#popup-hide-checkbox{
	display:none;
}

#popup-hide-checkbox:checked + label:before{
	background-color:#000;
}

.pum-container{
	line-height:0;
}

.pum-close.popmake-close{
	display:none;
}

.is-daycheck .popup-toclose{
	display:none;
}

.is-daycheck .pum-close.popmake-close{
	display:block;
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	body .pum-overlay:not(.pum-overlay-disabled) .pum-container{
		padding: 1.25rem 1.25rem 3.438rem;
	}
	
	.popup-dayclose{
		left:1.25rem;
	}
	
	.popup-toclose{
		right:1.25rem;
	}
	
	.pum-close.popmake-close{
		right:1.25rem;
	}
}

/*=========================================================
PopUp:Center Banner Post
=========================================================*/
html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]){
	padding-right:0 !important;
}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content .size-full{height: auto !important;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content .alignleft{float: left;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content .alignright{float: right;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content .aligncenter{display: block; margin:0 auto;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content figure.wp-caption{width:100% !important;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content iframe{width:100% !important;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content p{margin-bottom:1.25rem; color:#000;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content p img{height: auto !important;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content a{color:#000;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content a:hover{text-decoration: underline; }
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content h1{font-size: 1.5rem;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content h2{font-size: 1.25rem;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content h3{font-size: 1rem;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content h4{font-size: 0.938rem;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content h5{font-size: 0.875rem;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content h6{font-size: 0.75rem;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content h1,body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content h2,body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content h3,body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content h4,body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content h5,body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content h6 {margin-bottom: 0.938rem;color:#000;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content figure{margin-bottom: 1.25rem;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content ul{margin-bottom: 1.25rem; color:#000; text-align:left;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content ol{margin-bottom: 1.25rem;color:#000;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content li{margin-top:0.313rem;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content li:first-child{margin-top:0;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content img{max-width: 100%;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content figcaption.wp-caption-text{color:#000; font-weight:normal; text-align: center; font-size: .75rem; }
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content ul li{padding-left:1.1em;position: relative;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content ul li:before{content: "∙";position: absolute; top:0; left:0;color:#000;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content ol li{padding-left:1.1em;position: relative;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content ol li:nth-child(1):before{content: "1.";position: absolute; top:0; left:0;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content ol li:nth-child(2):before{content: "2.";position: absolute; top:0; left:0;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content ol li:nth-child(3):before{content: "3.";position: absolute; top:0; left:0;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content ol li:nth-child(4):before{content: "4.";position: absolute; top:0; left:0;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content ol li:nth-child(5):before{content: "5.";position: absolute; top:0; left:0;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content ol li:nth-child(6):before{content: "6.";position: absolute; top:0; left:0;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content ol li:nth-child(7):before{content: "7.";position: absolute; top:0; left:0;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content ol li:nth-child(8):before{content: "8.";position: absolute; top:0; left:0;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content ol li:nth-child(9):before{content: "9.";position: absolute; top:0; left:0;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content blockquote{color:#000;padding-left:1rem;position: relative;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content blockquote:before{content: ""; width:0.188rem; height: 100%; position: absolute; background: #000; top:0; left:0;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content table{width:100%;margin-bottom:1.25rem;border-top:solid 2px #000;border-collapse:collapse;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content table thead th{text-align: center;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content table tbody th{text-align: center;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content table caption{display: none;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content table *{margin:0;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content table thead th{color:#000;font-size: 1.1em;font-weight: bold;text-align: center;line-height: 1.4em;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content table th,body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content table td{vertical-align: middle;border:solid 1px #ccd0d7;padding:0.75rem 0.313rem;text-align: center;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content iframe{max-width: 100% !important;}
body .pum-overlay:not(.pum-overlay-disabled) .pum-container .pum-content span[id*="more-"]{border-bottom:dashed 2px #ccd0d7;display: block;}

/*=========================================================
	챗봇
=========================================================*/
#frogue-container{
	right: 5.3rem !important;
	transition-property: bottom;
    transition-duration: 0.2s;
}

#frogue-container.has-Top{
	bottom:9rem !important;
}

#frogue-launcher-moveicon{
	display:none !important;
}

@media screen and (min-width: 1025px){
	#frogue-container:hover ~ #customCursor{
		display:none !important;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	#frogue-container{
		right: 5.7rem !important;
	}
}

/*=========================================================
	FooterCompany
=========================================================*/
.FooterCompany{
	padding-top:4rem;
	text-align:center;
	font-size:0;
	line-height:0;
}

.FooterCompany-inner{
	margin:-0.2rem -1.125rem;
	overflow:hidden;
}

.FooterCompany-item{
	display:inline-block;
	position:relative;
	font-size: 1.125rem;
    line-height: 1.5em;
	padding:0.2rem 1.125rem;
    color: #000;
}

.FooterCompany-item:after{
	content:"";
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	width:1px;
	height:1rem;
	background-color:#000;
}

.FooterCompany-item:last-child:after{
	display:none;
}

/* Responsive
=========================================================*/
@media screen and (max-width:1024px) and (min-width:748px){
	.FooterCompany-item{
		font-size:1rem;
	}
}

@media screen and (max-width:747px) and (min-width:1px){
	.FooterCompany{
		padding-top:3rem;
	}
	
	.FooterCompany-item{
		font-size:0.875rem;
	}
	
	.FooterCompany-item:after{
		height:0.75rem;
		margin-top:-1px;
	}
	
	.FooterCompany-item:last-child{
		width:100%;
	}
	
	.FooterCompany-item:nth-child(2):after{
		display:none;
	}
}

/*=========================================================
	EventPopup
=========================================================*/
.EventPopup{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
	opacity:0;
	visibility:hidden;
	transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: var(--custom-easing);
	display: flex;
    justify-content: center;
    align-items: center;
	z-index:4000;
}

.is-View.EventPopup{
	opacity:1;
	visibility:visible;
}

.EventPopupDim{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.5);
}

.EventPopupAtc{
	position:absolute;
	max-width:calc(37.5rem + 8px);
	width:calc(100% - 2.5rem);
	background-color:#fff;
	border:solid 4px #fff;
	border-radius:0.625rem;
	z-index:5;
}

.EventPopupBody{
	border-radius:0.5rem;
	overflow:hidden;
	overflow-y:auto;
	font-size:1rem;
	line-height:1.7em;
	color:#101010;
	max-height:calc(100vh - 10.5rem);
	max-height:calc(100svh - 10.5rem);
}

.EventPopupBody p + p{
	margin-top:0.188rem;
}

.EventPopupBodyFlex img{
	display:block;
	width:100%;
}

.EventPopupMeta{
	padding:0.75rem 0;
}

.EventPopupMeta-inner{
	display:flex;
	align-items:center;
	justify-content:end;
}

.EventPopupMeta-link{
	display:block;
	font-size:0.813rem;
	line-height:1.2em;
	color:#101010;
	padding:0 0.938rem;
	font-weight:500;
}

.EventPopupMeta-item + .EventPopupMeta-item{
	border-left:solid 1px #ddd;
}

.EventPopupHeader{
	font-size: 1.688rem;
    line-height: 1.4em;
    color: #101010;
	font-weight:700;
	padding:0 0.938rem;
	text-align:center;
}

.EventPopupHeader-inner{
	padding:1.25rem 2.8rem;
	border-bottom:solid 2px #000;
	position:relative;
}

.EventPopupHeader-close{
	width:1.5rem;
	height:1.5rem;
	background-image:url(../../images/icon/ico_evpop_close.svg);
	background-size:100% 100%;
	position:absolute;
	top:1.5rem;
	right:0.5rem;
	z-index:5;
}

.TypeText .EventPopupBody{
	padding:0 0.938rem;
}

.TypeText .EventPopupBody-inner{
	padding:2.5rem 0;
	min-height:17.5rem;
	display:flex;
	align-items:center;
	justify-content:center;
}

.TypeText .EventPopupBodyFlex{
	text-align:center;
	width:100%;
	font-size:1.25rem;
	line-height:1.6;
}

.EventPopupBodyLogo{
	padding-bottom:2.625rem;
	line-height:0;
	display:none;
}

.EventPopupBodyLogo-img{
	display:block;
	width:5rem;
	margin:0 auto;
}

.TypeText .EventPopupBodyLogo{
	display:block;
}

/*Content*/
.TypeText .EventPopupBody a{
	color:#101010;
	text-decoration:underline;
}

.TypeText .EventPopupBodyFlex img{
	border-radius:0.5rem;
}

.TypeText .EventPopupMeta-item:last-child{
	display:none;
}

/* Responsive
=========================================================*/
@media screen and (max-width:1024px) and (min-width:1px){
	.EventPopupHeader{
		font-size:1.375rem;
	}
	
	.EventPopupHeader-inner{
		padding:1.25rem 2.8rem 1rem;
	}
	
	.EventPopupHeader-close{
		top: 1.3rem;
	}
	
	.TypeText .EventPopupBody-inner{
		min-height: 14.5rem;
	}
	
	.EventPopupBodyLogo{
		padding-bottom:2.1rem;
	}
	
	.TypeText .EventPopupBodyFlex{
		font-size:1.125rem;
	}
	
	.EventPopupAtc{
		max-width: calc(28.5rem + 8px);
	}
}
