/*
	Copyright 2020 Raonbnp
	http://raonbnp.com, http://raonwebstore.com
*/
@charset "UTF-8";
@import '/2023/_css/common.css'; /* front, admin 공통*/
@import '/2023/_css/member.css'; /* front member 공통*/
@import '/2023/_css/board.css'; /* front member 공통*/
@import 'loading.css';
@import 'fontSet.css';
@import 'basic.css';
@import 'layout.css';


/*about*/
.about_wrap{
	padding-top:40rem;
}
.about_wrap .about_visual{
	text-align:center;
	position:fixed;
	left:0;
	top:14rem;
	width:100%;
	z-index:1;
}
.about_wrap .about_visual img{
	transform:translateX(20rem);
}
.about_wrap .about_contents{
	position:relative;
	z-index:5;
}
.about_wrap .about_contents::after{
	content:"";
	position:absolute;
	left:50%;
	right:50%;
	top:0;
	bottom:0;
	margin-left:-50vw;
	margin-right:-50vw;
	background:url(../_img/sub/about_content_bg.png) no-repeat center top / 100% auto;
	transform:translateX(-20rem);
}
.about_wrap .about_contents .inner{
	position:relative;
	z-index:1;
	font-size:2.4rem;
	padding-top:40rem;
	padding-bottom:30rem;
}

@media(max-width:1800px){
	.about_wrap .about_visual img{
		transform:translateX(15rem);
	}
	.about_wrap .about_contents::after{
		transform:translateX(-15rem);
	}
}

@media(max-width:1199px){
	.about_wrap .about_visual img{
		transform:translateX(10rem);
		max-width:60rem;
	}
	.about_wrap .about_contents .inner{
		font-size:2rem;
		padding-top:25rem;
		padding-bottom:20rem;
	}
}

@media(max-width:991.98px){
	.about_wrap .about_visual{
		top: 17rem;
	}
	.about_wrap .about_visual img{
		transform:translateX(0);
		max-width:40rem;
	}
	.about_wrap .about_contents::after{
		transform:translateX(0);
	}
}


/**/
.submenu_container{
	margin-bottom:6rem;
	position:relative;
	z-index:10;
}
.submenu_container > ul{
	list-style:none;
	padding:0;
}
.submenu_container > ul > li{
	margin-bottom:1.4rem;
}
.submenu_container > ul > li > button{
	background:none;
	bordeR:none;
	color:#000;
	font-size:2rem;
	padding:.5rem 1.5rem;
	outline:none;
	font-weight:500;
}
.submenu_container > ul > li.is-active > button{
	background:url(../_img/sub/tab_active_pink.png) repeat-x left center / 100% 100%;
}
.submenu_container > ul > li.sm.is-active > button{
	background:url(../_img/sub/tab_active_pink_sm.png) repeat-x left center / 100% 100%;
}
.submenu_container > ul > li.md.is-active > button{
	background:url(../_img/sub/tab_active_pink_md.png) repeat-x left center / 100% 100%;
}

@media(min-width:992px){
	.submenu_container .submenu_title_mo{
		display:none !important;
	}
	.submenu_container > ul{
		list-style:none;
		padding:0;
		display:flex !important;
		flex-wrap:wrap;
		justify-content: space-around;
		column-gap: 2rem;
	}
}
@media(max-width:991.98px){
	.submenu_container .submenu_title_mo{
		display:flex;
		align-items: center;
		justify-content: center;
	}
	.submenu_container .submenu_title_mo p{
		text-align:center;
		cursor: pointer;
		font-size:20px;
		width:100%;
		max-width:220px;
		padding:5px;
		display:flex;
		align-items: center;
		justify-content: center;
		background:url(../_img/sub/tab_active_pink.png) repeat-x left center / 100% 100%;
	}
	.submenu_container .submenu_title_mo p i{
		color:#fff;
		transform: translateY(2px);
		margin-left:10px;
	}
	.submenu_container > ul{
		display:none;
		position:absolute;
		left:50%;
		top:50px;
		transform:translateX(-50%);
		width:220px;
		margin-top:-6px;
		text-align:center;
		background:#ff73c2;
		padding:1.5rem 0;
		border-radius:12px 12px 12px 12px;
	}
	.submenu_container > ul > li{
		margin-bottom: 1rem;
	}
	.submenu_container > ul > li.is-active > button{
		background:none;
	}
}
@media(max-width:767.98px){
	.submenu_container{
		margin-bottom:3rem;
	}
	.submenu_container .submenu_title_mo p{
		font-size:18px;
		max-width:220px;
	}
}



.sub_page_title{
	text-align:center;
	font-size:3rem;
	font-weight:600;
	margin-bottom:4rem;
}

@media(max-width:767.98px){
	.sub_page_title{
		font-size:2.6rem;
		margin-bottom:3rem;
	}
}


/**/
.tabmenu_container{
	margin-bottom:6rem;
	position:relative;
	z-index:9;
}
.tabmenu_container > ul{
	list-style:none;
	padding:0;
}
.tabmenu_container > ul > li{
	margin-bottom:1.4rem;
}
.tabmenu_container > ul > li > button{
	background:none;
	bordeR:none;
	color:#000;
	font-size:1.8rem;
	padding:.5rem 1.5rem;
	outline:none;
	font-weight:500;
}
.tabmenu_container > ul > li.is-active > button{
	background:url(../_img/sub/tab_active_pink.png) repeat-x left center / 100% 100%;
}
.tabmenu_container > ul > li.sm.is-active > button{
	background:url(../_img/sub/tab_active_pink_sm.png) repeat-x left center / 100% 100%;
}
.tabmenu_container > ul > li.md.is-active > button{
	background:url(../_img/sub/tab_active_pink_md.png) repeat-x left center / 100% 100%;
}

@media(min-width:992px){
	.tabmenu_container .tab_title_mo{
		display:none !important;
	}
	.tabmenu_container > ul{
		list-style:none;
		padding:0;
		display:flex !important;
		height:auto !important;
		flex-wrap:wrap;
		justify-content: center;
		column-gap: 4rem;
	}
}
@media(max-width:991.98px){
	.tabmenu_container .tab_title_mo{
		display:flex;
		align-items: center;
		justify-content: center;
	}
	.tabmenu_container .tab_title_mo p{
		text-align:center;
		cursor: pointer;
		font-size:20px;
		width:100%;
		max-width:220px;
		padding:5px;
		display:flex;
		align-items: center;
		justify-content: center;
		background:url(../_img/sub/tab_active_pink.png) repeat-x left center / 100% 100%;
	}
	.tabmenu_container .tab_title_mo p i{
		color:#fff;
		transform: translateY(2px);
		margin-left:10px;
	}
	.tabmenu_container > ul{
		display:none;
		position:absolute;
		left:50%;
		top:50px;
		transform:translateX(-50%);
		width:220px;
		margin-top:-6px;
		text-align:center;
		background:#ff73c2;
		border-radius:12px;
	}
	.tabmenu_container > ul > li{
		margin-bottom: 1rem;
	}
	.tabmenu_container > ul > li.is-active > button{
		background:none;
	}
}



/**/
.tab_contents_wrap{}
.tab_contents_wrap .tab_contents{}
.tab_contents_wrap .tab_contents:not(.is-active){
	display:none;
}
.tab_contents_wrap .tab_contents > ul{
	list-style:none;
	padding:0;
	display:flex;
	flex-wrap:wrap;
}
.tab_contents_wrap .tab_contents > ul > li{
	width:calc(100%/3);
}
.tab_contents_wrap .tab_contents > ul > li a{
	display:block;
	position:relative;
	padding-top:100%;
	color:#ff73c2;
	cursor: pointer;
}
.tab_contents_wrap .tab_contents > ul > li a > span{
	position:absolute;
	position:absolute;
	left:0;
	top:0;
	z-index: 1;
	width:100%;
	height:100%;
	background-position:center center;
	background-size:cover;
	opacity:0;
	transition:all .5s ease .2s;
}
.tab_contents_wrap .tab_contents > ul > li a > span:hover{
	opacity:1
}


@media(min-width:768px){
	.tab_contents_wrap .tab_contents > ul > li:nth-child(6n+1) a,
	.tab_contents_wrap .tab_contents > ul > li:nth-child(6n+3) a,
	.tab_contents_wrap .tab_contents > ul > li:nth-child(6n+5) a{
		background:#ff73c2;
		color:#fff;
	}
}


.tab_contents_wrap .tab_contents > ul > li a > p{
	position:absolute;
	left:0;
	width:100%;
	top:50%;
	transform:translateY(-50%);
	text-align:center;
	font-size:4rem;
	letter-spacing:-0.02em;
}
.tab_contents_wrap .tab_contents > ul > li a > p > strong{
	display:block;
}
.tab_contents_wrap .tab_contents > ul > li a > p > small{
	font-weight:300;
	display:block;
	font-size:0.6em;
}


@media(max-width:767.98px){
	.tab_contents_wrap .tab_contents > ul{
		margin-left:-2rem;
		margin-right:-2rem;
	}
	.tab_contents_wrap .tab_contents > ul > li{
		width:calc(100%/2);
	}
	.tab_contents_wrap .tab_contents > ul > li:nth-child(4n+1) a,
	.tab_contents_wrap .tab_contents > ul > li:nth-child(4n) a{
		background:#ff73c2;
		color:#fff;
	}
	.tab_contents_wrap .tab_contents > ul > li a > p{
		font-size:2.8rem;
	}
}
@media(max-width:576.98px){
	.tab_contents_wrap .tab_contents > ul > li a > p{
		font-size:2.4rem;
	}
}




/**/
#detal_contents_area{
	display:none;
	position:relative;
}
#detal_contents_area .mySwiper{
	overflow:hidden;
	position:relative;
}
#detal_contents_area .detail-next,
#detal_contents_area .detail-prev{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	color:#fff;
	opacity:.6;
	z-index:5;
	font-size:3.6rem;
}
#detal_contents_area .detail-prev{
	left:2rem
}
#detal_contents_area .detail-next{
	right:2rem
}
#detal_contents_area .detail-pagination{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	z-index:2;
	display:flex;
	align-items: center;
	justify-content: center;
	padding:1.5rem;
}
#detal_contents_area .detail-pagination span{
	border:1px solid #fff;
	background:none;
	opacity:1;
	width:10px;
	height:10px;
}
#detal_contents_area .detail-pagination span.swiper-pagination-bullet-active{
	background:#fff;
}

#detal_contents_area .swiper-button-disabled{
	display:none;
}

#detal_contents_area .info_box{
	padding-left:3rem;
}
#detal_contents_area .info_box .detail_bak{
	margin-bottom:3rem;
}
#detal_contents_area .info_box .detail_bak button{
	background:none;
	border:none;
	outline: none;
}
#detal_contents_area .info_box .detail_bak button img{
	max-width:4rem;
}
#detal_contents_area .info_box h4{
	font-size:3.6rem;
	font-weight:600;
	margin-bottom:3rem;
}
#detal_contents_area .info_box h4 small{
	display:block;
	font-size:.7em;
	font-weight:300;
	margin-top:1rem;
}
#detal_contents_area .info_box .cate{
	display:flex;
	list-style:none;
	padding:0;
	margin-bottom:4rem;
}
#detal_contents_area .info_box .cate li{
	margin-right:2rem;
}
#detal_contents_area .info_box .cate li a{
	padding:.6rem 1.5rem;
	font-size:1.6rem;
	display:block;
	font-weight:600;
	color:#000;
}
#detal_contents_area .info_box .cate li a.insta{
	background:url(../_img/sub/cate_bg_insta.jpg) no-repeat center center / 100% 100%;
}
#detal_contents_area .info_box .cate li a.web{
	background:url(../_img/sub/cate_bg_web.jpg) no-repeat center center / 100% 100%;
}
#detal_contents_area .info_box .cate li a.arcade{
	background:url(../_img/sub/cate_bg_arcade.jpg) no-repeat center center / 100% 100%;
}

#detal_contents_area .info_box .detail_desc{
	max-height:32rem;
	overflow-y:auto;
	font-size:1.7rem;
	font-weight:300;
}
#detal_contents_area .info_box .detail_desc::-webkit-scrollbar {
	width: 10px;
}
#detal_contents_area .info_box .detail_desc::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius: 10px;
	background-clip: padding-box;
	border: 2px solid transparent;
}
#detal_contents_area .info_box .detail_desc::-webkit-scrollbar-track {
	background-color: none;
	border-radius: 10px;
	box-shadow: inset 0px 0px 5px white;
}

@media(max-width:991.98px){
	#detal_contents_area{
		padding-top:5rem;
	}
	#detal_contents_area .mySwiper{
		margin-left:-3rem;
		margin-right:-3rem;
	}
	#detal_contents_area .info_col{
		position:static;
	}
	#detal_contents_area .info_box{
		padding-left:0;
		display:flex;
		justify-content: space-between;
		padding-top:2rem;
		flex-wrap:wrap;
	}
	#detal_contents_area .info_box .detail_bak{
		margin-bottom:0;
		position:absolute;
		left:0;
		top:0;
		z-index:2;
	}
	#detal_contents_area .info_box .detail_desc{
		width:100%;
	}
	#detal_contents_area .info_box .cate a{
		border-radius:100%;
	}
	#detal_contents_area .info_box .cate a span{
		display:none;
	}
	#detal_contents_area .info_box .cate li a.insta{
		background:#ff73c2 !important;
	}
	#detal_contents_area .info_box .cate li a.web{
		background:#73e4ff !important;
	}
	#detal_contents_area .info_box .cate li a.arcade{
		background:#49ff41 !important;
	}
}
@media(max-width:767.98px){
	#detal_contents_area .info_box h4{
		font-size:2.8rem;
		margin-bottom:2rem;
	}
	#detal_contents_area .info_box .cate{
		margin-bottom:2rem;
	}
	#detal_contents_area .info_box .cate li{
		margin-right:0;
	}
	#detal_contents_area .info_box .cate li a{
		margin-left:2rem;
	}
	
}
@media(max-width:576.98px){
	#detal_contents_area .info_box h4{
		font-size:2.4rem;
	}
}


/*program*/
@media(min-width:992px){
	.program_wrap .submenu_container ul{
		justify-content: flex-start;
	}
}

.program_detail_contents .map_container{
	margin-bottom:8rem;
}




.program_detail_contents .map_container .map_point_list ul{
	list-style:none;
	padding:0;
	display:flex;
	flex-wrap:wrap;
}
.program_detail_contents .map_container .map_point_list ul li{
	width:calc(100%/2);
	margin-bottom:5px;
}
.program_detail_contents .map_container .map_point_list ul li button{
	bordeR:none;
	position:relative;
	outline:none;
	font-size:1.8rem;
	display:inline-block;
	padding:3px 0;
	padding-left:20px;
	background:none;
	max-width:18rem;
	text-align:left;
}
.program_detail_contents .map_container .map_point_list ul li button::before{
	content:"";
	position:absolute;
	border:1px solid #000;
	background:#000;
	width:14px;
	height:14px;
	border-radius:100%;
	left:0;
	top:10px;
}
.program_detail_contents .map_container .map_point_list ul li button.is-active::before{
	background:#38e703;
}




.program_detail_contents .info_container .info_contents:not(.first){
	display:none;
}
.program_detail_contents .info_container .info_contents h4{
	font-size:3.6rem;
	font-weight:600;
	margin-bottom:3rem;
}
.program_detail_contents .info_container .info_contents .addr{
	font-size:2.4rem;
	margin-bottom:3rem;
}
.program_detail_contents .info_container .info_contents .desc{
	font-size:1.8rem;
	line-height:1.6;
}
.program_detail_contents .info_container .info_contents .status{
	margin-top:5rem;
	display:flex;
	gap:4rem;
}
.program_detail_contents .info_container .info_contents .status > div > strong{
	font-size:2rem;
	display:block;
	margin-bottom:1rem;
}
.program_detail_contents .info_container .info_contents .status > div > p{
	font-size:1.8rem;
}
.program_detail_contents .info_container .info_contents .status > div.holliday > p{
	color:#ff0000
}



.program2_detail_contents .map_container .map_point_list ul li{
	width:calc(100%/1);
}
.program2_detail_contents .map_container .map_point_list ul li button{
	max-width:unset;
}

.program2_detail_contents  .time_table{
	margin-top:4rem;
}
.program2_detail_contents  .time_table > strong{
	display:block;
	margin-bottom:1rem;
	font-size:2rem;
}
.program2_detail_contents  .time_table table{
	width:100%;
	max-width:744px;
}
.program2_detail_contents  .time_table table th{
	border-left:1px solid #000;
	text-align:center;
}
.program2_detail_contents  .time_table table td{
	border-right:1px solid #000;
}
.program2_detail_contents  .time_table table th,
.program2_detail_contents  .time_table table td{
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	font-size:1.8rem;
	font-weight:400;
	padding:10px 10px;
}
.program4_detail_contents h3{
	font-size:4rem;
	font-weight:600;
	margin-bottom:5rem;
}
.program4_detail_contents h4{
	font-size:3.6rem;
	font-weight:600;
	margin-bottom:3rem;
}
.program4_detail_contents h4 small{
	display:block;
	font-size:.7em;
	font-weight:300;
	margin-top:1rem;
}
.program4_detail_contents .cate{
	display:flex;
	list-style:none;
	padding:0;
	margin-bottom:4rem;
}
.program4_detail_contents .cate li{
	margin-right:2rem;
}
.program4_detail_contents .cate li a{
	padding:.6rem 1.5rem;
	font-size:1.6rem;
	display:block;
	font-weight:600;
	color:#000;
}
.program4_detail_contents .cate li a.insta{
	background:url(../_img/sub/cate_bg_insta.jpg) no-repeat center center / 100% 100%;
}
.program4_detail_contents .cate li a.web{
	background:url(../_img/sub/cate_bg_web.jpg) no-repeat center center / 100% 100%;
}
.program4_detail_contents .cate li a.arcade{
	background:url(../_img/sub/cate_bg_arcade.jpg) no-repeat center center / 100% 100%;
}

.program4_detail_contents .detail_desc{
	font-size:1.7rem;
	font-weight:300;
	line-height:1.6;
}
.program4_detail_contents .row2{
	margin-top:13rem;
}

@media(min-width:992px){
	.program_detail_contents .map_container{
		display:flex;
	}
	.program_detail_contents .map_container .map_box{
		width:62%;
	}
	.program_detail_contents .map_container .inner_scroll{
		max-height:42rem;
		overflow-y:auto;
	}
	.program_detail_contents .map_container .inner_scroll::-webkit-scrollbar {
		width: 10px;
	}
	.program_detail_contents .map_container .inner_scroll::-webkit-scrollbar-thumb {
		background-color: #ccc;
		border-radius: 10px;
		background-clip: padding-box;
		border: 2px solid transparent;
	}
	.program_detail_contents .map_container .inner_scroll::-webkit-scrollbar-track {
		background-color: none;
		border-radius: 10px;
		box-shadow: inset 0px 0px 5px white;
	}
	.program_detail_contents .map_container .map_point_list{
		width:38%;
		padding-left:4rem;
	}
	.program4_detail_contents .row2 .thum{
		order:2;
	}
}
@media(max-width:991.98px){
	.program_detail_contents .map_container .map_point_list{
		margin-top:4rem;
	}
	.program_detail_contents .map_container .map_point_list ul li{
		width:calc(100%/3);
	}
	.program_detail_contents .map_container .map_point_list ul li button{
		max-width:unset;
	}
	.program4_detail_contents h3{
		margin-top:4rem;
		font-size:3.6rem;
	}
	.program4_detail_contents h4{
		margin-top:4rem;
		font-size:3rem;
	}
	
}

@media(max-width:767.98px){
	.program_detail_contents .map_container .map_point_list{
		margin-top:3rem;
	}
	.program_detail_contents .map_container .map_point_list ul li{
		width:calc(100%/2);
	}
	.program_detail_contents .map_container .map_point_list ul li button::before {
		width: 10px;
		height: 10px;
		top: 8px;
	}
	.program_detail_contents .map_container{
		margin-bottom:5rem;
	}
	.program_detail_contents .info_container .info_contents h4{
		font-size:3rem;
	}
	.program_detail_contents .info_container .info_contents .addr{
		font-size:2rem;
	}
	.program_detail_contents .info_container .info_contents .status{
		display:block;
	}
	.program_detail_contents .info_container .info_contents .status > div.holliday {
		margin-top:2rem;
	}
	.program4_detail_contents h4 {
		font-size: 3rem;
	}
}
@media(max-width:576.98px){
	.program4_detail_contents h3{
		margin-top:3rem;
		font-size:2.8rem;
	}
	.program4_detail_contents h4{
		margin-top:3rem;
		font-size:2.4rem;
	}
}


/*guidemap*/
@media(min-width:992px){
	.guidemap_wrap .submenu_container ul {
		justify-content: flex-start;
	}
}



.guidemap3_detail_contents .map_point_list{
}
.guidemap3_detail_contents .map_point_list ul{
	list-style:none;
	padding:0;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	height: 150px;
}
.guidemap3_detail_contents .map_point_list ul li{
	width:calc(100%/3);
	height:calc(100%/4);

}
.guidemap3_detail_contents .map_point_list ul button{
	border:none;
	background:none;
	font-size:1.8rem;
	display:flex;
	align-items: center;
	padding-left:15px;
	position:relative;
	padding-left: 20px;
	height:100%;
	text-align:left;
}
.guidemap3_detail_contents .map_point_list ul button::before{
	content: "";
    position: absolute;
    border: 1px solid #D01178;
    background: #E787BB;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    left: 0;
    top: 10px;
}
.guidemap3_detail_contents .map_point_list ul button.is-active::before{
	background:#D01178;
}
.guidemap3_detail_contents .info_container{
	max-width:1000px;
	padding-top:6rem;
}
.guidemap3_detail_contents .info_container .info_contents:not(.first){
	display:none;
}

.guidemap3_detail_contents .info_container h4{
	font-size:4rem;
	font-weight:600;
	margin-bottom:4rem;
}
.guidemap3_detail_contents .info_container h4 small{
	display:block;
	font-weight:400;
	font-size:.6em;
	padding-top:1rem;
}
.guidemap3_detail_contents .info_container .desc{
	font-size:2rem;
	line-height:1.6;
}
.guidemap3_detail_contents .info_container h5{
	font-size:2.2rem;
	margin-top:4rem;
	margin-bottom:1.5rem;
}
.guidemap3_detail_contents .info_container .exhibitor_list{
	max-width:1000px;
}
.guidemap3_detail_contents .info_container .exhibitor_list ul{
	list-style:none;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	margin-left:-5px;
	margin-right:-5px;
}
.guidemap3_detail_contents .info_container .exhibitor_list ul li{
	width:calc(100%/4);
	padding:5px;
}
.guidemap3_detail_contents .info_container .exhibitor_list ul li .box{
	position:relative;
}
.guidemap3_detail_contents .info_container .exhibitor_list ul li .box p{
	color:#000;
	font-size:1.8rem;
	font-weight:600;
}
.guidemap3_detail_contents .info_container .exhibitor_list ul li .box p small{
	display:block;
	font-size:.7em;
}

@media(max-width:767.98px){
	.guidemap3_detail_contents .map_point_list ul{
		height:120px;
		letter-spacing: -0.03em;;
	}
	.guidemap3_detail_contents .map_point_list ul button::before{
		top:8px;
	}
	.guidemap3_detail_contents .info_container h4{
		font-size:3rem;
	}
	.guidemap3_detail_contents .info_container .exhibitor_list ul li{
		width:calc(100%/3);
	}
	.guidemap3_detail_contents .info_container .exhibitor_list ul li .box p{
		font-size:1.8rem;
	}
}
@media(max-width:576.98px){
	.guidemap3_detail_contents .info_container h4{
		font-size:2.6rem;
	}
	.guidemap3_detail_contents .info_container .exhibitor_list ul li{
		width:calc(100%/2);
	}
}