@charset "utf-8";

/* area-prepare */
.area-prepare {position: relative; background: url('../images/prepare-bg.jpg') no-repeat center/cover; width: 100%; height: 100vh;}
.area-prepare__cont {position: absolute; top: 50%; left: 50%; width: calc(100% - 50rem); transform: translate(-50%, -50%); text-align: center;}
.area-prepare__cont h1 {font-size: 50rem; font-weight: 400; font-family: var(--font-point); color: #fff;}
.area-prepare__cont p {line-height: 1.5; padding-top: 25rem; font-size: 22rem; font-weight: 300; color: #fff;}
.area-prepare__cont a {display: table; padding: 15rem 18rem; margin: 55rem auto 0; background: linear-gradient(-42deg, #ec008c, #00a8e5); font-size: 16rem; color: #fff; transition: all .3s;}
@media (max-width:540px) {
    .area-prepare__cont h1 {font-size: 38rem;}
    .area-prepare__cont p {font-size: 20rem;}
}

/* main */
#content {display:grid; grid-template:'a b' auto 'c b' auto / 79% 21%; max-width: 100%;}
.main-visual__wrap{grid-area:a;}
.area-aside{grid-area:b;}
.main-content{grid-area:c;}

.wrap {padding: 0 100rem;}

.top-banner {position: relative; width: 100%; height: 8.8vh; }
.top-banner a img {object-fit: cover; width: 100%; height: 100%;}
.top-banner__chk {display: flex; align-items: center; position: absolute; top: 50%; right: 40rem; transform: translateY(-50%); background: rgba(0,0,0,0.15); padding: 12rem; border-radius: 7rem;}
.top-banner__chk span {margin-right: 8rem; font-size: 15rem; font-weight: 500; color: var(--color-white);}
.top-banner__chk input[type="checkbox"] {width: 16rem; height: 16rem; accent-color: #1eb9ee;}
.top-banner__chk input[type="checkbox"]{display: none;}
.top-banner__chk input[type="checkbox"] + label{position: relative; top: -2rem; display: inline-block; width: 16px; height: 16px; margin-right: 5rem; background: var(--color-white);}
.top-banner__chk input[id="check1"]:checked + label {background: #e20d82;}
.top-banner__chk input[id="check1"]:checked + label::after{content:'\2713'; position: absolute; left: 0; top: -3rem; font-size: 20px; width: 16px; height: 16px; text-align: center; color: var(--color-white);}
.top-banner__chkClose {display: block; line-height: 0; cursor: pointer;}
.top-banner__chkClose img {height: 12rem;}
.top-banner a img.mob {display: none;}

.main-visual__wrap {overflow-x:hidden; display: flex; position: relative;}
.main-visual {position: relative; width:100%; overflow: hidden;}
.main-visual__img {position:relative; height: calc(var(--vh, 1vh) * 91.3); background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.main-visual__img .mob{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.main-visual .swiper-slide {overflow: hidden;}

.main-visual__txt-wrap {position: absolute; top: 31%; left: 0; z-index: 4; width: 100%;}
.main-visual__txt {margin: 0 auto; padding: 0 0 0 127rem; color: var(--color-white);}
.main-visual__txt span {display: block; font-size: 20rem; font-weight: bold; font-family: var(--font-pointEng02); animation: visual-ani 1.5s .1s cubic-bezier(0.4, 0, 0.2, 1) both;}
.main-visual__txt h1 {padding-top: 22rem; font-size: 55rem; font-family: var(--font-point); font-weight: 100; line-height: 1.4; animation: visual-ani2 1.5s .3s cubic-bezier(0.4, 0, 0.2, 1) both;}
.main-visual__txt h1 br:nth-of-type(2){display:none;}

.main-btmInfo {position: absolute; bottom: 0; width: 100%; background: var(--color-white); z-index: 1; border-bottom: 1rem solid #ddd;}
.main-btmInfo__list {display: flex; align-items: center; height: 79rem; padding: 0 0 0 43rem;}
.main-btmInfo__item {position: relative; display: flex; align-items: center;}
.main-btmInfo__item:nth-child(n+2) {padding: 0 0 0 52rem; margin: 0 0 0 52rem;} 
.main-btmInfo__item:nth-child(n+2)::before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1rem; height: 20rem; background: #ddd;}
.main-btmInfo__item em {position: relative;}
.main-btmInfo__item em::before {content: ''; position: absolute; left: 0;}
.main-btmInfo__item.it1 em::before {top: 0; background: url('../images/main/ic-main__btm01.svg') no-repeat; width: 26rem; height: 26rem;}
.main-btmInfo__item.it2 em::before {top: -1rem; background: url('../images/main/ic-main__btm02.svg') no-repeat; width: 27rem; height: 25rem;}
.main-btmInfo__item.it3 em::before {top: 5rem; background: url('../images/main/ic-main__btm03.svg') no-repeat; width: 18rem; height: 18rem;}
.main-btmInfo__item em {font-size: 21rem; font-weight: 600; color: var(--color-base); padding: 0 15rem 0 36rem;} 
.main-btmInfo__item.it3 em {padding: 0 15rem 0 26rem;}
.main-btmInfo__item span {font-size: 20rem; font-weight: 300; text-align: center; color: #444;}
.main-btmInfo__location {display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 0; width: 203rem; height: 100%; background: #10a3e4; color: var(--color-white) !important; font-size: 21rem; font-weight: 600;}
.main-btmInfo__location span {display: block; position: relative; padding-right: 24rem;}
.main-btmInfo__location span::before {content: ''; position: absolute; top: 5rem; right: 0; background: url('../images/main/ct-arrow_wt.svg') no-repeat; width: 10rem; height: 16rem;}

.area-aside {position:sticky; top:0; height:100vh; transition: all 1s ease; z-index: 9;}
.area-aside__top {position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: space-between; width:100%; height: 89rem; padding: 0 40rem; background: #05154f; border-bottom: 1rem solid rgba(255,255,255,.1); box-sizing: border-box; z-index: 9;}
.area-aside__top strong {font-size: 27rem; font-family: var(--font-pointEng02); color: var(--color-white);}
.area-aside__cont-wrap {height: 100vh; background: #192361; transition: all 1s ease;}
.area-aside__cont {height: 100%; padding: 40rem; margin: 70rem 0;}
.area-aside__cont > div {margin-top: 50rem;}
.area-aside__icMenu {display: grid; grid-template-columns: 1fr 1fr; align-items: flex-end;}
.area-aside__icMenu li img {display: table; margin: 0 auto;}
.area-aside__icMenu li:nth-child(-n+2) {padding: 23rem 20rem 30rem;}
.area-aside__icMenu li:nth-child(1) img {position: relative; top: 3rem; height: 40rem;}
.area-aside__icMenu li:nth-child(2) img {height: 34rem;}
.area-aside__icMenu li:nth-child(3) img {height: 39rem;}
.area-aside__icMenu li:nth-child(4) img {height: 39rem;}
.area-aside__icMenu li:nth-child(n+3) {padding: 30rem 21rem 23rem; border-top: 1rem solid rgba(255,255,255,.1);}
.area-aside__icMenu li:nth-child(2n) {border-left: 1rem solid rgba(255,255,255,.1);}
.area-aside__icMenu li span {display: block; padding-top: 20rem; font-size: 17rem; font-weight: 500; color: var(--color-white); text-align: center;}
.area-aside__searchBox-tit {font-size: 19rem; color: var(--color-white); font-weight: 500; margin-bottom: 14rem;}
.area-aside__searchBox-input {position: relative;}
.area-aside__searchBox input {width: 100%; height: 60rem; padding: 0 22rem; border: 2rem solid rgba(255,255,255,.2); background: transparent; color: var(--color-white);}
.area-aside__searchBox input::placeholder {font-size: 16rem; color: rgba(255,255,255,.2);} 
.area-aside__searchBox input:focus {outline: none;}
.area-aside__searchBox .search-btn {position: absolute; right: 25rem; top: 50%; transform: translateY(-50%); background: url('../images/main/ic-search.svg') no-repeat; width: 21rem; height: 21rem; text-indent: -9999rem;}
.area-aside__vr-tit {font-size: 20rem; color: var(--color-white); font-weight: 600; margin-bottom: 14rem;}
.area-aside__vr a {position: relative; display: block; width: 100%;}
.area-aside__vr a::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 82rem; height: 82rem; background: url(../images/main/ic-aside__360.svg) center center/49rem 31rem no-repeat, linear-gradient(-42deg, #ec008c, #00a8e5); border-radius: 100%; -webkit-box-shadow: 0px 0px 31px 10px rgba(0,0,0,0.29); box-shadow: 0px 0px 31px 10px rgba(0,0,0,0.29); transition: all .4s;}
.area-aside__vr a:hover::before {width: 100%; height: 100%; border-radius: 0; transition: all .4s;}
.area-aside__vr img {width: 100%;}
.area-aside__mobClose {display: none;}

.vhHeight {height: 100vh; top: 0;}

.swiper-pgBar__box {position: absolute; z-index:1; bottom: -93rem; left: 127rem;}
.swiper-pgBar{position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 90rem; height: 2rem; z-index: 1;}
.swiper-pgBar .swiper-pgBar__line {position: absolute; top: 0; left: 0; right: 0; width: auto; height: 2rem ;background: rgba(255,255,255,.4); clear: both;}
.swiper-pgBar .swiper-pgBar__line:after{position: absolute; top: 0; left: 0; background: #fff; height: 100%; width: 0; content: ""; transition: .1s width linear;}
.swiper-pgBar.active .swiper-pgBar__line{opacity: 1;}
.swiper-pgBar.animate .swiper-pgBar__line:after{transition: width linear; transition-delay: unset; width: 100%; transition-duration: 7s;}

.main-visual .swiper-pagination {position: unset; display: flex; justify-content: space-between; width: 155rem; color: var(--color-white); font-size: 0;}
.main-visual .swiper-pagination span {position: relative; font-size: 15rem;}
.main-visual .swiper-pagination span:nth-child(n+2)::before {content: ''; position: absolute; top: 50%; left: 0; width: 1rem; height: 7rem; background: var(--color-white); opacity: .5; transform: translateY(-50%);}
.main-visual .swiper-slide-active .main-visual__img {animation:visualScale 8s both;}
.main-visual__ctBtn {display: flex; position: absolute; right: -67rem; top: 50%; transform: translateY(-50%);}
.main-visual__ctBtn .swiper-button-next,
.main-visual__ctBtn .swiper-button-prev {position: unset; margin-top: 0; width: auto; height: auto; background: transparent;}
.main-visual__ctBtn .swiper-button-next:after, 
.main-visual__ctBtn .swiper-button-prev:after {display: none;}
.main-visual__ctBtn .swiper-button-next {background: url('../images/main/ct-arrow_wt.svg') no-repeat; width: 9rem; height: 14rem;}
.main-visual__ctBtn .swiper-button-prev {background: url('../images/main/ct-arrow_wt.svg') no-repeat; width: 9rem; height: 14rem; transform: rotate(180deg);}
.main-visual__ctBtn .swiper-button-pause {background: url('../images/main/icon-popup-pause.svg') no-repeat; width: 9rem; height: 14rem; margin: 0 11rem;}
.main-visual__ctBtn .swiper-button-pause.on {background: url('../images/main/icon-popup-stop.svg') no-repeat; width: 9rem; height: 14rem; background-position: center;}
.main-visual__popup-number {color: var(--color-white); font-size: 14rem;}

.main-tit__wrap {display: flex; align-items: baseline;}
.main-tit__wrap span {display: inline-block; font-size: 17rem; color: #999; padding: 0 0 0 15rem;}
.main-tit {font-size: 38rem; font-weight: 600;}
.main-tit.ty2 {font-size: 34rem;}

.main-sec__top {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 30rem;}

.main-section01 {margin-top: 100rem;}
.main-sec01__slide {overflow: hidden; padding: 27rem 0; border-top: 2rem solid #222; border-bottom: 1rem solid #ddd;}
.main-sec01__slide ul{padding: 32rem 0;}
/* .main-sec01__slide .swiper-slide {border-left: 1rem dashed #ddd;}
.main-sec01__slide .swiper-slide-active{border-left: 0;}
*/
.main-sec01__slide a{display:block; width:clamp(200rem, 18.75vw, 360rem); margin:0 auto;}
.main-sec01__slide .img {position: relative; /* height: 460rem; */ box-sizing:border-box; margin: 0 auto; border:1rem solid #ececec; aspect-ratio:1/1.414;}
.main-sec01__slide .img img {width: 100%; height: 100%; object-fit: cover;}
.main-sec01__slide .img:before{content:attr(data-exhibition); opacity:0; display:flex; justify-content:center; align-items:center; position:absolute; top:0; left:0; z-index:10; width:100%; height:100%; background-color:rgba(0,0,0,0.6); color:#fff; font-size:30px; font-weight:600; text-align:center; transition:opacity 0.3s;}
.main-sec01__slide a:hover .img:before{opacity:1;}
.main-sec01__slide .img-item {position: absolute; display: flex; align-items: center; justify-content: center; top: 0; left: 0; width: 64rem; height: 64rem; font-size: 17rem; font-weight: 600; color: var(--color-white);}
.main-sec01__slide .img-item.present {background: linear-gradient(-42deg, #ec008c, #00a8e5);}
.main-sec01__slide .img-item.past {background: rgba(0,0,0,0.75);}
.main-sec01__slide p {font-size: 23rem; font-weight: 600; color: #333; word-break:keep-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.main-sec01__slide :not(.conts) > p{text-align: center; padding: 26rem 20rem 0;}
.main-sec01__slide .conts{display:flex; flex-wrap:wrap; gap:7rem 5rem; width:100%; box-sizing:border-box; margin:0 auto; padding:26rem 0 0;}
.main-sec01__slide .conts p{flex:0 1 100%; margin-top:5rem;}
.main-sec01__slide .conts .exhibit-status{display:inline-flex; align-items:center; min-height:30rem; padding:0 10rem; border:1rem solid #222; background-color:#222; color:#fff; font-size:14rem;}	  
.main-sec01__slide .conts .exhibit-status.space{background-color:#fff; border-color:#ccc; color:inherit;}
.main-sec01__slide .conts em{margin-top:10rem; color:#999; font-size:15rem;}
	/* 추가수정 20250221 */
.main-sec01__slide{display:grid; grid-template-columns:calc(100% / 3) calc((100% / 3) * 2); gap:30rem 0; }
.slide-fixed{position:relative;}
.slide-fixed:after{content:''; display:block; position:absolute; right:0rem; top:0; width:1rem; height:100%; border-right:1rem dashed #ddd;}
.main-sec01__slide .ko_board_noData{display:flex; justify-content:center; align-items:center; height:100%; border-width:0; padding:0; color:#999;}
.main-sec01__slide .swiper{overflow:hidden;}
.main-section01 .sec-arrow .swiper-button-disabled{opacity:0.2;}

.sec-arrow {display: flex;}
.sec-arrow .swiper-button-next,
.sec-arrow .swiper-button-prev {position: unset; width: 55rem; height: 55rem; border: 1rem solid #ddd; box-sizing: border-box;}
.sec-arrow .swiper-button-prev{margin-right:-1rem;}
.sec-arrow .swiper-button-next:after {content: ''; background: url('../images/main/ct-arrow_bk.svg') no-repeat; width: 9rem; height: 14rem;}
.sec-arrow .swiper-button-prev:after {content: ''; background: url('../images/main/ct-arrow_bk.svg') no-repeat; width: 9rem; height: 14rem; transform: rotate(-180deg);}

.main-section02 {margin-top: 100rem;}
.main-sec02__top {overflow: hidden; display: flex; justify-content: space-between; border-top: 2rem solid #000002; border-bottom: 2rem solid #000002;}
.main-sec02__flow {display: flex; flex: 0 0 auto; white-space: nowrap; overflow: hidden; width: 95%; transition: 0.3s;}
.main-sec02__flow p {display: flex; align-items: center; font-size: 19rem; font-weight: 500; color: #474747;  white-space: nowrap;  animation: textLoop 10s linear infinite;}
.main-sec02__flow p i {display: inline-block; padding: 0 12rem; line-height: 0;}
.main-sec02__flow p img {height: 15rem;}
.main-sec02__more {position: relative; display: block; width: 52rem; height: 58rem;}
.main-sec02__more::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url('../images/main/ic_plus.svg') no-repeat; width: 15rem; height: 15rem;}
.main-sec02__more::after {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1rem; height: 25rem; background: #ddd;}
.main-sec02__notice {display: grid; grid-template-columns: 1fr 1fr 1fr; padding: 21rem 0; border-bottom: 1rem solid #ddd;}
.main-sec02__notice-list a {display: block; padding: 26rem 35rem; box-sizing: border-box;}
.main-sec02__notice-list:nth-child(n+2) {border-left: 1rem dashed #ddd;}
.main-sec02__notice-list i {position: relative; display: block; padding-left: 16rem; font-size: 16rem; font-weight: 600; color: #00a0e2;}
.main-sec02__notice-list i::before {content: ''; position: absolute; top: 5rem; left: 0; width: 8rem; height: 8rem; border-radius: 100%; background: #00a0e2;}
.main-sec02__notice-list strong {display: block; line-height: 1.5; padding-top: 20rem; font-size: 25rem; font-weight: 600; color: #333; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.main-sec02__notice-list span {display: block; padding-top: 25rem; font-size: 15rem; font-weight: 500; color: #999; font-family: var(--font-pointEng);}
	/* 추가수정 20250221 */
.main-section02 .ko_board_noData{border-width:0 0 2rem 0; color:#999;} 
.main-sec02__notice .img{display:block; overflow:hidden; aspect-ratio:16/11; padding-top:0;}
.main-sec02__notice .img img{object-fit:cover; display:block; width:100%; height:100%; transition:transform 0.5s ease;}
.main-sec02__notice-list i{margin-top:15rem;} 
.main-sec02__notice-list strong{line-height:1.4em; height:2.8em; padding-top:10rem; font-size:23rem;}
.main-sec02__notice-list span:not(.img){padding-top:20rem;}
.main-sec02__notice{border-top:2rem solid #ddd;}
.main-sec02__flow .flow-box{display:flex; align-items:center; gap:20rem; white-space:nowrap;}
.main-sec02__flow .flow-box a{display:flex; align-items:center; gap:20rem; font-size:19rem; font-weight: 500; color: #474747; white-space: nowrap; /* animation:textLoop 10s linear infinite; */} 
.main-sec02__flow .flow-box a span{flex:none; width:250rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main-sec02__flow .flow-box a:after{content:''; display:block; width:37rem; height:15rem; background:url(../images/main/ic-flow__sym01.svg) no-repeat 50% 50%; background-size:auto 100%;}
.main-sec02__flow .flow-box a:nth-of-type(1):after{background-image:url(../images/main/ic-flow__sym01.svg);}
.main-sec02__flow .flow-box a:nth-of-type(2):after{background-image:url(../images/main/ic-flow__sym02.svg);}
.main-sec02__flow .flow-box a:nth-of-type(3):after{background-image:url(../images/main/ic-flow__sym03.svg);}
.main-sec02__flow .flow-box a:nth-of-type(4):after{background-image:url(../images/main/ic-flow__sym04.svg);}
.main-sec02__flow .flow-box a:nth-of-type(5):after{background-image:url(../images/main/ic-flow__sym01.svg);}
.main-sec02__flow .flow-box a:nth-of-type(6):after{background-image:url(../images/main/ic-flow__sym02.svg);}
.main-sec02__flow .flow-box a:nth-of-type(7):after{background-image:url(../images/main/ic-flow__sym03.svg);}
.eocjs-newsticker{position:relative;}
.eocjs-newsticker .eocjs-newsticker-one,
.eocjs-newsticker .eocjs-newsticker-two{display:flex; gap:16rem; position:absolute; left:0; top:50%; white-space:nowrap; transform:translateY(-50%);}

@media (hover:hover){
	.main-sec02__flow .flow-box:hover a{animation-play-state:paused;}
}

@keyframes textLoop {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
    100% {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
}
@media (hover:hover){
	.main-sec02__notice-list:hover .img img{transform:scale(1.08);}
}

.main-section03 {margin:100rem 0 100rem;}
.main-sec03__slide {overflow: hidden;}
.main-sec03__slide .img {position: relative; width: 100%; height: 350rem;}
.main-sec03__slide .img img {width: 100%; height: 100%; object-fit: cover;}
.main-sec03__slide .img::before {content: ''; position: absolute; bottom: 52rem; right: 20rem; width: 60rem; height: 60rem; border-radius: 100%; background: url(../images/main/ic-youtube.svg) 24rem center/16rem 20rem no-repeat,linear-gradient(90deg, #e50020, #f73535); box-shadow: 0px 0px 31px 10px rgba(0,0,0,0.29);}
.main-sec03__slide p {padding-top: 28rem; text-align: center; font-size: 25rem; font-weight: 600; color: #333;}
	/* 추가수정 20250221 */
.main-sec03__notice .list{display:grid; grid-template-columns:repeat(5, 1fr); gap:25rem;}
.main-sec03__notice .list a{display:block;}
.main-sec03__notice .list > li:nth-of-type(6){display:none;}
.main-sec03__notice .img{overflow:hidden; display:block; border:1rem solid #efefef; aspect-ratio:9/10;}
.main-sec03__notice .img img{display:block; width:100%; height:100%; object-fit:contain; transition:transform 0.5s ease;}
.main-sec03__notice p{display: block; padding-top: 20rem; font-size: 18rem; font-weight: 600; color: #333; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break:keep-all;}
.main-sec02__more.btn{display:block; box-sizing:border-box; width: 55rem; height: 55rem; border: 1rem solid #ddd;}
.main-sec02__more.btn:after{display:none;}
.main-section03 .ko_board_noData{color:#999;}

@media (hover:hover){
	.main-sec03__notice .list a:hover .img img{transform:scale(1.08);}
}

@keyframes visualScale{
	0%{transform:scale(1.13)}
	100%{transform:scale(1)}
}
@keyframes visual-ani {
	from {opacity: 0; -webkit-transform: translateY(40rem); transform: translateY(40rem);}
	to {opacity: 1.0; -webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes visual-ani2 {
	from {opacity: 0; -webkit-transform: translateY(50rem); transform: translateY(50rem);}
	to {opacity: 1.0; -webkit-transform: translateY(0); transform: translateY(0);}
}

@media (max-width:1920px) {
  .area-aside__icMenu {align-items: center;}
  .area-aside__icMenu li:nth-child(-n+2) {padding: 23rem 10rem 30rem;}
  .area-aside__icMenu li:nth-child(n+3) {padding: 30rem 10rem 23rem;}
}
@media (max-width:1800px) {
    .main-btmInfo__item:nth-child(n+2) {padding: 0 0 0 20rem; margin: 0 0 0 20rem;}
}
@media (max-width:1700px) {
  .area-aside__top {padding: 0 25rem;}
  .area-aside__cont {padding: 40rem 25rem;}  
}
@media (max-width:1580px) {
	#content{display:block; overflow-x:hidden;}
    .trigger {display: none;}
	.area-aside {position: fixed; width: 380rem; top:0; right: -380rem; z-index: 999; height: var(--size100vh); margin-top: 0; background: #192361;}
    .area-aside.active {right: 0;}
	.area-aside__icMenu li:nth-child(1) img {height: 35rem;}
	.area-aside__icMenu li:nth-child(2) img {height: 29rem;}
	.area-aside__icMenu li:nth-child(3) img {height: 35rem;}
	.area-aside__icMenu li:nth-child(4) img {height: 34rem;}
	.area-aside__mobClose {display: flex; align-items: center; justify-content: center; position: absolute; top:50%; left:-90rem; width: 130rem; height: 50rem; transform:rotate(-90deg); background: linear-gradient(-42deg, #ec008c, #00a8e5); color: var(--color-white) !important; font-size: 15rem; font-weight: 500;}

	.main-visual {width: 100%;}
	.main-visual__txt {padding: 0 50rem;}
	.swiper-pgBar__box {left: 50rem;}

	.main-content {width: 100%;}    
	.main-sec01__slide a{width:90%;}
}

@media (max-width:1300px) {
  .wrap {padding: 0 30rem;}

  .main-sec02__flow {width: 92%;}
}

@media (max-width:1024px) {
	.area-aside{height:var(--size100vh);}

	.main-visual__img{height:auto; aspect-ratio:1/1;}
	.main-visual__img .mob{display:block;}

	.main-sec01__slide {padding: 0;}
	.main-sec03__slide .img {height: 260rem;}
	.main-sec03__slide .img::before {bottom: 38rem;}
	.main-sec03__slide p {font-size: 20rem; padding-top: 25rem;}

	.main-btmInfo__list {padding: 0; justify-content: center;}
	.main-btmInfo__location {position: unset; width: 100%; height: 55rem;} 
	.main-btmInfo__item em {font-size: 18rem; padding: 0 11rem 0 31rem;}
	.main-btmInfo__item span {font-size: 18rem;}
	.main-btmInfo__item.it1 em::before {width: 22rem; height: 22rem;}
	.main-btmInfo__item.it2 em::before {width: 23rem; height: 21rem;}
	.main-btmInfo__item.it3 em {padding: 0 14rem 0 22rem;}
	.main-btmInfo__item.it3 em::before {top: 3rem; width: 17rem; height: 17rem;}  

	.main-sec02__notice-list a{padding:25rem;}

	.main-sec03__notice .list{grid-template-columns:repeat(3, 1fr); gap:30rem 20rem;}
	.main-sec03__notice .list > li:nth-of-type(6){display:block;}
	.main-sec03__notice p{padding-top:15rem;}
}

@media (max-width:768px) {
	.top-banner a img{object-fit: cover;}
	.top-banner a img.mob {display: block;}
	.top-banner a img.web {display: none;}
	.top-banner__chk {bottom: 0; right: 0; top: unset; padding:5rem; border-radius: 0; transform: unset;}

	.main-visual__txt-wrap {top: 25%;}
	.main-visual__txt {padding: 0 35rem;}
	.main-visual__txt h1 {font-size: 45rem;}

	.swiper-pgBar__box {left: 35rem; bottom: -73rem;}

	.main-btmInfo__list {height: auto;}
	.main-btmInfo__item {flex-direction: column; width: 100%; padding: 16rem 0 !important; margin: 0 !important; justify-content: center;}
	.main-btmInfo__item span {display: block; padding-top: 10rem;}

	.main-sec01__slide .swiper-slide :not(.conts) > p {padding-top: 22rem; font-size: 20rem;}
	.main-sec01__slide .swiper-slide .img-item {width: 50rem; height: 50rem; font-size: 15rem;}
	.main-sec01__slide .conts p{font-size:20rem;}
	.main-sec02__notice {grid-template-columns: 1fr 1fr;}
	.main-sec02__notice-list:nth-of-type(3) {display: none;}
	.main-sec02__notice-list a {padding: 26rem;}
	.main-sec02__flow {width: 90%;}

	.main-sec03__slide .img {height: 200rem;}
	.main-sec03__slide .img::before {width: 50rem; height: 50rem; background: url(../images/main/ic-youtube.svg) 21rem center/13rem 17rem no-repeat,linear-gradient(90deg, #e50020, #f73535);}
	.main-sec03__slide p {font-size: 18rem; padding-top: 22rem;}  
}

@media (max-width:620px) {
	.main-visual__txt span {font-size: 16rem;}
	.main-visual__txt h1 {font-size: 32rem; padding-top: 0; line-height: 1.6;}

	.main-tit__wrap {flex-direction: column;}
	.main-tit__wrap span {padding: 15rem 0 0;}

	.main-sec02__flow {width: 85%;}
	.main-sec02__notice-list strong {font-size: 20rem;}
	.main-sec03__slide .img {height: 310rem;}

	.main-btmInfo__list {flex-direction: column;}
	.main-btmInfo__item {flex-direction: unset;}
	.main-btmInfo__item:nth-child(n+2) {border-top: 1rem solid #e8e8e8;}
	.main-btmInfo__item span {padding-top: 0;}
	.main-btmInfo {position: unset;}

	.area-aside__top {height: 75rem;}
	.area-aside__top strong {font-size: 20rem;}
    .area-aside__cont {height: 80%; padding: 30rem 25rem; overflow-y: auto;}

	.main-sec01__slide{grid-template-columns:1fr 1fr;}
}

@media (max-width:540px) {
	.main-visual__txt {padding: 0 25rem;}
	.main-visual__txt h1{font-size:26rem;}
	.swiper-pgBar__box {left: 25rem; bottom:-40rem;}

	.main-section01 {margin-top: 65rem;}
	.main-section02 {margin-top: 80rem;}
	.main-section03 {margin: 65rem 0 100rem;}
	.main-tit {font-size: 30rem;}
	.main-tit.ty2 {font-size: 28rem;}
	.main-tit__wrap span {padding: 10rem 0 0;}

	.main-sec01__slide .conts p{font-size:16rem;}
	.main-sec01__slide .conts em{margin-top:5rem; font-size:13rem;}
	.main-sec01__slide .conts .exhibit-status{min-height:25rem; padding:0 5rem; font-size:12rem;}

	.sec-arrow .swiper-button-next,
	.sec-arrow .swiper-button-prev {width: 40rem; height: 40rem;}
	.sec-arrow .swiper-button-next:after,
	.sec-arrow .swiper-button-prev:after {width: 7rem; height: 12rem;}

	/* 
		.main-sec02__notice {grid-template-columns: 1fr; padding: 0;} 
		.main-sec02__notice-list:nth-child(n+2) {border-left: 0; border-top: 1rem dashed #ddd;}
	*/
	.main-sec02__notice-list a {padding:20rem 10rem;}
	.main-sec02__flow {width: 79%;}
	.main-sec02__flow p {font-size: 18rem;}
	.main-sec03__slide .img {height: 220rem;}
	.main-sec02__notice-list strong{font-size:16rem;}
	.main-sec02__notice-list span:not(.img){font-size:13rem;}
	.main-sec02__notice-list i{padding-left:12rem; font-size:13rem;}
	.main-sec02__notice-list i::before{top:6rem; width:6rem; height:6rem;}

	.main-sec03__notice .list{grid-template-columns:repeat(2, 1fr); gap:30rem 15rem;}
	.main-sec03__notice p{padding-top:10rem; font-size:16rem;}

	.area-aside {width: 330rem; right: -330rem;}
	
}