/*
가이드 명칭 : YG CSS 가이드
가이드 내용 : 사이트 레이아웃
최초 제작자 : YG WDS
최종 제작일 : 2025.02
수정 / 배포 : 담당자 문의 후 수정 가능. 재배포 절대 불가
*/

/* ------------------------------- */

/* IE6.0 Hack CSS 연결 ----------- */

/* ------------------------------- */

@charset "utf-8";
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
* Common
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

*,
*:after,
*:before {
    -webkit-text-size-adjust: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    font-family: "ltc-nicholas-cochin-pro", sans-serif;
    font-weight: 800;
    font-style: normal;
}





html,
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
dl,
dt,
dd {
    margin: 0;
    padding: 0;
    word-break: keep-all;
    word-wrap: break-word;
}

body {
    color: #fff;
    font-size: 62.5%;
    text-align: center;
    background-color: #000;
    -webkit-overflow-scrolling: touch;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background: url(../img/bg.jpg);
    background-size: cover;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-align: center;
}

h2 {}

h3 {}

ul,
ol,
dl {
    list-style: none;
}

img {
    max-width: 100%;
    border: 0;
    vertical-align: top;
}

a {
    display: inline-block;
    overflow: visible;
    padding: 0;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    vertical-align: middle;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
}

hr {
    background-color: #728cc1;
}

a,
a:link {
    text-decoration: none;
}

a:hover,
a:active,
a:focus {}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
* layout
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


#wrap {
    position: relative;
    overflow: hidden;
}


#main {
    max-width: 1080px;
    margin: 0 auto;

}

#main img {
    width: 50%;
    margin: 8% 0 8% 0;
}

#content {
    max-width: 800px;
    text-align: center;
    margin: 0 auto;
}

#schedule img {
    max-width: 450px;
}

#vdt img {
    max-width: 450px;
}

#place {
    
    margin: 0 auto;
    text-align: center;
}

#place img {
    margin-bottom: 8%;
}

#sat img {
    margin-bottom: 8%;
}

#sun img {
    margin-bottom: 8%;
}

.hr {
    border: none;
    /* 테두리 스타일 변경 */
    height: 1px;
    /* 굵기 변경 */
    background-color: #728cc1;
    /* 배경색 변경 (border가 없을 때 보임) */
    margin-bottom: 8%;
}


.ticket .btn-buy {
	margin-bottom: 8%;
	 display: inline-block; /* 또는 block; 필요에 따라 선택 */
  padding: 20px 20px; /* 버튼 내부 여백 */
  text-decoration: none; /* 링크 밑줄 제거 */
  color: #728cc1; /* 텍스트 색상 */
  background-color: transparent; /* 기본 배경색 투명 */
  border: 1px solid #728cc1; /* 테두리 색상 및 두께 */
 
  font-size: 2em; /* 글자 크기 */
  cursor: pointer; /* 마우스 오버 시 커서 변경 */
  transition: background-color 0.3s ease; /* 부드러운 배경색 변화 효과 */
}

.ticket .btn-buy:hover {
   background-color: #728cc1; /* 호버 시 배경색 채움 */
  color: #fff; /* 호버 시 텍스트 색상 변경 (선택 사항) */
}

#to {
    margin-bottom: 8%;
}

#todate {
    margin-bottom: 8%;

}


#vdt{
	margin-bottom: 4%;
}


.video {
    width: 100%;
    
    margin: auto;
}

.vid{
	margin:auto 0;
}

.video-embed-area {
  max-width: 450px; /* 최대 가로 너비 450px 제한 */
  width: 100%; /* 컨테이너가 부모 요소의 100%까지 늘어나도록 설정 */
  height: auto !important; /* 높이 자동 조절 (important로 우선순위 높임) */
  margin: 0 auto; /* 가운데 정렬 (선택 사항) */

}

.video-embed-area iframe {
  width: 100%; /* iframe이 컨테이너의 100% 너비를 차지하도록 설정 */
  height: 100% !important; /* iframe 높이를 컨테이너에 맞춤 (important로 우선순위 높임) */
}




#sponsor {
    padding: 4% 0;
}

.mail {
    font-size: 2em;
    color: #8D929A;
    font-weight: 400;
}
.mm{
    max-width: 300px;
}

#footer {
    padding-bottom: 8%;
   max-width: 800px;
    width: 100%;
    margin: 0 auto;
}



/* ------------------------------
---------------------------------
[ Desktops only ]
---------------------------------
------------------------------ */

@media (min-width: 970px) {
}

/* ------------------------------
---------------------------------
[ Phones & Tablets only ]
<Tablets> Large screens
---------------------------------
------------------------------ */

@media (max-width: 969px) {
 h1 {
    font-size: 2em; /* 기본 크기의 2배로 줄임 (조절 가능) */
  }

  #wrap {
    width: 90%; /* 모바일에서 가로 폭을 95%로 늘림 (조절 가능) */
    margin: 0 auto; /* 가운데 정렬 유지 */
  }
  #main img {
  	width: 90%;
  }
  #schedule img{
  	width: 80%;
  }
  .ticket .btn-buy {
    display: block; /* 버튼을 블록 요소로 만들어 부모 요소의 전체 너비를 차지하도록 함 */
  padding: 15px 0; /* 위아래 패딩 조절 (좌우 패딩은 0으로) */
    margin-bottom: 8%; /* 아래 마진 줄이기 */
    font-size: 1.2em; /* 글자 크기 조절 (선택 사항) */

  }
  .vdt img {
  	width: 80%;
    margin-bottom: 2%;
  }
  .mail{
  	font-size: 0.8em;
  }
  .mm {
    width: 80%;
    margin-top: 2%;
  }
  #footer{
    margin-top: 4%;
  }

	@media (max-width: 320px) {
		#wrap {
			min-width: 320px;
			width: 320px;
		}


	}


/*/////////////////////////////// end /*/