@charset "UTF-8";
.blind {
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
	clip: rect(1px, 1px, 1px, 1px);
}

.only-mobile {
	display: none;
}

/* underline */
.txt_underline {
	text-decoration: underline;
}
.underline {
	position: relative;
}
.underline:after {
	display: block;
	position: absolute;
	left: 0;;
	right: 0;
	bottom: -5px;
	width: 100%;
	height: 1px;
	background-color: #f27900;
	content: '';
}

/* :hover underline animate */
a.underline {
}
a.underline:after {
	display: none;
}
a.underline > span {
	position: relative;
}
a.underline > span:before {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #f27900;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
		-webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	content: '';
}
a.underline:hover > span:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.hover-underline-animation {
	display: inline-block;
	position: relative;
	line-height: 1;
	color: #444;
}
.active.hover-underline-animation {
	color: #f27900;
}

.hover-underline-animation:after {
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 1px;
	bottom: -2px;
	left: 0;
	background-color: #444;
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}
.active.hover-underline-animation:after {
	background-color: #f27900;
}

.hover-underline-animation:hover:after {
	transform: scaleX(1);
	transform-origin: bottom left;
}

/* font family */
.lang-eng {
	font-family: 'Roboto';
}

/* font color */
.fc-red {
	color: #F27367 !important;
}
.fc-pink {
	color: #fa3246 !important;
}
.fc-orange {
	color: #ff8039 !important;
}
.fc-yellow {
	color: #2c2a27 !important;
}
.fc-black {
	color: #000 !important;
}
.fc-dark {
	color: #333 !important;
}
.fc-gray {
	color: #6b6b6b !important;
}
.fc-gray50 {
	color: #666 !important;
}
.fc-gray70 {
	color: #ccc !important;
}
.fc-silver {
	color: #bcc0ca !important;
}
.fc-white {
	color: #fff !important;
}
.fc-sky {
	color: #00664F !important;
}
.fc-blue {
	color: #1768e1 !important;
}

/* font size */
.fs12 {
	font-size: 12px !important;
}
.fs13 {
	font-size: 13px !important;
}
.fs14 {
	font-size: 14px !important;
}
.fs15 {
	font-size: 15px !important;
}
.fs16 {
	font-size: 16px !important;
}
.fs18 {
	font-size: 18px !important;
}
.fs19 {
	font-size: 19px !important;
}
.fs20 {
	font-size: 20px !important;
}

/* font weight */
.fw-thin {
	font-weight: 100 !important;
}
.fw-light {
	font-weight: 300 !important;
}
.fw-regular {
	font-weight: 400 !important;
}
.fw-mideum {
	font-weight: 500 !important;
}
.fw-bold {
	font-weight: 700 !important;
}
.fw-black {
	font-weight: 900 !important;
}

/* margin pakage */
.mt0 {
	margin-top: 0 !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt24 {
	margin-top: 24px !important;
}
.mt80 {
	margin-top: 80px !important;
}

/* padding pakage */
.pl25 {
	padding-left: 25px !important;
}

/* cursor */
.cursor-p {
	cursor: help;
}
.cursor-w {
	cursor: wait;
}
.cursor-c {
	cursor: crosshair;
}
.cursor-n {
	cursor: not-allowed;
}
.cursor-z {
	cursor: zoom-in;
}
.cursor-g {
	cursor: grab;
}
.cursor-p {
	cursor: pointer;
}
.cursor-d {
	cursor: default;
}

/* float */
.f-left {
	float: left;
}
.f-right {
	float: right;
}
.f-none {
	float: none;
}

/* 타이틀 */
.page-title {
	margin-top: 160px;
}
.page-title h3 {
	font-size: 64px;
	font-weight: 700;
	text-align: center;
}
.page-title .desc {
	margin-top: 20px;
	font-size: 20px;
	color: #757575;
}

.sec-title {
	display: flex;
	align-items: center;
	margin-top: 80px;
}
.sec-title.center {
	justify-content: center;
}
.sec-title h4 {
	font-size: 48px;
	font-weight: 700;
}
.sec-title .sec-desc {
	margin-left: 16px;
	font-size: 16px;
	color: #8c8c8c;
}
.sec-title + .sec {
	margin-top: 56px;
}

.sub-title {
	display: flex;
	align-items: center;
}
.sub-title h5 {
	font-size: 24px;
	font-weight: 700;
}
.sub-title .sub-desc {
	margin-left: 16px;
	font-size: 14px;
	color: #8c8c8c;
}
.page-desc {
	margin-top: 65px;
	text-align: center;
	font-size: 26px;
	color: #000E0B;
}

/* 태그 정렬 */
.align-area {
	overflow: hidden;
	margin-top: 80px;
}
.align-area .right-area {
	float: right;
}
.align-area .left-area {
	float: left;
}
.align-area .center-area {
	text-align: center;
}

/* text indent */
.txt-int10 {
	padding-left: 10px;
	text-indent: -10px;
}
.txt-int15 {
	padding-left: 15px;
	text-indent: -15px;
}
.txt-int20 {
	padding-left: 20px;
	text-indent: -20px;
}

.txt-big {
	margin-top: 50px;
	text-align: center;
	color: #f82514;
	font-size: 18px;
}

/* text align */
.tl {
	text-align: left !important;
}
.tr {
	text-align: right !important;
}
.tc {
	text-align: center !important;
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.block {
	position: relative;
	display: block;
}
hr.block {
	height: 80px;
}

.ui_tablet_show,
.ui_mobile_show {
	display: none !important;
}
.ui_tablet_hide,
.ui_mobile_hide {
}
@media screen and (max-width: 1780px) {
	.ui_tablet_show {
		display: block !important;
	}
	.ui_tablet_hide {
		display: none !important;
	}
}
.ui_lazy {
	opacity: 0;
	transform: translateY(50px);

	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
.ui_lazy.load {
	opacity: 1;
	transform: translateY(0px);
}
.ui_dim {
	opacity: 0;
	visibility: hidden;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	background-color: rgba(0, 0, 0, 0.5);
}
.ui_dim.show {
	-webkit-animation: dimShow 0.3s forwards;
	animation: dimShow 0.3s forwards;
}
@-webkit-keyframes dimShow {
	0% {
		opacity: 0;
		visibility: hidden;
	}
	100% {
		opacity: 1;
		visibility: visible;
	}
}
@keyframes dimShow {
	0% {
		opacity: 0;
		visibility: hidden;
	}
	100% {
		opacity: 1;
		visibility: visible;
	}
}

.ui_show {
	-webkit-animation: uiShow 0.3s forwards;
	animation: uiShow 0.3s forwards;
}
@-webkit-keyframes uiShow {
	0% {
		opacity: 0;
		visibility: hidden;
	}
	100% {
		opacity: 1;
		visibility: visible;
	}
}
@keyframes uiShow {
	0% {
		opacity: 0;
		visibility: hidden;
	}
	100% {
		opacity: 1;
		visibility: visible;
	}
}

/* icon */
.ico {
	display: inline-block;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
}
.ico.icoX32 {
	width: 32px;
	height: 32px;
	margin-top: -16px;
	vertical-align: -10px;
}

.ico.ico-file {
	width: 24px;
	height: 24px;
	margin-top: -2px;
	vertical-align: -6px;
	background-image: url('/img/ico_file.png');
} 
.ico.ico-subway {
	border-radius: 99em;
	background-color: #1ac15b;
	background-image: url('/img/ico_subway.png');
	background-size: 16px 17px;
}
.ico.ico-bus {
	border-radius: 99em;
	background-image: url('/img/ico_bus.png');
	background-size: 16px 19px;
}
.ico.ico-bus01 {
	background-color: #6bd31f;
}
.ico.ico-bus02 {
	background-color: #1761b5;
}
.ico.ico-bus03 {
	background-color: #6bd31f;
}
.ico.ico-bus04 {
	background-color: #30bfa6;
}
.ico.ico-bus05 {
	background-color: #1761b5;
}
.ico.ico-bus06 {
	background-color: #f52727;
}
.ico.ico-bus07 {
	background-color: #f52727;
}
.ico.ico-bus08 {
	background-color: #ceb048;
}

/* button */
.button-area {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	width: 100%;
	margin-top: 32px;
}
.button-area.vertical {
	flex-direction: column;
	gap: 8px 0;
}
.button-area.auto .btn {
	flex: 1;
}

.btn {
	position: relative;
	display: inline-block;
	text-align: center !important;
	border-style: solid;
	border-width: 1px;
	border-radius: 8px;
}
.btn.full {
	width: 100%;
}

.btn.lg {
	min-width: 160px;
	padding: 21px 32px;
	font-size: 26px;
	font-weight: 700;
}
.btn.medium {
	min-width: 160px;
	padding: 14px 16px 13px;
}
.btn.sm {
	min-width: 100px;
	padding: 9px 16px;
	font-size: 20px;
	font-weight: 700;
}
.btn.mini {
	min-width: 76px;
	padding: 4px 10px;
	font-size: 12px;
}

.btn.black {
	background-color: #000E0B;
	border-color: #000E0B;
	color: #fff;
}
.btn.blue {
	background-color: #1768e1;
	border-color: #1768e1;
	color: #fff;
}
.btn.gray {
	background-color: #B9B9B9;
	border-color: #B9B9B9;
	color: #8c8c8c;
}
.btn.black.disable {
	background-color: #000E0B !important;
	border-color: #000E0B !important;
	color: #fff !important;
}
.btn.blue.disable {
	background-color: #1768e1 !important;
	border-color: #1768e1 !important;
	color: #fff !important;
}
.btn.gray.disable {
	background-color: #B9B9B9 !important;
	border-color: #B9B9B9 !important;
	color: #8c8c8c !important;
}

.btn.black:hover {
	background-color: #333a42;
	border-color: #333a42;
	color: #fff;
}
.btn.blue:hover {
	background-color: #2e77e4;
	border-color: #2e77e4;
	color: #fff;
}
.btn.gray:hover {
	background-color: #d1d1d1;
	border-color: #d1d1d1;
	color: #fff;
}

.btn.black:active {
	background-color: #1a2129;
	border-color: #1a2129;
	color: #fff;
}
.btn.blue:active {
	background-color: #155ecb;
	border-color: #155ecb;
	color: #fff;
}
.btn.gray:active {
	background-color: #e6e6e6;
	border-color: #e6e6e6;
	color: #fff;
}

.btn.line.black {
	background-color: #fff;
	border-color: #000E0B;
	color: #000E0B;
}
.btn.line.blue {
	background-color: #fff;
	border-color: #1768e1;
	color: #1768e1;
}
.btn.line.gray {
	background-color: #fff;
	border-color: #B9B9B9;
	color: #000E0B;
}

.btn.line.black:hover {
	background-color: #fff;
	border-color: #333a42;
	color: #666666;
}
.btn.line.blue:hover {
	background-color: #fff;
	border-color: #2e77e4;
	color: #2e77e4;
}
.btn.line.gray:hover {
	background-color: #fff;
	border-color: #d1d1d1;
	color: #666666;
}

.btn.line.blue:active {
	background-color: #fff;
	border-color: #1768e1;
	color: #1768e1;
}
.btn.line.black:active,
.btn.line.gray:active {
	background-color: #e6e6e6;
	border-color: #bababa;
	color: #404040;
}

.btn .ico {
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.btn .ico.ico-trash {
	background-image: url('/img/ico/ico_trash.svg');
}

.btn.mini .ico {
	margin-right: 4px;
	width: 12px;
	height: 12px;
	vertical-align: middle;
}

.btn.disable {
	cursor: default;
}
.btn.active {
	background-color: #1d252d !important;
	border-color: #1d252d !important;
	color: #fff !important;
}

.btn-more .ico {
	margin-left: 14px;
	width: 36px;
	height: 24px;
	border: 1px #000 solid;
	border-radius: 99em;
	vertical-align: -7px;
	background-image: url('/img/common/ico_arrow_right_black.svg');
	background-size: 12px 12px;
}
/*
.btnTop {
	display: none;
	position: fixed;
	bottom: 40px;
	right: 50%;
	z-index: 15;
	margin-right: -795px;
	width: 80px;
	height: 80px;
	background: url("/img/btn_top.png") no-repeat 0 0;
	background-size: contain;
}
@media screen and (max-width: 1600px) {
	.btnTop {
		right: 24px;
		margin-right: 0;
	}
}
*/

/* form */
fieldset {
	border: 0;
}
input,
textarea {
	border: 1px #e2e2e2 solid;
}
input[type='text'],
input[type='submit'],
input[type='password'],
input[type='number'],
input[type='file'] {
	padding: 0 16px;
	margin: 0;
	height: 48px;
	vertical-align: middle;
	box-shadow: none;
	-webkit-appearance: none;
	ime-mode: inactive;
}
input:read-only,
textarea:read-only {
	background-color: #e5e5e5;
	border-color: #e5e5e5;
}
input[type='image'] {
	border: none;
	background: none;
}
input.date,
input.date:focus {
	background-image: url('/img/ico/ico_calendar.svg');
	background-position: right 8px center;
	background-repeat: no-repeat;
	cursor: pointer;
}

input[type='text']:focus,
input[type='password']:focus,
textarea:focus {
	border-color: #000E0B;
}

input[type='text']:read-only:focus,
input[type='password']:read-only:focus,
textarea:read-only:focus {
	border-color: #e5e5e5;
}

.won {
	display: block;
	position: relative;
}
.won input[type='number'] {
	padding-right: 37px;
	text-align: right;
}
.won:after {
	position: absolute;
	top: calc(50% + 1px);
	right: 16px;
	transform: translateY(-50%);
	content: '원';
}

input[type='text'].error,
input[type='password'].error,
select.error,
textarea.error {
	color: #F27367;
	border-color: #F27367;
	background-color: #fff;
}

.error::-webkit-input-placeholder {
	color: #F27367;
	font: inherit;
}
.error::-moz-placeholder {
	color: #F27367;
	font: inherit;
}
.error:-ms-input-placeholder {
	color: #F27367 !important;
	font: inherit;
}
.error:-moz-placeholder {
	color: #F27367;
	font: inherit;
}

.error-message {
	margin-top: 5px;
	color: #F27367;
	font-size: 12px;
}
.error-message + .byte {
	display: none;
}

textarea {
	width: 100%;
	padding: 15px 16px 45px;
	margin: 0;
}

.label {
	display: inline-block;
	position: relative;
	padding-left: 26px;
	vertical-align: middle;
	cursor: pointer;
}
.label + .label {
	margin-left: 40px;
}
.label .checkbox,
.label .radio {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	vertical-align: middle;
}
.label .checkbox input,
.label .radio input {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	padding: 0 !important;
	z-index: 1;
}
.label .checkbox input:checked,
.label .radio input:checked,
.label .checkbox input:focus,
.label .radio input:focus {
	outline: none !important;
}

.label .checkbox i,
.label .radio i {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 0;
}

.label .checkbox i:before,
.label .radio i:before {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 99em;
	background: #fff;
	box-sizing: border-box;
	vertical-align: middle;
	border: 1px solid #c2c2c2; /* box-shadow: 0 1px 1px -1px #C2C2C2; */
	content: '';
}

.label .checkbox input + i:after,
.label .radio input + i:after {
	position: absolute;
	content: '';
}
.label .checkbox input + i:after {
	width: 9px;
	height: 6px;
	top: 6px;
	left: 6px;
	border: 2px solid #c2c2c2;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.label .radio input + i:after {
	width: 12px;
	height: 12px;
	top: 4px;
	left: 4px;
	border-radius: 100%;
	background: #fff;
}

.label .checkbox input:checked + i:before {
	background: #1768e1;
	border-color: #1768e1;
}
.label .checkbox input:checked + i:after {
	border-color: #fff;
}
.label .radio input:checked + i:before {
	background: #fff;
	border-color: #1768e1;
}
.label .radio input:checked + i:after {
	background: #1768e1;
}

.label .checkbox input:disabled + i:before,
.label .radio input:disabled + i:before,
.label .checkbox input[disabled] + i:before,
.label .radio input[disabled] + i:before,
.label .checkbox input.disabled + i:before,
.label .radio input.disabled + i:before {
	border-color: #dbdbdb;
	background: #dbdbdb;
}
.label .checkbox input:disabled + i:after,
.label .radio input:disabled + i:after,
.label .checkbox input[disabled] + i:after,
.label .radio input[disabled] + i:after,
.label .checkbox input.disabled + i:after,
.label .radio input.disabled + i:after {
	/*opacity:0.5;*/
}

.label-default {
	display: inline-block;
	padding: 1px 6px 3px;
	font-size: 10px;
	color: #fff;
	background-color: #1d252d;
	border-radius: 2px;
}
.label-num {
	display: inline-block;
	height: 22px;
	width: 22px;
	text-align: center;
	line-height: 20px;
	font-size: 10px;
	color: #fff;
	background-color: #999999;
	border-radius: 99em;
}
.label-new {
	display: inline-block;
	margin-right: 5px;
	width: 16px;
	height: 16px;
	line-height: 14px;
	font-size: 10px;
	color: #fff;
	text-align: center;
	background-color: #ff8039;
	border-radius: 99em;
}
.label-new:after {
	content: 'N';
}

.file-upload {
	display: flex;
	gap: 10px;
	margin-top: -20px;
}

.file-upload .file-upload-label {
	cursor: pointer;
}
.file-upload .file-upload-label input {
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
	clip: rect(1px, 1px, 1px, 1px);
}
.file-upload .file-upload-label .ico {
	display: inline-block;
	width: 60px;
	height: 60px;
	border: 1px #e2e2e2 solid;
	background: #fff url('/img/ico/ico_camera.svg') no-repeat 50% 50%;
}

.file-upload .file-upload-list ul {
	display: flex;
	gap: 10px;
}
.file-upload .file-upload-list ul li {
	position: relative;
	border: 1px #e2e2e2 solid;
	background-color: #f5f5f5;
}
.file-upload .file-upload-list ul li .img {
	overflow: hidden;
	display: block;
}
.file-upload .file-upload-list ul li .img img {
	width: 58px;
	height: 58px;
	object-fit: cover;
}
.file-upload .file-upload-list ul li .del {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 16px;
	height: 16px;
	background: url('/img/ico/ico_circle_close.svg') no-repeat 50% 50%;
}

/*
.label.hover input + i:before { border-color: #777 }
.label:hover .checkbox input + i:before,
.label:hover .radio input + i:before { border-color: #aaa;}

.label .checkbox input:focus + i:before,
.label .radio input:focus + i:before { border-color: #777 !important; }
*/

input.full,
textarea.full,
select.full {
	width: 100%;
}

select {
	padding: 0 56px 0 24px;
	height: 48px;
	background: #fff url('/img/ico_arrow_multibox.png') no-repeat center right
		8px;
	background-size: 24px 24px;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 500;
}

.filebox {
	position: relative;
}
.filebox label {
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	background: url('/img/common/ico_media.svg') no-repeat 0 0;
	cursor: pointer;
}
.filebox input[type='file'] {
	position: absolute;
	width: 0;
	height: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
}

/* The switch - the box around the slider */
.chk-switch {
	position: relative;
	display: inline-block;
	padding-right: 32px;
	font-size: 12px;
	color: #999;
}

/* Hide default HTML checkbox */
.chk-switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */
.chk-switch .slider {
	position: absolute;
	cursor: pointer;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 28px;
	height: 16px;
	background-color: #1768e1;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.chk-switch .slider:before {
	position: absolute;
	content: '';
	height: 14px;
	width: 14px;
	left: 1px;
	bottom: 1px;
	background-color: white;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.chk-switch input:checked + .slider {
	background-color: #1768e1;
}
.chk-switch input:focus + .slider {
	box-shadow: 0 0 1px #1768e1;
}
.chk-switch input:checked + .slider:before {
	-webkit-transform: translateX(12px);
	-ms-transform: translateX(12px);
	transform: translateX(12px);
}

/* Rounded sliders */
.chk-switch .slider.round {
	border-radius: 34px;
}
.chk-switch .slider.round:before {
	border-radius: 50%;
}

/* path */
.path {
	overflow: hidden;
	margin: 24px 0 -40px;
}
.path a {
	float: left;
	color: #777;
}
.path a:after {
	display: inline-block;
	margin-left: 2px;
	margin-right: 5px;
	vertical-align: 1px;
	content: '/';
}
.path a.current {
	color: #222;
}
.path a.current:after {
	display: none;
}

/* Pagnination */
.pagnination {
	margin-top: 32px;
	text-align: center;
}
.pagnination .inner {
	overflow: hidden;
	display: inline-block;
}

.pagnination a {
	float: left;
	width: 32px;
	height: 32px;
	line-height: 32px;
	color: #8c8c8c;
	font-size: 16px;
	text-align: center;
	vertical-align: top;
}
.pagnination a.active {
	color: #000E0B;
	font-weight: 700;
}

.pagnination .btn-page {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}
.pagnination .btn-page.first {
	background-image: url('/img/btn_calendar_year_prev.png');
}
.pagnination .btn-page.prev {
	margin: 0 16px 0 8px;
	background-image: url('/img/btn_calendar_month_prev.png');
}
.pagnination .btn-page.next {
	margin: 0 8px 0 16px;
	background-image: url('/img/btn_calendar_month_next.png');
}
.pagnination .btn-page.last {
	background-image: url('/img/btn_calendar_year_next.png');
}

.pagnination-more {
	margin-top: 40px;
	text-align: center;
}
.pagnination-more button {
	padding: 13px 24px;
	background-color: #fff;
	border-radius: 99em;
	font-size: 14px;
	color: #4e5968;
}
.pagnination-more button:after {
	display: inline-block;
	margin-left: 5px;
	width: 12px;
	height: 12px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('/img/common/mo_ico_arrow_02.png');
	vertical-align: 1px;
	content: '';
}

/*****************************
layout
*****************************/
.allMenu {
	display: none;
}

#header {
	position: sticky;
	top: 0;
	left: 0;
	margin-bottom: -100px;
	width: 100%;
	min-width: 1648px;
	z-index: 99;
}
#header .header-inner {
	margin: 0 auto;
	padding: 0 24px;
	width: 1648px;
	height: 100px;
}

.header-logo {
	position: absolute;
	top: 50%;
	left: 24px;
	transform: translateY(-50%);
	z-index: 1;
}
.header-logo a {
	display: block;
	width: 202px;
	height: 20px;
	background: url('/img/logo_black.png') 0 0 no-repeat;
	background-size: contain;
}

.nav {
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 0;
	padding: 38px 0;
	min-width: 1648px;
	width: 100%;
	box-sizing: border-box;
}
.nav h3,
.nav .home {
	display: none;
}
.nav .sns {
	position: absolute;
	top: 30px;
	right: 24px;
	z-index: 1;
	display: none;
}
.nav .sns ul {
	display: flex;
	gap: 8px;
}
.nav .sns ul li a {
	display: block;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
}
.nav .sns ul li.youtube a {
	background-image: url('/img/sns_youtube_black.png');
}
.nav .sns ul li.facebook a {
	background-image: url('/img/sns_facebook_black.png');
}
.nav .sns ul li.instagram a {
	background-image: url('/img/sns_instagram_black.png');
}

.nav .gnb {
	display: flex;
	gap: 56px 100px;
	margin: 0 auto;
}
.nav .gnb::before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
	height: 100px;
	background: transparent;
	transition: height 0.2s ease, background 0.2s ease 0.2s;
	pointer-events: none;
	content: '';
}
.nav .gnb dl {
	display: flex;
	flex-direction: column;
}
.nav .gnb dl dt {
	min-width: 110px;
}
.nav .gnb dl dt a {
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #000E0B;
}
.nav .gnb dl dd {
	visibility: hidden;
	overflow: hidden;
	height: 0;
	margin: 0;
	padding: 0;
	opacity: 0;
}
.nav .gnb dl dd a {
	padding: 0 3px;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px; 
	color: #000E0B;
}

.nav .gnb dl dd a:hover {
	color: #35AE92;
}

.nav .gnb dl dd a.active {
	color: #00664F;
}

/* .nav .gnb dl dd a:hover,
.nav .gnb dl dd a:current {
	color: #00664F;
} */

#header.ui_main {
	background-color: transparent;
}
#header.ui_main .header-logo a {
	background-image: url('/img/logo_white.png');
}
#header.ui_main .nav .sns ul li a,
#header.ui_main .nav .gnb dl dt a,
#header.ui_main .nav .gnb dl dd a {
	color: #fff;
}
#header.ui_main .nav .sns ul li.youtube a {
	background-image: url('/img/sns_youtube_white.png');
}
#header.ui_main .nav .sns ul li.facebook a {
	background-image: url('/img/sns_facebook_white.png');
}
#header.ui_main .nav .sns ul li.instagram a {
	background-image: url('/img/sns_instagram_white.png');
}
#header.scroll {
	background-color: #fff;
}
#header.scroll .header-logo a {
	background-image: url('/img/logo_black.png');
}
#header.scroll .nav .sns ul li a,
#header.scroll .nav .gnb dl dt a,
#header.scroll .nav .gnb dl dd a {
	color: #000E0B;
}
#header.scroll .nav .sns ul li.youtube a {
	background-image: url('/img/sns_youtube_black.png');
}
#header.scroll .nav .sns ul li.facebook a {
	background-image: url('/img/sns_facebook_black.png');
}
#header.scroll .nav .sns ul li.instagram a {
	background-image: url('/img/sns_instagram_black.png');
}
#header:hover .gnb:before {
	height: 285px;
	background: #fff;
	transition: height 0.2s ease 0.2s, background 0.2s ease;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}
#header:hover .nav .gnb dl dd {
	visibility: visible;
	height: auto;
	opacity: 1;
	transition: opacity 0.4s ease 0.2s;
}
#header:hover .nav .gnb dl dd:first-of-type {
	margin-top: 28px;
	padding-top: 28px;
	border-top: 1px solid rgba(36, 36, 40, 0.3);
}
#header:hover .nav .gnb dl dd + dd {
	margin-top: 15px;
}
#header:hover .nav .gnb dl dd {
	visibility: visible;
	height: auto;
	opacity: 1;
	transition: opacity 0.4s ease 0.2s;
}
#header:hover .nav .gnb dl dd:first-of-type {
	margin-top: 28px;
	padding-top: 28px;
	border-top: 1px solid rgba(36, 36, 40, 0.3);
}
#header:hover .nav .gnb dl dd + dd {
	margin-top: 15px;
}
#header.ui_main:hover .header-logo a {
	background-image: url('/img/logo_black.png');
}
#header.ui_main:hover .nav .sns ul li a,
#header.ui_main:hover .nav .gnb dl dt a,
#header.ui_main:hover .nav .gnb dl dd a {
	color: #000E0B;
}
#header.ui_main:hover .nav .sns ul li.youtube a {
	background-image: url('/img/sns_youtube_black.png');
}
#header.ui_main:hover .nav .sns ul li.facebook a {
	background-image: url('/img/sns_facebook_black.png');
}
#header.ui_main:hover .nav .sns ul li.instagram a {
	background-image: url('/img/sns_instagram_black.png');
}

#footer {
	min-width: 1648px;
	background-color: #000E0B;
}
#footer .footer-inner {
	position: relative;
	margin: 0 auto;
	padding: 80px 24px;
	width: 1648px;
}
#footer .footer-logo {
	position: absolute;
	top: 50%;
	right: 24px;
	transform: translateY(-50%);
	width: 96px;
	height: 96px;
	background: url('/img/logo_footer.png') no-repeat 0 0;
	background-size: contain;
}
#footer .btnTop {
	position: absolute;
	top: 50%;
	right: 32px;
	transform: translateY(-50%);
	width: 80px;
	height: 80px;
	background: url("/img/btn_top.png") no-repeat 0 0;
	background-size: contain;
}
#footer .footer-menu ul {
	display: flex;
	gap: 16px;
}
#footer .footer-menu ul li {
	position: relative;
	padding-left: 17px;
	color: #fff;
	font-weight: 500;
}
#footer .footer-menu ul li:before {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background-color: #fff;
	opacity: 0.3;
	content: '';
}
#footer .footer-menu ul li:first-child {
	padding: 0;
}
#footer .footer-menu ul li:first-child::before {
	display: none;
}
#footer .footer-menu ul li a:hover {
	color: #00664F;
	font-weight: 600;
}
#footer .company-info {
	color: #fff;
}
#footer .company-info address {
	font-style: normal;
	opacity: 0.5;
}
#footer .copyright {
	margin-top: 16px;
	color: #fff;
	font-size: 14px;
}

#contents {
	min-width: 1648px;
}
.content {
	padding: 80px 0 160px;
}
.content.bd {
	margin-top: 80px;
	border-top: 1px solid #E6E6E6;
}
.content-inner {
	margin: 0 auto;
	width: 1132px;
}
.content-inner.wide {
	padding: 0 24px;
	width: 1648px;
}

.content.bgc {
	background-color: #F2F2F2;
}
.content.bgc.single {
	padding: 80px 0 160px;
}
.content.bgc.multi {
	padding: 80px 0;
}
.content.bgc.multi + .content {
	margin-top: 0;
}
.content.bgc .sec {
	padding: 80px;
	background-color: #fff;
	border-radius: 8px;
}

.page-title + .content.bgc { 
	margin-top: 80px;
 }

.sec + .sec {
	margin-top: 56px;
}

.dot-list li {
	position: relative;
	padding-left: 20px !important;
	text-indent: 0 !important;
}
.dot-list li:before {
	position: absolute;
	top: 8px;
	left: 8px;
	width: 3px;
	height: 3px;
	background-color: #000E0B;
	border-radius: 99em;
	content: "";
}
/*****************************
contents
*****************************/
.sub-visual {
	overflow: hidden;
	display: flex;
	align-items: center;
	margin-top: 80px;
	height: 416px;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: cover;
}
.sub-visual .copy {
	margin: 0 auto;
	padding: 0 24px;
	width: 1648px;
	color: #fff;
	font-size: 28px;
	font-family: 'Yonsei';
	font-weight: 500;
}
.sub-visual.directions {
	background-image: url('/img/sub_visual_directions.jpg');
}
.sub-visual.hall {
	background-image: url('/img/sub_visual_hall.jpg');
}

/* 테이블 */
.bbs-view {  }
.bbs-view .thead { text-align: center; }
.bbs-view .thead .ctg { margin-bottom: 12px; font-size: 24px; font-weight: 700; }
.bbs-view .thead .title { font-size: 40px; font-weight: 600; }
.bbs-view .thead .info { display: flex; justify-content: center; gap: 8px 16px; margin-top: 12px; }
.bbs-view .thead .info > div { position: relative; padding-left: 32px; font-size: 20px; color: #8C8C8C; }
.bbs-view .thead .info > div:before { position: absolute; top: 2px; left: 0; width: 24px; height: 24px; background-repeat: no-repeat; background-position: 0 0; background-size: contain; content: ""; }
.bbs-view .thead .info > div.view:before { background-image: url("/img/ico_view.png"); }
.bbs-view .thead .info > div.date:before { background-image: url("/img/ico_date.png"); }
.bbs-view .tbody { margin-top: 32px; padding: 56px; border-width: 1px 0; border-style: solid; border-color: #E6E6E6 0 #000E0B; }
.bbs-view .tbody img { width: 100% !important; }
.bbs-view .tbody .fileDownLoad { margin-top: 32px; }
.bbs-view .tbody .fileDownLoad ul { gap: 8px 16px; }
.bbs-view .tbody .fileDownLoad ul li { position: relative; padding-right: 17px; }
.bbs-view .tbody .fileDownLoad ul li:after { position: absolute; top: 2px; right: 0; width: 1px; height: 16px; background-color: #E6E6E6; content: ""; }
.bbs-view .tbody .fileDownLoad ul li:last-child::after { display: none; }

.bbs-row {
	margin-top: 32px;
}
.bbs-row .caption {
	margin-top: 36px;
	margin-bottom: 16px;
	font-size: 20px;
	font-weight: 700;
}
.bbs-row .row {
	position: relative;
	display: flex;
	padding: 16px 40px 16px 0;
	border-top: 1px #000E0B solid;
}
.bbs-row .row + .row {
	border-top: 1px #e6e6e6 solid;
}
.bbs-row .row:last-child {
	border-bottom: 1px #000E0B solid;
}
.bbs-row .row .th {
	width: 280px;
	text-align: center;
	font-weight: 700;
}
.bbs-row .row .td {
	padding: 0 16px;
	width: calc(100% - 280px);
}
.bbs-row .row.faq-q {
	cursor: pointer;
}
.bbs-row .row.faq-q:after {
	position: absolute;
	top: 16px;
	right: 0;
	width: 24px;
	height: 24px;
	background: url('/img/ico_arrow_down.png') no-repeat 0 0;
	background-size: contain;
	content: '';
}
.bbs-row .faq-a {
	overflow: hidden;
	height: 0;
	padding: 0 40px 0 296px;
	background-color: #F2F2F2;
	box-shadow: 0 1px 0 0 #e6e6e6 inset;
}
.bbs-row .faq-a .inner {
	position: relative;
	padding: 16px 16px 16px 24px;
}
.bbs-row .faq-a .inner:before {
	position: absolute;
	top: 20px;
	left: 0;
	width: 16px;
	height: 16px;
	background: url('/img/ico_arrow_enter.png') no-repeat 0 0;
	background-size: contain;
	content: '';
}
.bbs-row .row.faq-q.active + .faq-a {
	height: auto;
}
.bbs-row .row.faq-q.active:after {
	transform: rotate(3.142rad);
}

.bbs-col {
	border-bottom: 1px #000E0B solid;
}
.bbs-col .thead .row,
.bbs-col .tbody .row {
	display: table;
	width: 100%;
	padding: 16px 0;
}
.bbs-col .thead .row {
	background-color: #F2F2F2;
}
.bbs-col .thead .row {
	border-bottom: 1px #000E0B solid;
}
.bbs-col .tbody .row:last-child {
	border-bottom: 0;
}
.bbs-col .tbody .row {
	border-bottom: 1px #e6e6e6 solid;
}

.bbs-col .col {
	display: table-cell;
	text-align: center;
}
.bbs-col .col.num {
	width: 108px;
}
.bbs-col .col.ctg {
	width: 138px;
}
.bbs-col .col.title {
}
.bbs-col .col.views {
	width: 87px;
}
.bbs-col .col.date {
	width: 138px;
}

.bbs-col .thead .col {
	font-weight: 700;
}

.bbs-col .tbody .col.date {
	color: #8c8c8c;
}
.bbs-col .tbody .col.title {
	padding: 0 16px;
	text-align: left;
}

.bbs-col .tbody .row.notice {
	background-color: #f9fffe;
}
.bbs-col .tbody .row.notice .col.num {
	color: #00664F;
}

.noData {
	display: flex;
	flex-direction: column;
  align-items: center;
	gap: 16px;
	padding: 160px 0;
	color: #000E0B;
	font-size: 24px;
	font-weight: 700;
}
.noData:before {
	display: inline-block;
	width: 64px;
	height: 64px;
	background: url("../img/ico_noData.png") no-repeat 0 0;
	background-size: contain;
	content: "";
}

.table-wrap {
	overflow-x: auto;
}
.table-wrap .unit {
	text-align: right;
	color: #8c8c8c;
	font-size: 14px;
}
.table-wrap .caption {
	margin-top: 16px;
	color: #8c8c8c;
}
.table-wrap table {
	margin-top: 8px;
	width: 100%;
	min-width: 960px;
	border-bottom: 1px #010e1c solid;
}
.table-wrap table th,
.table-wrap table td {
	border-right: 1px #e6e6e6 solid;
	border-top: 1px #e6e6e6 solid;
	vertical-align: middle;
}
.table-wrap table tr th:last-child,
.table-wrap table tr td:last-child {
	border-right: 0;
}

.table-wrap table thead th {
	padding: 8px 16px;
	background-color: #F2F2F2;
}
.table-wrap table thead tr:first-child th {
	border-top: 0;
}

.table-wrap table tbody td {
	padding: 30px 16px;
}
.table-wrap table tbody tr:first-child td {
	border-top: 1px #010e1c solid;
}
.table-wrap table tbody tr:last-child td {
	border-bottom: 1px #010e1c solid;
}

.info-table .name {
	margin-bottom: 24px;
	font-size: 24px;
	font-weight: 700;
}
.info-table table {
}
.info-table table th,
.info-table table td {
	padding: 4px 0;
	font-size: 17px;
	vertical-align: top;
}
.info-table table th {
	padding-right: 32px;
	font-weight: 700;
	text-align: left;
	min-width: 95px;
}

.box-area {
	margin-top: 32px;
	padding: 40px 32px;
	border-radius: 8px;
	background-color: #fbfbfc;
}

.downloadLink ul li {
	font-size: 17px;
	font-weight: 500;
}
.downloadLink ul li + li {
	margin-top: 24px;
}
.downloadLink ul li a {
	position: relative;
	display: inline-block;
	padding: 0 36px 0 48px;
}
.downloadLink ul li a:before,
.downloadLink ul li a:after {
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	content: '';
}
.downloadLink ul li a:before {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('/img/ico_file_white_circle.png');
}
.downloadLink ul li a:after {
	display: inline-block;
	vertical-align: -9px;
	background-image: url('/img/ico_link.png');
}

.sorting-form {
	display: flex;
	justify-content: center;
	gap: 16px 32px;
	margin-top: 80px;
	padding: 56px 0;
	border-top: 1px #ededed solid;
}
.sorting-form .form-wrap {
	display: flex;
	align-items: center;
	gap: 8px;
}
.sorting-form .form-wrap:last-child {
	margin-left: -16px;
}
.sorting-form .form-label {
	margin-right: 8px;
	font-size: 20px;
	font-weight: 700;
}

.product-list {
	margin-top: 56px;
	opacity: 0;
	transition: opacity 0.5s ease;
}
.product-list.is-loaded {
	opacity: 1;
}
.product-list .item {
	width: calc(20% - 16px);
	margin-bottom: 80px;
	transition: box-shadow 0.2s ease;
	background-color: #fff;
}
.product-list .item:hover {
	box-shadow: 0 0 15px 5px rgba(217, 217, 217);
}
.product-list .info {
	position: relative;
	padding: 32px 32px 64px;
	background-color: #fff;
}
.product-list .info [class ^="label-"] {
	display: inline-block;
	padding: 6px 8px 5px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 500;
}
.product-list .info .label-end {
	background-color: #B9B9B9;
	color: #8c8c8c;
}
.product-list .info .label-future {
	background-color: #F27367;
	color: #fff;
}
.product-list .info .label-now {
	background-color: #00664F;
	color: #fff;
}
.product-list .info .title {
	margin-top: 16px;
	font-size: 24px;
	font-weight: 700;

	overflow: hidden;
	display: -webkit-box;
	height: 70px;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.product-list .info .term {
	margin-top: 16px;
	font-size: 17px;
	font-weight: 500;
}
.product-list .poster {
	overflow: hidden;
	width: 100%;
	height: 494px;
}
.product-list .poster img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-ticket {
	display: flex;
	gap: 0 96px;
}
.product-ticket .poster {
	width: 500px;
}
.product-ticket .poster img {
	width: 100%;
}
.product-ticket .info-table {
	position: relative;
	padding-bottom: 160px;
	width: 540px;
}
.product-ticket .info-table .name {
	padding-bottom: 32px;
	margin-bottom: 32px;
	border-bottom: 1px #e6e6e6 solid;
	font-size: 40px;
}
.product-ticket .info-table table th,
.product-ticket .info-table table td {
	padding: 8px 0;
}
.product-ticket .info-table table th {
	position: relative;
	width: 175px;
	padding: 8px 40px;
	font-size: 24px;
}
.product-ticket .info-table table th:before {
	position: absolute;
	top: 9px;
	left: 0;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	content: '';
}
.product-ticket .info-table table tr.term th:before {
	background-image: url('/img/ico_term.png');
}
.product-ticket .info-table table tr.place th:before {
	background-image: url('/img/ico_place.png');
}
.product-ticket .info-table table tr.price th:before {
	background-image: url('/img/ico_price.png');
}
.product-ticket .info-table table tr.host th:before {
	background-image: url('/img/ico_host.png');
}
.product-ticket .info-table table tr.inquiry th:before {
	background-image: url('/img/ico_phone.png');
}
.product-ticket .info-table table td {
	font-size: 22px;
}
.product-ticket .info-table .button {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.product-detail img {
	margin: 56px 0 0;
	width: 100%;
}


.intro-hall-inner .item-image-wrap {
  position: relative;
  width: 100%;
}
.intro-hall-inner .item-image-wrap .item-image {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.intro-hall-inner .item-image-wrap .item-image + .item-image {
  position: absolute;
  top: 0;
  left: 0;
	width:100%;
	height: 100%;
}
.intro-hall-inner .item-image-wrap .item-image.active {
  z-index: 5;
  opacity: 1;
}
.intro-hall-inner .item-image-wrap .item-image img {
  width: 100%;
}
.intro-hall-inner .item-pagination-wrap {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}
.intro-hall-inner .item-pagination {
	overflow: hidden;
	position: relative;
	flex: 1;
	border-radius: 8px;
  cursor: pointer;
}
.intro-hall-inner .item-pagination img {
	width: 100%;
}
.intro-hall-inner .item-pagination:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000E0B;
	opacity: 0.5;
	content: '';
}
.intro-hall-inner .item-pagination.active:before {
	opacity: 0;
}

.intro-hall-seat {
  display: flex;
	margin-top: 32px;
}
.intro-hall-seat .item-image-wrap {
  position: relative;
	flex: 1;
}
.intro-hall-seat .item-image-wrap .item-image {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.intro-hall-seat .item-image-wrap .item-image + .item-image {
  position: absolute;
  top: 0;
  left: 0;
}
.intro-hall-seat .item-image-wrap .item-image.active {
  z-index: 5;
  opacity: 1;
}
.intro-hall-seat .item-pagination-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.intro-hall-seat .item-pagination-wrap .item-pagination {
	overflow: hidden;
	position: relative;
	border-radius: 8px;
	cursor: pointer;
}
.intro-hall-seat .item-pagination-wrap .item-pagination {
	overflow: hidden;
	position: relative;
	border-radius: 8px;
	cursor: pointer;
}
.intro-hall-seat .item-pagination-wrap .item-pagination:before {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  border: 2px #00664F solid;
  opacity: 0;
	content: "";
}
.intro-hall-seat .item-pagination-wrap .item-pagination.active:before {
	opacity: 1;
}
/*
.intro-hall-seat .swiper-pagination-custom .custom-bullet:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000E0B;
	opacity: 0.5;
	content: '';
}
.intro-hall-seat
	.swiper-pagination-custom
	.custom-bullet.swiper-pagination-custom-bullet-active:before {
	opacity: 0;
}
*/

.intro-hall-etc-wrap {
	margin-top: 32px;
}
.intro-hall-etc {
	display: flex;
	gap: 0 32px;
}
.intro-hall-etc + .intro-hall-etc {
	margin-top: 32px;
}
.intro-hall-etc .thumb {
	width: 504px;
}
.intro-hall-etc .thumb img {
	width: 100%;
}
.intro-hall-etc .info {
	flex: 1;
}
.intro-hall-etc .info .name {
	font-size: 24px;
	font-weight: 700;
}
.intro-hall-etc .info dl {
	display: flex;
	gap: 0 36px;
	margin-top: 24px;
}
.intro-hall-etc .info dl + dl {
	margin-top: 8px;
}
.intro-hall-etc .info dl dt,
.intro-hall-etc .info dl dd {
	font-size: 17px;
}
.intro-hall-etc .info dl dt {
	width: 60px;
	font-weight: 700;
}
.intro-hall-etc .info dl dd {
	flex: 1;
}

/* 첨부파일 */
.fileDownLoad ul {
	display: flex;
	gap: 8px 40px;
}
.fileDownLoad ul li {
	color: #00664F;
}

/* 검색 */
.search-form {
	position: relative;
	margin: 80px auto 0;
	width: 1132px;
	background-color: #F2F2F2;
}
.search-form input {
	padding: 18px 64px 18px 16px;
	font-size: 16px;
	border: none;
	border-bottom: 2px #000E0B solid;
}
.search-form button[name="btnSearch"] {
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
	width: 32px;
	height: 32px;
	background: url('/img/ico_search.png') no-repeat 50% 50%;
	background-size: contain;
}
.search-form button[name="btnReset"] {
	display: none;
	position: absolute;
	top: 50%;
	right: 48px;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	background: url('/img/ico_close.png') no-repeat 50% 50%;
	background-size: contain;
}
.search-form button[name="btnReset"].show {
	display: block;
}
.allMenu span::before {
	content: '';
	margin-top: -6px;
}
.allMenu span::after {
	content: '';
	margin-top: 6px;
}
.allMenu.active {
	position: fixed;
	left: calc(100% - 48px);
}
.allMenu.active span {
	background-color: transparent !important;
}
.allMenu.active span::before {
	margin-top: 0px;
	background-color: #000E0B !important;
	transform: rotate(405deg);
}
.allMenu.active span::after {
	margin-top: 0px;
	background-color: #000E0B !important;
	transform: rotate(-405deg);
}

.search-form + .ctg-list {
	margin-top: 80px;
}
.ctg-list ul {
	overflow-x: auto;
	display: flex;
	align-items: center;
	justify-content: safe center;
	gap: 6px;
}
.ctg-list ul li {
}
.ctg-list ul li a {
	display: inline-block;
	padding: 9px 20px;
	min-width: 70px;
	color: #242428;
	font-size: 16px;
	background-color: #fff;
	border: 1px #dcdde1 solid;
	border-radius: 99em;
	white-space: nowrap;
}
.ctg-list ul li a:hover {
	background-color: #f5f6f9;
	border-color: #242428;
}
.ctg-list ul li.active a {
	color: #fff;
	background-color: #000E0B;
	border-color: #000E0B;
	font-weight: 700;
}

.tab-menu {
	overflow-x: auto; 
	margin-top: 56px;
}
.tab-menu ul {
	display: flex;
	justify-content: safe center;
	gap: 8px;
}
.tab-menu ul li a {
	display: inline-block;
	padding: 12px 32px;
	min-width: 70px;
	color: #000E0B;
	font-size: 16px;
	background-color: #F2F2F2;
	border: 1px #F2F2F2 solid;
	border-radius: 99em;
	white-space: nowrap;
}
.tab-menu ul li a:hover {
	border-color: #35AE92;
}
.tab-menu ul li.active a {
	color: #fff;
	background-color: #00664F;
	border-color: #00664F;
	font-weight: 700;
}

.tab-content {
	margin-top: 24px;
}
.tab-content + .tab-content {
	display: none;
}

/* 대관안내 */
.rent-info {
	margin-top: 80px;
}
.rent-info .step.mobile {
	display: none;
}

.rent-info .step.desktop {
	position: relative;
	margin-top: 50px;
}

.rent-info .step.desktop:after {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: -1;
	width: 100%;
	border: 1px dashed #FA2828;
	content: "";
}

.rent-info .step.desktop ul {
	display: flex;
	justify-content: space-between;
}

.rent-info .step.desktop ul li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 160px;
	height: 160px;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	border-radius: 99em;
	background-color: #FA2828;
}

.rent-pay {
	position: relative;
	margin-top: 130px;
}

.rent-pay .tab-menu {
	position: absolute;
	top: 0;
	right: 0;
}

.rent-pay .tab-contents {
	margin-top: 25px;
}

.rent-pay .tab-contents .unit {
	margin-bottom: 5px;
	font-size: 16px;
	text-align: right;
}

.rent-pay .tab-contents table {
	width: 100%;
	border-top: 1px #242428 solid;
}

.rent-pay .tab-contents table th,
.rent-pay .tab-contents table td {
	padding: 15px 12px 14px;
	text-align: center;
	vertical-align: middle;
}

/* 230619 padding 수정 */

.rent-pay .tab-contents table thead th {
	border-bottom: 1px #242428 solid;
}

.rent-pay .tab-contents table tbody th,
.rent-pay .tab-contents table tbody td {
	border-bottom: 1px rgba(36, 36, 40, 0.3) solid;
}

.rent-pay .desc-list {
	margin-top: 15px;
}
.rent-pay .desc-list ul li {
	padding-left: 10px;
	text-indent: -10px;
}
.rent-pay .desc-list ul li + li {
	margin-top: 5px;
}

.rent-notice {
	margin-top: 117px;
}
.rent-notice .flex-list {
	display: flex;
	margin-top: 50px;
}

.rent-notice .flex-list + div {
	width: 50%;
}

.rent-notice .flex-list .left-area {
	padding-right: 70px;
}

.rent-notice .flex-list .right-area {
	padding-left: 70px;
	border-left: 1px #D9D9D9 solid;
}

.rent-notice .flex-list dl dt {
	font-weight: 700;
	font-size: 16px;
}

.rent-notice .flex-list dl dd {
	margin-top: 8px;
}

.rent-notice .flex-list dl dd + dt {
	margin-top: 30px;
}

.rent-inquiry {
	position: relative;
	margin-top: 130px;
	padding: 90px 0 100px;
	background-color: #F5F6F9;
}

.rent-inquiry:after {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
	width: calc(100vw - 15px);
	min-width: 1648px;
	height: 100%;
	background-color: #F5F6F9;
	content: "";
}

.rent-inquiry .desc {
	margin-top: 40px;
	font-size: 18px;
	line-height: 32px;
}

.rent-inquiry .apply {
	position: absolute;
	right: 0;
	bottom: -60px;
	display: flex;
	align-items: center;
	padding: 44px;
	min-width: 314px;
	min-height: 318px;
	background-color: #242428;
	box-shadow: 23px 25px 41px rgba(0, 0, 0, 0.25);
}

.rent-inquiry .apply dl {
}

.rent-inquiry .apply dl dt,
.rent-inquiry .apply dl dd {
	color: #fff;
}

.rent-inquiry .apply dl dt {
	margin-bottom: 40px;
	font-weight: 800;
	font-size: 26px;
}

.rent-inquiry .apply dl dd {
	font-weight: 300;
	font-size: 18px;
}

.rent-inquiry .apply dl dd + dd {
	margin-top: 10px;
}

.rent-download {
	margin-top: 185px;
}

.rent-download .download-list {
	display: table;
	width: 100%;
	margin-top: 96px;
}

.rent-download .download-list .item {
	position: relative;
	display: table-cell;
	width: calc(100% / 3);
	padding: 0 50px;
}

.rent-download .download-list .item:first-child {
	padding: 0 50px 0 15px;
}

.rent-download .download-list .item:last-child {
	padding: 0 15px 0 50px;
}

.rent-download .download-list .item + .item:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;
	background-color: #D9D9D9;
	content: "";
}

.rent-download .download-list .item h5 {
	font-size: 26px;
	font-weight: 700;
}

.rent-download .download-list .item ul {
	display: flex;
	margin-top: 30px;
}

.rent-download .download-list .item ul li {
	font-weight: 500;
	font-size: 22px;
}

.rent-download .download-list .item ul li + li {
	margin-left: 60px;
}

.rent-download .download-list .item ul li a:after {
	display: inline-block;
	margin-left: 9px;
	width: 14px;
	height: 17px;
	background: url("/img/svg/ico_download.svg") no-repeat 50% 50%;
	content: "";
}

.rent-download .kv {
	margin-top: 85px;
}

.policy dl + dl {
	margin-top: 56px;
}

.policy dl dt {
	font-size: 24px;
	font-weight: 700;
}
.policy dl dd {
	margin-top: 16px;
}
.policy dl dd ul {
	margin-top: 8px;
}
.policy dl dd ul li {
	text-indent: -14px;
	padding-left: 14px;
}
.policy dl dd ul li + li {
	margin-top: 8px;
}

.figure {
	text-align: center;
}
.figure .figcaption {
	margin-top: 16px;
	text-align: left;
	color: #8C8C8C;
}

.map-info {
	margin-top: 80px;
	padding: 40px;
	background-color: #00664F;
	border-radius: 8px;
	color: #fff;
}
.map-info .map-info-list ul {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}
.map-info .map-info-list ul li {
	position: relative;
	width: calc((100% / 3) - 4px);
	padding-left: 37px;
	font-size: 17px;
	word-break: break-all;
}
.map-info .map-info-list ul li .num {
	position: absolute;
	top: 0;
	left: 0;
}

.main-top {
	position: relative;
}
.main-top .quick-menu {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 5;
}
.main-top .quick-menu ul {
	display: flex;
	flex-direction: column;
}
.main-top .quick-menu ul li + li {
	margin-top: -1px;
}
.main-top .quick-menu ul li a {
	display: flex;
	align-items: center;
  justify-content: center;
	width: 96px;
	height: 96px;
	background-color: #fff;
	border: 1px #F5F5F5 solid;
	font-weight: 600;
	font-size: 17px;
}
.main-top .quick-menu ul li a:hover {
	background-color: #00664F;
	border-color: #00664F;
	color: #fff;
}
.main-top .ico-scroll {
	 display: flex; 
	 flex-direction: column;
   align-items: center;
	 padding-bottom: 156px;

	 position: absolute;
	 right: 50%;
	 bottom: 0;
	 z-index: 10;
	 margin-right: -660px;

	 font-size: 14px;
	 color: #fff;
}
.main-top .ico-scroll:after {
	display: block;
	width: 32px;
	height: 32px;
	background: url("../img/ico_mousewheel.png") no-repeat 0 0;
	background-size: contain;
	animation: mouseMove 1s infinite linear;
	content: "";
}
.main-top .ico-scroll:before {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 1px;
	height: 148px;
	background-color: rgba(255, 255, 255, 0.2);
	content: "";
}
@keyframes mouseMove{
	0%,100%{
			transform:translateY(0);
	}
	50%{
			transform:translateY(20%);
	}
}
.main-banner {
	position: relative;
}
.main-banner {
	width: 100%;
	height: 100vh;
}

.main-banner .overlaycard {
	position: absolute;
	left: 50%;
	bottom: 200px;
	transform: translateX(-50%);
	z-index: 1;
	width: 1600px;
	color: #fff;
}
.main-banner .overlaycard .title {
	line-height: 1;
	font-size: 88px;
	font-family: 'Yonsei';
	font-weight: 700;
}
.main-banner .overlaycard .copy {
	margin-top: 16px;
	font-size: 32px;
	font-family: 'Yonsei';
	font-weight: 300;
}
.main-banner .img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: var(--pc);
}

.main-banner.swiper .swiper-index-wrap {
	position: absolute;
	left: 50%;
	bottom: 80px;
	transform: translateX(-50%);
	z-index: 10;
	width: 1600px;
	display: flex;
	align-items: center;
	gap: 15px;
}

.main-banner.swiper .swiper-index-wrap .swiper-index,
.main-banner.swiper .swiper-index-wrap .swiper-total {
	font-size: 20px;
	font-weight: 600;
	color: #fff;
}

.main-banner.swiper .swiper-index-wrap .btn-auto-play { 
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	text-indent: -999em;
}

.main-banner.swiper .swiper-index-wrap .btn-auto-play.stop { 
	background-image: url("../img/ico_pause_white.png");
}

.main-banner.swiper .swiper-index-wrap .btn-auto-play.play { 
	background-image: url("../img/ico_play_white.png");
}

.main-banner.swiper .swiper-pagination {
	position: static;
	width: auto !important;
	text-align: left;
}
.main-banner.swiper .swiper-pagination-bullet {
	position: relative;
	top: -4px;
	width: 60px;
	height: auto;
	border-radius: 0;
	opacity: 1;
	background-color: transparent;
}
.main-banner.swiper .swiper-pagination-bullet + .swiper-pagination-bullet {
	margin-left: 16px;
}
.main-banner.swiper .swiper-pagination {
	text-align: left;
}
.main-banner.swiper .swiper-pagination-bullet i {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 2px;
	background-color: #fff;
	opacity: 0.3;
}
.main-banner.swiper .swiper-pagination-bullet b {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 0;
	height: 2px;
	background-color: #fff;
}

.main-banner.swiper .swiper-pagination-bullet-active {
	background-color: transparent;
}
.main-banner.swiper .swiper-pagination-bullet-active b {
	animation-name: countingBar;
	animation-duration: 5s;
	animation-timing-function: ease-in;
	animation-iteration-count: 1;
	animation-direction: alternate;
	animation-fill-mode: forwards;
}

.highlight-container {
	overflow: hidden;
	padding: 64px 24px 80px;
	background-color: #F2F2F2;
}
.highlight-container > h4 {
	margin: 0 auto;
	padding: 0 24px;
	width: 1648px;
	font-size: 48px;
	font-weight: 700;
}

.highlight-list {
	margin-top: 40px;
}
.highlight-list .swiper-slide + .swiper-slide {
	margin-left: 32px;
}
.highlight-list .item {
	padding: 20px;
	background-color: #fff;
	transition: box-shadow 0.2s ease;
}
.highlight-list .item:hover {
	box-shadow: 0 0 15px 5px rgba(217, 217, 217);
}
.highlight-list .item .poster {
	overflow: hidden;
	display: flex;
	align-items: center;
  justify-content: center;
	width: 440px;
	height: 560px;
}
.highlight-list .item .poster img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.highlight-list .item .info {
	text-align: center;
}
.highlight-list .item .info .title {
	margin-top: 28px;
	font-size: 24px;
	font-weight: 700;

	overflow: hidden;
	display: -webkit-box;
	height: 70px;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.highlight-list .item .info .term {
	margin-top: 12px;
	font-size: 17px;
	font-weight: 500;
}
.highlight-list.swiper .swiper-wrapper {
	height: auto;
}
.highlight-list.swiper {
	overflow: visible;
}
.highlight-list.swiper .swiper-slide {
	width: 480px;
}

.highlight-list.swiper .swiper-index-wrap {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-top: 56px;
	width: 1600px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.highlight-list.swiper .swiper-index-wrap .swiper-index,
.highlight-list.swiper .swiper-index-wrap .swiper-total {
	font-size: 20px;
	font-weight: 600;
}

.highlight-list.swiper .swiper-index-wrap .btn-auto-play { 
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	text-indent: -999em;
}

.highlight-list.swiper .swiper-index-wrap .btn-auto-play.stop { 
	background-image: url("../img/ico_pause_black.png");
}

.highlight-list.swiper .swiper-index-wrap .btn-auto-play.play { 
	background-image: url("../img/ico_play_black.png");
}

.highlight-list.swiper .swiper-pagination {
	position: relative;
	top: -3px;
	width: auto !important;
	text-align: left;
}

.highlight-list.swiper .swiper-pagination-bullet {
	position: relative;
	width: 60px;
	height: auto;
	border-radius: 0;
	opacity: 1;
	background-color: transparent;
}
.highlight-list.swiper .swiper-pagination-bullet + .swiper-pagination-bullet {
	margin-left: 16px;
}
.highlight-list.swiper .swiper-pagination-bullet i {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 2px;
	background-color: #cfcfcf;
}
.highlight-list.swiper .swiper-pagination-bullet b {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 0;
	height: 2px;
	background-color: #000E0B;
}

.highlight-list.swiper .swiper-pagination-bullet-active {
	background-color: transparent;
}
.highlight-list.swiper .swiper-pagination-bullet-active b {
	animation-name: countingBar;
	animation-duration: 5s;
	animation-timing-function: ease-in;
	animation-iteration-count: 1;
	animation-direction: alternate;
	animation-fill-mode: forwards;
}
@keyframes countingBar {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}
.highlight-list.swiper .swiper-button-prev:after,
.highlight-list.swiper .swiper-button-next:after {
	display: none;
}
.highlight-list.swiper .swiper-button-prev,
.highlight-list.swiper .swiper-button-next {
	width: 80px;
	height: 80px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
}
.highlight-list.swiper .swiper-button-prev {
	background-image: url("../img/btn_prev_white.png");
}
.highlight-list.swiper .swiper-button-next {
	background-image: url("../img/btn_next_white.png");
}

.calendar-wrap {
	margin: 64px auto 80px;
	padding: 0 24px;
	width: 1648px;
}
.calendar-wrap > h4 {
	font-size: 48px;
	font-weight: 700;
}

#calendar-container {
	position: relative;
	margin-top: 40px;
}
#calendar-container .calender-all {
	position: absolute;
	top: 0;
	right: 0;
}
#calendar-container .calender-all a {
	display: inline-block;
	padding: 13px 32px 12px;
	background-color: #F2F2F2;
	border-radius: 99em;
	font-weight: 500;
}
#calendar-container .calender-all a:before {
	display: inline-block;
	margin-right: 6px;
	width: 16px;
	height: 16px;
	background: url('/img/ico_calendar.png') no-repeat 0 0;
	background-size: contain;
	vertical-align: -2px;
	content: '';
}

#calendar-filters {
	position: absolute;
	top: 8px;
	left: 0;
	display: flex;
	gap: 0 32px;
}
#calendar-filters button {
	position: relative;
	font-size: 16px;
}
#calendar-filters button:after {
	position: absolute;
	bottom: -8px;
	right: 0;
	width: 0;
	height: 4px;
	background-color: #000E0B;
	content: '';
}
#calendar-filters button.active {
	font-weight: 700;
}
#calendar-filters button.all.active:after {
	width: 100%;
}
#calendar-filters button.centennial.active:after,
#calendar-filters button.mainHall.active:after {
	width: calc(100% - 28px);
}
#calendar-filters .centennial,
#calendar-filters .mainHall {
	position: relative;
	padding-left: 28px;
}
#calendar-filters .centennial:before,
#calendar-filters .mainHall:before {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	content: '';
}
#calendar-filters .centennial:before {
	background-image: url('/img/ico_centennial.png');
}
#calendar-filters .mainHall:before {
	background-image: url('/img/ico_mainHall.png');
}

#calendar {
}
.calendar-header {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}
.calendar-header h2 {
	margin: 0 24px;
}
.calendar-header h2 span {
	font-size: 24px;
	font-weight: 700;
}
.calendar-header button {
	width: 48px;
	height: 48px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
}
.calendar-header button.prev-year {
	background-image: url('/img/btn_calendar_year_prev.png');
}
.calendar-header button.prev-month {
	background-image: url('/img/btn_calendar_month_prev.png');
}
.calendar-header button.next-month {
	background-image: url('/img/btn_calendar_month_next.png');
}
.calendar-header button.next-year {
	background-image: url('/img/btn_calendar_year_next.png');
}

.calendar-table {
	margin-top: 40px;
	width: 100%;
}
.calendar-table th,
.calendar-table td {
	padding: 0 8px;
	width: calc(100% / 7);
}
.calendar-table th {
	padding: 8px;
	color: #cfcfcf;
	font-weight: 500;
}
.calendar-table th:first-child,
.calendar-table td:first-child .date-cell {
	padding-left: 0;
	color: #f8cbcb;
}
.calendar-table th:last-child,
.calendar-table td:last-child .date-cell {
	padding-right: 0;
	color: #aecaf2;
}
.calendar-table td.today {
	background-color: #F2F2F2;
}
.calendar-table td[data-events]:not([data-events='0']) .calendar-cell-content {
	border-color: #000E0B;
}
.calendar-cell-content {
	padding: 16px;
	min-height: 144px;
	border-top: 1px #e6e6e6 solid;
}
.calendar-cell-content .date-cell {
	font-size: 30px;
	font-weight: 600;
}
.calendar-cell-content .events-container {
	margin-top: 8px;
}
.calendar-cell-content .events-container .event-item {
	font-size: 12px;
	font-weight: 500;
	word-break: break-all;
	cursor: pointer;
}
.calendar-cell-content .events-container .event-item + .event-item {
	margin-top: 16px;
}
.calendar-cell-content
	.events-container
	.event-item[data-hall='CENTENNIAL_CONCERT_HALL'],
.calendar-cell-content .events-container .event-item[data-hall='GRAND_HALL'] {
	position: relative;
	padding-left: 32px;
}
.calendar-cell-content
	.events-container
	.event-item[data-hall='CENTENNIAL_CONCERT_HALL']:before,
.calendar-cell-content
	.events-container
	.event-item[data-hall='GRAND_HALL']:before {
	position: absolute;
	top: -5px;
	left: 0;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	content: '';
}
.calendar-cell-content
	.events-container
	.event-item[data-hall='CENTENNIAL_CONCERT_HALL']:before {
	background-image: url('/img/ico_centennial.png');
}
.calendar-cell-content
	.events-container
	.event-item[data-hall='GRAND_HALL']:before {
	background-image: url('/img/ico_mainHall.png');
}