@charset "UTF-8";


/******************************   default   ******************************/
body {font-size: 10px;}

body section {width: 100%; background-size: cover;}
body main {background:  linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.3)), url(../images/bg_1.png) no-repeat; width: 100%; background-size: cover; background-position: bottom; }

.wrapper {text-align: center; max-width: 90%; margin: 0 auto; padding: 0 1rem;}
.video-wrap .cnt-wrap {font-size: 2rem; height: 100%; display: flex; flex-direction: column;}
.cnt-wrap .title {padding: 2rem 0 1rem 0; flex-grow: 2; display: flex; flex-direction: column; justify-content: center;}
.img-wrap {position: relative;}
.img-wrap img {width: 100%;}

section .title-wrap .sub-title {font-size: 2.5rem; padding-bottom: 2rem;}
section .title-wrap .title {font-size: 4rem; font-weight: bold; margin-bottom: 1rem;}

.video-container .video-stage .video-wrapper .video-wrap,
.festival-container .festival-wrap {width: 32%;margin-bottom: 5rem;} 

.award-container > .award-stage .award-wrapper {width: 24%;}
.award-wrapper:hover {cursor: pointer;}


/******************************    section    ******************************/
.top-wrapper {background: linear-gradient(to right,rgba(14,14,14,1), rgba(54,53,49,1)); color: #fff; height: 60px;}
.top-wrapper > a {display: flex; align-items: center; justify-content: center; height: 100%;}
.top-wrapper > a > .title {padding: 1rem; font-size: 2rem;}
.top-wrapper > a > img {display: block; width: 4rem; margin: .5rem;}

.main-wrapper {height: calc(100vh - 60px); display: flex; align-items: center; justify-content: center;}
.main-wrapper .title-wrap {padding-bottom: 10rem; text-align: center;}
.main-wrapper .title-wrap .sub-title-wrap {color: white; border: 1px solid white; border-radius: 2rem; margin: 0 auto 3rem;}
.main-wrapper .title-wrap .sub-title-wrap > .sub-title {font-size: 2rem; padding: 1%;}

.main-wrapper .title-wrap .title{font-size: 12rem; color: white;}
.main-wrapper .title-wrap .title span{background:linear-gradient(155deg, #ffffff, #ffffff,red, #ffffff, blue, #ffffff, #ffffff);
 -webkit-background-clip: text;   /* 텍스트 모양으로 배경 자르기 (WebKit 브라우저) */
  background-clip: text;          /* 표준 속성 (일부 브라우저) */
  color: transparent;             /* 텍스트 색상 투명 처리 (표준) */
}
.main-wrapper .title-wrap .title-mini{font-size: 4rem;color: white; text-shadow: 3px 3px 10px rgb(0 0 0 / 50%);margin-top: 4rem;}
.kosac-video-wrapper{position: relative;}
.theater-bg{width: 100%;}
.screen-video { position: absolute;  left: 25%;  top: 25%;  width: 50%; aspect-ratio: 16/9;  overflow: hidden;  border-radius: 12px;    box-shadow: 0 0 40px #000;}
#comingsoon-img{width: 100%; height: 100%; object-fit: contain; display: block;}
.award-container-frame {background: url(../images/bg_2.png) no-repeat; background-size: cover;background-position: center;}
.award-container {padding: 10rem 0 15rem 0 !important;}
.award-container > .award-stage {display: flex; justify-content: space-between;flex-wrap: wrap; padding-top: 5rem;}
.award-container > .award-stage .award-wrapper .img-wrap {aspect-ratio: 5 / 3; overflow: hidden;}
.award-container > .award-stage .award-wrapper .img-wrap img {width: 100%; height: 100%; border-radius: 2rem;object-fit: cover}
.award-container > .award-stage .award-wrapper h4.title {position: relative; border-radius: 3rem; color: #fff; width: 100%; background-color: #2039a4;
  font-size: 1.7rem; margin-bottom: 2rem; padding: 1rem;}
.award-container > .award-stage .award-wrapper .laureate-wrap {margin-top: 3rem; font-size: 2.4rem; display: flex;
  justify-content: space-around; align-items: center; flex-direction: column;}
.award-container > .award-stage .award-wrapper .laureate-wrap:nth-child(2) {padding: 1rem 0;}
.award-container .award-txt {font-size: 1.8rem;color: #b9b9b9;width: 100%;margin-left: auto;margin-top: 2.5rem;text-align: right;}

.award-container .img-info {width: 172px;color: rgba(255,255,255,0.5899999737739563);position: absolute; bottom: 10px;right: 15px; font-family: Inter;font-weight: normal; font-size: 12px;opacity: 1;
 text-align: right;}
.video-container {padding: 10rem 0; background: url(../images/bg_3.png) no-repeat; background-size: cover;}
.video-container .video-stage .title-wrap {text-align: left;}
.video-container .video-stage:nth-child(2), .video-container .video-stage:nth-child(4) {padding: 5rem 0;}
.video-container .video-stage:nth-child(2) .title-wrap, .video-container .video-stage:nth-child(4) .title-wrap {text-align: right;}
.video-container .video-stage .title-wrap .sub-title {font-size: 3.2rem;}
.video-container .video-stage .title-wrap h5.title {position: relative; font-size: 5rem; padding: 1rem 0 ;
  text-shadow: 4px 4px 3px rgb(0 0 0 / 20%);}
.video-container .video-stage .title-wrap h5.title::before {content: ''; display: inline-block; height: 0.2rem; right: 0; top: 50%;
  background: #000; position: absolute; width: calc(100% - 35rem);}
.video-container .video-stage .video-wrapper {display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 3rem;}
.video-container .video-stage .video-wrapper .video-wrap {display: flex; flex-direction: column; justify-content: space-between;}
.video-container .video-stage:nth-child(2) .title-wrap h5.title::before,  .video-container .video-stage:nth-child(4) .title-wrap h5.title::before{left: 0;}
.video-container .video-stage .video-wrapper .video-wrap a {padding-top: 56%;height: 0;position: relative;display: block;}
.video-container .video-stage .video-wrapper .video-wrap .img-wrap img {width: 100%; height: 100%; object-fit: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.video-container .video-stage .video-wrap p.src {color: #333; font-size: 1.8rem;}


.festival-container {padding: 10rem 0; background:#FFFBF3 ;}
.festival-container .festival-stage .festival-wrapper {display: flex; justify-content: space-between; flex-wrap: wrap; padding: 3rem 0;}
.festival-container .festival-stage .festival-wrapper .festival-wrap {display: flex; flex-direction: column; justify-content: space-between;}
.festival-container .festival-stage .img-wrap p.src {color: #333; font-size: 1.8rem;}
.festival-container .festival-stage img{border-radius: 2rem;}
.festival-container .title-wrap {position:relative;}
.festival-container .title-wrap .title{font-size:7.2rem;}
.festival-container .festival-stage .cnt-wrap {display: flex; flex-direction: column; gap: 1rem; padding-top : 2rem;}
.festival-container .festival-stage .cnt-wrap .loc {font-size:2.8rem}
.festival-container .festival-stage .cnt-wrap .dur {font-size:2rem}
.festival-container .festival-stage .cnt-wrap .desc {font-size:2.4rem}
.festival-container .festival-stage .btn-wrap { border-radius: 2rem;display: inline-block;font-size: 2.2rem;color: #fff;background: linear-gradient(#62677C, #00033C);padding: 1rem 5rem;position: relative;}
.festival-container .title-wrap img {height: 100%; 
position: absolute;right: 10rem;top: 0;}



.map-container {padding: 10rem 0; background: url(../images/bg_4.png) no-repeat; background-size: cover; background-position: center;}
.map-container .title-wrap {padding: 2rem;}
.map-container .title {font-size: 5rem !important;}
.map-container .sub-title {font-size: 3rem; padding: 5rem 0 2rem;}
.map-container .name {font-size : 2rem}
.map-container .desc {font-size : 1.5rem; word-break: keep-all; letter-spacing: -0.5px;}
.map-container .desc-wrapper{display: flex; justify-content: center; align-items: center;}
.map-container .map-desc {font-size: 2.1rem; text-align: right;  width: 80%;}
.map-container #svg-container {position:relative;}
.map-container svg path:not(#sea) { cursor: pointer; transition: fill 0.3s ease;}
.map-container svg path:hover:not(#sea) { fill: #e94e77; transform: scale(1.005);}
.map-container svg path.hovered:not(#sea) { fill: #e94e77; transform: scale(1.005); transition: fill 0.3s ease;}
/* 팝업 모달 스타일 */
.map-container .popup {  min-width: 30vw;  max-width: 50vw;  display: none;  position: fixed;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  background: #f8f3eb;
  border: 1px solid #ccc;  border-radius: 12px;  padding: 2rem;  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);  z-index: 1000;  overflow: hidden;}
.map-container .popup.empty {  width: 370px;  height: 200px;  display: flex;  align-items: center;  justify-content: center;  font-size: 20px;  color: #555;}
.map-container .popup h2 {  font-size: 3rem;  text-align: center;  margin-top: 1rem;  margin-bottom: 1rem;  padding-bottom: 1rem;}
.map-container .popup .cards {  display: flex;  flex-wrap: nowrap;  overflow-x: auto;  padding-bottom: 5px; justify-content: space-evenly;  gap: 1%;}
.map-container .card {  flex: 0 0 calc(98% / 3);  width: calc(98% / 3); text-align: center;  border: 1px solid #ddd;  padding: 10px;  border-radius: 10px;
  background: #f9f9f9;  display: flex;  flex-direction: column;  align-items: center; text-align: center;  justify-content: space-between;  gap: 0.5rem;}
.map-container .two-cards .card { flex: 0 0 calc(98% / 2); width: 49.5%;  text-align: center;  border: 1px solid #ddd;  padding: 10px;  border-radius: 10px;
  background: #f9f9f9;  display: flex;  flex-direction: column;  align-items: center;  text-align: center; justify-content: space-between;  gap: 0.5rem;}
.map-container .empty #cards-container p {  position: fixed;  top: 50%;}
.map-container .card img {  width: 60%;  aspect-ratio: 1 / 1;  border-radius: 50%;  object-fit: cover;  background: #eee;  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); margin-bottom: 10px;}
.close-btn {  position: absolute;  top: 10px;  right: 15px;  cursor: pointer;  font-size: 18px;}
.map-container .card button {  color: white;  background-color: black;  padding: 0.5rem 3rem;  border: none;  border-radius: 20px;  font-size: 1.2rem;  cursor: pointer;}
.map-container tspan {  stroke: black;  stroke-width: 5;  paint-order: stroke;  fill: white;  cursor: pointer;  
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.3),    /* 작은 그림자 */ 0 0 10px rgba(0, 0, 0, 0.2),    /* 중간 그림자 */ 0 0 20px rgba(0, 0, 0, 0.1);/* 바깥쪽으로 그라데이션 */}
/* 전체 스크롤바 스타일 */
.map-container #popup ::-webkit-scrollbar {  height: 10px; /* 가로 스크롤바 높이 */  background: #f0f0f0; /* 배경색 */  border-radius: 8px;}
/* 스크롤바 안쪽(움직이는 부분) */
.map-container #popup ::-webkit-scrollbar-thumb {  background: linear-gradient(90deg, #0e1d38, #976847);  border-radius: 8px;  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}
/* 스크롤바 트랙(움직이는 영역) */
.map-container #popup ::-webkit-scrollbar-track {  background: #e0e0e0;  border-radius: 8px;}
.map-container .btn-wrap { border-radius: 1.5rem; display: inline-block; font-size: 2.1rem;    box-shadow: 2px 2px 5px 1px #81818191;
  color: #333; background: linear-gradient(white, #d5c5ad); padding: 1rem 3rem;  position: absolute; bottom: 2%; right: 20%;}

.event-container {padding: 10rem 0; line-height: 2; background: url(../images/bg_2.png) no-repeat; background-size: cover;position: relative;}
.event-container.scd5::after {content: '';width: 34%;height: 31.7%;display: block;position: absolute;right: 2rem;bottom: 0;background: url(../images/hand.png) no-repeat center;background-size: contain;max-height: 55.7rem;}
.event-ttl {position: relative;display: inline-block;padding: 0 0.5rem 0 0;z-index: 1;}
.event-container .title-wrap {padding-bottom: 3rem;}
.event-container .title-wrap .sub-title {font-size: 2.5rem; padding-bottom: 0 !important;    margin-bottom: -1rem;}
.event-container .title-wrap .title {font-size: 4.5rem;}
.event-container .title-wrap .cnt {font-size: 2.2rem;line-height: 1.68;}
.event-container .event-wrapper {max-width: 1200px; height: 100%; padding: 1rem; margin: 0 auto 5rem; background-color: #fff; border-radius: 3rem; position: relative;}
.event-container .event-wrapper .img-wrap {max-width: 600px; margin: 0 auto; padding: 3rem 0;}
.event-container .event-wrapper .img-wrap img {padding-left: 3rem;}
.event-container .event-wrapper .cnt-stage {display: flex; align-items: flex-start; flex : 1 0 auto}
.event-container .event-wrapper .cnt-container {max-width: 800px; margin: 0 auto; padding-bottom: 10rem;}
.event-container .event-wrapper .cnt-stage {font-size: 2rem; margin-bottom: 3rem;}
.event-container .event-wrapper .cnt-stage:not(:first-child) {align-items: center;}
.event-container .event-wrapper .cnt-stage .cnt-title-wrap {width: 23%; color: #fff;}
.event-container .event-wrapper .cnt-title-wrap .cnt-title {background-color: #7d75c7; padding: .5rem; border-radius: 1.5rem;
  width: 15rem;}
.event-container .event-wrapper .cnt-stage .cnt-wrapper {width: 77%; text-align: left;}
.event-container .event-wrapper .cnt-stage .cnt-wrapper .cnt-wrap {display: flex;}
.event-container .event-wrapper .cnt-stage .cnt-wrapper .cnt-wrap:first-child {padding-bottom: 2rem;}
.event-container .event-wrapper .cnt-stage .cnt-wrap .sub-title {text-align: left; width: 20%; color: #7d75c7; font-weight: bold;
  font-size: 2rem;}
.event-container .event-wrapper .cnt-stage .cnt-wrap .cnt.scd3 {width: 100%;}
.event-container .btn-wrap { border-radius: 2rem; display: inline-block; font-size: 2.5rem; width: 50%;
  color: #fff; background: linear-gradient(#62677C, #00033C); padding: 1rem; position: relative;z-index: 5;
}
#event-popup{ width : 550px; height:700px;  display: none;  position: fixed;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  background: url(../images/event-pop.png) no-repeat top;
  border: 1px solid #ccc;  border-radius: 12px;  padding: 2rem;  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);  z-index: 1000;  overflow: hidden;}
.event-popup-inner {display: flex;flex-direction: column; position: absolute;  top: 80px;  left: 34px; font-size: 17px; letter-spacing: -1px; line-height: 23.8px;} 
.chk-event {cursor: pointer; font-weight: bold;}  
 .event-desc{font-size:1.6rem; display: block; line-height: 2.2rem;}
img.event-deco {position: absolute; bottom: 8%; right: 0; width: 33%;}
.event-container .event-wrapper .event-quest{text-align: left; position: absolute; bottom: -30px; font-size: 1.5rem; color: #333;}
.link-container {padding: 10rem 0;}
.link-container > * {gap: 1rem 2rem;}
.link-container .top {display: flex; justify-content: center; padding-bottom: 1rem;}
.link-container .bottom {display: flex; justify-content: center;}
.link-container .link-wrapper { border-radius: 2rem;  width: 20%; padding: 3rem 1rem;
  box-shadow: inset 4px 4px 4px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1),
  inset -5px -5px 5px 0px rgba(0,0,0,.1); }
.link-container .top {padding: 3rem 0 1rem;}
.link-container .top .link-wrapper:nth-child(1) {background: linear-gradient(#b6dcff, #b9b6e5);}
.link-container .top .link-wrapper:nth-child(2) {background: linear-gradient(#63a3ff,#b6dcff,#72beff);}
.link-container .top .link-wrapper:nth-child(3) {background: linear-gradient(#ffe8ce,#fbb8a0);}
.link-container .top .link-wrapper:nth-child(4) {background: linear-gradient(#fbc5bc,#fea4a4);}
.link-container .bottom .link-wrapper:nth-child(1) {background: linear-gradient(#c1bfe6,#ea88de);}
.link-container .bottom .link-wrapper:nth-child(2) {background: linear-gradient(#85f4bb,#8cd9e8);}
.link-container .bottom .link-wrapper:nth-child(3) {background: linear-gradient(#76e9d6,#9faee6);}
.link-container .bottom .link-wrapper:nth-child(4) {background: linear-gradient(#f8c7d5,#9995ef);}
.link-container .bottom .link-wrapper:nth-child(5) {background: linear-gradient(#74bce5,#b2ddad);}
.link-container .link-wrapper .img-wrap {background-color: #fff; border-radius: 100%; width: 15rem; height: 15rem; display: flex;
  margin: 0 auto; justify-content: center; align-items: center;}
.link-container .link-wrapper .img-wrap img {width: 70%;}
.link-container .top .link-wrapper:nth-child(4) .img-wrap img {width: 60%; padding: 1rem 1rem 0 0;}
.link-container .bottom .link-wrapper:nth-child(1) .img-wrap img {width: 30%;} 
.link-container .bottom .link-wrapper:nth-child(2) .img-wrap img {width: 60%; padding-left: 1rem;}
.link-container .bottom .link-wrapper:nth-child(3) .img-wrap img {width: 90%; padding-right: .5rem;}
.link-container .bottom .link-wrapper:nth-child(4) .img-wrap img {width: 100%;}
.link-container .bottom .link-wrapper:nth-child(5) .img-wrap img {width: 100%;}
.link-container .link-wrapper h4.title {color: #fff; font-size: 2rem; font-weight: bold; padding: 2rem 0 1rem;}
.link-container .link-wrapper .cnt {margin: 0 auto; color: #fff; font-size: 1.5rem; padding: .5rem; border: 1px solid #fff;
  border-radius: 2rem; width: 50%;}

footer {text-align: center; background-color: #34284a; padding: 5rem 0; font-size: 2rem; color: #fff; line-height: 2;}

#goTopBtn{display:none;position:fixed;bottom:40px;right:40px;z-index:999; padding: 12px 20px;  background: #222;  color: #fff;  border: none;  border-radius: 30px;
  font-size: 16px;  cursor: pointer;  box-shadow: 0 2px 8px rgba(0,0,0,0.2);  transition: background 0.2s;}
#goTopBtn:hover { background: #444;}


/******************************     반응형    ******************************/
@media (max-width: 1199px) {
  .wrapper { max-width: 90%; margin: 0 auto; padding: 0 1rem;}
  .cnt-wrap {font-size: 1.7rem;word-break: keep-all;}
  .main-wrapper .title-wrap .title img {width: 80%; display: block; margin: 0 auto;}
  .award-container > .award-stage .award-wrapper .laureate-wrap {font-size: 1.425rem;}
  .video-container .video-stage .title-wrap h5.title {margin: 0; padding: 1rem 0 2rem;}
  .video-container .video-stage .cnt-wrap {line-height: 1.5;}
  /* .video-container .video-stage .video-wrapper .video-wrap .img-wrap img {height: 17rem;} */
  .link-container {padding: 10rem 0;}
  .link-container .link-wrapper .img-wrap {width: 13rem;}
}

@media (max-width: 768px) {
.wrapper{margin: 0 auto;padding: 0;width: 90%;}
  .main-wrapper .title-wrap .sub-title-wrap {width: 60%;}
  .link-container {padding: 10rem 0;}
  .link-container .top,
  .link-container .bottom {flex-wrap: wrap;}
  .link-container .link-wrapper {width: 46%;}
 .main-wrapper {max-height:50rem}
  section .title-wrap .title {font-size: 2.8rem;}
  section .title-wrap .sub-title {font-size: 2rem;}
  .wrapper {/*width: calc(100% - 10rem);*/width:90%}
  .main-wrapper .title-wrap .sub-title-wrap .sub-title.scd5 {font-size: 2.5rem;}
  .award-container > .award-stage {flex-direction: column;}
  .award-container > .award-stage .award-wrapper .laureate-wrap {font-size: 2rem;}
  .award-container > .award-stage .award-wrapper h4.title {font-size: 1.5rem; padding: 0.5rem;}
  .festival-container .festival-wrapper {flex-direction: column;}
  .festival-container > .festival-stage .festival-wrapper .laureate-wrap {font-size: 2rem;}
  .festival-container .title-wrap .title {font-size: 4rem;}
  .festival-container .title-wrap img{display: none;}
  .festival-container .festival-stage .festival-wrapper .festival-wrap{width: 100%;   margin-bottom: 3rem;}
  .festival-container .festival-stage .cnt-wrap .loc{font-size:2rem;}
  .festival-container .festival-stage .cnt-wrap .dur{font-size:1.8rem;}
  .festival-container .festival-stage .cnt-wrap .desc{font-size:2rem;}
  .festival-container .festival-stage .cnt-wrap{padding-top:1rem}
  .festival-container {padding-top:5rem}
  .video-container{padding: 5rem 0; background: url(../images/bg_3.png) repeat;}
  .video-container .video-stage .title-wrap h5.title {font-size: 4rem;}
  .video-container .video-stage .title-wrap .sub-title {font-size: 2.3rem; padding-bottom:0; }
  /* .video-container .video-stage .video-wrapper .video-wrap .img-wrap img {height: 35rem} */
  .video-container .video-stage .title-wrap h5.title::before {width: calc(100% - 33rem);}
  .link-container .top, .link-container .bottom,
  .issue-container .issue-stage .issue-wrapper,
  .video-container .video-stage .video-wrapper,
  .award-container > .award-stage {flex-wrap: wrap;  padding-top: 1rem;}
  .issue-container > .issue-stage .issue-wrap,
  .award-container > .award-stage .award-wrapper,
  .video-container .video-stage .video-wrapper .video-wrap {width: 100%; margin-bottom: 4rem;}
  .video-container .video-stage .title-wrap { margin-bottom: 3rem;}
  .video-container .video-stage .cnt-wrap p:nth-child(1) {font-size: 1.8rem;}
  .video-container .video-stage .cnt-wrap p:nth-child(2) {font-size: 1.6rem;}
  .event-container .title-wrap .title {font-size: 4rem; line-height: 1.3;}
  .map-container{padding: 3rem 0;}
  .map-container .map-desc{font-size:1.2rem; width: 100%;}
  .map-container #svg-container svg {width: 100% !important;}
  .map-container .popup{width: 80vw; max-width:80vh}
  .map-container .popup h2{font-size: 2rem;}
  .map-container .card, .two-cards .card{flex: 0 0 98%;}
  .map-container .btn-wrap{position:static; font-size: 1.5rem;}
  
  .event-ttl::after {font-size: 4rem;line-height: 1.3;}
  .event-container .title-wrap .cnt {font-size: 1.3rem; letter-spacing: -1px;word-break: keep-all;}
  .event-container .event-wrapper .cnt-stage {flex-direction: column; align-items: center; margin-bottom: 1rem;}
  .event-container .event-wrapper .cnt-stage .cnt-title-wrap {width: 100%;}
  .event-container .event-wrapper .cnt-title-wrap .cnt-title {width: 80%; margin: 0 auto 1rem;}
  .event-container .btn-wrap {width: 90%;}
  .link-container .link-wrapper {width: 100%;}
  .link-container > * {gap: 2rem;}
  footer {font-size: 1.75rem;}
  .screen-video{left: 5%; top: 10%;  width: 90%;}
}

@media (max-width: 425px) {
	.main-wrapper {max-height: 32rem;}
  .top-wrapper{height:3rem}
  .top-wrapper h1 {font-size: 1rem;}
  .top-wrapper > a > img {width: 2rem;}
  .main-wrapper .title-wrap .title{ font-size: 5rem;}
  .main-wrapper .title-wrap .title-mini{ font-size: 2rem; margin-top: 2rem;}
  .main-wrapper .title-wrap .sub-title-wrap > .sub-title{ font-size: 1.3rem;}
  .wrapper {width: calc(100% - 4rem);}
  .main-wrapper .title-wrap{padding-bottom: 0;  }
  section .title-wrap .sub-title {font-size: 1.8rem; padding-bottom: 1rem; padding-top: 0;}
  section .title-wrap .title {font-size: 2.2rem;letter-spacing: -1px;}
  .main-wrapper .title-wrap .title img {width: 95%;}
  .main-wrapper .title-wrap .sub-title-wrap {width: 100%; margin: 0 auto 2rem;}
  .main-wrapper .title-wrap .sub-title-wrap .sub-title.scd5 {font-size: 2rem;}
  .award-container{padding: 5rem 0 !important}
  .award-container > .award-stage .award-wrapper .laureate-wrap{font-size: 1.8rem; margin-top: 2rem;}
  .award-container .award-txt {font-size: 1.6rem;}
  .video-container .video-stage .title-wrap h5.title {font-size: 3.5rem;}
  .video-container .video-stage .title-wrap h5.title::before {width: calc(100% - 28rem);}
  .video-container .video-stage .title-wrap .sub-title {font-size: 1.75rem;}
  /* .video-container .video-stage .video-wrapper .video-wrap .img-wrap img {height: 18rem;} */
  .here-container > .slide_box {padding: 0; margin-bottom: 10rem;}
  .video-container .video-stage .cnt-wrap {font-size: 2rem;}
  .video-container .video-stage .cnt-wrap p:nth-child(1) {font-size: 1.7rem;letter-spacing: -1px; padding: 1.5rem 0 1rem 0;}
  .video-container .video-stage .cnt-wrap p:nth-child(2) {font-size: 1.5rem;}
  .video-container .video-stage .video-wrap p.src.sam{font-size: 1.5rem}
  .here-container > .slide_box {width: 100%;max-width: 100%;}
  .here-container > .slide_box .swiper {width: 80%;}
  .map-container .sub-title{font-size:1.5rem; letter-spacing : -1px;}
  .map-container .title {font-size: 3.5rem !important; margin-bottom: 0.5rem !important;word-break: keep-all;}

  /* .here-container .slide_box .swiper-button-next {right: -5rem;}
  .here-container .slide_box .swiper-button-prev {left: -5rem;}  */
  .event-container.scd5::after {display: none;}
  .event-container .title-wrap {padding-bottom: 1rem;}
  .event-container .event-wrapper .img-wrap {padding: 1rem 0;}
  .event-container .event-wrapper .img-wrap img {padding-left:0;}
  .event-container .event-wrapper .cnt-container {padding-bottom: 0;}
  .event-container {padding:5rem 0;}
  .event-container .title-wrap .sub-title {        font-size: 1.8rem;   margin-bottom: 0rem;}
  .event-container .title-wrap .title {font-size: 3.2rem;word-break: keep-all;}
  .event-ttl::after {font-size: 3.5rem;}
  .event-container .event-wrapper .cnt-stage .cnt-wrapper {width: 90%;font-size: 1.7rem; text-align: center;}
  .event-container .event-wrapper .cnt-title-wrap .cnt-title {width: 90%; padding :0 !important; font-size: 1.5rem;}
  .event-container .event-wrapper .cnt-stage .cnt-wrap .sub-title {width: 100%; text-align: center; font-size: 1.5rem;}
  .event-container .event-wrapper .cnt-stage .cnt-wrapper .cnt-wrap {flex-direction: column; align-items: center;padding-bottom: 0 !important}
  .event-container .btn-wrap {font-size: 2rem;}
  .event-container  .event-desc { font-size: 1.3rem;}
  .event-container .event-wrapper .event-quest { bottom: -30px;  font-size: 1.2rem;}
  img.event-deco{display: none;}
  /* .link-container .link-wrapper {width: 60%;} */
  footer {font-size: 1.3rem;}
  footer p {width: 90%;margin: 0 auto;}
  footer p br {display: none;}
  tspan{font-size: 5rem !important;text-shadow: 0 0 5px rgba(0, 0, 0, 0.3), 0 0 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.1);}
}


.main-wrapper       { position:relative; }
.main-wrapper .thlogo       {position: absolute; top:5%; right:5%; width:140px; }
@media screen and (max-width: 426px) {
    .main-wrapper .thlogo {width: 50px;}
}