@charset "utf-8";
/* CSS Document */
 html {
	 overflow-x: hidden;
}
 html.hide-scrollbar {
	 -ms-overflow-style: none;
	 scrollbar-width: none;
}
 html.hide-scrollbar::-webkit-scrollbar {
	 display: none;
}
 html.scrolling-locked {
	 overflow: hidden;
}
 .wrap {
	 max-width: none;
	 padding: 0;
}
 h2 {
	 font-size: 2.625rem;
	 font-weight: 700;
	 letter-spacing: -0.84px;
}
 .topbanner_wrap {
	 text-align: center;
	 position: relative;
	 height: auto;
	 width: 100%;
	 top: 0;
	 left: 0;
	 z-index: 5;
	 line-height: 1;
	 border-bottom: 1px solid var(--gray-300-color);
	 overflow: hidden;
}
 .topbanner_wrap .banner_btn button.btn_close:after {
	 content: "\e646";
	 width: 28px;
	 height: 28px;
	 font-family: 'spo' !important;
	 speak: none;
	 font-style: normal;
	 font-weight: normal;
	 font-variant: normal;
	 text-transform: none;
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
	 display: block;
	 box-sizing: border-box;
	 color: #000;
	 font-size: 1rem !important;
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .topbanner_wrap .banner_btn {
	 position: absolute;
	 left: 50%;
	 bottom: 0.25rem;
	 z-index: 2;
	 max-width: var(--area-width);
	 width: 100%;
	 transform: translate(-50%, 0);
	 display: flex;
	 justify-content: flex-end;
	 gap: 0.5rem;
}
 .topbanner_wrap .play_pause, .topbanner_wrap .close_g {
	 background: rgba(255, 255, 255, 0.83);
	 border-radius: 0.25rem;
	 padding: 0.25rem 1rem;
	 display: flex;
	 align-items: center;
	 gap: 0.25rem;
	 white-space: nowrap;
}
 .topbanner_wrap .banner_btn .chk {
	 color: rgba(0, 0, 0, 1);
	 font-size: 0.9rem;
	 display: flex;
	 align-items: center;
	 gap: 0.2rem;
}
 .topbanner_wrap .swiper-button-next:after, .topbanner_wrap .swiper-button-prev:after, .topbanner_wrap .swiper-button-pause, .topbanner_wrap .swiper-button-play {
	 font-size: 1rem !important;
	 background-size: 16px !important;
}
 .topbanner_wrap button {
	 border: none;
}
 .topbanner_wrap .swiper-slide {
	 height: auto;
	 align-content: center;
	 max-height: 150px;
	 overflow: hidden;
	 min-height: 65px;
}
 .topbanner_wrap .noImg {
	 background-size: auto max(40%, 20px);
	 background-color: rgba(255, 255, 255, 1);
}
 @media only screen and (max-width: 1023px) {
	 .topbanner_wrap .banner_btn {
		 width: auto;
		 right: 4px;
		 transform: none;
	}
	 .topbanner_wrap .play_pause {
		 display: none;
	}
	 .topbanner_wrap .close_g {
		 padding: 4px;
	}
	 .topbanner_wrap .chk input + span, .topbanner_wrap .chk {
		 min-height: 28px;
	}
	 h2 {
		 font-size: 1.5rem !important;
	}
}
 @media only screen and (max-width: 460px) {
	 .topbanner_wrap .banner_btn .chk {
		 display: none;
	}
}
/* 탑 정의 */
 @media only screen and (min-width: 1024px) {
	 .wrap:not(.fixed) header.top {
		 background: none;
	}
	 header.top.sb_on {
		 background: #fff !important;
	}
	 .wrap.darknav:not(.fixed) header.top:not(.sb_on) h1 .spo_logo, .wrap.darknav:not(.fixed) header.top:not(.sb_on) h1 .special_logo {
		 filter: contrast(0) brightness(30);
	}
	 .wrap.darknav:not(.fixed) header.top:not(.sb_on) .hg_main > li > a, .wrap.darknav:not(.fixed) header.top:not(.sb_on) .hg_main > li > a > strong {
		 color: #fff;
	}
	 .wrap.darknav:not(.fixed) header.top:not(.sb_on) .btn_lang {
		 background: rgba(255, 255, 255, 0.21);
	}
	 .wrap.darknav:not(.fixed) header.top:not(.sb_on) .btn_lang button.lang_off {
		 color: #fff;
	}
	 .wrap.darknav:not(.fixed) header.top:not(.sb_on) .h_utility button:before {
		 filter: contrast(0) brightness(1.5);
	}
	 .wrap.darknav:not(.fixed) header.top:not(.sb_on) .h_gnb .hg_btn .open_line {
		 background: #fff;
	}
	 .wrap.darknav:not(.fixed) header.top:not(.sb_on) .hg_main2:before {
		 background: #fff;
		 opacity: 0.5;
	}
}
 .main_w > .container {
	 position: relative;
	 left: 0;
	 top: 0px;
}
 #content {
	 max-width: none;
	 width: 100%;
	 background: #fff;
	 border-radius: 80px;
	 padding-top: 60px;
}
 .mainvisual {
	 max-width: 100vw;
	 overflow: hidden;
	 position: relative;
	 width: 100%;
	 height: 100vh;
	 min-height: 800px;
	 margin-top: -90px;
	/* .swiper-slide.fullsize{
		 padding-top: 0;
		 min-height: 100vh;
	}
	 */
	/* @media only screen and (min-aspect-ratio:5/5.6) and (min-height:800px){
		 .img-box img, .img-box video{
			 object-fit: cover;
			 max-width: none;
		}
	}
	 */
	/* .swiper-slide.fullsize .txt{
		 display: flex;
		 flex-direction: column;
		 align-items: flex-end;
		 text-align: right;
	}
	 */
	/*카운터 및 이동 css*/
	/*프로그레스바 css*/
	/* stroke-dashoffset은 선의 테두리가 얼마나 이동하는지 결정 progress라는 변수를 사용하여 계산되어진 값이 들어감 100은전체길이 stroke-dasharray는 선의 테두리를 구성하는 선 조각의 길이를 설정 전체길이가 100 */
}
 .mainvisual .swiper-slide {
	 position: relative;
	 padding-top: 0px;
	 height: unset;
}
 .mainvisual .txt-box {
	 position: absolute;
	 top: 0;
	 left: 50%;
	 text-align: left;
	 width: 100%;
	 max-width: 1520px;
	 transform: translate(-50%, 0%);
	 z-index: 10;
	 padding: 0 40px;
	 height: 100%;
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 padding-bottom: 60px;
	 min-height: 430px;
}
 .mainvisual .txt, .mainvisual .num {
	 width: 100%;
	 max-width: var(--area-width);
	 color: var(--white-color);
	 margin: 0 auto;
}
 .mainvisual .black {
	 color: var(--black-color);
}
 .mainvisual .txt > h3 {
	 word-break: keep-all;
	 transform: translateY(20px);
	 opacity: 0;
	 transition: 1s 0.2s;
	 margin: 16px 0 28px;
	 width: 60%;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 display: -webkit-box;
	 -webkit-line-clamp: 3;
	 -webkit-box-orient: vertical;
}
 .mainvisual .txt > h3 strong {
	 display: block;
}
 .mainvisual .txt > p {
	 transform: translateY(20px);
	 opacity: 0;
	 word-break: keep-all;
	 transition: 1s 0.4s;
	 margin: 0px;
	 line-height: 36px;
	 width: 640px;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 display: -webkit-box;
	 -webkit-line-clamp: 2;
	 -webkit-box-orient: vertical;
	 display: flex;
	 flex-direction: column;
}
 .mainvisual .txt > p > span {
	 display: block;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 display: -webkit-box;
	 -webkit-line-clamp: 2;
	 -webkit-box-orient: vertical;
}
 .mainvisual .default .txt {
	 text-align: center;
}
 .mainvisual .default .txt > h3 {
	 -webkit-line-clamp: 5;
	 font-size: 4rem;
	 margin: 0 auto 30px auto;
	 line-height: 1.24;
	 transform: translateY(0px);
	 transition: none;
	 opacity: 1;
	 width: 100%;
}
 .mainvisual .default .txt > h3 span {
	 display: block;
	 font-size: 4rem;
	 margin: 0 auto 0px auto;
	 line-height: 1.24;
	 transform: translateY(40px);
	 opacity: 0;
	 transition: 0.8s 0.2s ease;
}
 .mainvisual .default .txt > h3 span.sbtit {
	 font-size: 1.62rem;
	 display: inline-flex;
	 padding: 1rem 2rem;
	 color: var(--main-color);
	 border-radius: 80px;
	 background: #000;
	 margin-bottom: 1rem;
	 transform: translateY(40px);
	 opacity: 0;
	 transition: 0.8s 0.4s ease;
}
 .mainvisual .default .txt > h3 strong {
	 transform: translateY(40px);
	 opacity: 0;
	 transition: 0.8s 0.6s ease;
}
 .mainvisual .default .txt > p {
	 font-size: 1.5rem;
	 margin: 0 auto;
	 transform: translateY(40px);
	 opacity: 0;
	 transition: 1s 0.8s ease-out;
}
 .mainvisual .sponsor {
	 transform: translateY(20px);
	 opacity: 0;
	 transition: 1s 0.4s;
	 display: flex;
	 align-items: center;
	 position: absolute !important;
	 left: 3rem;
	 top: 120px;
	 z-index: 3;
	 max-height: 48px;
}
 .mainvisual .sponsor.noImg {
	 background-size: auto 50%;
	 background-position: right;
}
 .mainvisual .sponsor img {
	 max-height: 48px;
}
 .mainvisual .swiper-slide-active .txt > h3, .mainvisual .swiper-slide-active .txt > p, .mainvisual .swiper-slide-active .sponsor, .mainvisual .swiper-slide-active.default .txt > h3 span, .mainvisual .swiper-slide-active.default .txt > p, .mainvisual .swiper-slide-active.default .txt > h3 strong {
	 transform: translateY(0);
	 opacity: 1;
}
 .mainvisual .img-box {
	 display: block;
	 width: 100%;
	 overflow: hidden;
	 text-align: right;
	 align-content: flex-end;
	 justify-content: flex-end;
	 line-height: 0;
	 padding-left: 30%;
	 height: 100vh;
}
 .mainvisual .swiper-slide.fullsize .img-box {
	 padding-left: 0;
}
 .mainvisual .img-box.noImg {
	 background: none;
}
 .mainvisual .img-box.noImg:before {
	 content: "";
	 display: block;
	 width: 100%;
	 height: 100%;
	 background: url("../img/logo_spo.svg") no-repeat 50% 50%;
	 background-size: max(30%, 150px);
	 left: auto;
	 right: 0;
}
 .mainvisual .img-box img, .mainvisual .img-box.noImg:before, .mainvisual .img-box video {
	 transform: scale(1.05);
	 transition: 1.5s 0.1s;
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
	 max-width: 1180px;
}
 .mainvisual .swiper-slide.fullsize .img-box img, .mainvisual .swiper-slide.fullsize .img-box video {
	 max-width: none;
}
 @media only screen and (min-width: 2000px) {
	 .mainvisual .img-box img, .mainvisual .img-box video {
		 object-fit: cover;
		 max-width: none;
	}
}
 .mainvisual .img-background {
	 width: 100%;
	 height: 100%;
	 display: inline-block;
	 position: absolute;
	 top: 0;
	 left: 0;
	 z-index: -1;
}
 .mainvisual .swiper-slide-active .img-box img, .mainvisual .swiper-slide-active .img-box video {
	 transform: scale(1);
}
 .mainvisual .btn-box {
	 display: flex;
	 align-items: flex-start;
	 justify-content: flex-start;
	 gap: 28px 12px;
	 padding-top: 28px;
	 flex-wrap: wrap;
	 max-width: 348px;
}
 .mainvisual .btn-box .button-text-type01 {
	 padding-right: 32px;
	 background-position: 100% 50%;
	 font-size: 1.15rem;
	 font-weight: 600;
	 transition: 0.3s;
	 color: #fff;
	 min-width: 140px;
	 text-align: left;
	 justify-content: flex-start;
}
 .mainvisual .btn-box .button-text-type01::before {
	 background: #fff;
}
 .mainvisual .txt:not(.black) .btn-box .ico-go {
	 background: var(--black-color) url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 6L20 12L14 18' stroke='%23ffffff' stroke-width='1.5'/%3E%3Cpath d='M20 12H5' stroke='%23ffffff' stroke-width='1.5'/%3E%3C/svg%3E%0A") no-repeat right 0px top 50%;
	 transition: 0.4s 0.2s;
}
 .mainvisual .txt:not(.black) .btn-box .ico-go:hover, .mainvisual .txt:not(.black) .btn-box .ico-go:focus {
	 padding: 0 46px 0 12px;
	 background: #fff url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 6L20 12L14 18' stroke='%23000' stroke-width='1.5'/%3E%3Cpath d='M20 12H5' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E%0A") no-repeat right 12px top 50%;
	 transition: 0.4s 0.2s;
	 color: var(--white-color);
	 color: #000;
}
 .mainvisual .txt:not(.black) .btn-box .ico-ticket {
	 background: var(--black-color) url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.25 9.0625H21.1364C19.5205 9.0625 18.2273 10.3869 18.2273 12C18.2273 13.6131 19.5205 14.9375 21.1364 14.9375H21.25V18.25H3.75V14.9375H3.86364C5.4795 14.9375 6.77273 13.6131 6.77273 12C6.77273 10.3869 5.4795 9.0625 3.86364 9.0625H3.75V5.75H21.25V9.0625Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 5V8' stroke='%23ffffff' stroke-width='1.5'/%3E%3Cpath d='M15 10V13' stroke='%23ffffff' stroke-width='1.5'/%3E%3Cpath d='M15 15V18' stroke='%23ffffff' stroke-width='1.5'/%3E%3C/svg%3E%0A") no-repeat right 0px top 50%;
	 transition: 0.4s 0.2s;
}
 .mainvisual .txt:not(.black) .btn-box .ico-ticket:hover, .mainvisual .txt:not(.black) .btn-box .ico-ticket:focus {
	 padding: 0 46px 0 12px;
	 background: #fff url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.25 9.0625H21.1364C19.5205 9.0625 18.2273 10.3869 18.2273 12C18.2273 13.6131 19.5205 14.9375 21.1364 14.9375H21.25V18.25H3.75V14.9375H3.86364C5.4795 14.9375 6.77273 13.6131 6.77273 12C6.77273 10.3869 5.4795 9.0625 3.86364 9.0625H3.75V5.75H21.25V9.0625Z' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 5V8' stroke='%23000000' stroke-width='1.5'/%3E%3Cpath d='M15 10V13' stroke='%23000000' stroke-width='1.5'/%3E%3Cpath d='M15 15V18' stroke='%23000000' stroke-width='1.5'/%3E%3C/svg%3E%0A") no-repeat right 12px top 50%;
	 transition: 0.4s 0.2s;
	 color: #000;
}
 .mainvisual .txt.black .btn-box .button-text-type01 {
	 color: #000;
}
 .mainvisual .txt.black .button-text-type01::before {
	 background: var(--black-color);
}
 .mainvisual .txt.black .btn-box .ico-go:hover, .mainvisual .txt.black .btn-box .ico-go:focus {
	 padding: 0 46px 0 12px;
	 background: var(--black-color) url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 6L20 12L14 18' stroke='%23ffffff' stroke-width='1.5'/%3E%3Cpath d='M20 12H5' stroke='%23ffffff' stroke-width='1.5'/%3E%3C/svg%3E%0A") no-repeat right 12px top 50%;
	 transition: 0.4s 0.2s;
	 color: var(--white-color);
}
 .mainvisual .txt.black .btn-box .ico-ticket:hover, .mainvisual .txt.black .btn-box .ico-ticket:focus {
	 padding: 0 46px 0 12px;
	 background: #fff url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.25 9.0625H21.1364C19.5205 9.0625 18.2273 10.3869 18.2273 12C18.2273 13.6131 19.5205 14.9375 21.1364 14.9375H21.25V18.25H3.75V14.9375H3.86364C5.4795 14.9375 6.77273 13.6131 6.77273 12C6.77273 10.3869 5.4795 9.0625 3.86364 9.0625H3.75V5.75H21.25V9.0625Z' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 5V8' stroke='%23000000' stroke-width='1.5'/%3E%3Cpath d='M15 10V13' stroke='%23000000' stroke-width='1.5'/%3E%3Cpath d='M15 15V18' stroke='%23000000' stroke-width='1.5'/%3E%3C/svg%3E%0A") no-repeat right 12px top 50%;
	 transition: 0.4s 0.2s;
	 color: #000;
}
 .mainvisual .all-box {
	 position: absolute;
	 bottom: 60px;
	 left: 50%;
	 text-align: left;
	 width: 100%;
	 max-width: 1520px;
	 transform: translate(-50%, -60%);
	 z-index: 10;
	 padding: 0 40px;
}
 .mainvisual .all-box .num {
	 display: flex;
	 align-items: center;
	 justify-content: flex-start;
	 gap: 8px;
}
 .mainvisual .all-box .num > div {
	 transition: 0.3s;
	 min-width: 44px;
	 height: 44px;
	 border-radius: 50px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 z-index: 11;
	 background: rgba(0, 0, 0, 0.05);
}
 .mainvisual .all-box .num-box {
	 position: relative;
	 width: 76px;
}
 .mainvisual .all-box .swiper-pagination {
	 position: static;
	 text-align: left;
	 height: 100%;
	 color: #000;
}
 .mainvisual .all-box .swiper-pagination .total {
	 color: rgba(0, 0, 0, 0.5);
}
 .mainvisual .all-box .arrow-box {
	 position: relative;
	 width: 88px;
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 gap: 8px;
}
 .mainvisual .all-box .swiper-button-next:after, .mainvisual .all-box .swiper-button-prev:after {
	 color: #000;
}
 .mainvisual .all-box .play-pause button {
	 filter: none;
}
 .mainvisual .autoplay-progress {
	 position: absolute;
	 left: 0;
	 bottom: 0;
	 z-index: 10;
	 width: 100%;
	 height: 4px;
	 background-color: var(--gray-900-color);
}
 .mainvisual .autoplay-progress svg {
	 --progress: 0;
	 position: absolute;
	 left: 0;
	 top: 0;
	 z-index: 10;
	 width: 100%;
	 height: auto;
	 stroke-width: 4px;
	 stroke: var(--main-color);
	 fill: none;
	 stroke-dashoffset: calc(100 * (1 - var(--progress)));
	 stroke-dasharray: 100;
}
 .wrap.darknav .mainvisual .swiper-pagination {
	 color: rgba(255, 255, 255, 1);
}
 .wrap.darknav .mainvisual .swiper-pagination .total {
	 color: rgba(255, 255, 255, 0.5);
}
 .wrap.darknav .mainvisual .num > div {
	 background: rgba(255, 255, 255, 0.1);
}
 .wrap.darknav .mainvisual .play-pause button {
	 filter: contrast(0.5) brightness(300);
}
 .wrap.darknav .mainvisual .swiper-button-next:after, .wrap.darknav .mainvisual .swiper-button-prev:after {
	 color: #fff;
}
 .main_w {
	 display: flex;
	 gap: 0px;
	 flex-direction: column;
}
 .content {
	 gap: 60px;
	 max-width: 1520px;
	 padding: 0 40px;
}
 .content article {
	 max-width: var(--area-width);
	 margin: 0 auto;
	 position: relative;
	 width: 100%;
	 display: flex;
	 flex-direction: column;
	 gap: 28px;
}
 .content article:not(.sponsor_w):not(.banner_pkg_w) {
	 min-height: min(100vh, 700px);
	 justify-content: center;
}
 @media all and (max-width: 1100px) {
	 .content article {
		 min-height: auto !important;
	}
}
/* .main_w > .container .mainvisual,.main_w > .container{
	transition: all 0.3s ease-in-out;
	position: relative;
	 background: #fff 
}
 .main_w > .container.fadeout{
	 padding: 40px 40px 40px 40px;
	 height: calc(100vh - 80px);
}
 .main_w > .container.fadeout .mainvisual {
}
 .main_w > .container.fadeout .mainvisual .swiper-slide {
}
 */
 .cover_dim {
	 position: absolute;
	 bottom: 0;
	 left: 50%;
	 transform: translateX(-50%);
	 opacity: 0;
	 width: 100%;
	 height: 100%;
	 background: #000;
	 z-index: 1;
}
/* 공연리스트 */
 .concert_w {
	 position: relative;
	 z-index: 2;
}
 .c-wrap .thum_w .list_box {
	 flex-wrap: nowrap;
	 gap: 40px;
}
 .c-wrap {
	 height: auto;
}
 .c-wrap .thum_w .list_box .btn {
	 width: auto;
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 button.bt_go {
	 position: relative;
	 transition: 0.3s;
	 width: 66px;
	 height: 66px;
	 border-radius: 100%;
	 background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Crect x='4.2832' width='1.42857' height='10' fill='%23F59B15'/%3E%3Crect x='10' y='4.2832' width='1.42857' height='10' transform='rotate(90 10 4.2832)' fill='%23F59B15'/%3E%3C/svg%3E") no-repeat 50% 50%;
	 background-size: 16px;
	 border: 1px solid #f59b15;
	 overflow: hidden;
	 transition: all 0.3s ease;
}
 button.bt_go:hover {
	 background: var(--main-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Crect x='4.2832' width='1.42857' height='10' fill='white'/%3E%3Crect x='10' y='4.2832' width='1.42857' height='10' transform='rotate(90 10 4.2832)' fill='white'/%3E%3C/svg%3E") no-repeat 50% 50%;
	 background-size: 16px;
}
 button.bt_go {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 gap: 1rem;
	 flex-direction: column;
	 transform: translateY(-100px);
}
 button.bt_go:before {
	 position: absolute;
	 content: '';
	 display: inline-block;
	 top: -180px;
	 left: 0;
	 width: 30px;
	 height: 100%;
	 background-color: #fff;
	 animation: shiny-btn1 2.6s ease-in-out infinite;
}
 .c-wrap .thum_w .list_box li.list {
	 position: relative;
	 min-width: 320px;
}
 .c-wrap .thum_w .list .noImg {
	 filter: none;
}
 @-webkit-keyframes shiny-btn1 {
	 0% {
		 -webkit-transform: scale(0) rotate(45deg);
		 opacity: 0;
	}
	 80% {
		 -webkit-transform: scale(0) rotate(45deg);
		 opacity: 0.5;
	}
	 81% {
		 -webkit-transform: scale(4) rotate(45deg);
		 opacity: 0.8;
	}
	 100% {
		 -webkit-transform: scale(50) rotate(45deg);
		 opacity: 0;
	}
}
 #conList .list_box.is-draggable {
	 cursor: grab;
}
 #conList .list_box.is-dragging {
	 cursor: grabbing;
}
 @media (max-width: 1023px) {
	 #conList {
		 overflow-x: auto;
		 -webkit-overflow-scrolling: touch;
		/* iOS 관성 스크롤 */
		/* 스크롤바 숨기기 (선택 사항) */
		 -ms-overflow-style: none;
		/* IE and Edge */
		 scrollbar-width: none;
		/* Firefox */
	}
	 #conList::-webkit-scrollbar {
		 display: none;
		/* Chrome, Safari, Opera */
	}
	 #conList .list_box {
		 width: 100%;
		 display: flex;
		 padding: 0 20px;
		/* 좌우 여백 추가 */
	}
}
/* 광고배너*/
 .banner_ad_w .ad_banner {
	 max-width: var(--area-width);
	 width: 100%;
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .banner_ad_w .ad_banner img {
	 max-width: 100%;
}
 .magazin_w + .utplay_w {
	 margin-top: -100px;
}
/* 아카이브 */
 .utplay_w {
	 padding: 80px 0;
	 position: relative;
	 color: #fff;
	 display: flex;
	 flex-direction: column;
	 gap: 28px;
}
 .utplay_w * {
	 position: relative;
	 z-index: 2;
}
 .utplay_w:before {
	 content: "";
	 display: block;
	 height: 100%;
	 position: absolute;
	 left: 50%;
	 top: 0;
	 transform: translate(-50%, 0);
	 width: 100vw;
	 background: var(--black-color);
	 z-index: 1;
}
 .utplay_w .thum_w .list_box .list {
	 width: calc(33.3% - 14px);
}
 .utplay_w .thum_w .list_box .list:focus-within {
	 outline: 1px dotted #ef6f38;
	 outline-offset: 1px;
}
 .utplay_w .thum_w .list_box .img {
	 position: relative;
}
 .utplay_w .thum_w .list_box .img img, .utplay_w .thum_w .list_box .noImg:before {
	 aspect-ratio: 1.9512195122;
}
 .utplay_w .thum_w .list_box button.play {
	 position: absolute;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100%;
}
 .utplay_w .thum_w .list_box button.play:before {
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 z-index: 3;
	 width: 60px;
	 height: 60px;
	 border-radius: 100%;
	 background: rgba(0, 0, 0, 0.7) url("data:image/svg+xml,%3Csvg width='22' height='29' viewBox='0 0 22 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.7882 13.5947C21.3704 13.9916 21.3704 14.8502 20.7882 15.2471L1.56334 28.355C0.899529 28.8076 6.43596e-07 28.3322 6.78715e-07 27.5288L1.82464e-06 1.31304C1.85976e-06 0.509616 0.89953 0.0342125 1.56334 0.486809L20.7882 13.5947Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat 22px 50%;
	 transform: translate(-50%, -50%);
	 content: "";
	 display: block;
	 transition: 0.3s;
}
 .utplay_w .thum_w .list_box button.play:hover:before, .utplay_w .thum_w .list_box button.play:focus:before {
	 background-image: url("data:image/svg+xml,%3Csvg width='22' height='29' viewBox='0 0 22 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.7882 13.5947C21.3704 13.9916 21.3704 14.8502 20.7882 15.2471L1.56334 28.355C0.899528 28.8076 6.43596e-07 28.3322 6.78715e-07 27.5288L1.82464e-06 1.31304C1.85976e-06 0.509616 0.899531 0.0342126 1.56334 0.486809L20.7882 13.5947Z' fill='%23F59B15'/%3E%3C/svg%3E%0A");
}
 .utplay_w .thum_w .list_box h3.font-b1 {
	 font-weight: 600;
}
 .org_w .s-slide {
	 display: flex;
	 gap: 20px;
	 will-change: transform;
	 width: 100%;
}
 .org_w .s-list {
	 background: url("../img/main_bus01.jpg") no-repeat 66% 0;
	 width: 140px;
	 height: 460px;
	 border-radius: var(--radius-S);
	 transition: width 0.3s;
	 overflow: hidden;
	 position: relative;
	 background-size: cover;
}
 .org_w .s-list.list2 {
	 background-image: url("../img/main_bus02.jpg");
}
 .org_w .s-list.list3 {
	 background-image: url("../img/main_bus03.jpg");
}
 .org_w .s-list.list4 {
	 background-image: url("../img/main_bus04.jpg");
}
 .org_w .s-list:before {
	 content: "";
	 display: block;
	 width: 100%;
	 height: 100%;
	 position: absolute;
	 left: 0;
	 top: 0;
	 background: #000;
	 z-index: 2;
	 transition: 0.3s 0.3s;
	 visibility: visible;
	 opacity: 0.4;
}
 .org_w a {
	 display: block;
	 width: 100%;
	 height: 100%;
}
 .org_w .s-list:focus-within {
	 outline: 1px dotted #ef6f38;
	 outline-offset: 1px;
}
 .org_w .s-list a {
	 display: flex;
	 flex-direction: column;
	 gap: 24px;
	 justify-content: center;
	 height: 100%;
	 padding-left: 90px;
}
 .org_w .s-list .txt * {
	 transition: 0.3s;
}
 .org_w .s-list .txt .on, .org_w .s-list .btn-box {
	 opacity: 0;
	 z-index: -1;
	 visibility: hidden;
	 width: 0;
	 height: 0;
	 overflow: hidden;
	 position: relative;
	 transform: translate(-300px, 0);
	 transition: 0.1s 0.3s ease-in-out;
}
 .org_w .s-list .txt .off {
	 position: absolute;
	 z-index: 4;
	 right: 24px;
	 top: 24px;
	 color: #fff;
}
 .org_w .s-list .txt .off h3 {
	 writing-mode: vertical-lr;
	 letter-spacing: -2px;
	 line-height: 0;
}
 .org_w .font-subTitle {
	 font-weight: 700;
}
 .org_w .s-list .btn-box {
	 color: var(--white-color);
}
 .org_w .s-list .button-text-type01::before {
	 background: var(--white-color);
}
 .org_w .s-list.open {
	 width: calc(100% - 450px);
	 flex: none;
	 background-position: 0 0;
}
 .org_w .s-list.open:before {
	 z-index: -1;
	 visibility: hidden;
	 opacity: 0;
}
 .org_w a {
	 pointer-events: none;
}
 .org_w .s-list.open a {
	 pointer-events: auto;
}
 .org_w .s-list.open > a {
	 position: absolute;
	 height: 100%;
	 width: 100%;
	 left: 0;
	 top: 0;
}
 .org_w .s-list.open .txt .off {
	 opacity: 0;
	 visibility: hidden;
	 z-index: -1;
}
 .org_w .s-list.open .txt .on, .org_w .s-list.open .btn-box {
	 z-index: 4;
	 opacity: 1;
	 visibility: visible;
	 width: auto;
	 height: auto;
	 transform: translate(0px, 0);
}
 .org_w .s-list .txt .on > h3 {
	 display: flex;
	 flex-direction: column;
	 gap: 6px;
	 color: var(--white-color);
	 font-weight: 500;
}
 .sns_w {
	 position: relative;
	 z-index: 1;
}
 .sns_w > * {
	 position: relative;
	 z-index: 2;
}
 .sns_w h2 {
	 transition: 0.5s;
}
 .sns_w .thum_w {
	 display: flex;
	 flex-direction: column;
	 gap: 20px;
}
 .sns_w .thum_w .list_box {
	 display: grid;
	 grid-gap: 18px;
	 grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	 grid-auto-rows: 1px;
}
 @media all and (max-width: 1100px) {
	 .sns_w .thum_w .list_box {
		 grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	}
}
 .sns_w .thum_w .list_box .list {
	 transition: transform 0.3s ease;
	 width: 100%;
}
 .sns_w .thum_w .list_box .list > a {
	 height: auto;
}
 .sns_w .thumnail img, .sns_w .noImg:before {
	 aspect-ratio: 1 !important;
}
 .sns_w .spoVideo .thumnail img, .sns_w .spoVideo .noImg:before {
	 aspect-ratio: 1.7777777778 !important;
}
 .sns_w .thum_w .list:after {
	 position: absolute;
	 display: block;
	 flex: none;
	 content: "";
	 width: 36px;
	 height: 36px;
	 top: 8px;
	 right: 8px;
	 background-size: 36px !important;
}
 .sns_w .list:after {
	 background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.8' d='M16 0.5C24.5604 0.5 31.5 7.43959 31.5 16C31.5 24.5604 24.5604 31.5 16 31.5C7.43959 31.5 0.5 24.5604 0.5 16C0.5 7.43959 7.43959 0.5 16 0.5Z' fill='%23111111' stroke='%23111111'/%3E%3Cpath d='M19.5238 7.33203H12.762C9.76376 7.33203 7.33594 9.75986 7.33594 12.7581V19.5268C7.33594 22.5251 9.76376 24.9529 12.762 24.9529H19.5238C22.522 24.9529 24.9498 22.5251 24.9498 19.5268V12.7651C24.9498 9.76681 22.522 7.33899 19.5307 7.33203H19.5238ZM23.2594 18.8729C23.2594 21.2938 21.2977 23.2625 18.8768 23.2625H13.409C10.9881 23.2625 9.01941 21.3007 9.01941 18.8799V13.412C9.01941 10.9912 10.9812 9.02247 13.409 9.02247H18.8698C21.2907 9.02247 23.2594 10.9842 23.2594 13.412V18.8729Z' fill='white'/%3E%3Cpath d='M16.3744 11.5352C13.8144 11.5352 11.7344 13.6152 11.7344 16.1752C11.7344 18.7352 13.8144 20.8152 16.3744 20.8152C18.9344 20.8152 21.0144 18.7352 21.0144 16.1752C21.0144 13.6152 18.9344 11.5352 16.3744 11.5352ZM16.3744 18.9717C14.83 18.9717 13.5848 17.7195 13.5848 16.1821C13.5848 14.6447 14.837 13.3925 16.3744 13.3925C17.9118 13.3925 19.1639 14.6447 19.1639 16.1821C19.1639 17.7265 17.9118 18.9717 16.3744 18.9717Z' fill='white'/%3E%3Cpath d='M21.8808 11.46C21.8808 12.1139 21.3521 12.6426 20.6982 12.6426C20.0443 12.6426 19.5156 12.1139 19.5156 11.46C19.5156 10.806 20.0443 10.2773 20.6982 10.2773C21.3521 10.2773 21.8808 10.806 21.8808 11.46Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
}
 .sns_w .list.spoVideo:after {
	 background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.8' d='M16 0.5C24.5604 0.5 31.5 7.43959 31.5 16C31.5 24.5604 24.5604 31.5 16 31.5C7.43959 31.5 0.5 24.5604 0.5 16C0.5 7.43959 7.43959 0.5 16 0.5Z' fill='%23ff0000' stroke='%23ff0000'/%3E%3Cpath d='M24.1856 12.6626C24.1856 12.6626 24.0226 11.5115 23.5204 11.0061C22.8845 10.3409 22.1736 10.3376 21.8476 10.2985C19.5128 10.1289 16.0073 10.1289 16.0073 10.1289H16.0008C16.0008 10.1289 12.4954 10.1289 10.1606 10.2985C9.83451 10.3376 9.12364 10.3409 8.48777 11.0061C7.9856 11.5115 7.82582 12.6626 7.82582 12.6626C7.82582 12.6626 7.65625 14.0159 7.65625 15.3659V16.6311C7.65625 17.9811 7.82255 19.3343 7.82255 19.3343C7.82255 19.3343 7.9856 20.4854 8.48451 20.9909C9.12038 21.6561 9.95516 21.6333 10.3269 21.705C11.6639 21.8322 16.0041 21.8713 16.0041 21.8713C16.0041 21.8713 19.5128 21.8648 21.8476 21.6985C22.1736 21.6593 22.8845 21.6561 23.5204 20.9909C24.0226 20.4854 24.1856 19.3343 24.1856 19.3343C24.1856 19.3343 24.3519 17.9843 24.3519 16.6311V15.3659C24.3519 14.0159 24.1856 12.6626 24.1856 12.6626ZM14.2791 18.167V13.4746L18.7889 15.8289L14.2791 18.167Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
}
/* .sns_w.active:before{
	 opacity: 1;
}
 .sns_w.active h2{
	 color: #fff;
}
 */
/* 게시판 */
 .notice_w {
	 position: relative;
	 padding: 100px 80px 140px 80px;
	 min-height: auto !important;
	/* .notice_inner{
		max-width: 1140px;
		 margin: 0 auto;
		 position: relative;
		 padding: 40px 0;
		 display: flex;
		 flex-direction: column;
		 gap: 40px;
	}
	 */
}
 .notice_w * {
	 z-index: 2;
}
 .notice_w:before {
	 content: "";
	 display: block;
	 width: 100%;
	 height: 100%;
	 position: absolute;
	 left: 50%;
	 top: 0px;
	 background: var(--gray-100-color);
	 transform: translate(-50%, 0);
	 z-index: 1;
	 border-radius: 40px;
	 transition: 1s ease-in-out 0.2s;
}
 .notice_w.active:before {
	 width: 100vw;
	 border-radius: 0px;
}
 .notice_w > h2 {
	 text-align: center;
	 margin-bottom: 30px;
}
 .notice_w .tab_box {
	 margin: 0 auto;
	 display: flex;
	 justify-content: space-between;
	 flex-direction: row;
	 align-items: stretch;
	 width: 100%;
	 gap: 30px;
}
 .notice_w .tab_contents {
	 width: 100%;
	 max-width: 1140px;
	 position: relative;
	 padding: 0;
}
 .notice_w .tab_contents .list[hidden] {
	 display: block !important;
	 opacity: 0;
	 position: absolute;
	 left: 0;
	 top: 0;
	 z-index: -1;
	 transition: opacity 0.3s, transform 0.3s;
	 visibility: hidden;
	 transform: translate(0, 30px);
}
 .notice_w .tab_contents .list:not([hidden]) {
	 opacity: 1;
	 position: relative;
	 transition: opacity 0.3s, transform 0.3s;
	 visibility: visible;
	 transform: translate(0, 0);
	 height: 100%;
}
 .notice_w .n-header {
	 display: flex;
	 justify-content: flex-start;
	 align-items: flex-start;
	 flex-direction: column;
	 gap: 36px;
	 width: 240px;
	 flex: none;
}
 .notice_w .tabs {
	 cursor: pointer;
	 color: var(--gray-500-color);
	 display: inline-flex;
	 align-items: center;
	 gap: 16px;
	 border: 0;
	 transition: 0.3s;
	 font-size: 2rem;
}
 .notice_w .active .tabs {
	 color: var(--black-color);
	 display: flex;
	 align-items: center;
	 gap: 1rem;
}
 .notice_w .tabs:after {
	 display: block;
	 width: 28px;
	 height: 28px;
	 background: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 5L19 14L9 23' stroke='%23222222' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
	 content: "";
	 flex: none;
	 opacity: 0;
}
 .notice_w .active .tabs:after {
	 opacity: 1;
}
 .notice_w .list > ul {
	 display: inline-flex;
	 flex-direction: column;
	 align-items: flex-start;
	 justify-content: flex-start;
	 gap: 40px;
	 width: 100%;
	 height: 100%;
}
 .notice_w .list > ul > li {
	 position: relative;
	 width: 100%;
}
 .notice_w .list > ul > li::before {
	 content: '';
	 position: absolute;
	 left: 0;
	 bottom: -20px;
	 height: 1px;
	 width: 100%;
	 background: var(--gray-300-color);
}
 .notice_w .list > ul > li:last-child::before {
	 display: none;
}
 .notice_w .list > ul > li > a {
	 display: flex;
	 justify-content: flex-start;
	 align-items: flex-start;
	 gap: 8px;
	 width: 100%;
	 flex-wrap: wrap;
}
 .notice_w .list > ul > li > a .type {
	 color: var(--gray-600-color);
	 font-weight: 600;
	 position: relative;
	 font-size: 16px;
}
 .notice_w .list > ul > li > a .type + .type:before {
	 content: "";
	 display: block;
	 width: 3px;
	 height: 3px;
	 background: var(--gray-600-color);
	 position: absolute;
	 left: -9px;
	 top: 50%;
	 transform: translate(0, -50%);
	 border-radius: 100%;
}
 .notice_w .list > ul > li > a .con {
	 display: flex;
	 align-items: center;
	 justify-content: flex-start;
	 gap: 24px;
	 width: 100%;
	 flex: none;
}
 .notice_w .list > ul > li > a .con .title {
	 width: 100%;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 white-space: normal;
	 overflow: hidden;
	 display: -webkit-box;
	 -webkit-line-clamp: 1;
	 -webkit-box-orient: vertical;
	 font-size: 22px;
}
 .notice_w .list > ul > li > a .con .date {
	 width: 108px;
	 height: 36px;
	 align-content: center;
	 color: var(--gray-600-color);
	 text-align: right;
	 flex: none;
}
 .notice_w li.nodata {
	 height: 100%;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 background: var(--gray-200-color);
	 border-radius: 30px;
}
 @media all and (max-width: 1100px) {
	 .notice_w {
		 padding: 60px 0 120px 0;
	}
	 .notice_w:before {
		 width: 100vw !important;
		 border-radius: 0px !important;
	}
}
 .banner_pkg_w h2 {
	 font-size: 2.625rem;
	 font-weight: 700;
	 letter-spacing: -0.84px;
	 color: var(--gray-900-color);
}
 .banner_pkg_w img {
	 max-width: 100%;
}
/* spo 매거진 */
 .magazin_w {
	 padding: 80px 0;
	 position: relative;
	 color: var(--black-color);
	 display: flex;
	 gap: 28px;
	 flex-direction: column;
	 align-items: center;
	/* 무한 슬라이드 */
}
 .magazin_w * {
	 position: relative;
	 z-index: 2;
}
 .magazin_w:before {
	 content: "";
	 display: block;
	 height: 100%;
	 position: absolute;
	 left: 50%;
	 top: 0;
	 transform: translate(-50%, 0);
	 width: 100vw;
	 background: var(--gray-100-color);
	 z-index: 1;
}
 .magazin_w h2 {
	 font-size: 2.3rem;
	 font-weight: 800;
	 letter-spacing: -0.84px;
	 color: var(--black-color);
	 margin-bottom: -20px;
}
 .magazin_w .inner_foot {
	 width: 100vw;
	 position: relative;
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 transform: translate(-50%, -50%);
	 z-index: 1;
	 overflow: hidden;
}
 .magazin_w .inner_foot ul {
	 display: flex;
	 width: max-content;
	 align-items: center;
	 gap: 80px;
	 padding: 0;
	 margin: 0;
	 animation: book-slide 50s linear infinite;
	 opacity: 0.25;
}
 .magazin_w .inner_foot ul li {
	 flex: 0 0 auto;
	 list-style: none;
	 box-shadow: 0px 10px 20px 0px rgba(30, 29, 40, 0.2);
	 border-radius: 5px;
	 line-height: 0;
	 font-size: 0;
	 width: 200px;
	 overflow: hidden;
}
 .magazin_w .inner_foot ul li img {
	 width: 100%;
	 height: auto;
	 display: block;
	 border-radius: 5px;
	 filter: grayscale(0.8);
}
 .magazin_w .inner_foot ul::after {
	 content: '';
	 display: block;
	 width: 0;
	 height: 0;
}
 @media all and (max-width: 1100px) {
	 .magazin_w .tab_g {
		 height: 50px;
	}
	 .magazin_w .tab_g button {
		 font-size: 1.125rem;
		 min-width: 80px;
	}
	 .magazin_w .inner_foot {
		 display: none;
	}
}
 @keyframes book-slide {
	 0% {
		 transform: translateX(0);
	}
	 100% {
		 transform: translateX(-50%);
	}
}
 .magazin_g {
	 display: flex;
	 gap: 40px;
	 align-items: center;
	 box-shadow: 0px 32px 24px -12px rgba(0, 0, 0, 0.12);
	 background: #fff;
	 border-radius: var(--radius-S);
	 padding-right: 30px;
}
 .magazin_g .cover_box {
	 width: 300px;
	 border-radius: var(--radius-S);
	 box-shadow: 0px 32px 24px -12px rgba(0, 0, 0, 0.12);
}
 .magazin_g .cover_box.noImg {
	 background-color: #fff;
	 min-height: 380px;
}
 .magazin_g .cover_box img {
	 max-width: 100%;
	 border-radius: var(--radius-S);
}
 .magazin_g .txt_box {
	 display: flex;
	 flex-direction: column;
	 gap: 20px;
	 padding-bottom: 30px;
}
 .magazin_g .mz_detail {
	 display: flex;
	 flex-direction: column;
	 gap: 10px;
}
 .magazin_g .mz_detail h3 {
	 font-weight: 600;
	 font-size: 1.75rem;
	 letter-spacing: -1px;
}
 .magazin_g .summary {
	 color: var(--gray-600-color);
}
 .magazin_g .summary > strong {
	 font-weight: 400;
	 display: block;
}
 .magazin_g * + .btn_box {
	 margin-top: 18px;
}
 .magazin_g .btn_box button {
	 min-width: 120px;
	 height: 50px;
	 background: var(--gray-900-color);
	 color: var(--white-color);
	 padding: 0 1rem;
	 font-size: 1.125rem;
	 font-weight: 600;
}
 .magazin_g h3 > strong {
	 background: var(--main-color);
}
 .sns {
	 display: flex;
	 align-items: center;
	 gap: 6px;
}
 .sns a {
	 display: block;
	 width: 40px;
	 height: 40px;
	 flex: none;
}
 .sns .facebook {
	 background: url("data:image/svg+xml,%3Csvg width='28' height='29' viewBox='0 0 28 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_92_5769)'%3E%3Cpath d='M17.4103 15.0786L17.8771 12.1831H14.9589V10.3041C14.9589 9.5121 15.3664 8.7396 16.6735 8.7396H18V6.2746C18 6.2746 16.7964 6.0791 15.6452 6.0791C13.2422 6.0791 11.6714 7.4661 11.6714 9.9766V12.1836H9V15.0791H11.6714V22.0791H14.9589V15.0791L17.4103 15.0786Z' fill='%23222222'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_92_5769'%3E%3Crect width='20' height='16' fill='white' transform='translate(4 6.0791)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ") no-repeat 50% 50%;
}
 .sns .x {
	 background: url("data:image/svg+xml,%3Csvg width='28' height='29' viewBox='0 0 28 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.8947 14.8061L5.82308 21.578H8.51276L13.1602 16.3808L17.2554 21.5791L22.5 21.5512L15.8506 12.9593L21.5251 6.60802L18.8786 6.5791L14.5922 11.3523L10.925 6.5869L5.5 6.58114L11.8947 14.8061ZM19.3236 20.0192L17.9664 20.0151L8.64132 8.08621H10.1013L19.3236 20.0192Z' fill='%23222222'/%3E%3C/svg%3E ") no-repeat 50% 50%;
}
 .sns .youtube {
	 background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='29' fill='none'%3E%3Cpath fill='%23222' d='M23.583 9.266a2.504 2.504 0 0 0-1.768-1.768C20.255 7.08 14 7.08 14 7.08s-6.254 0-7.815.417a2.503 2.503 0 0 0-1.768 1.768C4 10.824 4 14.079 4 14.079s0 3.255.417 4.813c.23.86.909 1.538 1.768 1.768 1.56.42 7.815.42 7.815.42s6.255 0 7.815-.42a2.501 2.501 0 0 0 1.768-1.768C24 17.334 24 14.08 24 14.08s0-3.255-.417-4.813Zm-11.57 7.8v-5.974l5.179 2.965-5.179 3.01Z'/%3E%3C/svg%3E") no-repeat 50% 50%;
}
 .sns .blog {
	 background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='29' fill='none'%3E%3Cg fill='%23222' clip-path='url(%23a)'%3E%3Cpath d='M8.807 12.68c-.2 0-.373.074-.515.218a.725.725 0 0 0-.214.528c0 .207.071.383.214.529a.696.696 0 0 0 .515.218.72.72 0 0 0 .524-.218.718.718 0 0 0 .218-.529.718.718 0 0 0-.218-.528.713.713 0 0 0-.524-.217ZM15.038 12.675c-.201 0-.373.072-.515.217a.725.725 0 0 0-.214.529.73.73 0 0 0 .214.528.693.693 0 0 0 .515.217c.2 0 .378-.073.524-.217a.72.72 0 0 0 .217-.528.72.72 0 0 0-.217-.529.713.713 0 0 0-.524-.217ZM19.191 12.68c-.2 0-.373.074-.516.218a.73.73 0 0 0-.214.528.73.73 0 0 0 .214.529.699.699 0 0 0 .516.218.72.72 0 0 0 .524-.218.718.718 0 0 0 .218-.529.722.722 0 0 0-.218-.528.713.713 0 0 0-.524-.217Z'/%3E%3Cpath d='M21.037 7.204H6.962A1.968 1.968 0 0 0 5 9.166v7.96c0 1.079.883 1.962 1.962 1.962h5.527s1.067 2.915 1.455 2.915c.389 0 1.544-2.915 1.544-2.915h5.549c1.08 0 1.962-.883 1.962-1.962v-7.96a1.968 1.968 0 0 0-1.962-1.962ZM10.23 14.553c-.278.314-.705.446-1.172.446-.42 0-.728-.127-.955-.3H8.09v.225H7.034v-4.61h1.057v1.763h.013c.286-.244.666-.327 1.113-.342.383-.013.781.227 1.02.503.237.275.412.707.412 1.184 0 .52-.138.817-.418 1.13Zm2.269.405h-1.078v-2.852c0-.658-.52-.745-.52-.745v-1.14s1.51.091 1.598 1.921v2.816Zm4.229-.875c-.091.207-.222.391-.396.553-.171.16-.368.283-.59.369a1.947 1.947 0 0 1-1.399 0 1.846 1.846 0 0 1-.59-.369 1.764 1.764 0 0 1-.405-.56 1.58 1.58 0 0 1-.138-.65c0-.23.046-.446.138-.65.092-.204.226-.39.405-.56.174-.16.37-.282.59-.368.22-.085.45-.127.694-.127.243 0 .481.042.704.127.222.086.419.209.59.369a1.628 1.628 0 0 1 .532 1.21c0 .231-.045.449-.135.655v.001Zm4.237.459c0 .809-.153 1.303-.515 1.646-.43.407-1.041.436-1.556.362v-.836c.43.043 1.021-.24 1.02-.797v-.214h-.013c-.241.333-.593.454-1.061.454-.434 0-.81-.16-1.065-.459-.255-.298-.381-.698-.381-1.2 0-.561.142-1.008.426-1.338.283-.33.688-.485 1.15-.485.416 0 .677.1.932.333h.013v-.253h1.05v2.788-.001Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M5 5.08h18v18H5z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ") no-repeat 50% 50%;
}
 .sns .kakao {
	 background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='29' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23222' d='M20.72 6.08H7.28A1.28 1.28 0 0 0 6 7.36v13.439c0 .707.574 1.28 1.28 1.28h13.44A1.28 1.28 0 0 0 22 20.8V7.359a1.28 1.28 0 0 0-1.28-1.28Zm-4.126 8.17c-.058 1.234-.4 3.512-2.763 5.33-.05.036-.118.036-.181.02-.054-.014-.122-.084-.122-.084l-1.364-1.528c-.038-.055-.074-.107-.072-.174 0-.088.043-.151.1-.206.006-.004.733-.607 1.072-1.151.303-.484.513-1.028.526-1.529h-1.955a.514.514 0 0 1-.515-.513v-4.208c0-.285.23-.513.515-.513h4.242c.285 0 .517.23.517.513v4.044Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M6 6.08h16v16H6z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat 50% 50%;
}
 .sponsor_w {
	 display: flex;
	 flex-direction: column;
	 gap: 60px;
	 overflow: hidden;
}
 .sponsor_w .hgroup {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
}
 .sponsor_w .cs_box {
	 display: flex;
	 gap: 20px;
	 align-items: center;
	 font-weight: 600;
	 font-size: 1.125rem;
	 color: var(--gray-600-color);
	 margin-right: 110px;
}
 .sponsor_w .cs_box a {
	 color: var(--gray-600-color);
	 text-decoration: underline;
	 font-weight: 400;
}
 .sponsor_w .cs_box button, .sponsor_w .main_more {
	 min-width: 130px;
	 height: 50px;
	 background: var(--gray-900-color);
	 color: var(--white-color);
	 padding: 0 1rem;
	 font-size: 1.125rem;
	 font-weight: 600;
}
 .sponsor_w .swiper_tool {
	 display: flex;
	 align-items: center;
	 position: absolute;
	 top: 0;
	 left: 150px;
}
 .sponsor_w .swiper_tool button {
	 width: 56px !important;
	 height: 56px !important;
}
 .sponsor_w .swiper-slide {
	 text-align: center;
	 align-items: center;
	 height: auto;
}
 .sponsor_w .company > a, .sponsor_w .company {
	 display: block;
	 width: 100%;
	 height: 100%;
	 text-align: center;
}
 .sponsor_w .company img {
	 max-width: 100%;
}
 @media (max-width: 1260px) {
	/* .mainvisual .swiper-slide{
		max-height:700px
	}
	 */
	 .mainvisual {
		 min-height: auto;
	}
	 .org_w .s-list.open {
		 background-position: 70% 0;
	}
	 .org_w .s-list a {
		 padding-left: 40px;
	}
	 .content article.magazin_w {
		 flex-direction: row;
		 justify-content: center;
		 align-items: flex-start;
	}
	 .magazin_w h2 {
		 position: relative;
		 left: auto;
		 top: auto;
	}
	 .magazin_g .cover_box {
		 width: 260px;
	}
	 .sponsor_w .swiper_tool {
		 left: 120px;
		 top: 10px;
	}
	 .sponsor_w .swiper_tool button {
		 width: 40px !important;
		 height: 40px !important;
	}
	 .sponsor_w .cs_box button {
		 min-width: auto;
	}
	 .sponsor_w .cs_box {
		 font-size: 1rem;
	}
}
 .noti.modal {
	 transform-origin: center;
	 left: 50%;
	 top: 50%;
	 transform: translate(-50%, -50%);
}
 .noti.modal > div {
	 position: relative;
	 left: auto;
	 top: auto;
	 height: auto;
	 width: 420px;
	 max-width: 90vw;
	 border-radius: 16px;
}
 .noti.modal .noti_container {
	 max-height: 90vh;
	 overflow: hidden;
	 overflow-y: auto;
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 transform: translate(-50%, -50%);
}
 .noti.modal .swiper-slide {
	 position: relative;
	 border-radius: 0;
}
 .noti.modal .swiper-slide .img {
	 width: 100%;
	 height: 100%;
	 border-radius: 0;
	 overflow: hidden;
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .noti.modal .swiper-slide .img img {
	 max-width: 100%;
	 border-radius: 0;
}
 .noti.modal .swiper-slide .noImg {
	 min-height: 420px;
	 background: #e0e0e0 url("../img/logo_spo.svg") no-repeat 50% 50%;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 width: 100%;
	 height: 100%;
	 background-size: 50%;
}
 .noti.modal .swiper-slide .noImg img {
	 position: relative;
	 z-index: -1;
	 opacity: 0;
}
 .noti.modal .tit {
	 font-size: 1.846rem;
	 font-weight: 600;
	 color: var(--fontstrong);
	 display: -webkit-box;
	 -webkit-box-orient: vertical;
	 overflow: hidden;
	 -webkit-line-clamp: 2;
	 margin-bottom: 40px;
}
 .noti.modal .txt_g {
	 background: var(--gray-bg);
	 padding: 20px 12px;
	 border-radius: 16px;
	 font-size: 1.23rem;
	 display: flex;
	 flex-direction: column;
	 gap: 4px;
	 padding-bottom: 40px;
	 margin-bottom: 70px;
	 min-height: 310px;
	 position: relative;
}
 .noti.modal .txt_g .txt {
	 display: -webkit-box;
	 -webkit-box-orient: vertical;
	 overflow: hidden;
	 -webkit-line-clamp: 2;
	 position: relative;
	 padding-left: 18px;
}
 .noti.modal .txt_g .txt:before {
	 content: "";
	 display: block;
	 position: absolute;
	 left: 0;
	 top: 10px;
	 width: 3px;
	 height: 3px;
	 background: var(--font);
	 border-radius: 100%;
}
 .noti.modal .swiper-wrapper {
	 min-height: 420px;
}
/*.noti.modal .swiper-slide:nth-of-type(1) {
	background: #fff;
}
 .noti.modal .swiper-slide:nth-of-type(1) .txt_g {
	border-top: 1px solid var(--font);
	border-radius: 0;
	background: #fff;
	padding-top: 30px;
}
 .noti.modal .swiper-slide:nth-of-type(2) {
	background: var(--primary-bg);
}
 .noti.modal .swiper-slide:nth-of-type(2) .txt_g {
	background: #fff;
}
 .noti.modal .swiper-slide:nth-of-type(3) {
	background: #fff;
}
*/
 .noti.modal .btn_bx {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 padding: 20px 0 20px 0;
	 width: 100%;
	 position: absolute;
	 left: 0;
	 bottom: 0;
}
 .noti.modal .footbx {
	 flex-direction: row;
	 justify-content: space-between;
	 height: 60px;
	 align-items: center;
	 padding: 0 20px;
	 border-top: 1px solid var(--line);
	 display: flex;
	 background: #fff;
}
 .noti.modal .bt_txt_close {
	 text-decoration: underline;
	 padding: 5px 0;
	 font-size: 1rem;
	 white-space: nowrap;
}
 .noti.modal .footbx label[class^="chk"] input + span {
	 color: var(--gray-600-color);
}
 .noti.modal .swiper-pagination-bullet {
	 width: 12px;
	 height: 12px;
	 background: #000;
	 opacity: 0.2;
	 margin: 0 6px;
}
 .noti.modal .swiper-pagination-bullet-active {
	 background: #222 !important;
	 opacity: 1;
}
 .noti.modal .swiper-pagination {
	 height: 32px;
	 position: absolute !important;
	 bottom: 10px !important;
}
 @media all and (max-width: 1023px) {
	 .noti.modal .swiper-wrapper {
		 min-height: auto;
	}
}
 @media all and (max-width: 767px) {
	 .noti.modal .swiper-slide {
		 padding: 30px 20px 0 20px;
	}
	 .noti.modal .swiper-slide .img {
		 width: calc(100% + 40px);
		 height: calc(100% + 70px);
		 margin-left: -20px;
		 margin-top: -30px;
	}
}
 .main_more {
	 position: absolute;
	 right: 0;
	 top: 0;
	 color: var(--gray-800-color);
	 display: flex;
	 align-items: center;
	 gap: 8px;
	 height: 40px;
	 z-index: 2;
	 width: fit-content;
}
 .main_more:after {
	 display: block;
	 content: "";
	 width: 16px;
	 height: 16px;
	 background: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.82157 3.17868L10.1787 8.0001L4.82157 12.8215' stroke='%23757575' stroke-width='1.5'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
	 display: block;
}
 .notice_w .main_more {
	 visibility: hidden;
	 z-index: -2;
	 transform: translateY(40px);
	 transition: transform 0.3s 0.1s, visibility 0.3s 0.1s;
	 display: flex;
	 top: auto;
	 bottom: 50px;
	 left: 50%;
	 background: var(--black-color);
	 color: #fff;
	 border-radius: 30px;
	 padding: 0 1rem;
	 opacity: 0;
}
 .notice_w .active .main_more {
	 z-index: 1;
	 visibility: visible;
	 transform: translateY(0);
	 opacity: 1;
}
 .magazin_w h2 {
	 display: flex;
	 flex-direction: column;
	 align-items: flex-start;
}
 .magazin_w .main_more {
	 bottom: 20px;
	 top: auto;
	 right: 30px;
}
 .utplay_w .main_more {
	 top: 4px;
}
 .sponsor_w .main_more {
	 top: 5px;
	 text-align: center;
	 justify-content: center;
	 background: var(--gray-200-color);
	 color: var(--gray-800-color);
	 min-width: auto;
}
 @media only screen and (max-width: 1023px) {
	 .main_more {
		 font-size: 14px;
	}
	 .sponsor_w .main_more {
		 background: none;
		 height: 40px;
		 font-size: 14px;
		 font-weight: 400;
		 margin: 0;
		 top: 0;
		 padding: 0;
		 height: 30px;
	}
	 .magazin_w h2 {
		 width: 100%;
	}
	 .magazin_w .main_more {
		 right: 0;
	}
}
 @media only screen and (max-width: 767px) {
	 .magazin_w .main_more {
		 position: relative;
		 right: auto;
		 top: auto;
		 bottom: auto;
		 margin-top: -20px;
	}
}
/*호버 액션 추가*/
/* 공연검색 - 포스터 */
 #conList.thum_w .list-img, #instagramList .list, #youtubeList .list {
	 border-radius: 8px;
	 position: relative;
}
/* 이미지 확대 효과 추가*/
 #conList.thum_w .list-img img, #instagramList .list img {
	 transition: all 0.4s ease-in-out;
}
/* #conList.thum_w .list:hover .list-img img, #conList.thum_w .list:focus-within .list-img img,*/
 .sns_w .list:hover img, #instagramList .list:focus-within img {
	 transform: scale(1.24);
}
 .sns_w .list.spoVideo .thumnail {
	 transition: background-size 0.4s ease-in-out !important;
}
 .sns_w .list.spoVideo a:hover .thumnail, .sns_w .list.spoVideo a:focus .thumnail, .sns_w .list.spoVideo a:focus-within .thumnail {
	 background-size: 140%;
}
 #conList.thum_w .list-con.clone {
	 display: block;
}
 #conList.thum_w .list-img::after {
	 content: "";
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background: rgba(255, 167, 0, 0.9);
	 border: 2px solid var(--main-color);
	 border-radius: 8px;
	 opacity: 0;
	 transition: opacity 0.3s ease;
	 z-index: 1;
}
/* 복제된 .list-con 스타일 */
 #conList.thum_w .list-con.clone {
	 position: absolute;
	 margin: 0px;
	 top: 0px;
	 z-index: 2;
	 opacity: 0;
	 transition: opacity 0.3s ease;
	 text-align: center;
	 pointer-events: none;
	 width: 100%;
	 aspect-ratio: 0.7142857143;
	 padding: 40px;
}
 #conList.thum_w .list-con.clone * {
	 text-align: center;
}
 #conList.thum_w .list-con.clone .badge-box {
	 justify-content: center;
}
 #conList.thum_w .list-con.clone .badge-box [class^="badge-"] {
	 min-width: 100px;
	 border-radius: 20px;
}
 #conList.thum_w .list-con.clone h3 {
	 text-overflow: unset;
	 white-space: normal;
	 padding: 1rem 0;
	 font-size: 1.4rem;
}
 #conList.thum_w .list-con.clone .list-txt {
	 padding-top: 8px;
}
 #conList.thum_w .list-con.clone .list-txt * {
	 color: #000;
}
 #conList.thum_w .list-con.clone .list-txt h3 {
	 -webkit-line-clamp: unset;
	 word-break: keep-all;
}
 #conList.thum_w .list-con.clone .btn_box {
	 position: absolute;
	 width: 100%;
	 left: 0;
	 bottom: 40px;
	 flex-wrap: wrap;
	 padding: 0 40px;
}
 #conList.thum_w .list-con.clone .btn_box button {
	 padding: 0 10px;
	 border: none;
}
 @media only screen and (max-width: 1023px) {
	 #conList.thum_w .list-con.clone {
		 display: none;
	}
}
/* 호버 시 배경과 복제된 내용 등장 */
 #conList.thum_w .list:hover .list-img::after, #conList.thum_w .list:focus-within .list-img::after {
	 opacity: 1;
}
 #conList.thum_w .list:hover .list-con.clone, #conList.thum_w .list:focus-within .list-con.clone {
	 opacity: 1;
	 pointer-events: painted;
	 overflow: hidden;
}
 #conList.thum_w .list:hover .list-con.clone:before, #conList.thum_w .list:focus-within .list-con.clone:before {
	 position: absolute;
	 content: '';
	 display: inline-block;
	 top: -400px;
	 left: 0;
	 width: 30px;
	 height: 170%;
	 background-color: #fff;
	 animation: shiny-btn1 3s ease-in-out infinite;
}
/* 시향소식 */
 .sns_w .list .img {
	 perspective: 1000px;
	 position: relative;
	 width: 100%;
	 aspect-ratio: 1;
	 background: #fff;
	 overflow: unset;
}
/* 앞면, 뒷면 공통 */
/* #instagramList .list .img .thumnail, #instagramList .list .img::after {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 backface-visibility: hidden;
	 transition: transform 1s ease;
	/* ← transition 시간 1초로 증가 top: 0;
	 left: 0;
	 border-radius: 12px;
	 overflow: hidden;
}
*/
/* 앞면 이미지 */
/* #instagramList .list .img .thumnail {
	 z-index: 2;
	 transform: rotateY(0deg);
}
*/
/* 뒷면 텍스트 */
/* #instagramList .list .img::after {
	 content: "인스타바로가기";
	 background-color: var(--black-color);
	 color: white;
	 font-size: 24px;
	 font-weight: bold;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 transform: rotateY(180deg);
	 z-index: 1;
}
 #instagramList .list.spoVideo .img::after {
	 content: "유튜브영상보기";
}
*/
 .sns_w .list.spoVideo .img {
	 aspect-ratio: 1.7777777778;
}
 .sns_w .list.spoVideo .thumnail {
	 background-position: 50% 50%;
	 background-size: 100%;
}
 .sns_w .list.spoVideo .thumnail:after {
	 width: 60px;
	 height: 60px;
	 border-radius: 100%;
	 background: rgba(0, 0, 0, 0.7) url("data:image/svg+xml,%3Csvg width='22' height='29' viewBox='0 0 22 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.7882 13.5947C21.3704 13.9916 21.3704 14.8502 20.7882 15.2471L1.56334 28.355C0.899529 28.8076 6.43596e-07 28.3322 6.78715e-07 27.5288L1.82464e-06 1.31304C1.85976e-06 0.509616 0.89953 0.0342125 1.56334 0.486809L20.7882 13.5947Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat 56% 50%;
	 background-size: 18px;
	 content: "";
	 display: block;
	 transition: 0.3s;
	 position: absolute;
	 transform: translate(-50%, -50%);
	 left: 50%;
	 top: 50%;
}
/* hover + focus 시 flip */
/* #instagramList .list:hover .img .thumnail, #instagramList .list:focus-within .img .thumnail {
	 transform: rotateY(180deg);
}
 #instagramList .list:hover .img::after, #instagramList .list:focus-within .img::after {
	 transform: rotateY(0deg);
}
*/
/*영상*/
 #movie {
	 position: fixed;
	 width: 100%;
	 height: 100%;
	 left: 0;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 z-index: 90;
}
/*#movie:before {
	content:'';
	display:block;
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:#000;
	opacity:0.4
}
*/
 #movie .pop-bg {
	 position: fixed;
	 left: 0;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 background: rgba(0, 0, 0, 0.7);
	 width: 100% !important;
	 height: 100% !important;
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	 filter: alpha(opacity=40);
	 transform: none;
}
 #movie > div {
	 position: absolute;
	 z-index: 11;
	 left: 50vw;
	 top: 50%;
	 width: 80vw;
	 height: 45vw;
	 transform: translate(-50%, -50%);
}
 #movie > div iframe {
	 display: block;
	 width: 100%;
	 height: 100%;
}
 #movie > div .movietit {
	 font-size: 40px;
	 font-weight: 200;
}
 #movie > div .movieupCont {
	 padding: 45px 50px;
}
 #movie > div a.ut_close {
	 position: absolute;
	 right: -40px;
	 top: 0px;
	 color: #fff;
	 font-size: 30px;
}
 #movie > div .movieCont strong {
	 font-size: 16px;
	 line-height: 1.6;
	 font-weight: 400;
}
 #movie.fridge {
	 left: 23.1%;
	 top: 18%;
	 width: 53.8%;
	 height: 64%;
}
 #movie .movieCont {
	 max-height: 90%;
	 max-width: 80%;
}
 .ut_close:before {
	 content: "\e646";
	 font-family: 'spo';
	 speak: none;
	 font-style: normal;
	 font-variant: normal;
	 text-transform: none;
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
}
/*모바일시 액션 막기*/
 @media only screen and (max-width: 1023px) {
	/* #conList.thum_w .list-img::after {
		all: unset;
	}
	 #conList.thum_w .list:hover .list-img::after, #conList.thum_w .list:focus-within .list-img::after, #conList.thum_w .list:hover .list-con.clone, #conList.thum_w .list:focus-within .list-con.clone {
		 opacity: 0;
	}
	 #instagramList .list:hover .img .thumnail, #instagramList .list:focus-within .img .thumnail {
		 transform: none;
	}
	 #instagramList .list .img::after {
		 content: none;
	}
	*/
	 #conList.thum_w .list:hover .list-img img, #conList.thum_w .list:focus-within .list-img img, #instagramList .list:hover img, #instagramList .list:focus-within img {
		 transform: none;
	}
	 #youtubeList .list.spoVideo .thumnail:hover {
		 background-size: 180%;
	}
	 #youtubeList .list.spoVideo .thumnail:after {
		 width: 48px;
		 height: 48px;
		 background-size: 16px;
	}
	 #movie {
		 width: 100%;
		 height: 350px !important;
		 top: 50% !important;
		 margin-top: -180px;
	}
	 .movieCont {
		 background: #000;
		 width: 100%;
		 height: 100vh;
		 overflow: hidden;
		 position: fixed;
		 left: 0;
		 top: 0;
		 z-index: 90;
	}
	 .ut_close {
		 margin: 10px;
		 float: right;
		 font-size: 30px;
		 color: #fff !important;
		 opacity: 0.7 !important;
	}
	 #movie {
		 width: 100%;
		 height: 350px;
		 top: 50%;
		 margin-top: -180px;
	}
	 .movieCont {
		 background: #000;
		 width: 100%;
		 height: 100vh;
		 overflow: hidden;
		 position: fixed;
		 left: 0;
		 top: 0;
		 z-index: 90;
	}
}
 @media only screen and (max-width: 767px) {
	 #youtubeList .list.spoVideo .thumnail:after {
		 width: 40px;
		 height: 40px;
		 background-size: 14px;
	}
	 .ut_close, #movie > div a.ut_close {
		 right: 0;
		 top: -40px;
	}
}
 @media only screen and (min-width: 1024px) and (orientation: portrait) {
	 .mainvisual {
		 margin-top: 0;
		 height: max(calc(100vh - 55px), 750px);
		 max-height: none;
		 margin-top: -90px;
	}
	 .mainvisual .img-box, .mainvisual .swiper-slide.fullsize .img-box {
		 padding-left: 0;
		 height: max(62vh, 350px);
		 order: 1;
		 flex: none;
		 overflow: hidden;
	}
	 .mainvisual .sponsor {
		 top: 2rem;
	}
	 .mainvisual .txt-box {
		 order: 2;
		 position: relative;
		 left: auto;
		 top: auto;
		 transform: none;
		 padding: 0 24px;
		 justify-content: flex-start;
	}
	 .mainvisual .font-b2 {
		 font-size: 14px;
	}
	 .mainvisual .btn-box .button-text-type01 {
		 font-size: 1rem;
	}
	 .mainvisual .all-box {
		 bottom: auto;
		 top: max(44vh, 300px);
		 left: auto;
		 right: 2rem;
		 transform: none;
		 width: auto;
		 padding: 0;
		 font-size: 11px;
	}
	 .mainvisual .all-box .num > div {
		 height: auto;
		 min-width: auto;
		 padding: 5px 10px;
		 width: auto;
		 background: rgba(0, 0, 0, 0.3) !important;
		 color: #fff !important;
	}
	 .mainvisual .all-box .num > div.arrow-box, .mainvisual .all-box .num > div.play-pause {
		 display: none;
	}
	 .mainvisual .all-box .swiper-pagination > * {
		 color: #fff !important;
	}
	 .mainvisual .img-box img, .mainvisual .img-box.noImg:before {
		 object-position: center;
	}
	 .mainvisual .txt > h3 {
		 margin: 8px 0 14px;
		 width: 100%;
	}
	 .mainvisual .btn-box {
		 gap: 14px 6px;
		 padding-top: 14px;
	}
	 .mainvisual .badge-box {
		 padding: 0;
	}
	 .mainvisual .swiper-slide.fullsize .txt {
		 display: block;
		 text-align: left;
	}
	 .mainvisual .default .txt > h3 {
		 display: flex;
		 flex-direction: column;
		 line-height: 1;
		 align-items: flex-start;
		 text-align: left;
		 gap: 1rem;
		 padding-top: 40px;
	}
	 .mainvisual .default .txt > h3 span:not(.sbtit) {
		 font-size: 3.6rem;
	}
	 .mainvisual .default .txt > h3 span, .mainvisual .default .txt > h3 span.sbtit, .mainvisual .default .txt > p {
		 margin: 0;
		 padding: 0;
	}
	 .mainvisual .swiper-slide, .mainvisual .swiper-slide.fullsize {
		 max-height: none;
		 padding: 0;
		 display: flex;
		 flex-direction: column;
		 gap: 36px;
		 min-height: auto;
	}
	 .mainvisual .autoplay-progress {
		 display: none;
	}
}
 @media only screen and (max-width: 1023px) {
	 .mainvisual {
		 margin-top: 0;
		 height: max(calc(100vh - 55px), 750px);
		 max-height: none;
	}
	 .mainvisual .img-box, .mainvisual .swiper-slide.fullsize .img-box {
		 padding-left: 0;
		 height: max(50vh, 350px);
		 order: 1;
		 flex: none;
		 overflow: hidden;
	}
	 .mainvisual .sponsor {
		 top: 2rem;
	}
	 .mainvisual .txt-box {
		 order: 2;
		 position: relative;
		 left: auto;
		 top: auto;
		 transform: none;
		 padding: 0 24px;
		 justify-content: flex-start;
	}
	 .mainvisual .font-b2 {
		 font-size: 14px;
	}
	 .mainvisual .btn-box .button-text-type01 {
		 font-size: 1rem;
	}
	 .mainvisual .all-box {
		 bottom: auto;
		 top: max(44vh, 300px);
		 left: auto;
		 right: 2rem;
		 transform: none;
		 width: auto;
		 padding: 0;
		 font-size: 11px;
	}
	 .mainvisual .all-box .num > div {
		 height: auto;
		 min-width: auto;
		 padding: 5px 10px;
		 width: auto;
		 background: rgba(0, 0, 0, 0.3) !important;
		 color: #fff !important;
	}
	 .mainvisual .all-box .num > div.arrow-box, .mainvisual .all-box .num > div.play-pause {
		 display: none;
	}
	 .mainvisual .all-box .swiper-pagination > * {
		 color: #fff !important;
	}
	 .mainvisual .img-box img, .mainvisual .img-box.noImg:before {
		 object-position: center;
	}
	 .mainvisual .txt > h3 {
		 margin: 8px 0 14px;
	}
	 .mainvisual .btn-box {
		 gap: 14px 6px;
		 padding-top: 14px;
	}
	 .mainvisual .badge-box {
		 padding: 0;
	}
	 .mainvisual .swiper-slide.fullsize .txt {
		 display: block;
		 text-align: left;
	}
	 .mainvisual .default .txt * {
		 text-align: left;
		 margin: 0 !important;
		 padding: 0 !important;
		 background: none;
	}
	 .mainvisual .default .txt > h3 {
		 display: flex;
		 flex-direction: column;
		 gap: 0.5rem;
		 margin-bottom: 1rem !important;
		 padding-top: 40px !important;
	}
	 .mainvisual .default .txt > h3 * {
		 font-size: 2.3rem !important;
	}
	 .mainvisual .default .txt > h3 span.sbtit {
		 font-size: 1.2rem !important;
		 color: #fff;
	}
	 .mainvisual .default .txt > p {
		 font-size: 1.2rem;
	}
	 .mainvisual .swiper-slide, .mainvisual .swiper-slide.fullsize {
		 max-height: none;
		 padding: 0;
		 display: flex;
		 flex-direction: column;
		 gap: 36px;
		 min-height: auto;
	}
	 .mainvisual .autoplay-progress {
		 display: none;
	}
	 .main_w, .content {
		 gap: 40px;
	}
	 .magazin_w + .utplay_w {
		 margin-top: -40px;
	}
	 .container:after {
		 content: "";
		 display: block;
		 width: 100%;
		 height: 10px;
		 background: var(--gray-100-color);
	}
	 .content article {
		 gap: 14px;
	}
	 .content article.magazin_w {
		 flex-direction: column;
		 align-items: center;
	}
	 .magazin_w, .utplay_w {
		 padding: 40px 0;
	}
	 .magazin_w h2, .utplay_w h2 {
		 position: relative;
		 left: auto;
		 top: auto;
	}
	 .magazin_w .magazin_g .btn_box button, .utplay_w .magazin_g .btn_box button {
		 font-size: 1rem;
		 height: 46px;
	}
	 .magazin_w .magazin_g .mz_detail h3, .utplay_w .magazin_g .mz_detail h3 {
		 font-size: 1.5rem;
	}
	 .magazin_w .magazin_g .summary, .utplay_w .magazin_g .summary {
		 font-size: 14px;
	}
	 .magazin_g {
		 background: none;
		 padding-right: 0;
		 box-shadow: none;
	}
	 .thum_w .list_box {
		 flex-wrap: nowrap;
		 overflow: hidden;
		 overflow-x: auto;
	}
	 .thum_w .list_box .list > a {
		 height: auto;
	}
	 .sns_w {
		/* .thum_w {
			flex-direction: row;
			 overflow-x: auto;
			 gap: 8px;
		}
		 .thum_w .list_box {
			overflow: unset;
			 overflow-x: unset;
			 display: contents;
		}
		 */
	}
	 .sns_w .thum_w {
		 flex-direction: column;
		 overflow-x: hidden;
		 gap: 20px;
	}
	 .sns_w .thum_w .list_box {
		 display: flex;
		 flex-wrap: wrap;
	}
	 .sns_w .sns_w .list_box .list {
		 visibility: hidden;
	}
	 .sns_w .list.spoVideo .thumnail:after {
		 width: 40px;
		 height: 40px;
		 background-size: 14px;
	}
	 .sns_w .thum_w .list:after {
		 width: 32px;
		 height: 32px;
		 top: 8px;
		 right: 8px;
		 background-size: 32px !important;
	}
	 .sns_w .thum_w .list_box .list {
		 min-width: 130px !important;
		 width: calc(50% - 10px);
		 justify-content: space-between;
		 flex: none;
	}
	 .org_w .s-list.open > a {
		 justify-content: flex-end;
		 padding-bottom: 60px;
		 gap: 10px;
		 background: linear-gradient(360deg, rgba(0, 0, 0, 0.80) 25.84%, rgba(0, 0, 0, 0.20) 53.32%, rgba(0, 0, 0, 0.00) 72.01%);
	}
	 .notice_w .tab_box {
		 gap: 15px;
	}
	 .notice_w .tabs {
		 font-size: 1.25rem;
		 white-space: nowrap;
	}
	 .notice_w .n-header {
		 width: 140px;
		 gap: 16px;
		 z-index: 3;
	}
	 .notice_w .list > ul {
		 gap: 24px;
	}
	 .notice_w .list > ul > li > a {
		 gap: 6px;
	}
	 .notice_w .list > ul > li::before {
		 bottom: -12px;
	}
	 .notice_w .list > ul > li > a .type + .type:before {
		 left: -5px;
	}
	 .notice_w .list > ul > li > a .con .title {
		 font-size: 1.125rem;
	}
	 .notice_w .list > ul > li > a .con .date {
		 height: auto;
	}
	 .notice_w li.nodata {
		 transform: none;
	}
	 .sponsor_w {
		 padding-bottom: 140px;
	}
	 .sponsor_w .swiper_tool {
		 display: none !important;
	}
	 .sponsor_w .cs_box {
		 font-size: 12px;
		 flex-direction: column;
		 gap: 0;
		 margin-right: 80px;
	}
	 .sponsor_w .cs_box button {
		 position: absolute;
		 bottom: 60px;
		 height: 46px;
		 width: 100%;
		 left: 0;
		 font-size: 1rem;
	}
	 .sponsor_w .hgroup {
		 margin-bottom: 30px;
	}
	 .thum_w .list_box .list {
		 min-width: 205px !important;
	}
}
 @media only screen and (max-width: 767px) {
	 .mainvisual .txt > h3 {
		 width: 100%;
	}
	 .mainvisual .img-box img {
		 object-position: 0 0;
	}
	 .mainvisual .sponsor {
		 right: 1.5rem;
		 top: 1.5rem;
	}
	 .mainvisual .sponsor img {
		 max-height: 30px;
	}
	 .mainvisual .txt > p {
		 width: 100%;
	}
	 .mainvisual .default .txt > h3 * {
		 font-size: 2rem !important;
	}
	 .mainvisual .default .txt > h3 span {
		 font-size: 1.5rm !important;
	}
	 .mainvisual .default .txt > h3 span.sbtit {
		 font-size: 1rem !important;
		 color: #fff;
	}
	 .mainvisual .default .txt > p {
		 font-size: 1rem;
	}
	 .notice_w {
		 padding: 60px 0 60px 0;
	}
	 .notice_w > h2 {
		 margin-bottom: 0;
	}
	 .notice_w .tab_box {
		 flex-direction: column;
	}
	 .notice_w .n-header {
		 width: 100%;
		 flex-direction: row;
		 overflow: hidden;
		 overflow-x: auto;
		 gap: 20px;
	}
	 .notice_w .tabs {
		 white-space: nowrap;
		 flex: none;
		 font-size: 1.125rem;
	}
	 .notice_w .tabs:after {
		 display: none;
	}
	 .notice_w .list > ul {
		 padding-bottom: 60px;
	}
	 .notice_w .list > ul > li > a .con {
		 flex-direction: column;
		 align-items: flex-start;
		 gap: 4px;
	}
	 .notice_w .list > ul > li > a .con .date {
		 text-align: left;
	}
	 .notice_w .list > ul > li > a .con .title {
		 white-space: normal;
		 text-overflow: ellipsis;
		 display: -webkit-box;
		 -webkit-line-clamp: 2;
		 -webkit-box-orient: vertical;
		 font-size: 1rem;
	}
	 .notice_w li.nodata {
		 transform: translate(0px, 0);
	}
	 .notice_w .main_more {
		 transform: translateX(-50%) !important;
	}
	 .org_w .s-slide {
		 flex-direction: column;
		 width: 100%;
	}
	 .org_w .s-slide .s-list {
		 height: 70px;
		 width: 100%;
		 background-position: 66% 50%;
	}
	 .org_w .s-slide .s-list.open {
		 height: 220px;
	}
	 .org_w .s-slide .s-list.open > a {
		 background: none;
		 justify-content: center;
		 padding: 0 20px;
		 gap: 20px;
	}
	 .org_w .s-slide .s-list .txt .off {
		 right: auto;
		 left: 20px;
		 top: 50%;
		 transform: translate(0, -50%);
	}
	 .org_w .s-slide .s-list .txt .off h3 {
		 writing-mode: horizontal-tb;
		 letter-spacing: 0;
	}
	 .org_w .s-slide .s-list .tx, .org_w .s-slide t .on > h3 {
		 gap: 0;
	}
	 .magazin_w h2 {
		 width: 100%;
		 text-align: center;
		 align-items: center;
	}
	 .magazin_g {
		 flex-direction: column;
		 gap: 30px;
		 align-items: center;
		 background: none;
		 box-shadow: none;
		 padding-right: 0;
	}
	 .magazin_g .cover_box, .magazin_g .cover_box.noImg {
		 width: main(76%, 300px);
		 min-height: 200px;
	}
	 .magazin_g .txt_box, .magazin_g .mz_detail {
		 align-items: center;
		 padding-bottom: 0;
	}
	 .magazin_g .summary {
		 text-align: center;
	}
	 .sns_w .thum_w .list_box {
		 gap: 8px;
	}
	 .sns_w .thum_w .list_box .list {
		 min-width: 130px !important;
		 width: calc(50% - 4px);
		 justify-content: space-between;
	}
	 .sponsor_w .company img {
		 height: auto !important;
	}
	 .sns_w #youtubeList .list.spoVideo .thumnail:after {
		 left: 40%;
		 top: 40%;
	}
	 .sns_w .thum_w .list:after {
		 width: 28px;
		 height: 28px;
		 top: 6px;
		 right: 6px;
		 background-size: 28px !important;
	}
}
 @media only screen and (max-width: 340px) {
	 .mainvisual .txt-box {
		 padding: 0 16px;
	}
	 .mainvisual .btn-box .button-text-type01 {
		 min-width: 120px;
	}
	 .mainvisual .btn-box {
		 gap: 8px 6px;
	}
}
 li.nodata.big:before, .notice_w .list > ul > li.nodata.big:before {
	 font-family: 'spo';
	 speak: none;
	 font-style: normal;
	 font-weight: normal;
	 font-variant: normal;
	 text-transform: none;
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
	 content: "\e720" !important;
	 display: block !important;
	 margin-bottom: 1rem;
	 font-size: 3rem;
	 display: block;
	 position: relative;
	 left: auto;
	 bottom: auto;
	 height: auto;
	 background: none;
	 color: var(--main-color);
}
 .notice_w .list > ul > li.nodata.big {
	 flex-direction: column;
	 color: var(--gray-600-color);
}
 .quick_dot {
	 position: fixed;
	 left: 25px;
	 top: 0vh;
	 transform: translate(0, 15vh);
	 z-index: 5;
	 display: none;
}
 .quick_dot ul {
	 display: flex;
	 flex-direction: column;
	 gap: 8px;
}
 .quick_dot li {
	 width: 20px;
	 height: 20px;
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
 .quick_dot li > a {
	 display: block;
	 width: 100%;
	 height: 100%;
	 transition: 0.3s;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 position: relative;
}
 .quick_dot li > a:focus {
	 outline: none !important;
}
 .quick_dot li > a:before {
	 content: "";
	 display: block;
	 display: block;
	 width: 6px;
	 height: 6px;
	 background: #000;
	 transition: 0.3s;
	 border-radius: 100%;
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 transform: translate(-50%, -50%);
}
 .quick_dot li > a:after {
	 content: "";
	 display: block;
	 display: block;
	 width: 12px;
	 height: 12px;
	 border: 1px solid var(--main-color);
	 transition: 0.3s;
	 border-radius: 100%;
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 transform: translate(-50%, -50%);
	 visibility: hidden;
}
 .quick_dot li.curr > a:before {
	 background-color: var(--main-color);
	 width: 8px;
	 height: 8px;
}
 .quick_dot li.curr > a:after {
	 visibility: visible;
	 width: 16px;
	 height: 16px;
}
 .quick_dot li:hover > a:before, .quick_dot li:focus-within > a:before {
	 width: 8px;
	 height: 8px;
}
 .quick_dot li:hover > a:after, .quick_dot li:focus-within > a:after {
	 width: 16px;
	 height: 16px;
}
 .quick_dot li span {
	 position: absolute;
	 left: 30px;
	 top: 50%;
	 transform: translate(40px, -50%);
	 white-space: nowrap;
	 font-size: 11px;
	 visibility: hidden;
	 opacity: 0;
	 transition: visibility 0.3s, opacity 0.3s, transform 0.3s;
	 color: #fff;
	 background: #222;
	 padding: 2px 6px;
	 border-radius: 4px;
	 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	 z-index: -1;
	 pointer-events: none;
	 width: 0;
}
 .quick_dot li span:before {
	 position: absolute;
	 content: "";
	 left: -6px;
	 top: 50%;
	 transform: translateY(-50%);
	 width: 0;
	 height: 0;
	 border-top: 4px solid transparent;
	 border-bottom: 4px solid transparent;
	 border-right: 6px solid #222;
}
 .quick_dot li:hover span, .quick_dot li:focus-within span {
	 visibility: visible;
	 opacity: 1;
	 z-index: 1;
	 width: auto;
	 transform: translate(0px, -50%);
	 transform: translate(0, -50%);
}
 @media only screen and (min-width: 1600px) {
	 .quick_dot {
		 display: block;
	}
}