@charset "utf-8";
/* CSS Document */

/* 영역구분 */
#wrap {position:relative; width:100%; min-width:320px; margin:0 auto; text-align:center;}
.wrap {display:block; vertical-align:middle; box-sizing:border-box; position:relative; width:100%; max-width:100%; margin:0 auto; padding:0 20px;}
.blind {display:block; overflow:hidden; position:absolute !important; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px;}
.ar1 {aspect-ratio:1/1;}
.dn {display:none !important;}
html {
	/* Prevent font scaling in landscape */
	-webkit-text-size-adjust:none; /*Chrome, Safari, newer versions of Opera*/
	-moz-text-size-adjust:none; /*Firefox*/
	-ms-text-size-adjust:none; /*Ie*/
	-o-text-size-adjust:none; /*old versions of Opera*/
}
html::-webkit-scrollbar {width:10px;}
html::-webkit-scrollbar-thumb {background-color:#282828; border-radius:10px; background-clip:padding-box; border:2px solid transparent;}
html::-webkit-scrollbar-thumb:hover {background-color:#282828;}
html::-webkit-scrollbar-track {background-color:#fff;}


/* 폼태그 */
.form {display:inline-block; vertical-align:middle; width:100%; text-align:left;}
.form .f_wrap {display:inline-block; vertical-align:middle; width:100%; padding:5px 0;}
.form .f_field {display:inline-block; vertical-align:middle; float:left; position:relative; width:100%;}
.form .f_field .ff_title {position:absolute; left:0; top:0; width:80px; height:40px; overflow:hidden; font-size:15px; font-weight:500; color:#101111; line-height:40px; text-align:left;}
.form .f_field .ff_title label {position:relative;}
.form .f_field .ff_wrap {display:block; margin-left:100px !important;}
.form .f_field .ff_wrap.text {margin-top:5px;}
.form .f_field .ff_wrap.content {min-height:40px; margin-top:0; line-height:40px;}
.form .f_field input {display:inline-block; vertical-align:middle;}


/* 폼스타일 */
.input {display:block; vertical-align:middle; box-sizing:border-box; width:100%; height:40px; margin:0; padding:0 15px; border:none; border-radius:4px; background-color:#ffffff; border:1px solid #D8D8D8; outline:none; font-size:15px; font-weight:400; color:#070707; line-height:25px; text-align:left;}
.input:focus {border:1px solid #D8D8D8 !important; background-color:#F6F6F6 !important; outline:none !important;}
.input:-webkit-autofill,
.input:-webkit-autofill:hover,
.input:-webkit-autofill:focus,
.input:-webkit-autofill:active,
.input:autofill,
.input:autofill:hover,
.input:autofill:focus,
.input:autofill:active {-webkit-box-shadow:0 0 0px 1000px #F6F6F6 inset; background-color:#F6F6F6 !important; border:1px solid #D8D8D8 !important; outline:none !important;}
.input::placeholder {color:#808080 !important;}
.input.h50 {height:50px; line-height:48px;}
.select {display:block; vertical-align:middle; box-sizing:border-box; width:100%; height:40px; margin:0; padding:0; padding-left:15px; border:none;background-color:#F6F6F6; outline:none; font-size:14px; font-weight:500; color:#202325; line-height:40px; text-align:left; background-image:url("../m/images/common/icon_arrow.svg"); background-size:20px 20px; background-position:center right 15px; background-repeat:no-repeat; -webkit-appearance:none;}
.select:focus {border:none !important; outline:none !important;}
.select::placeholder {color:#808080 !important;}
.textarea {display:block; vertical-align:middle; box-sizing:border-box; width:100%; width:98%\9; min-height:40px; margin:0; padding:0; outline:none; border-radius:0; background-color:#F6F6F6; border:none; border:rgba(16,17,17,0.2) solid 0;
	font-size:15px; font-weight:100; color:#101111; line-height:38px; text-align:left;}
.file {display:block; vertical-align:middle; width:100%; height:40px; margin:0; padding:0; outline:none; border:rgba(16,17,17,0.2) solid 0;
	font-size:15px; font-weight:100; color:#101111; line-height:38px; text-align:left;}
.file:hover {border-color:#101111;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.date_picker:before {
 content: attr(data-placeholder);
 width: 100%;
}

.date_picker:focus::before,
.date_picker:valid::before {
 display: none;
}

/* 체크박스 */
.chk_box {display:inline-block; vertical-align:middle; position:relative; font-size:0; line-height:0;}
.chk_box input {position:absolute; left:0; top:0; width:25px; opacity:0; z-index:1; cursor:pointer; aspect-ratio:1/1;}
.chk_box label {display:inline-block; vertical-align:middle; float:left; position:relative; box-sizing:border-box; height:auto !important; min-height:25px !important; margin:0 !important; padding-left:35px; cursor:pointer;}
.chk_box label:before {content:""; display:inline-block; vertical-align:middle; box-sizing:border-box; position:absolute; top:0; left:0; width:25px; height:25px; border:#D8D8D8 solid 1px; border-radius:4px; background-color:#D8D8D8; opacity:0.7;}
.chk_box label:after {content:""; display:inline-block; vertical-align:middle; position:absolute; left:6px; top:7px; width:9px; height:5px; border-radius:1px; border-left:#fff solid 3px; border-bottom:#fff solid 3px; transform:rotate(-45deg);}
.chk_box label span {/* display:none; */}
.chk_box input:checked + label:before,
.chk_box input:checked + div label:before {background-color:#F0008C; border-color:#F0008C; opacity:1;}
.chk_box input:checked + label:after,
.chk_box input:checked + div label:after {border-color:#fff;}
.chk_box label b {position:absolute; left:40px; top:0; font-size:14px; font-weight:400; color:#202325; line-white-space: nowrap;}
.chk_box label i {display:inline-block; vertical-align:middle; float:left; height:25px; font-size:15px; font-weight:400; color:#070707; line-height:27px; letter-spacing:-0.5px;}
.chk_box input:checked + label b {font-weight:500;}
.chk_box input[type="checkbox"] + label span {opacity:0 !Important;}
.chk_box.t2 label:before {background-color:#D8D8D8;}
.chk_box.t2 label:after {margin-left:1px; border-color:#fff;}


/* 버튼 */
.buttonwrap {display:inline-block; vertical-align:middle; width:100%; font-size:0; line-height:0;}
.buttonwrap li {display:inline-block; vertical-align:middle; padding:0 5px; font-size:0; line-height:0;}
.button {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; box-sizing:border-box; width:100%; height:50px; border:#070707 solid 1px; border-radius:50px; background-color:#fff; font-size:15px; font-weight:700; color:#070707; line-height:50px !important; letter-spacing:-0.5px; transition:0.2s; -webkit-transition:0.2s; text-align:center;}
.button.h40 {height:40px; font-size:14px !important; line-height:40px !important;}
.button.h30 {height:30px; font-size:15px !important; line-height:30px !important;}
.button.red {border:#E6002E solid 1px; background-color:#E6002E; color:#fff;}
.button.blue {border:#001958 solid 1px; background-color:#001958; color:#fff;}
.button.pink {border:#F0008C solid 1px; background-color:#F0008C; color:#fff;}
.button.grey {border-color:#d9d9d9; background-color:#d9d9d9; color:#fff;}
.button.wt {border-radius:25px; background-color:#fff; line-height:50px;}
.button.pink.pb {border:#F0008C solid 1px; background-color:#fff; color:#F0008C;}
.button.gr {border:none; background-color:#F6F6F6; line-height:50px;}
.button.half {float:left; width:calc(50% - 5px);}
.button.half + .button.half {margin-left:10px;}
.button.disable {pointer-events:none;}



.content.sub.calendar.calendar{
	padding-top: 5.25rem;
	padding-bottom: 5.25rem;
	max-width: 82.5rem;
}
.popup.full-size {
	width: 35.5rem;
}
.popup.full-size.fullpage {
	width: 100%;
	position: relative !important;
	top: 40px;
	left: 0;
	transform: none;
	margin: 0 auto;
	z-index: 0;
	margin-bottom: 100px;
}
.popup.full-size.fullpage::before {
	position: relative;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	content: "";
	transform: none;
	background-color: #fff;
}
.popup {
	position: fixed !important;
	z-index: 99;
	top: 50%;
	left: 50%;
	overflow: visible;
	width: 32.5rem;
	max-width: calc(100% - 4rem);
	max-height: 100vh;
	transform: translate(-50%, -50%);
}
.popup .popup-wrapper {
	display: flex;
	overflow-y: auto;
	flex-direction: column;
	max-height: calc(100vh - 5rem);
	padding: 1.5rem;
	background-color: #fff;
	box-shadow: 0.3125rem 0.3125rem 0.9375rem 0 rgba(0, 0, 0, 0.3);
	justify-content: flex-start;
	align-items: stretch;
}
.popup.popup-address-list .popup-header {
	margin-bottom: 0;
}
.popup .popup-wrapper .popup-header {
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem;
	color: #000;
	border-bottom: 0.0625rem solid #000000;
	font-size: 1.25rem;
}
.popup .popup-wrapper .popup-content {
	overflow-y: auto;
	flex: 1 1 auto;
}
.popup .popup-wrapper .popup-footer {
	position: relative;
	z-index: 0;
	margin-top: 1.5rem;
}
.popup .popup-wrapper .popup-header h2 {
	width: 100%;
	height: auto !important;
	margin-bottom: 0 !important;
	border-bottom: 0 !important;
	font-size: 1.25rem !important;
}
.popup .popup-wrapper .popup-footer .btn-group {
	display: flex;
	align-items: center;
	justify-content: center;
}
.popup .popup-wrapper .popup-footer .btn-group button {
	min-width: 11.25rem;
}
.content.sub button.btn-action {
	color: #ffffff;
	font-weight: 500;
}
.content.sub button.bg-skew::before {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 50%;
	display: block;
	height: 100%;
	content: "";
	transform: skewX(-16deg) translateX(-50%);
	transform-origin: center;
}
.popup::before {
	position: fixed;
	z-index: -1;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 100vh;
	content: "";
	transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, 0.5);
}

/*티켓*/
.game-calendar .date-list {
	margin-bottom: 1rem;
}
.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	list-style: none;
	overflow: hidden;
	padding: 0;
	z-index: 1;
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
	transform: translate3d(0px, 0, 0);
}
.game-calendar .date-list .swiper-container .swiper-wrapper .swiper-slide {
	position: relative;
	display: inline-flex;
	width: auto;
	width: 2.5rem;
	height: 4rem;
	margin: 0 0.375rem;
	padding-top: 0.5rem;
	text-align: center;
	justify-content: center;
	flex: 0 0 auto;
}
.game-calendar .date-list .swiper-container .swiper-wrapper .swiper-slide dl dd {
	display: flex;
	width: 2rem;
	height: 2rem;
	font-size: 1rem;
	font-weight: bold;
	align-items: center;
	justify-content: center;
}
.game-calendar .date-list .swiper-container .swiper-wrapper .swiper-slide.month dl dt {
	color: #000000;
	font-size: 0.75rem;
	font-weight: 600;
}
.game-calendar .date-list .swiper-container .swiper-wrapper .swiper-slide.month dl dd {
	font-size: 1.75rem !important;
	font-weight: bold !important;
}
.game-calendar .date-list .swiper-container .swiper-wrapper .swiper-slide.month dl dt {
	color: #000000 !important;
	font-size: 0.75rem !important;
	font-weight: 600 !important;
}
.game-calendar .date-list .swiper-container .swiper-wrapper .swiper-slide dl dt {
	color: #999999 !important;
	font-size: 0.625rem !important;
	font-weight: normal !important;
}

/*버튼컬러*/
.popup-footer .btn-action.btn-size-normal.btn-red.bg-skew {
	min-width: 11.25rem;
	height: 43px;
	background: red;
}