/*
	Copyright 2020 Raonbnp
	http://raonbnp.com, http://raonwebstore.com
*/
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Encode+Sans+Expanded:wght@100;200;300;400;500;600;700;800;900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import '/_css/common.css'; /* front, admin 공통*/
@import '/_css/member.css'; /* front member 공통*/
@import '/_css/board.css'; /* front member 공통*/
@import 'loading.css';
@import 'fontSet.css';
@import 'basic.css';
@import 'layout.css';

.map-wrap {
	position:relative;
	box-sizing:border-box;
	padding:8rem 0 0;
	height:100rem;
}
.map-wrap .container {
	height:100%;
}
.map-wrap .map {
	position:absolute;
	right:0;
	top:8rem;
	width:calc(50% - 2rem);
	height:calc(100% - 8rem);
	z-index:10;
}
.map-wrap #map {
	width:100%;
	height:100%;
}
.map-wrap .map-list {
	height:100%;
	padding-right:calc(50% + 2rem);
	padding-top:7rem;
}
.map-wrap .map-list h3.tit {
	font-size:2.4rem;
	font-weight:700;
	color:#222;
	padding-bottom:1rem;
	border-bottom:1px solid #222;
}
.map-wrap .map-list h3.tit > small {
	color:#555;
}
.map-wrap .map-list > .list {
	width:100%;
	height:calc(100% - 4rem);
	overflow-y:scroll;
	border-bottom:1px solid #ddd;
}
.map-wrap .map-list ul {
	height:auto;
	list-style:none;
	padding-left:0;
}
.map-wrap .map-list ul > li {
	box-sizing:border-box;
	padding:3rem;
	border-bottom:1px solid #ddd;
	display:flex;
	align-items:center;
}
.map-wrap .map-list ul > li.active {
	background:#f9f9f9;
}
.map-wrap .map-list ul > li:last-child {
	border-bottom:0;
}
.map-wrap .map-list ul > li > .img {
	width:16rem;
	height:21rem;
	border-radius:1rem;
	overflow:hidden;
	position:relative;
}
.map-wrap .map-list ul > li > .img:after {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	box-sizing:border-box;
	border:0px solid var(--blue);
	border-radius:1rem;
	opacity:0;
	transition:all 0.15s;
}
.map-wrap .map-list ul > li.active > .img:after,
.map-wrap .map-list ul > li:hover > .img:after {
	border:4px solid var(--blue);
	opacity:1;
}
.map-wrap .map-list ul > li > .txt {
	width:calc(100% - 15rem);
	padding-left:4rem;
}
.map-wrap .map-list ul > li > .txt > span {
	font-size:1.8rem;
	font-weight:600;
	color:var(--pink);
}
.map-wrap .map-list ul > li > .txt > .tit {
	margin-top:0.5rem;
	font-size:2rem;
	font-weight:700;
	line-height:1.4;
	color:#222;
	white-space:normal;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.map-wrap .map-list ul > li > .txt > .btm {
	margin-top:2rem;
}
.map-wrap .map-list ul > li > .txt > .btm > p {
	display:flex;
	align-items:center;
	font-size:1.8rem;
	color:#555;
	margin:0.4rem 0;
}
.map-wrap .map-list ul > li > .txt > .btm > p > i {
	font-size:2.2rem;
	color:#222;
	margin-right:1rem;
}

@media (max-width: 1199.98px) {
	.map-wrap {
		height:auto;
	}
	.map-wrap .map {
		position:relative;
		right:auto;
		top:0;
		width:100%;
		height:40rem;
	}
	.map-wrap .map-list {
		height:auto;
		padding-right:0;
		padding-top:4rem;
	}
	.map-wrap .map-list > .list {
		height:60rem;
	}
}
@media (max-width: 991.98px) {
	.map-wrap .map-list h3.tit {
		font-size:2rem;
	}
	.map-wrap .map-list ul > li {
		padding:2rem;
	}
	.map-wrap .map-list ul > li:last-child {
		border-bottom:0;
	}
	.map-wrap .map-list ul > li > .img {
		width:14rem;
		height:19rem;
	}
	.map-wrap .map-list ul > li > .txt {
		width:calc(100% - 14rem);
		padding-left:3rem;
	}
	.map-wrap .map-list ul > li > .txt > span {
		font-size:1.6rem;
	}
	.map-wrap .map-list ul > li > .txt > .btm {
		margin-top:1rem;
	}
	.map-wrap .map-list ul > li > .txt > .btm > p {
		font-size:1.6rem;
	}
	.map-wrap .map-list ul > li > .txt > .btm > p > i {
		font-size:2rem;
		margin-right:0.5rem;
		position:relative;
		top:-1px;
	}
}
@media (max-width: 575.98px) {
	.map-wrap .map {
		height:30rem;
	}
	.map-wrap .map-list ul > li {
		padding:1.5rem;
	}
	.map-wrap .map-list ul > li > .img {
		width:10rem;
		height:14rem;
	}
	.map-wrap .map-list ul > li > .txt {
		width:calc(100% - 10rem);
		padding-left:2rem;
	}
	.map-wrap .map-list ul > li > .txt > .tit {
		font-size:1.8rem;
		line-height:1.4;
	}
}



html, body, a, 
.btn-swiper {_cursor:none;}
#cursor_div { position: fixed; left: 0; top: 0; pointer-events: none; z-index:9999999; mix-blend-mode:normal;} 
#cursor_div .inner_wrap { 
	width: 2rem; 
	height: 2rem; 
	border-radius: 50%;
	display: flex; 
	justify-content: center; 
	align-items: center; 
	transform: translate(-50%, -50%);
	transition: all 0.3s ease; 
	background:var(--pink);
} 
#cursor_div .inner_wrap.on { 
	width:4rem; 
	height:4rem;
	_cursor:none; 
	background:var(--pink);
	filter:contrast(200%);
}
#cursor_div .inner_wrap.blue {
	background:var(--blue);
}
#cursor_div:has(.inner_wrap.on){mix-blend-mode:normal;}
#cursor_div .inner { text-align: center; } 

@media (max-width: 991.98px) {
	html, body{cursor:auto !important;}
	a, 
	.btn-swiper,
	.box,
	.keyVisual > .img {cursor:pointer !important;}
	#cursor_div .inner_wrap,
	#cursor_div .inner_wrap.on {
		display:none;
	}
}




/*programram sub*/
#sub_wrap .program_wrap .section_tabs{}
#sub_wrap .program_wrap .section_tabs ul{
	list-style:none;
	padding:0;
	display:flex;
	justify-content: center;
	align-items: center;
	gap:0 1rem;
}
#sub_wrap .program_wrap .section_tabs ul > li{
	width:50%;
	max-width:30rem;
}
#sub_wrap .program_wrap .section_tabs ul a{
	display:flex;
	align-items: center;
	justify-content: center;
	font-size:2rem;
	color:#666;
	position:relative;
	gap:0 1rem;
	border-bottom:2px solid #bbb;
	height:6rem;
}
#sub_wrap .program_wrap .section_tabs ul a.is-active{
	position:relative;
	border-bottom:2px solid var(--purple);
	color:var(--purple);
	font-weight:700;
}

#sub_wrap .program_wrap  .section_tabs_contents:not(.on){
	display:none;
}

#sub_wrap .program_wrap .tabArea_head{
	display:flex;
	justify-content: space-between;
	align-items: center;
	gap: 2rem;
	border-bottom:1px solid #ddd;
	padding-bottom:3rem;
	margin-bottom:4rem;
}
#sub_wrap .program_wrap .tab {
	list-style:none;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	justify-content: left;
	gap:6px 5px;
}
#sub_wrap .program_wrap .tab > li > a{
	display:flex;
	height:5rem;
	padding:0 3rem;
	align-items: center;
	justify-content: center;
	font-size:1.5rem;
	color:var(--purple);
	border:1px solid var(--purple);
	border-radius:5rem;
	background:#fff;
	font-weight:600;
}
#sub_wrap .program_wrap .tab > li.on > a{
	color:#fff;
	background:var(--purple);
}


#sub_wrap .program_wrap .tabArea_search{
	display:flex;
	width:34rem;
}
#sub_wrap .program_wrap .tabArea_search input{
	border:1px solid #222;
	height:5rem;
	width:100%;
	padding:0 2rem;
	font-size: 1.6rem;
	outline:none;
}
#main_container .sec03 .tabArea_search input::placeholder{
	color: #999;
}
#sub_wrap .program_wrap .tabArea_search button{
	background:#222;
	color:#fff;
	border:none;
	outline: none;
	width:14rem;
	font-size:1.6rem;
	font-weight:600;
}
#sub_wrap .program_wrap .genre_list > li > a {
	display:block;
	overflow:hidden;
	position:relative;
}
#sub_wrap .program_wrap .genre_list > li > a:hover::after {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	box-sizing:border-box;
	border:4px solid var(--purple);
	z-index:10;
}
#sub_wrap .program_wrap .genre_list > li .txt-box {
	position:relative;
	font-size:1.8rem;
	color:#444;
	letter-spacing:-0.4px;
}
#sub_wrap .program_wrap .genre_list > li .txt-box .cate {
	display:block;
	margin-top:2rem;
	font-size:1.6rem;
	font-weight:bold;
	color:var(--purple);
}
#sub_wrap .program_wrap .genre_list > li .txt-box h3 {
	position:relative;
	font-size:2rem;
	font-weight:bold;
	line-height:1.4;
	color:#222;
	white-space:normal;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	height:6rem;
}
#sub_wrap .program_wrap .genre_list > li .txt-box h3.over {
	-webkit-line-clamp:5;
	height:auto;
}
#sub_wrap .program_wrap .genre_list > li .txt-box .day,
#sub_wrap .program_wrap .genre_list > li .txt-box .loca {
	position:relative;
	font-size:1.4rem;
	color:#777777;
}
#sub_wrap .program_wrap .genre_list > li .txt-box .day > i,
#sub_wrap .program_wrap .genre_list > li .txt-box .loca > i{
	font-size:2.2rem;
	color:#222;
	position:absolute;
	left:0;
	top:3px;
	margin-right:1rem;
}
#sub_wrap .program_wrap .genre_list > li .txt-box .day {
	margin:1.5rem 0 0.2rem;
}
#sub_wrap .program_wrap .genre_list > li .txt-box .loca {
	font-weight: 300;
}
#sub_wrap .program_wrap .genre_list > li .txt-box .tit {
	position:relative;
	padding-bottom:1.5rem;
	border-bottom:1px solid #777777;
}
#sub_wrap .program_wrap .genre_list > li .txt-box .btn-more {
	position:absolute;
	left:0;
	bottom:0;
	display:inline-block;
	padding-right:2rem;
	font-size:1.5rem;
	color:#444;
}
#sub_wrap .program_wrap .genre_list > li .txt-box .btn-more:before {
	content: "\e942";
	font-family:"xeicon";
	position:absolute;
	right:0;
	top:2px;
}
#sub_wrap .program_wrap .genre_list > li .txt-box .btn-more.over:before {
	content: "\e945";
}
#sub_wrap .program_wrap .genre_list > li .txt-box .host {
	margin-top:1.5rem;
	padding-top:1.5rem;
	border-top:1px solid #777777;
	font-size:1.6rem;
	font-weight:500;
	color:#000;
	height:7rem;
}
#sub_wrap .program_wrap .genre_list > li .txt-box .btn-modal {
	display:block;
	margin-top:2rem;
	text-align:center;
	font-size:1.6rem;
	border:1px solid var(--purple);
	color:var(--purple);
	box-sizing:border-box;
	padding:1.2rem;
	font-weight:600;
}
#sub_wrap .program_wrap .genre_list > li .txt-box .btn-modal:hover {
	background:var(--purple);
	color:#fff;
}

#sub_wrap .program_wrap .genre_list{
	display:flex;
	list-style:none;
	flex-wrap:wrap;
	padding:0;
	margin-left:-12px;
	margin-right:-12px;
}
#sub_wrap .program_wrap .genre_list > p{
	width: 100%;
	font-size: 2rem;
	font-weight: 600;
	text-align: center;
}
#sub_wrap .program_wrap .genre_list li{
	padding:0 12px;
	width:calc(100%/5);
	margin-bottom:5rem;
}
#sub_wrap .program_wrap .genre_list .img{
	position: relative;
}
#sub_wrap .program_wrap .genre_list .img:hover::after{
	content: '';
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	border: 5px solid var(--purple);
}



#sub_wrap .program_wrap .performance_list{
	display:flex;
	list-style:none;
	flex-wrap:wrap;
	padding:0;
	margin-left:-12px;
	margin-right:-12px;
}
#sub_wrap .program_wrap .performance_list li{
	padding:0 12px;
	width:calc(100%/6);
	margin-bottom:5rem;
}
#sub_wrap .program_wrap .performance_list li a .img{
	position: relative;
}
#sub_wrap .program_wrap .performance_list li a:hover .img::after{
	content: '';
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	border: 5px solid var(--purple);
}
#sub_wrap .program_wrap .performance_list li a .txt-box {
	padding: 2rem 0;
	letter-spacing:-0.4px;
	background: #fff;
}
#sub_wrap .program_wrap .performance_list li a .txt-box p{
	height: 6rem;
	font-size: 1.4rem;
	font-weight: bold;
	color: var(--purple);
}
#sub_wrap .program_wrap .performance_list li a .txt-box h3 {
	margin-top: 1rem;
	font-size: 2rem;
	font-weight: bold;
	color: #000;
	display: block;
	overflow: hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
	height: auto;
}
#sub_wrap .program_wrap .performance_list li a:hover .txt-box{
	padding: 2rem 5px;
	background: var(--purple);
	border-bottom-right-radius: 3rem;
}
#sub_wrap .program_wrap .performance_list li a:hover .txt-box h3,
#sub_wrap .program_wrap .performance_list li a:hover .txt-box p{
	color: #fff;
}

@media(max-width:1500px){
	#sub_wrap .program_wrap .tabArea_head2{
		flex-direction: column;
	}
	#sub_wrap .program_wrap .tabArea_head2 .tabArea_btn_box{margin-top:1.5rem;}
}
@media(max-width:1300px){
	#sub_wrap .program_wrap .performance_list li{width:calc(100%/4);}
}
@media(max-width:1199.98px){
	#sub_wrap .program_wrap .tabArea_head{
		flex-direction: column;
	}
	#sub_wrap .program_wrap .tabArea_search{
		margin-top:1.5rem;
	}
	#sub_wrap .program_wrap .tabArea_head2 .tabArea_btn_box .tabArea_search{margin-top: 0;}
	#sub_wrap .program_wrap .genre_list li {
		width: calc(100% / 3);
	}

	#sub_wrap .program_wrap .performance_list li{width:calc(100%/3);}
}
@media (max-width: 991.98px) {
	#sub_wrap .program_wrap .tab > li > a {
		padding: 0 2rem;
		justify-content: center;
		text-align:center;
		line-height:1.1;
	}

	#sub_wrap .program_wrap .main-swiper-type1 .swiper-slide > a {
		border-radius:2.4rem;
	}
	#sub_wrap .program_wrap .main-swiper-type1 .swiper-slide > a:hover:after {
		border:3px solid var(--pink);
		border-radius:2.4rem;
	}

	#sub_wrap .program_wrap .performance_list li a:hover .img::after{border: 3px solid var(--purple);}
	#sub_wrap .program_wrap .performance_list li a .txt-box{padding: 1.5rem 0;}
	#sub_wrap .program_wrap .performance_list li a:hover .txt-box{
		padding: 1.5rem 3px;
		border-bottom-right-radius: 2.4rem;
	}
}
@media(max-width:767.98px){
	#sub_wrap .program_wrap .section_tabs ul{
		flex-wrap: wrap;
	}
	#sub_wrap .program_wrap .section_tabs ul > li{
		width:calc(50% - .5rem);
	}
	#sub_wrap .program_wrap .section_tabs ul a{
		font-size:1.8rem;
	}

	#sub_wrap .program_wrap .genre_list{
		margin-left:-5px;
		margin-right:-5px;
	}
	#sub_wrap .program_wrap .genre_list > p{
		font-size: 1.8rem;
	}
	#sub_wrap .program_wrap .genre_list li {
		width: calc(100% / 2);
		padding-left:5px;
		padding-right:5px;
	}
	#sub_wrap .program_wrap .genre_list > li .txt-box h3{
		font-size:1.6rem;
	}
	#sub_wrap .program_wrap .genre_list > li .txt-box .tit{
		padding-bottom:.5rem;
	}

	#sub_wrap .program_wrap .performance_list{
		margin-left:-5px;
		margin-right:-5px;
	}
	#sub_wrap .program_wrap .performance_list li{
		padding-left:5px;
		padding-right:5px;
		width:calc(100%/2);
	}
	#sub_wrap .program_wrap .performance_list li a .txt-box h3{font-size: 1.6rem;}
	#sub_wrap .program_wrap .performance_list li a .txt-box p{
		font-size: 1.4rem;
	}
	#sub_wrap .program_wrap .performance_list li a .txt-box p br{display: none;}
}

@media (max-width: 575.98px) {
	#sub_wrap .program_wrap .tab > li > a{
		height:4.5rem;
		padding:0 1rem;
		font-size:1.4rem;
	}
}


#sub_wrap .program_wrap .regional_wrap{
	display:flex;
}
#sub_wrap .program_wrap .regional_wrap .program_list{
	width:50%;
	padding-right:2rem;
}
#sub_wrap .program_wrap .regional_wrap .program_list h3{
	font-size:2.4rem;
	font-weight:600;
	margin-bottom:2rem;
}
#sub_wrap .program_wrap .regional_wrap .program_list h3 span{
	font-weight:300;
	font-size:2.2rem;
}
#sub_wrap .program_wrap .regional_wrap .program_list ul{
	list-style:none;
	padding:0;
	border:1px solid #ddd;
	overflow-y: auto;
	height:75rem;
}


#sub_wrap .program_wrap .regional_wrap .program_list ul li{
	border-bottom:1px solid #ddd;
}
#sub_wrap .program_wrap .regional_wrap .program_list ul li:last-child{
	border-bottom:0;
	padding:3.4rem 3rem;
	font-size:1.8rem;
}
#sub_wrap .program_wrap .regional_wrap .program_list ul li .item{
	padding:3.4rem 3rem;
	display:flex;
	align-items: center;
	color:#222;
}
#sub_wrap .program_wrap .regional_wrap .program_list ul li .item .thumb{
	width:16rem;
	flex-shrink: 0;
}
#sub_wrap .program_wrap .regional_wrap .program_list ul li .item .thumb span{
	position:relative;
	display:block;
	padding-top:135%;
	background-size:cover;
	background-position: center center;
}
#sub_wrap .program_wrap .regional_wrap .program_list ul li .item:hover .thumb span::before,
#sub_wrap .program_wrap .regional_wrap .program_list ul li.active .item .thumb span::before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:4px solid #ea5413;
}
#sub_wrap .program_wrap .regional_wrap .program_list ul li .item .info{
	padding-left:3rem;
	width:100%;
}
#sub_wrap .program_wrap .regional_wrap .program_list ul li .item .info hr{
	border-top:1px solid #777777;
	margin:2rem 0;
}
#sub_wrap .program_wrap .regional_wrap .program_list ul li .item .info h4{
	font-size:2rem;
	font-weight:700;
}
#sub_wrap .program_wrap .regional_wrap .program_list ul li .item .info h4 p{
	word-wrap: break-word; 
	display: -webkit-box; 
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
#sub_wrap .program_wrap .regional_wrap .program_list ul li .item .info h4 strong{
	display:block;
	color:var(--purple);
	font-weight:700;
	margin-bottom:5px;
	font-size:.8em;
}
#sub_wrap .program_wrap .regional_wrap .program_list ul li .item .info .date,
#sub_wrap .program_wrap .regional_wrap .program_list ul li .item .info .addr{
	font-size:1.4rem;
	color:#777777;
	font-weight:400;
}
#sub_wrap .program_wrap .regional_wrap .program_list ul li .item .info .name{
	font-size:1.6rem;
	font-weight:500;
	color:#222;
	margin-bottom:1rem;
}
#sub_wrap .program_wrap .regional_wrap .program_list ul li .item .info .btn_group{
	display:flex;
	gap:0 1rem;
}
#sub_wrap .program_wrap .regional_wrap .program_list ul li .item .info .more{
	display:flex;
	align-items: center;
	justify-content: center;
	height:5rem;
	border:1px solid var(--purple);
	color:var(--purple);
	width:20rem;
	font-weight:600;
}
#sub_wrap .program_wrap .regional_wrap .program_list ul li .item:hover,
#sub_wrap .program_wrap .regional_wrap .program_list ul li.active .item{
	background:#f1f1f1;
}
#sub_wrap .program_wrap .regional_wrap .program_list ul li .item .info .more:hover,
#sub_wrap .program_wrap .regional_wrap .program_list ul li.active .item .info .more{
	background:var(--purple);
	color:#fff;
}

#sub_wrap .program_wrap .regional_wrap .program_map{
	position:relative;
	height:80rem;
	width:50%;
}
#sub_wrap .program_wrap .regional_wrap .program_map .marker{
	position:absolute;
	left:50%;
	top:50%;
	z-index:15;
}
#sub_wrap .program_wrap .regional_wrap .program_map .marker.disable{
	filter: grayscale(100%) brightness(0);
}
#sub_wrap .program_wrap .regional_wrap .program_map iframe,
#sub_wrap .program_wrap .regional_wrap .program_map #map{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

@media(max-width:1199.98px){
	#sub_wrap .program_wrap .regional_wrap .program_list ul li .item {
		padding: 2.5rem 2rem;
	}
	#sub_wrap .program_wrap .regional_wrap .program_list ul li .item .thumb{
		width:14rem;
	}
	#sub_wrap .program_wrap .regional_wrap .program_list ul li .item .info{
		padding-left:2rem;
	}
	#sub_wrap .program_wrap .regional_wrap .program_list ul li .item .info h4{
		font-size:1.8rem;
	}
	#sub_wrap .program_wrap .regional_wrap .program_list ul li .item .info hr {
		margin: 1.5rem 0;
	}
	
	#sub_wrap .program_wrap .regional_wrap .program_list ul li .item .info .more {
		height: 4.5rem;
		width: 18rem;
	}
}
@media(max-width:991.98px){
	#sub_wrap .program_wrap .regional_wrap{
		flex-direction: column;
	}
	#sub_wrap .program_wrap .regional_wrap .program_map{
		order:-1;
		width:100%;
		height:35vh;
	}
	#sub_wrap .program_wrap .regional_wrap .program_list{
		width:100%;
		padding-right:0;
		margin-top:3rem;
	}
	#sub_wrap .program_wrap .regional_wrap .program_list h3{
		font-size:2.2rem;
	}
	@media (max-width: 1199.98px) {
		#sub_wrap .program_wrap .regional_wrap .program_list ul li .item .info hr {
			margin: 1rem 0;
		}
	}
}
@media(max-width:576.98px){
	#sub_wrap .program_wrap .regional_wrap .program_list ul li .item .thumb{
		width:12rem;
	}
	#sub_wrap .program_wrap .regional_wrap .program_list ul li .item .info h4{
		font-size:1.6rem;
	}
	#sub_wrap .program_wrap .regional_wrap .program_list ul{
		height:50vh;
	}
	#sub_wrap .program_wrap .regional_wrap .program_list ul li .item .info .more{
		width:auto;
		padding:0 1.2rem;
	}
}


/*program_view_wrap*/
.program_view_wrap .board_head{
	border-top:1px solid #222;
	border-bottom:1px solid #ddd;
	background:var(--purple);
	padding:2rem;
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.program_view_wrap .board_head h4{
	font-size:3rem;
	font-weight:700;
	margin-bottom:2.5rem;
	text-align:center;
}
.program_view_wrap .board_head .satats{
	display:flex;
	justify-content: center;
	font-size:1.5rem;
	color:#fff;
}
.program_view_wrap .board_head .satats > div{
	padding:0 2rem;
	display:flex;
	align-items: center;
	justify-content: center;
	gap:0 5px;
	line-height:1.6rem;
}
.program_view_wrap .board_head .satats > div + div{
	border-left:1px solid #ddd; 
}

.program_view_wrap .board_head .satats > div strong{
	color:#222;
	font-weight:600;
}
.program_view_wrap .board_contents{
	padding:0 2rem 5rem;
	text-align:center;
}
.program_view_wrap .board_contents .sec01 {margin: 10.5rem 0 5.5rem;}
.program_view_wrap .board_contents .sec01 li{text-align: left;}
.program_view_wrap .board_contents .sec01 li + li{margin-top: 4rem;}
.program_view_wrap .board_contents .sec01 h5{
	position: relative;
	padding-left: 1.5rem;
	font-size: 2.4rem;
	font-weight: bold;
}
.program_view_wrap .board_contents .sec01 h5::before{
	content: '';
	position: absolute;
	top: 50%; left: 0;
	transform: translateY(-50%);
	width: 6px; height: 2.2rem;
	background: var(--purple);
}
.program_view_wrap .board_contents .sec01 li div{
	margin-top: 1rem;
	padding: 2.5rem 3rem;
	border: 1px solid #222;
}
.program_view_wrap .board_contents .sec01 li dl,
.program_view_wrap .board_contents .sec02 li dl{
	display: flex; 
	font-size: 1.8rem;
	gap:0 
}
.program_view_wrap .board_contents .sec01 li dl + dl,
.program_view_wrap .board_contents .sec02 li dl + dl{margin-top: 1rem;}
.program_view_wrap .board_contents .sec01 li dt{
	position: relative;
	flex-shrink: 0;
	padding-left: 1rem;
	min-width: 18rem;
}
.program_view_wrap .board_contents .sec01 li dt::before{
	content: '';
	position: absolute;
	top: 1rem; left: 0;
	width: 5px; height: 5px;
	border-radius: 50%;
	background: var(--purple);
}
.program_view_wrap .board_contents .sec01 li > p,
.program_view_wrap .board_contents .sec01 li dd,
.program_view_wrap .board_contents .sec02 li dd{
	font-weight: 300;
	color: #555555;
}
.program_view_wrap .board_contents .sec01 li > p{
	margin-top: 2.5rem; 
	font-size: 1.8rem;
}
.program_view_wrap .board_contents .sec01 li > p span{
	display: flex;
	gap: 1rem;
}
.program_view_wrap .board_contents .sec01 li > p span b{
	flex-shrink: 1;
	color: #212529;
	font-weight: 600;
}
.program_view_wrap .board_contents .sec02{
	display: flex;
	align-items: center;
	gap: 7rem;
	padding: 4rem 3rem;
	background: #fbfbfb;
	border: 1px solid #dddddd;
	border-top: 2px solid #000000;
}
.program_view_wrap .board_contents .sec02 .img{
	flex-shrink: 0;
	width: 30rem;
}
.program_view_wrap .board_contents .sec02 .txt{
	width: 100%;
}
.program_view_wrap .board_contents .sec02 .txt dt{
	flex-shrink: 0;
	min-width: 13.5rem;
	display:flex;
}
.program_view_wrap .board_contents .sec02 .txt dt i{
	margin-right: 2rem;
	color: var(--purple);
	transform: translateY(4px);
}
.program_view_wrap .board_contents .sec02 .txt > div{
	display: flex;
	gap: 2rem;
}
.program_view_wrap .board_contents .sec02 .txt > div a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24.2rem; height: 5.4rem;
	font-size: 1.8rem;
	font-weight: 500;
	color: var(--purple);
	border: 1px solid var(--purple);
}
.program_view_wrap .board_contents .sec02 .txt > div a i{
	margin-left: 2rem;
	font-size: 2rem;
}
.program_view_wrap .board_contents .sec02 .txt > div a:hover{
	color:#fff;
	background: var(--purple);
}
.program_view_wrap .board_contents img{
	width:auto !important;
	height:auto !important;
	max-width:100% !important;
}
.program_view_wrap .board_contents .poster img{
	max-width: 500px !important;
	width: 100% !important;
}
.program_view_wrap .board_foot{
	display:flex;
	align-items: center;
	justify-content: center;
	border-top:1px solid #ddd;
	padding-top:6rem;
}
.program_view_wrap .board_foot a{
	border:1px solid #55a9eb;
	color:#fff;
	background:#55a9eb;
	width:20rem;
	height:7rem;
	display:flex;
	align-items: center;
	justify-content: center;
	font-size:2rem;
	font-weight:600;
}

.program_view_wrap .board_contents .sec01 li.other_informaiton > p{
	color: unset;
	font-weight: unset;
}
.program_view_wrap .board_contents .sec01 li.other_informaiton > p:not(:first-of-type){
	margin-top: 0;
}


@media(min-width:1199.98px){
	.program_view_wrap{max-width: 1230px;}
}
@media(max-width:1199.98px){
	.program_view_wrap .board_contents .sec02{gap: 4rem;}
	.program_view_wrap .board_contents .sec02 .txt dt i{margin-right: 1rem;}
}
@media(max-width:991.98px){
	.program_view_wrap .board_head h4{font-size:2.6rem;}
	.program_view_wrap .board_contents .sec01 {margin: 6rem 0 4rem;}
	.program_view_wrap .board_contents .sec02 {display: block; text-align: center !important;}
	.program_view_wrap .board_contents .sec02 .img{margin: 0 auto;}
	.program_view_wrap .board_contents .sec02 .txt ul{
		text-align: left;
		margin: 0 auto;
		max-width: 460px;
	}
	.program_view_wrap .board_contents .sec02 .txt > div {justify-content: center;}
}
@media(max-width:767.98px){
	.program_view_wrap .board_head {padding: 3rem 2rem;}
	.program_view_wrap .board_head h4{font-size:2rem;}
	.program_view_wrap .board_contents{padding:0 2rem 4rem;}
	.program_view_wrap .board_contents .sec01 {margin: 4rem 0 3rem;}
	.program_view_wrap .board_contents .sec01 li + li {margin-top: 3rem;}
	.program_view_wrap .board_contents .sec01 h5 {
		padding-left: 1.2rem;
		font-size: 2rem;
	}
	.program_view_wrap .board_contents .sec01 h5::before{
		width: 4px; height: 1.8rem;
	}
	.program_view_wrap .board_contents .sec01 li dt {min-width: 14rem;}
	.program_view_wrap .board_contents .sec01 li > p {
    margin-top: 1.5rem;
    font-size: 1.6rem;
	}
	.program_view_wrap .board_contents .sec02 {padding: 3rem 2rem;}
	.program_view_wrap .board_contents .sec01 li dl, 
	.program_view_wrap .board_contents .sec02 li dl {
    font-size: 1.6rem;
	}
	.program_view_wrap .board_contents .sec02 .txt dt {min-width: 10rem;}
	.program_view_wrap .board_contents .sec02 .txt > div{gap: 1rem;}
	.program_view_wrap .board_contents .sec02 .txt > div a {
		padding: 5px;
    width: 50%;
    height: 5rem;
    font-size: 1.6rem;
	}
	.program_view_wrap .board_contents .sec02 .txt > div a i {
    margin-left: 1rem;
    font-size: 1.8rem;
	}
	.program_view_wrap .board_foot {padding-top: 4rem;}
	.program_view_wrap .board_foot a{
		height:6rem;
		font-size:1.8rem;
	}
}
@media(max-width:400px){
	.program_view_wrap .board_contents .sec02 .txt > div{flex-wrap: wrap;}
	.program_view_wrap .board_contents .sec02 .txt > div a{width: 100%;}
}





/* festival */
.festival_wrap .calender{margin-bottom: 7.5rem;}
.festival_wrap .calender .date{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3.5rem;
	margin-bottom: 4rem;
	padding: 3.5rem 1rem;
	text-align: center;
	background: #ffe1e6;
	border-top: 2px solid #000;
}
.festival_wrap .calender .date p{
	font-size: 1.8rem;	
	font-weight: 600;
}
.festival_wrap .calender .date p b{
	display: block;
	line-height: 1.1;
	font-size: 6rem;
	font-weight: 900;
}
.festival_wrap .calender .date  button{
	margin: 0;
	padding: 0;
	width: 5rem; height: 5rem;
	line-height: 5rem;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 400;
	outline: none;
	background: none;
	border: 1px solid #000;
	border-radius: 50%;
}
.festival_wrap .calender table{
	margin: 0 auto;
	max-width: 780px;
}
.festival_wrap .calender .table_con th{
	padding: 2rem 5px;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 800;
	color: #fff;
	background: var(--purple);
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.festival_wrap .calender .table_con tr td:first-child,
.festival_wrap .calender .table_con tr th:first-child{border-left: 1px solid #000;}
.festival_wrap .calender .table_con tr td:last-child,
.festival_wrap .calender .table_con tr th:last-child{border-right: 1px solid #000;}
.festival_wrap .calender .table_con th span{
	display: block;
	line-height: 1.2;
	font-size: 1.5rem;
	font-weight: 400;
	color: #fff;
}
.festival_wrap .calender .table_con td {
	border: 1px solid #dddddd;
}
.festival_wrap .calender .table_con td div{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 10px;
	height: 10.5rem;
	font-size: 2rem;
	font-weight: 700;
}
.festival_wrap .calender .table_con tr td:first-child,
.festival_wrap .calender .table_con tr td:last-child{
	color: #f25e7d;
}
.festival_wrap .calender .table_con tr:last-child td{border-bottom-color: #000;}
.festival_wrap .calender .table_con tr td p{
	cursor: pointer;
	letter-spacing: -1px;
	font-size: 1.8rem;
	font-weight: 300;
	color: #555555;
}
.festival_wrap .calender .table_con tr td p b{
	color: var(--purple);
	font-weight: bold;
}
.festival_wrap .calender .table_con tr td p i{color: #000;}
.festival_wrap .calender .table_con tr td.active{
	position: relative;
	background: #f3ecfd;
}
.festival_wrap .calender .table_con tr td.active::after{
	content: '';
	z-index: 2;
	position: absolute;
	top: -1px; left: -1px;
	width: calc(100% + 2px); 
	height: calc(100% + 2px);
	border: 1px solid var(--purple);
}
.festival_wrap .festival_list > div{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 6rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid #dddddd;
}
.festival_wrap .festival_list > div p{
	font-weight: 300;
	color: #555;
}
.festival_wrap .festival_list > div p b{
	font-weight: bold;
	color: var(--purple);
}
.festival_wrap .festival_list > ul{
	display:flex;
	list-style:none;
	flex-wrap:wrap;
	padding:0;
	margin-left:-12px;
	margin-right:-12px;
}
.festival_wrap .festival_list > ul li{
	padding:0 12px;
	width:calc(100%/5);
	margin-bottom:8rem;
}
.festival_wrap .festival_list > ul > li > a {
	display:block;
	overflow:hidden;
	position:relative;
}
.festival_wrap .festival_list > ul > li > a:hover::after {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	box-sizing:border-box;
	border:4px solid var(--purple);
	z-index:10;
}
.festival_wrap .festival_list > ul > li .txt-box {
	position:relative;
	font-size:1.8rem;
	color:#444;
	letter-spacing:-0.4px;
}
.festival_wrap .festival_list > ul > li .txt-box .tit {
	position:relative;
	padding-top: 2rem;
	padding-bottom:1.5rem;
	border-bottom:1px solid #777777;
}
.festival_wrap .festival_list > ul > li .txt-box h3 {
	position:relative;
	font-size:2rem;
	font-weight:bold;
	line-height:1.4;
	color:#222;
	white-space:normal;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	height:6rem;
}
.festival_wrap .festival_list > ul > li .txt-box .day,
.festival_wrap .festival_list > ul > li .txt-box .loca {
	position:relative;
	font-size:1.4rem;
	color:#777777;
}
.festival_wrap .festival_list > ul > li .txt-box .day {
	margin:1.5rem 0 0.2rem;
}
.festival_wrap .festival_list > ul > li .txt-box .loca {
	padding-bottom: 1.5rem;
	font-weight: 300;
	border-bottom:1px solid #777777;
}
.festival_wrap .festival_list > ul .img{
	position: relative;
}
.festival_wrap .festival_list > ul .img:hover::after{
	content: '';
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	border: 5px solid var(--purple);
}
@media(max-width:1199.98px){
	.festival_wrap .festival_list > ul li {width: calc(100% / 3);}
}
@media (max-width: 991.98px) {
	.festival_wrap .calender{margin-bottom: 5rem;}
	.festival_wrap .calender .date{
		gap: 3rem;
		margin-bottom: 3rem;
		padding: 2.5rem 1rem;
	}
	.festival_wrap .calender .date p b{font-size: 5rem;}
	.festival_wrap .calender .table_con td div {padding: 10px 8px;}
	.festival_wrap .festival_list > div {margin-bottom: 4rem;}
	.festival_wrap .festival_list > ul li {margin-bottom: 6rem;}
}
@media(max-width:767.98px){
	.festival_wrap .calender{margin-bottom: 4rem;}
	.festival_wrap .calender .date{padding: 2rem 1rem;}
	.festival_wrap .calender .date p {font-size: 1.6rem;}
	.festival_wrap .calender .date p b{font-size: 4rem; line-height: 1.2;}
	.festival_wrap .calender .date button {
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
	}
	.festival_wrap .calender .table_con th {
    padding: 1rem 5px;
    font-size: 2rem;
	}
	.festival_wrap .calender .table_con th span {font-size: 1.4rem;}
	.festival_wrap .calender .table_con td div {
    padding: 5px;
		min-height: 8rem;
    height: auto;
    font-size: 1.8rem;
	}
	.festival_wrap .calender .table_con tr td p {font-size: 1.5rem;}

	.festival_wrap .festival_list > div {
		margin-bottom: 2.5rem;
		padding-bottom: 1rem;
	}

	.festival_wrap .festival_list > ul{
		margin-left:-5px;
		margin-right:-5px;
	}
	.festival_wrap .festival_list > ul li {
		width: calc(100% / 2);
		padding-left:5px;
		padding-right:5px;
		margin-bottom: 4rem;
	}
	.festival_wrap .festival_list > ul > li .txt-box .tit{
		padding-top: 1.5rem;
		padding-bottom:.5rem;
	}
	.festival_wrap .festival_list > ul > li .txt-box h3{
		font-size:1.6rem;
		height: 5rem;
	}
	.festival_wrap .festival_list > ul > li .txt-box .day {margin: 1rem 0 0.2rem;}
	.festival_wrap .festival_list > ul > li .txt-box .loca {padding-bottom: 1rem;}
}


.holiyday {color :#fb4c4c !important }







div.mails {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 80px;
	background: #fff;
	border: 1px solid #000000;
}
div.mails button {
	z-index: 10;
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin: 0;
	padding: 0;
	width: 80px; height: 80px;
	line-height: 80px;
	font-size:2rem;
	color: #000;
	background:transparent;
	border: none;
	outline: none;
	transform: translateY(-50%);
}
div.mails button#prev{left: 0;}
div.mails button#next{right: 0;}
button:hover {
	background-color: transparent;
}
ul.week {
	display: flex;
	list-style-type: none;
	padding: 0;
	margin: 0 10px;
	background: #fff;
	gap: 10px;
}
ul.week li {
	cursor: pointer;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px; 
	height: 80px;
	text-align: center;
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: 300;
	color: #000;
	background-color: #fff;
	flex-shrink: 0;
}
ul.week li div.overMonth {
	position: absolute;
	top: -30px;
	left : -11px;
	border: 1px solid #e6e6e6;
	background: #fff;
	color:#000;
	font-size: 12px;
	width: 60px;
	height: 24px;
	line-height: 22px;
	border-radius: 50px;
	text-align: center;
	display: none;
}
ul.week li:hover{background-color: #f1f1f1;}
ul.week li.on {
	font-weight: bold;
	background-color: #358acb !important;
	color: #fff !important;
}
ul.week li[data-day='SUN'] {
	color: #fb4c4c;
}
ul.week li[data-day='SAT'] {
	color: #4094f2;
}
@media (max-width:1600px) {
	ul.week {overflow: auto;}
	ul.week li {
		width: 70px; 
		height: 70px;
	}
}



/* 프로그램 대한민국 구석구석 (지역) 버튼 */
.tabArea_btn_box{
	display: flex;
	align-items: center;
	gap: 1rem;
}
.tabArea_btn{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 2rem;
	width: 24rem;
	height: 5rem;
	font-size: 1.6rem;
	color: #fff !important;
	background: var(--purple);
}
.tabArea_btn i{
	vertical-align: text-top;
	margin-left: 5px;
	font-size: 1.8rem;
}
@media (max-width:767.98px) {
	.tabArea_btn {
    padding: 0 1.5rem;
    width: 21rem;
	}
}
@media (max-width:575.98px) {
	.tabArea_btn_box{display: block;}
	.tabArea_btn{margin-bottom: 1rem; width: 100%;}
}



.intro_wrap .sec01{
	display: flex;
	gap: 3rem;
}
.intro_wrap .sec01 > img{
	width: 40rem;
	border: 1px solid #ddd
}
.intro_wrap .sec01 > div{
	padding:8.5rem 8rem 8rem 6rem;
	font-size: 2.2rem;
	font-weight: 300;
	color: #333333;
	background: #fff9ec;
}
.intro_wrap .sec01 > div > div{
	margin-top: 4rem;
	line-height: 1.35;
	letter-spacing: -.2px;
	height: 33rem;
	overflow-y: auto;
}

.intro_wrap .sec02 th,
.intro_wrap .sec02 td{
	padding: 1.5rem 3rem;
	vertical-align: middle;
	font-size: 2rem;
	border: 1px solid #000000;
}
.intro_wrap .sec02 th{
	text-align: center;
	color: #fff;
	background: var(--purple);
}
.intro_wrap .sec02 td{
	color: #555555;
	border-left: none;
}
@media (max-width:991.98px) {
	.intro_wrap .sec01{
		gap: 2rem;
		align-items: flex-start;
	}
	.intro_wrap .sec01 > img{width: 30rem;}
	.intro_wrap .sec01 > div{
		padding:4rem 3rem;
		font-size: 1.8rem;
	}
	.intro_wrap .sec01 > div img{width: 25rem;}
	.intro_wrap .sec01 > div > div{
		margin-top: 3rem;
		height: 27rem;
	}

	.intro_wrap .sec02 th,
	.intro_wrap .sec02 td{
		padding: 1.2rem 2rem;
		font-size: 1.8rem;
	}
}
@media (max-width:767.98px) {
	.intro_wrap .sec01{
		display: block;
		text-align: center;
	}
	.intro_wrap .sec01 > img{
		max-width: 270px;
		width: 100%;
	}
	.intro_wrap .sec01 > div{
		margin-top: 3rem;
		text-align: left;
		padding:3rem 2rem;
		font-size: 1.6rem;
	}
	.intro_wrap .sec01 > div img{width: 22rem;}
	.intro_wrap .sec01 > div > div{
		margin-top: 2rem;
		height: auto;
		overflow-y: unset;
	}

	.intro_wrap .sec02 th,
	.intro_wrap .sec02 td{
		padding: 1.2rem 1.5rem;
		font-size: 1.6rem;
	}
}




/* 사전예매완료 */
.finish_wrap{text-align: center;}
.finish_wrap .box{
	width:100%;
	max-width:700px;
	margin:0 auto;
	text-align: center;
	border:1px solid #ebebeb;
	border-top: 1px solid #000;
	padding:10rem 2rem;
}
.finish_wrap .txt1{
	margin-bottom: 4rem;
	font-size: 3rem;
	font-weight: 300;
	color: #222;
}
.finish_wrap .txt2{
	line-height: 1.8;
	font-size: 1.8rem;
	font-weight: 300;
	color: #666;
}
.finish_wrap .box b{font-weight: 700;}
.finish_wrap .box > div{margin-top: 3rem;}
.finish_wrap .box > div p{
	font-size: 1.6rem;
	font-weight: 800;
	color: #ea5413;
}
.finish_wrap a{
	display: block;
	margin: 0 auto;
	margin-top: 6rem;
	padding: 1.4rem 2.5rem;
	width: 14rem;
	font-size: 1.6rem;
	text-align: center;
	text-decoration: none;
	background: #222;
	border: 1px solid #222;
	color: #fff;
	border-radius: 3rem;
}
@media(max-width:991.98px){
	.finish_wrap .box{
		width:90%;
		padding:6rem 1.5rem;
	}
	.finish_wrap .box p{word-break:keep-all;}
}
@media(max-width:575.98px){
	.finish_wrap a{margin-top: 4rem;}
}



.info_wrap .sec01{
	position: relative;
	padding: 10.5rem 0 7rem;
	z-index: 1;
}
.info_wrap .sec01::after{
	content:"";
  z-index:-1;
	position:absolute;
  top:0;
	left:50%; right:50%;
	margin-left:-50vw;
	margin-right:-50vw;
	height:1px;
	background:#000;
}
.info_wrap .sec01 h4{
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-bottom: 3rem;
	font-size: 3.5rem;
	font-weight: 800;
}
.info_wrap .sec01 ul{
	display: flex;
	gap: 1.5rem;
}
.info_wrap .sec01 ul li{
	width: 100%;
	padding: 5.5rem 3.5rem;
	border: 1px solid #000;
}
.info_wrap .sec01 ul li .num{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 6rem; height: 6rem;
	margin-bottom: 2.5rem;
	font-size: 2.4rem;
	font-weight: bold;
	color: #fff;
	background: #55a9e9;
	border-radius: 50%;
}
.info_wrap .sec01 ul li dt{
	margin-bottom: 1rem;
	font-size: 2.2rem;
	font-weight: bold;
}
.info_wrap .sec01 ul li dd{
	line-height: 1.5;
	font-size: 1.8rem;
	color: #444444;
}
.info_wrap .sec01 ul li dd b{
	color: #55a9e9;
}
.info_wrap .sec01 ul li dd a{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	width: 16.2rem;
	height: 3.4rem;
	margin-top: 1.5rem;
	font-size: 1.4rem;
	font-weight: bold;
	color: #000;
	border: 2px solid #000;
	border-radius: 2rem;
}
.info_wrap .sec02 h5{
	position: relative;
	margin-bottom: 2.5rem;
	padding-left: 1.5rem;
	font-size: 2.4rem;
	font-weight: bold;
}
.info_wrap .sec02 h5::before{
	content: '';
	position: absolute;
	top: 50%; left: 0;
	transform: translateY(-50%);
	width: 6px; height: 2.2rem;
	background: #55a9e9;
}
.info_wrap .sec02 div + div{
	margin-top: 5rem;
	padding-top: 5rem;
	border-top: 1px dashed #cccccc;
}
.info_wrap .sec02 div > ul > li{
	position: relative;
	padding-left: 1.5rem;
	line-height: 1.8;
	font-size: 2rem;
	font-weight: 600;
	color: #444444;
}
.info_wrap .sec02 div > ul > li::before{
	content: '';
	position: absolute;
	top: 1.5rem; left: 0;
	width: 5px; height:5px;
	background: #55a9e9;
	border-radius: 50%;
}
.info_wrap .sec02 div > ul > li > ul{
	padding-left: 2.5rem;
	line-height: 1.7;
	font-size: 1.8rem;
	font-weight: 300;
}
.info_wrap .sec02 div > ul > li > ul > li{
	display: flex;
	align-items: flex-start;
	gap: 5px;
}
.info_wrap .sec02 div > ul > li > ul > li:not(.ex):before {
  content: "*";
}
.info_wrap .sec02 div > ul > li > ul > li.ex:before {
  content: "ex)";
}
@media (max-width:1199.98px) {
	.info_wrap .sec01 ul{flex-wrap: wrap; gap: 1rem;}
	.info_wrap .sec01 ul li{width: calc(50% - .5rem);}
}
@media (max-width:991.98px) {
	.info_wrap .sec01 {padding: 8rem 0 5rem;}
	.info_wrap .sec01 h4 {
    margin-bottom: 2.5rem;
    font-size: 3rem;
	}
	.info_wrap .sec01 h4 img{width: 8.5rem;}
	.info_wrap .sec01 ul li {padding: 4rem 3rem;}
	.info_wrap .sec01 ul li .num {
    width: 5rem;
    height: 5rem;
    margin-bottom: 2rem;
    font-size: 2rem;
	}
	.info_wrap .sec01 ul li dt{
		margin-bottom: .5rem;
		font-size: 1.8rem;
	}
	.info_wrap .sec01 ul li dd{font-size: 1.6rem;}
	.info_wrap .sec02 h5{
		margin-bottom: 2rem;
		font-size: 2rem;
	}
	.info_wrap .sec02 h5::before{
		width: 4px; height: 1.8rem;
	}
	.info_wrap .sec02 div + div{
		margin-top: 4rem;
		padding-top: 4rem;
	}
	.info_wrap .sec02 div > ul > li{font-size: 1.8rem;}
	.info_wrap .sec02 div > ul > li::before{
		top: 1.1rem;
	}
	.info_wrap .sec02 div > ul > li > ul{
		font-size: 1.6rem;
	}
}
@media (max-width:575.98px) {
	.info_wrap .sec01 {padding: 6rem 0 5rem;}
	.info_wrap .sec01 h4 {
    margin-bottom: 2rem;
    font-size: 2.5rem;
	}
	.info_wrap .sec01 h4 img{width: 8rem;}
	.info_wrap .sec01 ul li {
		width: 100%;
		padding: 3rem 2rem;
	}
	.info_wrap .sec01 ul li .num {
		width: 4rem;
		height: 4rem;
		margin-bottom: 1.5rem;
		font-size: 1.8rem;
	}
}


.download_btn{
	display: flex;
	width: 21rem;
	height: 5rem;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	color: #fff;
  background: var(--purple);
	border: 1px solid #55a8e8;
	border-radius: 5rem;
	font-weight: 600;
}
.download_btn:hover{color: #fff;}
@media (max-width: 991.98px) {
	.download_bx{width: 100%;}
	.download_btn {
		justify-content: center;
		text-align: center;
		line-height: 1.1;
	}
}
@media (max-width: 767.98px) {
}
@media (max-width: 575.98px) {
	.download_btn {
		height: 4.5rem;
		font-size: 1.4rem;
	}
}