@charset "UTF-8";

/** setting s **/
a {
  text-decoration:none;
}
.hide {
  display: none !important;
}
input.copy_url {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
}
/** setting e **/

body {
  background: #fff;
  font-family: 'Pretendard', dotum, sans-serif;
}

.mo {
  display: none !important;
}

.fog {
  display: none;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  padding-bottom: 100%;
}

.link {
  position:absolute;
  opacity:0;
  background:red;
  cursor:pointer;
  width:100px;
  height:100px;
  left:50%;
  top:100px;
  z-index:9;
}



.container {
  width: 100%;
  margin:0 auto;
  max-width: unset;
}
.container.mo {
  max-width:750px;
}


.section {
  width: 100%;
  max-width:1920px;
  margin: 0 auto;
  background:#fff;
  position: relative;
}

.section > img {
  display:block;
  width:100%;
  max-width: 1920px;
  margin: 0 auto;
}

.section > .inner {
  max-width: 1200px;
  margin: 0 auto;
  padding:20px 0;
  height: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}






.header {
  max-width:unset;
  height: auto;
  margin: 0 auto;
}
.header.fixed {
  position: fixed;
  top:0px;
	z-index:110;
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
}
.pc .header .zone_gnb {
  background: #1976d5;
}
.pc .header .zone_gnb .inner {
  max-width: 1200px;
  margin: 0 auto;
  height: 80px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
  
.pc .header .area_logo {
  width:306px;
  margin-right: 102px;
  padding-left:102px;
}
.pc .header .area_logo img {
  width: 100%;
  max-width:78px;
  display: block;
}

.pc .header .area_gnb {
  width: auto;
  height: 80px;
  display: flex;
  align-items: center;
}

.pc .header .area_gnb a {
  display: flex;
  position:relative;
  font-size:18px;
  font-weight:600;
  color:#fff;
  width:204px;
  height: 80px;
  align-items:center;
  justify-content: center;
}
.pc .header .area_gnb a img {
  width: 100%;
}
.pc .header .area_gnb a:last-child {
  margin-right:0;
}
.pc .header .area_gnb a.active {
  background-image:url("../img/common/gnb_menu_active.png");
  background-repeat:no-repeat;
  background-position:20px center;
  background-size: 14px 16px;
}
.pc .header .area_gnb a.menu2.active {
  background-position:45px center;
}
.pc .header .area_gnb a.menu3.active {
  background-position:45px center;
}
.pc .header .area_gnb a.menu4.active {
  background-position:61px center;
}

.pc .header .zone_submenu {
  background:#fff;
}
.pc .header .zone_submenu .inner {
  max-width: 1200px;
  margin: 0 auto;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.pc .header .area_submenu {
  display:none;
  width: auto;
  height: 50px;
  align-items: center;
}
.pc .header .area_submenu.active {
  display:flex;
}
.pc .header .area_submenu a {
  display: flex;
  position:relative;
  font-size:18px;
  font-weight:600;
  color:#1976d5;
  width:204px;
  height: 50px;
  align-items:center;
  justify-content: center;
}
.pc .header .area_submenu a:hover {
  background:#1976d5;
  color:#fff;
}
.pc .header .area_submenu a.active {
  background:#1976d5;
  color:#fff;
}
.pc .header .area_submenu.menu1 {
}
.pc .header .area_submenu.menu2 {
}
.pc .header .area_submenu.menu3 {
}
.pc .header .area_submenu.menu4 {
}





.wrap.about .pc .section02 .zone_map {
  position:absolute;
  left:50%;
  margin-left:-420px;
  top:326px;
}
.wrap.about .pc .section02 .zone_map .map {
  width:840px;
  height:509px;
}
.wrap.about .pc .section02 .zone_map .iw_inner {
  font-size:14px;
  padding:10px;
}

.wrap.about .pc .section02 .link.link02a {
  width: 320px;
  height: 64px;
  margin-left: -160px;
  top: 1100px;
}
.wrap.about .pc .section03 .link.link03a {
  width: 320px;
  height: 64px;
  margin-left: -160px;
  top: 1486px;
}






.wrap.program .link.link03a {
  width: 840px;
  height: 840px;
  margin-left: -420px;
  top: 310px;
}







.wrap.ticket .section01 .link.link01a {
  width: 304px;
  height: 64px;
  margin-left: -343px;
  top: 1454px;
}
.wrap.ticket .section01 .link.link01b {
  width: 304px;
  height: 64px;
  margin-left: 38px;
  top: 1454px;
}

.wrap.ticket .section02 .link.link02a {
  width: 50px;
  height: 60px;
  margin-left: 233px;
  top: 670px;
}
.wrap.ticket .section02 .link.link02b {
  width: 90px;
  height: 90px;
  margin-left: -154px;
  top: 1164px;
}
.wrap.ticket .section02 .link.link02c {
  width: 90px;
  height: 90px;
  margin-left: -46px;
  top: 1164px;
}
.wrap.ticket .section02 .link.link02d {
  width: 90px;
  height: 90px;
  margin-left: 63px;
  top: 1164px;
}
.wrap.ticket .section02 .link.link02e {
  width: 377px;
  height: 64px;
  margin-left: -380px;
  top: 1331px;
}
.wrap.ticket .section02 .link.link02f {
  width: 305px;
  height: 64px;
  margin-left: 73px;
  top: 1331px;
}

.wrap.ticket .section03 {
  background:#62b3f5;
}
.wrap.ticket .section03 .zone_note {
  width:100%;
  margin:40px 0;
  padding:40px;
  background:#fff;
  line-height:1.4;
}
.wrap.ticket .section03 .zone_note .area_title {
  width:151px;
  margin:0 auto 35px;
}
.wrap.ticket .section03 .zone_note .area_title img {
  width:100%;
}

.wrap.ticket .popup {
  display:none;
  position:absolute;
  width:500px;
  height:283px;
  background-repeat:no-repeat;
  background-size:100%;
  z-index:120;
  top:50%;
  left:50%;
  box-sizing:border-box;
  font-family: 'Pretendard', sans-serif;
  transform: translate(-50%, -50%);
}
.wrap.ticket .popup.popup_open_info {
  background-image:url("../img/ticket/popup_open_info.png");
}
.wrap.ticket .popup .btn_close {
  width:62px;
  height:62px;
  position:absolute;
  top:0;
  right:0;
  opacity: 0.6;
  cursor:pointer;
}






.footer {
  max-width: unset;
  background: #333;
  color:#fff;
  height: 80px;
  font-size: 14px;
}
.footer a {
  color:#fff;
}
.footer .inner.pc {
  padding: 23px 0;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  overflow: hidden;
  justify-content: space-between;
}
.footer .pc .copyright {
  margin-left:13px;
}
.footer .pc .item.item01,
.footer .pc .item.item03 {
  width:394px;
}
.footer .pc .item.item03 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.footer .pc .item.item03 > a {
  margin-left:10px;
}
.footer .pc .item.item03 > a:first-child {
  margin-left:0;
  margin-right:10px;
}

.footer .pc .item.item03 .area_img_logo {
  padding-right:15px;
}
.footer .pc .item.item03 .area_img_logo a {
  display:block;
  margin-bottom:5px;
}
.footer .pc .item.item03 .area_img_logo a:last-child {
  margin-bottom:0;
}

.footer .pc .item.item03 img {
  display:block;
}
.footer .pc .item.item03 img.img01 {
  height:17px;
}
.footer .pc .item.item03 img.img02 {
  height:17px;
}
.footer .pc .item.item03 img.icon_sns {
  width: 30px;
  height:30px;
}

.footer .pc .btn_top {
  position: fixed;
  width: 98px;
  height: 98px;
  left:50%;
  margin-left: 640px;
  bottom: 435px;
  z-index: 99;
  display: block;
  opacity: 0;
  transition: .5s;
  background-image:url("../img/common/btn_top.png");
  background-size:cover;
  cursor:pointer;
}
.footer .pc .btn_top.active {
  opacity: 1;
}








@media only screen and ( max-width:1920px ){


.link {
  width:5.21vw;
  height:5.21vw;
  top:5.21vw;
}



.container.mo {
  max-width:39.06vw;
}


.section {
  max-width:100.00vw;
}
.section img {
  max-width: 100.00vw;
}

.section > .inner {
  max-width: 62.50vw;
  padding:1.04vw 0;
}








.pc .header .zone_gnb .inner {
  max-width: 62.50vw;
  height: 4.17vw;
}
  
.pc .header .area_logo {
  width:15.94vw;
  margin-right: 5.31vw;
  padding-left:5.31vw;
}
.pc .header .area_logo img {
  max-width:4.06vw;
}

.pc .header .area_gnb {
  height: 4.17vw;
}

.pc .header .area_gnb a {
  font-size:0.94vw;
  width:10.63vw;
  height: 4.17vw;
}
.pc .header .area_gnb a.active {
  background-position:1.04vw center;
  background-size: 0.73vw 0.83vw;
}
.pc .header .area_gnb a.menu2.active {
  background-position:2.34vw center;
}
.pc .header .area_gnb a.menu3.active {
  background-position:2.34vw center;
}
.pc .header .area_gnb a.menu4.active {
  background-position:3.18vw center;
}

.pc .header .zone_submenu {
  box-shadow: 0.00vw 0.00vw 0.21vw 0.00vw rgba(0,0,0,0.2);
}
.pc .header .zone_submenu .inner {
  max-width: 62.50vw;
  height: 2.60vw;
}
.pc .header .area_submenu {
  height: 2.60vw;
}
.pc .header .area_submenu a {
  font-size:0.94vw;
  width:10.63vw;
  height: 2.60vw;
}





.wrap.about .pc .section02 .zone_map {
  margin-left:-21.88vw;
  top:16.68vw;
}
.wrap.about .pc .section02 .zone_map .map {
  width:43.75vw;
  height:26.51vw;
}
.wrap.about .pc .section02 .zone_map .iw_inner {
  font-size:0.73vw;
  padding:0.52vw;
}

.wrap.about .pc .section02 .link.link02a {
  width: 16.67vw;
  height: 3.33vw;
  margin-left: -8.33vw;
  top: 56.7vw;
}
.wrap.about .pc .section03 .link.link03a {
  width: 16.67vw;
  height: 3.33vw;
  margin-left: -8.33vw;
  top: 76.63vw;
}




.wrap.program .link.link03a {
  width: 43.75vw;
  height: 43.75vw;
  margin-left: -21.88vw;
  top: 15.9vw;
}




.wrap.ticket .section01 .link.link01a {
  width: 15.83vw;
  height: 3.33vw;
  margin-left: -17.86vw;
  top: 75.03vw;
}
.wrap.ticket .section01 .link.link01b {
  width: 15.83vw;
  height: 3.33vw;
  margin-left: 1.98vw;
  top: 75.03vw;
}

.wrap.ticket .section02 .link.link02a {
  width: 2.60vw;
  height: 3.13vw;
  margin-left: 12.14vw;
  top: 34.60vw;
}
.wrap.ticket .section02 .link.link02b {
  width: 4.69vw;
  height: 4.69vw;
  margin-left: -8.02vw;
  top: 60.03vw;
}
.wrap.ticket .section02 .link.link02c {
  width: 4.69vw;
  height: 4.69vw;
  margin-left: -2.40vw;
  top: 60.03vw;
}
.wrap.ticket .section02 .link.link02d {
  width: 4.69vw;
  height: 4.69vw;
  margin-left: 3.28vw;
  top: 60.03vw;
}
.wrap.ticket .section02 .link.link02e {
  width: 19.64vw;
  height: 3.33vw;
  margin-left: -19.79vw;
  top: 68.62vw;
}
.wrap.ticket .section02 .link.link02f {
  width: 15.89vw;
  height: 3.33vw;
  margin-left: 3.80vw;
  top: 68.62vw;
}

.wrap.ticket .section03 .zone_note {
  width:100%;
  margin:2.08vw 0;
  padding:2.08vw;
}
.wrap.ticket .section03 .zone_note .area_title {
  width:7.86vw;
  margin:0 auto 2.04vw;
}


.wrap.ticket .popup {
  width:26.04vw;
  height:14.74vw;
}
.wrap.ticket .popup .btn_close {
  width:3.23vw;
  height:3.23vw;
}





.footer {
  height: 4.17vw;
  font-size: 0.73vw;
}
.footer .inner.pc {
  padding: 1.20vw 0;
  max-width: 62.50vw;
}
.footer .pc .copyright {
  margin-left:0.68vw;
}
.footer .pc .item.item01,
.footer .pc .item.item03 {
  width:20.52vw;
}
.footer .pc .item.item03 > a {
  margin-left:0.52vw;
}
.footer .pc .item.item03 > a:first-child {
  margin-right:0.52vw;
}
.footer .pc .item.item03 .area_img_logo {
  padding-right:0.78vw;
}
.footer .pc .item.item03 .area_img_logo a {
  margin-bottom:0.26vw;
}
.footer .pc .item.item03 img.img01 {
  height:0.89vw;
}
.footer .pc .item.item03 img.img02 {
  height:0.89vw;
}
.footer .pc .item.item03 img.icon_sns {
  width: 1.56vw;
  height:1.56vw;
}

.footer .pc .btn_top {
  width: 5.10vw;
  height: 5.10vw;
  margin-left: 33.33vw;
  bottom: 22.66vw;
}


}
/*@media only screen and ( max-width:1920px )*/








@media only screen and ( max-width:800px ){

.pc {
  display: none !important;
}
.mo {
  display: block !important;
}


.link {
  width:12.50vw;
  height:12.50vw;
  top:12.50vw;
}



.container.mo {
  width:100%;
  max-width:100.00vw;
}


.section {
  max-width:100.00vw;
  height: auto;
}

.section > .inner {
  max-width: 78.5vw;
}



.mo .header {
  height: 23.25vw;
}
.mo .header .zone_header {
  display:flex;
  height:13.50vw;
  background-color:#1976d5;
}
.mo .header .zone_header > div {
  display:flex;
  align-items: center;
  justify-content: center;
}
.mo .header .area_btn_back,
.mo .header .area_btn_gnb {
  width:13.75vw;
  height:12.50vw;
  cursor:pointer
}

.mo .header .area_btn_back img {
  display:block;
  width:3.00vw;
}
.mo .header .area_btn_gnb img {
  display:block;
  width:5.88vw;
}

.mo .header .area_logo {
  flex:auto;
}
.mo .header .area_logo img {
  display:block;
  width:17.00vw;
}

.mo .header .zone_header_gnb {
  display:none;
  position:absolute;
  background-color:#1976d5;
  width:100%;
  height:13.50vw;
  top:0;
  z-index: 110;
}
.mo .header .zone_header_gnb .area_empty,
.mo .header .zone_header_gnb .area_btn_gnb_close {
  width:13.75vw;
  height:12.50vw;
  cursor:pointer
}
.mo .header .zone_header_gnb .area_btn_gnb_close img {
  display:block;
  width:5.13vw;
}
.mo .header .zone_header_gnb > div {
  display:flex;
  align-items: center;
  justify-content: center;
}

.mo .header .zone_gnb {
  display:none;
  position:absolute;
  width:100%;
  z-index:110;
}
.mo .header .zone_gnb .area_gnb {
  width:100%;
}
.mo .header .zone_gnb a {
  display:flex;
  align-items: center;
  justify-content: center;
  background:#fff;
  color:#1976d5;
  font-weight:600;
  font-size:4.20vw;
  width:100%;
  height:11.75vw;
  border-bottom:0.13vw solid #aaa;
}
.mo .header .zone_gnb a:last-child {
  border-bottom:0;
}

.mo .header .area_submenu {
  display: none;
  width: auto;
  height: 9.75vw;
  align-items: center;
}
.mo .header .area_submenu.active {
  display: flex;
}
.mo .header .area_submenu a {
  display: flex;
  flex: 1 1 0;
  position: relative;
  font-size: 3.5vw;
  font-weight: 500;
  color: #636363;
  height: 9.75vw;
  align-items: center;
  justify-content: center;
}
.mo .header .area_submenu a.active {
  font-weight: 600;
  color: #1976d5;
  border-bottom:0.63vw solid #1976d5;
}







.wrap.about .mo .section02 .zone_map {
  position:absolute;
  left:50%;
  margin-left:-28.38vw;
  top:26.55vw;
}
.wrap.about .mo .section02 .zone_map .map {
  width:56.75vw;
  height:31.88vw;
}
.wrap.about .mo .section02 .zone_map .iw_inner {
  font-size:1.75vw;
  padding:1.25vw;
}

.wrap.about .mo .section02 .link.link02a {
  width: 32.50vw;
  height: 8.25vw;
  margin-left: -16.25vw;
  top: 91.2vw;
}
.wrap.about .mo .section03 .link.link03a {
  width: 32.50vw;
  height: 8.25vw;
  margin-left: -16.25vw;
  top: 142.2vw;
}




.wrap.program .link.link03a {
  width: 58.8vw;
  height: 58.8vw;
  margin-left: -29.5vw;
  top: 26.0vw;
}




.wrap.ticket .section01 .link.link01a {
  width: 67.0vw;
  height: 8.2vw;
  margin-left: -33.5vw;
  top: 146.2vw;
}
.wrap.ticket .section01 .link.link01b {
  width: 67.0vw;
  height: 8.2vw;
  margin-left: -33.5vw;
  top: 156.2vw;
}

.wrap.ticket .section02 .link.link02a {
  width: 4.6vw;
  height: 6.13vw;
  margin-left: 23.6vw;
  top: 61.9vw;
}
.wrap.ticket .section02 .link.link02b {
  width: 11.5vw;
  height: 11.5vw;
  margin-left: -19.4vw;
  top: 113.03vw;
}
.wrap.ticket .section02 .link.link02c {
  width: 11.5vw;
  height: 11.5vw;
  margin-left: -5.7vw;
  top: 113.03vw;
}
.wrap.ticket .section02 .link.link02d {
  width: 11.5vw;
  height: 11.5vw;
  margin-left:7.7vw;
  top: 113.03vw;
}
.wrap.ticket .section02 .link.link02e {
  width: 66.64vw;
  height: 8.33vw;
  margin-left: -33.4vw;
  top: 131.2vw;
}
.wrap.ticket .section02 .link.link02f {
  width: 66.64vw;
  height: 8.33vw;
  margin-left: -33.4vw;
  top: 141.2vw;
}


.wrap.ticket .section03 .zone_note {
  width:100%;
  margin:8vw 0;
  padding:4vw;
  font-size: 3.2vw;
}
.wrap.ticket .section03 .zone_note .area_title {
  width:15vw;
  margin:0 auto 4vw;
}


.wrap.ticket .popup {
  width:62.50vw;
  height:35.38vw;
}
.wrap.ticket .popup .btn_close {
  width:7.75vw;
  height:7.75vw;
}









.footer {
  height: 43.25vw;
  font-size: 2.13vw;
}
.footer .inner.mo {
  padding: 7.50vw 0 0;
  max-width: 71.75vw;
  margin: 0 auto;
  display: flex;
  align-items: center;
  overflow: hidden;
  flex-direction: column;
  text-align:center;
}
.footer .mo .copyright {
  margin-left:4.00vw;
}
.footer .mo .company_info {
  display:block;
}
.footer .mo .item {
  width:100%;
}
.footer .mo .item.item01 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6.25vw;
}
.footer .mo .item.item01 > a {
  margin-left:2.50vw;
}
.footer .mo .item.item01 > a:first-child {
  margin-left:0;
}
.footer .mo .item.item01 img {
  display:block;
}
.footer .mo .item.item01 img.icon_sns {
  width: 8.63vw;
  height:8.63vw;
}
.footer .mo .item.item02 {
  margin-bottom:1.88vw;
}
.footer .mo .item.item02 img.img01 {
  height:3.25vw;
}
.footer .mo .item.item02 img.img02 {
  margin-left:3.5vw;
  height:3.25vw;
}
.footer .mo .item.item03 {
  margin-bottom:1.88vw;
}
.footer .mo .item.item03 > a:first-child {
  margin-right:0;
  margin-left:0;
}


}
/*@media only screen and ( max-width:800px )*/









@media screen and (max-width:480px){

}