/* reset */
* {
    -webkit-font-smoothing: antialiased;
}


@font-face {
  font-family: Pretendard;
  font-weight: 100;
  src: local("Pretendard Thin"),
  url("/2025/fonts/Pretendard-Thin.woff") format('woff'),
  url("/2025/fonts/Pretendard-Thin.woff2") format('woff2');
}
@font-face {
  font-family: Pretendard;
  font-weight: 300;
  src: local("Pretendard Light"),
  url("/2025/fonts/Pretendard-Light.woff") format('woff'),
  url("/2025/fonts/Pretendard-Light.woff2") format('woff2');
}

@font-face { 
  font-family: Pretendard;
  font-weight: 400;
  src: local("Pretendard Regular"),
  url("/2025/fonts/Pretendard-Regular.woff") format('woff'),
  url("/2025/fonts/Pretendard-Regular.woff2") format('woff2');
}

@font-face {
  font-family: Pretendard;
  font-weight: 500;
  src: local("Pretendard Medium"),
  url("/2025/fonts/Pretendard-Medium.woff") format('woff'),
  url("/2025/fonts/Pretendard-Medium.woff2") format('woff2');
}

@font-face {
  font-family: Pretendard;
  font-weight: 600;
  src: local("Pretendard SemiBold"),
  url("/2025/fonts/Pretendard-SemiBold.woff") format('woff'),
  url("/2025/fonts/Pretendard-SemiBold.woff2") format('woff2');
}

@font-face {
  font-family: Pretendard;
  font-weight: 700;
  src: local("Pretendard Bold"),
  url("/2025/fonts/Pretendard-Bold.woff") format('woff'),
  url("/2025/fonts/Pretendard-Bold.woff2") format('woff2');
}

*		{box-sizing: border-box;}

body		{min-width:1440px;}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
select,
pre {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #666;
    font-family:  "Pretendard", "Noto Sans", "arial", "Sans-serif";
	font-size: 17px;
    font-weight: 300;
    letter-spacing: 0;
    vertical-align: baseline;
    line-height: 160%;
    word-break: keep-all;
}
body,
input,
textarea,
select,
button,
table,
pre,
em,
strong {
    font-family:  "Pretendard", "Noto Sans", "arial", "Sans-serif";
    color: inherit;
    font-size: 100%;
    font-weight: 400;
    letter-spacing: 0;
    vertical-align: baseline;
}
img,
fieldset {
    border: 0;
    vertical-align: middle;
}
ul,
ol {
    list-style: none;
}
em,
address {
    font-style: normal;
}
legend {
    margin-left: -7px;
    display: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a {
    text-decoration: none;
    font-family:  "Pretendard", "Noto Sans", "arial", "Sans-serif";
    color: #bbb;
    font-weight: 400;
    -webkit-tap-highlight-color: transparent;
}
div {
    -webkit-tap-highlight-color: transparent;
}
a:hover,
a:active,
a:focus {
    text-decoration: none;
}
iframe {
    border: 0;
}
body {
    min-width: 1400px;
}
::selection {
    color: #fff;
    background: #0000cc;
}

.mt0	{margin-top:0;}
.mt10	{margin-top:10px;}
.mt20	{margin-top:20px;}
.mt30	{margin-top:30px;}
.mt40	{margin-top:40px;}
.mt50	{margin-top:50px;}
.mt60	{margin-top:60px;}

.mb0	{margin-bottom:0;}
.mb10	{margin-bottom:10px;}
.mb20	{margin-bottom:20px;}
.mb30	{margin-bottom:30px;}
.mb40	{margin-bottom:40px;}
.mb50	{margin-bottom:50px;}
.mb60	{margin-bottom:60px;}

:root{
	--orange: #F88B00;
	--yellow: #ffbc0f;
}

/*ready2020-m*/
.ready2020-m {
    display: none;
}
.ready_pop:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* common */
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
button,
input {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    background: transparent;
    outline: none;
	cursor: pointer;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
    outline: none;
}
.wrap_overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.7);
}
.wrap_overlay.on {
    display: block;
}

/* �˾� �ݵ�� left���� ��ġ ���� ��*/
/* popup */
.main .banner01 {
    position: absolute;
    top: 100px;
    left: 100px;
    z-index: 9999;
}
.main .banner01 .btn_close01 {
    background-color: #000;
}
.main .banner01 .btn_close01 input {
    margin-left: 10px;
}
.main .banner01 .btn_close01 label {
    color: #ffcc00;
}
.main .banner01 .btn_close01 button {
    position: absolute;
    right: 10px;
    cursor: pointer;
}

/* popup02 */
.main .banner02 {
    position: absolute;
    top: 100px;
    left: 495px;
    z-index: 9999;
}
.main .banner02 .btn_close02 {
    background-color: #000;
}
.main .banner02 .btn_close02 input {
    margin-left: 10px;
}
.main .banner02 .btn_close02 label {
    color: #ffcc00;
}
.main .banner02 .btn_close02 button {
    position: absolute;
    right: 10px;
    cursor: pointer;
}

/* popup03 */
.main .banner03 {
    position: absolute;
    width: 500px;
    top: 100px;
    left: 900px;
    z-index: 9999;
}
.main .banner03 .btn_close03 {
    background-color: #000;
}
.main .banner03 .btn_close03 input {
    margin-left: 10px;
}
.main .banner03 .btn_close03 label {
    color: #ffcc00;
}
.main .banner03 .btn_close03 button {
    position: absolute;
    right: 10px;
    cursor: pointer;
}
.main .banner03 .more-text {
    position: absolute;
    color: #fff;
    display: flex;
    bottom: 30px;
    background: red;
    border-radius: 30px;
    left: 162px;
    width: 180px;
    height: 50px;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
}

/* popup04 */
.main .banner04 {
    position: absolute;
    top: 478px;
    right: 50px;
    z-index: 9999;
}
.main .banner04 .btn_close04 {
    background-color: #000;
}
.main .banner04 .btn_close04 input {
    margin-left: 10px;
}
.main .banner04 .btn_close04 label {
    color: #ffcc00;
}
.main .banner04 .btn_close04 button {
    position: absolute;
    right: 10px;
    cursor: pointer;
}

/* popup05 */
/*.main .banner05 {position: absolute; top: 100px;right: 1183px;z-index:9999;}
.main .banner05 .btn_close05 {background-color: #000;}
.main .banner05 .btn_close05 input {margin-left: 10px;}
.main .banner05 .btn_close05 label {color: #ffcc00;}
.main .banner05 .btn_close05 button {position: absolute;right: 10px;cursor: pointer;}*/

/* ie */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .main #footer {
        display: none;
    }
    .main #footer.up {
        display: block;
    }
}

/* main */
.header-wrap {
    display: flex;
    align-items: center;
    justify-content: space-around;
    /* width: 1630px; */
    margin: 0 auto;
}

@media screen and (max-width: 1440px) {
    .header-wrap {
        display: flex;
        align-items: center;
        justify-content: space-around;
		padding:0 50px !important;
        /* width: 1400px; */
    }
}

.header-logo {
    width: 160px;
    height: 48px;
}
.header-logo img {
    width: 100%;
    height: 100%;
}

.main #wrap {
    /* overflow: auto; */
}

#header {
    position: fixed;
    width: 100%;
    min-width: 1800px;
    z-index: 5;
    transition: all ease 0.3s;
	background: #fff;
}
@media screen and (max-width: 1700px) {
    #header {
        min-width: 1400px;
    }
}

#header.fixed {
    background-color: rgba(255, 255, 255, 0.8); backdrop-filter: blur(6px);
}
#header h1 {
    /* position: relative;
    padding-left: 65px; */
}

/* 위치 수정시, .main-logo a 같이 수정되야함  */
#header h1 a {
    position: fixed;
    top: 210px;
    left: 140px;
    display: block;
    width: 540px;
    height: 259px;
    text-indent: -9999px;
    background: url(/2025/common/img/logo_spaf_w.png) no-repeat;
    background-size: contain;
}

@media screen and (max-width: 1440px) {
    #header h1 a {
        display: none;
    }
}

/* 위치 수정시,  #header h1 a 같이 수정되어야함 */
.main-logo a {
    position: absolute;
    top: 210px;
    left: 140px;
    display: block;
    width: 540px;
    height: 259px;
    text-indent: -9999px;
    z-index: 2;
    background: url(/2025/common/img/logo_spaf_w.png) no-repeat;
    background-size: contain;
}
/* 메인에서 로고 사라지게하기 */
#wrap .main-screen #header .inner h1 {
    display: none !important;
}

#header ul li {
    display: inline-block;
}
#header ul li a {
    color: #222;
}
#header .nav {
    text-align: center;
}
#header .nav .mo {
    display: none;
}
#header .nav > li {
    position: relative;
    margin: 0 55px;
}
#header .nav > li > a {
    display: block;
    font-size: 22px;
    font-weight: 600;
    padding: 39px 0;
    transition: all ease 0.3s;
}

#header .nav > li:hover ul {
    display: block;
}
#header .nav > li ul {
    position: absolute;
    left: -20px;
	top:104px;
    width: 150px;
    padding: 17px 25px;
    background-color: #f88b00;
    z-index: 100;
    display: none;
}
/* #header .nav > li:nth-child(3) ul {left: -80%;width: 170%;} */

#header .nav > li.spaf ul {
    z-index: 1;
}
#header .nav > li.program ul {
    left: -32px;
}

#header .nav > li.ticket ul {
    left: 45px;
}
#header .nav > li.news ul {
    left: -40px;
}
#header .nav li ul li {
    line-height: 1.1;
}
#header .nav li ul li a {
    display: block;
    padding: 8px 0;
    font-size: 16px;
    color: #fff;
	text-transform: uppercase;
}
#header .nav li ul li a:hover {
    font-weight: 600;
}
/* #header .search {
    position: absolute;
    right: 50px;
    top: 50%;
    margin-top: -19px;
} */
/* #header .search li {
    position: relative;
    float: left;
} */
#header .search li a {
    font-size: 14px;
    line-height: 38px;
}
#header .search li a span {
    line-height: 0.8;

    padding-left: 8px;
    display: inline-block;
}
#header .search li a div {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: cover;
}
#header .search li a div.navertv_icon {
    background-image: url("/2025/common/img/whitenaver-tv.png");
}
#header .search li a div.instargram_icon {
    background-image: url("/2025/common/img/whiteinstar.png");
}
#header .search li a div.facebook_icon {
    background-image: url("/2025/common/img/whitefacebook.png");
}
#header .search li a div.youtube_icon {
    background-image: url("/2025/common/img/whiteyoutube.png");
}
#header .search li a div.naverblog_icon {
    background-image: url("/2025/common/img/naverblog.png");
}
#header .search li a div.newsletter_icon {
    background-image: url("/2025/common/img/newsletter.png");
}
#header .search li:first-child a span {
    border-left: none;
}
#header .search li + li {
    padding-left: 15px;
}
#header .search .form_area {
    float: right;
    padding-left: 30px;
    margin-right: 20px;
}
#header .search .form_area input[type="text"] {
    padding-right: 32px;
    box-sizing: border-box;
    color: #fff;
}

.lang-wrap {
    display: flex;
    gap: 20px;
}
.lang-wrap .kor-wrap {
    /* display: flex; */
}
.lagn-wrap .kor {
    display: flex;
}

.lang-wrap .icon-kor {
    width: 20px;
    height: 20px;
    background: url("/2025/common/icon/kor.svg") no-repeat;
    background-size: contain;
}
.lang-wrap .icon-eng {
    width: 20px;
    height: 20px;
    background: url("/2025/common/icon/eng.svg") no-repeat;
    background-size: contain;
}

#header .lang a {
    /* display: block; */
    display: flex;
    gap: 5px;
    align-items: center;
}
#header .lang a:hover {
    /* font-weight: 700; */
}
#header .lang a span {
    /* padding-right: 15px;
    background: url(../img/lang.png) right no-repeat;
    width: 28px; */
}
#header .lang .eng {
    position: absolute;
    top: 25px;
    opacity: 0;
    transition: all ease 0.3s;
}
#header .lang:hover .eng {
    opacity: 1;
}
#header input[type="text"] {
    border: 1px solid #fff;
    width: 160px;
    height: 36px;
    text-indent: 10px;
}
#header form {
    position: relative;
}
#header .search_btn {
    overflow: hidden;
    display: block;
    /* position: absolute; */
    /* top: 9px;
    right: 10px; */
    width: 30px;
    height: 30px;
    /* text-indent: -999px; */
    /* background: url(/2025/common/img/search.png) center no-repeat; */
    background: url(/2025/inc/img/search.svg);
    background-size: contain;
}
#header .menu-btn {
    width: 30px;
    height: 30px;
    background: url(/2025/inc/img/search.svg);
    background-size: contain;
}

@media screen and (max-width: 1700px) {
    #header .nav > li:nth-child(1) {
        /* margin-left: -310px; */
    }
}

.main {
    /* overflow: hidden; */
}
.main .slick-list,
.main .slick-track {
    width: 100%;
    height: 100%;
}
.main .bg-slide {
    position: relative;
    width: 100%;
    height: 100%;
}
.main .bg-slide li {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.main .bg-slide li img {
    height: 100%;
}
.main .bg-slide li a {
    display: block;
    width: 100%;
    height: 100%;
}

/* 메인 슬라이드 이미지는 variables.php의 "image_main" 이부분 수정 */
/* 
.main .bg-slide li:nth-child(1) {
    background-image: url(/2022/common/img/BG_img_1.jpg);
}
.main .bg-slide li:nth-child(2) {
    background-image: url(/2022/common/img/BG_img_2.jpg);
}
.main .bg-slide li:nth-child(3) {
    background-image: url(/2022/common/img/BG_img_3.jpg?1);
}
.main .bg-slide li:nth-child(4) {
    background-image: url(/2022/common/img/BG_img_4.jpg);
}
.main .bg-slide li:nth-child(5) {
    background-image: url(/2022/common/img/BG_img_5.jpg);
}
.main .bg-slide li:nth-child(6) {
    background-image: url(/2022/common/img/BG_img_6.jpg);
}
.main .bg-slide li:nth-child(7) {
    background-image: url(/2022/common/img/BG_img_7.jpg);
}
.main .bg-slide li:nth-child(8) {
    background-image: url(/2022/common/img/BG_img_8.jpg);
}
.main .bg-slide li:nth-child(9) {
    background-image: url(/2022/common/img/BG_img_9.jpg);
}
.main .bg-slide li:nth-child(10) {
    background-image: url(/2022/common/img/BG_img_10.jpg);
}
.main .bg-slide li:nth-child(11) {
    background-image: url(/2022/common/img/BG_img_11.jpg);
}
.main .bg-slide li:nth-child(12) {
    background-image: url(/2022/common/img/BG_img_12.jpg);
}
.main .bg-slide li:nth-child(13) {
    background-image: url(/2022/common/img/BG_img_13.jpg?1);
}
.main .bg-slide li:nth-child(14) {
    background-image: url(/2022/common/img/BG_img_14.jpg);
}
.main .bg-slide li:nth-child(15) {
    background-image: url(/2022/common/img/BG_img_15.jpg);
}
.main .bg-slide li:nth-child(16) {
    background-image: url(/2022/common/img/BG_img_16.jpg?1);
}
.main .bg-slide li:nth-child(17) {
    background-image: url(/2022/common/img/BG_img_17.jpg);
}
.main .bg-slide li:nth-child(18) {
    background-image: url(/2022/common/img/BG_img_18.jpg?1);
}
.main .bg-slide li:nth-child(19) {
    background-image: url(/2022/common/img/BG_img_19.jpg);
}
.main .bg-slide li:nth-child(20) {
    background-image: url(/2022/common/img/BG_img_20.jpg?1);
}
.main .bg-slide li:nth-child(21) {
    background-image: url(/2022/common/img/BG_img_21.jpg);
} */

.main .bg-slide .slick-arrow,
.controls_btn button {
    position: absolute;
    bottom: 385px;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    z-index: 10;
}
.main .bg-slide .slick-prev {
    left: 170px;
    background: url(/2025/common/img/left.png) no-repeat;
    z-index: 1 !important;
}
.main .bg-slide .slick-next {
    left: 284px;
    background: url(/2025/common/img/right.png) no-repeat;
    z-index: 0 !important;
}

.controls_btn button {
    display: none;
    opacity: 0.8;
    transition: all ease 0.3s;
}
.controls_btn button:hover {
    opacity: 1;
}
.controls_btn .active {
    display: block;
}
.controls_btn button.pause {
    position: relative;
    left: 320px;
    bottom: 410px;
    background: url(/2025/common/img/pause.png) no-repeat;
    z-index: 0 !important;
    background-size: contain;
}
.controls_btn button.play {
    position: relative;
    left: 320px;
    bottom: 410px;
    width: 24px;
    height: 24px;
    background: url(/2025/common/img/play.png) no-repeat;
}


/* 텍스트 박스 퍼블리싱 수정 */

.main .bg-slide .text_box {
    position: absolute;
    padding-left: 170px;
    bottom: 80px;
    color: #fff;
    line-height: 1.5;
}


.text_box .icon {
    margin-right: 10px;
}

.text_box .title {
    font-size: 60px;
    font-weight: 600;
	border-bottom: 1px solid rgba(255,255,255,0.2);
    padding-bottom: 35px;
    margin-bottom: 25px;
	color: #fff;
}
.text_box .light {
    font-weight: 300;
}
.text_box .icon-menu {
    width: 24px;
    height: 24px;
    background: url(../icon/boxes.svg) no-repeat;
}
.text_box .icon-location {
    width: 24px;
    height: 24px;
    background: url(../icon/map.png) no-repeat;
    background-size: contain;
}
.text_box .icon-time {
    width: 24px;
    height: 24px;
    background: url(../icon/time2.png) no-repeat;
    background-size: contain;
}
.text_box .sub-title {
    font-size: 20px;
    font-weight: 300;
	color: #fff;
}
.text_box .time {
    font-size: 20px;
    font-weight: 300;
	color: #fff;
}

.text_box .info-wrap {
    display: flex;
    align-items: center;
	margin-bottom: 5px;
}

.main .bg-slide .text_box strong,
.main .bg-slide .text_box span {
    /* display: block; */
}
.main .bg-slide .text_box span.double {
    display: block;
    color: #fff;
    width: 140px;
    text-align: center;
    background: #00b4da;
}
.main .bg-slide .text_box strong {
    padding-bottom: 20px;
    font-size: 30px;
    font-weight: 800;
}
.main .bg-slide .text_box strong i {
    font-size: 30px;
    font-style: normal;
}
.main .bg-slide .text_box em {
    position: relative;
    bottom: 305px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 15px;
    left: 51px;
}
.main .bg-slide .main-image-text-L {
    position: absolute;
    color: #fff;
    bottom: 20px;
    left: 20px;
}
.main .bg-slide .main-image-text-R {
    position: absolute;
    color: #fff;
    bottom: 20px;
    right: 20px;
}

.main-contents {
    height: 920px;
}

.main #contents > .text_box {
    position: absolute;
    top: 323px;
    left: 59px;
    font-size: 20px;
    color: #fff;
}
.main #contents > .text_box a {
    display: inline-block;
    padding: 0 11px;
    color: #fff;
    border-right: 1px solid #fff;
}
.main #contents > .text_box a:last-child {
    border: 0;
}
.main #contents .box_menu {
    position: absolute;
    right: 25px;
    top: 257px;
    /* padding-top: 87px; */
    width: 800px;
    height: 100%;
    box-sizing: border-box;
}

/*
.main #contents .box_menu li:first-child {width: 100%}
.main #contents .box_menu li:first-child + li {}
*/
.main #contents .box_menu li {
    float: left;
    width: 35%;
    height: 35%;
    border-left: 1px dashed rgba(255, 255, 255, 0.1);
    border-top: 1px dashed rgba(255, 255, 255, 0.1);
    border-right: 1px dashed rgba(255, 255, 255, 0.1);
    box-sizing: border-box;
}

@media screen and (max-width: 1440px) {
    .main #contents .box_menu {
        right: -58px;
        width: 550px;
        margin-right: 25px;
    }
    .main #contents .box_menu li {
        float: left;
        width: 43%;
        height: 35%;
        border-left: 1px dashed rgba(255, 255, 255, 0.1);
        border-top: 1px dashed rgba(255, 255, 255, 0.1);
        border-right: 1px dashed rgba(255, 255, 255, 0.1);
        box-sizing: border-box;
    }
}

.main #contents .box_menu li:nth-child(1) {
    border-top: none;
}
.main #contents .box_menu li:nth-child(2) {
    border-top: none;
}

.main #contents .box_menu li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.main #contents .box_menu li a:hover {
    background-color: rgba(255, 255, 255, 0.1);
}
.main #contents .box_menu li a em {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    font-size: 36px;
    color: #fff;
    font-weight: 700;
    padding-top: 120px;
}

.logo-icon {
    background: url(/2025/inc/img/spaflogo.png) no-repeat;
    width: 87px;
    height: 40px;
    background-size: contain;
    margin-bottom: 27px;
}
.program-icon {
    background: url(/2025/inc/img/program-icon.svg) no-repeat;
    width: 50px;
    height: 50px;
    background-size: contain;
    margin-bottom: 18px;
}

.ticket-icon {
    background: url(/2025/common/icon/ticket.svg) no-repeat;
    width: 50px;
    height: 50px;
    margin-bottom: 21px;
}

.access-icon {
    background: url(/2025/common/icon/map.svg) no-repeat;
    width: 50px;
    height: 50px;
    margin-bottom: 21px;
}

.main #contents .box_menu li a em.access {
    color: rgba(255, 255, 255, 0.8);
}

/* spaf 추가부분 */
.spaf-info	{padding-top: 120px;}

.spaf-wrap {
	max-width: 1760px;
    margin: 0 auto;
    width: 100%;
    padding: 0 80px;
	display: flex;
    justify-content: space-between;
}


.spaf-info h3 {
    font-size: 40px;
    color: #222;
    margin-bottom: 66px;
}

.spaf-wrap .left-spaf	{}

.left-wrap {
    display: flex;
    gap: 26px;
}
.spaf-img-wrap {
    width: 330px;
    height: 292px;
    position: relative;
}
.spaf-img-wrap img {
    width: 100%;
    height: 100%;
}

.spaf-img-wrap .spaf-meta {
    position: absolute;
    top: 199px;
    left: 21px;
    background-color: #fff;
    max-width: 309px;
    border-radius: 10px 0px 0px 10px;
    padding: 28px 17px;
    min-height: 193px;
}

.spaf-img-wrap .spaf-meta .title {
    margin-bottom: 5px;
    letter-spacing: -1px;
    width: 275px;
    font-size: 25px;
    font-weight: 800;
    color: #000;
    min-height: 90px;
    /* max-height: 90px;
    overflow: hidden;
    vertical-align: top;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; */
}
.spaf-img-wrap .spaf-meta > .date {
    font-size: 18px;
    color: #de0000;
    margin-bottom: 14px;
}
.spaf-img-wrap .spaf-meta p {
    font-size: 16px;
    color: #666666;
    width: 275px;

    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: keep-all;
}

@media screen and (max-width: 1440px) {
    .spaf-info {
        overflow: hidden;
    }

    .spaf-wrap {
        width: 1400px;
        padding: 0px 10px;
    }
}

/* 지금 spaf 슬라이드 */
.now-slider {
    width: 900px;
}

.main .now-slider .slick-next {
    top: 50%;
    right: 240px;
    width: 30px;
    height: 50px;
    background: url(../icon/right-slider.svg) no-repeat;
    background-size: contain;
    z-index: 1 !important;
}

@media screen and (max-width: 1440px) {
    .main .now-slider .slick-next {
        top: 50%;
        left: 350px;
        width: 30px;
        height: 50px;
        background: url(../icon/right-slider.svg) no-repeat;
        background-size: contain;
        z-index: 1 !important;
    }
}

.now-slider .post {
    width: 448px;
    height: 448px;
    margin-right: 21px;
    position: relative;
}
/* .now-slider .post:nth-child(even)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #000 77%);
    pointer-events: none;
} */
.gradient-overlay {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    pointer-events: none;
}

.now-slider .post img {
    width: 100%;
    height: 100%;
}

.ft_icon {
    /* position: absolute; */
    bottom: 50px;
    left: 50px;
    transition: all ease 0.3s;
    z-index: 999;
}
.ft_on {
    bottom: 360px;
}
.ft_icon a {
    display: block;
    width: 41px;
    height: 41px;
    background: url(../img/ft_icon.png) no-repeat;
    transition: all ease 0.3s;
}
.ft_icon a.on {
    width: 42px;
    height: 43px;
    background: url(../img/close_icon.png) no-repeat;
}

/* main footer */
/* 푸터 새로 변경 */
.footer-wrap {
    display: flex;
    justify-content: space-evenly;
    align-items: baseline;
}

.footer-right {
    color: #999999;
    margin-bottom: 93px;
}

.footer-top {
    display: flex;
    padding: 32px 0px;
    border-bottom: 1px dashed #999;
}
.icon-wrap {
    display: flex;
    margin-right: 45px;
    font-size: 14px;
}

.footer-top .icon {
    margin-right: 10px;
    width: 24px;
    height: 24px;
}

.footer-top .down-icon {
    background: url(/2025/common/icon/down.svg) no-repeat;
}
.footer-top .time-icon {
    background: url(/2025/common/icon/time.svg) no-repeat;
}
.footer-top .newsletter-icon {
    background: url(/2025/common/icon/mail.svg) no-repeat;
    background-size: contain;
}

.footer-address {
    padding-top: 30px;
    font-size: 14px;
}

.footer-logo {
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 53px;
}

.footer-logo .logo-kams {
    width: 98px;
    height: 30px;
    background: url(/2025/common/img/footer-kams.png) no-repeat;
}
.footer-logo .logo-pams {
    width: 112px;
    height: 24px;
    background: url(/2025/common/img/footer-pams.png) no-repeat;
}
.footer-logo .logo-apro {
    width: 100px;
    height: 26px;
    background: url(/2025/common/img/footer-apro.png) no-repeat;
}

.main #footer {
    /* position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    background-color: transparent;
    transition: all ease 0.3s;
    z-index: 999; */
}
.main #footer.up {
    bottom: -25px;
}
.main #footer .close {
    position: absolute;
    top: -72px;
    left: 50px;
    width: 42px;
    height: 43px;
    background: url(../img/close_icon.png) right no-repeat;
}
.main #footer .close a {
    display: block;
    width: 100%;
    height: 100%;
}
.main #footer .ft {
    height: 100%;
    background-color: #000000;
    border-top: 1px solid rgba(153, 153, 153, 0.3);
}
.main .ft .inner {
    max-width: 1600px;
    height: 100%;
    margin: auto;
    /* padding-top: 30px; */
    box-sizing: border-box;
}
.main .ft .inner .left-logo {
    width: 289px;
    height: 85px;
    margin-top: 100px;
}
.main .ft .inner .left-logo img {
    width: 100%;
    height: 100%;
}

.main .ft .inner .insta {
    margin-bottom: 55px;
    width: 380px;
}
.main .ft .inner .text,
.main .ft .inner .insta {
    float: left;
    position: relative;
}
.main .ft .inner .insta .tit {
    margin-bottom: 12px;
}
.main .ft .inner .insta .tit img,
.main .ft .inner .insta .tit p,
.main .ft .inner .insta .tit span {
    display: inline-block;
}
.main .ft .inner .insta .tit img {
    margin-top: -1px;
}
.main .ft .inner .insta .tit span {
    position: absolute;
    top: 6px;
    right: 15px;
    color: #666;
    text-align: right;
    font-size: 13px;
    font-weight: 700;
}
.main .ft .inner .insta .tit p {
    margin-left: 7px;
    color: #f88b00;
    font-weight: 700;
    font-size: 20px;
}

.main .ft .inner .text {
    width: 630px;
    height: 330px;
}
.main .ft .inner .text div > p {
    padding-bottom: 14px;
    color: #666;
}
.main .ft .inner .text div > span {
    display: block;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.4px;
    color: #666;
}
.main .ft .inner .text div ul {
    margin-bottom: 20px;
}
.main .ft .inner .text div ul li {
    margin-top: 15px;
}
.main .ft .inner .text div ul li:first-child {
    margin-top: 0;
}
.main .ft .inner .text div ul li p {
    display: inline-block;
}
.main .ft .inner .text div ul li:first-child p + p {
    margin-top: 15px;
}
.main .ft .inner .text div ul li p span {
    display: inline-block;
    padding-right: 10px;
    margin-bottom: 11px;
    font-size: 12px;
    font-weight: bold;
    color: #666;
    letter-spacing: -0.3px;
    vertical-align: top;
}
.main .ft .inner .text div ul li p em {
    display: inline-block;
    text-indent: -9999px;
    height: 29px;
}
.main .ft .inner .text div ul li p .host {
    width: 358px;
    height: 30px;
    background: url(/2025/common/img/host_logo.png?2) right no-repeat;
}
.main .ft .inner .text div ul li p .support {
    width: 420px;
    height: 82px;
    background: url(/2025/common/img/support_logo.png?3) right no-repeat;
}
.main .ft .inner .text div ul li p .sub {
    width: 98px;
    background: url(/2025/common/img/sub_logo.png) right no-repeat;
}
.main .ft .inner .text div ul li p .spon {
    width: 408px;
    background: url(/2025/common/img/spon_logo.png) right no-repeat;
}
.main .ft .inner .text div ul li p .cooperation {
    width: 498px;
    height: 51px;
    background: url(/2025/common/img/cooperation_logo.png?2) right no-repeat;
}
.main .ft .inner .text div ul li p i {
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    color: #666;
    letter-spacing: -0.3px;
    line-height: 1.67;
}

#sb_instagram.sbi_col_6 #sbi_images .sbi_item {
    width: 155px;
}
.main .ft .inner .video {
    float: right;
}
.main .ft .inner .video strong {
    display: block;
    margin-bottom: 14px;
    color: #f88b00;
    font-weight: 700;
    font-size: 20px;
}

/* sub_news */
.sub #container {
    padding-top: 100px;
}

}
.sub #contents h1 {
    padding: 77px 0 40px 0;
    color: #222;
    text-align: left;
    font-size: 38px;
    font-weight: bold;
}
.sub #contents div.h1-div {
    display: inline-block;
    padding: 90px 0 40px 10px;
}
.sub #contents div.h1-div p {
    font-size: 16px;
    color: #fff;
    margin-left: 10px;
}

.news {
    position: relative;
}
.news #container {
}

.board_list,
.board_view {
    text-align: center;
}
.board_list h1,
.board_view h1 {
}
.board_list table {
    width: 100%;
	border-top: 2px solid #000;
}
.board_list table tr {
    border-bottom: 1px solid #ddd;
}
.board_list table th,
.board_list table td {
    padding: 14px 0;
}
.board_list table th {
    font-weight: 500;
    color: #222;
    background-color: #f2f2f2;
}
.board_list table td {
    color:#666;
}
.board_list table td.title {
    text-align: left;
}
.board_list table td.title a {
    color: #222;
}
.board_list table td.notice_icon {
    display: inline-block;
    padding: 5px 8px;
    color: #222;
    background-color: #f88b00;
}
.board_list table td span.file {
    display: block;
    margin: auto;
    width: 16px;
    height: 15px;
    background: url('/2025/common/img/file_icon.png') center center no-repeat;
}

.paging {
    display: inline-block;
    margin: 30px 0 20px 0;
}
.paging li {
    float: left;
}
.paging li a {
    display: block;
    padding: 0 8px;
    color:#999;
    line-height: 25px;
	font-weight: 300;
}
.paging li a.current {
    color: #F88B00;
    font-weight: bold;
}
.paging li a.prev_first,
.paging li a.prev,
.paging li a.next,
.paging li a.next_end {
    display: block;
    width: 25px;
    height: 25px;
    padding: 0;
    text-indent: -9999px;
}
.paging li a.prev_first,
.paging li a.next {
    margin-right: 5px;
}
.paging li a.prev_first {
    background: url(/2025/common/img/prev_first.png) no-repeat;
}
.paging li a.prev {
    background: url(/2025/common/img/prev.png) no-repeat;
}
.paging li a.next {
    background: url(/2025/common/img/next.png) no-repeat;
}
.paging li a.next_end {
    background: url(/2025/common/img/next_end.png) no-repeat;
}
.paging li a.first_no {
    padding-left: 16px;
}
.paging li a.last_no {
    padding-right: 16px;
}

.sub_search {
    width: 100%;
    display: flex;
    justify-content: flex-end;
	margin-bottom: 10px;
}
/* .sub_search .input_select {
    padding: 0 10px;
    margin-right: 5px;
    width: 100px;
    height: 40px;
    color: #222;
    background-color: Transparent;
    border: 1px solid #ddd;
}
.sub_search .input_select option {
    color: #000;
    background-color: Transparent;
} */
.sub_search input[type="text"] {
    float: left;
    width: 350px;
    height: 45px;
    text-indent: 15px;
    color: #222;
    background-color: Transparent;
    border: 1px solid #ddd;
}
.sub_search div {
    position: relative;
    display: inline-block;
}
.sub_search div a {
    position: absolute;
    top: 9px;
    right: 13px;
    display: block;
    width: 24px;
    height: 24px;
    background: url(/2025/common/img/search.png) no-repeat;
    text-indent: -9999px;
}

.board_view table {
    width: 100%;
    margin: auto;
    background-color: #fff;
}
.board_view table tr.title {
    border-bottom: 1px solid #e2e2e2;
}
.board_view table th,
td {
    padding: 25px 0;
}

.board_view table th em.p_30 {
    padding-left: 30px;
    text-align: left;
}
.board_view table th.title {
    padding-left: 30px;
    font-size: 22px;
    font-weight: 500;
    text-align: left;
    color: #010101;
}
.board_view table th i {
    display: block;
    color: rgba(85, 85, 85, 0.6);
    text-align: left;
    font-style: normal;
}
.board_view table .file td {
    padding-left: 30px;
    text-align: left;
}
.board_view table .file td a {
    display: inline-block;
    padding-left: 9px;
    color: #555;
    font-size: 14px;
    vertical-align: top;
}
.board_view table .cnt td {
    padding: 20px 0 60px 30px;
    text-align: left;
}
.list_box a {
    display: block;
    width: 200px;
    margin: 40px auto;
    color: #fff;
    border: 1px solid #222;
    line-height: 50px;
    background:#222;
	border-radius: 50px;
    font-size: 17px;
    padding: 5px;
}

/* program */
.sub #contents .show_list {
}
.sub #contents .show_list li {
    float: left;
    width: 48%;
    margin-bottom: 50px;
}

.sub #contents .show_list li a:hover .text {
    background: rgba(248, 139, 0, 0.6);
}
.sub #contents .show_list li:nth-child(2n) {
    float: right;
}

.list-img-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
}
.list-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sub #contents .show_list li a {
    display: table;
    width: 100%;
    height: 286px;
    text-align: center;
    transition: all ease 0.3s;
    background-size: cover;
    position: relative;
	border-radius: 10px;
    overflow: hidden;
}
.sub #contents .show_list li a .schedule-credits {
    position: absolute;
    bottom: 5px;
    left: 5px;
    font-size: 11px;
    color: #333333;
    text-align: left;
}

.sub #contents .show_list li a .text {
    display: table-cell;
    vertical-align: middle;
    opacity: 1;
    transition: all ease 0.3s;
    position: relative;
}
.sub #contents .show_list li a .text strong {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.17;
    letter-spacing: -0.6px;
}
.sub #contents .show_list li a .text p {
    width: 100%;
    font-size: 18px;
    text-align: center;
    color: #fff;
}
.sub #contents .show_list li a .text .subtitle1 {
    margin-top: 25px;
    color: #fff;
}
.sub #contents .show_list li .text .cctxt {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 11px;
    text-align: right;
    margin-top: 10px;
}

.sub #contents .show_list li .text_box p {
    margin-top: 19px;
    color: rgba(0, 0, 0, 0.9);
}
.sub #contents .show_list li:last-child {
    margin-bottom: 30px;
}

.sub #contents .show_list li .text_box {
    width: 100%;
    text-align: center;
}
.sub #contents .show_list li .text_box .subtitle2 {
    font-size: 13px;
    height: 32px;
    text-align: center;
    margin-bottom: 10px;
}
.sub #contents .show_list li .text_box .subtitle3 {
    font-size: 15px;
    text-align: center;
    margin-bottom: 20px;
}

.sub #contents .arko_ticketing {
    position: relative;
	display: flex;
	align-items: center;
    justify-content: center;
	gap: 10px;
}
.sub #contents .arko_ticketing span {
    position: absolute;
    top: 5px;
    left: 0;
    display: inline-block;
    color: #fff;
    text-align: left;
}
.sub #contents .arko_ticketing img {
    display: block;
    margin: 0;
}
.sub #contents .arko_ticketing img.soldout {
    top: -30px;
    right: 0;
}
.sub #contents .arko_ticketing img.soldout2 {
    top: -30px;
    right: 193px;
}
.sub #container .bg_gray {
    display: none;
}
/* 프로그램 리스트 이미지 */

/* overseas */
.overseas .show_list li a {
    filter: grayscale(100%);
}

.overseas .show_list li a:hover {
    filter: grayscale(0%);
}

/*.overseas #container {
    background-image: url(/2025/common/img/bg/overseas_view08_bg.jpg);
}
 .overseas .show_list li:nth-child(1) a {
    background-image: url(/2025/common/img/program/overseas_01.jpg);
}
.overseas .show_list li:nth-child(2) a {
    background-image: url(/2025/common/img/program/overseas_02.png);
}
.overseas .show_list li:nth-child(3) a {
    background-image: url(/2025/common/img/program/overseas_03.png);
}
.overseas .show_list li:nth-child(4) a {
    background-image: url(/2025/common/img/program/overseas_04.jpg);
}
.overseas .show_list li:nth-child(5) a {
    background-image: url(/2025/common/img/program/overseas_05.png);
}
.overseas .show_list li:nth-child(6) a {
    background-image: url(/2025/common/img/program/overseas_06.png);
}
.overseas .show_list li:nth-child(7) a {
    background-image: url(/2025/common/img/program/overseas_07.png);
}
.overseas .show_list li:nth-child(8) a {
    background-image: url(/2025/common/img/program/overseas_08.png);
}
.overseas .show_list li:nth-child(9) a {
    background-image: url(/2025/common/img/program/overseas_09.png);
}
.overseas .show_list li:nth-child(10) a {
    background-image: url(/2025/common/img/program/overseas_10.png);
}
.overseas .show_list li:nth-child(11) a {
    background-image: url(/2025/common/img/program/overseas_11.png);
}
.overseas .show_list li:nth-child(12) a {
    background-image: url(/2025/common/img/program/overseas_12.jpg);
}
.overseas .show_list li:nth-child(13) a {
    background-image: url(/2025/common/img/program/overseas_13.jpg);
}
.overseas .show_list li:nth-child(14) a {
    background-image: url(/2025/common/img/program/overseas_14.jpg);
}
.overseas .show_list li:nth-child(15) a {
    background-image: url(/2025/common/img/program/overseas_15.png);
} */
/* 추가예정 */
/* .overseas .show_list li:nth-child(16) a {
    background-image: url(/2023/common/img/program/overseas_15.jpg);
}
.overseas .show_list li:nth-child(17) a {
    background-image: url(/2023/common/img/program/overseas_16.jpg);
}
.overseas .show_list li:nth-child(18) a {
    background-image: url(/2023/common/img/program/overseas_17.jpg);
}
.overseas .show_list li:nth-child(19) a {
    background-image: url(/2022/common/img/program/overseas_18.jpg?1);
}
.overseas .show_list li:nth-child(20) a {
    background-image: url(/2022/common/img/program/overseas_19.jpg);
}
.overseas .show_list li:nth-child(21) a {
    background-image: url(/2022/common/img/program/overseas_20.jpg?1);
}
.overseas .show_list li:nth-child(22) a {
    background-image: url(/2022/common/img/program/overseas_21.jpg?1);
}
.overseas .show_list li:nth-child(23) a {
    background-image: url(/2022/common/img/program/overseas_22.jpg);
} */
/* 
.overseas .show_list li:nth-child(1) a:hover {
    background-image: url(/2025/common/img/program/overseas_01.jpg.jpg);
}
.overseas .show_list li:nth-child(2) a:hover {
    background-image: url(/2023/common/img/program/overseas_02_hover.jpg);
}
.overseas .show_list li:nth-child(3) a:hover {
    background-image: url(/2023/common/img/program/overseas_03_hover.jpg);
}
.overseas .show_list li:nth-child(4) a:hover {
    background-image: url(/2023/common/img/program/overseas_04_hover.jpg);
}
.overseas .show_list li:nth-child(5) a:hover {
    background-image: url(/2023/common/img/program/overseas_05_hover.jpg);
}
.overseas .show_list li:nth-child(6) a:hover {
    background-image: url(/2023/common/img/program/overseas_06_hover.jpg);
}
.overseas .show_list li:nth-child(7) a:hover {
    background-image: url(/2023/common/img/program/overseas_07_hover.jpg);
}
.overseas .show_list li:nth-child(8) a:hover {
    background-image: url(/2023/common/img/program/overseas_08_hover.jpg);
}
.overseas .show_list li:nth-child(9) a:hover {
    background-image: url(/2023/common/img/program/overseas_09_hover.jpg);
}
.overseas .show_list li:nth-child(10) a:hover {
    background-image: url(/2023/common/img/program/overseas_10_hover.jpg);
}
.overseas .show_list li:nth-child(11) a:hover {
    background-image: url(/2023/common/img/program/overseas_11_hover.jpg);
}
.overseas .show_list li:nth-child(12) a:hover {
    background-image: url(/2023/common/img/program/overseas_12_hover.jpg);
}
.overseas .show_list li:nth-child(13) a:hover {
    background-image: url(/2023/common/img/program/overseas_13_hover.jpg);
}
.overseas .show_list li:nth-child(14) a:hover {
    background-image: url(/2023/common/img/program/overseas_14_hover.jpg);
}
.overseas .show_list li:nth-child(15) a:hover {
    background-image: url(/2023/common/img/program/overseas_15_new_hover.jpg);
}
.overseas .show_list li:nth-child(16) a:hover {
    background-image: url(/2023/common/img/program/overseas_15_hover.jpg);
}
.overseas .show_list li:nth-child(17) a:hover {
    background-image: url(/2023/common/img/program/overseas_16_hover.jpg);
}
.overseas .show_list li:nth-child(18) a:hover {
    background-image: url(/2023/common/img/program/overseas_17_hover.jpg);
}
.overseas .show_list li:nth-child(19) a:hover {
    background-image: url(/2022/common/img/program/overseas_18_hover.jpg?1);
}
.overseas .show_list li:nth-child(20) a:hover {
    background-image: url(/2022/common/img/program/overseas_19_hover.jpg);
}
.overseas .show_list li:nth-child(21) a:hover {
    background-image: url(/2022/common/img/program/overseas_20_hover.jpg?1);
}
.overseas .show_list li:nth-child(22) a:hover {
    background-image: url(/2022/common/img/program/overseas_21_hover.jpg?1);
}
.overseas .show_list li:nth-child(23) a:hover {
    background-image: url(/2022/common/img/program/overseas_22_hover.jpg);
} */

/* kor_show */
.kor_show #container {
    background-image: url(../img/kor_bg.jpg);
}
.kor_show .show_list li:nth-child(1) a {
    background-image: url(../img/program/kor_02.jpg);
}
.kor_show .show_list li:nth-child(2) a {
    background-image: url(../img/program/kor_03.jpg);
}
.kor_show .show_list li:nth-child(3) a {
    background-image: url(../img/program/kor_04.jpg);
}
.kor_show .show_list li:nth-child(4) a {
    background-image: url(../img/program/kor_05.jpg);
}
.kor_show .show_list li:nth-child(5) a {
    background-image: url(../img/program/kor_06.jpg);
}
.kor_show .show_list li:nth-child(6) a {
    background-image: url(../img/program/kor_07.jpg);
}

.kor_show .show_list li:nth-child(1) a:hover {
    background-image: url(../img/program/kor_02_hover.jpg);
}
.kor_show .show_list li:nth-child(2) a:hover {
    background-image: url(../img/program/kor_03_hover.jpg);
}
.kor_show .show_list li:nth-child(3) a:hover {
    background-image: url(../img/program/kor_04_hover.jpg);
}
.kor_show .show_list li:nth-child(4) a:hover {
    background-image: url(../img/program/kor_05_hover.jpg);
}
.kor_show .show_list li:nth-child(5) a:hover {
    background-image: url(../img/program/kor_06_hover.jpg);
}
.kor_show .show_list li:nth-child(6) a:hover {
    background-image: url(../img/program/kor_07_hover.jpg);
}

/* kor_show_coworks */
.sub #contents #coworks_list {
    margin-top: 20px;
}
.sub #contents #coworks_list li:last-child {
    margin-bottom: 0;
}
.kor_show #coworks_list li:nth-child(1) a {
    background-image: url(../img/program/kor_01.jpg);
}
.kor_show #coworks_list li:nth-child(1) a:hover {
    background-image: url(../img/program/kor_01_hover.jpg);
}

/*spaf_show*/
.spaf_show #container {
    background-image: url(/2025/common/img/spaf_bg.png);
}
.spaf_show .show_list li:nth-child(1) a {
    background-image: url(/2025/common/img/program/spaf_view_01.jpg);
}
.spaf_show .show_list li:nth-child(2) a {
    background-image: url(/2025/common/img/program/spaf_view_02.jpg);
}

.spaf_show .show_list li:nth-child(1) a:hover {
    background-image: url(/2025/common/img/program/spaf_view_01_hover.jpg);
}
.spaf_show .show_list li:nth-child(2) a:hover {
    background-image: url(/2025/common/img/program/spaf_view_02_hover.jpg);
}

/*spaf_view*/
.spaf_view .arko_ticketing .ARKO {
    display: inline-block;
    padding: 8px 20px;
    color: #fff;
    background-color: #f88b00;
    font-weight: 700;
    font-size: 15px;
}
.spaf_view .arko_ticketing .interpark {
    display: inline-block;
    padding: 8px 20px;
    background-color: #00b4da;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
}

/*spaflim_show*/
.spaflim_show #container {
    background-image: url(/2025/common/img/spaflim_bg.png);
}

.spaflim_show .show_list li:nth-child(1) a {
    background-image: url(/2025/common/img/program/spaflim_view_01.jpg);
}
.spaflim_show .show_list li:nth-child(2) a {
    background-image: url(/2025/common/img/program/spaflim_view_02.jpg);
}
.spaflim_show .show_list li:nth-child(3) a {
    background-image: url(/2025/common/img/program/spaflim_view_03.jpg);
}

.spaflim_show .show_list li:nth-child(1) a:hover {
    background-image: url(/2025/common/img/program/spaflim_view_01_hover.jpg);
}
.spaflim_show .show_list li:nth-child(2) a:hover {
    background-image: url(/2025/common/img/program/spaflim_view_02_hover.jpg);
}
.spaflim_show .show_list li:nth-child(3) a:hover {
    background-image: url(/2025/common/img/program/spaflim_view_03_hover.jpg);
}

/*spaflim_view*/
.spaf_view #contents .arko_ticketing {
    text-align: right;
}
.spaflim_view01 #container {
    background-image: url(/2025/common/img/bg/spaflim_view01_bg.jpg);
}
.spaflim_view02 #container {
    background-image: url(/2025/common/img/bg/spaflim_view02_bg.jpg);
}
.spaflim_view03 #container {
    background-image: url(/2025/common/img/bg/spaflim_view03_bg.jpg);
}

/* coworks */
.coworks #container {
    background-image: url(../img/coworks_bg.jpg);
}
.coworks .show_list li:nth-child(1) a {
    background-image: url(../img/program/coworks_01.jpg);
}
.coworks .show_list li:nth-child(2) a {
    background-image: url(../img/program/coworks_02.jpg);
}
.coworks .show_list li:nth-child(3) a {
    background-image: url(../img/program/coworks_03.jpg);
}
.coworks .show_list li:nth-child(1) a:hover {
    background-image: url(../img/program/coworks_01_hover.jpg);
}
.coworks .show_list li:nth-child(2) a:hover {
    background-image: url(../img/program/coworks_02_hover.jpg);
}
.coworks .show_list li:nth-child(3) a:hover {
    background-image: url(../img/program/coworks_03_hover.jpg);
}
.coworks .text_box span {
    display: inline-block;
    margin-top: 20px;
    padding: 6px 12px 5px 11px;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    background-color: #ffcc00;
}

/* program_view */
.sub #contents .tab_cnt {
    display: none;
    color: #666;
	font-size: 17px;
}
.sub #contents .tab_cnt p,
.sub #contents .tab_cnt strong,
.sub #contents .tab_cnt li,

.sub #contents .tab_cnt.on {
    display: block;
}
.sub #contents .view01_span {
    color: #fff;
}

.view02 {
    position: relative;
}
.view02 .credit {
    position: fixed;
    bottom: 10px;
    left: 10px;
    color: #fff;
}

.sub #contents .view_title {
    color: #fff;
}
.sub #contents .view_title span.double {
    display: inline-block;
    padding: 8px 20px;
    color: #fff;
    background: #00b4da;
    font-weight: 700;
    margin-left: 10px;
    float: right;
}
.sub #contents .view_title .country {
    /* position: relative;
    padding-bottom: 17px;
    margin-bottom: 33px; */
}
.sub #contents .view_title .country i {
    display: inline-block;
}
.sub #contents .view_title .country i img {
    display: block;
    float: left;
    padding-right: 10px;
}
.sub #contents .view_title .country span {
    font-size: 18px;
}
/*.sub #contents .view_title .country span:last-child {display: inline-block;position: absolute;right: 0;font-weight: 700;color: #6a76d0;}*/

.sub #contents .view_title h2 {
    /*margin-bottom: 13px;*/
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 1.2;
	margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    width: 100%;
}
.sub #contents .view_title h3 {
    margin-bottom: 20px;
	padding-bottom: 20px;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.2;
	border-bottom: 1px solid #ddd;
}
.sub #contents .view_title p {
    font-size: 20px;
	color: #222;
	font-weight: 300;
}
.sub #contents .view_title p span {
	font-weight: 500;
}
.sub #contents > div > img {
    display: block;
    width: 100%;
    margin: 50px 0 40px 0;
	border-radius:10px;
	overflow: hidden;
}
.sub #contents > div.h1-div > img {
    display: block;
    width: auto;
    margin: 0;
}
.sub #contents .view_info_wrap {
    
}
.sub #contents .view_info_wrap .view_info {
	border-right: 1px solid #ddd;
}
.sub #contents .view_info {
    float: left;
    width: 50%;
    color: #fff;
}
.sub #contents .view_info + .view_info	{
	padding-left: 30px;
}
.sub #contents .view_info:last-child	{
	border-right: none;
}

.sub #contents .view_info_w strong {
    width: 14%;
}
.sub #contents .view_info li {
    padding: 10px 0;
    width: 100%;
}
.sub #contents .view_info li:after {
    content: "";
    display: block;
    clear: both;
}
.sub #contents .view_info li strong {
    float: left;
    display: block;
    width: 200px;
	padding-left: 10px;
    font-weight: 500;
	color: #222;
	line-height: 22px;
}
.sub #contents .view_info li.long span {
    margin-bottom: 10px;
}
.sub #contents .view_info li.long span:last-child {
    margin-bottom: 0;
}
/* .sub #contents .view_info li strong.p_r {padding-right: 56px;}
 */
.sub #contents .view_info li span {
    float: right;
    display: block;
    width: calc(100% - 210px);
    box-sizing: border-box;
    padding-right: 10px;
}
.sub #contents .view_info li span.age {
    width: 28px;
    float: left;
    margin-left: 5px;
    text-align: center;
    padding: 0;
    height: 28px;
    font-size: 14px;
    line-height: 28px;
    font-weight: 700; /* border-radius: 28px; */
    text-align: center;
}
.sub #contents .view_info li span.age_7 {
    color: #000;
    background-color: #2fbb2c;
}
.sub #contents .view_info li span.age_12 {
    color: #000;
    background-color: #00d2ff;
}
.sub #contents .view_info li span.age_15 {
    color: #000;
    background-color: #ffcc00;
}
.sub #contents .view_info li span.age_19 {
    color: #fff;
    background-color: #ff0000;
}

.sub #contents .tab_menu {
    margin: 100px 0 60px;
    text-align: center;
	display: flex;
    align-items: center;
    justify-content: center;
}
.sub #contents .tab_menu li {
    display: flex;
    width: 100%;
    box-sizing: border-box;
}
.sub #contents .tab_menu li + li {
    border-left: 0;
}
.sub #contents .tab_menu li a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 0;
    width: 100%;
	font-size: 18px;
	height: 56px;
    color: #bbb;
	font-weight: 500;
	border-bottom: 2px solid #bbb;
}
.sub #contents .tab_menu li a.on {
    color: #F88B00;
    font-weight: 700;
    background-color: #fff;
	border-bottom: 2px solid #F88B00;
}

.sub #contents .key_info h3 {
    font-size: 17px;
    color: #F88B00;
    line-height: 1.3;
}
.sub #contents .key_info h3 b {
    font-size: 17px;
}

.sub #contents .key_info h4 {
    font-size: 20px;
    color: #222;
    line-height: 1.3;
    text-align: right;
}

.sub #contents .key_info b.bold_w {
    color: #fff;
}
.sub #contents .key_info table {
    margin: 40px 0;
    width: 100%;
    text-align: center;
}
.sub #contents .key_info table th {
    padding: 13px 0;
    background-color: rgba(255, 255, 255, 0.3);
    vertical-align: middle;
}
.sub #contents .key_info table td {
    padding: 10px 0;
    vertical-align: middle;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.sub #contents .key_info table td:nth-child(1) {
    border-left: 0;
}
.sub #contents .key_info table td.sat {
    color: #2b71ff;
}
.sub #contents .key_info table td.sun {
    color: #ff0000;
}
.sub #contents .tab_cnt {
    /* padding-bottom: 30px; */
}
.sub #contents .tab_cnt h3 + strong {
	margin-top: 20px;
}
.sub #contents .tab_cnt strong {
    display: block;
    margin: 60px 0 25px 0;
    color: #222;
	font-weight: 700;
    font-size: 26px;
}
.sub #contents .tab_cnt p.sub {
    display: block;
    padding: 8px 0px;
    font-size: 18px;
}
.sub #contents .tab_cnt .crew-wrap ul{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.sub #contents .tab_cnt .crew-wrap ul li {
	width: 100%;
	display: flex;
	margin-bottom: 12px;
	line-height: 26px;
	padding-left: 0;
	border-bottom: 1px solid #eee;
    padding-bottom: 12px;
}
.sub #contents .tab_cnt .crew-wrap ul li i{
	width: 100%;
	max-width: 250px;
	min-width: 250px;
	margin-right: 40px;
	font-weight: 400;
	color: #222;
	font-style: normal;
}


.sub #contents .tab_cnt .crew-wrap ul li .crew_logo	{
	display: block;
}
.sub #contents .tab_cnt .crew-wrap ul li span .crew_logo	{
	margin-top: 10px;
}
.sub #contents .tab_cnt .crew-wrap ul li .crew_logo img	{
	display: block;
	width: 250px;
	height: 150px;
	padding: 10px;
	border: 1px solid #ddd;
	overflow: hidden;
	box-sizing: border-box;
}
.sub #contents .tab_cnt p {
    width: 100%;
}
.sub #contents .tab_cnt p i {
	width: 100%;
	max-width: 150px;
	margin-right: 40px;
	color: #222;
    font-style: normal;
	display: inline-block;
	line-height: 22px;
	font-weight: 400;
	margin-bottom: 12px;
    
}
.sub #contents .tab_cnt.photo strong {
    margin-top: 0;
}
.sub #contents .Crew_w100	{
	flex-wrap: wrap;
}
.sub #contents .Crew_w100 > * , 
.sub #contents .Crew_w100 > * > *{
	flex-wrap: wrap;
	gap: 0 !important;
	width: 100%;
}
.sub #contents .Crew > div > .img_box {
    float: left;
    position: relative;
	border-radius: 10px;
	overflow: hidden;
}
.sub #contents .Crew > div > .img_box img {
	display: block;
    width: 100%;
	border-radius: 10px;
	overflow: hidden;
}
.sub #contents .Crew > div > .img_box .schedule-credits {
    position: absolute;
    bottom: 38px;
    left: 5px;
    font-size: 11px;
    text-align: left;
}
.sub #contents .Crew > div > .img_box em {
    display: block;
    margin-top: 10px;
    text-align: center;
}
.sub #contents .Crew > div > div.cnt {
    width: 100%;
}
.sub #contents .Crew > div > div.cnt em {
    display: block;
    margin-bottom: 20px;
    font-size: 22px;
}
.sub #contents .Crew > div {
    margin-bottom: 50px;
	display: flex;
    gap: 30px;
}

.sub #contents .Crew > div > div.cnt p {
    
}
.sub #contents .Crew > div > div.cnt h2 {
    font-size: 20px;
    padding-top: 10px;
    margin-bottom: 20px;
	font-weight: 500;
}

.sub #contents .Crew ul {
}
.sub #contents .Crew ul li {
    float: left;
    width: 25%;
    box-sizing: border-box;
}
.sub #contents .Crew ul li + li {
    padding-left: 10px;
}
.sub #contents .Crew ul li img {
    width: 100%;
    height: 276px;
}
.sub #contents .Crew ul li p {
    margin-top: 15px;
    font-weight: 700;
    font-size: 22px;
    color: #fff;
}
.sub #contents .Crew ul li span {
    font-size: 16px;
}
.sub #contents .Crew .crew_img_box {
    display: inline-block;
    float: none;
    width: 49%;
    height: 400px;
    box-sizing: border-box;
}
.sub #contents .Crew .crew_img_box p {
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    margin-top: 10px;
}
.sub #contents .Crew .crew_img_box img {
    width: 100%;
    height: 100%;
}
.sub #contents .Crew .crew_img_box:nth-child(1) {
    padding-right: 10px;
}
.sub #contents .Crew .crew_text_box {
    float: none;
    width: 100%;
    margin-top: 20px;
}
.sub #contents .Crew > p > span {
    position: absolute;
}
.sub #contents .Crew > p > span.crew-span {
    margin-left: 50px;
}
/* 제작진 css 수정 */

.sub #contents .group > div > .img_box {
    float: left;
    position: relative;
}
.sub #contents .group > div > .img_box img {
    width: 100%;
}
.sub #contents .group > div > .img_box em {
    display: block;
    margin-top: 10px;
    text-align: center;
}
.sub #contents .group > div > div.cnt {
    float: right;
    width: 65%;
}
.sub #contents .group > div > div.cnt em {
    display: block;
    margin-bottom: 20px;
    font-size: 22px;
}
.sub #contents .group > div > div.cnt p {
    color: rgba(255, 255, 255, 0.8);
}
.sub #contents .group > div > .img_box .schedule-credits {
    position: absolute;
    bottom: 38px;
    left: 5px;
    font-size: 11px;
    color: #222;
    text-align: left;
}

/*.sub #contents .video p {
    padding: 46px 0 20px 0;
    color: #222;
    font-size: 16px;
    font-weight: 700;
}*/
.sub #contents .video p.p_n {
    padding-top: 0;
}

.sub #contents .review li:first-child {
    padding-top: 0;
}
.sub #contents .review li {
    padding: 30px 0;
    color: #ccc;
    border-bottom: 1px solid #ddd;
}
.sub #contents .review li b,
.sub #contents .review p b {
    color: #222;
    font-weight: 400;
}
.sub #contents .review li span.source {
    display: block;
    color: #bbb;
    font-weight: 500;
	margin-top: 2px;
}

.sub #contents .tab_cnt .inner {
    padding: 60px 0;
}
.sub #contents .tab_cnt .inner + .inner {
    border-top: 1px solid #ddd;
}
.sub #contents .tab_cnt .inner:first-child {
    padding-top: 0;
}
.sub #contents .tab_cnt .inner:last-child {
    padding-bottom: 0;
}

.sub #contents span.pro-img-span {
    position: absolute;
    color: #fff;
    bottom: 10px;
    left: 10px;
}
.sub #contents span.pro-img-span.pro-text {
    bottom: 43px;
}

/* table */
.tbl {
    width: 100%;
}
.tbl table {
    width: 100%;
}

.tbl table tr th {
    border: 1px solid #fff;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.1);
}
.tbl table tr td {
    border: 1px solid #fff;
    padding: 20px;
}

/* overseas_view */
.overseas_view #container {
    /* background-image: url(../img/overseas_view_bg.jpg); */
}
.overseas_view .arko_ticketing {
    text-align: right;
}
.overseas_view .arko_ticketing a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #f88b00;
    font-weight: 700;
    font-size: 17px;
    padding: 9px 24px;
	border-radius: 50px;
	width: 200px;
	height: 60px;
}
.overseas_view .arko_ticketing a.interpark {
    background-color: #fff;
    color: #F88B00;
	border: 2px solid #F88B00;
}
.overseas_view .arko_ticketing a.clip {
    background-color: #97aac0;
}

/* kor_view */
.kor_view #container {
    background-image: url(../img/kor_view_bg.jpg);
}
.kor_view .arko_ticketing {
    text-align: right;
}
.kor_view .arko_ticketing a {
    display: inline-block;
    padding: 8px 20px;
    color: #fff;
    background-color: #0000cc;
    font-weight: 700;
    font-size: 15px;
}
.kor_view .arko_ticketing a.interpark {
    background-color: #ffcc00;
    color: #000;
}
.kor_view .arko_ticketing a.clipservice {
    background-color: #909c0d;
    color: #000;
}
.kor_view .arko_ticketing a.clip {
    background-color: #97aac0;
}

/* kor_triple_view */
.sub #contents .Crew_triple .inner > div > img {
    float: left;
}
.sub #contents .Crew_triple .inner > div > div {
    float: right;
    width: 65%;
}
.sub #contents .Crew_triple .inner > div > div em {
    display: block;
    margin-bottom: 30px;
    font-size: 22px;
}
.sub #contents .Crew_triple .inner > div > div p {
    color: rgba(255, 255, 255, 0.8);
}
.sub #contents .Crew_triple ul {
}
.sub #contents .Crew_triple ul li {
    float: left;
    width: 25%;
    box-sizing: border-box;
}
.sub #contents .Crew_triple ul li + li {
    padding-left: 10px;
}
.sub #contents .Crew_triple ul li img {
    width: 100%;
    height: 276px;
}
.sub #contents .Crew_triple ul li p {
    margin-top: 15px;
    font-weight: 700;
    font-size: 22px;
    color: #fff;
}
.sub #contents .Crew_triple ul li span {
    font-size: 16px;
}
.sub #contents .Crew_triple .cnt strong {
    margin: 0;
    font-size: 28px;
    font-weight: 700;
    color: #fff;
}
.sub #contents .Crew_triple .cnt em {
    margin-bottom: 20px;
}
.sub #contents .Crew_triple strong {
    font-weight: 700;
    color: #fff;
}
.sub #contents #triple_bill {
    margin-top: 20px;
}
/* .sub #contents #triple_bill .img_box {width: 100%;height: 300px;background: url(../img/program/triple_bill.png) no-repeat;transition:all ease .3s;background-size: contain;}
.sub #contents #triple_bill .img_box:hover {background-image: url(../img/program/triple_bill_hover.png);}
.sub #contents #triple_bill .img_box a {display: block;width: 100%;height: 100%;} */
.sub #contents #triple_bill li {
    width: 100%;
    margin-bottom: 0;
    box-sizing: border-box;
}
.sub #contents #triple_bill li a {
    float: left;
    width: 50%;
    height: 300px;
}
.sub #contents #triple_bill li a:last-child {
    float: right;
}
.sub #contents .text_box span {
    display: inline-block;
    margin-top: 20px;
    padding: 6px 12px 5px 11px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background-color: #00b4da;
}
.sub #contents .text_box p {
    margin-top: 14px;
    color: #fff;
}
.sub #contents #triple_bill li a:nth-child(1) {
    background-image: url(../img/program/kor_08.jpg);
}
.sub #contents #triple_bill li a:nth-child(2) {
    background-image: url(../img/program/kor_09.jpg);
}
.sub #contents #triple_bill li a:nth-child(1):hover {
    background-image: url(../img/program/kor_08_hover.jpg);
}
.sub #contents #triple_bill li a:nth-child(2):hover {
    background-image: url(../img/program/kor_09_hover.jpg);
}
.sub .kor_triple #contents .view_title h2 {
    margin-bottom: 0;
    margin-top: 15px;
}

.sub #contents #double_bill {
    margin-top: 20px;
}
.sub #contents #double_bill li {
    width: 100%;
    margin-bottom: 0;
    box-sizing: border-box;
}
.sub #contents #double_bill li a {
    float: left;
    width: 50%;
    height: 300px;
}
.sub #contents #double_bill li a:last-child {
    float: right;
}
.sub #contents .text_box span {
    display: inline-block;
    margin-top: 20px;
    padding: 6px 12px 5px 11px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background-color: #00b4da;
}
.sub #contents .text_box p {
    margin-top: 14px;
    color: #fff;
}
.sub #contents #double_bill li a:nth-child(1) {
    background-image: url(../img/program/kor_10.jpg);
}
.sub #contents #double_bill li a:nth-child(2) {
    background-image: url(../img/program/kor_11.jpg);
}
.sub #contents #double_bill li a:nth-child(1):hover {
    background-image: url(../img/program/kor_10_hover.jpg);
}
.sub #contents #double_bill li a:nth-child(2):hover {
    background-image: url(../img/program/kor_11_hover.jpg);
}

/* coworks_view */
.coworks_view #container {
    background-image: url(../img/coworks_view_bg.jpg);
}
.coworks_view .arko_ticketing {
    text-align: right;
}
.coworks_view .arko_ticketing a {
    display: inline-block;
    padding: 8px 20px;
    color: #fff;
    background-color: #0000cc;
    font-weight: 700;
    font-size: 15px;
}
.coworks_view .arko_ticketing a.interpark {
    background-color: #ffcc00;
    color: #000;
}
.coworks_view .arko_ticketing a.clipservice {
    background-color: #909c0d;
    color: #000;
}

/* 2025spaf_view */
.spaf2019 #container {
    /* background-image: url(/2025/common/img/bg/overseas_view01_bg.jpg); */
}
.spaf2019 #contents .info2019 {
    display: flex;
    flex-direction: column;
    color: #222;
}


.spaf2019 #contents > div {
   /*  padding: 20px 0; */
}
.spaf2019 #contents > div > img {
    width: 245px;
    height: 234px;
    margin: 0;
    display: inline-block;
}
.spaf2019 #contents > div > p {
    float: right;
    /* width: 80%; */
}
.spaf2019 #contents > ul {
    margin-bottom: 30px;
}
.spaf2019 #contents > ul li {
    padding: 13px 0;
}
.spaf2019 #contents > ul li:nth-child(1) {
    padding-top: 0;
}
.spaf2019 #contents > ul li:last-child {
    padding-bottom: 0;
}
.spaf2019 #contents > ul li b {
    display: inline-block;
    max-width: 10%;
    margin-right: 20px;
    text-align: justify;
    color: #fff;
    vertical-align: top;
}
.spaf2019 #contents > ul li span {
    display: inline-block;
    max-width: 81%;
    color: #fff;
}
.spaf2019 #contents > ul li span.spaf2019_table {
    width: 100%;
    max-width: 100%;
    display: block;
    margin-top: 10px;
}
.spaf2019 #contents > ul li span table {
    width: 100%;
}
.spaf2019 #contents > ul li span table th,
.spaf2019 #contents > ul li span table td {
    text-align: center;
    border: none;
    vertical-align: middle;
}
/* .spaf2019 #contents > ul li span table th, .spaf2019 #contents > ul li span table td.bnone {border: none;} */
.spaf2019 #contents > ul li span table td.al {
    padding: 10px;
    text-align: left;
    width: 25%;
    position: relative;
}

.spaf2019 #contents > ul li span table td.al a {
    display: block;
    width: 450px;
    height: 250px;
}
.spaf2019 #contents > ul li span table td.al a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.spaf2019 #contents > ul li span table td.al .text_box {
    position: absolute;
    width: 95%;
    height: 100%;
    top: 0%;
    vertical-align: middle;
}

.spaf2019 #contents > ul li span table td.al .text_box .al_title {
    width: 100%;
    height: 62px;
    line-height: 32px;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    padding-top: 35px;
}
.spaf2019 #contents > ul li span table td.al .text_box .al_subtitle1 {
    width: 100%;
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
}
.spaf2019 #contents > ul li span table td.al .text_box .al_subtitle2 {
    font-size: 12px;
    text-align: center;
    margin-bottom: 20px;
}
.spaf2019 #contents > ul li span table td.al .text_box .al_place {
    font-size: 11px;
    text-align: right;
    margin-top: 5px;
    position: absolute;
    bottom: 20px;
    right: 10px;
}


/* .spaf2019 #contents > ul li span table td.al2 {padding: 10px; text-align: left; width: 25%; vertical-align: top; position: relative; border-top: 0px;}


.spaf2019 #contents > ul li span table td.al2 a {width: 150px; height: 160px;}
.spaf2019 #contents > ul li span table td.al2 a img{width: 100%; height: 100%;}

.spaf2019 #contents > ul li span table td.al2 .text_box {position: absolute; width: 90%;  height: 100%; top: 0; vertical-align: middle;}

.spaf2019 #contents > ul li span table td.al2 .text_box .al_title { width: 100%;  height: 32px; line-height: 22px; font-size: 18px; font-weight: 600; text-align: center; padding-top: 20px;} 
.spaf2019 #contents > ul li span table td.al2 .text_box .al_subtitle1 { width: 100%; font-size: 15px; text-align: center;}
.spaf2019 #contents > ul li span table td.al2 .text_box .al_subtitle2 {font-size: 11px; text-align: center; margin-bottom: 10px;}
.spaf2019 #contents > ul li span table td.al2 .text_box .al_place {font-size: 10.5px; text-align: right; margin-top: 5px; position: absolute; bottom: 20px; right: 0px;} */

.spaf2019 #contents > ul li span table td b {
    max-width: 100%;
    margin-right: 0;
}
.spaf2019 #contents .ticket_btn {
    display: inline-block;
    background: #f88b00;
    color: #fff;
    padding: 9px 13px;
    font-weight: 700;
    width: 120px;
    text-align: center;
    /* margin-top: 10px; */
    /* position: absolute; */
    /* right: 242px;
    top: 210px; */
}
.spaf2019 #contents .ticket_btn.poster-position {
    right: 65%;
    top: 210px;
}
.spaf2019 #contents .ticket_btn.poster-position2 {
    right: 49%;
    top: 210px;
}

@media screen and (max-width: 1320px) {
    .spaf2019 #contents .ticket_btn.poster-position {
        right: 42%;
    }
}


/* 250721 spaf 2025 */
.spaf2025 #contents > ul {margin-bottom:0;}
.spaf2025 #contents ul li {padding-top:0;}
.spaf2025 #contents ul li b {max-width:100%; text-align:center;}

.spaf2025 #contents > ul li span table.spaf2025_tbl {border-collapse: separate;}
.spaf2025 #contents > ul li span table.spaf2025_tbl td.al {text-align:center; width:100%; position:relative; padding:0 0 50px 0;}
.spaf2025 #contents > ul li span table.spaf2025_tbl td.al a {display: block; width:576px; height:286px; text-align:center; background-size: cover; position:relative; border-radius: 10px; overflow: hidden; filter: grayscale(100%);}
.spaf2025 #contents > ul li span table.spaf2025_tbl td.al a .text_box {width:100%; height:auto; top:50%; left:50%; transform:translate(-50%,-50%); padding: 100px 0;}
.spaf2025 #contents > ul li span table.spaf2025_tbl td.al a:hover {filter: grayscale(0%);}
.spaf2025 #contents > ul li span table.spaf2025_tbl td.al a:hover .text_box  {background: rgba(248, 139, 0, 0.6);  transition: all ease 0.3s;}

table.spaf2025_info th {color:#222; font-weight:500;}
table.spaf2025_info td {padding: 10px 0;}

.spaf2025 #contents > ul li span table.spaf2025_tbl td.al .al_title {color:#fff; font-size: 25px; font-weight:700; line-height:1.17; letter-spacing: -0.6px; height:auto; padding-top:0;}
.spaf2025 #contents > ul li span table.spaf2025_tbl td.al .al_subtitle1 {font-size: 18px; text-align:center; width: 100%;}
.spaf2025 #contents > ul li span table.spaf2025_tbl td.al .al_subtitle2 {font-size: 14px; text-align:center; width: 100%; margin-top:25px;}
.spaf2025 #contents > ul li span table.spaf2025_tbl td.al .cctxt {position:absolute; bottom:10px; right:10px; font-size: 11px; text-align:right; margin-top:10px; width:100%;}

.n_poster_wrap {display: flex; gap:20px; align-items:flex-end;}
.n_poster_wrap li {display: flex; flex-direction:column; gap:20px; align-items:center;}

.ticket_btn_n {display: block; min-width:256px; padding: 6px 20px;cursor: pointer;border-radius: 50px;text-align: center;font-size: 17px;color: #F88B00; background: #fff; border: 2px solid #F88B00; font-weight: 500; transition: .2s;}
.ticket_btn_n:hover {color:#fff; background: #F88B00;}
.ticket_btn_n.none {border:2px solid #ddd; background: #fff; color:#999; cursor:default; }

.ticket_btn_n.max_w	{max-width: 220px; min-width: 220px; margin-top: 20px;}

.t_left {text-align:left !important;}


/* �������� */
.organization_table * {
    font-size: 16px;
    letter-spacing: -0.5px;
}
.organization_table {
    box-sizing: border-box;
    position: relative;
}
/* .organization_table:before {content:"";position: absolute;top: 102px;left: 25%;width: 55%;height: 1px;background-color: #fff;clear: both;} */
.organization_table:after {
    content: "";
    display: block;
    clear: both;
}

.organization_table ul {
    display: block;
    margin: 47px auto 25px;
}
.organization_table ul:after {
    content: "";
    display: block;
    clear: both;
}
.organization_table ul li {
    position: relative;
    display: table;
    width: 33.3333333333333%;
    float: left;
    height: 100px;
    padding: 0;
    padding-left: 12px;
    color: #000;
    box-sizing: border-box;
    background-image: none;
    text-align: center;
    vertical-align: middle;
    line-height: 1.4;
}
.organization_table ul li:first-child {
    padding-left: 0;
}
.organization_table ul li i {
    display: block;
    font-style: normal;
}
.organization_table ul li.color_y b {
    background-color: #e5a908;
}

.organization_table .table_left {
    float: left;
    width: 50%;
}
.organization_table .table_right {
    float: right;
    width: 25%;
    padding: 0 20px;
    box-sizing: border-box;
}

.organization_table .table_left div {
    position: relative;
    width: 67%;
    margin: auto;
    text-align: center;
}
.organization_table .table_left div p {
}
.organization_table .table_left div p i {
    font-style: normal;
    font-size: 14px;
}
.organization_table .table_left div:first-child,
.organization_table .table_left div:first-child + div {
    padding: 20px 0;
    color: #fff;
}
.organization_table .table_left div:first-child {
    margin-bottom: 30px;
    background-color: #f88b00;
}
.organization_table .table_left div:first-child + div {
    margin-bottom: 30px;
    background-color: #b88c71;
}
.organization_table .table_left div:nth-child(3) {
    margin-bottom: 15px;
    background-color: #f5f5f5;
    border-top: 0;
}
.organization_table .table_left div:nth-child(3) p {
    padding: 18px 0;
    color: #000;
    border-top: 2px solid #f88b00;
}
.organization_table .table_left div:nth-child(5) {
    padding: 20px 0;
    background-color: #f5f5f5;
    width: 33.5%;
    margin: 0;
}
.organization_table .table_left div:nth-child(5) span {
    display: block;
    line-height: 1.8;
}
.organization_table .table_left div:nth-child(4) b {
}

.organization_table .table_left div:nth-child(3):after {
    content: "";
    position: absolute;
    top: 83px;
    left: 0px;
    width: 100%;
    height: 1px;
    background-color: #fff;
    clear: both;
}
.organization_table .table_left div:nth-child(5):before {
    content: "";
    position: absolute;
    top: -26px;
    left: 50%;
    width: 1px;
    height: 32px;
    background-color: #fff;
    clear: both;
    margin-left: -1px;
}

.organization_table ul li:nth-child(1):before {
    content: "";
    position: absolute;
    top: -25px;
    left: 50%;
    width: 1px;
    height: 26px;
    background-color: #fff;
    clear: both;
    margin-left: -1px;
}
.organization_table ul li:last-child:before {
    content: "";
    position: absolute;
    top: -26px;
    left: 50%;
    width: 1px;
    height: 32px;
    background-color: #fff;
    clear: both;
    margin-left: 1px;
}
.organization_table ul li b {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    background-color: #fff;
    width: 100%;
}

.organization_table .table_left div:nth-child(4):after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    clear: both;
}

.organization_table .table_right div {
    width: 90%;
    position: relative;
    margin: 30px auto;
    padding: 18px 20px;
    box-sizing: border-box;
    background-color: #e5a908;
    text-align: center;
}
.organization_table .table_right div:first-child {
    margin-top: 60px;
}
.organization_table .table_right div:nth-child(2) {
    padding: 25px 20px;
    box-sizing: border-box;
    background-color: #f5f5f5;
}
.organization_table .table_right div p {
    color: #000;
}
.organization_table .table_right div span {
    display: block;
    line-height: 1.8;
}
.organization_table .table_left div:first-child:after {
    content: "";
    position: absolute;
    bottom: -301px;
    left: 50%;
    display: block;
    width: 1px;
    height: 300px;
    background-color: #fff;
    clear: both;
}
.organization_table .table_right div:nth-child(2):before {
    content: "";
    position: absolute;
    top: -30px;
    left: 50%;
    width: 1px;
    height: 30px;
    background-color: #fff;
    clear: both;
}
.organization_table .table_right div:nth-child(2):after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50%;
    width: 1px;
    height: 15px;
    background-color: #fff;
    clear: both;
}
.organization_table .table_right ul {
    position: relative;
    width: 100%;
    margin-top: 30px;
}
.organization_table .table_right ul:after {
    content: "";
    display: block;
    clear: both;
}
.organization_table .table_right ul:before {
    content: "";
    position: absolute;
    top: -16px;
    left: 25%;
    width: 50%;
    height: 1px;
    background-color: #fff;
    clear: both;
}
.organization_table .table_right ul li {
    width: 50%;
}
.organization_table .table_right ul li b {
    font-weight: 400;
}
.organization_table .table_right ul li b i {
    font-weight: 700;
}
/* .organization_table .table_right ul li:last-child {float: right;}
.organization_table .table_right ul li:before {content:"";position: absolute;top: -16px;left: 50%;width: 1px;height: 16px;background-color: #fff;clear: both;} */

/* footer */
.sub #footer {
    position: relative;
    bottom: 0;
    margin-top: 120px;
    margin-bottom: 50px;
    color: #999;
    text-align: left;
}
.sub #footer .inner .logo {
    float: left;
    width: 148px;
    height: auto; /* background: url(../img/ft_logo.png) right no-repeat; */
}
.sub #footer .inner .logo .pamsspaflogo {
    content: url("/2025/common/img/logo_spaf_w.png");
    margin-bottom: 10px;
    width: 148px;
}
.sub #footer .inner .text {
    float: left;
    margin-left: 30px;
    font-size: 14px;
    line-height: 1.43;
}
.sub #footer .inner .text div > p {
    font-weight: 700;
}
.sub #footer .inner .text div > span {
    display: block;
    padding-bottom: 20px;
}
.sub #footer .inner .text ul li {
    margin-top: 15px;
}
.sub #footer .inner .text ul li:first-child {
    margin-top: 0;
}
.sub #footer .inner .text ul li p {
    display: inline-block;
}

.sub #footer .inner .text ul li p span {
    display: inline-block;
    padding-right: 19px;
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: bold;
    color: #666;
    letter-spacing: -0.3px;
    vertical-align: top;
}
.sub #footer .inner .text ul li p em {
    display: inline-block;
    height: 29px;
    text-indent: -9999px;
    opacity: 0.7;
}
.sub #footer .inner .text ul li p .host {
    width: 393px;
    background: url(/2023/common/img/ft_host-2022.png?2) right no-repeat;
}
.sub #footer .inner .text ul li p .sub {
    width: 98px;
    background: url(/2023/common/img/ft_sub.png?1) right no-repeat;
}
.sub #footer .inner .text ul li p .support {
    width: 417px;
    height: 84px;
    background: url(/2023/common/img/ft_support-2022.png?1) right no-repeat;
}
.sub #footer .inner .text ul li p .cooperation {
    width: 410px;
    height: 44px;
    background: url(/2023/common/img/ft_cooperation-2022.png?1) right no-repeat;
}
.sub #footer .inner .text ul li p i {
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    color: #666;
    letter-spacing: -0.3px;
    line-height: 1.67;
}
.sub #footer .inner .insta {
    display: none;
}
.sub #footer .inner .video {
    display: none;
}

#wrap .owl-theme .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 40px;
    margin-top: -20px;
}
#wrap .owl-theme .owl-nav button {
    position: absolute;
    width: 30px;
    height: 30px;
    margin: 0;
    z-index: 0 !important;
    opacity: 0.5;
}
#wrap .owl-theme .owl-nav button:hover {
    opacity: 1;
}
.owl-carousel .owl-nav button span {
    opacity: 0;
}
#wrap .owl-carousel .owl-nav button.owl-prev {
    left: 20px;
    background: url(../img/nav/slider_btn_prev.png) repeat-y center;
}
#wrap .owl-carousel .owl-nav button.owl-next {
    right: 20px;
    background: url(../img/nav/slider_btn_next.png) repeat-y center;
}

.slider-for .slick-arrow {
    width: 40px;
    height: 67px;
    top: 50%;
    margin-top: -15px;
}
.slider-for .slick-prev {
    left: 20px;
    background: url(../icon/slick-left.png) no-repeat center;
}
.slider-for .slick-next {
    right: 20px;
    background: url(../icon/slick-right.png) no-repeat center;
}

@media screen and (max-width: 1700px) {
    #header .search {
        right: 160px;
    }
}

/* bg */
/* 상세목록의 배경 */
/* .overseas_view01 #container {
    background-image: url(/2025/common/img/bg/overseas_view01_bg.jpg);
}
.overseas_view02 #container {
    background-image: url(/2025/common/img/bg/overseas_view02_bg.jpg);
}
.overseas_view03 #container {
    background-image: url(/2025/common/img/bg/overseas_view03_bg.jpg);
}
.overseas_view04 #container {
    background-image: url(/2025/common/img/bg/overseas_view04_bg.jpg);
}
.overseas_view05 #container {
    background-image: url(/2025/common/img/bg/overseas_view05_bg.jpg);
    background-color: #000;
}
.overseas_view06 #container {
    background-image: url(/2025/common/img/bg/overseas_view06_bg.jpg);
}
.overseas_view07 #container {
    background-image: url(/2025/common/img/bg/overseas_view07_bg.jpg);
}
.overseas_view08 #container {
    background-image: url(/2025/common/img/bg/overseas_view08_bg.jpg);
}
.overseas_view09 #container {
    background-image: url(/2025/common/img/bg/overseas_view09_bg.jpg);
}
.overseas_view10 #container {
    background-image: url(/2025/common/img/bg/overseas_view10_bg.jpg);
}
.overseas_view11 #container {
    background-image: url(/2025/common/img/bg/overseas_view11_bg.jpg);
}
.overseas_view12 #container {
    background-image: url(/2025/common/img/bg/overseas_view12_bg.jpg);
    background-color: #000;
}
.overseas_view13 #container {
    background-image: url(/2025/common/img/bg/overseas_view13_bg.jpg);
}
.overseas_view14 #container {
    background-image: url(/2025/common/img/bg/overseas_view14_bg.jpg);
}
.overseas_view15 #container {
    background-image: url(/2025/common/img/bg/overseas_view15_bg.jpg);
}
.overseas_view15_new #container {
    background-image: url(/2025/common/img/bg/overseas_view15_new_bg.jpg);
}
.overseas_view16 #container {
    background-image: url(/2025/common/img/bg/overseas_view16_bg.jpg);
}
.overseas_view17 #container {
    background-image: url(/2025/common/img/bg/overseas_view17_bg.jpg);
}
.overseas_view18 #container {
    background-image: url(/2025/common/img/bg/overseas_view18_bg.jpg?1);
    background-color: #000;
}
.overseas_view19 #container {
    background-image: url(/2022/common/img/bg/overseas_view19_bg.jpg);
}
.overseas_view20 #container {
    background-image: url(/2022/common/img/bg/overseas_view20_bg.jpg);
}
.overseas_view21 #container {
    background-image: url(/2022/common/img/bg/overseas_view21_bg.jpg);
}
.overseas_view22 #container {
    background-image: url(/2022/common/img/bg/overseas_view22_bg.jpg?1);
} */
/* 창작랩 배경 */
/* .overseas_view23 #container {
    background-image: url(/2025/common/img/bg/overseas_view01_bg.jpg);
}
.coworks_view16 #container {
    background-image: url(/2025/common/img/bg/coworks_view16_bg.png);
}
.coworks_view17 #container {
    background-image: url(/2025/common/img/bg/coworks_view17_bg.png);
}
.coworks_view18 #container {
    background-image: url(/2025/common/img/bg/coworks_view18_bg.png);
}

.global_view18 #container {
    background-image: url(/2025/common/img/bg/global_view18_bg.png);
}
.global_view19 #container {
    background-image: url(/2025/common/img/bg/global_view19_bg.png);
}
.global_view20 #container {
    background-image: url(/2025/common/img/bg/global_view20_bg.png);
}

.spaf_view01 #container {
    background-image: url(/2025/common/img/bg/spaf_view01_bg.jpg);
}
.spaf_view02 #container {
    background-image: url(/2025/common/img/bg/spaf_view02_bg.jpg);
}
.spaf_view03 #container {
    background-image: url(/2025/common/img/bg/spaf_view03_bg.png);
} */

.spaf_by {
    clear: both;
}
.infospafby {
    color: #fff;
}

/* ���۳�Ʈ */

.sub #contents .tab_cnt strong.note_tit {
    display: inline-block;
    padding: 3px 13px 7px 13px;
    background-color: #ffcc00;
}
.sub #contents .tab_cnt strong.note_tit a {
    font-size: 15px;
    color: #000;
}
.sub #contents .tab_cnt strong.note_tit i {
    display: inline-block;
    width: 13px;
    height: 8px;
    padding-bottom: 2px;
    margin-left: 5px;
    background: url(../img/note_view.png) no-repeat;
}
.sub #contents .tab_cnt strong.note_tit i.show {
    background: url(../img/note_close.png) no-repeat;
}
.sub #contents .tab_cnt p.note_cnt {
    display: none;
}
.sub #contents .tab_cnt p.note_cnt.show {
    display: block;
}
.sub #contents .tab_cnt p.note_cnt b {
    border-bottom: 1px solid #ccc;
}

/* ticket */
.ticketing #container,
.concert_hall #container,
/*.calender #container {
    background-image: url(/2025/common/img/bg/overseas_view03_bg.jpg);
}
.schedule #container {
    background-image: url(/2025/common/img/bg/overseas_view06_bg.jpg);
}*/
.sub #contents .ticket_tab {
    margin-bottom: 40px;
    border: 1px solid #fff;
}
.sub #contents .ticket_tab li {
    float: left;
    width: 50%;
    box-sizing: border-box;
    text-align: center;
}

.sub #contents .ticket_tab_cnt li {
    box-sizing: border-box;
    text-align: center;
}

.sub #contents .ticket_tab li + li {
    border-left: 1px solid #fff;
}
.sub #contents .ticket_tab li a {
    display: block;
    padding: 14px 0;
    color: #fff;
    background-color: Transparent;
}
.sub #contents .ticket_tab_cnt {
    display: none;
}

.sub #contents .ticket_tab_cnt .detail_img {
    width: 100%;
    text-align: center;
}

.sub #contents .ticket_tab_cnt > span {
    display: block;
    margin-bottom: 15px;
    color: #fff;
    font-size: 20px;
}
.sub #contents .ticket_tab_cnt.on {
    display: block;
}
.sub #contents .ticket_tab li a.on {
    font-weight: 600;
    background-color: #fff;
    color: #000;
}
.sub #contents .ticket_tab_cnt .ticket_info {
    color: #fff;
    display: block;
    margin-bottom: 15px;
    font-size: 20px;
}
.sub #contents .ticket_tab_cnt strong {
    display: block;
    margin-bottom: 20px;
    color: #f88b00;
    font-size: 22px;
}
.sub #contents .ticket_tab_cnt > table {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #999;
    border-left: 1px solid #000;
}
.sub #contents .ticket_tab_cnt > table th {
    padding: 15px 0;
    font-size: 14px;
    font-weight: 700;
    background-color: #fff;
    border-left: 1px solid #000;
}
.sub #contents .ticket_tab_cnt > table td {
    position: relative;
    padding: 1%;
    color: #fff;
    border-bottom: 1px solid #999;
    vertical-align: middle;
    margin-left: 1%;
}

.sub #contents .ticket_tab_cnt section.qna table th {
    padding: 15px 0;
    font-size: 14px;
    font-weight: 700;
    background-color: #fff;
    border-left: 1px solid #000;
}
.sub #contents .ticket_tab_cnt section.qna table td {
    position: relative;
    padding: 1%;
    color: #fff;
    border-bottom: 1px solid #999;
    vertical-align: middle;
    margin-left: 1%;
    border-left: 1px solid #4d4d4d;
    border-right: 1px solid #4d4d4d;
}
.sub #contents .ticket_tab_cnt > table td + td {
    border-left: 1px solid #4d4d4d;
}
.sub #contents .ticket_tab_cnt > table td a,
.sub #contents .ticket_tab_cnt > table td span,
.sub #contents .ticket_tab_cnt > table td img {
    display: block;
}
.sub #contents .ticket_tab_cnt > table td a.inline {
    display: inline;
}
.sub #contents .ticket_tab_cnt > table td.ta_l {
    padding: 30px 0 30px 20px;
    text-align: left;
    box-sizing: border-box;
}

.sub #contents .ticket_tab_cnt > table td img {
    margin-bottom: 14px;
}
.sub #contents .ticket_tab_cnt > table td a:hover {
    font-weight: 700;
    text-decoration: underline;
}
.sub #contents .ticket_tab_cnt > table td.discount {
    color: #f88b00;
    font-size: 16px;
}
.sub #contents .ticket_tab_cnt > table td .ta_l {
    display: inline-block;
    text-align: left;
}
.sub #contents .ticket_tab_cnt > table td .ta_l span {
    color: #ccc;
    font-size: 15px;
}
.sub #contents .ticket_tab_cnt > table td img.soldout {
    display: block;
    position: absolute;
    bottom: 30px;
    left: 35px;
}
.sub #contents .ticket_tab_cnt > table td a.ticket_btn {
    display: block;
    width: 50%;
    margin: 20px auto;
    padding: 5px 0;
    color: #000;
    background-color: #00b4da;
    text-decoration: none;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: -1px;
}
.sub #contents .ticket_tab_cnt > table td a.ticket_btn02 {
    display: block;
    width: 50%;
    margin: 20px auto;
    padding: 5px 0;
    color: #000;
    background-color: #f88b00;
    text-decoration: none;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: -1px;
}
.sub #contents .ticket_tab_cnt table table {
    width: 94%;
    font-size: 16px;
    border: 1px solid #4d4d4d;
}
.sub #contents .ticket_tab_cnt table table td {
    box-sizing: border-box;
}
.sub #contents .ticket_tab_cnt table table td a {
    display: block;
    padding: 0 10px;
    text-align: left;
}
.sub #contents .ticket_tab_cnt > p {
    margin: 14px 0 42px 0;
    color: #ccc;
    text-align: right;
}
.sub #contents .ticket_tab_cnt table table td .bill a {
    display: inline;
    padding: 0;
}
.sub #contents .ticket_tab_cnt table table td .bill {
    display: inline-block;
    margin-left: -15px;
}

.sub #contents .discount_tab table {
    margin-bottom: 61px;
}
.sub #contents .discount_tab table .discount + td {
    padding-left: 20px;
    text-align: left;
}
.sub #contents .discount_tab table td img {
    display: block;
    margin: 0 auto 16px;
}

.sub #contents .notice_tab p {
    color: #fff;
    text-align: left;
}
.sub #contents .notice_tab p.ta_r {
    margin-bottom: 35px;
    text-align: right;
    color: #ccc;
}
.sub #contents .notice_tab p span {
    display: block;
    padding: 30px;
    color: #ccc;
    border: 1px solid rgba(255, 255, 255, 0.3);
}
.sub #contents .notice_tab p span i {
    color: #ffcc00;
    font-style: normal;
    font-size: 15px;
}
.sub #contents .notice_tab ul {
    /* margin-bottom: 65px; */
}
.sub #contents .notice_tab ul li {
    position: relative;
    padding-left: 20px;
    color: #fff;
}
.sub #contents .notice_tab ul li:before {
    position: absolute;
    top: 7px;
    left: 0;
    content: "";
    display: none;
    width: 15px;
    height: 12px;
    clear: both;
    background: url(../img/ticket/check.png) no-repeat;
}

/* .sub #contents .notice_tab ul li:last-child {color: #ffcc00;} */
/* .sub #contents .notice_tab ul li:last-child:before  {background: url(../img/ticket/check_yellow.png) no-repeat;} */

.sub #contents .notice_tab table td {
    color: #ccc;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid #4d4d4d;
    padding: 1%;
    margin-left: 20px;
}
.sub #contents .notice_tab table td + td {
    padding: 1%;
}
.sub #contents .notice_tab table td .bill a {
    display: inline;
}
.ticketing #contents > p {
    margin-bottom: 20px;
}
.ticketing #contents > p > a,
.ticketing #contents > p > span {
    font-size: 16px;
    color: #fff;
}
.ticketing #contents > p > span > b {
    font-size: 22px;
}
.ticketing #contents > p > a {
    display: inline-block;
    margin: 0px 10px;
    vertical-align: bottom;
}
.ticketing #contents > p > a:hover {
    font-weight: 700;
    text-decoration: underline;
}

@media screen and (max-width: 1475px) {
    .sub #contents .ticket_tab li a {
        font-size: 13px;
    }
}

/* ������ */
.concert_hall #contents > div > img {
    margin: 0 0 20px 0;
}
.concert_hall #contents h4 {
    margin: 60px 0 10px 0;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
}
.concert_hall #contents p {
    color: rgba(255, 255, 255, 0.8);
}
.concert_hall #contents .table-col-box {
    width: 100%;
    height: 310px;
}
.concert_hall #contents .table-col3 {
    position: relative;
    width: 28.3%;
    height: 310px;
    margin-top: 20px;
    padding: 20px;
    float: left;
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
}
.concert_hall #contents .table-col3 .table-col-img {
    width: 44%;
    height: 120px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}
.concert_hall #contents .table-col3 .table-col-img.bus-icon {
    background-image: url("/2025/common/img/bus_icon.png");
}
.concert_hall #contents .table-col3 .table-col-img.subway-icon {
    background-image: url("/2025/common/img/subway-icon.png");
}
.concert_hall #contents .table-col3 .table-col-img.p-icon {
    background-image: url("/2025/common/img/p-icon.png");
}

.concert_hall #contents .table-col3 .table-col-img.bus-icon:before,
.concert_hall #contents .table-col3 .table-col-img.subway-icon:before {
    content: "";
    width: 1px;
    height: 200px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 20%;
}
#map {
    z-index: 0;
}

@media screen and (max-width: 1499px) {
    .concert_hall #contents .table-col3 {
        width: 25.3%;
    }
    .concert_hall #contents .table-col-box {
        height: 370px;
    }
}

/* past */

.sub #contents .past_spaf li {
    float: left;
    width: 6.666666%;
	position:relative;
}

.sub #contents .past_spaf li:after		{position:absolute; width:1px; height:13px; content:''; background:#ddd; top:7px; right:20px;}
.sub #contents .past_spaf li:nth-child(15):after	{display:none;}
.sub #contents .past_spaf li:last-child:after		{display:none;}

.sub #contents .past_spaf li a {
    display: block;
    color:#666;
}
.sub #contents .past_spaf li a.on {
    color: #F88B00;
    font-weight: 700;
}
.sub #contents .past_spaf_cnt > strong {
    display: block;
    margin: 60px 0 25px 0;
    color: #222;
    font-size: 26px;
    font-weight: 700;
}
.sub #contents .info_box {
    padding: 40px;
    border: 4px solid #222;
	border-radius: 15px;
}
.sub #contents .info_box img {
    float: left;
    width: 150px;
    margin: 0;
}
.sub #contents .info_box table {
    float: left;
    margin-left: 40px;
    width: 78%;
}
.sub #contents .info_box table th {
    padding: 0 0 10px;
    color: #222;
    font-weight: 500;
    text-align: left;
}
.sub #contents .info_box table td {
    padding: 0 0 10px;
    color: #666;
    text-align: left;
}

.sub #contents .past_spaf_cnt {
    display: none;
}
.sub #contents .past_spaf_cnt.on {
    display: block;
}

/*1*/
.sub #contents .past_tab {
    margin: 60px 0;
}
.sub #contents .past_tab li {
    float: left;
    width: 33.333333%;
    box-sizing: border-box;
    text-align: center;
}
.sub #contents .tab2 li {
    width: 25%;
}
/* .sub #contents .past_tab li + li {
    border-left: 1px solid #00b4da;
} */
.sub #contents .past_tab li a {
    display: block;
    padding: 14px 0;
    color: #bbb;
    border-bottom: 2px solid #ddd;
	font-size: 18px;
}
.sub #contents .past_tab_cnt {
    display: none;
}
.sub #contents .past_tab_cnt.on {
    display: block;
}
.sub #contents .past_tab li a.on {
    font-weight: 700;
    border-bottom: 2px solid #f88b00;
    color: #f88b00;
}

.sub #contents .past_tab_cnt > strong {
    display: block;
    margin-bottom: 25px;
    color: #222;
    font-size: 26px;
    font-weight: 700;
}


.sub #contents .past_tab_cnt > table {
    width: 100%;
}
.sub #contents .past_tab_cnt > table tr {
    border-bottom: 1px solid #ddd;
}
.sub #contents .past_tab_cnt > table th,
.sub #contents .past_tab_cnt > table td {
    text-align: left;
    color: #222;
}
.sub #contents .past_tab_cnt > table th,
.sub #contents .past_tab_cnt > table td.bd_B {
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
.sub #contents .past_tab_cnt > table th {
    padding-top: 20px;
    font-weight: 700;
	width:150px
}
.sub #contents .past_tab_cnt > table td {
    padding: 5px 0;
}
.sub #contents .past_tab_cnt > table td span {
    position: relative;
    display: block;
    padding-left: 13px;
}
.sub #contents .past_tab_cnt > table td span:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    display: block;
    width: 4px;
    height: 4px;
    background-color: #222;
	border-radius: 50px;
    clear: both;
}
.sub #contents .past_tab_cnt > table td strong {
    display: block;
    padding: 30px 0 12px 0;
    font-weight: 700;
}
.sub #contents .past_tab_cnt > table td strong.none {
    padding-top: 0;
}

.sub #contents .past_tab_cnt.unit > table td i {
    display: block;
    padding: 20px 0 13px 0;
    font-style: normal;
}
.sub #contents .past_tab_cnt.unit > table td i.none {
    padding-top: 0;
}
.sub #contents .past_tab_cnt.unit > table td {
    padding: 0;
}
.sub #contents .past_tab_cnt.unit > table td.bd_B {
    padding-bottom: 20px;
}
.sub #contents .past_tab_cnt.unit > table td.pb_16 {
    padding-bottom: 16px;
}

.sub #contents .past_tab_cnt.unit > table table {
    margin: 12px 0 19px 0;
    width: 100%;
    border: 1px solid #ddd;
}
.sub #contents .past_tab_cnt.unit > table table th {
    padding: 13px 0 10px 0;
    color: #000;
    text-align: center;
    background-color: #f2f2f2;
    vertical-align: middle;
}
.sub #contents .past_tab_cnt.unit > table table td {
    padding: 10px 0;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    vertical-align: middle;
}
.sub #contents .past_tab_cnt.unit > table table td:last-child {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.sub #contents .past_tab_cnt.unit > table .table_2 td:last-child {
    padding-left: 20px;
    text-align: left;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.sub #contents .past_tab_cnt.unit > table .table_3 td {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

#instafeed div {
    position: relative;
    display: inline-block;
    width: 180px;
    height: 180px;
}
#instafeed div ul {
    display: none;
    position: absolute;
    top: 41%;
    left: 15%;
    cursor: pointer;
}
#instafeed div ul.on {
    display: block;
}
#instafeed div ul li {
    float: left;
}
#instafeed div ul li span {
    display: inline-block;
    padding: 0 6px;
    color: #fff;
}
#instafeed div ul li span i {
    display: inline-block;
    padding: 0 5px;
    color: #fff;
    box-sizing: border-box;
}
#instafeed div a {
    display: block;
    width: 100%;
    height: 100%;
}
#instafeed div:nth-child(1) a {
    background-image: url(../img/insta_1011_01.png);
    background-size: contain;
}
#instafeed div:nth-child(2) a {
    background-image: url(../img/insta_1011_02.png);
    background-size: contain;
}
#instafeed div:nth-child(3) a {
    background-image: url(../img/insta_1011_03.png);
    background-size: contain;
}
#instafeed div:nth-child(4) a {
    background-image: url(../img/insta_1010_01.png);
    background-size: contain;
}
#instafeed a img {
    display: block;
    width: 100%;
    height: 100%;
}

/* ��ü���� */
.schedule #contents > a {
    display: inline-block;
    margin-bottom: 15px;
    padding: 10px 14px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    background-color: #f88b00;
}
.schedule #contents > a.filter {
    float: right;
    padding-right: 24px;
    font-size: 15px;
    background: url(../img/ticket/filter_show.png) no-repeat;
    background-position: center right;
}
.schedule #contents > a.filter.on {
    background: url(../img/ticket/filter_close.png) no-repeat;
    background-position: center right;
}
.schedule #contents > a.filter.on .controls {
    display: block;
}
.schedule .controls {
}
.schedule .controls .checkbox-group {
    display: none;
    padding-bottom: 30px;
}
.schedule .controls .checkbox-group.on {
    display: block;
    padding-top: 56px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.schedule .controls .checkbox-group > div {
    float: left;
    width: 25%;
}
.schedule .controls .checkbox-group > div:nth-child(2) {
    float: left;
    width: 35%;
}
.schedule .controls .checkbox-group > div:nth-child(3) {
    float: left;
    width: 20%;
}
.schedule .controls .checkbox-group > div:nth-child(4) {
    float: left;
    width: 20%;
}
.schedule .controls .checkbox-group > div.clearfix > div {
    float: left;
}
.schedule .controls .checkbox-group > div.clearfix > div:nth-child(3) {
    margin-left: 30px;
}
.schedule .controls .checkbox-group p {
    margin-bottom: 20px;
    color: #ffcc00;
}
.schedule .controls .checkbox-group .checkbox {
    padding-bottom: 5px;
}
.schedule .controls .checkbox-group .checkbox-label {
    color: #fff;
}
.schedule .controls .checkbox-group .checkbox-label:before {
    content: "";
    clear: both;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 7px;
    width: 16px;
    height: 16px;
    background: url(../img/ticket/checkbox.png);
    cursor: pointer;
}
.schedule .controls .checkbox-group input[type="checkbox"]:checked + .checkbox-label:before {
    background: url(../img/ticket/checkbox_c.png);
}
.schedule_container div {
    color: #fff;
}
.schedule_container div .schedule-credits {
    width: 169px;
    position: absolute;
    top: 150px;
    left: 5px;
    font-size: 11px;
    color: #333333;
}
.schedule .controls .checkbox-group input[type="checkbox"] {
    display: none;
}
.schedule .schedule_container .mix {
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.schedule .schedule_container .mix:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.schedule .schedule_container .mix:after {
    content: "";
    display: block;
    clear: both;
}
.schedule .schedule_container .mix img {
    display: block;
    float: left;
}
.schedule .schedule_container .mix > div {
    display: inline-block;
    padding: 21px 35px;
    width: 66%;
    box-sizing: border-box;
}
.schedule .schedule_container .mix > div strong {
    display: block;
    font-size: 25px;
}
.schedule .schedule_container .mix > div p {
    padding: 10px 0;
    color: #ccc;
    font-size: 15px;
}
.schedule .schedule_container .mix > div p.pnone {
    padding: 0;
}
.schedule .schedule_container .mix > div span {
    display: inline-block;
    padding: 5px 12px 6px;
    margin: 10px 4px 0px 0px;
    border: 1px solid #fff;
    border-radius: 20px;
    font-size: 12.6px;
}
.schedule .schedule_container .mix a {
    position: absolute;
    top: 67px;
    right: 0;
    padding: 9px 13px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    background-color: #f88b00;
}

/*��ũ�� �佺Ƽ��*/
.schedule .schedule_container .work {
    position: relative;
    /* border-top: 1px solid rgba(255, 255, 255, 0.3); */
}
.schedule .schedule_container .work:last-child {
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.3); */
}
.schedule .schedule_container .work:after {
    content: "";
    display: block;
    clear: both;
}
.schedule .schedule_container .work img {
    display: block;
    float: left;
}
.schedule .schedule_container .work > div {
    display: inline-block;
    padding: 20px;
    width: 85%;
    box-sizing: border-box;
}
.schedule .schedule_container .work > div strong {
    display: block;
    font-size: 25px;
}
.schedule .schedule_container .work > div p {
    padding: 10px 0;
    color: #ccc;
    font-size: 15px;
}
.schedule .schedule_container .work > div p.pnone {
    padding: 0;
}
.schedule .schedule_container .work > div span {
    display: inline-block;
    padding: 5px 12px 6px;
    margin: 10px 4px 0px 0px;
    border: 1px solid #fff;
    border-radius: 20px;
    font-size: 12.6px;
}
.schedule .schedule_container .work a {
    position: absolute;
    top: 67px;
    right: 0;
    padding: 9px 13px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    background-color: #f88b00;
}

.schedule .schedule_container .work > div .topic {
    width: 160px;
    height: 160px;
    color: #fff;
    float: left;
    text-align: center;
    margin-right: 30px;
}
.schedule .schedule_container .work > div .topic p {
    vertical-align: middle;
    padding-top: 35%;
    line-height: 18px;
    font-weight: 500;
    color: #fff;
}
.schedule .schedule_container .work > div .topic.resize {
    height: 240px;
}
.schedule .schedule_container .work > div .topic.resize p {
    padding-top: 60%;
}

.schedule .schedule_container .none {
    display: none;
}
.schedule .schedule_container .none div {
    padding: 80px 0;
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    text-align: center;
}
.schedule .schedule_container .none div p {
    font-size: 26px;
    color: #fff;
}
.schedule .schedule_container.mixitup-container-failed .none {
    display: block;
}

/*
.calender #container h1 {padding-top: 37px;}
.calender #container a.bak {display: block;padding-top: 79px;background-color: none;font-size: 16px;color: #fff;}
.calender #container p {float: left;color: #ccc;}
.calender #container .pro {float: right;margin-bottom: 17px;}
.calender #container .pro span {position: relative;display: inline-block;margin-right: 30px;padding-left: 38px;color: #fff;}
.calender #container .pro span:before {content:"";display: block;position: absolute;top: 3px;left: 0;clear: both;width: 30px;height: 20px;border-radius: 10px;}
.calender #container .pro span:nth-child(1):before {background-image: linear-gradient(to right, #0000cc, #000092);}
.calender #container .pro span:nth-child(2):before {background-image: linear-gradient(to right, #ffcc00, #ffab00);}
.calender #container .pro span:nth-child(3):before {background-image: linear-gradient(to right, #fe63b7, #fd3892);}
.calender #container table {width: 100%;color: #fff;text-align: center;}
.calender #container table tr th {padding: 14px 0;vertical-align: middle;border-left: 1px solid #4d4d4d;font-weight: 700;}
.calender #container table tr td {padding: 10px 0;vertical-align: middle;border-left: 1px solid #4d4d4d;border-bottom: 1px solid #4d4d4d;font-size: 13px;}
.calender #container table tr td a {font-weight: 700;font-size: 16px;}
.calender #container table tr td span {font-size: 13px;font-weight: 400;}
.calender #container table tr td.bd_e2 {border-top: 1px solid #e2e2e2;font-size: 15px;}
.calender #container table tr td.sat {color: #2b71ff;}
.calender #container table tr td.sun {color: #ff0000;}
.calender #container table tr td.bg_b1 {font-size:12px; font-weight: 700; background-color: #0000cc; border-bottom: 1px solid rgba(255,255,255); border-right: 1px solid rgba(255,255,255);}
.calender #container table tr td.bg_b2 {font-size:12px; font-weight: 700;background-color: #02028b; border-bottom: 1px solid rgba(255,255,255); border-right: 1px solid rgba(255,255,255);}
.calender #container table tr td.bg_y1 {font-size:12px; font-weight: 700;color: #000;background-color: #ffcc00; border-bottom: 1px solid rgba(255,255,255); border-right: 1px solid rgba(255,255,255);}
.calender #container table tr td.bg_y2 {font-size:12px; font-weight: 700;color: #000;background-color: #ffab00; border-bottom: 1px solid rgba(255,255,255); border-right: 1px solid rgba(255,255,255);}
.calender #container table tr td.bg_p1 {font-size:12px; font-weight: 700;color: #000;background-color: #fe63b7; border-bottom: 1px solid rgba(255,255,255); border-right: 1px solid rgba(255,255,255);}
.calender #container table tr td.bg_p2 {font-size:12px; font-weight: 700;color: #000;background-color: #FD3AA2; border-bottom: 1px solid rgba(255,255,255); border-right: 1px solid rgba(255,255,255);}
.calender #container table tr td.bdb_no {border-bottom: none;}
.calender #container table tr td.bdr_no {border-right: none;}
.calender #container table tr td:nth-child(1) {border-left: none;}
.calender #container table tr:nth-child(1) {border-top: 2px solid #fff;}
.calender #container table tr:nth-child(1) th:last-child {border-bottom: 2px solid #fff;}
.calender #container table tr:nth-child(1) td {border-bottom: 2px solid #fff;}
.calender #container table tr:nth-child(2) {border-bottom: 2px solid #fff;}
*/

@media screen and (max-width: 1440px) {
    .schedule .schedule_container .mix > div {
        width: 59%;
    }

    /* popup03 */
    .main .banner03 {
        position: absolute;
        top: 100px;
        right: 50px;
        z-index: 9999;
    }

    .main .banner03 .banner_cont div {
        text-align: center;
        background: #fff;
        width: 600px;
        color: #000;
    }
    .main .banner03 .banner_cont div h2 {
        font-size: 24px;
    }
    .main .banner03 .banner_cont div span {
        color: #ff000e;
    }
    .main .banner03 .btn_close03 {
        background-color: #000;
    }
    .main .banner03 .btn_close03 input {
        margin-left: 10px;
    }
    .main .banner03 .btn_close03 label {
        color: #ffcc00;
    }
    .main .banner03 .btn_close03 button {
        position: absolute;
        right: 10px;
        cursor: pointer;
    }
}

/* ��Ʈ�� */
.parther strong {
    display: block;
    margin-bottom: 25px;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
}
.parther > div {
    margin-top: 60px;
}
.parther > div.first {
    margin-top: 0;
}
.parther > div > ul li {
    padding: 25px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    display: table;
    width: 100%;
}
.parther > div > ul li:first-child {
    border-top: 2px solid #fff;
}
.parther > div > ul li:after {
    content: "";
    display: block;
    clear: both;
}
.parther > div > ul li div:first-child {
    width: 35%;
}
.parther > div > ul li div {
    width: 65%;
    display: table-cell;
    vertical-align: middle;
}
.parther > div > ul li a {
    color: #ccc;
    font-size: 17px;
    display: inline-block;
    line-height: 1;
}
.parther > div > ul li a img {
    max-width: 100%;
}
.parther > div > ul li a span {
    border-left: 1px solid #ccc;
    display: inline-block;
    padding-left: 10px;
    margin-left: 10px;
}


.sub #contents {
	width: 100%;
    max-width: 1300px;
    padding: 90px 50px 150px 50px;
    margin: 0 auto;
    }


/* �����˾� */
.video_pop {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}
.video_pop .bg {
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 101;
}
.video_pop iframe {
    position: absolute;
    top: 50%;
    margin-top: -200px;
    left: 50%;
    transform: translate(-50%, -25%);
    box-shadow: 0 16px 24px 2px rgb(0, 0, 0, 0.5);
    z-index: 102;
}
.video_pop img {
    position: absolute;
    top: 100px;
    right: 400px;
    cursor: pointer;
    z-index: 102;
}

/* 동영상 플레이어 css 수정 */
.youtube-player {
    padding-top: 56.25%;
    position: relative;
	border-radius: 10px;
	overflow: hidden;
}
.youtube-player iframe,
.youtube-player video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ���� */
.events #container {
    background-image: url(../img/events_bg.jpg);
}
.events_list {
    color: #fff;
    font-size: 17px;
}
.events_list li {
    padding: 40px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.events_list li:first-child {
    padding-top: 0;
}
.events_list li strong {
    display: inline-block;
    margin-bottom: 24px;
    font-size: 23px;
    color: #ffcc00;
}
.events_list li a {
    display: inline-block;
    margin-left: 20px;
    padding: 3px 13px;
    color: #000;
    font-weight: 700;
    background-color: #ffcc00;
}
.events_list li p {
    margin-bottom: 35px;
}

/* �۷ι�Ŀ�ؼ� */
.coworks .global_txt {
    margin-bottom: 60px;
    color: #fff;
}
.coworks .img_box {
    position: relative;
    height: 370px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    transition: all ease 0.3s;
}
.coworks .txt_box {
    position: absolute;
    display: block;
    width: 79%;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -43%);
}
.coworks .txt_box em {
    color: #fff;
    display: block;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 700;
}
.coworks .txt_box span {
    color: #fff;
    display: block;
}
.coworks .cont_list li {
    float: left;
    width: 33.333333%;
}
.coworks .cont_list li:nth-child(1) .img_box {
    background-image: url(../img/global01.jpg);
}
.coworks .cont_list li:nth-child(2) .img_box {
    background-image: url(../img/global02.jpg);
}
.coworks .cont_list li:nth-child(3) .img_box {
    background-image: url(../img/global03.jpg);
}
.coworks .cont_list li:nth-child(1):hover .img_box {
    background-image: url(../img/global01_on.jpg);
}
.coworks .cont_list li:nth-child(2):hover .img_box {
    background-image: url(../img/global02_on.jpg);
}
.coworks .cont_list li:nth-child(3):hover .img_box {
    background-image: url(../img/global03_on.jpg);
}
.coworks .cont_list li:hover .txt_box {
    display: none;
}
.coworks .cont_list li p {
    color: #fff;
    margin-top: 20px;
}
.coworks .cont_list li a {
    display: block;
    width: 100%;
    height: 100%;
}

/* �۷ι�Ŀ�ؼ� �� */
.global_view .tab_cnt {
    border-top: 1px solid rgba(255, 255, 255, 0.7);
}

/* ������ �� */
.sub #contents .tab_cnt .item-video strong {
    margin-top: 0;
}
.sub #contents .tab_cnt .item-video iframe {
    z-index: -1 !important;
}

/* Ƽ�� ����  */

.covid19 {
    display: block;
    margin: 50px 0;
    color: #fff;
}
.covid19:first-child {
    margin-top: 0;
}
.covid19:last-child {
    margin-bottom: 0;
}
.covid19 img {
    width: 10%;
    margin-right: 4%;
    display: inline-block;
    vertical-align: top;
}
.covid19 p {
    width: 85%;
    display: inline-block;
    color: #fff;
}
.covid19 tr {
    vertical-align: middle;
}
.covid19 td {
    vertical-align: middle;
}
.covid19 th {
    color: #fff;
}
/*  .tab2 {display: block; color: #fff;font-size: 16px;}  */
.tab2 td {
    padding: 1%;
    text-align: center;
    vertical-align: middle;
}
.tab2 th {
    color: #000;
    background-color: #fff;
    text-align: center;
}
.tab2 th > td {
    text-align: center;
    padding: 1%;
    text-align: center;
    vertical-align: middle;
}
.tab2 {
    text-align: center;
    vertical-align: middle;
}
.tab3 {
    background-color: #fff;
}

/*qna*/
.qna {
    padding: 0;
}
.qna h2 {
    font-size: 48px;
    color: #fff;
    font-weight: 400;
    text-align: center;
}

.question_box {
    margin-top: 3px;
}

.accordion .accordion-item {
    border: 1px solid #fff;
    margin-bottom: 40px;
    /*
  border-radius:15px;
  -webkit-border-radius : 15px;
	-moz-border-radius : 15px; 
	-o-border-radius : 15px;
*/
    /*padding:10px 40px;*/
}
.accordion .accordion-item button[aria-expanded="true"] {
    /*border-bottom: 1px solid #e5e5e5;*/
}
.accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 40px;
    /*color: #0d0d0d;*/
    font-size: 18px;
    font-weight: 500;
    border: none;
    background: none;
    outline: none;
}

.accordion button:hover,
.accordion button:focus {
    cursor: pointer;
    color: #fff;
}
.accordion button:hover::after,
.accordion button:focus::after {
    cursor: pointer;
    color: #fff;
    border: 1px solid #fff;
}
.accordion button .accordion-title {
    /*   padding: 1em 1.5em 1em 0; */
    color: #fff;
}
.accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 34px;
    right: 40px;
    width: 22px;
    height: 22px;
    /*border: 1px solid;*/
    /*   border-radius: 22px; */
    color: #fff;
}
.accordion button .icon::before {
    display: block;
    position: absolute;
    content: "";
    top: 21px;
    left: -14px;
    width: 37px;
    height: 6px;
    background: currentColor;
    /*
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
*/
}
.accordion button .icon::after {
    display: block;
    position: absolute;
    content: "";
    top: 6px;
    left: 2px;
    width: 6px;
    height: 37px;
    background: currentColor;
    /*   border-radius: 0; */
    /*
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
*/
}

.qna_active {
    border: 1px solid #fff !important;
    transition: all 0.5s ease;
}

.accordion button[aria-expanded="true"] .accordion-title {
    color: #fff;
}
.accordion button[aria-expanded="true"] .icon {
    color: #fff;
}
.accordion button[aria-expanded="true"] .icon::after {
    width: 0;
}
.accordion button[aria-expanded="true"] + .accordion-content {
    opacity: 1;
    max-height: 53em;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    will-change: opacity, max-height;
}
.accordion .accordion-content {
    position: relative;
    opacity: 0;
    max-height: 0;
    /*    overflow: hidden; */
    /*
  -webkit-transition: opacity 200ms linear, max-height 200ms linear;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity,  max-height; 
*/
}
.accordion .accordion-content:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: #fff;
    /* 	margin:0 40px; */
    width: 94%;
    height: 1px;
}
.accordion .accordion-content p {
    color: #fff;
    font-size: 16px;
    line-height: 135%;
    padding: 40px;
}

/*info*/
.info {
    /* padding:120px 0; */
    background: #fff;
}
.info > .inner {
    overflow: hidden;
}
.info .apply {
    float: left; /* padding-top:104px; */
}
.info .price {
    float: right;
}

.info .apply h2 {
    font-size: 48px;
    color: #fff;
    font-weight: 300;
}
.info .apply h2 strong {
    color: #009b77;
    font-weight: 500;
}
.info .apply p {
    font-size: 24px;
    color: #0d0d0d;
    font-weight: 300;
    line-height: 135%;
    margin: 40px 0 110px;
}
.info .apply a {
    display: block;
    width: 300px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    background: #de4851;
    /* border-radius:90px; */
    /*
-webkit-border-radius : 90px;
-moz-border-radius : 90px; 
-o-border-radius : 90px;
*/
}

.info .price ul li {
    display: table;
    background: #fff; /* padding-right:25px; margin-bottom:20px; */ /*font-size:20px; color:#333; font-weight:400; letter-spacing:-1px;*/
    /*
border-radius:10px;
-webkit-border-radius : 10px;
-moz-border-radius : 10px; 
-o-border-radius : 10px;
*/
} /*���� �� nȸ ����*/
.info .price ul li:last-child {
    margin: 0; /*padding-right:18px;*/
}
.info .price ul li:last-child .txt .sale p {
    margin: 0 16.5px;
}

.info .price .day {
    display: inline-block;
    padding: 23px 45px;
    margin-right: 25px;
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    line-height: 135%;
    background: #5b2231;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -mox-box-sizing: border-box;
    -o-box-sizing: border-box;

    /*
border-radius:10px;
-webkit-border-radius : 10px;
-moz-border-radius : 10px; 
-o-border-radius : 10px;
*/
}
.info .price ul li:nth-child(2) .day {
    background: #7d0021;
}
.info .price ul li:nth-child(3) .day {
    background: #1c6856;
}
.info .price ul li:nth-child(4) .day {
    background: #009b77;
}
.info .price .day br {
    display: block;
}

.info .price ul .txt {
    display: table-cell;
    vertical-align: middle;
}
.info .price ul .txt .month {
    display: inline-block;
    font-size: 28px;
    color: #0d0d0d;
    font-weight: 700;
} /*�� nȸ*/
.info .price ul .txt .month span {
    font-size: 20px;
    color: #333;
    font-weight: 400;
    letter-spacing: -1px;
    margin-left: 20px;
}
.info .price ul li:nth-child(3) .txt .month span,
.info .price ul li:nth-child(4) .txt .month span {
    margin-left: 36px;
} /*�� nȸ ����*/
.info .price ul .txt .month span br {
    display: none;
}

.info .price ul .txt .sale {
    font-size: 32px;
    color: #de4851;
} /*���ΰ�*/
.info .price ul .txt .sale p {
    position: relative;
    display: inline-block;
    font-size: 24px;
    color: #999;
    font-weight: 400;
    margin: 0 20px;
} /*����*/
.info .price ul .txt .sale p:after {
    position: absolute;
    content: "";
    width: 106%;
    height: 1px;
    top: 60%;
    right: -5%;
    background: #999;
} /*���� line*/
.info .price ul .txt .sale p .percent {
    display: block;
    position: absolute;
    top: 27px;
    left: 13px;
    width: 100%;
    color: #0079ea;
    font-size: 22px;
} /*20%*/
.info .price ul .txt .sale p .percent img {
    margin: -2px 0 0 2px;
}
.info .price ul .txt .sale span {
    font-size: 20px;
    color: #333;
    font-weight: 700;
    margin-right: 15px;
} /*/��*/
/*.info .price ul .txt .sale .percent{display:inline-block; font-size:32px; color:#0079ea; font-weight:700;}
.info .price ul .txt .sale .percent img{margin:-3px 0 0 5px}*/

.sub #contents .ticket_tab_cnt .tab-content current .ticket_tab_cnt notice_tab table th {
    padding: 15px 0;
    font-size: 14px;
    font-weight: 700;
    background-color: #fff;
}
.sub #contents .ticket_tab_cnt .tab-content current .ticket_tab_cnt notice_tab table td {
    position: relative;
    padding: 1%;
    color: #fff;
    border-bottom: 1px solid #999;
    vertical-align: middle;
    margin-left: 1%;
    border-left: 1px solid #4d4d4d;
}

.sub .ticket_tab_cnt notice_tab #contents .ticket_tab_cnt .tab-content current table th {
    padding: 15px 0;
    font-size: 14px;
    font-weight: 700;
    background-color: #fff;
}
.sub .ticket_tab_cnt notice_tab #contents .ticket_tab_cnt .tab-content current table td {
    position: relative;
    padding: 1%;
    color: #fff;
    border-bottom: 1px solid #999;
    vertical-align: middle;
    margin-left: 1%;
    border-left: 1px solid #4d4d4d;
}

.container {
    width: 845px;
    margin: 0 auto;
}

ul.tabs {
    margin: 5px;
    padding: 0;
    list-style: none;
    background: #4d4d4d;
    width: 100%;
    /*  			border: 1px solid #00b4da; */
    border-bottom: 1px solid #fff;
}
ul.tabs li {
    color: #222;
    display: inline-block;
    padding: 10px 50px;
    /* 			padding: 5%; */
    cursor: pointer;
    /* 			border: 1px solid #00b4da; */
    border-left: 1px solid #000;
    text-align: center;
}

ul.tabs li.current {
    background: #fff;
    color: #222;
    /* 			border: 1px solid #00b4da; */
    text-align: center;
}

/* .tab-content {
    display: none;

    padding: 1%;
    text-align: center;
}

.tab-content.current {
    display: inherit;
    text-align: center;
} */

/* �Խ��� */
.board_top:after {
    content: "";
    display: block;
    clear: both;
    zoom: 1;
}
.board_top > span {
    float: left;
    line-height: 36px;
    font-size: 14px;
    color: #888;
}
.board_top > span em {
    color: #004098;
    margin-right: 10px;
    background: url(../img/sub/file.png) no-repeat left center;
}

.board_top > div {
    float: right;
}
.board_top > div:after {
    content: "";
    display: block;
    clear: both;
    zoom: 1;
}
.board_top > div > span {
    float: left;
    margin-right: 5px;
}
.board_top > div > div {
    float: right;
    position: relative;
}
.board_top > div > div a {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    text-indent: -9999px;
    width: 35px;
    height: 33px;
    background: url(../img/search_ico.png) no-repeat center;
}

.board_top p {
    float: left;
    font-size: 18px;
}
.board_top p span.p_color {
    color: #ee238d;
} /*�߰��� Ŭ����*/

.board_top > div .select_style2 {
    width: 120px;
}
.board_top > div .select_style3 {
    width: 285px;
}
.board_top input {
    width: 250px;
}

input {
    -webkit-appearance: visible;
}
input[type="checkbox"] {
    background-color: #fff;
    box-shadow: none;
    -webkit-appearance: visible;
    width: 11px;
    height: 11px;
    border: 1px solid #666;
    border-radius: 2px;
}
input[type="checkbox"]:checked {
    background: #fff url(../img/btn/checked1_bg.png) no-repeat center;
    border: 1px solid #575891;
}
input[type="text"] {
    border: 1px solid #ddd;
    height: 30px;
    text-indent: 10px;
}

.program-box .festival:first-child {
    border-top: 1px solid #eee;
}
.program-box .festival {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #eee;
}
.program-box .festival li:first-child {
    width: 80px;
    text-align: center;
    text-justify: inter-cluster;
    font-weight: bold;
}
.program-box .festival li:last-child {
    width: calc(100% - 80px);
    padding-left: 10px;
    box-sizing: border-box;
}

.program-box {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
}
.program-box a {
    width: 100%;
    margin: 10px 0;
}
.program-box img {
    width: 100%;
}
.program-box .text-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 10px 0;
}
.program-box .text-box > p {
    color: #fff;
    text-align: center;
}
.program-box .text-box .al_title {
    text-align: center;
    padding: 5% 0;
    font-size: 24px;
    font-weight: bold;
}
.program-box .text-box .al_subtitle1,
.program-box .text-box .al_subtitle2 {
    padding: 10px 0;
}
.program-box .text-box .al_subtitle2 {
    font-size: 14px;
}
.program-box .text-box .al_place {
    position: absolute;
    right: 5px;
    bottom: 10px;
    margin: 10px 0;
    font-size: 12px;
}

.tab22 {
    text-align: center;
    vertical-align: center;
}
.sub #contents .tab22 li {
    width: 50%;
}

.organization_table .table_left {
    width: 75%;
}
.organization_table ul li {
    width: 25%;
}

.organization_table .table_left div {
    width: 75%;
}
.organization_table .table_left div:nth-child(5) {
    width: 25%;
}

.organization_table ul li:first-child:before {
    left: 50%;
}
.organization_table ul li:last-child:before {
    left: 50%;
}
.organization_table .table_left div:first-child:after {
    /*width:0; height:0;*/
}

.organization_table ul li:nth-child(2):before {
    content: "";
    position: absolute;
    top: -47px;
    left: 56%;
    width: 1px;
    height: 47px;
    background-color: #fff;
    clear: both;
    margin-left: -1px;
}
/*.organization_table ul li:nth-child(3):before {content:"";position: absolute;top: -47px;left: 56%;width: 1px;height: 47px;background-color: #fff;clear: both; margin-left: -1px;}*/
.organization_table ul li:last-child:before {
    content: "";
    position: absolute;
    top: -47px;
    left: 50%;
    width: 1px;
    height: 47px;
    background-color: #fff;
    clear: both;
    margin-left: 1px;
}

.l1 {
    flex: 1;
    background-color: #b88c71;
    padding: 20px 0;
    margin-right: 5px;
}
.l2 {
    flex: 3;
    background-color: #b88c71;
    padding: 20px 0;
    margin-left: 5px;
}
.l3 {
    flex: 1;
    margin-left: 5px;
}

.l4 {
    flex: 3;
    background-color: #f5f5f5;
    padding: 0;
    margin-left: 5px;
}
.l5 {
    flex: 1;
    background-color: #f5f5f5;
    padding: 0;
    margin-right: 5px;
}

.organization_table .table_left div:first-child {
    width: 100%;
}
.organization_table .table_left div:first-child + div {
    padding: 0;
    display: flex;
    background-color: inherit;
    width: 100%;
}

.organization_table .table_left div:nth-child(3) {
    width: 100%;
    display: flex;
    padding: 0;
    background-color: inherit;
}

.organization_table .table_left div:nth-child(3):after {
    content: "";
    position: absolute;
    top: 95px;
    left: 85px;
    width: 75%;
    height: 1px;
    background-color: #fff;
    clear: both;
}

.organization_table .table_left div:first-child {
    margin: 0;
    margin-left: calc(25% + 5px);
    width: 75%;
    margin-bottom: 30px;
}

/*.organization_table .table_left div:first-child:before { content:"";position: absolute;top: -30px;left: 63.6%;width: 1px;height: 30px;background-color: #fff;clear: both;margin-left: 1px;} */
/*.organization_table .table_left div:nth-child(3):after { content:"";position: absolute;top: -30px;left: 50%;width: 1px;height: 30px;background-color: #fff;clear: both;margin-left: 1px;} */

.organization_table .table_left div:first-child + div:after {
    content: "";
    position: absolute;
    top: 88px;
    left: 82px;
    width: 1px;
    height: 115px;
    background-color: #fff;
    clear: both;
    margin-left: 1px;
}

/* ABOUT SPAF */

ul.row li {
    color: #fff;
    line-height: 180%;
}

ul.row {
    display: flex;
    padding: 20px 0;
}
ul.row > li:first-child {
    width: 120px;
}
ul.row > li:last-child {
    flex: 1;
    padding-left: 10px;
}

ul.tbl {
    width: 100%;
}

ul.row.style2 {
    padding: 0;
}

.tbl_workshop {
    color: #fff;
}

.tbl_workshop tr.title td span {
    color: #ebebeb;
}

.sub #contents .show_list.show_list2 li:nth-child(2n) {
    float: left;
}
/* 프로그램 */
.title-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flex-wrap	{
	flex-wrap: wrap;
}
.sub #contents .view_title .flex-wrap p.small_tit 	{
	width: 100%;
	font-weight: 500;
}

/* 프로그램 내부 목록 */
.info-list {
    display: flex;
    justify-content: space-between;
    margin-top: 100px;
    margin-bottom: 60px;
}
.info-list li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 130px;
    height: 52px;
    font-size: 16px;
	width: 100%;
    color: #fff;
}
.info-list li a	{
	display: flex;
    align-items: center;
    justify-content: center;
	color: #bbb;
	font-size: 18px;
	height: 56px;
	border-bottom: 2px solid #ddd;
	width: 100%;
}
.info-list li.active {
    border-bottom: 1px solid #fff;
    font-weight: 600;
}
.info-list li.active a	{
	color: #F88B00;
	border-bottom: 2px solid #F88B00;
	font-weight: 600;
}

/* 프로그램 탭 슬라이드 */
.tab-content {
    display: none;
}
.tab-content.active {
    display: block;
}

.access-tab-content {
    display: none;
}
.access-tab-content .active {
    display: block;
}

.tab-buttons {
    display: flex;
    justify-content: flex-end;
	gap: 6px;
    margin-bottom: 24px;
}

.tab-buttons .tab-button {
    padding: 6px 20px;
    cursor: pointer;
    border-radius: 50px;
    text-align: center;
    font-size: 17px;
    color: #F88B00;
	border: 2px solid #F88B00;
	font-weight: 500;
}

.tab-buttons .tab-button.active {
    background-color: #F88B00;
    color: #fff;
    font-weight: 600;
}
.tab-slider-container a {
    font-size: 18px;
    font-weight: 600;
	height: 28px;
    line-height: 28px;
}
.tab-slider-container a:hover{
	color: #F88B00;
}

.y-active,
.y-active a{
    color: #F88B00;
    font-weight: 600;
}

.tab-slider-container {
    width: 100%;
    padding: 20px 0px;
	margin-bottom: 20px;
    cursor: pointer;
}

.tab-slider ul {
    display: flex;
    justify-content: space-around;
    color: #777;
}

.access-tab-slider,
.keyword-tab-slider {
    color: #777;
    text-align: center;
}

.mr-10 {
    margin-right: 10px;
}
.access-tab-slider .slick-prev,
.keyword-tab-slider .slick-prev {
    /* top: 2px; */
    width: 13px;
    height: 28px;
    left: 0px;
    background: url(../icon/slick-left.png) no-repeat center;
    background-size: contain;
	font-size: 0;
}

.access-tab-slider .slick-next,
.keyword-tab-slider .slick-next {
    /* top: 2px; */
    width: 13px;
    height: 28px;
    right: 0px;
    background: url(../icon/slick-left.png) no-repeat center;
    background-size: contain;
	transform: rotate(180deg);
	font-size: 0;
}
/* 달력 */

.calendar-table {
    border-bottom: 2px solid #fff;
    width: 100%;
    color: #fff;
    text-align: center;
    table-layout: fixed;
}

tbody tr td {
}
thead tr th:last-child,
tbody tr td:last-child {
    border-right: none;
}

.sep {
    color: #fff;
    font-size: 30px;
    text-align: center;
    margin: 42px 0px 30px;
}

.week {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
}
.day-wrap {
    display: flex;
    justify-content: center;
    padding: 15px 10px;
    border-right: 0.5px dashed #333;
    align-items: center;
}
th:last-child .day-wrap {
    border-right: none;
}

.day {
    font-size: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.day-wrap .date {
    font-size: 30px;
    margin-left: 12px;
    color: #fff;
}

.week .day-wrap .gray {
    color: rgba(255, 255, 255, 0.3);
}

.calendar-table .title {
    font-weight: bold;
}

.calendar-table tbody {
    font-size: 13px;
}
.flex-c {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.flex-c a {
    text-align: left;
}

.pdl-20 {
    padding-left: 20px;
}
.pdl-10 {
    padding-left: 10px;
}
.pdl-5 {
    padding-left: 5px;
}
.bg-brown {
    background-color: rgba(255, 255, 25, 0.2);
}
.bg-gray {
    background-color: rgb(255 255 255 / 20%);
}
.bg-green {
    background-color: rgba(99, 255, 25, 0.2);
}
.bg-dblue {
    background-color: rgba(25, 131, 255, 0.2);
}
.bg-purple {
    background-color: rgba(181, 25, 255, 0.2);
}
.bg-red {
    background-color: rgba(255, 40, 90, 0.2);
}
.bg-pink {
    background-color: rgba(255, 39, 186, 0.2);
}

/* .calender tr td {
    border: 1px solid #fff;
}
 */
/* 접근성 */

.first-tab,
.access-tab {
    display: flex;
    border: 1px solid #fff;
    color: #fff;
}

.first-tab li {
    flex: 1;
    padding: 14px 16px;
    border-right: 1px solid #fff;
    text-align: center;
    color: #fff;
}
.access-tab li {
    flex: 1;
    border-right: 1px solid #fff;
    text-align: center;
    color: #fff;
    padding: 5px;
}

.first-tab li.active {
    background-color: #fff;
    color: #000;
    font-weight: 700;
}
.access-tab li.active {
    background-color: #fff;
    color: #000;
    font-weight: 700;
}

.tab-inner {
    margin-top: 15px;
}
/* 접근성 테이블 수정 */
.guide .access-table {
    /* border: 1px solid #999; */
    color: #fff;
    width: 100%;
}

.guide .access-table {
    vertical-align: middle;
    text-align: center;
    border: 0.5px dashed #333;
}
.guide .access-table thead tr th {
    vertical-align: middle;
    color: #fff;
    font-weight: 700;
}
.guide .access-table tbody tr {
    border-bottom: 0.5px dashed #333;
}

.guide .access-table th,
.guide .access-table td {
    /* border: 1px solid #999; */
}

.guide .access-table th:last-child {
    border-left: none;
}

.guide .access-table th {
    padding: 10px;
}

.guide .access-table thead tr {
    background-color: rgba(222, 184, 135, 0.67);
    color: #000;
}
.guide-title {
    font-size: 18px;
    color: #f88b00;
    margin: 20px 0px;
}
.left {
    padding: 0 10px;
    text-align: left;
    font-size: 14px;
}

.th-tab-content {
    margin-top: 20px;
    border-bottom: 1px solid #666;
    padding-bottom: 15px;
}

.th-tab-content strong {
    display: inline-block;
    margin: 10px 0px;
}

.platform-img {
    width: 154px;
    height: 34px;
}

.ready-text {
    font-size: 30px;
    color: #fff;
}

.partner-title {
    padding-left: 40px;
}

/* 티켓할인 테이블 */
.ticket-sale-table,
.group-ticket-table,
.ticket-info-table {
    width: 100%;
    color: #fff;
    text-align: center;
    border-bottom: 0.5px dashed #333;
}
.group-ticket-table {
    margin-top: 50px;
}

.ticket-sale-table thead tr,
.ticket-info-table thead tr {
    background-color: rgba(222, 184, 135, 0.67);
}
.ticket-sale-table thead tr th,
.ticket-info-table thead tr th {
    padding: 10px 0px;
    font-weight: 700;
}
.ticket-sale-table tbody tr,
.ticket-info-table tbody tr {
    border-bottom: 0.5px dashed #333;
}
.ticket-sale-table tbody tr td,
.ticket-info-table tbody tr td {
    border-right: 0.5px dashed #333;
    border-left: 0.5px dashed #333;
}

.ticket-sale-table .th-title {
    text-align: center;
    background-color: #009b779c;
    padding: 5px 0;
}

.middle {
    vertical-align: middle;
}
.text-left {
    text-align: left;
}

.ticket-sale-table tbody tr td:nth-child(4) {
    text-align: left;
}
.not {
    text-align: center !important;
}
.about-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.view_info .partner-logo {
    width: 130px;
    margin-bottom: 5px;
}
/* 프로그램 파트너 테이블 */
.program-partner-table {
    width: 100%;
    margin-bottom: 50px;
}
.program-partner-table tr th {
    background-color: #fff;
    padding: 25px 0px;
}
.program-partner-table tr {
    border: 0.5px solid #666;
}

.info-title-text {
    color: #222;
}
.easy-text {
	color: #222;
    margin-bottom: 10px;
}
/* 공연장안내 */

.concert-table td {
    padding: 0px;
    border: none;
}
.concert-table {
    border-bottom: none;
}
.concert-title {
    color: #fff;
    font-size: 30px;
    margin-bottom: 40px;
    font-weight: 800;
}

.concert {
    width: 100%;
    background-color: #fff;
    border-radius: 0px 0px 30px 30px;
    margin-bottom: 50px;
}

/* 공연장안내 추가 250717 */

.concert p {color:#222;}
p.h3_stxt  {color: var(--orange); font-weight: 500; margin-top:-10px; margin-bottom:30px;}

/* margin */
.col_or {color:var(--orange);}
.col_gr {color:#666;}

.w100 {width:100% !important;}

.n_concert:not(:last-child) {margin-bottom:100px;}

.img_wrap {}
.img_wrap img {width: 100%; border-radius: 10px;}

.bd_d {border-bottom: 1px solid #ddd; padding:40px 0;}
.bd_d > ul.d-flex {gap: 15px; flex-wrap:wrap;}

ul.icon_li {display: flex; flex-wrap:wrap; gap: 20px;}
ul.icon_li li {display: flex; flex-wrap:wrap; width: calc((100% - 20px) / 2);}
ul.icon_li li .ico {width: 120px; position:relative; padding-left: 25px;}
ul.icon_li li .ico {padding-left: 30px;}
ul.icon_li li .ico:before {position:absolute; content:''; top: 3px; left: 0; background: url(/2025/common/img/concerticon/Icon_location.png) no-repeat 50% 50% / contain; width: 20px; height: 20px;}
ul.icon_li li .ico.add:before {background: url(/2025/common/img/concerticon/add_ico.png) no-repeat 50% 50% / contain;}
ul.icon_li li .ico.tel:before {background: url(/2025/common/img/concerticon/tel_ico.png) no-repeat 50% 50% / contain;}
ul.icon_li li .ico.home:before {background: url(/2025/common/img/concerticon/home_ico.png) no-repeat 50% 50% / contain;}
ul.icon_li li .ico.fax:before {background: url(/2025/common/img/concerticon/fax_ico.png) no-repeat 50% 50% / contain;}
ul.icon_li li .ico.insta:before {background: url(/2025/common/img/concerticon/insta_ico.png) no-repeat 50% 50% / contain;}
ul.icon_li li > p {width: calc(100% - 120px); color:#666;}
ul.icon_li li a:hover {transition: .2s; color:var(--orange);}

ul.metro {display: flex; flex-wrap:wrap; gap: 15px;}
ul.metro li {width: 100%;}
ul.metro li > p {color:#222;}

/* 지하철 호선, 버스 이동순서 번호 */
.bk_num {display: inline-block; vertical-align:text-bottom; width: 20px; height: 20px;  background: #222; font-size: 12px; font-weight: 600; line-height: 21px; color:#fff; text-align:center; border-radius: 50%;}
.bk_num.mtr_01 {background:#0052a4;}
.bk_num.mtr_02 {background:#007d11;}
.bk_num.mtr_03 {background:#EF7C1C;}
.bk_num.mtr_04 {background:#2c9ede;}
.bk_num.mtr_05 {background:#8936e0;}
.bk_num.mtr_06 {background:#b4500a;}

.ico_tel {position:relative; padding-left: 24px; margin-left: 5px;}
.ico_tel:before {position:absolute; content:''; width: 18px; height:18px; top:2px; left: 0; background: url(/2025/common/img/concerticon/tel_ico.png) no-repeat 50% 50% / contain;}


/* 버스 종류 */
/* 기본(간선) */
.bustp {display: inline-block;padding: 4px 7px;line-height: 1;text-align:center;background:#3d5bab;font-size: 14px;color:#fff;font-weight: 500;border-radius: 3px;}
/* 광역 */
.tp_wide {background:#f72f08;}
/* 마을,지선 */
.tp_town {background:#5bb025;}
/* 공항 */
.tp_air {background:#8b4513;}
/* 순환 */
.tp_tour {background:#f99d1c;}
/* 기타 */
.tp_etc {background:#666;}

/* 좌측에 dot */
.lf_dot {position: relative; padding-left: 12px;}
.lf_dot:before {position:absolute; content:''; width: 4px; height: 4px; background:#222; border-radius: 50%; top:9px; left:0;}

/* 밑줄 */
.or_bd {position:relative; z-index:1;}
.or_bd:after {position:absolute; content:''; width: 100%; height: 4px; background: rgba(248,139,0,0.5); top:15px; left:0; z-index:-1;}

.concert-inner .icon-phone {
    background: url(/2025/common/img/concerticon/Icon_phone.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 18px;
}
.concert-inner .icon-homepage {
    background: url(/2025/common/img/concerticon/Icon_homepage.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 18px;
}


.concert-inner {
    width: 840px;
    margin: 0 auto;
    padding: 10px 0px;
}
.concert .info-text {
    font-weight: 600;
    font-size: 16px;
}
.concert .sub-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}
.d-flex {
    display: flex;
}
.flex-row {
    display: flex;
    flex-direction: row;
    gap: 250px;
}
.concert-inner .part {
    border-bottom: 1px dashed #333;
    padding: 30px 0px;
}
.concert .concert-inner .part:last-child {
    border-bottom: none;
}
.mb-20 {
    margin-bottom: 20px;
}
.text-bold {
    font-weight: 700;
}
.concert .concert-inner .icon-wrap {
    display: flex;
    align-items: center;
    gap: 25px;
    font-size: 16px;
    margin-right: 0px;
}
.sub-line {
    display: flex;
    justify-content: space-between;
}
.line-wrap {
    display: flex;
    align-items: center;
    font-size: 14px;
    gap: 5px;
}
.bus-wrap {
    display: flex;
    align-items: center;
    font-size: 16px;
    gap: 15px;
}
.bus-text-sm {
    color: #666;
    font-size: 14px;
    font-weight: 500;
}
.bus-text-sm span {
    font-weight: 600;
}
.ai-start {
    display: flex;
    align-items: start;
}
.sub-title-bus {
    margin-bottom: 20px;
    color: #3f3f3f;
    size: 16px;
    font-weight: 600;
}
.bus-text {
    font-size: 20px;
    font-weight: 600;
}

.blue {
    color: #0047ff;
}
.green {
    color: #29c80f;
}
.yellow {
    color: #ffbc0f;
}
.handi {
    font-size: 16px;
    color: #666;
}
.parking {
    font-weight: 700;
}
.parking-fee {
    font-size: 16px;
    color: #666;
    font-weight: 500;
    margin-left: 46px;
}
.parking-fee span {
    font-weight: 600;
}
.concert-inner .icon-location {
    background: url(/2025/common/img/concerticon/Icon_location.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 18px;
}
.concert-inner .icon-phone {
    background: url(/2025/common/img/concerticon/Icon_phone.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 18px;
}
.concert-inner .icon-homepage {
    background: url(/2025/common/img/concerticon/Icon_homepage.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 18px;
}
.concert-inner .icon-handi {
    background: url(/2025/common/img/concerticon/Icon_handi.png) no-repeat;
    background-size: contain;
    width: 17px;
    height: 20px;
}
.concert-inner .icon-parking {
    background: url(/2025/common/img/concerticon/Icon_park.png) no-repeat;
    background-size: contain;
    width: 21px;
    height: 20px;
}

.line2 {
    background: url(/2025/common/img/concerticon/Icon_line2.png) no-repeat;
    background-size: contain;
    width: 27px;
    height: 26px;
}
.line3 {
    background: url(/2025/common/img/concerticon/Icon_line3.png) no-repeat;
    background-size: contain;
    width: 27px;
    height: 26px;
}
.line4 {
    background: url(/2025/common/img/concerticon/Icon_line4.png) no-repeat;
    background-size: contain;
    width: 27px;
    height: 26px;
}
.line5 {
    background: url(/2025/common/img/concerticon/Icon_line5.png) no-repeat;
    background-size: contain;
    width: 27px;
    height: 26px;
}
.line6 {
    background: url(/2025/common/img/concerticon/Icon_line6.png) no-repeat;
    background-size: contain;
    width: 27px;
    height: 26px;
}

.badge-blue {
    background: url(/2025/common/img/concerticon/Icon_blue.png) no-repeat;
    background-size: contain;
    width: 49px;
    height: 30px;
}
.badge-gray {
    background: url(/2025/common/img/concerticon/Icon_gray.png) no-repeat;
    background-size: contain;
    min-width: 49px;
    height: 30px;
}
.badge-green1 {
    background: url(/2025/common/img/concerticon/Icon_green1.png) no-repeat;
    background-size: contain;
    width: 49px;
    height: 30px;
}
.badge-green2 {
    background: url(/2025/common/img/concerticon/Icon_green2.png) no-repeat;
    background-size: contain;
    width: 49px;
    height: 30px;
}
.badge-yellow {
    background: url(/2025/common/img/concerticon/Icon_y.png) no-repeat;
    background-size: contain;
    width: 49px;
    height: 30px;
}
.sub #contents .Crew .text-only {
    width: 100% !important;
}

/* 워크숍 테이블 */
.workshop-table {
    color: #fff;
    text-align: center;
}
.workshop-table thead tr {
    background-color: rgba(222, 184, 135, 0.67);
}
.workshop-table thead tr th {
    padding: 10px;
    font-weight: 700;
}

.workshop-table tbody tr td {
    border-bottom: 0.5px dashed #333;
}
/* 워크샵 하단 */
.ai-center {
    display: flex;
    align-items: center;
}

.workshop-inner > div:nth-of-type(2) {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
    margin-right: 30px;
    max-width: 100px;
}
.f-column {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.workshop {
    color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.workshop-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 20px;
    border-bottom: 0.5px dashed #999;
}
.workshop-inner:last-child {
    border-bottom: none;
}

.workshop b {
    font-size: 20px;
    min-width: 330px;
    margin-right: 15px;
}

.icon-hand {
    background: url("/2025/common/icon/hand.png") no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
}
.icon-time {
    background: url("/2025/common/icon/ic-time.svg") no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
}
.icon-people {
    background: url("/2025/common/icon/people.png") no-repeat;
    background-size: cover;
    width: 30px;
    height: 30px;
}
.icon-title {
    background: url("/2025/common/icon/people.png") no-repeat;
    background-size: contain;
    min-width: 18px;
    height: 18px;
}
.icon-comment {
    background: url("/2025/common/icon/comment.svg") no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    margin-right: 12px;
}
.icon-ticket {
    background: url("/2025/common/icon/ic-ticket.png") no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
}
.icon-people {
    background: url("/2025/common/icon/people.png") no-repeat;
    background-size: cover;
    width: 30px;
    height: 30px;
}
.icon-round {
    background: url("/2025/common/icon/round.png") no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}
.icon-si {
    background: url("/2025/common/icon/si.png") no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}
.icon-hand2 {
    background: url("/2025/common/icon/hand2.png") no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}
.icon-master {
    background: url("/2025/common/icon/master.png") no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}
.icon-moder {
    background: url("/2025/common/img/icon_moder.png") no-repeat;
    background-size: contain;
    width: 18px;
    height: 24px;
}
.icon-lang {
    background: url("/2025/common/img/icon_language.png") no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
}
.icon-part {
    background: url("/2025/common/img/icon_part.png") no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
}
.more-btn {
    display: inline-block;
    background: url("/2025/common/icon/work-left.png") no-repeat;
    background-size: contain;
    cursor: pointer;
    min-width: 30px;
    height: 30px;
}
.workshop-inner-wrap > div:nth-child(3) {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 100px;
    gap: 10px;
}
.workshop-inner-wrap {
    display: flex;
    align-items: center;
}
.workshop-inner-wrap > div:nth-child(2) {
    display: flex;
    gap: 14px;
    flex-direction: column;
    min-width: 350px;
}

/* 워크샵 상세페이지 */

.workshop-content {
    color: #fff;
}
.workshop-content h1 {
    font-size: 36px !important;
    font-weight: 700 !important;
    color: #fff !important;
}
.workshop-content h2 {
    padding-top: 77px;
    margin-bottom: 20px;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 1.2;
}

.intro-text {
    padding-bottom: 20px;
}
.bt-dashed {
    border-bottom: 1px dashed #999;
}
.qa-list {
    padding-left: 34px;
    margin-top: 15px;
}

.workshop-content-img {
    width: 898px;
    height: 200px;
    margin-bottom: 30px;
}
.workshop-content-img img {
    width: 100%;
    height: 100%;
}
.workshop-title .icon-location {
    width: 20px;
    height: 20px;
    background: url(/2025/common/icon/map-gr.png) no-repeat;
    background-size: contain;
}
.workshop-content-info {
    margin: 40px 0px 30px 0px;
    padding-bottom: 40px;
    border-bottom: 0.5px dashed #999;
}
.bt-line {
    border-bottom: 1px solid #fff;
}

.workshop-info-text {
    display: flex;
    align-items: flex-start;
    margin-bottom: 13px;
}
.workshop-title {
    display: flex;
    align-items: center;
    min-width: 130px;
}

.workshop-content-info span {
    font-weight: 700;
}
.mr-40 {
    margin-right: 40px;
}
.mr-12 {
    margin-right: 12px;
}
.mb-13 {
    margin-bottom: 13px;
}

.apply-btn-wrap {
    display: flex;
    justify-content: flex-end;
}

.apply-btn {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f88b00;
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
}

/* 창작랩 */
.icon-bookmark {
    background: url("/2025/common/icon/bookmark.svg") no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
}
.icon-loca {
    background: url("/2025/common/icon/ic-map.svg") no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
}
.creative-title {
    text-align: center;
    margin-bottom: 30px;
    font-size: 18px;
}

.creative-wrap {
    display: flex;
    justify-content: space-evenly;
    border-bottom: 1px solid #fff;
}
.creative-inner {
    border-right: 1px dashed #999;
    width: 50%;
    padding: 30px;
}
.creative-inner:last-child {
    border-right: none;
    /* padding: 30px 0px 0px 0px; */
}
.creative-wrap strong {
    font-weight: 600;
    margin-right: 10px;
}
.event-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 30px;
}
.event-info li {
    margin-bottom: 10px;
}

.creative-list {
    display: flex;
}

.creative-list strong {
    font-weight: 600;
    margin-right: 10px;
}
.creative-list ul {
    width: 50%;
    padding: 30px;
}
.creative-list li {
    margin-bottom: 10px;
}
.sub-text {
    margin-left: 30px;
}
/* 창작랩 탭 부분 */
.creative-tab .cre-title h2 {
    padding-top: 0px;
    margin-bottom: 13px;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 1.2;
}
.creative-tab .cre-title h3 {
    margin-bottom: 13px;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 1.2;
}
.creative-tab .cre-title p {
    font-size: 22px;
}
.creative-tab .Crew > div {
    margin-bottom: 0px !important;
}
.creative-tab .step-details {
    float: none !important;
    width: 100% !important;
    margin-bottom: 50px;
}
.creative-tab .info-list {
    margin-top: 50px;
}

.workshop-content .info-list li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 52px;
    font-size: 16px;
    color: #fff;
}
/* 2025spaf 개요부분테이블 */
.spaf-info-table {
    color: #fff;
    border: none !important;
}
/* .spaf-info-table tr th {
    text-align: start;
} */

/* 조직도 */
#container #contents .org-logo {
    width: 350px;
}
#container #contents .org-logo img {
    width: 100%;
  /*   height: 100%; */
}
.organization-table {
    color: #fff;
}

.organization-table tr td {
    padding-bottom: 50px;
}
.org-title {
    font-size: 26px;
    color: #F88B00;
    font-weight: 700;
    padding-right: 25px;
}
.org-subtitle {
    font-size: 22px;
}
.org-wrap {
    width: 300px;
    display: flex;
    flex-direction: column;
    padding-left: 21px;
}
.org-wrap span {
    padding-top: 16px;
}
.poster-wrap {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.down-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-left: 20px;
}
.crew-wrap {
    display: flex;
}
.staff-wrap {
    margin-right: 20px;
}
.access-youtube {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    aspect-ratio: 16 / 9;
}
.access-youtube iframe {
    width: 90%;
    height: 90%;
}
.poster-btn-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}
.poster-btn {
    padding: 10px 20px;
    background-color: #f88b00;
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
}

.back-btn-wrap {
    display: flex;
    justify-content: center;
    margin-top: 60px;
}
.back-btn,
.list-btn{
	display: flex;
    justify-content: center;
	align-items: center;
    padding: 10px 20px;
    color: #222;
    background-color: #fff;
	border: 2px solid #222;
	border-radius: 50px;
	font-size: 17px;
    font-weight: 600;
	width: 200px;
	height: 60px;
}



/* 2025 작업*/
	/* 헤더  */
	#header .nav > li									{margin: 0 30px;}
	#header .lang a										{padding-left: 13px; font-weight: 600;}
	#header .search li a:hover div.facebook_icon		{background-image: url('/2025/common/img/whitefacebook_on.png');}
	#header .search li a:hover div.instargram_icon		{background-image: url('/2025/common/img/whiteinstar_on.png');}
	#header .search li a:hover div.youtube_icon			{background-image: url('/2025/common/img/whiteyoutube_on.png');}
	#header .search li a:hover div.naverblog_icon		{background-image: url('/2025/common/img/naverblog_on.png');}
	#header .search li a:hover div.newsletter_icon		{background-image: url('/2025/common/img/newsletter_on.png');}
	.header-wrap								{padding: 0 80px; min-width: 960px; height: 100px; justify-content: space-between; border-bottom: 1px solid #eee;}
	.header-wrap .r_wrap						{display: flex; align-items: center;}
	.header-wrap .r_wrap .search.clearfix		{margin-right: 30px;}
	.header-wrap .r_wrap ul						{display:flex; align-items: center;}
	.header-wrap .r_wrap .lang_wrap ul li.cal				{background: url('/2025/common/img/calendar.png')no-repeat 50% 50%; }
	.header-wrap .r_wrap .lang_wrap ul li.cal a				{width:22px; height:22px; display:inline-block;}
	.header-wrap .r_wrap .lang_wrap ul li.lang				{position:relative; margin-left: 11px;}
	.header-wrap .r_wrap .lang_wrap ul li.lang::before		{position:absolute; content: ''; width:1px; height:13px; background:#bbb; top: 23%; left: 0;}

	/* 메인 비주얼 */
	.r_quick			{position: absolute; z-index: 1; top: calc(50% + 47px); transform: translateY(-50%); right:75px /* calc((100vw - 1400px) / 2 - 80px); */ ; min-width: 490px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;}
	.r_quick a			{position: relative; display: flex;	flex-direction: column;	justify-content: space-between;	align-items: flex-start; font: 400 17px/24px 'Pretendard', 'Noto Sans KR', sans-serif; color:#fff; backdrop-filter: blur(6px); padding: 30px; width: 240px; height: 240px; border-radius: 16px; background: rgba(255, 255, 255, 0.1); transition: 0.3s;}
	.r_quick a:hover	{background-color: rgba(255, 255, 255, 0.3);}
	.r_quick .top-row	{display: flex; justify-content: space-between; align-items: center; width: 100%;}
	.r_quick .text		{font-weight: 700; font-size: 28px; margin-top: auto;}
	.r_quick .plus		{position: static;   background: rgba(248, 139, 0, 0.1); border-radius: 50%; width: 24px; height: 24px; color: #ff9900; font-size: 16px; font-weight: 700; line-height: 1; display: flex; align-items: center; justify-content: center;}
	.r_quick .icon		{width:36px; height:18px; background-repeat: no-repeat; background-position: center; background-size: contain;}

	.r_quick a:nth-child(1) .icon {background-image: url('/2025/common/img/q_icon01.png');}
	.r_quick a:nth-child(2) .icon {background-image: url('/2025/common/img/q_icon02.png');}
	.r_quick a:nth-child(3) .icon {background-image: url('/2025/common/img/q_icon03.png');}
	.r_quick a:nth-child(4) .icon {background-image: url('/2025/common/img/q_icon04.png');}

	.text_box .tit_eng			{display: block; font-size: 32px; font-weight: 300; margin-top: -5px;}


	/* 메인 콘텐츠 */
    .now_section			{/* max-width: 1760px; */ margin: 150px auto; padding: 0 80px;}
	.now_container			{display: flex;  gap: 5%; align-items: flex-start;}

	.left_wrapper			{flex: 1.5; /* ← 여기서 숫자를 키우면 비중이 더 넓어짐 (예: 오른쪽은 1) */ display: flex; flex-direction: column; width: 60%;}
	h2.tit					{font:700 48px/48px 'Pretendard', 'Noto Sans KR', sans-serif; color:#222; overflow: hidden; padding-bottom:0; text-align: left; display: flex; justify-content: space-between; align-items: center;}
	h2.tit span				{}
	h2.tit a				{position:relative; padding-right:25px; font-size:0; margin: 2px; }
	h2.tit a::after			{display:block; content:''; position:absolute; top:0; right:0; width:48px; height:48px; background:url('/2025/common/img/more.png')no-repeat 50% 50%; transition:0.5s; background-color: rgba(248, 139, 0, 0.2);border-radius: 50%;}	
	h2.tit a:hover::after,
	h2.tit a:focus::after	{transform:rotate(180deg);}

	.left_grid							{display: flex; gap: 20px; margin: 70px 0 0 0 ;  padding: 0; flex-wrap: wrap;}
	.left_grid li.card 					{display: flex; flex-direction: column; background: #f6f6f6; padding: 40px 25px; border-radius: 12px; position:relative; cursor: pointer; width: calc(33.3% - 13.5px); box-sizing: border-box;}
	.left_grid li.card .card_title		{font-weight: bold; margin-bottom: 10px; font-size: 19px; color: #222; line-height: 26px; word-break:keep-all; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis;}
 	.left_grid li.card .card_desc		{color: #555; margin-bottom: 60px; font-size: 16px; line-height: 22px; color:#555; word-break:keep-all; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis;}
	.left_grid li.card .card_date		{position:absolute; bottom:40px; left:0; padding-left: 25px; font-size: 16px; color: #666;}
	
	.left_grid li:hover					{text-decoration: underline;}

	.right_grid						{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; list-style: none; padding: 0; margin: 25px 0 0 0; width: 40%; max-width: 620px;}
	.right_grid li					{display: block; position: relative; border-radius: 12px; overflow: hidden; cursor: pointer;}
	.right_grid li .image_box		{width: 100%; position: relative;}
	.right_grid li .image_box img	{width: 100%; height: auto; display: block; border-radius: 12px;}
	.right_grid li .image_box .overlay			{position: absolute; inset: 0; background: rgba(248, 139, 0, 0.6); /* #F88B00 + 투명도 */ opacity: 0; transition: opacity 0.3s ease; border-radius: 12px; pointer-events: none;}
	.right_grid li .image_box .overlay .icon	{position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 24px;  height: 24px;  background-repeat: no-repeat;  background-position: center;  background-size: contain;}
	.right_grid li .image_box .overlay .text	{position: absolute;  bottom: 20px;  left: 50%;  transform: translateX(-50%);  color: #fff;  font-weight: bold;  font-size: 16px;  letter-spacing: 1px;}

	.right_grid li:nth-child(1),
	.right_grid li:nth-child(3)			{margin-top: -20px; /* 왼쪽 열 위로 살짝 올림 */}
	.right_grid li:nth-child(2),
	.right_grid li:nth-child(4)			{margin-top: 0px;  /* 오른쪽 열 아래로 내림 */} 

	.right_grid li:hover .image_box .overlay	{opacity: 1; pointer-events: auto;}

	.right_grid li .image_box .overlay .icon.icon01 {background: url('/2025/common/img/icon_insta.png') 50% 50% / contain;}
	.right_grid li .image_box .overlay .icon.icon02 {background: url('/2025/common/img/icon_face.png') 50% 50% / contain;}
	.right_grid li .image_box .overlay .icon.icon03 {background: url('/2025/common/img/icon_yout.png') 50% 50% / contain;}
	.right_grid li .image_box .overlay .icon.icon04 {background: url('/2025/common/img/icon_blog.png') 50% 50% / contain;}


	/* 푸터 */
	.footer											{background: #000; padding: 80px;}
	.footer_top										{display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin-bottom: 50px;}
	.footer_top .footer_right						{display: flex; }
	.footer_top .footer_right a						{color: #fff; font-size:16px; padding-left:10px; position:relative; padding-left:11px;}
	.footer_top .footer_right a:before				{position:absolute; content:''; background:#F88B00; width:4px; height:4px; border-radius:50px; top:12px; left:0;}
	.footer_top .footer_right a:first-child			{margin-right:20px;}

	.footer_center p		{margin: 0 0 10px; color:#999}
	.footer_center p span	{margin-right:5px; color:#fff}

	.footer_bottom						{border-top: 1px solid #333; padding-top: 35px; margin-top:50px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
	.footer_bottom .copyright			{color: #888; font-size: 16px;}
	.footer_bottom .footer_logos img	{margin-right: 20px;}
	.footer_bottom .sns.mo				{display:none;}
	
	
	/* 프로그램 상세 */
	.sub #contents .photo					{border-radius: 10px; overflow: hidden; margin: 60px auto 80px;}
	.sub #contents .photo .slick-list li	{border-radius: 10px; overflow: hidden;}
	.sub #contents .photo img				{display: block; margin-bottom: 0;}
	.sub #contents .photo .slick-arrow		{display: none !important;}
	
	.slider-for .slick-dots				{display: none !important;}
	.sub #contents .photo .slick-dots	{display: flex !important; justify-content: center; gap: 16px; padding-top: 4px;}
	.sub #contents .photo .slick-dots button				{font-size: 0; width: 8px; height: 8px; border-radius: 10px; background: #ddd;}
	.sub #contents .photo .slick-dots .slick-active button	{background: #222;}
	
	/* 협력 예술가 */
	.description				{display: flex; gap: 30px;}
	.description .crew_img		{position: relative; display: block; width: 200px; min-width: 200px; height: 259px; background: #ddd; border-radius: 10px; overflow: hidden;}
	.description .crew_img img	{display: block; width: 100%;}
	.description .crew_flex		{display: flex; flex-direction: column; justify-content: space-between;}
	.description .crew_name		{position: absolute; bottom: 4px; right: 10px; font-size: 13px; color: #fff; display: block; width: 100%; text-align: right;}
	
	/*반클리프&아펠 댄스 리플렉션*/
	.flex			{display: flex; align-items: flex-start; gap: 30px;}
	.dance_box		{margin-top: 60px;}
	.dance_logo		{border: 1px solid #ddd; border-radius: 10px; overflow: hidden; padding: 15px 20px; min-width: 300px; display: flex; align-items: center; justify-content: center;}
	.dance_logo img	{display: block; width: 100%;}
	
	.dance_img		{border: 1px solid #ddd; border-radius: 10px; overflow: hidden; margin-top: 80px;}
	.dance_img img	{display: block; width: 100%;}


@media (max-width: 1400px) {
    .r_quick	{left:840px;}
}

	/* ABOUT SPAF */
	#contents h2	{font-size:40px; color:#222; font-weight:700; margin-bottom: 50px;}
	#contents h3	{font-size:26px; color:#222; font-weight:600; margin-bottom: 10px;}

	#contents p.h2_stxt			{margin-top: -45px; margin-bottom: 40px; color: #F88B00; font-weight: 500;}
	#contents p.h2_stxt.fs_big	{font-size: 26px;}
	
	#contents p.tit			{font-size: 30px; color: #222; font-weight: 600; margin-bottom: 30px;}


	.txt_bold				{color:#222; font-weight:600; display: block; position:relative;}
	.list .list_txt							{padding-left: 11px;}
	.list .list_txt	.txt_bold.list:before	{position: absolute; content: ''; background: #222; width: 4px; height: 4px; border-radius: 50px; top: 12px; left:-10px;}
	.list .num_txt					{padding-left: 18px;}
	.list .num_txt .txt_bold		{margin-left: -16px;}

	/* 만드는 사람들 */
	.people_wrap										{display:flex;}
	.people_wrap ul.right_box							{padding-left:30px; margin-left: 90px; border-left:1px solid #ddd; display: flex; flex-direction: column;}
	.people_wrap ul.right_box li						{display:flex; margin-bottom: 15px; align-items: flex-start;}
	.people_wrap ul.right_box li:last-child				{margin-bottom:0;}
	.people_wrap ul.right_box li p.orang_tit			{color:#F88B00; font-size:22px; width: 220px; font-weight: 600; line-height: 24px;}
	.people_wrap ul.right_box li ul.box					{display:flex; flex-direction: column; margin-top: 4px;}
	.people_wrap ul.right_box li ul.box li				{display: flex; flex-direction: column;}
	.people_wrap ul.right_box li ul.box li span.tit			{color:#222; font-weight:500; font-size:22px; margin-bottom: 5px;}
	.people_wrap ul.right_box li ul.box li span.name		{color:#666; font-weight:300;}


	/* SPAF 파트너 */
	ul.partner_logo						{display:flex; flex-wrap: wrap; gap:24px 2%;}
	ul.partner_logo li.logo_list		{width:23.5%; display: flex; flex-direction: column; align-items: center; cursor: pointer;}
	ul.partner_logo li.logo_list p.logo		{border:1px solid #ddd; padding:20px; width: 100%; text-align: center; height: 94px; font-weight: 500; color: #222; line-height: 22px; font-size: 16px; display: flex; align-items: center; justify-content: center;}
	ul.partner_logo li.logo_list p.logo	img	{max-width:220px;}
	ul.partner_logo li.logo_list p.txt		{width: 100%; text-align: center; padding: 10px;}

	
	/* 공지사항 */
	select				{width:110px; font-size:16px; height:45px; padding:0 10px; background: #fff url('/2025/common/img/sel_arrow.png') no-repeat 90% 50%; border: 1px solid #ddd; margin-right: 5px; -moz-appearance:none; -webkit-appearance:none; appearance:none; -webkit-appearance: none; -webkit-border-radius: 0;}
	select::-ms-expand	{display:none;}

	.board_view > table	{border-top: 2px solid #000;}
	.board_view > table tr.tit_line	{border-bottom: 1px solid #ddd;}



	/*SPAF Exchange*/
	.exchange .logo		{border: 1px solid #ddd; padding: 20px; width: 282px; text-align: center; margin-bottom: 30px;}
	.exchange .logo img	{display: block; max-width: 100%; margin: 0 auto;}