@charset "utf-8";
/* *******************************************************
	* filename : int_2025.css
	* description : 서브 CSS (반응형 포함)
	* date : 2025-04-21
******************************************************** */

/*서브 공통*/
strong {font-weight: 800;}

/*서브 버튼 공통*/
.btn_box {text-align: center; clear: both; float: none; display: flex; justify-content: center; align-items: center; gap: 8px; flex-wrap: wrap;
	/*기본 정의*/
	button {display: inline-flex; text-align: center; background: var(--gray-900-color); color: var(--white-color); padding: 0 28px; font-size: 1.125rem; font-weight: 700; align-items: center; justify-content: center; gap: 8px; border-radius: 2px; height: 50px; width: auto; margin: 0;}
	a {display: inline-flex; text-align: center; background: var(--gray-900-color); color: var(--white-color); height: 50px; padding: 0 28px; font-size: 1.125rem; font-weight: 700; align-items: center; justify-content: center; gap: 8px; border-radius: 2px; width: auto; margin: 0;}
}
/*상단 버튼 정의*/
.btn_box.topbtn {padding-bottom:30px; margin-top:0; clear:none; width: auto; position: relative; display: block; border-radius: 0; height: 100%; bottom: 0; z-index: 1; background: none; right: auto; transform: none;

	a {display: inline-flex; min-width: 200px; text-align: center; background: var(--white-color); color: var(--gray-900-color); padding: 0 28px; font-size: 1.125rem; font-weight: 700; align-items: center; justify-content: center; gap: 8px; border-radius: 2px; border: 1px solid var(--gray-300-color); height: 55px; width: auto;}
	a span {display: block;}
}
/*텍스트 버튼*/
.txtbtn {font-size: 1rem; font-weight: 500; border: none; text-decoration: underline; color: var(--gray-800-color); display: inline-block; align-items: flex-start;}
/*그 외 (아이콘 버튼)*/
button.btn_dn {display: inline-flex; min-width: 200px;text-align: center; border: none; background: var(--gray-900-color); color: var(--white-color); font-size: 1.125rem; font-weight: 700; height: 50px; height: 50px; margin: 40px 0; align-items: center; justify-content: center; gap: 8px; border-radius: 2px;}
button.btn_dn:after {width: 24px; height: 24px; background-size: 24px;}
.btn_box a.dn:after, button.btn_dn:after {background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 16.5V20H21V16.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 5V16' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 12L12 16L8 12' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 50% 50%; content: ''; width: 20px; height: 20px; background-size: 20px;}
.btn_box a.map::after {background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33325 16.6667V5.83334L7.49992 3.33334L12.4999 5.83334L16.6666 3.33334V13.3333L12.4999 16.6667L7.49992 13.3333L3.33325 16.6667Z' stroke='black'/%3E%3Cpath d='M7.5 3.33334V13.3333M12.5 5.83334V16.6667' stroke='black'/%3E%3C/svg%3E%0A") no-repeat 50% 50%; content: ''; width: 20px; height: 20px; background-size: 20px; filter: invert(15%) sepia(91%) saturate(712%) hue-rotate(195deg) brightness(90%) contrast(94%);}
.btn_box a.seat::after {background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.8335 10V2.5H14.1668V10' stroke='black'/%3E%3Cpath d='M15.8334 10H4.16675V13.3333H15.8334V10Z' stroke='black'/%3E%3Cpath d='M5.8335 17.5V13.3333M14.1668 17.5V13.3333' stroke='black'/%3E%3C/svg%3E%0A") no-repeat 50% 50%; content: ''; width: 20px; height: 20px; background-size: 20px; filter: invert(15%) sepia(91%) saturate(712%) hue-rotate(195deg) brightness(90%) contrast(94%);}
.btn_box a.home::after {background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.85718 9.6L10.4 3L17.9429 9.6' stroke='black' stroke-width='1.25'/%3E%3Cpath d='M4.74292 7.71429V16.2H16.0572V7.71429' stroke='black' stroke-width='1.25'/%3E%3Cpath d='M10.3999 16.2L10.3999 11.4857' stroke='black' stroke-width='1.25'/%3E%3C/svg%3E%0A") no-repeat 50% 50%; content: ''; width: 20px; height: 20px; background-size: 20px; filter: invert(15%) sepia(91%) saturate(712%) hue-rotate(195deg) brightness(90%) contrast(94%);}
.btn_box a.pdf {border: 1px solid var(--gray-300-color); color: var(--black-color); background: var(--white-color); height: 50px; height: 50px; width: auto; padding: 0 28px; font-size: 18px; font-weight: 700;}
.btn_box a.pdf::after {content: ''; display: inline-block; width: 24px; height: 24px; background: url("data:image/svg+xml,%3Csvg width='25' height='26' viewBox='0 0 25 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 7.02064C15.9 4.26661 19.5833 5.87313 21 7.02064V19.5C17.26 16.4017 13.775 18.2091 12.5 19.5' stroke='black' stroke-width='1.5' stroke-linecap='square'/%3E%3Cpath d='M12.5 7.02064C9.1 4.26661 5.41667 5.87313 4 7.02064V19.5C7.74 16.4017 11.225 18.2091 12.5 19.5' stroke='black' stroke-width='1.5' stroke-linecap='square'/%3E%3Cpath d='M12.5 7.49976L12.5 18.4998' stroke='black' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A") no-repeat 50% 50%; vertical-align: sub; margin-left: 8px;}
.btn_box a.rp:after {content: "\e61d";font-family: 'spo'; speak: none;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-left: 8px;  display: inline-block; margin-top: -6px; vertical-align: middle}
button.play {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding-bottom: 65px;}
button.play:before { width: 50px; height: 50px; border-radius: 100%; background: rgba(0,0,0,0.7) url("data:image/svg+xml,%3Csvg width='22' height='29' viewBox='0 0 22 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.7882 13.5947C21.3704 13.9916 21.3704 14.8502 20.7882 15.2471L1.56334 28.355C0.899529 28.8076 6.43596e-07 28.3322 6.78715e-07 27.5288L1.82464e-06 1.31304C1.85976e-06 0.509616 0.89953 0.0342125 1.56334 0.486809L20.7882 13.5947Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat 56% 50%; background-size: 18px;;  content: ""; display: block; transition: .3s; position: relative; transform: translate(0,0%);}

/* 소개 페이지 공통 */
.int_wrap{
	.txt>h3{ font-size: 2rem; font-weight: 600}
	.txt>p{ font-size: 1rem}
	.txt + .c-wrap, .txt + article, .concept + .c-wrap, .concept + article{ margin-top: 60px}
	.concept h3{ font-size: 3rem; text-align: center}
	.concept p{  font-size: 1.125rem; color: var(--gray-900-color); text-align: center; word-break: keep-all;}
	span.ico {width: 24px; height: 24px; font-size: 0; line-height: 0; display: inline-block; overflow: hidden; position: relative; vertical-align: middle; margin-left: 8px;}
	span.ico.lock:before {background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='10' width='16' height='11' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M12 13.5V17.5' stroke='black'/%3E%3Cpath d='M16 10V7C16 4.79086 14.2091 3 12 3V3C9.79086 3 8 4.79086 8 7V10' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E%0A") no-repeat 50% 50%; content: ''; width: 20px; height: 20px; background-size: 20px; display: inline-block;}
}

/* 공연소개 */
.concert .int_wrap .txt > h3, .concert .int_wrap .txt > p {text-align: center;}

/*시즌패키지*/
.pkgbuy {padding-bottom:50px; overflow:hidden;

	img {width: 100%;}
	h3 {text-align: center !important; padding-top: 40px;}
	h3 strong {display: block;}
	h3:before {display:none !important; font-size: 1.75rem !important;}
	.txt {text-align: center; font-size: 1.12rem; color: var(--gray-700-color); padding-bottom: 20px;}
	.txt strong {color: var(--gray-800-color); font-size: 1.2rem; display: block; padding-bottom: 10px;}
	.txt em {font-style :normal; color: var(--gray-800-color);}
	ol {width: 100%; overflow: hidden;}
	ol li {position: relative; width: 760px; margin: 0 auto; text-align: center; height: 100%; padding-top: 40px;}
	ol li .img {max-width: 760px; margin: 0 auto; border: 1px solid var(--gray-600-color); padding: 20px;}
	ol li:nth-child(1) {display: list-item; padding-top: 0;}
	.btn_next {display: block; position: absolute; z-index: 6; width: 46px; height: 46px; margin: 0; padding: 0;opacity: .6; animation-name: circle; animation-fill-mode: forwards; animation-duration: 1s; animation-iteration-count: infinite; animation-delay: .5s; -webkit-animation-timing-function: ease; animation-timing-function: ease;}
	.btn_next a {display: block; border-radius: 100%; background: #ffc000; text-indent: -9999em; border: 2px solid #efa300; box-sizing: border-box; width: 100%; height: 100%;}
	ol li:nth-child(1) .btn_next {left: 200px; bottom: 125px;}
	ol li:nth-child(2) .dashed {left: auto; right: 20px; top: 302px; height: 250px;}
	ol li:nth-child(3) .btn_next {left: 620px; bottom: 30px;}
	ol li:nth-child(3) .dashed {left: 35px; top: 237px; height: 50px; width: 480px; animation-duration: 10s}
	ol li:nth-child(4) .dashed {left: 260px; top: 215px; height: 200px; width: 270px;}
	ol li:nth-child(5) .dashed {left: 40px; top: 218px; height: 280px; width: 480px;}
	ol li:nth-child(5) .btn_next {left: 660px; bottom: 31px;}
	ol li:nth-child(6) .dashed {left: 40px; top: 397px; height: 40px; width: 480px; animation-duration: 10s;}
	ol li:nth-child(6) .btn_next {left: 620px; bottom: 31px;}
}
.pkgbuy + .pkgbuy {padding-top: 0px;}
#step2.pkgbuy {
	ol li:nth-child(1) .btn_next {left: 370px; bottom: 125px;}
	ol li:nth-child(2) .btn_next {left: 370px; top: 400px;}
	ol li:nth-child(3) .dashed.d1 {left: 35px; top: 238px; height: 140px; width: 215px; animation-duration: 4s;}
	ol li:nth-child(3) .dashed.d2 {left: 258px; top: 238px; height: 140px; width: 100px; animation-duration: 4s;}
	ol li:nth-child(4) .dashed {left: 60px; top: 329px; height: 230px; width: 450px; animation-duration: 5s;}
	ol li:nth-child(4) .btn_next {left: 630px; bottom: 94px;}
	ol li:nth-child(5) .dashed {left: 440px; top: 227px; height: 40px; width: 80px;}
	ol li:nth-child(5) .dashed.d2 {left: 540px; top: 287px; height: 240px; width: 200px; animation-duration: 4s;}
	ol li:nth-child(5) .btn_next {left: 660px; bottom: 43px;}
	ol li:nth-child(6) .dashed {left: 260px; top: 196px; height: 200px; width: 270px; animation-duration: 4s;}
	ol li:nth-child(6) .btn_next {left: 660px; bottom: 43px;}
	ol li:nth-child(7) .dashed {left: 40px; top: 275px; height: 40px; width: 200px; animation-duration: 8s;}
	ol li:nth-child(8) .dashed {left: 260px; top: 257px; height: 40px; width: 260px; animation-duration: 8s;}
	ol li:nth-child(8) .btn_next {left: 660px; bottom: 43px;}
	ol li:nth-child(9) .dashed {left: 40px; top: 475px; height: 40px; width: 480px; animation-duration: 10s;}
	ol li:nth-child(9) .btn_next {left: 620px; bottom: 43px;}
}
#step3.pkgbuy {
	ol li:nth-child(1) .btn_next {left: 530px; bottom: 125px;}
	ol li:nth-child(2) .btn_next {left: 580px; top: 370px;}
}
.dashed {background: linear-gradient(90deg, blue 50%, transparent 50%), linear-gradient(0deg, blue 50%, transparent 50%), linear-gradient(90deg, blue 50%, transparent 50%), linear-gradient(0deg, blue 50%, transparent 50%); background-repeat: repeat-x, repeat-y, repeat-x, repeat-y; background-size: 15px 2px, 2px 15px, 15px 2px, 2px 15px; background-position: left top, right top, left bottom, left top; padding: 2px; animation: border-dance 4s infinite linear; position: absolute; left: 0; top: 0; width: 200px; height: 200px;}
@keyframes circle {
	30% { transform:scale(1)}
	60% {transform:scale(1.5)}
}
@keyframes border-dance
{
	0%  { background-position: left top, right top, right bottom, left bottom;  }
	100%   { background-position: right top, right bottom, left bottom, left top;  }
}
.concert_detail {
	.daylist.thum_w {
		.list .list-txt h3 {letter-spacing: -0.56px; overflow: hidden; text-overflow: ellipsis; margin-bottom: -6px; text-align: left; font-size: 1.25rem; font-weight: 600; padding-bottom: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
		.list .list-txt h3:before {content: none;}
		.btn_box {display: flex; gap: 10px; justify-content: space-between; padding-top: 0; margin-top: 0; flex-wrap: nowrap;
			button,a {display: flex; white-space: nowrap; align-items: center; justify-content: center; border: 1px solid var(--gray-300-color); background: #fff; height: 50px; width: 100%; font-size: 1.125rem; font-weight: 700; color: var(--gray-900-color); gap: 8px; padding: 0;
				&.ticket:after {display: block; flex: none; background: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 6.55556H6V19H18.4444V12M12.6111 12.3889L20 5M20 5H15.3333M20 5V9.66667' stroke='%23949494' stroke-width='1.5'/%3E%3C/svg%3E%0A") no-repeat 50% 50%; content: ""; width: 25px; height: 25px;}
				&:not(:disabled):hover,&:not(:disabled):focus {background: var(--gray-900-color); border-color: var(--gray-900-color); color: #fff;}
				&.ticket:hover:after,&.ticket:focus:after {}
				&:disabled {cursor: auto; color: var(--gray-600-color); border-color: var(--gray-200-color)}
			}
		}
	}
}

/* 예매안내 */
.info_wrap.w100 {padding-top: 20px;}
.info_wrap {
	p.txt {text-align: center; padding-bottom: 40px;}
	.table_box table th {border-width: 1px 1px 0 1px;}
	.block {margin-bottom: 40px; margin-top: 0 !important;}
	.block h4 {font-size: 1.5rem; color: var(--black-color); padding-bottom: 12px;}
	.block p {padding-top: 20px; font-size: 1rem; font-weight: 400; color: var(--gray-800-color); line-height: 26px;}
	.tab_content div:last-child {margin-bottom: 0px;}
	.ethics_wrap .block ul li {padding: 2px 0 2px 20px; font-size: 1.125rem; font-weight: 400; position: relative; line-height: 26px;}
	.ethics_wrap .block ul li::before {content: ''; display: block; width: 3px; height: 3px; background: var(--gray-900-color); position: absolute; left: 10px; top: 12px; border-radius: 100%;}
	.ethics_wrap h5 {margin-bottom: 8px;}
	ul.info {background: rgba(255,102,51,0.1); color: var(--gray-600-color); border: 1px solid rgba(255,102,51,0.31); margin-bottom: 20px;}
	.txt.buy {
		.stepbox {margin-top: 28px;}
		.stepbox h5 {margin-bottom: 20px;}
		.stepbox ol {position: relative; height: 160px;}
		.stepbox ol::before {content: ''; width: 100%; height: 1px; border-top: 1px dashed var(--gray-800-color); position: absolute; left: 0; top: 50%;}
		.stepbox li {float: left; text-align: center; position: absolute; left: 0; top: 130px; width: 100px; font-size: 0.875rem;}
		.stepbox li.s1 {left: 26%;}
		.stepbox li.s2 {left: 46%;}
		.stepbox li.s3 {left: 66%;}
		.stepbox .step02 li.s1 {left: 19%;}
		.stepbox .step02 li.s2 {left: 32%;}
		.stepbox .step02 li.s3 {left: 46%;}
		.stepbox .step02 li.s4 {left: 59%;}
		.stepbox .step02 li.s5 {left: 73%;}
		.stepbox li.end {left: auto !important; right: 0;}
		.stepbox li.start, .stepbox li.end {width: 160px; height: 160px; border-radius: 100%; font-weight: 500; font-size: 1.125rem; background: var(--white-color); position: absolute; left: 0; top: 0; border: 1px solid #ef4c49; padding: 10px;}
		.stepbox li strong {font-weight: 400; display: block; width: 100%; height: 100%; padding: 12px; word-break: keep-all;}
		.stepbox li.start strong, .stepbox li.end strong {font-weight: 500; color: #ef4c49; padding: 0; border: 1px dashed   #ef4c49; border-radius: 100%; line-height: 140px;}
		.stepbox li::before, .stepbox li::after, .stepbox li strong::before {position: absolute; left: 50%; top: -50px; height: 50px; content: ''; display: block; background: var(--gray-700-color); width: 1px;}
		.stepbox li::after, .stepbox li strong::before {width: 8px; height: 8px; border-radius: 100%; margin: -4px;}
		.stepbox li::after {background: #ef4c49 !important;}
		.stepbox li strong::before {top: 0; background: var(--gray-700-color);}
		.stepbox li.start::before, .stepbox li.end::before, .stepbox li.start::after, .stepbox li.end::after, .stepbox li.start strong::before, .stepbox li.end strong::before {display: none;}
		.stepbox ol + h5 {margin-top: 60px;}
		.stepbox .step02 {margin-bottom: 80px;}
		a {text-decoration: underline;}
		.info_wrap .txt.buy .booking dl {
			height: 300px;
		}
		.table_box table th {
			border: 1px solid #d4d4d4;
		}

		.table_box table td, .table_box table th {
			padding: 8px;
			word-break: break-all;
		}

		.coltable.rowtable td {
			border-left: 1px solid #ddd;
			border-right: 1px solid #ddd;
			line-height: 1.7;
		}

		ul ol > li:before {
			content: none !important;
		}

		.ethics_wrap2 ul li:before {
			content: none !important;
		}

		.ethics_wrap3 > .block > ul li:before {
			content: none !important;
		}

		.ethics_wrap2 ul li {
			padding-left: 5px !important;
		}

		h5 {
			font-size: 1.25rem !important;
		}

		.block ul {
			padding: 0 0 10px 0 !important;
		}

		ul > li {
			color: black !important;
		}

		ul.info {
			padding: 30px !important;
		}

		.ticketUl li {
			padding-bottom: 20px !important;
		}

		.hall_button {
			padding: 0;
			border: none;
			background: none;
		}
	}
}

/* 좌석배치도 */
.hall_box {
	.hall.on .detail *, .hall.on .detail {height: auto; opacity: 1;}
	.hall {transition: all .3s; border-bottom: 1px solid var(--gray-300-color); padding: 20px 0 0;}
	.hall:nth-of-type(1) {padding-top: 0;}
	.hall_header .hall_button::after {content: "";}
	.hall.on .hall_header .hall_button:after {transform: rotate(-90deg); margin-top: 14px;}
	.hall .hall_header .hall_button {font-size: 1.312rem; cursor: pointer; margin: 10px 0; font-weight: 700; color: var(--black-color);}
	.hall.on {border-color: #1f2c5c;}
	.hall.on .hall_header .btn_box a, .hall.on .hall_header .btn_box a button {border-color: #1f2c5c !important;}
	.hall .detail .img {text-align: center; border: 1px solid #aaa; margin-bottom: 10px;}
	.hall .detail .img img {max-width: 100%;}
	.hall_header {position: relative; text-align: left;}
	.hall_header .btn_box, .detail_wrap .inner .hall_header .btn_box {position: absolute; right: 0; top: 0; padding-bottom: 0 !important; padding-top: 0 !important; margin-top: 0 !important;}
	.hall_header .btn_box a, .hall_header .btn_box a button, .detail_wrap .inner .hall_header .btn_box a {height: 34px !important; line-height: 32px !important; font-size: 0.9rem !important; padding: 0 16px; border-radius: 20px;border: 1px solid #e0e0e0 !important; width: auto !important; font-weight: 400 !important; color: #1f2c5c !important; background: var(--white-color) !important; min-width: inherit; display: inline-flex !important; align-items: center; justify-content: center; gap: 6px;}
	.detail dl {clear: both; float: none; overflow: hidden; padding: 5px 0;}
	.detail dt, .detail dd {float: left;}
	.detail dt {font-size: 0;}
	.detail dl.ph dt::before {content: "";}
	.detail dl.seat dt::before {content: "";}
	.detail dl.parking dt::before {content: "";}
	.detail dl.parking dd span.ok, .detail dl.parking span.nok {display: inline-block; color: #099; vertical-align: top; margin-right: 5px; border-radius: 2px; padding: 0 2px ; border: 1px solid #099;}
	.detail dl.parking span.nok {color: #F03; border: 1px solid #F03;}
	.detail *, .detail {height: 0; overflow: hidden; padding: 0; margin: 0; opacity: 0; transition: all .3s;}
}

/*전문가교육*/
.edu.master {
	.concept .inner{ padding-bottom: 0px;
		h3 {font-size: 3rem; font-weight: 700; text-align: center;}
		p {color: var(--gray-800-color); font-size: 1.125rem; font-weight: 400; }
		&>*+*{ margin-top: 20px}
	}
	.txtbtn {color: #ef4c49; margin-top: 12px; display: block;}
	.txtbtn::after {content: ''; width: 20px; height: 20px; background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 11V13.3333H14V11' stroke='%23EF4C49' stroke-width='1.5'/%3E%3Cpath d='M8 3.33301V10.6663' stroke='%23EF4C49' stroke-width='1.5'/%3E%3Cpath d='M10.6667 8L8.00004 10.6667L5.33337 8' stroke='%23EF4C49' stroke-width='1.5'/%3E%3C/svg%3E%0A") no-repeat 50% 50%; display: inline-block; margin-left: 4px; vertical-align: bottom;}
	article.schedule {margin-top: 60px;}
	article.schedule h4 {font-size: 1.75rem; font-weight: 700; text-align: left; padding-bottom: 12px;}
	.program_shedu .guide {position: absolute; right: 0px; top: 74px; margin: 0; padding: 0; font-size: 0.875rem; font-weight: var(--gray-600-color);}
	.program_shedu ul {margin-top: 20px;}
	.program_shedu .h2-title + ul {margin-top: 0px;}
	.program_in ul {display: flex; flex-direction: column; gap: 12px; margin-bottom: 0;}
	.program_in ul li {padding: 0 0 0 12px; position: relative; font-size: 1.125rem; color: var(--gray-800-color); border-bottom: 0; text-align: left;}
	.program_in ul li::before {content: ''; display: block; width: 4px; height: 4px; border-radius: 100%; background: var(--gray-600-color); position: absolute; left: 0; top: 10px;}
	.program_in ul, .program_in ul li {border: none;}

}

/*스케쥴*/
* + .schedule {margin: 60px 0;}
.schedule + * {padding-top: 0 !important;}
.schedule {text-align: left;  position: relative; padding: 60px 0;
	.inner {position: relative; text-align: center;}
	.h2-title {font-size: 2rem; font-weight: 600; color: #000; padding-bottom: 24px !important; margin-bottom: 0 !important; text-align: left;}
	.h3-title {font-size: 1.5rem; font-weight: 500; color: var(--gray-900-color); padding-bottom: 12px; margin-bottom: 0;}
	select {background-color: var(--white-color);}
	h3 + p {color: var(--gray-800-color); font-size: 1.125rem; text-align: left;}
	h3 + label.blind + select {position: absolute; right: 0; top: 0; height: 44px; min-width: 120px; width: auto; font-size: 1rem; font-weight: 700;}
	ul {border: 1px solid var(--black-color); border-width: 1px 0; width: 100%; margin: 0 auto; text-align: left; margin-bottom: 60px;}
	ul li {display: flex; gap: 20px; text-align: center; justify-content: flex-start; align-items: stretch; border-bottom: 1px solid var(--gray-300-color); padding: 12px;}
	.nodata li {border-bottom: 0; padding: 0 !important;}
	ul a li {padding: 0px;}
	ul a li div {font-size: 1.125rem;}
	ul li > a {display: flex; min-width: 100%; align-items: center; height: 100%; gap: 20px; width: 100%;}
	ul li span {font-size: 1.125rem;}
	ul li span.date {font-weight: 600; min-width: 140px; text-align: left; white-space: nowrap}
	ul li span.tit {display: flex; gap: 20px; justify-content: space-between; font-weight: 500; width: 100%; color: var(--gray-800-color); padding-right: 10px;}
	ul li span.bul {white-space: nowrap; vertical-align: middle; font-weight: 700; color: var(--balck-color); min-width: 88px; border-radius: 2px; padding: 7px 10px; line-height: 20px; display: inline-block; background: var(--main-color);}
	ul li span.end {background: var(--white-color); border: 1px solid var(--gray-300-color); color: var(--gray-600-color);}
	ul li div {font-size: 1rem; vertical-align: middle; color: var(--gray-900-color);}
	ul li div.date {min-width: 320px; font-weight: 700; padding: 12px 16px; text-align: center; align-content: center;}
	ul li div.tit {min-width: 200px; font-weight: 700; padding: 12px 16px; text-align: center; align-content: center;}
	ul li div.date, ul li div.tit {background: var(--gray-50-color); border-right: 1px solid var(--gray-300-color);}
	ul li div.txt {width: 100%; font-weight: 400; padding: 12px 0 12px; text-align: left; align-content: center;}
	ul li div.txt p {line-height: 32px; position: relative; padding-left: 12px;}
	ul li div.txt p::before {content: ''; display: block; width: 4px; height: 4px; border-radius: 100%; background: var(--gray-600-color); position: absolute; left: 0; top: 14px;}
	ul li div.bag {align-content: center;}
	.nodata {padding: 16px 0;}
	.sponsor:has(.noImg) {display: flex; align-items: center; justify-content: flex-end; gap: 6px; width: auto; flex-wrap: nowrap;
		span {height: 32px; flex: none;}
		img {height: 100%;}
	}
	.sponsor {display: flex; align-items: center; justify-content: flex-end; gap: 6px; flex-wrap: wrap; width: 48%; padding: 12px 0;
		span {height: 32px; flex: none;}
		img {height: 100%;}
	}
	.inner.program_shedu {
		ul li {padding: 0;}
		ul li div {font-size: 1.125rem;}
	}
}
.oldhistory.card_box {margin-top: 0 !important;
	.h3-title {text-align: left; font-weight: 700; padding-bottom: 20px;}
	span.date {font-size: 1.125rem;}
	h4 {font-size: 1.125rem;}
	span.date + h4 {padding-top: 8px;}
	h4 +h4 {padding-top: 4px;}
}
.schedule:before {content: ""; display: block; position: absolute; left: 50%; top: 0;  background: var(--gray-50-color); width: 100vw; height: 100%; transform: translateX(-50%);}
.eduview_wrap.w100 .schedule .inner{ position: relative}
.eduview_wrap .schedule h3 + select, .eduview_wrap .schedule h3 + label.blind + select{ position: absolute; right: 0px; top: 0px; height: 44px; min-width:120px; border-width: 1px; font-size: 1.125rem;}

/*영상 리스트*/
.cardlist.ut_list {
	.list {position: relative;}
	.list .img {min-height: auto; background-size: 40%; height: auto;aspect-ratio: 16 / 9;}
	.list .img img{aspect-ratio: 16 / 9;}
	.list .txt {padding-top: 12px; min-height: 65px;}
	.list .txt h4, .list .txt h3 {text-align: left; font-size: 1.125rem; padding-top: 0;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; padding-bottom: 0; word-break: break-all; }
	.list:hover .img:after{ border-color:#db5d13;}

}

/* 안내 */
.detail_wrap {
	.viewheader {padding-bottom: 40px;}
	.viewheader .h3-title, .detail_profile.se2_outputarea .h3-title {font-size: 1.5rem; font-weight: 600; padding-bottom:12px;}
	.viewheader .h3-title span.cate {border: 1px solid #db5d13; border-width: 1px 0; font-size: unset; padding: 8px 4px; margin-bottom: 0; color: #db5d13;}
	.viewheader .h1-title {font-size: 3rem; font-weight: 700; color: var(--black-color);}
	.viewheader .h1-title span[lang="en"] {font-size: 1.5rem; display: block;}
	.viewheader .h4-title {font-size: 1.25rem; font-weight: 500; color: var(--gray-900-color)}
	.viewheader .detail p {font-size: 1.125rem;}
	.aside {float: right; width: 250px; overflow: hidden; text-align: center;}
	.aside img {width: 100%; border: 1px solid var(--gray-300-color); min-height: 100px;}
	.aside .img {margin: 0; padding: 0; width: 100%; display: block; color: var(--gray-600-color); font-size: 0.9rem; background: url(../image/bg_nodata_logo.png) no-repeat 50% 45%; background-size: 60%;}
	.aside .img.sponsor img {width: auto; height: 40px; min-height: inherit;}
	.aside .img.sponsor {background: var(--white-color);}
	.aside .img.sponsor span {border: 1px solid var(--gray-300-color); display: block; padding: 30px 0; margin-bottom: 10px;}
	.aside .img.sponsor img {border: none;}
	.aside .img + .img {margin-top: 50px;}
	.aside .img figcaption {color: #777;}
	.pay dd span {white-space: nowrap; font-size: 1.12rem;}
	.pay dd span strong {position: relative; display: inline-block; z-index: 2;}
	.pay dd span strong:before {position: absolute; content: ""; display: block; width: 100%; height: 10px; left: 0; bottom: 3px; z-index: 1;background: rgba(240, 148, 29, 0.25);}
	.pay dd span:after {content: "/"; padding: 0 5px; color: var(--gray-700-color);}
	.pay dd span:last-of-type:after {display: none;}
	.footer_box {padding: 75px 0 0 0; clear: both; float: none; border: none; padding-bottom: 0;}
	.footer_box .btn_box {border-top: 1px solid var(--black-color); margin: 0 auto; max-width: 1200px; padding: 0 30px; clear: both; float: none; position:relative; padding-top: 60px;}
	.favorite {position: absolute; left: auto; right: 30px; z-index: 4; text-align: center; height: 66px; margin-top: -90px;}
	.inner .container + .favorite {margin-top: 30px;}
	.concert_detail .inner {text-align: center; padding: 40px; position: relative; z-index: 3; background: rgba(30,30,30,0.02); border: 1px solid rgba(30,30,30,0.05);}
	.concert_detail .inner .txt ul.info {background: none; text-align: left; border: none; padding: 0; color: var(--gray-600-color);}
	.concert_detail .inner .txt ul.info > div {margin-bottom: 4px;}
	.inner .btn_box a, .inner .btn_box button, .inner .btn_box span.ticket {text-align: center; border: none; background: var(--black-color); color: var(--white-color); width: 200px; font-size: 1.3rem; font-weight: 500; line-height: 60px; height: 60px; display: inline-block; vertical-align: middle;}
	.inner .btn_box a.ticket, .inner .btn_box a.order {position: relative; background :#ef4c49; color: var(--white-color);}
	.inner .btn_box span.ticket {border: 1px solid var(--gray-600-color); background: var(--gray-600-color); color: rgba(255,255,255,0.9);}
	.inner .btn_box a span.free {font-size: 12px; background: var(--white-color); color: #ef4c49; position: absolute; left: 0; top: 20px; display: block; line-height: 20px; padding: 0 10px;}
	.inner .container {overflow: hidden; clear: both; float: none; width: 100%; display: block; margin: 0 auto; padding-top: 20px; border-bottom: 1px dashed rgba(167,179,186,1); padding-bottom: 20px; margin-bottom: -2px;}
	.inner .container dt, .inner .container dd {float: left;}
	.inner .container dt {width: 90px; text-align: center; background: #1f2c5c; color: var(--white-color); line-height: 24px;}
	.inner .container dd {width: calc(100% - 100px); float: right; word-break: keep-all; box-sizing: border-box; padding-right: 10px; font-size: 0.95rem; line-height: 24px;}
	.innertab .inner {background: none !important;}
	.innertab .inner h3 {margin: 0; padding-bottom: 20px; font-weight: 400; font-size: 1.375rem; word-break: keep-all; text-align: left;}
	.innertab .inner h3::before {content: ""; width: 5px; height: 5px; display: inline-block; vertical-align: middle; background: var(--black-color); margin-right: 15px;}
	.innertab .inner h3 strong {font-weight: 600; color: #db5d13;}
	.innertab .inner h3 span.total {font-weight: 400; font-size: 1rem;}
	.innertab div.info > p {text-align: center; font-size: 1.5rem; color: var(--gray-600-color);}
	.innertab div.info > p:before {font-family: 'spo'; speak: none;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content:"\e838"; padding-right: 8px;}
	.innertab div.info > div.go {text-align: center; margin-top: 20px;}
	.innertab div.info > div.go a {display: inline-block; border: 1px dashed #ef4c49; vertical-align: top; text-align: center; font-size: 1rem; padding:40px 30px 0 30px; border-radius: 100%; position: relative; width:230px; height: 230px; margin: 0 10px; color: var(--gray-800-color); line-height: 1.35; word-break: keep-all;}
	.innertab div.info > div.go a.seat {padding-top: 35px;}
	.innertab div.info > div.go a:before {content: ""; position: absolute; border: 1px solid #ef4c49; left: 14px; top: 14px;border-radius: 100%; box-sizing: border-box; width:200px; height: 200px;}
	.innertab div.info > div.go a > strong {display: block; color: #ef4c49; font-size: 1.3rem;}
	.innertab div.info > div.go a > strong:after {font-family: 'spo'; speak: none;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content:"\e830"; display: block; font-size: 3rem; color: #ccc;}
	.innertab div.info > div.go a.seat > strong:after {content: "\e83c";}
	.innertab div.info > div.go a.chk > strong:after {content:"\e828";}
	.inner + .innertab {padding-top: 30px; z-index: 1;}
	.linetable tr th, .linetable tr td {border: 1px solid var(--gray-300-color);}
	.linetable thead tr th {border-width: 1px 1px 0 1px;}
}

.eduview_wrap {margin: 0; text-align: center;
	.h2-title {font-size: 2rem; font-weight: 600; color: #000; padding-bottom: 24px !important; margin-bottom: 0 !important; text-align: left !important;}
	.h3-title {font-size: 1.5rem; font-weight: 500; color: var(--gray-900-color); padding-bottom: 12px; margin-bottom: 0;}
	&>*+*{ padding-top: 60px}
	img {width: 100%;}
	.main_v .inner {position: relative; width: 100%; padding: 0; margin: 0 auto;}
	.main_v .inner .txt {position: absolute; left: 100px; top: 50%; color: var(--white-color); text-align: left; transform: translateY(-50%); z-index: 2;}
	.main_v .inner .txt h3 span {display: block;}
	.main_v .inner .txt h3 span[lang="ko"], .main_v .inner .txt h3 span[lang="en"] {font-size: 2.875rem;}
	.main_v .inner .txt h3 span.cate {color: var(--main-color); font-weight: 600; display: inline-block; border: 1px solid #db5d13; border-width: 1px 0; font-size: 1.3rem;}
	.main_v .inner .txt h3 span[lang="en"] {font-weight: 400;}
	.main_v .inner .txt h3 span.num {font-size: 1.2rem; font-weight: 400;}
	article + .profile {margin-top: 40px !important; padding-bottom: 20px;}
	.eduview_wrap.w100 {position: relative; padding-top: 60px !important;}
	.eduview_wrap h3 {text-align: center;}
	article.card_box {margin-top: 20px;}
	.man_list .list .img {background: none;}
	.man_list .list .txt {text-align: center; padding: 20px 12px 0 12px;}
	.man_list .list .txt .h4-title {height: auto; text-align: center !important; padding-bottom: 4px; font-size: 1.25rem; font-weight: 600;}
	.man_list .list .txt p {font-size: 1.125rem; padding-top: 0;}
	.searchmobile_content {display: none;}
	.searchweb_content {max-width: 1440px;}
	.searchweb_content ul {width: 100%; margin-bottom: 40px; overflow: hidden; padding-top: 20px;}
	.searchweb_content ul li {float: left; margin: 0; text-align: left; width: 20%; display: flex; align-items: center; justify-content: flex-start; gap: 8px; padding: 6px 0;}
	.searchweb_content ul li::before {background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 5.5L6 9.5L2 5.5' stroke='%23111111'/%3E%3Cpath d='M10 2.5L6 6.5L2 2.5' stroke='%23111111'/%3E%3C/svg%3E%0A") no-repeat 50% 50%; content: ''; width: 16px; height: 16px; background-size: 16px; filter: invert(15%) sepia(91%) saturate(712%) hue-rotate(195deg) brightness(90%) contrast(94%);}
	.searchweb_content ul li button {text-align: left; border: none; color: #11769c; text-decoration: underline; background: none;}
	.searchweb_content ul li button.on {font-weight: 700; color: #c7520d;}
	.concept.man {padding-top: 0;}
	.man_box hr {height: 1px; border: none; outline: none; background: none; border-bottom: 1px solid var(--gray-300-color); overflow: hidden;
		margin: 0; display: block !important;}
	.man_box .mans.man_new_list {height: auto; margin-bottom: 80px; overflow: hidden; border: none;}
	.man_box .mans.man_new_list.last {margin-bottom: 0px;}
	.man_box .mans .man_header h4 {display: block; text-align: left; margin-bottom: 0; padding: 20px 0; font-weight: 600;}
	.cardlist.leader {margin-bottom: 60px; justify-content: center;}
	.man_box .mans.man_new_list .list .img, .man_list .list .img, .noImg {max-height: auto; height: auto; min-height: auto; border-radius: var(--radius-S); background-color: var(--gray-200-color);}
	.noImg {aspect-ratio: 3 / 4; }
	.man_box .mans.man_new_list .list .img img, .man_list .list .img img, .noImg:before {aspect-ratio: 3 / 4; height: 100%; object-fit: cover; object-position: center;}
	.man_box .mans.man_new_list .list .txt {padding-top: 20px; position: relative; display: flex; flex-direction: column; gap: 4px;}
	.man_box .mans.on .txt h4 {word-break: keep-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0; font-size: 1.25rem;}
	.man_box .mans.on .txt span.duty, .man_box .mans.on .txt span.tuty {font-size: 1.125rem; font-weight: 600;}
	.man_box .mans.on .txt h4 span.duty, .man_box .mans.on .txt h4 span.tudy {margin-top: 8px; font-size: 1rem; font-weight: 400; color: var(--gray-800-color);}
	.cardlist .list:hover .more{ line-height:50px;top:-50px; height:auto; text-decoration:underline; opacity:1}
	.cardlist .list:hover .more:after{left: 0;width:100%;height: 100%; background:rgba(240, 148, 29,.05); z-index:1; position:absolute; content:""; top:0; box-sizing:border-box; border:1px solid rgba(240, 148, 29,0.25)}
	.cardlist .list:hover .more:before{font-family: 'spo'; speak: none;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content:"\e6c7"; padding-right:5px}
	.detail_profile {text-align: left; font-size: 1.125rem; font-weight: 400; color: var(--gray-800-color);}
	.detail_profile h4 {font-size: 1.52rem; padding-top: 8px;}
	.concept{
		.txt {font-size: 1.125rem; color: var(--gray-800-color);}
		.img {overflow: hidden;}
		.img img {width: 100%; object-fit: cover;}
		.btn, .btn+*{ margin-top: 0}
	}
	.concept .inner{ padding-bottom: 0px;
		h3 {font-size: 3rem; font-weight: 700; text-align: center;}
		p {color: var(--gray-800-color); font-size: 1.125rem; font-weight: 400; }
		&>*+*{ margin-top: 20px}
	}
	.program {
		.inner {display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; gap: 40px;}
		dl {position: relative; text-align: left; width: calc(33.33% - 27px); border: 1px solid var(--gray-300-color);display: flex; flex-direction: column; padding-bottom:100px }
		dl dt {font-size: 1.75rem; font-weight: 700; word-break: keep-all; padding: 32px 40px 12px; order: 2}
		dl dd {color: var(--gray-800-color); font-size: 1.125rem; font-weight: 400; order: 3}
		dl dd.img {width: 100%;  margin: 0; padding: 0; overflow: hidden; order: 1; position: relative;
			img{width: 100%; height:100%;aspect-ratio: 3 / 2;object-fit: cover;object-position: center;}
		}
		dl dd.txt {padding: 0 40px;}
		dl dd.btn {padding: 24px 40px 28px; position: absolute; left: 0; bottom: 0; width: 100%; }
		dl dd.btn a {color: var(--white-color); background: var(--gray-900-color); display: inline-flex; height: 50px; width: 100%;  text-align: center; vertical-align: middle; font-size: 1.125rem; font-weight: 700; align-items: center; justify-content: center}
		.swiper-container {height: 100%;}
		.swiper-slide img {height: 100%; object-fit: cover;}
		.swiper-pagination {position: absolute !important; width: 100%; text-align: center !important; bottom: 20px !important; z-index: 10;}
		.swiper-pagination-bullet {background: none; border: 1px solid var(--white-color); opacity: 1;}
		.swiper-pagination-bullet-active {background: var(--main-color); border-color: var(--main-color);}
		.swiper-container:focus, .swiper-container *:focus{ outline: none !important; background: var(--black-color) !important}
		.swiper-slide:focus img{ border: 2px dashed var(--main-color);}
		dd.img p.cmt {margin: 0; background: rgba(0,0,0,0.5); color: rgba(255,255,255,0.7); position: absolute; right: 20px; top: 24px; z-index: 3; padding: 0 6px; font-size: 0.875rem;}
		.noImg {aspect-ratio: 3 / 2;}
	}
	.table_box {
		.rowtable {border: 1px solid var(--gray-300-color);}
		colgroup > col + col {width: auto;}
		thead th, tbody th, tbody td {border-right: 1px solid var(--gray-300-color);}
		thead th:last-of-type {border-right: 0;}
		tbody td {text-align: left; line-height: 24px; padding: 16px 12px; color: var(--gray-900-color);}
		tbody th {border-bottom: 1px solid var(--gray-300-color); background: var(--gray-50-color);}
		tr a {font-size: 1rem; vertical-align: top;}
		.inner p.guide {margin: 0; padding: 0; margin-top: 12px; color: var(--gray-600-color); font-size: 14px; text-align: right;}
		h3+*{ margin-top: 20px}
		h3.h2-title+*{ margin-top: 0px}
	}
	.contact {
		h3 {padding-bottom: 20px;}
		dl {border: 1px solid var(--gray-300-color); border-width:1px 1px 0;}
		dl:last-child {border-width:1px;}
		dl dt, dl dd {display: inline-block; padding: 12px 16px;}
		dl dt {font-weight: 700; width: 200px; text-align: center; background: var(--gray-50-color); border-right: 1px solid var(--gray-300-color);}
		dl dd {font-weight: 400; width: calc(100% - 204px); text-align: left; color: var(--gray-900-color);}
	}
}
.spo-d {
	.viewheader {padding-bottom: 60px;}
	.viewheader .h3-title, .detail_profile.se2_outputarea .h3-title {font-size: 1.5rem; font-weight: 600; padding-bottom:12px;}
	.h3-title span.cate {border: 1px solid #db5d13; border-width: 1px 0; font-size: unset; padding: 8px 4px; margin-bottom: 0; color: #db5d13;}
	.viewheader p {font-size: 1.125rem; padding: 12px 0 0;}
	.view_box .view {padding: 60px 0;}
	.view_box dd.tit {font-size: 1.125rem; margin-bottom: 8px !important;}
	.view_box dd.tit:last-child {margin-bottom: 0 !important;}
	.view_box dl {margin-bottom: 40px !important;}
	.view_box dl:last-child {margin-bottom: 0 !important;}
	.view_box br {display: none}
}

@media only screen and (max-width: 1023px){
	.eduview_wrap {
		.program {
			.inner { gap:40px 20px }
			dl{width: calc(33.33% - 14px); padding-bottom: 80px;}
			dl dt{ font-size: 1.3rem; padding-left: 20px; padding-right: 20px}
			dl dd.txt{ font-size: 1rem; padding-left: 20px; padding-right: 20px}
			dl dd.btn {padding: 12px 20px 20px;}
			dl dd.btn a{height: 46px;}
		}
		.concept .inner h3+.txt{margin-top: 0 !important}
		.contact {
			dl{ display: flex}
			dl dt{ width: auto; min-width: 90px}
			dl dd{ width: 100%}
		}

	}
	.oldhistory.card_box {
		.h3-title {font-size: 1.25rem;}
		span.date {font-size: 1rem; padding-bottom: 8px;}
		h4 {font-size: 1rem;}
	}

	.spo-d {
		.viewheader {padding-bottom: 28px;}
		.viewheader .h3-title, .detail_profile.se2_outputarea .h3-title {font-size: 1.25rem;}
		.h3-title span.cate {border: 1px solid #db5d13; border-width: 1px 0; font-size: unset; padding: 6px 4px; margin-bottom: 0; color: #db5d13;}
		.viewheader p {font-size: 1rem; padding: 12px 0 0;}
		.view_box .view {padding: 20px 0 !important;}
		.view_box dd.tit {font-size: 1rem; margin-bottom: 6px !important;}
		.view_box dl.now {padding-bottom: 32px !important;}
		.view_box dl {margin-bottom: 32px !important;}
		.view_box dl:last-child {margin-bottom: 0 !important;}
	}
	.edu.master {
		.program_in ul li::before {top: 10px; width: 3px; height: 3px;}
		.program_in ul li {padding-left: 8px;}
	}
	.schedule.pkg_int + * {margin-top: 40px;}
}

@media only screen and (max-width: 767px){
	.eduview_wrap {
		.program {
			dl{width: 100%}
		}
	}
	.spo-d {
		.view_box dl dt, .view_box dl dd {text-align: left !important;}
		.view_box dl dt.date {width: 100% !important; padding-bottom: 12px;}
		.view_box dl dd {width: 100% !important;}
		.view_box dl.now {padding-bottom: 20px !important;}
		.view_box dl {margin-bottom: 20px !important;}
		.view_box dl:last-child {margin-bottom: 0 !important;}
	}
}



/* 시향소식 */
.man_list .list .img {max-height: auto; height: auto; min-height: auto; background: none;}
.man_list .list .img img {aspect-ratio: 3 / 4; height: 100%; object-fit: cover; object-position: center;}
.news span.bul {background: var(--gray-900-color); color: var(--white-color); white-space: nowrap; vertical-align: middle; font-size: 1rem; font-weight: 700; min-width: 62px; border-radius: 2px; padding: 7px 10px; line-height: 20px; display: inline-block;}
.news span.yet {background: var(--white-color); border: 1px solid var(--gray-300-color); color: var(--gray-600-color);}
.news .filter {background: none; margin: 0;
	.inner {width: 100%;}
	.inner dl {display: flex;}
	.inner dt {font-size: 1.25rem; font-weight: 600; line-height: 34px; padding-right: 20px; flex: none; white-space: nowrap;;}
	.inner dd {display: flex; flex-wrap: wrap; gap: 8px;}
	.inner dd *.on {box-shadow: 0 0 0 1px var(--black-color) inset !important;}
	.inner dd button {padding: 0 20px; box-shadow: 0 0 0 1px var(--gray-300-color) inset; border-radius: 100px; align-content: center; height: 32px; font-size: 1.125rem;

		&:hover,&:focus,&.on,&.active {background: var(--gray-900-color); color: #fff; box-shadow: 0 0 0 1px var(--gray-900-color) inset;}
	}
	.inner dd .all.on~.on{background-color: #fff;box-shadow: 0 0 0 1px var(--gray-600-color) inset !important; color: #000;}
}
.news .common_wraput_wrap .card_box .default_info {
	.txtbtn {margin-top: 12px;}
	.txtbtn:after {content: ''; width: 20px; height: 20px; background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 2.66666L11.3333 7.99999L6 13.3333' stroke='%23111111'/%3E%3C/svg%3E%0A") no-repeat 50% 50%; display: inline-block; margin-left: 4px; vertical-align: text-bottom;}
}
.news .common_wrap.int_wrap .card_box + .card_box {margin-top: 60px;}
.ut_wrap.w100 .filter dl dt {font-size: 1.2rem; font-weight: 600; padding-right: 20px; line-height: 40px;}
.recruit .detail .count {display: flex; align-items: center; justify-content: center; gap: 6px;}
.recruit .detail .count span {margin-left: 6px;}
.recruit .file_link ul.recruit li.cate:before {background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='4.66667' r='2' stroke='black'/%3E%3Cpath d='M2.66675 12C2.66675 10.5272 3.86066 9.33333 5.33341 9.33333H10.6667C12.1395 9.33333 13.3334 10.5272 13.3334 12V13.3333H2.66675V12Z' stroke='black'/%3E%3C/svg%3E%0A") no-repeat 50% 50%; background-size: 20px; width: 20px; height: 20px; vertical-align: sub; margin-right: 6px;}
.recruit .file_link ul.recruit li.date:before {background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3334 4.66667H2.66675V13.3333H13.3334V4.66667Z' stroke='black'/%3E%3Cpath d='M13.3334 4.66667H2.66675V8H13.3334V4.66667Z' stroke='black'/%3E%3Cpath d='M4.66675 2.66667V4.66667' stroke='black'/%3E%3Cpath d='M11.3333 2.66667V4.66667' stroke='black'/%3E%3C/svg%3E%0A") no-repeat 50% 50%; background-size: 20px; width: 20px; height: 20px; vertical-align: sub; margin-right: 6px;}
.recruit .file_link ul.recruit li em {font-weight: 700; color: var(--black-color);}
.recruit .btn_box .key {background: var(--main-color); color: var(--black-color); margin-right: 12px;}

/*음반 리스트*/
.cardlist.rcode_list {
	.list .img {min-height: 210px; height: auto;}
	.list .img img {width: 100%;}
	.img .point {position: absolute; z-index: 2; left: 0; top: 0; display: block; text-align: center; width: 47px; box-sizing: border-box;}
	.img .point strong {color: var(--white-color); position: absolute; left: 5px; top: 0; z-index: 3; display: block; padding: 20px 6px; text-align: center; width: 100%; font-weight: 400; overflow: hidden; word-break: break-all; font-size: 0.812rem; line-height: 1.2;}
	.img .point.plat strong {color: var(--gray-800-color);}
	.img .point svg {position: absolute; left: 5px; top: 0; z-index: 2;}
	.img .point.plat svg path {fill: #ddd;}
	.img .point.gold svg path {fill: #b8914d;}
	.list .txt {padding-top: 12px;}
	.list .txt h4, .list .txt h3 {text-align: left; font-size: 1.125rem; padding-top: 0;}
}

/*잡지 리스트*/
.cardlist.book_list {
	.list .img {min-height: inherit; height: auto;}
	.list .img img {max-width: 100%;}
	.list .txt {padding-top: 12px;}
	.list .txt h4, .list .txt h3 {text-align: left; font-size: 1.125rem; padding-bottom: 0;}
	.list:hover .img:after{ border-color:#db5d13;}
}

.orche {
	.eduview_wrap.w100.common_wrap {
		.sch_box.schFixed {
			position: fixed;
			top:80px;
			background: #fff;
			margin: 0 auto;
			z-index: 2;
			width: 100%;
		}
		.man_box .mans.man_new_list {
			.cardlist .list a:focus .more{ line-height:50px;top:-50px; height:auto; text-decoration:underline; opacity:1}
			.cardlist .list a:focus .more:after{left: 0;width:100%;height: 100%; background:rgba(240, 148, 29,.05); z-index:1; position:absolute; content:""; top:0; box-sizing:border-box; border:1px solid rgba(240, 148, 29,0.25)}
			.cardlist .list a:focus .more:before{font-family: 'spo'; speak: none;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content:"\e6c7"; padding-right:5px}
			.cardlist .list a:focus .img:after{ border-color:rgb(240, 148, 29);}
		}
	}
}

/* 프로필 */
.profile {padding-top: 0;
	h3 {text-align: center; padding-bottom: 20px;}
	h3 span {display: block; color: var(--gray-900-color); font-size: 2.875rem; font-weight: 700;}
	h3 span[lang="ko"] {font-size: 2.2rem;}
	h3 span[lang="en"] {font-weight: 400; font-size: 1.125rem;}
	h3 span.cate {color: #db5d13; font-weight: 600; display: inline-block; border: 1px solid #db5d13; border-width: 1px 0; font-size: 1.3rem;}
	h3 span.num {font-size: 1.2rem; font-weight: 400;}
	h3 span.duty {font-size: 1.2rem; font-weight: 400; color: var(--gray-800-color); margin-top: 8px;}
	h3 + p {font-size: 1.35rem; font-weight: 400; color: var(--gray-800-color);}
	.inner {position: relative; width: 100%; padding: 0; margin: 0 auto;}
	.img {margin: 0 50px 30px 0; max-width: 50%;}
	.img.noImg {max-width: 30%;}
	.inner.se2_outputarea .img {max-width: 40%;}
	.img img {width: 100%;}
	.inner {margin-top: 40px;}
	.inner p, .inner.se2_outputarea .img + div {text-align: left; padding: 0; font-size: 1.05rem; font-weight: 400; color: var(--gray-600-color); margin-bottom: 20px; word-break: keep-all;}
	p.name span[lang="en"] {font-weight: 400; font-size: 1.5rem; color: var(--gray-800-color);}
}

/* 프로필-상세 */
.profile.p-detail {
	.viewheader {padding-bottom: 0;}
	.viewheader .h3-title, .detail_profile.se2_outputarea .h3-title {font-size: 1.5rem; font-weight: 600; padding-bottom:12px;}
	.h3-title span.cate {border: 1px solid #db5d13; border-width: 1px 0; font-size: unset; padding: 8px 4px; margin-bottom: 0; color: #db5d13;}
	.viewheader .h1-title {font-size: 3rem; font-weight: 700; color: var(--black-color);}
	.viewheader .h1-title.name + .h4-title.num {padding-top: 6px;}
	.h1-title span[lang="en"] {font-size: 1.5rem; display: block;}
	.viewheader .h4-title {font-size: 1.25rem; font-weight: 500; color: var(--gray-900-color)}
	.inner:not(.old_w) p, .inner:not(.old_w) span, .se2_outputarea div:has(span), .se2_outputarea span {font-size: 1.125rem !important; color: var(--gray-900-color) !important; font-family: unset !important; text-align: left;}
	.se2_outputarea span {display: block; word-break: break-all;}
	.inner div.cardlist.man_list {padding-top: 40px;}
	.inner div.cardlist.man_list .txt {font-size: 1.125rem;}
}

.profile_d, .profile.p-detail {position: relative; padding-bottom: 20px;
	.inner,.old_w{display: flex; align-items: flex-start; margin: 0 auto; gap: 80px;}
	.profile-left,.old_w .viewheader, .old_w > .img{position: sticky; top: 120px; width: 32%; min-width: 420px; flex-shrink: 0; z-index: 1; margin: 0 0 2.5rem 0; max-width: none; text-align: left;}
	.profile-left .img img[alt="음악감독, 얍 판 츠베덴(사진)"], .profile-left .img img[alt="Music Director, Jaap van Zweden"] {object-position: 80% 50%;}
	.profile-left .img img[alt="바이올린,아우구스틴 하델리히(사진)"], .profile-left .img img[alt="Augustin Hadelic"] {object-position: 90% 50%;}/*추후 요청온것들은 규격에 맞게 수정*/
	.profile-left .img img, .old_w .viewheader .img img {width: 100%; height: 560px; display: block; object-fit:cover;}
	.old_w .viewheader .img{ width: 100%; max-width: none; margin: 0;} 
	.old_w .viewheader .img img{ height: auto;} 
	.profile-left .title {text-align: left;}
	.profile-left .title .role, .viewheader .h3-title span.cate{color: #b34516; font-weight: 600; display: inline-block; border: 1px solid #db5d13; font-size: 1.3rem; border-radius: 50px; padding: 4px 16px; line-height: 1.447; margin-bottom: 0px;}
	.profile-left .title .ko, .viewheader .h1-title.name {font-size: 2.5rem; margin: 10px 0 0px; line-height: 1.2; }
	.profile-left .title span[lang="en"], .viewheader .h1-title span[lang="en"] {font-size: 2rem; font-weight: 400; display: block;}
	.profile-left .title .period, .viewheader .h1-title.name + .h4-title.num {font-size: 1.125rem; font-weight: 400; color: var(--gray-800-color); padding: 4px 0 20px;}
	.profile-right .scroll-box p, .old_bx p {font-size: 1.125rem !important; line-height: 1.6; margin-bottom: 20px; text-align: left; font-weight: 400; color: #000; word-break: keep-all; border-bottom: 1px solid #E0E0E0; padding-bottom: 20px;}
	.profile-right .scroll-box p:last-child, .old_bx p:last-child {border-bottom: none;}
	.viewheader+.old_w{ margin-top: 60px;} 
	.old_w p.nickname{ font-weight:600; font-size: 1.25rem !important;} 
	* + .detail_profile{ margin-top: 30px;} 
	.detail_profile.se2_outputarea span{ font-size: 1rem !important;}
	.old_w.se2_outputarea span{ display: inline;} 


	@media only screen and (max-width:1023px) {
		.inner,.old_w {flex-direction: column; gap: 40px;}
		.profile-left,.old_w .viewheader, .old_w > .img{width: 100%; position: relative; min-width: auto; top: 0; text-align: center;}
		.profile-left .img img, .old_w .viewheader .img img{height: 400px;}
		.profile-left .title .role, .viewheader .h3-title span.cate {font-size: 1.125rem;}
		.profile-left .title .ko, .viewheader .h1-title.name {font-size: 2rem; padding-bottom: 0;}
		.profile-left .title .en {font-size: 1.75rem;}
		.profile-left .title .period, .viewheader .h1-title.name + .h4-title.num  {font-size: 1rem;}
		.profile-right .scroll-box p, .old_bx p  {font-size: 1rem; margin-bottom: 12px; padding-bottom: 12px;}
		.profile-right .scroll-box p:last-child, .old_bx p:last-child {margin-bottom: 0; padding-bottom: 0;}
		.viewheader+.old_w{ margin-top: 30px;}
	}
	@media only screen and (max-width:767px) {
		.inner,.old_w {gap: 20px;}
		.profile-left .img img, .old_w .viewheader .img img {height: 100%;}
		.profile-left .title .role, .viewheader .h3-title span.cate {font-size: 1rem;}
		.profile-left .title .ko, .viewheader .h1-title.name {font-size: 1.5rem; margin: 6px 0 0;}
		.profile-left .title .en {font-size: 1.25rem;}
		.profile-left .title .period, .viewheader .h1-title.name + .h4-title.num  {font-size: 0.875rem; }
	}


}
/*후원소개*/
.sponsorint_wrap {max-width: 100%;
	.inner {padding-bottom: 60px;}
	.inner h3 {font-size: 3rem; font-weight: 700; margin-bottom: 20px; text-align: center;}
	.inner h3 > strong {font-weight: 800;}
	.inner p {font-size: 1.125rem; font-weight: 400; white-space: pre-line; color: var(--gray-800-color); text-align: center;}

	.joinway {position: relative; z-index: 1; padding: 100px 0;
		.inner {padding-bottom: 0px; display: flex; flex-wrap: wrap; gap:20px }
		h3 {font-size: 2.25rem; text-align: left; font-weight: 700; margin: 0; padding-bottom: 28px; width: 100%}

		.way {width: calc(33.3% - 13px); background: var(--white-color); text-align: left; vertical-align: top; border: 1px solid var(--gray-300-color); padding: 40px; border-radius: 4px;}
		.way h4 {font-size: 1.5rem; font-weight: 700; padding-bottom: 20px; margin: 0;}
		.way p {font-size: 1rem; font-weight: 400; color: var(--gray-800-color); margin: 0; text-align: left; line-height: 32px; white-space: normal}
		.way p > strong {font-weight: 400; line-height: 32px;}
		.way p > strong > a {text-decoration: underline;}
		.way .btn {margin-top: 32px;}
		.way .btn button {padding: 0 32px; border: 1px solid var(--gray-300-color); border-radius: 2px; line-height: 50px; font-weight: 700; font-size: 1.125rem; color: var(--gray-800-color);}
	}
	.joinway::before {content: ''; display: block; width: 100vw; height: 100%; left: 50%; top: 0; background: var(--gray-50-color); z-index: -1; position: absolute; transform: translate(-50%,0)}

	article+article {margin-top: 80px;}
	article .inner {padding-bottom: 0;}
	article .inner h3 {font-size: 2.25rem; font-weight: 700; text-align: center;}
	article .inner .img {margin-top: 40px; overflow: hidden; height: 212px;}
	article .inner .img img {width: 100%; height: 100%; object-fit: cover;}
	article .inner > ul li {padding-top: 40px;}
	.use {
		h4 {color: var(--gray-900-color); font-size: 1.312rem; font-weight: 700;}
		.l_txt {font-size: 1rem; font-weight: 400; color: var(--gray-800-color); text-align: left; margin-block-start: 20px; margin-block-end: 12px;}
		.sb_txt {margin: 6px 0; display: flex; align-items: center; gap: 6px; text-align: left; color: var(--gray-700-color);}
		.sb_txt::before {content: ''; width: 3px; height: 3px; background: var(--gray-700-color); border-radius: 100%;}
		.img_wrap {display: flex; justify-content: space-between; gap: 20px; text-align: center; margin-top: 12px;}
		.img_wrap > div {width: 100%; height: auto; margin-top: 0;}
		.img_wrap > div img {width: 100%; height: auto;}
		.img_wrap > div p {margin-bottom: 0; margin-top: 4px; font-size: 0.875rem; color: var(--gray-600-color);}
		.inner > p.guide.key {color: #9E6328; font-size: 1.75rem; font-weight: 300; line-height: 1.2; margin-top: 40px; white-space: normal;}
		.inner > p.guide.key::before, .inner > p.guide.key:after {content: "❝"; font-size: 2.25rem; padding: 0 5px;}
		.inner > p.guide.key:after {content: "❞";}
	}
	.benefit {
		h3 + p {margin-bottom: 40px; white-space: nowrap;}
		ul {display: flex; flex-wrap: wrap; gap: 40px; justify-content: space-between;}
		li {word-break: keep-all; border: 1px solid var(--gray-300-color); color: var(--gray-600-color); padding: 40px; width: calc(33.33% - 27px); margin: 0; background: var(--white-color);}
		li .img {margin-bottom: 12px; height: auto; text-align: center; margin-top: 0;}
		li img {width: 80px !important; max-width: 100%;}
		li h4 {font-size: 1.312rem; color: var(--gray-800-color); font-weight: 700; padding-bottom: 20px; text-align: center;}
		li p {margin: 0; font-size: 1.125rem;}
	}
	.detail {
		.over_f table, table thead th, table tbody td, table tbody th {border: 1px solid var(--gray-300-color);}
		table thead th {padding: 12px 16px; border-bottom: 0;}
		table thead th strong {font-size: 1.125rem; width: 32px; height: 32px; border: 1px solid var(--gray-300-color); border-radius: 100%; display: flex; align-items: center; justify-content: center; margin: 0px auto 6px auto; color: var(--balck-color);}
		table thead th strong.l1 {background: #85a65f;}
		table thead th strong.l2 {background: #bab4b4;}
		table thead th strong.l3 {background: #e4c515;}
		table thead th strong.l4 {background: #8f4bc4; color: var(--white-color);}
		table thead th strong.l5 {background: #e13a80;}
		table thead th > div {display:flex; flex-direction: column; text-align: left; align-items: center;}
		table tbody th {background:  var(--gray-50-color);}
		table tbody td {text-align: center; color: var(--gray-800-color); vertical-align: top;}
		table tbody tr.rule td {font-weight: 700;}
		table tbody tr.rule td strong {display:block; margin: 0 auto 4px auto; font-size: 1rem; font-weight: 700; background: var(--white-color); border: 1px solid var(--gray-300-color); width: 80px; color: var(--gray-800-color); border-radius: 2px; text-align: center; padding: 2px 0;}
		td ul {display: flex; flex-wrap: wrap; gap: 40px;}
		td ul li {padding-top: revert; padding-left: 12px; width: 160px; display: flex; flex-direction: column; align-items: center; word-break: break-all; position: relative;}
		/*td ul li::before {content: ''; width: 2px; height: 2px; background: var(--black-color); position: absolute; left: 0; top: 10;}*/
		td ul li strong {width: 100%; height: 64px; border: 1px solid var(--gray-300-color); display: flex; justify-content: center; align-items: center; margin-bottom: 12px; border-radius: 2px; position: relative; overflow: hidden; font-size: 1rem;}
		td li strong::before, td li strong::after {width: 12px; height: 80px; content: ''; display: block; transform: rotate(45deg) translate(-20px, -20px); background: #7784ae; position: absolute; left: 0; top: 0;}
		td li strong:after {left: auto; right: 0; bottom: 0; transform: rotate(45deg) translate(10px, 10px);}
		tr.view td strong, tr.invite td strong {color: var(--black-color); font-size: 1.2rem; font-weight: 800;}
		tr.add td li {width: 100%;}
		tr.add td li strong {margin: 0 auto 4px auto; max-width: 160px;}
		tr.add td {position: relative;}
		tr td:nth-of-type(3) strong::before, tr td:nth-of-type(3) strong::after {background: #e4c515 !important}
		tr td:nth-of-type(4) strong::before, tr td:nth-of-type(4) strong::after {background: #8f4bc4 !important}
		tr td:nth-of-type(5) strong::before,tr td:nth-of-type(5) strong::after {background: #e13a80 !important}
		tr td:nth-of-type(4) ul::before, tr td:nth-of-type(5) ul::before {content: "+"; width: 30px; height: 30px; position: absolute; left: 8%; top: 50%; background: var(--gray-600-color); transform: translate(-35px, -40px); border-radius: 100%; color: var(--white-color); font-size: 22px; display: flex; justify-content: center;}
	}
	.spon_member_wrap {
		.btn_box {margin: 0; display: flex; justify-content: space-between; align-items: center;}
		.btn_box .update {margin: 0; padding: 0; text-align: left; font-size: 1rem; color: var(--gray-600-color); font-weight: 400;}
		.btn_box .update strong {color: var(--gray-900-color); font-weight: 700;}
		h4.title1 + .block {padding-top: 0;}
		.block {padding-top: 40px;}
		.block h4 {font-size: 1.5rem; color: var(--balck-color); text-align: left; padding-bottom: 12px;}
		.block ul {border-top: 1px solid var(--gray-300-color); padding-top: 20px; display: flex; gap: 20px 40px; flex-wrap: wrap; padding: 12px 0;}
		.block ul + ul {border-top: 0; padding-top: 0;}
		.block ul li {width: 10%; height: auto; border: none; box-shadow: none; margin: 0; line-height: 1; display: flex; align-items: center; min-width: 60px; text-align: center; justify-content: center; padding: 14px 0;}
		.block ul li img {max-width: 100%; vertical-align: middle;}
		h4.title1 {margin-top: 60px; font-size: 2rem; font-weight: 700; color: #d8611a; margin-bottom: 20px; text-align: center;}
	}
}

/*협찬사*/
.spon_company_wrap {
	.h2-title {font-size: 2rem; font-weight: 600; color: #000; padding-bottom: 24px !important; margin-bottom: 0 !important; text-align: left;}
	.h3-title {font-size: 1.5rem; font-weight: 500; color: var(--gray-900-color); padding-bottom: 12px; margin-bottom: 0;}
	.block:nth-of-type(1) {padding-bottom: 60px;}
	.block h4 {font-size: 3rem; color: var(--gray-900-color); font-weight: 600; padding-bottom: 12px;}
	.block h4 strong {font-weight: 700; color: var(--black-color);}
	.block ul {position: relative;}
	.block ul li {font-size: 0; height: 120px; line-height: 120px; position: relative; border-radius: 4px; box-shadow: 0px 2px 12px 0px rgba(0,13,57,0.1); background-color: var(--white-color); transition: .2s; top: 0; display: inline-block; white-space: nowrap; border: 1px solid var(--gray-300-color); width: 250px; text-align: center; margin: 0 30px 30px 0;}
	.block ul li a {display: block; line-height: 120px;}
	.block li img {vertical-align: middle; height: 36px !important;}
	.block ul li a::before {background: rgba(0,0,0,0.7); content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; opacity: 0; transition: .2s; border-radius: 4px;}
	.block ul li a::after {position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; border-radius: 100%; z-index: 2; margin: -30px 0 0 -30px; font-family: 'spo'; speak: none;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align:center; content: ""; color: rgba(255,255,255,0.8); opacity:0; transition: .2s; background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='23' stroke='black' stroke-width='2'/%3E%3Cpath d='M30 23H21V39H37V30M29.5 30.5L39 21M39 21H33M39 21V27' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat 50% 50%; filter: brightness(0) invert(1);}
	.block ul li:hover a::before, .block ul li:hover a::after {opacity: 1;}
	.block:nth-of-type(2) {border: 1px solid var(--gray-300-color); border-width: 1px 0; float: left; margin-bottom: 60px;}
	.block:nth-of-type(2) .inner {margin: 20px 0; float: left;}
	.block dl {overflow: hidden; float: left; width: 50%; vertical-align: top; margin: 0 0 20px 0;}
	.block dl dt {float: left; font-size: 1.2rem; width: 250px; position: relative; padding-left: 14px;}
	.block dl dt:before {content: ''; width: 4px; height: 4px; background: var(--black-color); position: absolute; left: 0; top: 12px;}
	.block dl dd {float: right; text-align: left; width: calc(100% - 250px); color: var(--gray-800-color); margin-bottom: 12px; font-size: 1.125rem;}
	.block dl dd span.date {font-weight: 600; color: var(--gray-900-color); position: relative; padding-right: 20px;}
	.block dl dd span.date:after {content: ''; position: absolute; right: 8px; top: 3px; width: 1px; height: 15px; background: var(--gray-600-color);}
	.contact {padding-top: 60px;}
	.contact h3 {font-size: 2rem; font-weight: 600; margin: 0; padding-bottom: 20px; text-align: center;}
	.contact ul {border: 2px solid var(--black-color); padding: 20px 0;}
	.contact li {text-align: center; color: var(--gray-800-color); font-size: 1.125rem;}
}
.sponsor {
	.viewheader p {padding: 12px 0 20px;}
	.view_box .block {width: 80%; margin: 0 auto; white-space: normal;}
	.view_box .view {border-color: var(--black-color); padding: 80px 0;}
	.view_box dl {overflow: hidden; margin-bottom: 20px; font-size: 1rem; clear: both;}
	.view_box dl.now {font-size: 1.2rem; border-bottom: 1px solid var(--gray-300-color); padding-bottom: 40px; margin-bottom: 32px;}
	.view_box dt.date {font-size: 2rem; line-height: 1; font-weight: 700; float: left; width: 45%; text-align: center; height: 100%;}
	.view_box dl.now dt.date {font-size: 3rem; line-height: 1; font-weight: 700;}
	.view_box dt.date i {font-style: normal; font-size: 2rem;}
	.view_box dd.tit {float: right; width: 50%; margin-bottom: 15px; position: relative; padding-left: 15px; box-sizing: border-box; overflow: hidden; clear: right;}
	.view_box dd.tit:before{content:""; width:4px; height:4px; background:#000; position:absolute; left:0; top:12px}
}

/*기관(재단)소개::연혁*/
.history_wrap {
	.innertab .tab button {font-size: 1.1rem;}
	.tab_content h3 {font-size: 4rem; color: var(--gray-900-color); float: left; width: 50%; padding-right: 90px; margin: 0;}
	.tab_content.on * {opacity: 1;}
	.tab_content.on h3:after {opacity: 1;}
	.tab_content h3:after {display: block; background: url(../image/history1969_1940.jpg) no-repeat center center; width: 100%; height: 360px; background-size: cover; content: ""; margin-top: 30px; opacity: 0; transition: .3s;}
	.tab_content.hstry02 h3:after{ background-image:url(../image/history1999_1970.jpg)}
	.tab_content.hstry03 h3:after{ background-image:url(../image/history2004_2000.jpg)}
	.tab_content.hstry04 h3:after{ background-image:url(../image/history2008_2005.jpg)}
	.tab_content.hstry05 h3:after{ background-image:url(../image/history2012_2009.jpg)}
	.tab_content.hstry06 h3:after{ background-image:url(../image/history2014_2013.jpg)}
	.tab_content.hstry07 h3:after{ background-image:url(../image/history2017_2015.jpg)}
	.tab_content.hstry08 h3:after{ background-image:url(../image/history2019_2018.jpg)}
	.tab_content.hstry09 h3:after{ background-image:url(../image/history2024.jpg)}
	.tab_content ul {float: right; width: 50%;}
	.tab_content ul li {margin-bottom: 24px; font-size: 1.06rem; position: relative; padding-left: 90px;}
	.tab_content h3 span {font-size: 1.2rem; line-height: 1.5; font-weight: 400; color: var(--gray-700-color); display: block; padding-top: 30px;}
	.tab_content h3 span strong {display: block;}
	li span.date {font-weight: 600; color: #db5d13; padding-right: 20px; position: absolute; left: 0; top: 0; min-width: 85px;}
	li span.date:after {content: ''; position: absolute; right: 8px; top: 5px; width: 1px; height: 15px; background: var(--gray-300-color);}

}

/* 재단소개 */
.vision_wrap {padding: 50px 0;
	h3.title {
		font-size: 2.875rem;
		margin: 0 auto 20px auto;
		max-width: 1200px;
		padding: 0 30px;
		text-align: center;
	}
	.btn_box {padding: 20px 0 60px;}
	article {text-align: center;}
	h4 {font-size: 2rem; font-weight: 600; margin:0; padding-bottom: 10px; text-align: center; color: var(--gray-900-color);}
	.concept {margin: 0 auto;}
	.concept .img {margin-bottom: 60px;}
	.concept p.key {margin-bottom: 20px; color: var(--gray-900-color); font-size: 1.25rem; font-weight: 500; text-align: center;}
	.concept p {padding: 0 30px; color: var(--gray-700-color); margin: 0 auto 60px; text-align: left; word-break: keep-all; font-size: 1.25rem; line-height: 1.8;}
	.concept .img img {width: 100%;}
	.concept h4 {text-align: center; margin: 0 0 40px 0; position: relative;}
	.concept h4 span.ico {transform: scale(1.2); display: block; text-align: center; background: none; width: auto; height: auto; line-height: 1.5; margin: 0;}
	.concept h4 span.ico::before {display: none;}
	.concept h4 path {fill:var(--black-color)}
	.concept h4 path.l2 {fill: #db5d13;}
	.ci_wrap {text-align: center; padding: 0 30px !important;}
	.ci_wrap h3 {font-size: 2.875rem; margin: 0 ;padding-bottom: 30px; text-align: center; color: var(--gray-900-color);}
	.ci_wrap h4 {font-size: 1.125rem; padding-bottom: 12px; text-align: center; font-weight: 600; margin: 0; color: var(--gray-900-color);}
	.ci_wrap .img + h4 {padding-top: 40px;}
	.ci_wrap .block p {color: var(--gray-700-color); padding-bottom: 32px; margin-top: 0; text-align: center;}
	.ci_wrap .block + .block {border-top: 1px solid var(--gray-300-color); padding-top: 40px; margin-top: 60px;}
	.ci_wrap .img {text-align: center; margin-top: 4px;}
	.ci_wrap .block ul {text-align: center; margin-bottom: 20px;}
	.ci_wrap .block li {display: inline-block;}
	article.build {margin-bottom: 40px;}
	article.build h4, article.goal h4, article.work h4, article.goalwork h4 {font-size: 2rem; font-weight: 600;}
	article.mission, article.vision {width: 50%; float: left; overflow: hidden; padding: 0 50px; margin-bottom: 20px;}
	article.mission h4, article.vision h4 {position: relative; padding-bottom: 50px; font-size: 2rem; font-weight: 600;}
	article.mission h4::before, article.vision h4::before {position: absolute; left: 50%; top: 40px; content: ""; width: 1px; height: 40px; background: var(--gray-600-color);}
	article.mission h4::after, article.vision h4::after {position: absolute; left: 50%; top: 80px; content: ""; width: 8px; height: 8px; border: 4px solid #db5d13; border-radius: 100%; display: block; margin-left: -7px; box-sizing: initial;}
	article.mission p, article.vision p {padding: 24px 0;}
	article.direct, article.goal, article.work, article.goalwork {clear: both; float: none; margin-top: 0; background: #f8f8f8; padding: 40px 70px; margin-bottom: 30px; position: relative;}
	article.direct {position: relative;}
	article.direct::before {content: ""; display: block; width :100vw; height: 100%; position: absolute; left: 50%; top: 0; filter: blur(2px);  -webkit-filter: blur(2px); background: url(../image/org_img02.jpg) no-repeat center 100%; background-size: cover; z-index: 1; opacity: 0.8; transform: translate(-50%,0);}
	article.direct h4, article.direct ul {position: relative; z-index: 2;}
	article.direct li, article.goal li, article.work li, article.goalwork li {background: var(--white-color); float: left; width: 30%; padding: 30px 20px; color: var(--gray-600-color)}
	article.direct li + li, article.goal li + li, article.work li + li, article.goalwork li + li {margin-left: 5%;}
	article.direct li strong {font-size: 1.32rem; font-weight: 700; display: block; padding-bottom: 10px; color: var(--white-color);}
	article.direct h4 {color: var(--white-color);}
	article.goal {background: var(--white-color); border: 1px solid #06061f; position: relative; z-index: 2;}
	article.goal li {background: #f8f8f8; position: relative;}
	article.direct::after, article.goal::after {content: ""; display: block; clear: both; float: none;}
	article.direct ul {max-width: 1000px; margin: 0 auto; padding: 0 30px;}
	article.direct li {background: #db5d13; color: var(--white-color); box-shadow: 0px 20px 30px 0px rgba(0,13,56,0.2); border-radius: 4px;}
	article.goal li::before, article.work li::before {position: absolute; left: 50%; bottom: -8px; content: ""; width: 8px; height: 8px; border: 4px solid #db5d13; border-radius: 100%; display: block; margin-left: -8px; box-sizing: initial;}
	article.work {height: 220px;}
	article.work li {border: 1px solid rgba(204,204,204,1); margin-bottom: 50px; position: relative;}
	article.work li::before {bottom: auto; top: -8px;}
	article.goal li::after {position: absolute; left: 50%; top: auto; bottom: -162px; content: ""; width: 1px; height: 154px; background: #ddd;}
	article.goalwork {clear: both; float: none; overflow: hidden;}
	article.goalwork li {position: relative; min-height: 200px;}
	article.goalwork li::before {font-family: 'spo'; speak: none;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;text-align:center; content:"\e829";}
	article.work p, article.goalwork p {padding: 12px 0;}
}

/* 조직현황 */
.orgz_wrap {padding: 0;
	h2.title {
		font-size: 2.875rem;
		margin: 30px auto 20px auto;
		max-width: 1200px;
		padding: 0 30px;
		text-align: center;
	}
	.block {padding: 0 30px; margin: 0 auto; margin-top: 50px;}
	.block h3 {font-size: 1.36rem; color: var(--gray-800-color); margin: 0 auto; margin-bottom: 10px;}
	.block.orgzt {max-width: none; padding:20px 0; position: relative;}
	.block.orgzt::before {content: ""; display: block; width :100vw; height: 100%; position: absolute; left: 50%; top: 0; border: 1px solid var(--gray-300-color); background: rgba(30,30,30,0.05); transform: translate(-50%,0);}
	.block.orgzt h3 {padding: 50px 30px 0 30px; margin: 0 auto; margin-bottom: -30px;}
	.block.orgzt p {padding: 0px 30px; margin: 0 auto; text-align: center;}
	.block.orgzt p img {max-width: 100%;}
	.coltable.rowtable tbody td, .org .coltable.rowtable tbody th{ text-align: center;}
	.coltable.rowtable th {width: auto;}
	.table_box p.info {font-size: 0.95rem; text-align: right; color: var(--gray-700-color); margin: 0; padding-bottom: 10px;}
	colgroup col[style] {width: auto !important;}
	colgroup col {width: 0 !important;}
	#councilList td.al, #departList td.taskCn {white-space: break-spaces;}
}

/* 윤리경영 */
.ethics_wrap.w100 {padding-top: 50px !important;}
.ethics_wrap {
	.viewheader {padding-bottom: 60px; display: flex; flex-direction: column; gap: 12px;}
	.viewheader .h1-title {padding-bottom: 0;}
	.viewheader p {font-size: 1.125rem; color: var(--gray-900-color)}
	.viewheader .btn_box.topbtn {padding-top: 28px !important;}
	.viewheader ul {margin: 20px 0 !important;}
	.h1-title {font-size: 3rem; font-weight:700; color: var(--black-color); line-height: normal; padding-bottom: 60px;}
	.h3-title {font-size: 1.5rem; color: var(--black-color); font-weight:600;}
	h3 {font-size: 2.875rem; margin: 0; padding-bottom: 30px; text-align: center; color: var(--gray-900-color);}
	.old_txt p:first-child {width: 100%; align-content: center;}
	.block.key {text-align: center; color: var(--gray-600-color); margin-bottom: 40px;}
	.block.key:has(.viewheader) {margin-bottom: 0;}
	.block ul {padding: 0 0 40px 0;}
	.block td ul {padding-bottom: 0;}
	.block.key ul {padding: 40px 50px; background: rgba(30,30,30,0.03); border: 1px solid rgba(30,30,30,0.1); text-align: left; margin: 0 0 40px; overflow: hidden; clear: both; float: none; border-radius: 8px;}
	.block ul li {padding: 2px 0 2px 20px; font-size: 1.125rem; position: relative; color: var(--gray-900-color);}
	.view_box .innertab .block ul li {color: var(--gray-900-color); padding-left: 10px;}
	.block.key ul li {padding: 5px 0 5px 12px; color: var(--black-color); font-size: 1.125rem;}
	.block ul li::before {content: ""; display: block; width: 3px; height: 3px; background: var(--gray-800-color); position: absolute; left: 10px; top: 14px;border-radius: 100%;}
	.block.key ul li::before {width: 4px; height: 4px; background: var(--black-color); top: 14px; left: 0px;}
	.view_box .innertab .block ul li::before {left: 0;}
	.block h4 {font-size: 1.5rem; color: var(--black-color);}
	.block h5 {font-size: 1.25rem !important; color: var(--gray-900-color); font-weight: 600; margin-bottom: 8px;}
	.view_box .innertab .block.example h5 {font-size: 1rem;}
	.block.key h3 i {display: block; font-size: 2rem; font-weight: 400; font-style: normal;}
	.block.key ul li strong.tit {padding-right: 25px; display: inline-block; vertical-align: middle; min-width: 165px;}
	.btn_box.fr {padding-top: 0px;}
	.btn_box a.dn:after {width: 24px; height: 24px; background-size: 24px; filter: contrast(0) brightness(0);}
	.old_txt .rowtable td {border-left: 1px solid var(--gray-300-color);}
	.old_txt .rowtable td:nth-of-type(1) {border-left: 0px;}
}

/* 인권경영 */
article.human-rights_wrap {overflow: unset;
	.block ul li {color: var(--gray-800-color); padding-left: 15px;}
	.block ul li::before {left: 0;}
	.h1-title {font-size: 3rem; font-weight:700; color: var(--black-color); line-height: normal; padding-bottom: 60px;}
	.h1-title + .viewheader {padding-bottom: 20px;}
	.viewheader p {font-size: 1.125rem; margin-block-start:0; margin-block-end:0; padding-bottom: 20px; line-height: 1.5;}
	.viewheader {padding-bottom: 0;}
	h3 {font-weight: bold;}
	h4 {margin-bottom: 10px;}
	.step ol {display: flex; justify-content: space-between; flex-wrap: wrap; overflow: hidden; margin: 20px 0; position: relative;}
	.step ol li {position: relative; padding-top: calc(12.5% - 20px);  height: 0; overflow: hidden; width: calc(12.5% - 20px); background: #1f2c5c; border-radius: 100%; color: var(--white-color) !important; font-size: 0.95rem;}
	.step ol li > strong {font-weight: 400; word-break: keep-all; width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; padding: 20px; height: 100%; display: flex; justify-content: center; align-items: center;}
	.step ol::before {content: ""; width: calc(100% - 12.5% + 13px); height: 2px; display: block; position: absolute; left: 0; top:50%; background:linear-gradient(90deg, #ddd 50%, var(--gray-600-color) 100%); border-radius: 6px;}
	.step ol li:last-of-type {margin-left: 10px;}
	.step ol::after {content: ""; width: 14px; height: 2px; border-radius: 6px; background: var(--gray-600-color); position: absolute; right: calc(12.5% - 12px); top:50%; transform: rotate(40deg); transform-origin: right 50%;}
	.block.call a.filedn {margin-left: 0; margin-right: 6px; background: none; text-decoration: underline; color: rgb(219, 93, 19); width: auto; height: auto; font-size: 1rem; overflow: unset; vertical-align: top; display: inline-flex; align-items: center;}
	.block.call a.filedn:before {content: ''; background-size: 20px !important; width: 20px; height: 20px; background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 11.1144L11.9763 18.7053C10.1516 20.4316 7.1932 20.4316 5.36851 18.7053C3.54383 16.9791 3.54383 14.1803 5.36851 12.454L13.3922 4.86313C14.6087 3.71229 16.581 3.71229 17.7974 4.86313C19.0139 6.01396 19.0139 7.87983 17.7974 9.03067L10.0883 16.3239C9.48012 16.8993 8.49399 16.8993 7.88576 16.3239C7.27753 15.7484 7.27753 14.8155 7.88576 14.2401L14.6509 7.83994' stroke='%23949494' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ") no-repeat 50% 50%}
	.pocess_bx {display: flex; flex-direction: column; gap: 40px;}
	.pocess_bx .block {display: flex; align-items: center; margin: 0; position: relative; padding: 0;}
	.pocess_bx .block > * {padding: 0; margin: 0; width: 100%; position: relative;}
	.pocess_bx .block > *:not(h4) {margin-top: 4px; font-size: 1.125rem;}
	.pocess_bx .block h4 {width: 340px; flex: none; font-size: 1.5rem;}
	.pocess_bx .block ul {display: flex; gap: 40px; justify-content: space-between;}
	.pocess_bx .block ul li:before {display: none;}
	.pocess_bx .block ul li {width: calc(33% - 25px); margin: 0; padding: 0; word-break: keep-all;}
	.pocess_bx .block > p {font-size: 1.125rem;}
	.pocess_bx .mission {padding: 40px 0;}
	.pocess_bx .vision {padding-bottom: 40px; margin-top: -40px;}
	.pocess_bx .mission::before, .pocess_bx .vision::before {content: ""; display: block; position: absolute; left: 50%; top: 0;  background: #f6f7f9; width: 100vw; height: 100%; transform: translateX(-50%);}
	.pocess_bx .plan_goal {margin-top: 20px;}
	.pocess_bx .plan_goal ul, .pocess_bx .plan_direc ul {gap: 20px;}
	.pocess_bx .plan_goal ul li, .pocess_bx .plan_direc ul li {text-align: center; background: #1f2c5c; padding: 20px 10px; border-radius: 40px; color: var(--white-color); font-size: 1.125rem;}
	.pocess_bx .plan_direc ul {background:#e6e9f0; padding: 14px; border-radius: 100px; gap: 15px;}
	.pocess_bx .plan_direc ul li {border-radius: 80px; color: var(--gray-800-color); background: var(--white-color); width: 100%; padding: 20px 30px;}
	.pocess_bx .hr_task {border-top: 1px solid var(--gray-300-color); align-items: flex-start; padding-top: 50px;}
	.pocess_bx .hr_goal {padding-top:  40px; padding-bottom: 20px;}
	.pocess_bx .hr_goal > p {text-align: center; font-weight: 700; font-size: 1.25rem; color: #1f2c5c;}
	.pocess_bx .task_box {display: flex; gap:40px; flex-wrap: wrap; justify-content: space-between;}
	.pocess_bx .task_box dl {width: calc(50% - 20px); flex: none;}
	.pocess_bx .task_box dl dd p {color: var(--gray-800-color); padding: 3px 0 3px 15px; font-size: 1.125rem; position: relative; margin: 0;}
	.pocess_bx .task_box dl dd p::before {content: ""; display: block; width: 3px; height: 3px; background: var(--black-color); position: absolute; left: 0px; top: 14px; border-radius: 100%;}
	.pocess_bx .task_box dl dt {display: flex; align-items: center; padding: 8px; border-radius: 60px; background: #f6f7f9; gap: 20px; font-size: 1.125rem;}
	.pocess_bx .task_box dl dt > strong {display: flex; width: 60px; height: 60px; border-radius: 100%; background: var(--white-color); font-size: 1.25rem; align-items: center; justify-content: center; flex: none; font-weight: 400;}
	.pocess_bx .task_box dl dd {padding: 20px;}
	.plan_direc ul {position: relative; z-index: 1;}
	.view_box .viewheader + .btn_box.topbtn {padding: 20px 0 60px !important;}
	.block.to {margin-bottom: 40px;}
	.btn_box a.dn, .btn_box a.rp {border: 0;}
}
.org .table_box h3 {font-size: 1.5rem; padding-bottom: 16px; font-weight: 600; color: var(--black-color)}

/*기관(재단)소개::정보공개*/
.int_wrap {
	.inner .h3-title {font-size: 1.5rem; font-weight: 700; color: var(--black-color); padding-bottom: 16px;}
	.inner .txt .h4-title {font-size: 1.25rem !important; padding-bottom: 4px !important;}
	.inner .txt p {font-size: 1.125rem; padding-top: 0;}
	.inner h3 {font-size: 1.75rem; font-weight: 700; color: var(--black-color); padding-bottom: 40px;}
	.inner h4 {font-size: 1.5rem; font-weight: 500; color: var(--black-color); padding-bottom: 12px;}
	.inner .old_txt p {font-size: 1.125rem; font-weight: 400; color: var(--gray-800-color); padding-bottom: 28px;}
	.inner > div {margin-bottom: 80px;}
	.inner > div:last-child {margin-bottom: 0px;}
	.old_txt .txtlist.txt_box2 li, .txt_box2 ol li, .txt_box4 ol li {font-size: 1.125rem; font-weight: 400; color: var(--gray-800-color); margin-bottom: 8px; position: relative; padding-left: 12px; word-break: keep-all;}
	.old_txt .txtlist.txt_box2 li::before {content: ''; display: block; width: 3px; height: 3px; background: var(--gray-800-color); position: absolute; left: 0px; top: 12px; border-radius: 100%;}
	.btn_box {text-align: center; padding-top: 40px; clear: both; float: none;}
	.proce .linetable, .char .linetable {border: 1px solid var(--gray-300-color);}
	.proce .linetable th, .char .linetable th {border: 1px solid var(--gray-300-color); border-width: 1px 1px 0; padding: 16px 12px;}
	.proce .linetable td, .char .linetable td {border: 1px solid var(--gray-300-color); line-height: 26px; padding: 16px 12px;}
	.linetable .bg_faf8f9 {background: var(--gray-100-color);}
	.infor h4:nth-of-type(1) {padding-top: 0px;}
	.infor h4, .cour h4:nth-of-type(3) {padding-top: 28px;}
}
/*사이드메뉴*/
.newtab {float: left; width: 16%; height: 100%; border-right: 1px solid var(--gray-300-color); position: absolute; top: 0; padding: 140px 20px 100px 0; min-width: 182px;

	.silde_M {position: sticky; top: 100px;}
	h3 {font-size: 2rem; font-weight: 700; color: var(--black-color); line-height: 72px;}
	ul li {padding: 14px 12px; font-size: 1.125rem; font-weight: 400; color: var(--gray-600-color);}
	ul li.on {font-weight: 700; color: var(--gray-900-color);}

}
.org article.ruleopen:has(.newtab) .innertab {width: calc(80% - 32px); margin: 0 0 0 auto; min-height: 500px; gap: 40px;

	h3 {text-align: center; font-size: 3rem; font-weight: 700; color: var(--black-color);}
	.st_manage {text-align: center; padding: 0px 0 60px 0;}
	.st_manage select {min-width: 200px; width: auto; font-weight: 700;}
	.table_box {position: relative;}
	.table_box h3, .tab_content h3, .table_box .tab_box h5 {font-size: 1.5rem; padding-bottom: 16px; font-weight: 600; text-align: left; color: var(--black-color);}
	.table_box .rowtable {color: var(--gray-900-color);}
	.table_box table > tbody td {word-break: keep-all; padding: 16px 8px;}
	.table_box table > tbody th {background: var(--gray-50-color); border-right: 1px solid var(--gray-300-color); border-bottom: 1px solid var(--gray-300-color);}
	.table_box table.linetable > thead th, .table_box span.tb_top_info + table > thead th {border: 1px solid var(--gray-300-color); border-width: 1px 1px 0 1px;}
	.table_box table.linetable > tbody td, .table_box span.tb_top_info + table > tbody td {padding: 12px; line-height: 28px; border: 1px solid var(--gray-300-color);}
	.table_box table.coltable > tbody td {padding: 12px; line-height: 28px;}
	.table_box .rowtable > tbody .al > a {font-size: 1rem;}
	.tb_top_info {font-size: 0.875rem; color: var(--gray-600-color); font-weight: 400; position: absolute; top: 2%; right: 0;}
	.btn_box {text-align: center; padding-top: 40px; clear: both; float: none;}
	.btn_box a {min-width: 200px; border: 1px solid var(--gray-300-color); color: var(--gray-900-color); background: var(--white-color);}
	.btn_box a.dn:after {filter: contrast(0) brightness(0);}
	.table_box p.info {font-size: 0.875rem; color: var(--gray-600-color); font-weight: 400; text-align: right; margin-block-start: 0px; position: absolute; top: 12px; right: 0;}
	.block {margin-top: 40px;}
	.table_box p {margin-block-start: 12px; margin-block-end: 8px; color: var(--gray-800-color);}
	.txt h4 + p {padding: 20px 0;}
	.update {text-align: right; padding: 40px 0;}
	.search_content {
		form,fieldset {display: flex; width: 100%; justify-content: center;}
	}
}
article.ruleopen .txt h3 {margin-bottom: 20px;}
article.ruleopen .claim .txt h3 {margin-bottom: 0;}
article.ruleopen .claim .txt h4 {padding-bottom: 0;}
article.ruleopen .txt p + p {margin-top: 20px;}

/*지도*/
.map_wrap {	
	article.map {}
	/* article.map p {text-align: center; border-top: 1px solid var(--gray-300-color); margin: 0; padding: 30px 40px;}
	article.map .box {min-height: 400px;}
	article.map p span:before {content: "T"; display: inline-block; vertical-align: middle; width: 22px; height: 22px; box-sizing: border-box; border-radius: 100%;  margin-right: 10px; text-align: center;; line-height: 22px; font-size: 14px; font-weight: 600; color: var(--white-color); background: var(--black-color);}
	article.map p span.fax:before {content: "F";}
	article.map p span {padding-left: 40px;} */
	article + article {margin-top: 40px;}
	article.traffic {overflow: hidden; clear: both; float: none; padding-top: 20px;}
	article.traffic h3 {font-size: 2rem; float: left; width: 210px; margin: 0;}
	article.traffic h4 {margin: 0; font-size: 1.35rem; padding-bottom: 20px;}
	article.traffic h3 span {display: block; font-size: 1.3rem; font-weight: 300;}
	article.traffic h3 + div {float: right; width: calc(100% - 210px);}
	article.traffic p {margin: 0;}
	article.traffic li + li {margin-top: 20px;}
	article.traffic li strong {font-weight: 500; min-width: 130px; display: inline-block; vertical-align: middle;}
	article.traffic + article.traffic {border-top: 1px solid var(--gray-300-color); padding-top: 40px;}
	article.traffic.bus > div > div + div {margin-top: 50px;}
	article.traffic li p:before {content: "1"; display: inline-block; vertical-align: middle; width: 22px; height: 22px; box-sizing: border-box; border-radius: 100%; border: 2px solid #36C; margin-right: 10px; text-align: center;; line-height: 18px; font-size: 14px; font-weight: 600; color: #36C;}
	article.traffic li.line3 p:before {border-color: #F60; color: #f60;content: "3";}
	article.traffic li.line5 p:before {border-color: #63C; color: #63C;content: "5";}
	article.traffic li.rbus p:before {border-color :#F21800; background: #F21800; color: var(--white-color); content: "R";}
	article.traffic li.bbus p:before {border-color: #353FEC; background: #353FEC; color: var(--white-color);content: "B";}
	article.traffic li.gbus p:before {border-color: #35A030; background: #35A030; color: var(--white-color);content: "G";}
	article.traffic li.mbus p:before {border-color: #51C126; background: #51C126; color: var(--white-color);content: "마";}

	article.map {display: flex; align-items: flex-start; gap: 0px; height:min(400px, 60vh); border-radius: 12px; overflow: hidden;border: 1px solid var(--gray-300-color); align-items: center;;
		.box {overflow: hidden; width:100%; border-right: 1px solid var(--gray-300-color);}
		.box img {min-width: 100%; height: 100%; object-fit: cover;}
		.info-box {width: min(440px,36%); font-size: 1.125rem;; line-height: 1.6; padding: 40px; flex: none; display: flex	; flex-direction: column; gap: 20px; }		
		.info-box dl {text-align: left; border: none; display: flex; width: 100%; word-break: keep-all; align-items: center;}
		.info-box dl.ad_box{ align-items: flex-start;} 
		.info-box dl:before {content: "A"; display: inline-block; vertical-align: middle; width: 22px; height: 22px; box-sizing: border-box; border-radius: 100%;  margin-right: 10px; text-align: center;; line-height: 22px; font-size: 14px; font-weight: 800; color: var(--white-color); background: var(--black-color); flex: none;}
		.info-box dl.ph:before {content: "T"}
		.info-box dl.fax:before {content: "F"}
		button.copy-btn {font-size: 1rem; vertical-align: middle; color: dodgerblue; display: inline-flex;align-items: center; font-size:0.925rem; gap:4px; flex: none;}
		button.copy-btn:before {flex: none;background: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='9' y='6' width='12' height='16' stroke='%231e90ff' stroke-width='2'/%3E%3Cpath d='M17 6V3H5V19H9' stroke='%231e90ff' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;content: "";width:16px;height: 20px;background-size: 16px; }
		
		.btn_box {margin-top: 20px; display: flex; justify-content: center; gap: 10px; flex-wrap: nowrap;}
		.btn_box button {width: 100%; padding: 0 5px; border-radius: var(--radius-S); background: var(--gray-700-color); font-size: 1rem; transition: background 0.3s ease-in-out; color: var(--white-color); display: flex; align-items: center; justify-content: center; gap: 8px; border: none; height: 48px;}
		.btn_box button:hover{ background: var(--gray-800-color);} 
		.btn_box button:before {display: block;flex: none;content: "";width: 25px;height: 25px;}
		.btn_box button.map_kakao:before{background: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4506 6.82917C11.0306 6.82579 10.619 6.94714 10.2679 7.17786C9.9169 7.40859 9.64223 7.7383 9.47872 8.12524C9.3152 8.51219 9.2702 8.93895 9.34941 9.35149C9.42862 9.76402 9.62848 10.1438 9.92368 10.4426C10.2189 10.7415 10.5961 10.946 11.0077 11.0303C11.4192 11.1146 11.8465 11.0749 12.2354 10.9162C12.6243 10.7575 12.9574 10.4869 13.1925 10.1388C13.4275 9.79059 13.5539 9.38051 13.5557 8.96044C13.5442 8.4033 13.3195 7.87179 12.9279 7.47532C12.5363 7.07885 12.0076 6.8476 11.4506 6.82917Z' fill='%23F9E000'/%3E%3Cpath d='M17.6955 0H5.30854C3.90071 0.000266913 2.55062 0.559644 1.55513 1.55513C0.559644 2.55062 0.000266913 3.90071 0 5.30854L0 17.6915C0.000266913 19.0993 0.559644 20.4494 1.55513 21.4449C2.55062 22.4404 3.90071 22.9997 5.30854 23H17.6915C19.0994 23 20.4496 22.4407 21.4452 21.4452C22.4407 20.4496 23 19.0994 23 17.6915V5.30854C23 3.90133 22.4413 2.55169 21.4466 1.55626C20.4519 0.56083 19.1027 0.00106749 17.6955 0ZM17.6381 9.46336C17.4392 10.9352 16.768 12.3027 15.7253 13.3605C14.0511 15.183 12.7719 17.3321 11.9681 19.6727C11.8846 19.9254 11.7899 20.2254 11.4376 20.2335C11.1144 20.2415 11.0017 19.9747 10.9262 19.7392C10.0198 17.2082 8.61642 14.884 6.79852 12.9034C5.8004 11.8069 5.2363 10.3841 5.2119 8.9016C5.2154 8.06269 5.38844 7.23315 5.72063 6.4628C6.05281 5.69245 6.53729 4.9972 7.14495 4.41881C7.75261 3.84043 8.47091 3.39084 9.25671 3.09706C10.0425 2.80328 10.8796 2.67137 11.7176 2.70926C12.5557 2.74715 13.3775 2.95405 14.1335 3.31753C14.8896 3.68102 15.5644 4.19358 16.1174 4.82444C16.6704 5.4553 17.0902 6.19143 17.3515 6.98861C17.6128 7.78578 17.7103 8.62756 17.6381 9.46336Z' fill='%23F9E000'/%3E%3Cpath d='M11.4366 2.71782C10.6217 2.71464 9.81408 2.87214 9.06006 3.18132C8.30603 3.49049 7.62036 3.94528 7.04223 4.51966C6.46411 5.09404 6.00489 5.77675 5.69083 6.52875C5.37677 7.28075 5.21402 8.08728 5.21191 8.90223C5.23814 10.3878 5.80593 11.8126 6.80861 12.9091C8.62672 14.8895 10.0302 17.2137 10.9362 19.7448C11.0117 19.9804 11.1245 20.2482 11.4477 20.2391C11.8 20.2301 11.8947 19.9311 11.9782 19.6774C12.782 17.3367 14.0612 15.1876 15.7354 13.3651C16.778 12.3074 17.4493 10.9399 17.6482 9.46802C17.7269 8.60845 17.6248 7.74192 17.3483 6.92423C17.0719 6.10654 16.6272 5.35581 16.043 4.72039C15.4588 4.08498 14.748 3.57895 13.9564 3.23491C13.1647 2.89087 12.3098 2.71644 11.4467 2.72285M13.5608 8.96465C13.5574 9.38243 13.4303 9.78984 13.1956 10.1354C12.9608 10.481 12.6289 10.7493 12.2418 10.9065C11.8547 11.0636 11.4297 11.1025 11.0205 11.0183C10.6113 10.934 10.2362 10.7304 9.94259 10.4332C9.64899 10.1359 9.45005 9.75837 9.37088 9.34814C9.29171 8.93792 9.33586 8.51344 9.49775 8.12828C9.65964 7.74313 9.93203 7.41458 10.2805 7.18412C10.629 6.95365 11.0379 6.8316 11.4557 6.83338C12.0128 6.85156 12.5416 7.08274 12.9332 7.47926C13.3249 7.87578 13.5495 8.40743 13.5608 8.96465Z' fill='%23007DFD'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;}
		.btn_box button.map_naver:before{background: url("data:image/svg+xml,%3Csvg width='23' height='24' viewBox='0 0 23 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9777 0.422852H4.97266C2.22634 0.422852 0 2.654 0 5.40626V18.4394C0 21.1917 2.22634 23.4229 4.97266 23.4229H17.9777C20.7241 23.4229 22.9504 21.1917 22.9504 18.4394V5.40626C22.9504 2.654 20.7241 0.422852 17.9777 0.422852Z' fill='url(%23paint0_linear_1856_4408)'/%3E%3Cmask id='mask0_1856_4408' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='23' height='24'%3E%3Cpath d='M17.9777 0.422852H4.97266C2.22634 0.422852 0 2.654 0 5.40626V18.4394C0 21.1917 2.22634 23.4229 4.97266 23.4229H17.9777C20.7241 23.4229 22.9504 21.1917 22.9504 18.4394V5.40626C22.9504 2.654 20.7241 0.422852 17.9777 0.422852Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1856_4408)'%3E%3Cpath d='M8.50085 15.5889H23.036V19.414H8.51856L8.50085 15.5889Z' fill='url(%23paint1_linear_1856_4408)'/%3E%3Cg style='mix-blend-mode:multiply' opacity='0.6'%3E%3Cpath d='M8.5 19.415H22.9904L26.375 23.79H11.8846L8.5 19.415Z' fill='url(%23paint2_linear_1856_4408)'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M8.51853 2.8584C5.20372 2.8584 2.51624 5.55146 2.51624 8.87366C2.51624 10.021 2.82441 11.0892 3.38046 12.0013L8.37845 19.3405C8.44569 19.4393 8.59092 19.4393 8.65816 19.3405L13.6561 12.0013C14.2122 11.0892 14.5204 10.021 14.5204 8.87366C14.5204 5.55146 11.8331 2.8584 8.51808 2.8584H8.51853Z' fill='%2300EE5F'/%3E%3Cpath d='M9.2454 8.96312L7.73189 6.78418H6.47723V10.8554H7.79173V8.67629L9.30524 10.8554H10.5597V6.78418H9.2454V8.96312Z' fill='url(%23paint3_linear_1856_4408)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1856_4408' x1='11.4752' y1='0.580078' x2='11.4752' y2='23.1138' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='0.76' stop-color='%23F6FDFF'/%3E%3Cstop offset='1' stop-color='%23F2FDFF'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_1856_4408' x1='9.68715' y1='17.5014' x2='23.1176' y2='17.5014' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23423CF6'/%3E%3Cstop offset='1' stop-color='%23456BF6'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_1856_4408' x1='23.125' y1='20.3125' x2='9.5' y2='18.75' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='%2383D6DB'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_1856_4408' x1='6.47723' y1='8.81981' x2='10.5597' y2='8.81981' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='%23F3F7FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat 50% 50%;}
	}
	.sketch_map {
		h3 {font-size: 2rem; padding-bottom: 20px;}
		.s_map_box {height:min(400px, 63vw); border-radius: 12px; overflow: hidden;border: 1px solid var(--gray-300-color); align-items: center;; overflow: hidden;  width: 100%; position: relative;min-height:200px ;}
		.s_map_box img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); object-fit: cover; width: 100%; height: 100%;}
	}
	/* 토스트 메시지 기본 스타일 */
	.toast {visibility: hidden; min-width: 200px; background-color: #333; color: #fff; text-align: center; border-radius: 8px; padding: 12px 16px; position: fixed; left: 50%; bottom: 40px; transform: translateX(-50%); z-index: 9999; opacity: 0; ransition: opacity 0.5s ease, bottom 0.5s ease; font-size: 14px;}
	/* 토스트 메시지 표시 시 */
	.toast.show {visibility: visible; opacity: 1; bottom: 60px;}

}





/*개인정보*/
.orgetc {
	.int_wrap .txt h3 {text-align: center; padding-bottom: 40px;}
	.old_txt{ line-height:1.7; max-width: none !important; }
	.old_txt .info_p{ padding-top:40px; padding-bottom:20px}
	.old_txt .info_p:nth-of-type(1){ padding-top:0}
	.old_txt  table th, .orgetc .old_txt table td{ font-size:0.95rem; word-break:keep-all}
	.faq_box{ border-top:1px solid var(--gray-800-color)}
	.faq_box h4, .faq_box .hall_button { font-size:1rem}
	.faq_box h4 span.cate, .faq_box .hall_button span.cate{ min-width:150px; display:inline-block; vertical-align:top;font-weight:400; color:var(--gray-700-color);}
	.faq_box h4:after, .faq_box .hall_button:after{ position:absolute; right:15px; top:20px;}
	.faq_box .hall:nth-of-type(1){ margin-top:0}
	article.int_wrap .table_box{ clear:both; float:none;}
}

/*고객센터*/
.faq_box {
	.hall:nth-of-type(1){ margin-top:-20px}
	.hall .hall_header .hall_button{ margin:0 !important; padding:20px 0;color:var(--gray-800-color); font-weight:500 }
	.hall .hall_header .hall_button > button.tit{ width:100%; height:100%; display:block; text-align:left;color: var(--gray-800-color);font-weight: 500; border:none; line-height: 1.5; font-size: 1.125rem;}
	.hall{ padding:0}
	.detail{ padding:0 30px 0px 30px; color:var(--gray-700-color)}
	.on .detail{ padding:0 30px 40px 30px;}
	.on .detail span {font-size: 1rem !important; color: var(--black-color) !important;}
	.on .detail ul{ padding:20px 0}
	.on .detail ul li{ position:relative;padding:3px 0 3px 15px;}
	.on .detail ul li:before{ content:""; display:block; width:3px; height:3px; background:var(--black-color); position:absolute; left:10px; top:14px;border-radius:100%}
}
#iquire_tab {position: relative;
	.btn_box.topbtn {margin-bottom: 20px !important; position: absolute; height: auto; top: 0; right: 0;}
	.fl {margin-bottom: 24px;}
}
table#tbl_qna .al a {font-size: 1rem; font-weight: 600;}

/*신고*/
.int_wrap.ethics_wrap {
	.btn_box.topbtn a {border: 0;}
	.btn_box.topbtn + .innertab {padding-top: 60px;}
}

/*약관 및 선언문 테두리*/
.border-box {border: 1px solid var(--gray-300-color); padding: 40px; border-radius: 12px;
	.block.from h4.h3-title, .block.to h4.h3-title {padding: 20px 0 12px;}
	h3.h2-title {font-size: 2rem; font-weight: 600; color: var(--black-color); padding-bottom: 24px !important; margin-bottom: 0 !important; text-align: left;}
	h4.h3-title {font-size: 1.5rem; font-weight: 500; color: var(--black-color); padding-bottom: 16px; margin-bottom: 0;}
	h5.h4-title {font-size: 1.25rem !important; font-weight: 500; color: var(--gray-900-color); padding-bottom: 8px; margin-bottom: 0;}
	.h2-title.ac {text-align: center; padding: 80px 0 20px;}
	div + div h3.h2-title {padding: 40px 0 20px;}
	.txt p, p, .detail {font-size: 1.125rem; color: var(--gray-900-color); line-height: 1.7; padding-bottom: 20px; margin-block-start: 0; margin-block-end: 0;}
	.detail {padding-bottom: 0;}
	.txt p:last-child {padding-bottom: 0;}
	.txt h4.h3-title + p {padding-top: 0 !important;}
	.txt p + p {margin-top: 0 !important;}
	.old_txt p {font-size: 1.125rem !important; padding-bottom: 20px !important; color: var(--gray-900-color); line-height: 1.7;}
	div + h4.h3-title {padding: 20px 0 12px;}
	.btn_box {padding-top: 40px !important;}
	.btn_box.topbtn.fr {padding-top: 0px !important;}
	h4.h3-title + ul {margin-top: 0 !important;}
	.block ul {padding: 0 !important;}
	li {color: var(--gray-800-color) !important;}
	ul + h4.h3-title {padding: 20px 0 12px;}
	.block {.h4-title + ul {padding-bottom: 20px !important;}}
}

@media only screen and (max-width: 1023px) {
	/*버튼 공통*/
	.btn_box {gap: 4px;
		button, a {padding: 0 12px; font-size: 1rem; min-width: 120px; gap: 6px; height: 46px;}
	}
	.btn_box.topbtn {
		a {min-width: 120px; font-size: 1rem; gap: 6px; padding: 0 12px; height: 46px;}
		a + a {margin-right: 4px;}
	}
	.btn_box a.pdf {padding: 0 12px; font-size: 1rem; height: 46px;}
	.btn_box a.pdf::after {width: 20px; height: 20px; background-size: 20px;}
	.btn_box a.seat::after, .btn_box a.map::after, .btn_box a.home::after {width: 16px; height: 16px; background-size: 16px;}
	button.play:before {width: 46px; height: 46px; background-size: 16px; }
	/*서브 공통*/
	.int_wrap {
		.inner .h3-title {font-size: 1.25rem; padding-bottom: 8px;}
		.inner .txt .h4-title {font-size: 1.125rem !important; }
		.inner .txt p {font-size: 1rem;}
		.inner > div {margin-bottom: 40px;}
		.inner h3 {font-size: 1.5rem; padding-bottom: 16px;}
		.inner h4 {font-size: 1.25rem;}
		.intro .btn_box {padding-top: 0;}
		h3.title {font-size: 2rem; padding: 0; max-width: 100%; margin-bottom: 40px;}
		.concept p { font-size: 1rem}
	}
	.common_wrap {
		.title {font-size: 2rem; line-height: normal;}
	}
	table td {font-size: 0.875rem; padding: 12px 8px;}
	/*스케쥴 공통*/
	* + .schedule {margin: 40px 0 !important;}
	.schedule {padding: 40px 0;
		.h2-title {font-size: 1.5rem; padding-bottom: 20px !important;}
		ul {margin-bottom: 0;}
		ul li a, ul li{ flex-wrap: wrap; gap: 12px; align-items: center}
		ul li{padding: 16px 0; gap: 8px 12px;}
		ul a li {padding: 16px 0;}
		ul li div { width: auto !important; min-width: auto !important; text-align: left !important; padding:  0; order: 1}
		ul li div.date, ul li div.tit {border: none; padding: 0;}
		ul li div.txt{width: 100% !important; order: 2; padding: 0; font-size: 14px; padding-bottom: 0;}
		ul li div.txt p{line-height: 1.6}
		ul li a span, ul li span.date,ul li span.tit{ padding: 0; text-align: left; min-width:auto;}
		ul li span {font-size: 1rem;}
		ul li div.txt p::before{top:10px; width: 3px; height: 3px;}
		h3 + label.blind + select{top:-10px}
		&>*+*{ padding-top: 40px}
		h4{ font-size: 1.125rem !important}
		.program_in ul li{ font-size: 1rem !important}
		ul li span.bul{ font-size: 1rem; min-width: auto; padding: 6px 10px; }
		.sponsor:has(.noImg) {justify-content: flex-start; flex-wrap: wrap;}
		.sponsor {width: 100% !important; flex-wrap: wrap; justify-content: flex-start; order: 5;
			span {max-width: 120px;}
		}
		.inner.program_shedu {
			ul li {padding: 16px 0;}
			ul li div {font-size: 1rem;}
		}
	}
	/*프로필 공통*/
	.profile {padding-top: 0 !important;
		h3 {padding-bottom: 0 !important;}
		p {font-size: 1rem !important;}
		h3 span.cate {font-size: 1rem;}
		h3 span[lang="ko"] {font-size: 1.312rem;}
		p.name span[lang="en"] {font-size: 1.125rem}
		h3 span.num, h3 span.duty {font-size: 0.875rem;}
		.img.noImg, .inner.se2_outputarea .img.noImg{ max-height: 300px;}
		.inner p, .inner.se2_outputarea .img + div {margin-bottom: 12px; font-size: 1rem;}
	}
	/* 프로필-상세 */
	.profile.p-detail {
		.viewheader .h3-title, .detail_profile.se2_outputarea .h3-title {font-size: 1.25rem;}
		.h3-title span.cate {padding: 6px 4px;}
		.viewheader .h1-title {font-size: 2rem;}
		.viewheader .h4-title {font-size: 1.125rem;}
		.inner p, .inner span {font-size: 1rem !important;}
		.inner div.cardlist.man_list {padding-top: 20px;}
		.inner div.cardlist.man_list .txt {font-size: 1rem;}
	}

	.detail_wrap{
		/*시즌패키지 상세*/
		.viewheader .h3-title, .detail_profile.se2_outputarea .h3-title {font-size: 1.25rem;}
		.viewheader .h3-title span.cate {padding: 6px 4px;}
		.viewheader .h1-title {font-size: 2rem;}
		.viewheader .h1-title span[lang="en"] {font-size: 1.25rem;}
		.viewheader .h4-title {font-size: 1.125rem;}
		.viewheader .detail p {font-size: 1rem;}
		.concert_detail .inner {padding: 24px;}
		.concert_detail .inner .txt ul.info > div {font-size: 14px !important;}
		.inner .btn_box a, .inner .btn_box button, .inner .btn_box span.ticket {width: auto; min-width: 120px; font-size: 1rem; line-height: 46px; height: 46px;}
		.inner + .innertab {padding-top: 0;}
		.innertab .inner h3 {font-size: 1.25rem; padding-bottom: 12px;}
		.innertab div.info > p {font-size: 1.25rem;}
		.innertab div.info > div.go a {width: 200px; height: 200px; font-size: 14px;}
		.innertab div.info > div.go a.seat {padding: 28px 12px 0 12px;}
		.innertab div.info > div.go a:before {width: 180px; height: 180px; left: 9px; top: 9px;}
		.innertab div.info > div.go a > strong {font-size: 1.125rem;}
		.innertab div.info > div a > strong:after {font-size: 2rem !important;}
		.pkgbuy {
			ol li {width: 100%;}
			.txt, .txt strong {font-size: 1rem;}
			.txt {padding-bottom: 12px;}
			.txt strong {padding-bottom: 0;}
			ol li .img {max-width: 100%;}
			ol li:nth-child(1) .btn_next {left: 26%; bottom: 19%;}
			ol li:nth-child(2) .dashed {right: 1.5%; top: 48%;}
			ol li:nth-child(3) .dashed {top: 39%; height: 6%; width: 62%;}
			ol li:nth-child(3) .btn_next {left: 81%; bottom: 5%;}
			ol li:nth-child(4) .dashed {left: 32%; top: 33%; height: 32%;}
			ol li:nth-child(5) .dashed {left: 3%;top: 34%;height: 44%;width: 66%;}
			ol li:nth-child(5) .btn_next {left: 87%;bottom: 5%;}
			ol li:nth-child(6) .dashed {left: 5%;top: 64%;height: 4%;width: 64%;}
			ol li:nth-child(6) .btn_next {left: 81%;bottom: 5%;}
		}
		#step2.pkgbuy {
			ol li:nth-child(1) .btn_next {left: 48%;bottom: 19%;}
			ol li:nth-child(2) .btn_next {left: 50%;top: 52%;}
			ol li:nth-child(3) .dashed.d1 {left: 5%;top: 34%;height: 32%;width: 27%;}
			ol li:nth-child(3) .dashed.d2 {left: 33%;top: 34%;height: 32%;width: 14%;}
			ol li:nth-child(4) .dashed {left: 4%;top: 46%;}
			ol li:nth-child(4) .btn_next {left: 81%;bottom: 14%;}
			ol li:nth-child(5) .dashed {left: 59%;top: 39%;height: 4%;width: 7%;}
			ol li:nth-child(5) .dashed.d2 {left: 70%;top: 46%;height: 41%;width: 26%;}
			ol li:nth-child(5) .btn_next {left: 87%;bottom: 7%;}
			ol li:nth-child(6) .dashed {left: 34%;top: 33%;height: 30%;width: 36%;}
			ol li:nth-child(6) .btn_next {left: 87%;bottom: 7%;}
			ol li:nth-child(7) .dashed {left: 5%;top: 46%;height: 4%;width: 27%;}
			ol li:nth-child(8) .dashed {left: 34%;top: 43%;height: 5%;width: 35%;}
			ol li:nth-child(8) .btn_next {left: 87%;bottom: 7%;}
			ol li:nth-child(9) .dashed {left: 6%;top: 74%;height: 6%;width: 63%;}
			ol li:nth-child(9) .btn_next {left: 81%;bottom: 6%;}
		}
		#step3.pkgbuy  {
			ol li:nth-child(1) .btn_next {left: 70%;bottom: 18%;}
			ol li:nth-child(2) .btn_next {left: 75%;top: 55%;}
		}
		.concert_detail {
			.daylist.thum_w {
				.list .list-txt h3 {font-size: 1.125rem; letter-spacing: 0; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 6px}
				.btn_box {display: none;}
			}
		}
	}

	/*예매안내*/
	.info_wrap.w100 {padding-top: 12px;
		p.txt {font-size: 0.875rem;}
		.ethics_wrap {padding-top: 0;}
		.ethics_wrap .block h4 + ul {margin-top: 0;}
		.ethics_wrap .block ul li {padding: 2px 0 2px 14px;}
		.ethics_wrap .block ul li::before {left: 6px;}
		.ethics_wrap .block h5 {font-size: 1rem !important; margin: 0 0 6px 0 !important;}
		.ethics_wrap .block ul {padding: 0 !important}
		.ethics_wrap .block ul li {font-size: 1rem; line-height: 1.5; color: var(--gray-800-color) !important;}
		.txt.buy {
			.stepbox {margin-top: 0;}
			.stepbox ol {height: 80px;}
			.stepbox li {top: 90px; width: 80px;}
			.stepbox li strong {font-size: 0.815rem;}
			.stepbox li.start, .stepbox li.end {width: 80px; height: 80px; padding: 4px; top: 0;}
			.stepbox li.start strong, .stepbox li.end strong {line-height: 1.5; font-size: 1rem; align-content: center;}
			.stepbox .step01 {margin: 8px 0 100px;}
			.stepbox .step01 li.s1 {left: 20%;}
			.stepbox .step01 li.s2 {left: 38%;}
			.stepbox .step01 li.s3 {left: 56%;}
			.stepbox .step02 {margin-bottom: 90px; margin-top: 68px;}
			.stepbox .step02 li.s1{left: 18%;}
			.stepbox .step02 li.s2 {left: 22%; top: -60px; height: 80px; width: 120px;}
			.stepbox .step02 li.s3 {left: 40%;}
			.stepbox .step02 li.s4 {left: 49%; top: -60px; height: 80px; width: 80px;}
			.stepbox .step02 li.s5 {left: 58%;}
			.stepbox .step02 li.s2:after, .stepbox .step02 li.s4:after {top: auto; bottom: -20px;}
			.stepbox .step02 li.s2:before, .stepbox .step02 li.s4:before {top: auto; bottom: -20px; height: 40px;}
			.stepbox .step02 li.s2 strong:before, .stepbox .step02 li.s4 strong:before {top: auto; bottom: 20px;}
			.stepbox .step02 li.s2 strong {padding-top: 0;}
			.ethics_wrap {margin-top: 0 !important}
			.ethics_wrap + .ethics_wrap {padding-top: 40px;}
			.ethics_wrap ul.info {margin-top: 12px; padding: 16px !important;}
		}
	}
	/*좌석안내*/
	.hall_box {
		.hall_button {width: 100%;}
		.hall .hall_header {margin-bottom: 12px;}
		.hall .hall_header .hall_button {font-size: 1.125rem; margin: 0; text-align: left; margin-bottom: 12px;}
		.hall_header .btn_box, .detail_wrap .inner .hall_header .btn_box {justify-content: flex-start;}
		.hall_header .btn_box a, .hall_header .btn_box a button, .detail_wrap .inner .hall_header .btn_box a {height: 32px !important; font-size: 14px !important; padding: 0 12px; min-width: inherit;}
	}
	.news .filter {
		.inner dd button {font-size: 1rem;}
	}
	.cardlist.ut_list {
		.list .txt {padding-top: 8px;}
	}

	/*오케스트라*/
	.orche {
		.eduview_wrap.common_wrap .sch_box {padding-bottom: 40px;}
		.searchweb_content {display: none;}
		.searchmobile_content {display: block;}
		.searchmobile_content .search_form fieldset {justify-content: center;}
		.searchmobile_content .search_form .align_box {height: 46px;}
		.searchmobile_content .search_form .align_box > select {font-size: 1rem;}
		.concept.man .img {height: 180px;}
		.concept.man .img img {max-width: 100%; width: auto; height: 100%;}
		.schFixed {position: relative;}
		.man_box .mans .man_header h4 {font-size: 1.125rem; padding: 16px 0 12px;}
		.cardlist {gap: 20px;}
		.cardlist.leader {margin-bottom: 32px;}
		.man_box .mans.man_new_list {margin-bottom: 32px;}
		.man_box .mans.man_new_list .list .txt {padding-top: 12px;}
		.man_box .mans.on .txt h4 span {font-size: 1rem;}
		.man_box .mans.on .txt h4 span[lang="en"] {font-size: 0.875rem;}
		.man_box .mans.on .txt h4 span.duty, .man_box .mans.on .txt h4 span.tudy {font-size: 0.875rem; margin-top: 4px;}
		.detail_profile h4 {font-size: 1.125rem; padding-bottom: 12px;}
	}

	.eduview_wrap, .edu.master, .common_wraput_wrap {
		&>*+*{ padding-top: 40px}
		.h2-title {font-size: 1.5rem; padding-bottom: 20px !important;}
		h3, .concept .inner h3 {font-size: 1.5rem; line-height: normal; padding-bottom: 16px;}
		.program_shedu .guide {top: 52px;}
		.concept .inner p{ font-size: 1rem}
		.concept .inner h3+p{margin-top: 0}
		.eduview_wrap.w100 {padding-top: 40px !important}
		/*올해 음악가*/
		.main_v .inner .txt {left: 0px; margin-top: 0; width: 100%; padding-left: 40px;}
		.main_v .inner .txt h3 span[lang="ko"] {font-size: 2rem;}
		.main_v .inner .txt h3 span[lang="en"] {font-size: 1.312rem; }
		.main_v .inner .txt h3 span.num {font-size: 1rem;}
		.main_v .inner .txt p {font-size: 1rem;}
		.main_v .inner .img {overflow: hidden;}
		.article.card_box {margin-top: 40px;}
		.cardlist.ut_list {padding: 0; }

		.cardlist.ut_list .list .txt h4,.cardlist.ut_list .list .txt h3 {font-size: 1rem;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; padding-bottom: 0;  }


		.oldhistory.card_box {margin-top: 0;}
		.cardlist.man_list {gap: 20px;}
		.cardlist.man_list .list .img img {aspect-ratio: 4 / 4;}
		.man_list .list .txt {text-align: left; padding: 12px 0;}
		.man_list .list .txt .h4-title {text-align: left !important; font-size: 1.125rem; padding-bottom: 8px;}
		.man_list .list .txt p {font-size: 1rem; padding-left: 0;}
		.txt p, h3 + p {font-size: 0.875rem; padding-left: 8px}
		article + .profile {margin-top: 20px !important;}
		.concept button.btn_dn{margin: 20px 0; height: 46px}

	}

	/*미디어*/
	.cardlist.rcode_list, .cardlist.book_list {
		.list .txt h4, .list .txt h3 {font-size: 1rem;}
	}



	/*후원협찬사*/
	.sponsorint_wrap {
		article .inner h3 {font-size: 1.5rem; margin-bottom: 16px;}
		article + article {margin-top: 40px;}
		.inner p {font-size: 1rem;}
		.joinway {padding: 40px 0;
			h3 {padding-bottom: 16px;}
			.inner {gap: 12px;}
			.way {width: 100%; padding: 20px;}
			.way h4 {font-size: 1.125rem; padding-bottom: 12px;}
			.way p {line-height: 22px;}
			.way .btn {margin-top: 24px;}
			.way .btn button {padding: 0 8px; font-size: 1rem; width: 100%; line-height: 44px;}
		}
		.use {
			.inner > ul li {padding: 20px 0 0;}
			h4 {font-size: 1.125rem;}
			.l_txt {margin-block-start: 12px; margin-block-end: 8px;}
			article .inner .img {margin-top: 0;}
			.sb_txt {font-size: 0.875rem;}
			.inner > p.guide.key {font-size: 1.5rem;}
		}
		.benefit {
			.inner h3 > strong {display: block;}
			h3 + p {white-space: normal; margin-bottom: 8px;}
			.inner > ul li {padding: 20px;}
			ul {gap: 20px;}
			li {width: calc(33.33% - 14px);}
			li img {width: 60px !important;}
			li h4 {font-size: 1rem; padding-bottom: 16px;}
			li p {font-size: 14px; white-space: normal;}
		}
		.detail {
			.over_f {overflow-x:auto;}
			table th, table td, table thead th {font-size: 14px; padding: 12px 8px; line-height: 1.5;}
			table thead th > div {line-height: 1.5 !important;}
			table tbody tr.rule td strong {font-size: 14px; width: auto; padding: 2px 4px; white-space: nowrap;}
			tr.view td strong, tr.invite td strong {font-size: 1rem;}
			td ul li strong {font-size: 13px;}
			tr.add td li strong {min-width: 120px;}
			tr td:nth-of-type(4) ul::before, tr td:nth-of-type(5) ul::before {font-size: 20px; left: 16%;}
		}
		.spon_member_wrap {
			.block ul {gap: 20px;}
		}
	}
	.sponsor {
		.spon_company_wrap {
			.h2-title {font-size: 1.5rem !important;}
			.h3-title {font-size: 1.125rem; margin-bottom: 0 !important;}
			.block h4 {font-size: 1.312rem;}
			.block ul li {height: auto; width: calc(50% - 18px); margin: 0 1% 20px 1%; padding: 30px 10px; line-height: 50px;}
			.block ul li a {line-height: normal;}
			.block:nth-of-type(1) {padding-bottom: 40px;}
			.block:nth-of-type(2) {float: none;}
			.block:nth-of-type(2) .inner {margin: 40px 0; float: none;}
			.block dl {float: none; width: auto; text-align: left;}
			.block dl dt {font-size: 1.125rem;}
			.block dl dt, .block dl dd {display: block; float: none; width: auto; margin-bottom: 8px;}
			.block dl dd {font-size: 1rem;}
			.contact {padding-top: 0;}
			.contact h3 {font-size: 1.5rem; padding-bottom: 16px;}
			.contact ul {padding: 16px 12px;}
			.contact li {font-size: 1rem;}
		}
		.view_box .view {padding: 40px 0;}
		.view_box .block {width: 100%;}
		.view_box dl.now {font-size: 1rem;}
		.view_box dl.now dt.date {font-size: 2rem;}
		.view_box dt.date, .view_box dt.date i {font-size: 1.5rem;}
		.view_box dl dt.date {width: 40%;}
		.view_box dd.tit {width: 55%;}
	}

	/*기관소개*/
	.vision_wrap {padding-top: 40px;
		h4 {font-size: 1.5rem; padding-bottom: 16px;}
		.concept h4 {margin-bottom: 8px;}
		.concept h4 span.ico {transform: scale(1.0);}
		.concept p {padding: 0; margin-bottom: 28px; font-size: 14px; word-break: normal;}
		.concept p.key {font-size: 1rem; padding: 0;}
		.concept .img {margin-bottom: 32px;}
		.ci_wrap {padding: 0 !important;}
		.ci_wrap .block + .block {margin-top: 40px;}
		.ci_wrap h3 {padding-bottom: 16px; font-size: 1.312rem !important; margin-bottom: 0 !important;}
		.ci_wrap .block p {text-align: left;}
		.ci_wrap .img img {max-width: 100%;}
		.ci_wrap .btn_box {padding-top: 24px;}
		.ci_wrap .block ul {margin-bottom: 32px;}
		article.build {margin-bottom: 24px;}
		article.mission, article.vision {padding: 0 8px; margin-bottom: 40px;}
		article.direct, article.goal, article.work, article.goalwork {padding: 40px 12px; margin-bottom: 40px;}
		article.direct ul {overflow: hidden; float: none; clear: both; padding: 0;}
		article.direct li {padding: 24px 8px; width: 32%; font-size: 0.875rem;}
		article.direct li strong {font-size: 1rem; padding-bottom: 8px;}
		article.goal li, article.work li, article.goalwork li {padding: 20px 8px; width: 32%; font-size: 0.875rem;}
		article.direct li + li, article.goal li + li, article.work li + li, article.goalwork li + li {margin-left: 2%;}
		article.work li {min-height: 240px; margin-bottom: 40px;}
		article.goalwork li {min-height: 300px;}
		article.build h4, article.goal h4, article.work h4, article.goalwork h4 {font-size: 1.5rem;}
		article.mission h4, article.vision h4 {font-size: 1.125rem; padding-bottom: 40px;}
		article.mission h4::before, article.vision h4::before {top: 32px;}
		article.mission h4::after, article.vision h4::after {top: 70px; width: 6px; height: 6px; border-width: 3px; margin-left: -6px;}
		article.goal li::before, article.work li::before, article.goal li::before, article.work li::before, article.goal li::before, article.work li::before {width: 6px; height: 6px; border-width: 3px; margin-left: -6px; bottom: -6px;}
		article.work li::before {bottom: auto; top: -6px;}
		article.goal li::after {height: 156px;}
		article.mission p, article.vision p {font-size: 0.875rem; padding: 20px 0 0;}
		article.work p, article.goalwork p{font-size: 0.875rem; padding: 8px 0;}
	}
	.history_wrap {
		.innertab .tab button {font-size: 1rem;}
		.tab_content h3 {padding: 0; font-size: 1.5rem; width: auto; float: none; margin-bottom: 32px;}
		.tab_content h3 i {padding-left: 0; display: inline-block;}
		.tab_content h3:after {background-size: cover; margin-top: 12px;}
		.tab_content ul {float: none; width: auto;}
		.tab_content ul li {margin-bottom: 16px; font-size: 1rem; padding-left: 80px;}
		li span.date {padding-right: 0; min-width: 80px;}
		.tab_content h3 span {font-size: 1.125rem; padding-top: 20px;}
	}
	.orgz_wrap {padding-top: 40px;
		.innertab ,.innertab .tab_content.on {overflow: visible;}
		h2.title {font-size: 2rem; padding: 0; max-width: 100%; margin: 0 0 40px 0;}
		.block {padding: 0; margin-top: 0;}
		.block h3 {font-size: 1.312rem; padding-bottom: 0; margin-bottom: 16px;}
		.block.orgzt {border-width: 1px 0;}
		.block:nth-of-type(1) {padding: 40px 0;}
		.block.orgzt h3 {padding: 0; font-size: 1.312rem;}
		.block.orgzt p {padding: 0;}
		.orgz_wrap h2.title {font-size: 1.5rem; text-align: left; margin-bottom: 16px;}
		.orgz_wrap .table_box {padding: 0; margin-bottom: 40px;}
		.orgz_wrap .table_box colgroup col:nth-child(1)[style] {width: 12% !important;}
		.orgz_wrap .table_box colgroup col:nth-child(2)[style] {width: 6% !important;}
		.orgz_wrap .table_box colgroup col:nth-child(3)[style] {width: 28% !important;}
		.coltable.rowtable tbody td, .org .coltable.rowtable tbody th {font-size: 14px;}
		.table_box .table_wrap colgroup col:nth-child(1)[style] {width: 12% !important;}
		.table_box .table_wrap colgroup col:nth-child(2)[style] {width: 10% !important;}
		.table_box .table_wrap colgroup col:nth-child(3)[style] {width: 10% !important;}
		.table_box .table_wrap colgroup col:nth-child(4)[style] {width: 36% !important;}
		#departList td.taskCn {white-space: pre;}
	}
	.org .coltable.rowtable tbody td, .org .coltable.rowtable tbody th, .org .coltable.rowtable thead th {padding: 6px 8px; white-space: nowrap;}
	.content.org {
		.rowtable#tbl, .rowtable#tbl1, .rowtable#tbl2 {
			thead, tr td[data-th="번호"], tbody tr th, br {display: none;}
			tbody,tr,th,td{ display: block; border: none; margin: 0; padding: 0}
			tr{ display: flex; flex-direction: column; gap:0.5rem; border-top: 1px solid var(--gray-200-color); padding:20px 0; position: relative; ;}
			td{ display: inline-flex; gap:0 0.5rem; font-size: 1rem; flex-wrap: wrap; align-items: center; padding:0 1rem; flex-wrap: nowrap}
			tr td[data-th="제목"] a {font-weight: 500; padding: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
			tbody td[data-th="작성일"] {font-size: 14px; white-space: nowrap; vertical-align: bottom; color: var(--gray-600-color);}
			span.ico.file, .filedn{ border: 1px solid var(--gray-300-color); border-radius: 2px; height: 30px; line-height: normal; min-width: 30px; background-size: 20px; margin: 0; flex: none; position: absolute; right: 1rem; bottom: 20px;}
			tr td[data-th="회차"] {order: 1; font-size: 14px;}
			tr td[data-th="일시"] {order: 3; font-size: 14px; white-space: nowrap; vertical-align: bottom; color: var(--gray-600-color);}
			tr td[data-th="일시"] span {text-align: left !important;}
			tr td[data-th="안건 및 의안번호"] {order: 2; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
			tr td:has(.ico.file) {order: 4;}
		}
	}
	.ethics_wrap {padding-top: 40px;
		.viewheader {padding-bottom: 40px;}
		.viewheader p {font-size: 1rem;}
		.viewheader .btn_box.topbtn {padding-top: 16px !important;}
		.h1-title {font-size: 2rem; padding-bottom: 40px; word-break: keep-all;}
		.h3-title {font-size: 1.25rem;}
		h3 {font-size: 2.5rem;}
		p {margin-block-start: 0em; margin-block-end: 0em;}
		.block h5 {font-size: 1.125rem !important;}
		.block.key{text-align: left;}
		.block.key h4 {font-size: 1.125rem;}
		.block.key h4 span {font-size: 1rem !important;}
		.block.key ul {padding: 20px; margin-bottom: 28px; border-radius: 6px;}
		.block.key ul li {padding: 4px 0 4px 12px; font-size: 1rem;}
		.block ul li {padding-left: 14px; font-size: 1rem; padding: 4px 0 4px 12px;}
		.block ul li::before {left: 0;}
		.block h4 {margin: 0;}
		.block h5 {font-size: 1.125rem;}
		.btn_box a.dn:after {width: 20px; height: 20px; background-size: 20px;}
		.block.key ul li strong.tit {width: 100%;}
		.block h4 + ul {margin-top: 12px;}
		.block .btn_box.topbtn {margin-bottom: 24px;}
		.old_txt {overflow: visible;}
		.old_txt p:first-child {text-align: left; margin-bottom: 16px;}
		.old_txt p.mt20 {margin-bottom: 20px;}
		.old_txt div[style = "text-align: center"] {padding-bottom: 8px;}
		.old_txt div[style = "text-align: center"] strong {font-size: 1.125rem;}
		.old_txt div[style = "text-align: right"] {font-size: 0.875rem; margin-bottom: 4px;}
		.old_txt table td {font-size: 0.875rem; padding: 12px 8px;}
	}
	.ethics_wrap.w100 {padding-top: 40px !important;}
	article.human-rights_wrap {
		.h1-title {font-size: 2rem; padding-bottom: 40px;}
		.h1-title + .viewheader {padding-bottom: 12px;}
		.viewheader p {font-size: 1rem; padding-bottom: 8px;}
		.view_box .viewheader + .btn_box.topbtn {padding: 20px 0 40px !important;}
		h3 {font-size: 2rem !important}
		h3 + p {margin-block-start: 0;}
		.pocess_bx .block {flex-direction: column; gap: 8px; align-items: flex-start;}
		.pocess_bx .block h4 {width: auto; font-size: 1.25rem;}
		.pocess_bx .block > p {font-size: 1rem;}
		.pocess_bx .mission {margin-top: -40px; align-items: flex-start;}
		.pocess_bx .vision {align-items: flex-start;}
		.pocess_bx .plan_goal {margin-top: 0; padding-bottom: 0;}
		.pocess_bx .plan_goal ul, .pocess_bx .plan_direc ul {gap: 10px;}
		.pocess_bx .plan_goal ul li, .pocess_bx .plan_direc ul li {width: 100%; padding: 10px; min-height: 100px; display: flex; align-items: center; justify-content: center; border-radius: 10px; font-size: 0.875rem;}
		.pocess_bx .plan_direc ul {border-radius: 10px;}
		.pocess_bx .hr_goal {padding-top: 0;}
		.pocess_bx .hr_goal > p {padding: 20px; word-break: keep-all; color: var(--white-color); border-radius: 10px; background: #1f2c5c; font-weight: 400; font-size: 1rem;}
		.pocess_bx .hr_task {padding-top: 40px;}
		.pocess_bx .task_box {flex-direction: column; gap: 20px;}
		.pocess_bx .task_box dl {width: 100%;}
		.pocess_bx .task_box dl dt {gap: 12px; font-size: 1rem;}
		.pocess_bx .task_box dl dt > strong {width: 40px; height: 40px; font-size: 1.125rem;}
		.pocess_bx .task_box dl dd {padding: 8px 20px 0 20px;}
		.pocess_bx .task_box dl dd p {font-size: 0.875rem; padding: 2px 0 2px 12px;}
		.pocess_bx .block > *:not(h4) {font-size: 1rem;}
		.view_box {padding-top: 0;}
		.viewheader .info {padding-top: 12px;}
		.step ol {flex-wrap: wrap; gap: 8px; justify-content: flex-start; margin: 8px 0 20px;}
		.step ol::before {content: none;}
		.step ol li {width: calc(33.3% - 7px); padding-top: calc(33.3% - 7px); position: relative; overflow: unset; z-index: 3; margin: 0 !important}
		.step ol li > strong {flex-direction: column; font-size: 0.815rem;}
		.step ol li > strong:before {display: block; margin-top: -5px; opacity: 0.6; font-size: 0.815rem;}
		.step ol li:nth-child(1) strong:before{ content: "1.";}
		.step ol li:nth-child(2) strong:before{ content: "2.";}
		.step ol li:nth-child(3) strong:before{ content: "3.";}
		.step ol li:nth-child(4) strong:before{ content: "4.";}
		.step ol li:nth-child(5) strong:before{ content: "5.";}
		.step ol li:nth-child(6) strong:before{ content: "6.";}
		.step ol li:nth-child(7) strong:before{ content: "7.";}
		.step ol li:nth-child(8) strong:before{ content: "8.";}
		.block.to {overflow-x:auto; overflow-y: hidden;}
		.block.to h4 {margin-bottom: 16px;}
		.block.to table td {font-size: 0.875rem;}
		.block.to table td a {font-size: 1rem;}
		.block ul li {padding-left: 12px;}
	}
	article.ruleopen {
		.inner .old_txt p {font-size: 1rem; padding-bottom: 16px;}
		.old_txt .txtlist.txt_box2 li {font-size: 1rem;}
		.proce, .char {overflow-x:auto; overflow-y: hidden;}
		.proce .linetable td, .char .linetable td {padding: 12px 8px; line-height: 20px; white-space: nowrap;}
		.txt_box2 ol li, .txt_box4 ol li {font-size: 0.875rem;}
		.infor h4, .cour h4:nth-of-type(3) {padding-top: 0;}
		.claim .txt h4 {font-size: 1rem;}
		.txt h3 {font-size: 1.5rem; margin-bottom: 16px;}
	}
	/*기관소개 사이드 메뉴*/
	.newtab {float: none; width: auto; height: auto; border-right: none; position: relative; padding: 0; min-width: inherit;
		h3 {font-size: 2rem; line-height: normal; padding-bottom: 40px; text-align: center;}
		ul {display: inline-flex; align-items: center; justify-content: flex-start; width: 100%; padding: 0; gap: 20px; position: relative; z-index: 2; text-align: center; overflow: hidden; overflow-x:auto; -ms-overflow-style: none; scrollbar-width: none;  white-space: nowrap;}
		ul li {padding: 10px 0; font-weight: 600; position: relative;}
		ul li a {color: var(--gray-600-color); font-size: 1rem}
		ul li.on a {color: var(--black-color);}
		ul li:before {content: ''; position: absolute; left: 50%; bottom: 0; height: 2px; width: 0%; background: var(--black-color); transition: .3s; transform: translate(0%, 0);}
		ul li.on:before  {width: 100%; transform: translate(-50%, 0);}
	}
	.org article.ruleopen:has(.newtab) .innertab {width: 100%; margin: 0; min-height: inherit; gap: 0;
		h3 {display: none;}
		.search_form fieldset, .search_form {gap: 8px;}
		.tab {justify-content: flex-start; gap: 12px; margin-top: 20px;}
		.tab > button {font-size: 0.875rem; padding: 0 8px; line-height: 32px;}
		.tab > button:before {content: none;}
		.table_box { overflow: hidden; overflow-x:auto;}
		.table_box table {min-width: 100%; width: auto}
		.rowtable thead th{ white-space: nowrap;font-size: 14px;}
		.table_box table > tbody th{font-size: 14px;}
		.table_box table > tbody td {padding: 8px 12px;font-size: 14px; white-space: normal; min-width: 140px;}
		.table_box table#tbl, .table_box table#tbl1, .table_box table#tbl2 {width: 100%;}
		.table_box .tab_box h5 {margin-bottom: 16px;}
		.table_box .tab_box:has(.tb_top_info) h5, .table_box:has(p.info) h3 {margin-bottom: 4px; padding-bottom: 0;}
		.tb_top_info {position: relative;}
		.tb_top_info + table {margin-top: 12px;}
		.ac img {width: 100%;}
		.table_box p.info {position: relative; text-align: left; top: 0;}
		.table_box .tab_box h5 {font-size: 1.125rem;}
		.inner {margin-top: 40px;}
		.st_manage {padding: 0 0 32px 0}
		.block.orgzt {margin-top: 0;}
		.block.orgzt h3, .table_box h3, .table_box .tab_box h5 {font-size: 1.25rem; padding-bottom: 12px; display: block;}
		.orgzt .ac{ overflow: hidden}
		.orgzt .ac img{ width: 100%; height: 100%; object-fit: fill; object-position: center}
		.update {padding: 20px 0;}
	}
	.org article.ruleopen:has(.newtab) .innertab .inner .tab_content .block{ margin-top: 0}
	.org article.ruleopen:has(.newtab) .innertab .inner .tab_content .block + .block {margin-top: 20px;}
	.eduview_wrap .schedule h3 + select, .eduview_wrap .schedule h3 + label.blind + select{font-size: 1rem; min-width: 100px; line-height: 44px;}

	/*오시는길*/
	.map_wrap {
		h3.title {font-size: 2rem !important; padding: 0 0 40px 0 !important}
		
		article.traffic {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px;}
		article.traffic h3 {font-size: 1.5rem; width: auto;}
		article.traffic h3 span {font-size: 1.125rem;}
		article.traffic h4 {font-size: 1.125rem; padding-bottom: 12px;}
		article.traffic h3 + div {width: 100%;}
		article.traffic p {display: flex;}
		article.traffic li strong {min-width: 120px;}
	}

	/*고객센터*/
	.faq_box {
		.hall_header h4 {margin-bottom: 0 !important;}
		.tit span.cate {display: block !important;}
		.on .detail {padding: 20px 0 40px 0; border-top: 1px solid var(--gray-200-color)}
		.hall .hall_header .hall_button > button.tit{font-size: 1rem;}
	}
	#tbl_qna {
		thead {display: none;}
		tr {display: flex; flex-direction: row; gap: 0.5rem; border-top: 1px solid var(--gray-200-color); padding: 20px 0; position: relative; flex-wrap: wrap;}
		td {border: 0; padding: 0; text-align: left; display: inline-flex; flex-wrap: nowrap; gap: 0 0.5rem; align-items: center; padding: 0 1rem;}
		tr td[data-th="번호"] {display: none;}
		tr td[data-th="제목"] {order: 1; width: 100%;}
		tr td[data-th="제목"] a {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding: 0;}
		span.new {font-size: 13px;}
		tr td[data-th="구분"] {order: 2;}
		tr td[data-th="작성자"] {order: 3;}
		tr td[data-th="등록일"] {order: 4;}
		span.ico {width: 20px; height: 20px; margin-left: 0;}
	}

	/*신고*/
	.int_wrap.ethics_wrap {
		.btn_box a.rp:after {margin-top: 0;}
	}

	.border-box {border-radius: 6px; padding: 32px;
		h3.h2-title {font-size: 1.5rem !important; padding-bottom: 20px !important;}
		h4.h3-title {font-size: 1.25rem; padding-bottom: 12px;}
		h5.h4-title {font-size: 1.125rem !important; padding-bottom: 8px;}
		.txt p, p, .detail {font-size: 1rem; line-height: 1.5; padding-bottom: 12px;}
		.txt_box2 ol li, .txt_box4 ol li {font-size: 1rem !important;}
		.old_txt p {font-size: 1rem !important; padding-bottom: 12px !important;}
		div + h4.h3-title {padding: 20px 0 12px !important;}
		.btn_box.topbtn.fr {margin-bottom: 0 !important;}
		.hall .hall_header {margin-bottom: 0;}
		.hall .hall_header .hall_button {padding: 12px 0;}
		.on .detail {border-top: 0;}
		.block + .block {padding-top: 20px;}
	}
}



@media only screen and (max-width:767px) {
	.btn_box.topbtn {
		a + a {margin-right: 0px; margin-top: 4px;}
	}
	.schedule {
		ul li, ul li a { flex-direction: column; align-items: flex-start; gap:8px}
		ul li div.date, ul li div.tit{padding: 0 5px 0 0}
		.inner h3{ text-align: left;}
	}
	.profile {
		.img.noImg {max-width: 100%;}
	}
	.hall_box {
		.hall_header .btn_box, .detail_wrap .inner .hall_header .btn_box {position: relative;}
	}
	.detail_wrap {
		.inner .btn_box a, .inner .btn_box button, .inner .btn_box span.ticket {width: 100%;}
		.linetable tr th, .linetable tr td {white-space: nowrap;}
		.innertab .inner h3:before {width: 4px; height: 4px; vertical-align: super; margin-right: 4px;}
		.innertab div.info > div.go {display: flex; flex-direction: column; align-items: center; gap: 12px;}
		.innertab div.info > div.go a {width: 160px; height: 160px; padding: 20px 20px 0 20px;}
		.innertab div.info > div.go a:before {width: 150px; height: 150px; left: 4px; top: 4px;}
		.innertab div.info > div.go a > strong {font-size: 1rem;}
		.innertab div.info > div a > strong:after {font-size: 1.5rem !important;}
		.innertab div.info > div.go a.seat {padding: 20px 12px 0 12px; font-size: 13px;}
		.pkgbuy {
			.btn_next {width: 24px; height: 24px;}
			ol li:nth-child(1) .btn_next {left: 27%; bottom: 17%;}
			ol li .dashed {display: none;}
			ol li:nth-child(3) .btn_next {left: 76%; bottom: 6%;}
			ol li:nth-child(5) .btn_next {left: 82%; bottom: 6%;}
			ol li:nth-child(6) .btn_next {left: 76%; bottom: 6%;}
		}
		#step2.pkgbuy {
			ol li:nth-child(1) .btn_next {left: 47%; bottom: 17%;}
			ol li:nth-child(4) .btn_next {left: 75%; bottom: 12%;}
			ol li:nth-child(5) .btn_next {left: 82%;}
			ol li:nth-child(6) .btn_next {left: 82%;}
			ol li:nth-child(8) .btn_next {left: 82%;}
			ol li:nth-child(9) .btn_next {left: 76%;}
		}
		#step3.pkgbuy {
			ol li:nth-child(1) .btn_next {left: 67%; bottom: 15%;}
			ol li:nth-child(2) .btn_next {left: 62%; top: 57%;}
		}

	}
	.eduview_wrap, .edu.master, .common_wraput_wrap {
		.program_shedu .guide {position: relative; top: 0; text-align: left; margin-top: 6px; font-size: 13px;}
		.cardlist.ut_list {gap: 20px 10px;}
		.cardlist.ut_list .list {width: calc(50% - 5px);}
		button.play:before{width: 32px; height: 32px; background-size: 12px;}
		.main_v .inner .img img {max-width: 160%; transform: translate(-20%, 0); width: auto;}
		.main_v .inner .txt h3 {line-height: normal; max-width: 60%;}
		.main_v .inner .txt h3 span.cate {font-size: 1rem;}
		.main_v .inner .txt h3 span[lang="ko"] {font-size: 1.125rem;}
		.main_v .inner .txt h3 span[lang="en"] {font-size: 1rem; }
		.main_v .inner .txt h3 span.num {font-size: 0.875rem;}
		.main_v .inner .txt p {font-size: 0.875rem;}
	}
	.sponsor {
		.spon_company_wrap {
			.block:nth-of-type(2) {margin-bottom: 40px;}
			.block dl dt {font-size: 1rem;}
			.block dl dd {font-size: 0.95rem;}
			.block ul li {width: 100%;}
		}
	}
	.orche {
		.man_new_list .list {width: calc(50% - 20px);}
	}
	.ethics_wrap.w100 {
		.btn_box button.filedn {width: 100%;}
	}
	.sponsorint_wrap {
		.use {
			.img_wrap {flex-direction:column; justify-content:flex-start; gap: 12px;}
		}
		.benefit {
			ul {gap: 8px; justify-content: flex-start; align-items: flex-start; flex-direction:column;}
			.inner > ul li {width: 100%}
		}
		.spon_member_wrap {
			.btn_box {gap: 12px;}
		}
	}
	.news .filter .inner dt{display: none;}
	.profile .img, .profile .inner.se2_outputarea .img {margin: 0 0 20px 0; max-width: 100%; width: 100%;}

	.eduview_wrap, .edu.master, .common_wraput_wrap {
		.cardlist.man_list {gap: 30px 10px;}
		.main_v .inner .txt {padding-left: 12px;}
	}
	.history_wrap {
		.tab_content h3:after {height: 200px;}
	}
	article.ruleopen {
		.btn_box a {width: 100%;}
	}
	article.human-rights_wrap {
		.btn_box a.dn, .btn_box a.rp {width: 100%;}
	}
	.org article.ruleopen:has(.newtab) .innertab {
		.search_content {
			form,fieldset {flex-direction: column;}
		}
	}
	.map_wrap {
		article.map p {font-size: 14px; text-align: left;}
		article.map p span {padding-left: 0;}
		article.traffic p {flex-wrap: wrap; gap: 8px 0;}
	}
	#iquire_tab {
		.btn_box.topbtn {position: relative; right: auto; left: 0; float: left !important;}
	}
	#tbl_qna {
		td {padding: 0;}
	}

	/*신고*/
	.int_wrap.ethics_wrap {
		.btn_box.topbtn a {width: 100%;}
	}

	.border-box {border-radius: 0; padding: 20px 0; border-width: 1px 0;
		div + div h3.h2-title {padding: 40px 0 20px;}
		.btn_box {padding-top: 32px !important;}
		.btn_box.topbtn.fr + .old_txt h3.h2-title {padding: 60px 0 20px !important;}
		.block ul {padding-bottom: 20px;}
		.block ul li {padding: 3px 0 3px 10px;}
		.on .detail {padding: 12px 0 20px;}
	}
	.border-box:has(.faq_box) {border-width: 1px 0 0;}
}

/*재단소개 수정본 css*/
.vision_wrap {
	.intro-wrapper {
		display: flex;
		gap: 40px;
		align-items: flex-start;
		justify-content: space-between;
		max-width: 1600px;
		margin: 0 auto;
		box-sizing: border-box;
	}

	.intro-left {
		width: 40%;
		position: sticky;
		top: 160px;
		align-self: flex-start;
		height: fit-content;
	}

	.intro-left p {
		font-size: 2rem;
		line-height: 1.6;
		font-weight: 300;
		color: #000;
	}

	.intro-left strong {
		font-weight: 800;
		display: inline-block;
	}

	.intro-left .font-note {
		font-size: 16px;
		margin-top: 24px;
		color: #666;
	}

	.intro-right {
		width: 60%;
	}

	.intro-right p {
		color: #000;
		margin-bottom: 16px;
		padding: 0 0 12px 0;
		border-bottom: 1px solid #E0E0E0;
	}

	.intro-right p:last-child { border-bottom: none;}

}

@media (max-width: 1023px) {
	.vision_wrap {padding: 40px 0 0;
		.intro-wrapper {
			flex-direction: column;
			gap: 24px;
		}

		.intro-left {
			width: 100%;
			position: static;
		}

		.intro-left p {font-size: 1.5rem; margin-bottom: 0;}

		.intro-left p br {display: none}

		.intro-right {
			width: 100%;
		}
		.intro-right p {font-size: 1rem;}
	}
}


.main_v .ass_con .txt {color: #000 !important;}

/*서브 뉴디자인*/
.innertab {
	.sub_tab {position: relative; display: flex; gap: 4px; background: #EEEEEE; border-radius: 9999px; padding: 5px; width: fit-content; overflow: hidden; margin: 0 auto;
		button {position: relative; z-index: 1; background: transparent; border: none; padding: 10px 20px; border-radius: 9999px; font-size: 1.25rem; color: #616161; cursor: pointer; font-weight: 500; transition: color 0.2s ease, font-weight 0.2s ease; display: inline-flex; align-items: center; justify-content: center;}
		button.on {color: white; font-weight: 600;}
		button:hover, button:focus {animation: bounce-text 0.45s ease-in-out;}
		.slider-bg {position: absolute; top: 5px; bottom: 5px; left: 0; width: 0; background-color: #8B6252; border-radius: 9999px; z-index: 0; transition: transform 0.3s ease, width 0.3s ease;}
		button::before {content: none;}
	}
}
@keyframes bounce-text {
	0%   { transform: translateY(0); }
	30%  { transform: translateY(-4px); }
	60%  { transform: translateY(2px); }
	100% { transform: translateY(0); }
}

.sponsorint_wrap {
	.main_v {position: relative; display: flex; align-items: center; justify-content: center; text-align: center;
		.donation-hero__content {position: relative; padding: 0 1.5rem;}
		.donation-hero__title {font-size: 2.25rem; font-weight: 700; margin-bottom: 1rem;}
		.donation-hero__desc {font-size: 1.25rem; line-height: 1.6;}
	}
	.joinway::after {background: rgba(0,0,0,0.67); content: ''; width: 100vw; height: 100%; display: block; position: absolute; top: 0; left: 50%; z-index: -1; transform: translate(-50%,0);}
	.joinway::before {background: url(../image/sponsor/spoHistory.jpg) 50% 50% no-repeat; background-size: cover;}
	.joinway {
		.donation-method__inner {margin: 0 auto;}
		.donation-method__title {margin-bottom: 60px !important; color: #fff;}
		.donation-method__grid {display: flex; flex-wrap: wrap; gap: 20px; justify-content: center;}
		.donation-method__card {background: #fff; border-radius: 12px; padding: 32px; width: calc(33.3% - 13px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05); text-align: left; display: flex; flex-direction: column; justify-content: space-between;}
		.donation-method__card h4 {font-size: 1.5rem; margin-bottom: 20px;}
		.donation-method__card p {font-size: 1.125rem; color: var(--gray-800-color); line-height: 1.6;}
		.donation-method__card a {margin-top: 40px; font-size: 1.25rem; display: inline-block; font-weight: 600; color: #fff; background-color: #111; padding: 10px 20px; border-radius: 8px; text-decoration: none; transition: background-color 0.2s ease; text-align: center;}
		.donation-method__card a:hover {background: var(--main-color); color: #222;}
		.donation-method__card a.email{text-decoration:underline; display: unset; color: #111; background: unset; padding: 0; margin: 0;}
	}
	.use {
		.donation-usage-wrapper {display: flex; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; gap: 20px; padding-top: 40px; max-width: 1200px; margin: 0 auto;}
		.donation-usage-wrapper + .donation-usage-wrapper {padding-top: 60px; margin-top: 60px; border-top: 1px solid var(--gray-300-color)}
		.donation-swiper {flex: 1 1 500px; max-width: 560px;}
		.swiper-container {width: 100%; position: relative;}
		.swiper-slide img {width: 100%; border-radius: 8px;}
		.caption {margin: 0; background: rgba(0,0,0,0.5); color: rgba(255,255,255,0.7); position: absolute; right: 20px; top: 24px; z-index: 3; padding: 0 6px; font-size: 0.875rem;}
		.swiper-pagination {position: absolute !important; top: unset !important; bottom: 4% !important;}
		.swiper-pagination-bullet {background: none; border: 1px solid var(--white-color); opacity: 1;}
		.swiper-pagination-bullet-active {background: var(--main-color); border-color: var(--main-color);}
		.donation-text h3 {text-align: left; font-size: 1.5rem; margin-bottom: 12px;}
		.donation-text p {text-align: left; font-size: 1.125rem; white-space: normal; color: var(--gray-700-color)}
		.play_pause {left: 20px;}
	}
	.benefit {padding: 80px 0;  text-align: center; position: relative; z-index: 1;
		.benefit_bg:before {background: #F5F5F5; content: ''; width: 100vw; height: 100%; display: block; position: absolute; top: 0; left: 50%; z-index: -1; transform: translate(-50%,0);}
		.section-header .title {font-size: 2.25rem; font-weight: 700; margin-bottom: 8px;}
		.section-header .desc {font-size: 1.125rem; var(--gray-700-color);}
		.benefit-card-wrap {display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-top: 40px;}
		.benefit-card {background: #fff; border-radius: 12px; box-shadow: 0 2px 6px rgba(0,0,0,0.05); padding: 24px; width: calc(33% - 40px); display: flex; flex-direction: column; align-items: center; transition: all 0.3s;}
		.benefit-card:hover {box-shadow: 0 4px 12px rgba(0,0,0,0.2);}
		.benefit-card .icon {width: 200px; height: 200px;}
		.benefit-card .icon img {width: 100%; height: auto;}
		.benefit-card .text strong {font-size: 1.312rem; display: block; margin-bottom: 8px; color: var(--gray-800-color);}
		.benefit-card .text p {font-size: 1.25rem; color: var(--gray-800-color); line-height: 1.6;}
	}
	.detail {
		h3.title {font-size: 2.25rem; font-weight: 700; text-align: center; padding-bottom: 40px;}
		.inner-container {display: flex; margin: 0 auto;}
		.plan-cards {flex: 1; position: relative; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; max-width: 960px; margin: 0 auto; gap: 40px;}
		.plan-card {width: 100%; background: #fff; padding: 32px; border-radius: 8px; text-align: left; min-height: 120px; border: 1px solid var(--gray-400-color)}
		.plan-card:hover {border: 2px solid var(--main-color);}
		.plan-card .title {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; margin-bottom: 20px;}
		.plan-card .title h3 {display: flex; align-items: center; gap: 6px; font-size: 1.125rem;}
		.plan-card .title h3 strong {font-size: 1.5rem; width: 48px; height: 48px; border: 1px solid var(--gray-300-color); border-radius: 100%; display: flex; align-items: center; justify-content: center; color: var(--balck-color);}
		.plan-card .title h3 strong.l1 {background: #85a65f}
		.plan-card .title h3 strong.l2 {background: #bab4b4;}
		.plan-card .title h3 strong.l3 {background: #e4c515;}
		.plan-card .title h3 strong.l4 {background: #8f4bc4; color: var(--white-color);}
		.plan-card .title h3 strong.l5 {background: #e13a80;}
		.plan-card .title .price {font-weight: 700; font-size: 1.25rem; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 6px;}
		.plan-card .title .price strong {display:block; font-size: 1rem; font-weight: 700; background: var(--white-color); border: 1px solid var(--gray-300-color); width: 80px; color: var(--gray-800-color); border-radius: 2px; text-align: center; padding: 2px 0;}
		.plan-card .b-type {display: flex; justify-content: space-between; align-items: stretch;}
		.b-type .invite, .b-type .add {background: var(--gray-50-color); width: calc(50% - 4px); padding: 20px; border-radius: 8px;}
		.b-type .h-title {font-size: 1.125rem; border-bottom: 1px solid var(--gray-300-color); padding-bottom: 8px; margin-bottom: 12px; font-weight: 500;}
		.b-type .sb_txt {margin: 6px 0; display: flex; align-items: center; gap: 6px; text-align: left; color: var(--gray-800-color);}
		.b-type .sb_txt::before {content: ''; width: 3px; height: 3px; background: var(--gray-700-color); border-radius: 100%;}

	}
}
.spon_member_wrap {
	.spon-box {
		.inner h4 {font-size: 2.25rem; padding-bottom: 20px;}
		.sponsor-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 20px;}
		.sponsor-card {background: #fff; border-radius: 12px; border: 1px solid var(--gray-300-color); padding: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.06); text-align: center; align-content: center; height: 160px;}
		.sponsor-card:hover {box-shadow: 0 4px 10px rgba(0,0,0,0.2); border: 2px solid var(--main-color);}
		.sponsor-card img {max-width: 100%; max-height: 60px; object-fit: contain;
		}
	}
	.spon-history {width: 100%;
		.history-swiper-wrap {padding: 60px 0px;  margin: 0 auto; width: 100%; position: relative;}
		h2 {font-size: 2.25rem; padding-bottom: 20px;}
		.history-swiper .swiper-slide {background: #F5F5F5; border-radius: 8px; padding: 20px; height: auto; font-size: 1rem; line-height: 1.5;}
		.history-swiper .swiper-slide strong {display: block; font-size: 1.125rem; font-weight: 700; margin-bottom: 12px;}
		.history-swiper .swiper-slide p {position: relative; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; color: var(--gray-800-color); padding: 6px 0;}
		.history-swiper .swiper-slide p span {font-weight: 600;; display: flex; align-items: center; gap: 10px;}
		.history-swiper .swiper-slide p span:after {content: ''; width: 1px; height: 15px; background: var(--gray-600-color); display: block;}
		.swiper-button-box {display: flex; gap: 8px; position: absolute; top: 60px; right: 0;}
		.swiper-button-prev, .swiper-button-next {width: 48px !important; height: 48px !important; border-radius: 100%; border: 1px solid var(--gray-300-color) !important;}
	}
	.contact {}
}
.content.org#content:has(.history_wrap) {background: none;}
.history_wrap {position: relative; overflow: visible;
	.history-wrap-bg {position: sticky; top: 0px; left: 0; height: 0; z-index: -1; pointer-events: none;}
	.history-wrap-bg:before {background: url(../image/sponsor/spoHistory.jpg) 50% 50% no-repeat; background-size: cover; content: ""; width: 100vw;  height: 100vh; display: block; position: absolute; top: 0; left: 50%; z-index: -1; transform: translate(-50%, 0%);}
	.history-wrap-bg:after {background: rgba(0,0,0,0.67); content: ''; width: 100vw; height: 100vh; display: block; position: absolute; top: 0; left: 50%; z-index: -1; transform: translate(-50%,0%);}
	.history-container {display: flex; margin: 0 auto; gap: 120px; padding-top: 80px;}
	.history-year {font-size: 8rem; font-weight: 800; color: white; position: sticky; top: 120px; height: fit-content; min-width: 360px;}
	.history-content {position: relative; width: 100%;}
	.year-group {margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid rgba(255,255,255,0.4);}
	.year-group .th-year {display: none;}
	.year-group .month-wrap {display: flex; flex-direction: column; gap: 40px;}
	.month-wrap .mo-box {color: #fff;}
	.mo-box .month {font-size: 1.5rem; padding-bottom: 8px; font-weight: 500;}
	.mo-box ul {margin: 12px 0; color: white;}
	.year-group ul li {margin-bottom: 8px; font-size: 1.25rem;}
	.year-group:last-child {border-bottom: none;}
}
body:has(.history_wrap) {
	footer {position: relative; z-index: 10; /* 배경 위에 출력되도록 */ background: white; /* 필요시 불투명 배경색 */}
	.move-top {background: rgba(255,255,255,0.5)}
}

/*단원*/
.artM_wrap {display: flex; border: 1px solid var(--gray-300-color); padding: 40px 40px 40px 24px; margin-top: 60px; border-radius: 12px; gap: 40px;
	.category {display: flex; flex-direction: column; align-items: stretch; position: sticky; top: 100px; height: fit-content; width: 160px;
		.btn {text-align: left;  padding: 12px 16px;  margin-left: 16px; /* 비선택된 항목은 안쪽 */ background-color: var(--gray-50-color); position: relative; display: inline-block; font-size: 1rem; font-weight: 600; color: #616161; cursor: pointer; white-space: nowrap; flex-shrink: 0; transition: all 0.3s ease;}
		.btn:first-child {border-radius: 8px 8px 0px 0px;}
		.btn:last-child {border-radius: 0px 0px 8px 8px ;}
		.btn.active {background-color: var(--sub-color-purple); color: #000; font-weight: 700; margin-left: 0; z-index: 2; font-size: 1.25rem; padding: 12px 16px 12px 32px; border-radius: 0;}
		.btn.active::before {content: ""; position: absolute; left: 0px; top: 0; width: 0; height: 0; border-top: 24px solid transparent; border-bottom: 24px solid transparent; border-left: 16px solid #fff;}
		.btn:hover, .btn:focus {background: var(--sub-color-purple); color: #000; margin-left: 0; z-index: 2; outline: none; padding: 12px 16px 12px 32px; border-radius: 0;}
		.btn:hover::before, .btn:focus::before {content: ""; position: absolute; left: 0; top: 0; width: 0; height: 0; border-top: 24px solid transparent; border-bottom: 24px solid transparent; border-left: 16px solid #fff;}
	}
	.man_box {display: flex; flex-direction: column; gap: 40px; padding-top: 0; width: calc(100% - 160px);
		.mans {transition: border-color 0.3s ease;}
		.mans.man_new_list {margin-bottom: 0;}
		.mans.man_new_list:last-child {padding-bottom: 0; border-bottom: 0;}
		.cardlist.leader {margin-bottom: 40px; justify-content: flex-start;}
		.cardlist .list a {display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: 100%;}
		figure.img {overflow: hidden}
		figure.img img {width: 100%; height: auto; transition: transform 0.3s ease;}
		.mans .man_header h4 {padding: 0 0 20px 0;}
		.mans.man_new_list .list .txt {display: flex; flex-direction: column;}
		/* 확대 효과 */
		.list:hover figure.img img, .list:focus-within figure.img img {transform: scale(1.05);}
		.img_overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease; pointer-events: none;}
		.detail_text {color: #fff; font-size: 1.5rem; font-weight: 700;}
		.list:hover .img_overlay, .list:focus-within .img_overlay {opacity: 1;}
		.man_new_list.hide {display: none;}
	}
	.man_box:has(.hide) .mans.man_new_list {padding-bottom: 0; border-bottom: none;}
	/*.man_box.active-border {border-color: var(--sub-color-purple);}*/
}

@media only screen and (max-width:1023px) {
	.innertab {
		.sub_tab {border-radius:8px; width: auto; max-width: 100%; overflow-x: auto;
			.slider-bg {border-radius: 6px;}
			button {font-size: 1rem; padding: 8px 12px;}
			button:hover, button:focus {animation:none;}
		}

		/*
		.sub_tab {background-color: unset; padding: 0; border-radius: 0; margin: 0; box-shadow: none; width: 100%; justify-content: flex-start; gap: 20px; overflow-x: auto;
			button {padding: 4px 0; border-radius: 0; font-size: 1rem;}
			button::before {content: ""; height: 2px; top: auto; background-color: #000; border-radius: 0; box-shadow: none;}
			button:hover, button:focus {animation:none;}
			button.on {color: #000;}
		}*/
	}
	/* .profile_d {
		.inner {flex-direction: column; gap: 40px;}
		.profile-left {width: 100%; position: relative; min-width: auto; top: 0; text-align: center;}
		.profile-left .img img {height: 400px;}
		.profile-left .title .role {font-size: 1.125rem;}
		.profile-left .title .ko {font-size: 2rem; padding-bottom: 0;}
		.profile-left .title .en {font-size: 1.75rem;}
		.profile-left .title .period {font-size: 1rem;}
		.profile-right .scroll-box p {font-size: 1rem; margin-bottom: 12px; padding-bottom: 12px;}
		.profile-right .scroll-box p:last-child {margin-bottom: 0; padding-bottom: 0;}
	} */
	.sponsorint_wrap {
		.innertab {overflow: unset;}
		.main_v {
			.donation-hero__title {font-size: 1.5rem; margin-bottom: 12px;}
			.donation-hero__desc {font-size: 1rem;}
		}
		.joinway {
			.donation-method__title {font-size: 1.5rem; margin-bottom: 20px !important;}
			.donation-method__grid {flex-direction: column; gap: 12px;}
			.donation-method__card {width: 100%; padding: 24px;}
			.donation-method__card h4 {font-size: 1.125rem; margin-bottom: 12px;}
			.donation-method__card a {margin-top: 20px; font-size: 1rem;}
			.donation-method__card a:hover {background: black; color: #fff;}
			.donation-method__card p {font-size: 1rem;}
		}
		.use {
			.donation-usage-wrapper {flex-direction: column; max-width: 100%;}
			.donation-swiper {max-width: 100%; order: 1; flex: auto;}
			.donation-text {order: 2;}
			.donation-text h3 {font-size: 1.125rem;}
			.donation-usage-wrapper + .donation-usage-wrapper {padding-top: 40px; margin-top: 40px;}
			.donation-text p {font-size: 1rem;}
		}
		.tab_content:has(.benefit) {overflow: unset; overflow-x: unset;}
		.benefit {padding: 60px 0;
			.benefit_bg:before {background: #F5F5F5; content: ''; width: 100vw; height: 100%; display: block; position: absolute; top: 0; left: 50%; z-index: -1; transform: translate(-50%,0);}
			.section-header .title {font-size: 1.5rem;}
			.section-header .desc {font-size: 1rem;}
			.benefit-card .icon {width: 60%; height: auto;}
			.benefit-card .text strong {font-size: 1.125rem;}
			.benefit-card .text p {font-size: 14px;}
			.benefit-card {width: calc(36% - 40px); padding: 20px;}
			.benefit-card:hover {box-shadow: 0 2px 6px rgba(0,0,0,0.05);}
		}
		.detail {
			h3.title {font-size: 1.5rem;}
			.plan-cards {max-width: 100%; gap: 20px;}
			.plan-card {padding: 24px;}
			.plan-card .title {margin-bottom: 12px;}
			.plan-card .title h3 strong {font-size: 1.125rem; width: 36px; height: 36px;}
			.plan-card .title .price {flex-direction: row; align-items: center; font-size: 1.125rem;}
			.plan-card .title .price strong {font-size: 14px; width: 72px}
			.plan-card:hover {border: 1px solid var(--gray-400-color)}
			.b-type .invite, .b-type .add {padding: 16px;}
			.b-type .h-title {font-size: 1rem; margin-bottom: 10px;}
			.b-type .sb_txt {font-size: 14px; margin: 4px 0;}
			.b-type .sb_txt::before {width: 2px; height: 2px;}
		}
	}
	.spon_member_wrap {
		.spon-box {
			.sponsor-card:hover {box-shadow: 0 4px 10px rgba(0,0,0,0.06); border: 1px solid var(--gray-300-color);}
			.inner h4 {font-size: 1.5rem;}
			.sponsor-grid {grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));}
			.sponsor-card {height: 132px;}
		}
		.spon-history {
			.history-swiper-wrap {padding: 40px 0;}
			h2 {font-size: 1.5rem;}
			.swiper-button-box {top: 40px;}
			.swiper-button-prev, .swiper-button-next {width: 40px !important; height: 40px !important;}
			.swiper-button-next:after, .swiper-button-prev:after {font-size: 1.125rem !important;}
		}
	}
	div:has(.history-wrap-bg) {overflow:unset !important; overflow-x: unset !important;}
	.history_wrap {
		.history-wrap-bg {top: 0px;}
		.history-wrap-bg:before, .history-wrap-bg:after {height: 100vh;}
		.history-container{padding-top: 60px; gap: 60px;}
		.history-year {font-size: 6rem; min-width:280px; top: 80px;}
		.year-group {margin-bottom: 40px; padding-bottom: 40px;}
		.year-group .month-wrap {gap: 20px;}
		.mo-box .month {font-size: 1.375rem; padding-bottom: 6px;}
		.mo-box ul {margin: 8px 0;}
		.year-group ul li {font-size: 1.125rem; margin-bottom: 6px;}
	}
	.map_wrap.new_map {
		.map {flex-direction: column; height: auto; justify-content: flex-start;
			.box {width: 100%; border-right: none; border-bottom: 1px solid var(--gray-300-color);}
			.info-box {width: 100%; font-size: 1rem; padding: 0 40px 40px;}
			
			
			.info-box .ad_box button {vertical-align: middle; font-size: 0.875rem;}
			.info-box .ad_box button:before {width: 16px; height: 16px; background-size: 16px;}
		}
		.sketch_map {
			h3 {font-size: 1.875rem;}
		
		}
		.toast {min-width: 240px}
	}

	.artM_wrap {flex-direction: column; gap: 40px; border: none; border-radius: 0; margin-top: 40px; padding: 0;
		.category {position: relative; top: 0;  display: flex; flex-direction: row; overflow-x: auto; gap: 20px; white-space: nowrap; -webkit-overflow-scrolling: touch; overflow-y: hidden; width: 100%;
			button.btn {line-height: 20px;flex: 0 0 auto; font-size: 1rem; font-weight: 500; color: #888; background: none; border: none; padding: 4px 0px; position: relative; cursor: pointer; margin-left:0;}
			button.btn::after {content: ""; position: absolute; left: 0; bottom: 0px; height: 2px; width: 100%; background: #000; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease-in-out;}
			button.btn.active {color: #000; font-weight: 700; background-color: unset; font-size: 1rem; padding: 4px 0;}
			button.btn.active::after {transform: scaleX(1);}
			.btn.active::before {content: none;}
			.btn:hover, .btn:focus {background: unset; color: #888; margin-left: 0; z-index: 2; outline: none; padding: 4px 0;}
			.btn:hover::before, .btn:focus::before {content:none;}
		}

		.man_box {gap: 30px; width: 100%; border: none; padding: 0;
			.mans {padding: 0;}
			.mans.man_new_list {padding-bottom: 30px;}
			.mans .man_header h4 {padding: 0 0 12px 0; }
			.cardlist {align-items: flex-start;}
			.cardlist.leader {margin-bottom: 30px;}
			.list:hover figure.img img, .list:focus-within figure.img img{transform: none;}
			.list:hover .img_overlay, .list:focus-within .img_overlay {opacity: 0;}
			.mans.man_new_list .list .txt {padding-top: 12px;}
			.mans.on .txt h4 span {font-size: 1.125rem;}

		}

	}
}
@media only screen and (max-width:767px) {
	/* .profile_d {
		.inner {gap: 20px;}
		.profile-left .img img {height: 100%;}
		.profile-left .title .role {font-size: 1rem;}
		.profile-left .title .ko {font-size: 1.5rem; margin: 6px 0 0;}
		.profile-left .title .en {font-size: 1.25rem;}
		.profile-left .title .period {font-size: 0.875rem; }
	} */
	.sponsorint_wrap {
		.joinway {
			h3{padding-bottom: 0px;}
			.donation-method__card {padding: 20px; border-radius:8px;}
			.donation-method__card h4 {margin-bottom: 8px;}
		}
		.use {
			.donation-usage-wrapper {padding-top: 20px;}
			.donation-usage-wrapper + .donation-usage-wrapper {padding-top: 20px; margin-top: 20px;}
			.donation-swiper .play_pause {bottom: 4%; left: 12px;}
		}
		.benefit {padding: 40px 0;
			.benefit-card-wrap {margin-top: 20px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px;}
			.benefit-card {width: 100%; padding: 16px;}
			.benefit-card .icon {width: 32%;}
			.benefit-card .text strong {font-size: 1rem;}
		}
		.detail {
			h3.title {padding-bottom: 20px;}
			.plan-cards {gap: 12px;}
			.plan-card {padding: 16px;}
			.plan-card .title {flex-direction: column; justify-content: flex-start; gap: 16px; margin-bottom: 16px;}
			.plan-card .title h3 {font-size: 1rem;}
			.plan-card .title h3 strong {font-size: 1rem; width: 32px; height: 32px;}
			.plan-card .title .price {font-size: 1rem;}
			.plan-card .b-type {flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px;}
			.b-type .invite, .b-type .add {padding: 12px; width: 100%; border-radius: 6px;}
			.b-type .sb_txt {gap: 4px;}
			.b-type .h-title {font-size: 14px; margin-bottom: 8px;}
		}
	}
	.spon_member_wrap {
		.spon-box {
			.sponsor-grid {display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 12px;}
			.sponsor-card { height: auto; border-radius: 6px; width: 100%;}
			.sponsor-card img {max-height: 40px;}
		}
		.spon-history {
			.swiper-wrapper {flex-direction: column; gap: 12px;}
			.swiper-button-box {display: none}
			.history-swiper .swiper-slide strong {font-size: 1rem; margin-bottom: 10px;}
			.history-swiper .swiper-slide p {padding: 4px; font-size: 14px;}
			.history-swiper .swiper-slide p span:after {height: 12px;}
		}
	}
	.history_wrap {
		.history-content {padding-top: 40px;}
		.history-container {padding-top: 0px; flex-direction: column; gap: 40px;}
		.history-wrap-bg:before, .history-wrap-bg:after {top: 160px;}
		.history-year {color: #000; z-index: 1; font-size: 4rem; min-width: 100%; top: 60px; text-align: center;}
		.mo-box .month {font-size: 1.125rem; padding-bottom: 4px;}
		.mo-box ul {margin: 6px 0;}
		.year-group ul li {font-size: 1rem; margin-bottom: 4px;}
	}
	.map_wrap.new_map {
		.map {gap: 20px;
			.info-box {padding: 0 20px 20px;}
			.info-box h3 {font-size: 1.5rem;}
			.info-box p {word-break:keep-all;}
			.info-box p:before {width: 20px; height: 20px; font-size: 12px; line-height: 20px; margin-right: 6px;}
			.info-box .btn_box {margin-top: 12px;}
		}
		.sketch_map {padding-top: 0;
			h3 {font-size: 1.5rem; padding-bottom: 12px;}
		
		}
	}
}

/*오케스트라 호버효과*/
.oldhistory .cardlist.man_list .list a {
	figure.img {overflow: hidden}
	figure.img img {transition: transform 0.3s ease;}
}
.oldhistory .cardlist.man_list .list a:hover, .oldhistory .cardlist.man_list .list a:focus-within {
	figure.img img {transform: scale(1.05);}
}
@media only screen and (max-width:1023px) {
	.oldhistory .cardlist.man_list .list a:hover, .oldhistory .cardlist.man_list .list a:focus-within {
		figure.img img {transform: none;}
	}
}