/*
::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;
	background:var(--yellow);
	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 .img {
	transition:all 0.5s ease-in-out;
	transform:scale(.85);
}
#main_container .sec01 .keyVisual  #canvas_keyvisual {
	display: block;
	background: transparent; /* 투명 배경 */
}


#main_container .sec01 .img:hover {
	/*transform:scale(.95);*/
}
#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:#fff;
}
#main_container .sec02 {
	background:var(--pink);
}

#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:#8690ff;
	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 .title {
	color:#666;
}
#main_container .sec03 .title h2 {
	color:#222;
}
#main_container .sec03 .title p {
	color:#222;
}
#main_container .sec03 .tab {
	margin-top:4rem;
	display:flex;
	align-items:center;
	justify-content:center;
	list-style:none;
	padding-left:0;
}
#main_container .sec03 .tab div {
	width:auto !important;
}
#main_container .sec03 .tab div > a,
#main_container .sec03 .tab li > a {
	font-size:3rem;
	font-weight:700;
	color:#c6c6c6;
	box-sizing:border-box;
	margin:0 2rem;
	padding-bottom:2rem;
	position:relative;
}
#main_container .sec03 .tab div > a:after,
#main_container .sec03 .tab li > a:after {
	content:"";
	position:absolute;
	width:0;
	height:4px;
	background:#222;
	left:0;
	bottom:0;
	transition:all 0.3s;
}
#main_container .sec03 .tab div.on > a,
#main_container .sec03 .tab div > a:hover,
#main_container .sec03 .tab li > a:hover,
#main_container .sec03 .tab li.on > a {
	color:#222;
}
#main_container .sec03 .tab div.on > a,
#main_container .sec03 .tab div > a:hover,
#main_container .sec03 .tab li > a:hover:after,
#main_container .sec03 .tab li.on > a:after {
	width:100%;
}
#main_container .sec03 .tab div.on > a:before,
#main_container .sec03 .tab li.on > a:before{
	content:"";
	display:inline-block;
	width:2.4rem;
	height:2.4rem;
	background:url('../_img/main/tab_arrow.png') no-repeat center center / cover;
	margin-right:1rem;
}


#main_container .sec03 .tabBox {
	display:none;
	position:relative;
	margin-top:8rem;
	box-sizing:border-box;
	padding:0 0.2rem;
}
#main_container .sec03 .tabBox .noData {
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	font-size:1.8rem;
	color:#ccc;
	height:20rem;
}

#main_container .sec03 .program-swiper .swiper-slide > a {
	display:block;
	border-radius:2rem;
	overflow:hidden;
	position:relative;
	padding-top:130%;
}
#main_container .sec03 .program-swiper .swiper-slide > a .img{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
#main_container .sec03 .program-swiper .swiper-slide > a .img img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
}

#main_container .sec03 .program-swiper .swiper-slide > a:hover:after {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	box-sizing:border-box;
	border:4px solid var(--red);
	z-index:10;
	border-radius:2rem;
}
#main_container .sec03 .program-swiper .swiper-slide .txt-box {
	position:relative;
	font-size:1.8rem;
	color:#444;
	letter-spacing:-0.4px;
}
#main_container .sec03 .program-swiper .swiper-slide .txt-box .cate {
	display:block;
	margin-top:2rem;
	font-size:1.8rem;
	font-weight:600;
	color:var(--red);
}
#main_container .sec03 .program-swiper .swiper-slide .txt-box h3 {
	position:relative;
	margin-top:1rem;
	font-size:2rem;
	font-weight:600;
	line-height:1.4;
	color:#222;
	white-space:normal;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	height:6rem;
}
#main_container .sec03 .program-swiper .swiper-slide .txt-box h3.over {
	-webkit-line-clamp:5;
	height:auto;
}
#main_container .sec03 .program-swiper .swiper-slide .txt-box .day,
#main_container .sec03 .program-swiper .swiper-slide .txt-box .loca {
	position:relative;
	padding-left:3rem;
	min-height:5.4rem;
}
#main_container .sec03 .program-swiper .swiper-slide .txt-box .day > i,
#main_container .sec03 .program-swiper .swiper-slide .txt-box .loca > i{
	font-size:2.2rem;
	color:#222;
	position:absolute;
	left:0;
	top:3px;
	margin-right:1rem;
}
#main_container .sec03 .program-swiper .swiper-slide .txt-box .day {
	margin:1rem 0 0.2rem;
}
#main_container .sec03 .program-swiper .swiper-slide .txt-box .loca {
	
}
#main_container .sec03 .program-swiper .swiper-slide .txt-box .tit {
	position:relative;
	padding-bottom:3rem;
}
#main_container .sec03 .program-swiper .swiper-slide .txt-box .btn-more,
#main_container .sec03 .program-swiper .swiper-slide .txt-box .btn-more2 {
	position:absolute;
	left:0;
	bottom:0;
	display:inline-block;
	padding-right:2rem;
	font-size:1.5rem;
	color:#444;
}
#main_container .sec03 .program-swiper .swiper-slide .txt-box .btn-more:before,
#main_container .sec03 .program-swiper .swiper-slide .txt-box .btn-more2:before {
	content: "\e942";
	font-family:"xeicon";
	position:absolute;
	right:0;
	top:2px;
}
#main_container .sec03 .program-swiper .swiper-slide .txt-box .btn-more.over:before,
#main_container .sec03 .program-swiper .swiper-slide .txt-box .btn-more2.over:before {
	content: "\e945";
}
#main_container .sec03 .program-swiper .swiper-slide .txt-box .btn-more2{
	display:none;
}


#main_container .sec03 .program-swiper .swiper-slide .txt-box .host {
	position:relative;
	padding-bottom:2.5rem;
}
#main_container .sec03 .program-swiper .swiper-slide .txt-box .host p{
	/*
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;*/
	margin-top:1rem;
	padding-top:2rem;
	border-top:1px solid #ccc;
	font-size:1.6rem;
	font-weight:600;
	color:#444;
}
#main_container .sec03 .program-swiper .swiper-slide .txt-box .btn-modal {
	display:block;
	margin-top:2rem;
	text-align:center;
	font-size:1.6rem;
	border:1px solid var(--red);
	color:var(--red);
	border-radius:1rem;
	box-sizing:border-box;
	padding:1.2rem;
}
#main_container .sec03 .program-swiper .swiper-slide .txt-box .btn-modal:hover {
	background:var(--red);
	color:#fff;
}
#main_container .sec03 .program-next,
#main_container .sec03 .program-prev {
	position:absolute;
	top:15rem;
	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 .sec03 .program-prev {
	left:-3.5rem;
}
#main_container .sec03 .program-next {
	right:-3.5rem;
}

@media (max-width: 991.98px) {
	#main_container .sec03 .tab {
		margin-top:2rem;
		justify-content:unset;
	}
	#main_container .sec03 .tab div > a,
	#main_container .sec03 .tab li > a {
		font-size:2rem;
		margin:0 1rem;
		padding-bottom:1.5rem;
	}
	#main_container .sec03 .tab div > a:after,
	#main_container .sec03 .tab li > a:after {
		height:3px;
	}
	#main_container .sec03 .tab div.on > a:before,
	#main_container .sec03 .tab li.on > a:before{
		width:1.4rem;
		height:1.4rem;
	}
	#main_container .sec03 .tabBox {
		margin-top:4rem;
	}
	#main_container .sec03 .tabBox .noData {
		height:14rem;
	}

	#main_container .sec03 .program-swiper .swiper-slide > a {
		border-radius:2.4rem;
	}
	#main_container .sec03 .program-swiper .swiper-slide > a:hover:after {
		border:3px solid var(--pink);
		border-radius:2.4rem;
	}
	#main_container .sec03 .program-next,
	#main_container .sec03 .program-prev {
		top:23rem;
		width:5rem;
		height:5rem;
		font-size:2.4rem;
		line-height:5rem;
	}
	#main_container .sec03 .program-prev {
		left:-1.5rem;
	}
	#main_container .sec03 .program-next {
		right:-1.5rem;
	}
}
@media (max-width: 767.98px) {
	#main_container .sec03 .program-next,
	#main_container .sec03 .program-prev {
		top:17rem;
	}
}
@media (max-width: 575.98px) {
	#main_container .sec03 .program-next,
	#main_container .sec03 .program-prev {
		display:none;
	}
}


#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:25%;
	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;
}

@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:25%;
	}
}
@media (max-width: 767.98px) {
	#main_container .sec06 .flex > .in {
		width:33.333%;
	}
}
@media (max-width: 575.98px) {
	#main_container .sec06 .flex > .in {
		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;
}