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

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

/* 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: itc-galliard, serif;
	font-weight: 400;
	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/TOUR2_bg.jpg) repeat;
	background-size: cover;
}

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

h2 {
	color: #f4a7ba;
	font-size: 4em;
	font-weight: 900;
	letter-spacing: 3px;
}

h3 {
	color: #f4a7ba;
	font-size: 2.8em;
	font-weight: 900;
	line-height: 2em;
	letter-spacing: 2px;
}

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;
}

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

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


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


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

#content {
	max-width: 1600px;
	margin: 0 auto;
	color: #fff;
}

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

}

#main img {
	width: 65%;
	margin: 7% 0 10% 0;
}


#schedule #info {
	position: relative;
	margin: auto;
	margin-top: 3%;
}

#schedule #info #goyang {
	border-top: 2px solid #f4a7ba;
	padding: 0;
}

#schedule #info #hongkong {
	border-bottom: 2px solid #f4a7ba;
	padding: 1.5% 0;
}


#schedule #info > div {
	font-size: 1.4em;
	text-align: center;
	vertical-align: middle;
	line-height: 20px;
}

#schedule #info > div:hover {
	background: rgb(244 167 186 / 13%);
}

#schedule #info > div:last-of-type {
	margin-bottom: 0;
}

#schedule #info .ticket a > span {
	display: block;
	font-weight: 900;
}


#schedule #info a.btn-coming:hover,
#schedule #info a.btn-coming:active,
#schedule #info a.btn-coming:focus {
	pointer-events:none;
}

#schedule #info a.btn-soldout,
#schedule #info a.btn-soldout:hover,
#schedule #info a.btn-soldout:active,
#schedule #info a.btn-soldout:focus {
	pointer-events:none;
	border: 1px solid #f4a7ba78;
	color: #f4a7ba78;
	font-size: 1.5em;
	font-weight: 800;
}

#schedule #info .ticket a:hover > span,
#schedule #info .ticket a:active > span,
#schedule #info .ticket a:focus > span,
#schedule #info .ticket a:focus {
	color: #000;
}

#schedule #info a:hover > span,
#schedule #info a:active > span,
#schedule #info a:focus > span {
	color: #f4a7ba;
	font-size: 1em;
}

#schedule #info a.btn-soldout > span {

}

#schedule #info a.btn-coming > span {
	color: #f4a7ba;
}

#schedule #info a.btn-buy:hover > span,
#schedule #info a.btn-buy:active > span,
#schedule #info a.btn-buy:focus > span {
	font-weight: 900;
	background: #fff;
}


#schedule #info .soldout {
	opacity: 85%;
	pointer-events:none;
}


#schedule #info .btnplus {
	padding: 0.7em;
}

#schedule #info .btnend {
	margin-top: 10px;
}




.video-embed-area {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
   background-color: #181818;
   margin-top: 4%;

}

.video-embed-area iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.video {
	width: 97%;
    margin: auto;
    padding: 8% 0 0 0%;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.slider-container {
    position: relative;
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 3%;
}

.slider {
    display: flex;
    width: 200%; 
    transition: transform 0.5s ease-in-out;
    transform: translateX(0%);
}


.slide {
    flex: 0 0 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.slide iframe {
    width: 100%;
    aspect-ratio: 16 / 9; 
}


.btnn {
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s, opacity 0.2s;
}

.btnn:hover {
    transform: translateY(-50%) scale(1.2);
    opacity: 1;
}


.prev {
    left: -2.5%; 
}

.next {
    right: -2.5%; 
}

.btnn svg {
    width: 80px;
    height: 80px;
    stroke: #f4a7ba;
}




#sponsor {
	padding: 10% 0;
}

.mail {
	font-size: 2em;
	color: #fff;
	font-weight: 400;
}

#yg {
	padding-bottom: 7%;
	font-size: 1.2em;
}



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

@media (min-width: 1280px) {

	#schedule #info > div {
		display: table;
		width: 97%;
		padding: 1% 0;
		opacity: 1;
		margin: 0 auto;
		border-bottom: 1px solid #313131;
	}

	#schedule #info > div > div {
		display: table-cell;
		vertical-align:middle;
	}

	#schedule #info .nation {
		text-align: left;
		padding: 3% 0 3% 2%;
	}


	#schedule #info #goyang .nation {
		text-align: left;
		margin: 18% 0 15% 7%;
		float: left;
	}


	#schedule #info #chicago .nation {
		text-align: left;
		margin: 6% 0 5% 4%;
		float: left;
	}


	#schedule #info .nation .city {
		color: #f4a7ba;
		font-weight: 900;
		font-size: 2.5em;
		display: inline;
		letter-spacing: 3px;
	}

	#schedule #info .nation .place {
		font-weight: 600;
		font-size: 1.3em;
		margin-top: 2%;
	}


	#schedule #info .date {
		font-weight: 400;
		font-size: 1.5em;
		text-align: right;
		padding-right: 1%;
		word-spacing: 2px;
	}



	#schedule #info .more {
		font-weight: 200;
		color: #da9cb3;
		font-size: 1.2em;
	}

	#schedule #info #chicago .more a {
		margin-left: -185%;
	}

	#schedule #info #milan .more a {
		margin-left: -220%;
	}

	#schedule #info #barcelona .more a {
		margin-left: -200%;
	}

	#schedule #info #kaohsiung .more a {
		margin-left: -125%;
	}

	#schedule #info #bangkok .more a {
		margin-left: 10%;
	}

	#schedule #info #jakarta .more a {
		margin-left: -120%;
	}

	#schedule #info #bulacan .more a {
		margin-left: -90%;
	}

	#schedule #info #singapore .more a {
		margin-left: -100%;
	}

	#schedule #info #hongkong .more a {
		margin-left: -110%;
	}



	#schedule #info .morex {
    color: #f4a7ba;
    font-weight: 200;
	}

	#schedule #info .ticket {
		width: 18%;

	}

	#schedule #info .ticket .comimg {
		border: 1px solid #f4a7ba;
	   font-size: 1.3em;
	   font-weight: 800;
	   color: #f4a7ba;
	   display: block;
	   width: 85%;
	   margin: 0 auto;
	   padding: 8% 0;
	}


	.ticket > a {
		position: relative;
		text-transform: uppercase;
		width: 85%;
		padding: 8% 0;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		-ms-transition: all 0.4s;
		-o-transition: all 0.4s;
		transition: all 0.4s;
		z-index: 1;
	}

	.ticket > a:after {
		position: absolute;
		content: "";
		width: 0%;
		height: 100%;
		top: 0;
		left: 0;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		-ms-transition: all 0.4s;
		-o-transition: all 0.4s;
		transition: all 0.4s;
		background: #fff;
	}

	.ticket > a:hover {
		color: #000;
	}

	.ticket > a:hover:after {
		width: 100%;
		z-index: -1;
	}

	.more .btn-info::before {
		content: '';
		position: absolute;
		bottom: 0%;
		left: 0px;
		width: 100%;
		height: 1px;
		background: #f4a7ba;
		display: block;
		-webkit-transform-origin: right top;
		-ms-transform-origin: right top;
		transform-origin: right top;
		-webkit-transform: scale(0, 1);
		-ms-transform: scale(0, 1);
		transform: scale(0, 1);
		-webkit-transition: transform 0.3s cubic-bezier(1, 0, 0, 1);
		transition: transform 0.3s cubic-bezier(1, 0, 0, 1)
	}

	.more .btn-info:hover::before {
		-webkit-transform-origin: left top;
		-ms-transform-origin: left top;
		transform-origin: left top;
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		transform: scale(1, 1)
	}

	#schedule #info .more a {
		cursor: pointer;
		display: inline-block;
        margin: 0 0 0 -55%;
	}

	#schedule #info a.btn-soldout,
	#schedule #info a.btn-soldout:hover,
	#schedule #info a.btn-soldout:active,
	#schedule #info a.btn-soldout:focus,
	#schedule #info a.btn-coming,
	#schedule #info a.btn-coming:hover,
	#schedule #info a.btn-coming:active,
	#schedule #info a.btn-coming:focus {
		padding-left: 0;
		padding-right: 0;
	}

	.ticket a[class*="btn-"] {
		position: relative;
	}

	.ticket a .mini {
		font-size: 0.5em;
	}


	a.btn-buy {
		background: #f4a7ba;
		color: #000;
		font-size: 1.5em;
		font-weight: 800;
	}

	a.btn-bottom {
		margin-bottom: 3%;
	}


	.more a[class*="btn-"] {
		position: relative;
		color: #f4a7ba;
		opacity: 1.0;
	}

	.more a[class*="btn-"].active,
	.more a[class*="btn-"]:hover,
	.more a[class*="btn-"]:active,
	.more a[class*="btn-"]:focus {
		z-index: 9;
	}

	#schedule .more a.btn-info:hover {
		color: #f4a7ba;;
	}

}


/* ------------------------------
---------------------------------
[ Phones & Tablets only ]
---------------------------------
------------------------------ */

@media (max-width: 1280px) {

	body {
		background-size: contain !important;
	}


	#main {
		padding-bottom: 0 !important;
	}

	#maintxt .mtitle {
		padding: 10% 0 6%;
	}
	
	#maintxt .m_topBnr {
		padding: 3% 6% 0;
	}

	#content h2 {
		font-size: 3.4em;
	}

	#schedule #info > div {
	}


	#schedule #info {
		width: 85%;
		font-weight: 600;
	}

	#schedule #info #goyang {
		border-top: 1px solid #444 !important;
		padding: 8% 0 12% 0;
	}

	#schedule #info #goyang .ticket {
		width: 80%;
		margin: 0 auto;
	}

	#schedule #info #hongkong {
		border-bottom: 1px solid #444 !important;
		padding: 8% 0 12% 0;
	}

	#schedule #info #hongkong .ticket {
		width: 80%;
		margin: 0 auto;
	}	


	#schedule #info #hongkong .ticket .comimg {
		width: 70%;
		margin: 0 auto;
		padding: 5% 0 5.5% 0;
	}



	#schedule #info #tokyo .ticket {
	}	

	#schedule #info #tokyo .ticket .m-btn {
		width: 75% !important;
		padding:  5% 0 !important;
	}


	#schedule #info .ticket .comimg {
	   border: 1px solid #f4a7ba;
	   font-weight: 900;
	   color: #f4a7ba;
	   display: block;
	   width: 90%;
	   margin: 0 auto;
	   padding: 6% 0 6.5% 0;
	}


	#schedule #info .city {
		color: #f4a7ba;
		text-align: center;
		padding: 2% 0 2% 0;
		font-size: 1.5em;
		font-weight: 900;
		letter-spacing: 3px;
	}

	#schedule #info .place {
		font-size: 1.1em;
	}	


	#schedule #info .date {
		font-weight: 400;
		font-size: 0.9em;
		padding-bottom: 2%;
		word-spacing: 2px;
	}

	#schedule #info .date1 {
		padding: 0 5%;

	}

	#schedule #info > div {
		display: block;
		margin-bottom: 1em;
		padding: 8% 10% 9%;
		font-size: 2em;
		text-align: center;
		border: 1px solid #444;
	}

	#schedule #info > div > div {
		margin-bottom: 5%;
		line-height: 26px;
	}


	#schedule #info > div > div:last-child {
		margin-bottom: 0;
	}


	a.btn-buy {
		background-color: #f4a7ba;
		color: #000;
	}


	#schedule #info > div:hover {
		background-color: rgb(255, 255, 255, 0.01);
		box-shadow: none;
		border: 1px solid #444;
		opacity: 100%;
	}

	#schedule #info .place {
		padding-bottom: 1% !important;
		font-size: 1em !important;
	}



	#schedule #info .more {
		font-weight: 900;
		font-size: 0.8em;
		display: block;
    	margin: 0 auto;	
	}

	#schedule #info .morex {
		border: 0 !important;
	}

	#schedule #info a.btn-coming,
	#schedule #info a.btn-coming:hover,
	#schedule #info a.btn-coming:active,
	#schedule #info a.btn-coming:focus {
		pointer-events:none;
		margin-top: 2%;
		font-size: 0.8em;
	}

	#schedule #info a.btn-soldout,
	#schedule #info a.btn-soldout:hover,
	#schedule #info a.btn-soldout:active,
	#schedule #info a.btn-soldout:focus {
		pointer-events:none;
		border: 1px solid #f4a7ba78;
	    color: #f4a7ba78 !important;
	    font-size: 1em !important;
	    font-weight: 800;
	}

	.ticket a[class*="btn-"] {
		width: 90%;
		padding: 6% 5%;
	}

	.more a[class*="btn-"] {
		width: 90%;
		padding: 1% 0;
		}


	.ticket a[class*="btn-"] {
		position: relative;
		color: #000;
		margin-bottom: 2%;
		font-weight: 900;
	}

	.ticket a[class*="btn-"].active,
	.ticket a[class*="btn-"]:hover,
	.ticket a[class*="btn-"]:active,
	.ticket a[class*="btn-"]:focus {
		color: #000;
		background-color: #fff;
		z-index: 9;
	}


	.ticket a .mini {
		font-size: 0.8em;
	}



	.more a[class*="btn-"] {
		position: relative;
		color: #f4a7ba;
	}

	.more a[class*="btn-"].active,
	.more a[class*="btn-"]:hover,
	.more a[class*="btn-"]:active,
	.more a[class*="btn-"]:focus {
		z-index: 9;
	}



	a.btn-buy.buy {
		background-color: #7db7f7;
		padding: 2% 10%;
	}

	a.btn-coming {
		padding: 2% 6%;
	}

	#schedule #info .btnplus {
		padding: 6% 0 !important;
	}

	#schedule #info .btnend {
		margin-top: 0 !important;
	}






	#main img {
		width: 80% !important;
		padding: 5% 0 2% 0 !important;
	}

	#schedule #info {
		margin-top: 6% !important;
	}


	#schedule #info .ticket .coming {
		width: 90%;
	    margin: auto;
	    padding: 6% 0;
	    background-color: #f4a7ba;
	    color: #a6a6a6;
	    font-weight: 900;
	}


	.video {
	   width: 75% !important;
	   padding: 10% 0 0 0 !important;
	}


	.slider-container {
	    position: relative;
	    width: 100%;
	    margin: 0 auto;
	    overflow: hidden;
	    margin-top: 3%;
	}



	.prev {
	    left: -10%; 
	}

	.next {
	    right: -10%; 
	}

	.btnn svg {
	    width: 60px;
	    height: 60px;
	}




}

@media (max-width: 768px) {

	#content h2 {
		font-size: 3.7em;
	}

	#schedule #info > div {
		font-size: 2em;
	}

	#schedule #info .ticket .coming {
		width: 90%;
	  margin: auto;
	  padding: 6% 0;
	  background-color: #4e4946;
	  color: #a6a6a6;
	  font-weight: 900;
	}

	.slider-container {
        width: 95%;
    }


  .btnn {
  	position: absolute;
  	top: 66%;
  }

  .btnn svg {
        width: 50px;
        height: 50px;
    }

  .prev { left: -13% !important; }
  .next { right: -13% !important; }





	#content h3 {
		font-size: 2.3em;
	}

	#content .mail {
		font-size: 1.6em;
		padding-bottom: 5%;
	}


}

@media (max-width: 480px) {

		.btnn svg {
        width: 40px;
        height: 40px;
      }

	 .prev { left: -15% !important; }
    .next { right: -15% !important; }

}


@media screen and (max-aspect-ratio: 1/1) {}

@media only screen and (orientation: landscape) {}

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