@media screen and (max-width:1500px) {

.pc {display:none;}
.tab {display:block;}
.mob {display:none;}

#wrap{min-width: 375px;}
.inner{width: auto; max-width: none; margin: 0 4%;}

/* header */
#header .inner_h{height: 80px;}
#header h1{top: 20px; left: 4%; width: 100px;}
#header .gnb{display: none;}
.nav_btn{display: grid; align-content: space-between; position: absolute; top: 26px; right: 4%; width: 34px; height: 28px; color: var(--ink);}
.nav_btn span{display: block; height: 4px; background: currentColor; transition: .3s;}
.nav_btn span:nth-child(2){width: 70%; justify-self: end;}
#header.dark .nav_btn,
#header.nav .nav_btn{color: #fff;}
#header.nav{background: #000;}
#header.nav .nav_btn span:nth-child(1){transform: translateY(12px) rotate(45deg);}
#header.nav .nav_btn span:nth-child(2){opacity: 0;}
#header.nav .nav_btn span:nth-child(3){transform: translateY(-12px) rotate(-45deg);}
html.nav_open{overflow: hidden;}

.navigation{position: fixed; top: 80px; left: 0; width: 100%; height: calc(100% - 80px); z-index: 6999; padding: 20px 4% 60px; background: rgba(0,0,0,.97); overflow-y: auto;}
.navigation h3 a{position: relative; display: block; padding: 22px 0 18px; border-top: 2px solid rgba(255,255,255,.2); font-family: var(--f-px); font-weight: 400; font-size: 64px; color: var(--yellow); line-height: .7;}
.navigation h3 a::before{content: ''; position: absolute; top: -6px; left: 0; width: 10px; height: 10px; background: var(--yellow);}
.navigation ul{display: none; padding: 0 0 20px;}
.navigation ul li a{display: block; padding: 8px 0; font-family: var(--f-gal); font-size: 16px; color: #ccc;}

/* visual : 1400 이하에서는 장식을 비율로 축소 */
#visual_wrap{height: 760px; overflow: hidden;}
#visual_wrap .deco{transform-origin: 0 0;}
#visual_wrap .sq.box1{left: 22%; top: 60px; width: 530px; height: 395px;}
#visual_wrap .sq.box2{left: auto; right: 4%; top: 430px; width: 443px; height: 128px;}
#visual_wrap .vl,
#visual_wrap .nd,
#visual_wrap .ch{display: none;}
#visual_wrap .hl{top: 420px !important;}
#visual_wrap .hl.rtl{display: none;}
#visual_wrap .hl:first-of-type{width: 100% !important;}
#visual_wrap .lockup{left: 4%; top: 470px;}
#visual_wrap .lockup svg{width: 380px;}
#visual_wrap .lockup .t_sub{font-size: 19px;}
#visual_wrap .lockup .t_theme{font-size: 56px;}
#visual_wrap .schedule{left: auto; right: 4%; top: 590px; text-align: right;}
#visual_wrap .schedule .date{font-size: 50px; line-height: 40px;}
#visual_wrap .schedule .venue{font-size: 15px; line-height: 24px;}

/* section01 */
#section01{height: auto; padding: 120px 0 60px;}
#section01 .prog_wrap{gap: 40px;}
#section01 .prog{width: auto; flex: 1;}
#section01 .lane{margin-top: 100px;}

/* section02 */
#section02{padding: 120px 0 60px; background-size: 1920px auto;}
.px_tit{font-size: 96px;}
#section02 .about_body{flex-direction: column; gap: 40px;}
#section02 .about_body .left,
#section02 .about_body .right{width: 100%;}
#section02 .archive{margin-top: 110px;}
#section02 .arc_list li a{padding: 0 40px;}
#section02 .arc_list li .arrow{right: 40px;}
.partner{flex-wrap: wrap; margin-top: 100px;}
.partner li{width: 33.33%; height: 80px;}

/* footer */
#footer address span{display: block;}
#footer address span + span::before{display: none;}
#footer address span + span{margin-top: 10px;}
#footer .f_bot{margin: 50px 4% 0;}

/* ==sub== */
#sub_visual_wrap{height: auto; padding-bottom: 80px;}
#sub_visual_wrap .vl,
#sub_visual_wrap .nd,
#sub_visual_wrap .ch{display: none;}
#sub_visual_wrap .sq.box1{left: 50%; transform: translateX(-50%); top: 90px; width: 530px; height: 260px;}
#sub_visual_wrap .sq.box2{display: none;}
#sub_visual_wrap .txt_wrap{padding-top: 200px;}
#sub_visual_wrap h3{font-size: 64px; line-height: 50px;}
#sub_visual_wrap .txt_wrap p{margin-top: 26px; font-size: 24px;}
.work_list{max-width: none; width: auto; margin: 0 4%;}
.work_list li{width: calc(50% - 20px); margin-bottom: 50px;}
.work_list li .txt_wrap{padding: 22px 40px 0 4px;}
.work_list li .txt_wrap p{font-size: 30px;}
.work_list li .txt_wrap span{font-size: 17px; margin-top: 12px;}
.work_list li .arrow{right: 4px;}
#sub_contents{padding-bottom: 120px;}

/* 공통 */
.sub_tit01{margin-bottom: 30px;}
.sub_tit01 p{font-size: 40px; color: #fff; line-height: 1.3;text-align: center;font-weight: 700;}

table.tbl01{border-top: 1px solid #fff;}
table.tbl01 tr{border-bottom: 1px solid #fff;}
table.tbl01 th{padding: 10px;font-size: 15px; color: #fff; font-weight: 700;}
table.tbl01 td{padding: 10px;font-size: 15px; color: #fff; line-height: 1.4; text-align: center;}
table.tbl01 td.left{text-align: left;}
table.tbl01 td a{color: #fff;}

/*view_st01*/
.view_st01_wrap{line-height: 1;}
.view_st01_wrap .tit_wrap{margin-bottom: 50px;}
.view_st01_wrap .tit_wrap p{font-size: 35px;	color: #fff; font-weight: 700;}
.view_st01_wrap .tit_wrap span{display: flex;gap:30px;margin-top: 20px;}
.view_st01_wrap .tit_wrap span em{position: relative;font-size: 20px; color: #fff;font-weight: 400;}
.view_st01_wrap .tit_wrap span em:not(:last-child)::after{content:'|';position: absolute; right: -17px; top: 50%; transform:translateY(-50%);}

.view_st01_wrap .view_wrap .img_con{position: relative;width: 1130px; max-width: 100%;margin: 0 auto 50px;}
.view_st01_wrap .view_wrap .img_con .play_btn{position: absolute; top: 50%; left: 50%;transform:translate(-50%,-50%);}
.view_st01_wrap .view_wrap .img_con .img_wrap{position:relative; width:100%; padding-bottom:54.867%;border:1px solid #fff;}
.view_st01_wrap .view_wrap .img_con .img_wrap img,
.view_st01_wrap .view_wrap .img_con .img_wrap video,
.view_st01_wrap .view_wrap .img_con .img_wrap iframe{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%;}

.view_st01_wrap .view_wrap .img_con_slide{width: 1130px; margin: 0 auto 50px;max-width: 100%;}
.view_st01_wrap .view_wrap .img_con_slide .img_con{margin: 0;}
.view_st01_wrap .view_wrap .img_con_slide .img_con .img_wrap{width: calc(100% - 1px);}
.view_st01_wrap .view_wrap .img_con_slide .slick-prev{position: absolute;left: 0px; top: 50%;transform:translateY(-50%);width: 60px; height: 60px; background: url(/assets_2025/images/sub/prev01.png)center no-repeat; background-size: cover;z-index: 100;text-indent: -9999px;}
.view_st01_wrap .view_wrap .img_con_slide .slick-next{position: absolute;right: 0px; top: 50%;transform:translateY(-50%);width: 60px; height: 60px; background: url(/assets_2025/images/sub/next01.png)center no-repeat; background-size: cover;z-index: 100;text-indent: -9999px;}

.view_st01_wrap .view_wrap .slide_con{width: 1350px;margin: 0 auto 50px;max-width: 100%;}
.view_st01_wrap .view_wrap .slide_con ul li .img_wrap{position:relative; width:100%; padding-bottom:54.867%;border:1px solid #fff;background: #222;}
.view_st01_wrap .view_wrap .slide_con ul li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.view_st01_wrap .view_wrap .slide_con .slick-prev{position: absolute;left: 0px; top: 50%;transform:translateY(-50%);width: 60px; height: 60px; background: url(/assets_2025/images/sub/prev01.png)center no-repeat; background-size: cover;z-index: 100;text-indent: -9999px;}
.view_st01_wrap .view_wrap .slide_con .slick-next{position: absolute;right: 0px; top: 50%;transform:translateY(-50%);width: 60px; height: 60px; background: url(/assets_2025/images/sub/next01.png)center no-repeat; background-size: cover;z-index: 100;text-indent: -9999px;}

.view_st01_wrap .view_wrap .txt_con{border-top: 1px solid #fff;}
.view_st01_wrap .view_wrap .txt_con .txt{padding: 30px 20px;border-bottom: 1px solid #fff;}
.view_st01_wrap .view_wrap .txt_con .txt strong{display: block;font-size: 26px; color: #fff; font-weight: 700;margin-bottom: 20px;}
.view_st01_wrap .view_wrap .txt_con .txt .p_con{display: flex;gap:40px;}
.view_st01_wrap .view_wrap .txt_con .txt .p_con img{width: 140px; height: 140px;}
.view_st01_wrap .view_wrap .txt_con .txt p{font-size: 16px; color: #fff; line-height: 1.5;}
.view_st01_wrap .view_wrap .txt_con .txt p b{display: block;font-size: 20px; color: #fff; font-weight: 700; line-height: 1.5;margin-bottom: 15px;}
.view_st01_wrap .view_wrap .txt_con .txt p b em{font-size: 18px;font-weight: 700; }
.view_st01_wrap a.list_btn{display: flex;align-items: center; justify-content: center;width: 180px; height: 45px; font-size: 16px;color: #fff; border:1px solid #fff;margin: 40px auto 0;}

/* sub0101 */
.sub0101_wrap{line-height: 1;}
.sub0101_wrap .con01{display: flex; align-items: center;flex-direction: column;gap:50px;}
.sub0101_wrap .con01 .img{padding: 0;}
.sub0101_wrap .con01 .img img{width: 350px;}
.sub0101_wrap .con01 .txt_wrap .tit{margin-bottom: 30px; padding-bottom: 30px;border-bottom: 1px solid #fff;}
.sub0101_wrap .con01 .txt_wrap .tit p{font-size: 40px; color: #fff; line-height: 1.2;font-weight: 700;}
.sub0101_wrap .con01 .txt_wrap .tit p span{display: block;font-weight: 400;}
.sub0101_wrap .con01 .txt_wrap .txt p{font-size: 18px; color: #fff; line-height: 1.5;}
.sub0101_wrap .con01 .txt_wrap .txt p:not(:last-child){margin-bottom: 30px;}
.sub0101_wrap .con01 .txt_wrap .txt p strong{display: block;font-size: 20px; color: #fff;font-weight: 700;margin-bottom: 10px;}

.sub0101_wrap .con02{margin-top: 120px;}
.sub0101_wrap .con02 ul{display: flex;flex-wrap:wrap;border-top: 1px solid #fff;}
.sub0101_wrap .con02 ul li{width: 50%;padding: 30px 15px;border-bottom: 1px solid #fff;}
.sub0101_wrap .con02 ul li strong{display: block;font-size: 20px; color: #fff; font-weight: 700;margin-bottom: 12px;}
.sub0101_wrap .con02 ul li p{font-size: 16px; color: #fff;line-height: 1.3;}

/* sub0102 */
.sub0102_wrap{line-height: 1;}
.sub0102_wrap .con{display: flex;gap:40px;/*flex-direction: column;align-items: center;*/}
.sub0102_wrap .con:not(:last-child){margin-bottom: 120px;}
.sub0102_wrap .con .img_wrap{width: 200px;}
.sub0102_wrap .con .txt_wrap{width: 100%;}
.sub0102_wrap .con .txt_wrap .tit{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #fff;}
.sub0102_wrap .con .txt_wrap .tit p{font-size: 40px; color: #fff; font-weight: 700;}
.sub0102_wrap .con .txt_wrap .tit span{display: block;font-size: 20px; color: #fff;margin-top: 15px;line-height: 1.6;}
.sub0102_wrap .con .txt_wrap .txt p{font-size: 16px; color: #fff; line-height: 1.5;}
.sub0102_wrap .con .txt_wrap .txt > p:not(:last-child){margin-bottom: 20px;}

.sub0102_wrap .con02{flex-direction: row-reverse;}

/* sub0104 */
.sub0104_wrap{line-height: 1;}
.sub0104_wrap table.tbl01:not(:last-child){margin-bottom: 60px;}

.sub0104_wrap table.tbl01 .col01{width: 50%;}
.sub0104_wrap table.tbl01 .col02{width: 50%;}

/* ===== 메인 비주얼 : 1500 이하 (1501~1919 는 PC 스테이지를 비율 축소해서 사용) ===== */
@media screen and (max-width:1500px) {
#visual_wrap{height: 900px; overflow: hidden;}
#visual_wrap .stage{height: 100%;}
#visual_wrap .deco{transform-origin: 0 0;}
#visual_wrap .sq.box1{left: 22%; top: 60px; width: 530px; height: 395px;}
#visual_wrap .sq.box2{left: auto; right: 4%; top: 430px; width: 443px; height: 128px;}
#visual_wrap .vl,
#visual_wrap .nd,
#visual_wrap .ch{display: none;}
/* 오른쪽 흰 줄 + 캐릭터 한 줄만 노출 : 메뉴 버튼(3줄) 바로 왼쪽(앞)에서 위부터 내려오게 */
#visual_wrap i.vl:nth-of-type(3),
#visual_wrap i.nd:nth-of-type(10),
#visual_wrap .ch.c-dance{display: block;}
#visual_wrap i.vl:nth-of-type(3){left: auto !important; right: calc(4% + 50px); top: 0 !important; height: 300px !important;}
#visual_wrap i.nd:nth-of-type(10){left: auto !important; right: calc(4% + 34px); top: 305px !important; width: 36px; height: 36px;}
#visual_wrap .ch.c-dance{left: auto !important; right: calc(4% + 33px); top: 200px !important; width: 62px !important;}
#visual_wrap .hl{top: 420px !important;}
#visual_wrap .hl.rtl{display: none;}
#visual_wrap .hl:first-of-type{width: 100% !important;}
#visual_wrap .lockup{left: 4%; top: 470px;}
#visual_wrap .lockup svg{width: 380px;}
#visual_wrap .lockup .t_sub{font-size: 19px;}
#visual_wrap .lockup .t_theme{font-size: 56px;}
#visual_wrap .schedule{left: 4%; right: 4%; top: 780px; text-align: left;}
#visual_wrap .schedule .date{font-size: 50px; line-height: 40px;}
#visual_wrap .schedule .venue{font-size: 15px; line-height: 24px;}
}
}

/* 영화 상영 일정표 */
@media screen and (max-width:1024px) {
.sub0202_wrap{margin-bottom: 60px;}
.sub0202_wrap .tab-con .tb_wrap table.tbl02 {width: 100%; border: 2px solid #000; margin-bottom: 40px;}
.sub0202_wrap .tab-con .tb_wrap table.tbl02:last-child {margin-bottom: 0;}
.sub0202_wrap .tab-con .tb_wrap table.tbl02 th.th_tit {font-size: 28px; padding: 10px; font-weight: 700; color: #000; text-align: center; border-right: 2px solid #000; border-left: 2px solid #000;}
.sub0202_wrap .tab-con .tb_wrap table.tbl02 th.th_sub {font-size: 16px; padding: 10px; font-weight: 500; color: #fff; background: #000; text-align: center; border-right: 1px solid #fff;}
.sub0202_wrap .tab-con .tb_wrap table.tbl02 th.th_sub:last-child {border-right: 0;}
.sub0202_wrap .tab-con .tb_wrap table.tbl02 td {padding: 10px; font-size: 14px; background: rgba(255,255,255,0.4); text-align: center; font-weight: 500; color: #000; border-bottom: 1px solid #000; border-right: 1px solid #000; }
.sub0202_wrap .tab-con .tb_wrap table.tbl02 td:last-child {border-right: 0;}

.sub0202_wrap .tab-con .tb_wrap table.tbl03 {width: 100%; margin-bottom: 0;}
.sub0202_wrap .tab-con .tb_wrap table.tbl03 th.th_tit {color: #fff; background: #000;}
.sub0202_wrap .tab-con .tb_wrap table.tbl03 th.th_sub {color: #fff; background: #222;}
.sub0202_wrap .tab-con .tb_wrap table.tbl03 th.th_sub:last-child {border-right: 0;}
.sub0202_wrap .tab-con .tb_wrap table.tbl03 td {background: none;}
}

@media screen and (max-width:1500px) {
.work_list li .arrow{width: 30px; height: 29px;}
}
@media screen and (max-width:1024px) {
.sub0202_wrap .tb_wrap td a .tit_arrow{width: 16px; height: 15px; margin-left: 6px; vertical-align: -2px;}
}

@media screen and (max-width:1500px) {
.partner li{width: auto; height: 80px;}
}

/* 하단 로고 : 태블릿은 줄 사이(위아래) 간격만 조절 */
@media screen and (max-width:1500px) {
.partner{row-gap: 20px;}
.partner li{height: auto;}
}