@charset "euc-kr";

html,body, div, ul, li{margin:0; padding:0}

.bannerGuide{
	width:100%;
	height:100%;
	border:1px solid #d1d1d1;
	/*background:#f1f1f1;*/
	box-sizing:border-box;
	position: relative;
	/*display: inline-block;*/
	overflow: hidden; /* 불필요한 부분 가리기 */
	padding: 1px;
	background:url('/skins/blockContent/images/bannerGuide.jpg') center center;
}
.backgroundGuide{
	width:100%;
	height:100%;
	border:1px solid #d1d1d1;
	background:url('/skins/blockContent/images/backgroundGuide.jpg') center center;
	box-sizing:border-box;
	position: relative;
	overflow: hidden; /* 불필요한 부분 가리기 */
	padding: 1px;
}
.mapGuide{
	width:100%;
	height:100%;
	border:1px solid #d1d1d1;
	background:url('/skins/blockContent/images/mapGuide.jpg') center center;
	box-sizing:border-box;
	position: relative;
	overflow: hidden; /* 불필요한 부분 가리기 */
	padding: 1px;
}
.boardGalleryGuide{
	width:100%;
	height:100%;
	border:1px solid #d1d1d1;
	background:url('/skins/blockContent/images/boardGalleryGuide.jpg') center center;
	box-sizing:border-box;
	position: relative;
	overflow: hidden; /* 불필요한 부분 가리기 */
	padding: 1px;
}
.boardListGuide{
	width:100%;
	height:100%;
	border:1px solid #d1d1d1;
	background:url('/skins/blockContent/images/boardListGuide.jpg') center center;
	box-sizing:border-box;
	position: relative;
	overflow: hidden; /* 불필요한 부분 가리기 */
	padding: 1px;
}
.shopGuide{
	width:100%;
	height:100%;
	border:1px solid #d1d1d1;
	background:url('/skins/blockContent/images/shopGuide.jpg') center center;
	box-sizing:border-box;
	position: relative;
	overflow: hidden; /* 불필요한 부분 가리기 */
	padding: 1px;
}
.tourGuide{
	width:100%;
	height:100%;
	border:1px solid #d1d1d1;
	background:url('/skins/blockContent/images/shopGuide.jpg') center center;
	box-sizing:border-box;
	position: relative;
	overflow: hidden; /* 불필요한 부분 가리기 */
	padding: 1px;
}
.scheduleGuide{
	width:100%;
	height:100%;
	border:1px solid #d1d1d1;
	background:url('/skins/blockContent/images/scheduleGuide.jpg') center center;
	box-sizing:border-box;
	position: relative;
	overflow: hidden; /* 불필요한 부분 가리기 */
	padding: 1px;
}

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

.box_ > a.blockEditDiv,
.box_ > .blockEditDiv{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:3;
	display:block;
	text-decoration:none;
}

.configBtnTxt{
	font-family:'NanumGothic';
	position:absolute;
	background-color:rgba(0,0,0,0.5);
	z-index:3;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
	text-align:center;
	color:#fff;
	/*font-weight:800;*/
	font-size:18px;
	transition:opacity 0.5s;
	box-sizing:border-box;
	pointer-events:none;
	display:flex;
	align-items:center;
	justify-content:center;
	line-height:normal;
}
.configBox .configBtnTxt{
	pointer-events:auto;
}

.configBtnTxt:hover {
	/*transform:scale(1.3);*/
}

.configBtnTxt .reds{
	text-shadow: -1.5px 0 #ff0000, 0 1.5px #ff0000, 1.5px 0 #ff0000, 0 -1.5px #ff0000;
	background:#ff0000;
	padding:10px 15px;
	border-radius:20px;
}

.configBtnTxt .orange{
	text-shadow: -1.5px 0 #de712e, 0 1.5px #de712e, 1.5px 0 #de712e, 0 -1.5px #de712e;
	background:#de712e;
	padding:10px 15px;
	border-radius:20px;
}

.configBtnTxt .blue{
	text-shadow: -1.5px 0 #2196f3, 0 1.5px #2196f3, 1.5px 0 #2196f3, 0 -1.5px #2196f3;
	background:#2196f3;
	padding:10px 15px;
	border-radius:20px;
}

.configBtnTxt .black{
	text-shadow: -1.5px 0 #000, 0 1.5px #000, 1.5px 0 #000, 0 -1.5px #000;
	background:#000;
	padding:10px 15px;
	border-radius:20px;
}

.configBtnTxt .green{
	text-shadow: -1.5px 0 #4caf50, 0 1.5px #4caf50, 1.5px 0 #4caf50, 0 -1.5px #4caf50;
	background:#4caf50;
	padding:10px 15px;
	border-radius:20px;
}

.configBtnTxt .purple{
	text-shadow: -1.5px 0 #CB46E8, 0 1.5px #CB46E8, 1.5px 0 #CB46E8, 0 -1.5px #CB46E8;
	background:#CB46E8;
	padding:10px 15px;
	border-radius:20px;
}

.configBtnTxt .configColor{
	display:inline-block;
	font-family:'Pretendard',sans-serif !important;
	background:#0f1729;
	color:#fff;
	padding:6px 22px 6px 6px;
	border-radius:999px;
	font-weight:700;
	font-size:16px;
	line-height:1.2;
	text-shadow:none;
	box-shadow:0 4px 18px rgba(0,0,0,0.28);
	vertical-align:middle;
}
.configBtnTxt .configColor-inner{
	display:flex;
	align-items:center;
	gap:8px;
	white-space:nowrap;
}

.configColor i.bi{
	font-family:bootstrap-icons !important;
	font-weight:normal !important;
	font-style:normal;
}
.configColor i.fas,
.configColor i.far,
.configColor i.fab{
	font-family:"Font Awesome 5 Free" !important;
	font-weight:900;
	font-style:normal;
}
.configColor i.far{font-weight:400;}
.configColor i.fab{font-family:"Font Awesome 5 Brands" !important; font-weight:400;}
.configColor i {
	width: 30px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #fff !important;
	border-radius: 50% !important;
	color: #0f1729 !important;
	font-size: 18px !important;
	line-height: 1 !important;
	flex-shrink: 0 !important;
}


.blockSetArea{
	font-family:'NanumGothic';
	width:100%;
	height:50px;
	background:#0000ff;
	line-height:50px;
	text-align:center;
	/*font-weight:800;*/
	color:#fff;
	font-size:18px;
/*
	margin:30px 0;
*/
}

.blockSetArea:hover{color:#ff0000;}

/* 블럭 순서변경용 */
#blockWrap .blockListDiv{
	display:block;
	position: relative;
	border: 2px dashed #ff0000;
	border-bottom:0;
	box-sizing:border-box;	
	/*white-space: nowrap;*/
}

#blockWrap .blockListDiv:last-child{
	border: 2px dashed #ff0000;
}
/* 블럭 순서변경용 */
#blockWrap .UDbtn{
	position: absolute;
	top:10px;left:98px;
	width:50px;
	/*border-radius:30px;*/
	color:#ffffff;
	height:50px;
	/*line-height:28px;*/
	font-size: 18px;
	text-align: center;
	cursor: pointer;
	z-index:99;
	box-sizing:border-box;	
}
.btnOpen{
	z-index:100 !important;
}
.blockCover{
	position: absolute;z-index:1;top:0;left:0;width:0;
	height:100%;
	width:100%;
	transition:all 0.30s;
}

.zoneBtn{
	width:80px;margin-left:10px;text-align:center;
	margin-top:10px;
}

.zoneBtn li{
	height:75px;
}
.zoneBtn img{
	cursor:pointer;
}
.zoneBtn span{
	display:block;
	margin-top:-10px;
	font-size:14px;
	letter-spacing:-1px;
}

.config_active_bg_a{
    display: block !important;
    -webkit-animation: fadeInFromNone 1s;
    -moz-animation: fadeInFromNone 1s;
    -o-animation: fadeInFromNone 1s;
    animation: fadeInFromNone 1s;
}

@-webkit-keyframes fadeInFromNone {
	0% {display: none;opacity: 0;}
	1% {display: block;opacity: 0;}
	100% {display: block;opacity: 0.5;}
}

@-moz-keyframes fadeInFromNone {
	0% {display: none;opacity: 0;}
	1% {display: block;opacity: 0;}
	100% {display: block;opacity: 0.5;}
}

@-o-keyframes fadeInFromNone {
	0% {display: none;opacity: 0;}
	1% {display: block;opacity: 0;}
	100% {display: block;opacity: 0.5;}
}

@keyframes fadeInFromNone {
	0% {display: none;opacity: 0;}
	1% {display: block;opacity: 0;}
	100% {display: block;opacity: 0.5;}
}