@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%;
}

.configBtnTxt{
	font-family:'NanumGothic';
	position:absolute;
	background-color:rgba(0,0,0,0.5);
	z-index:3;
	top:0;
	left:0;
	opacity:0;
	text-align:center;
	color:#fff;
	/*font-weight:800;*/
	font-size:18px;
	transition:opacity 0.5s;
}

.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{
	text-shadow: -1.5px 0 #1121CF, 0 1.5px #1121CF, 1.5px 0 #1121CF, 0 -1.5px #1121CF;
	background:#1121CF;
	padding:10px 15px;
	border-radius:20px;
}



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