/*
::selection {
	background-color:var(--pink);
	color:#fff;
}
*/

#main_container section {
	position:relative;
	overflow:hidden;
	box-sizing:border-box;
	padding:16rem 0;
}
#main_container .title {
	text-align:center;
	color:#fff;
}
#main_container .title h2 {
	font-size:8rem;
	font-weight:800;
}
#main_container .title p {
	margin-top:4rem;
	font-size:2.2rem;
	line-height:1.6;
}
#main_container .title p > a {
	color:#fff;
}
#main_container .title p .under {
	text-decoration:underline;
	text-underline-offset:5px;
}
#main_container .title2{
	font-size:4rem;
	font-weight:800;
}
@media (max-width: 991.98px) {
	#main_container section {
		padding:8rem 0;
	}
	#main_container .title h2 {
		font-size:4rem;
	}
	#main_container .title p {
		margin-top:2rem;
		font-size:1.8rem;
	}
	#main_container .title2{
	font-size:3rem;
}
}



#main_container .sec01 {
	/* height:120rem; */
	height: auto;
	background: #ed5eae;
	padding:0;
}

#main_container .sec01 .keyVisual {
	text-align:center;
	width:100%;
	height:100%;
	display:flex;
	align-items: center;
	justify-content: center;
	position:relative;
	z-index:2;
}
#main_container .sec01 .keyVisual .video_container{
	overflow:hidden;
	width:100%;
	max-width:2560px;
	aspect-ratio: 2560 / 1440;
	position:relative;
}
@media (max-width: 768px) {
	#main_container .sec01 .keyVisual .video_container {
		aspect-ratio: 1 / 1;
	}
}
/* #main_container .sec01 .keyVisual .video_container::before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:2px solid var(--pink);
	z-index:2;
} */
#main_container .sec01 .keyVisual .video_container video,
#main_container .sec01 .keyVisual .video_container img{
	width:100%;
	transform: scale(1.05);
}

/*
#main_container .sec01 .img {
	transition:all 0.5s ease-in-out;
	transform:scale(.85);
}
#main_container .sec01 .keyVisual  #canvas_keyvisual {
	display: block;
	background: transparent; 
}
#main_container .sec01 .txt {
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	padding-top:10rem;
	font-size:18rem;
	font-weight:600;
	color:#000;
	display:flex;
}
#main_container .sec01 .txt > ul {
	display:flex;
	align-items:center;
	flex-shrink:0;
	list-style:none;
	padding-left:0;
	animation:MoveLeft 60s infinite linear;
}
#main_container .sec01 .txt > ul > li {
	margin-right:4rem;
}
*/
@keyframes MoveLeft {
	0%{
		transform:translateX(0%);
		-webkit-transform:translateX(0%);
		-moz-transform:translateX(0%);
	}
	100%{
		transform:translateX(-100%);
		-webkit-transform:translateX(-100%);
		-moz-transform:translateX(-100%);
	}
}

@media(max-width:1440px){
	#header h1{
		left:1.5rem !important;
		transform: translateX(0) !important;
	}
	#main_container .sec01 .keyVisual  .canvas_container{
		width:90% !important;
		margin:0 auto;
	}
	#main_container .sec01 .keyVisual  #canvas_keyvisual {
		width:100% !important;
		height:auto !important;
	}
}
@media (max-width: 1199.98px) {
	#main_container .sec01 {
		/* height:92rem; */
	}
	#main_container .sec01 .img {
		padding-top:18rem;
	}
	#main_container .sec01 .img > img {
		max-width:46rem !important;
	}
	#main_container .sec01 .txt {
		font-size:12rem;
	}
}
@media (max-width: 991.98px) {
	#main_container .sec01 .img {
		padding-top:17rem;
	}
	#main_container .sec01 .keyVisual  .canvas_container{
		width:100% !important;
		margin:0 auto;
	}
}
@media (max-width: 767.98px) {
	#main_container .sec01 {
		/* height:68rem; */
	}
	#main_container .sec01 .img {
		padding-top:17rem;
	}
	#main_container .sec01 .img > img {
		max-width:30rem !important;
	}
	#main_container .sec01 .txt {
		font-size:6rem;
		padding-top:6rem;
	}
	#main_container .sec01 .txt > ul > li {
		margin-right:1.5rem;
	}
}
@media (max-width: 575.98px) {
	#main_container .sec01 {
		/* height:58rem; */
	}
	#main_container .sec01 .img {
		padding-top:12rem;
	}
	#main_container .sec01 .img > img {
		max-width:28rem !important;
	}
}



#main_container .sec02 h2::selection,
#main_container .sec02 p::selection,
#main_container .sec02 b::selection{
	background-color:var(--blue);
	color:#000;
}
#main_container .sec02 {
	background:var(--skyblue);
}
#main_container .sec02 .title{
	color:#000;
}
#main_container .sec02 .info_box{
	display:flex;
	gap:0 5rem;
	justify-content: center;
}
#main_container .sec02 .info_box > div{
	width:50%;
	max-width:60rem;
	border:5px solid #000;
	padding:10rem 3rem;
	text-align:center;
	background:#fff;
}
#main_container .sec02 .info_box > div:first-child{
	background:#9180e0;
	color:#fff;
}
#main_container .sec02 .info_box > div h4 i {
	transform: translateY(-45%);
	display:inline-block;
}
#main_container .sec02 .info_box > div:first-child h4 i{
	filter: brightness(0) invert(1);
}



#main_container .sec02 .info_box > div h4 i img{
	width:3rem;
	animation: rotate360 3s linear infinite;
}
@keyframes rotate360 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

#main_container .sec02 .info_box > div .desc{
	font-size:1.8rem;
	line-height:1.6;
}

@media (max-width: 1199.98px) {
	#main_container .sec02 .info_box{
		gap:0 3rem;
	}
	#main_container .sec02 .info_box > div {
		border: 4px solid #000;
		padding: 8rem 2rem;
	}
	#main_container .sec02 .info_box > div br{
		display:none;
	}
}
@media (max-width: 991.98px) {
	#main_container .sec02 .youtube-box {
		margin:4rem auto 0;
		border-radius:1rem;
	}
}
@media(max-width:767.98px){
	#main_container .sec02 .info_box{
		gap:3rem;
		flex-direction: column;
	}
	#main_container .sec02 .info_box > div{
		width:100%;
	}
}

#main_container .sec03 .container{
	max-width:1330px;
}
#main_container .sec03 .title {
	color:#666;
	margin-bottom:8rem
}
#main_container .sec03 .title h2 {
	color:#222;
}
#main_container .sec03 .title p {
	color:#222;
}
#main_container .sec03 .program-swiper{
	overflow:visible !important;
}
#main_container .sec03 .tabBox,
#main_container .sec03 .program-swiper .swiper-slide{
	position:relative;
	
}
#main_container .sec03 .program-swiper .swiper-slide{
	opacity:.3;
	filter:grayscale(100%);
}
#main_container .sec03 .program-swiper .swiper-slide.swiper-slide-active{
	opacity:1 !important;
	filter:grayscale(0);
}



#main_container .sec03 .program-swiper .swiper-slide::before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:5px solid #000;
	border-radius:3rem;
}
#main_container .sec03 .program-swiper .swiper-slide .box{
	display:block;
	display:flex;
	align-items: center;
}
#main_container .sec03 .program-swiper .swiper-slide .box > a{
	width:44rem;
	flex-shrink: 0;
	overflow:hidden;
	border-radius:2.5rem;
	position:relative;
	z-index:2;
	margin-left:-1px;
	margin: 4px;
}
#main_container .sec03 .program-swiper .swiper-slide .box .txt-box{
	position:relative;
	z-index:1;
	padding:2rem 8rem;
	width:100%;
}
#main_container .sec03 .program-swiper .swiper-slide .box .txt-box .cate{
	color:#ff124a;
	font-size:2.2rem;
	font-weight:500;
}
#main_container .sec03 .program-swiper .swiper-slide .box .txt-box .tit h3{
	font-size:3.6rem;
	font-weight:700;
	margin-top:1.5rem;
	margin-bottom:2rem;
}
#main_container .sec03 .program-swiper .swiper-slide .box .txt-box .info{
	display:flex;
	flex-direction: column;
	font-size:2.2rem;
	border-bottom:2px solid #ddd;
	padding-bottom:3rem ;
	margin-bottom:3rem;
}
#main_container .sec03 .program-swiper .swiper-slide .box .txt-box .info p{
	display:flex;
	gap:0 1rem;
}
#main_container .sec03 .program-swiper .swiper-slide .box .txt-box .info p + p{
	margin-top:1rem;
}
#main_container .sec03 .program-swiper .swiper-slide .box .txt-box .info p i{
	transform: scale(1.2) translateY(4px);

}
#main_container .sec03 .program-swiper .swiper-slide .box .txt-box .host{
	font-size:2.2rem;
	height: 8.75rem;
    overflow-y: auto;
}
#main_container .sec03 .program-swiper .swiper-slide .box .txt-box .btn-modal{
	display:flex;
	width:22rem;
	height:6rem;
	align-items: center;
	justify-content: space-between;
	padding:0 4rem;
	background:#ff124a;
	color:#fff;
	border-radius:1rem;
	margin-top:2rem;
	font-size:2.2rem;
}
#main_container .sec03 .program-swiper .swiper-slide .box .txt-box .btn-modal i{
	transform: rotate(-45deg);
}

#main_container .sec03  .program-next,
#main_container .sec03  .program-prev{
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	z-index:10;
	width:7rem;
	height:7rem;
	display:flex;
	align-items: center;
	justify-content: center;
	background:#000;
	border-radius:100%;
	color:#fff;
	font-size:2.2rem;
}
#main_container .sec03  .program-next{
	right:-3.5rem;
}
#main_container .sec03  .program-prev{
	left:-3.5rem;
}
@media(max-width:991.98px){
	#main_container .sec03 .program-swiper .swiper-slide::before{
		border:2px solid #000;
		border-radius:2rem;
	}
	#main_container .sec03 .program-swiper .swiper-slide .box > a {
		width: 34rem;
		border-radius: 2rem;
		margin: 2px;
	}
	#main_container .sec03 .program-swiper .swiper-slide .box .txt-box{
		padding:2rem 4rem;
	}
	#main_container .sec03 .program-swiper .swiper-slide .box .txt-box .tit h3{
		font-size:2.6rem;
	}
	#main_container .sec03 .program-swiper .swiper-slide .box .txt-box .cate,
	#main_container .sec03 .program-swiper .swiper-slide .box .txt-box .info,
	#main_container .sec03 .program-swiper .swiper-slide .box .txt-box .host,
	#main_container .sec03 .program-swiper .swiper-slide .box .txt-box .btn-modal{
		font-size:1.8rem;
	}
}

@media(max-width:767.98px){
	#main_container .sec03 .tabBox{
		padding-left:40px;
		padding-right:40px;
	}
	#main_container .sec03 .program-swiper .swiper-slide .box {
		display: flex;
		align-items: center;
		flex-direction: column;
	}
	#main_container .sec03 .program-swiper .swiper-slide .box > a{
		width:100%;
		padding: 0 2px;
	}
	#main_container .sec03 .program-swiper .swiper-slide .box .txt-box{
		padding:3rem;
	}
	#main_container .sec03  .program-next,
	#main_container .sec03  .program-prev{
		width:5rem;
		height:5rem;
		font-size:2rem;
	}
	#main_container .sec03  .program-next{
		right:-10px;
	}
	#main_container .sec03  .program-prev{
		left:-10px;
	}
	#main_container .sec03 .program-swiper .swiper-slide .box .txt-box .host{
		height: unset;
		overflow: unset;
	}
}






#main_container .sec04 {
	background:#878fff;
}
#main_container .sec04 .instar-wrap {
	position:relative;
	margin-top:8rem;
}
#main_container .sec04 .instar-swiper {}
#main_container .sec04 .instar-swiper .swiper-slide > a {
	display:block;
	position:relative;
}
#main_container .sec04 .instar-swiper .swiper-slide > a:hover:after {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	border:4px solid var(--red);
	border-radius:2rem;
}
#main_container .sec04 .instar-swiper .swiper-slide > a > .top > img,
#main_container .sec04 .instar-swiper .swiper-slide > a > .btm > img {
	width:100%;
}
#main_container .sec04 .instar-swiper .swiper-slide > a > .img {
	padding-bottom:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
#main_container .sec04 .instar-next,
#main_container .sec04 .instar-prev {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:7rem;
	height:7rem;
	border-radius:50%;
	background:#000;
	text-align:center;
	font-size:3rem;
	line-height:7rem;
	color:#fff;
	z-index:10;
}
#main_container .sec04 .instar-prev {
	left:-3.5rem;
}
#main_container .sec04 .instar-next {
	right:-3.5rem;
}
@media (max-width: 991.98px) {
	#main_container .sec04 .instar-wrap {
		margin-top:4rem;
	}
	#main_container .sec04 .instar-swiper .swiper-slide > a:hover:after {
		border:3px solid var(--red);
	}
	#main_container .sec04 .instar-next,
	#main_container .sec04 .instar-prev {
		width:5rem;
		height:5rem;
		font-size:2.4rem;
		line-height:5rem;
	}
	#main_container .sec04 .instar-prev {
		left:-1.5rem;
	}
	#main_container .sec04 .instar-next {
		right:-1.5rem;
	}
}
@media (max-width: 575.98px) {
	#main_container .sec04 .instar-prev,
	#main_container .sec04 .instar-next {
		display:none;
	}
}

#main_container .sec05 .title {
	text-align:center;
	color:#666;
}
#main_container .sec05 .title h2 {
	color:#222;
}
#main_container .sec05 .title p > a {
	color:#222;
}
#main_container .sec05 .row {
	margin-top:8rem;
}
#main_container .sec05 .row > div[class^='col-'] {
	margin-bottom:2rem;
}
#main_container .sec05 .row > div[class^='col-'] .box {
	box-sizing:border-box;
	border:1px solid #ccc;
	border-radius:2rem;
	padding:4rem;
	position:relative;
}
#main_container .sec05 .row > div[class^='col-'] .box dl > dt {
	position:relative;
	font-size:2.2rem;
	font-weight:600;
	color:#222;
	padding-right:6rem;
}
#main_container .sec05 .row > div[class^='col-'] .box dl > dt:after {
	content: "\e91a";
	font-family:"xeicon";
	font-size:3rem;
	color:#444;
	position:absolute;
	right:0;
	top:-8px;
}
#main_container .sec05 .row > div[class^='col-'] .box dl > dd {
	font-size:1.8rem;
	line-height:1.6;
	color:#444;
	margin-top:3rem;
	display:none;
}
#main_container .sec05 .row > div[class^='col-'] .box.on:after,
#main_container .sec05 .row > div[class^='col-'] .box:hover:after{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	border:3px solid var(--red);
	border-radius:2rem;
}
#main_container .sec05 .row > div[class^='col-'] .box.on dl > dt:after {
	content: "\e913";
}
@media (max-width: 991.98px) {
	#main_container .sec05 .row {
		margin-top:4rem;
	}
	#main_container .sec05 .row > div[class^='col-'] {
		margin-bottom:1rem;
	}
	#main_container .sec05 .row > div[class^='col-'] .box {
		border-radius:1.5rem;
		padding:3rem;
	}
	#main_container .sec05 .row > div[class^='col-'] .box dl > dt {
		font-size:2rem;
	}
	#main_container .sec05 .row > div[class^='col-'] .box dl > dt:after {
		font-size:2.4rem;
		top:-2px;
	}
	#main_container .sec05 .row > div[class^='col-'] .box dl > dd {
		line-height:1.4;
		margin-top:2rem;
	}
	#main_container .sec05 .row > div[class^='col-'] .box.on:after,
	#main_container .sec05 .row > div[class^='col-'] .box:hover:after{
		border:2px solid var(--pink);
		border-radius:1.5rem;
	}
}
@media (max-width: 575.98px) {
	#main_container .sec05 .row > div[class^='col-'] .box {
		padding:2rem;
	}
}

#main_container .sec06 {
	background:#111;
	padding-bottom:8rem;
}
#main_container .sec06 .flex {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
	margin-top:8rem;
}
#main_container .sec06 .flex > .in {
	width:33.3%;
	box-sizing:border-box;
	margin-bottom:5rem;
}
#main_container .sec06 .flex > .in > .img {
	filter: brightness(0) invert(100%);
	opacity:0.5;
	text-align:center;
	transition:all 0.3s ease;
}
#main_container .sec06 .flex > .in > .img:hover {
	opacity:0.9;
}
#main_container .sec06 .flex > .in > .img > a {
	display:block;
}

/* Preserve supplied logo details and blend dark pixels into the section background. */
#main_container .sec06 .flex > .in > .img--original {
	filter:none;
	mix-blend-mode:screen;
}
/* Blend the complete animated item so its logo background stays transparent. */
#main_container .sec06 .flex > .in--touring {
	mix-blend-mode:screen;
}

#main_container .sec06 .flex > .in > .img--touring img {
	filter:invert(1);
}

@media (min-width: 1200px) {
	#main_container .sec06 .flex > .in {
		width:25%;
		padding-left:2rem;
		padding-right:2rem;
	}
	#main_container .sec06 .in img {
		max-width:26rem !important;
	}
}

@media (max-width: 1199.98px) {
	#main_container .sec06 .flex > .in {
		padding-left:4rem;
		padding-right:4rem;
		margin-bottom:4rem;
	}
}
@media (max-width: 991.98px) {
	#main_container .sec06 {
		padding-bottom:4rem;
	}
	#main_container .sec06 .flex {
		margin-top:4rem;
	}
	#main_container .sec06 .flex > .in {
		width:33.3%;
	}
}
@media (max-width: 767.98px) {
	#main_container .sec06 .flex > .in {
		width:33.333%;
	}
}
@media (max-width: 575.98px) {
	#main_container .sec06 .flex > .in {
		width:50%;
		padding-left:2rem;
		padding-right:2rem;
		margin-bottom:3rem;
	}

}



#main_container .sec07 {
	padding-bottom:0;
}
#main_container .sec07 .row {
	align-items:center;
}
#main_container .sec07 .row > div[class^='col-'] .txt {
	box-sizing:border-box;
	padding-left:8rem;
}
#main_container .sec07 .row > div[class^='col-'] .txt h2 {
	font-size:4rem;
	font-weight:800;
	color:#222;
}
#main_container .sec07 .row > div[class^='col-'] .txt h2 > span {
	color:var(--red);
}
#main_container .sec07 .row > div[class^='col-'] .txt p {
	font-size:2.2rem;
	line-height:1.6;
	margin-top:2rem;
}
#main_container .sec07 .row > div[class^='col-'] .txt p .under {
	text-decoration:underline;
	text-underline-offset:5px;
}
#main_container .sec07 .row > div[class^='col-'] .txt .btn-program {
	display:inline-block;
	position:relative;
	margin-top:4rem;
	box-sizing:border-box;
	font-size:2.2rem;
	font-weight:500;
	text-align:center;
	background:var(--red);
	color:#fff;
	padding:1.6rem 4rem;
	border-radius:1rem;
}
#main_container .sec07 .row > div[class^='col-'] .txt .btn-program > i {
	margin-left:1rem;
	transform:rotate(-45deg);
	font-size:2.6rem;
	position:relative;
	top:2px;
}

@media (max-width: 1480px) {
	#main_container .sec07 .row > div[class^='col-'] .txt {
		padding-left:6rem;
	}
	#main_container .sec07 .row > div[class^='col-'] .txt h2 {
		font-size:5rem;
	}
}
@media (max-width: 1199.98px) {
	#main_container .sec07 .row > div[class^='col-'] .txt {
		padding-left:0;
		margin-top:4rem;
		text-align:center;
	}
}
@media (max-width: 991.98px) {
	#main_container .sec07 .row > div[class^='col-'] .txt h2 {
		font-size:3.6rem;
	}
	#main_container .sec07 .row > div[class^='col-'] .txt p {
		font-size:1.8rem;
		margin-top:1rem;
	}
	#main_container .sec07 .row > div[class^='col-'] .txt .btn-program {
		margin-top:2rem;
		font-size:1.8rem;
		padding:1.4rem 3.5rem;
		border-radius:1rem;
	}
	#main_container .sec07 .row > div[class^='col-'] .txt .btn-program > i {
		margin-left:0.5rem;
		font-size:2.2rem;
	}
}
@media (max-width: 575.98px) {
	#main_container .sec07 .row > div[class^='col-'] .img {
		box-sizing:border-box;
		padding:0 6rem;
	}
	#main_container .sec07 .row > div[class^='col-'] .txt h2 {
		font-size:3rem;
	}
}




/* 프로그램 모달 */
.modal-content {
	border:2px solid var(--pink);
	border-radius:1rem;
	cursor:default;
}
.modal-body {
	padding:0;
}
.program-modal {
	box-sizing:border-box;
	position:relative;
	padding:4rem;
}
.program-modal .close {
	font-size:3rem;
	opacity:0.6;
}
.program-modal .tit {
	font-size:2.6rem;
	font-weight:700;
	color:var(--pink);
	padding-right:6rem;
	padding-bottom:1rem;
	/* border-bottom:1px solid #ddd; */
	white-space:normal;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.program-modal .txt {
	margin-top:2rem;
	font-size:1.6rem;
	line-height:1.6;
	color:#444;
}
.program-modal .btnArea {
	margin-top:2rem;
	text-align:center;
}
.program-modal .btn-close {
	text-align:center;
	font-size:1.6rem;
	font-weight:600;
	color:#222;
	display:inline-block;
	box-sizing:border-box;
	padding:1rem;
	width:16rem;
	border:1px solid #222;
	border-radius:0.6rem;
	cursor:pointer;
}