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

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

.inner{margin: 0 20px;}

/* header */
#header .inner_h{height: 64px;}
#header h1{top: 16px; left: 20px; width: 80px;}
.nav_btn{top: 20px; right: 20px; width: 28px; height: 24px;}
.nav_btn span{height: 3px;}
#header.nav .nav_btn span:nth-child(1){transform: translateY(10px) rotate(45deg);}
#header.nav .nav_btn span:nth-child(3){transform: translateY(-11px) rotate(-45deg);}
.navigation{top: 64px; height: calc(100% - 64px); padding: 10px 20px 40px;}
.navigation h3 a{font-size: 52px; padding: 18px 0 14px;}

/* visual */
#visual_wrap{height: 760px;}
#visual_wrap .sq.box1{left: 20px; top: 84px; width: 305px; height: 260px;}
#visual_wrap .sq.box2{display: none;}
#visual_wrap .hl{top: 352px !important;}
#visual_wrap .lockup{left: 20px; top: 380px;}
#visual_wrap .lockup svg{width: 230px;}
#visual_wrap .lockup .t_sub{margin-top: 8px; font-size: 13px;}
#visual_wrap .lockup .t_theme{margin-top: 0; font-size: 34px;}
#visual_wrap .schedule{left: 20px; right: 20px; top: 645px; text-align: left;}
#visual_wrap .schedule .date{font-size: 34px; line-height: 30px;}
#visual_wrap .schedule .venue{margin-top: 12px; font-size: 12px; line-height: 19px;}

/* section01 */
#section01{padding: 80px 0 40px;}
#section01 .prog_wrap{flex-direction: column; gap: 50px;}
#section01 .prog h3{font-size: 26px;}
#section01 .prog h3 span{font-size: 16px;}
#section01 .prog ul{margin-top: 26px;}
#section01 .prog li + li{margin-top: 16px;}
#section01 .prog li a{font-size: 16px;}
#section01 .lane{height: 90px; margin-top: 70px;}
#section01 .lane .walker{width: 62px;}

/* section02 */
#section02{padding: 80px 0 40px;}
.px_tit{font-size: 66px;}
#section02 .about_head{flex-direction: column; align-items: flex-start; gap: 24px;}
.px_btn{width: 160px; height: 50px; font-size: 30px;}
.bar_line{margin-top: 40px;}
#section02 .about_body{margin-top: 36px; gap: 30px;}
#section02 .about_body .kicker{font-size: 30px;}
#section02 .about_body .theme{font-size: 46px; line-height: 34px; white-space: normal;}
#section02 .about_body .txt{height: 200px;}
#section02 .about_body .txt p{font-size: 16px; line-height: 26px;}
#section02 .archive{margin-top: 80px;}
#section02 .arc_list{margin-top: 26px;}
#section02 .arc_list li a{flex-wrap: wrap; align-content: center; height: 96px; padding: 0 44px 0 12px;}
#section02 .arc_list li .yr{width: auto; margin-left: 16px; font-size: 50px; line-height: 24px;}
#section02 .arc_list li .nm{width: 100%; margin-top: 10px; padding-left: 30px; font-size: 14px;}
#section02 .arc_list li .arrow{right: 12px;}
.partner{margin-top: 60px;}
.partner li{width: 50%; height: 64px;}
.partner li img{max-width: 86%; max-height: 30px;}

/* footer */
#footer{padding-top: 46px;}
#footer .f_logo svg{width: 120px;}
#footer .f_logo p,
#footer address{font-size: 13px; line-height: 1.5;}
#footer address{padding: 0 20px;}
#footer .f_bot{flex-direction: column-reverse; gap: 14px; margin: 36px 20px 0; padding: 22px 0 26px; font-size: 13px;}

/* ==sub== */
#sub_visual_wrap{padding-bottom: 50px;}
#sub_visual_wrap .sq.box1{top: 80px; width: 305px; height: 170px;}
#sub_visual_wrap .txt_wrap{padding-top: 130px;}
#sub_visual_wrap h3{font-size: 42px; line-height: 36px;}
#sub_visual_wrap .txt_wrap p{margin-top: 16px; font-size: 17px;}
.tab_menu_pc{margin: 26px 20px 0;}
.tab_menu_pc ul{gap: 6px;}
.tab_menu_pc li{flex: 1;}
.tab_menu_pc li a{width: 100%; height: 48px; font-size: 14px;}
.work_list{margin: 0 20px;}
.work_list li{width: 100%; margin-bottom: 50px;}
.work_list li:nth-last-child(-n+2){margin-bottom: 50px;}
.work_list li:last-child{margin-bottom: 0;}
.work_list li .txt_wrap{padding: 16px 36px 0 2px;}
.work_list li .txt_wrap p{font-size: 22px;}
.work_list li .txt_wrap span{font-size: 15px; margin-top: 8px;}
.work_list li .arrow{bottom: 10px; transform: scale(.8);}
#sub_contents{padding-bottom: 110px;}

/* 공통 */
.sub_tit01{margin-bottom: 20px;}
.sub_tit01 p{font-size: 20px; 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: 30px;}
.view_st01_wrap .tit_wrap p{font-size: 20px;	color: #fff; font-weight: 700;}
.view_st01_wrap .tit_wrap span{display: block;gap:30px;margin-top: 10px;}
.view_st01_wrap .tit_wrap span em{position: relative;display: block;font-size: 13px; color: #fff;font-weight: 400;}
.view_st01_wrap .tit_wrap span em:not(:last-child){margin-bottom: 10px;}
.view_st01_wrap .tit_wrap span em:not(:last-child)::after{display: none;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 20px;}
.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 20px;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: 40px; height: 40px; 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: 40px; height: 40px; 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 20px;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: 40px; height: 40px; 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: 40px; height: 40px; 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: 20px 10px;border-bottom: 1px solid #fff;}
.view_st01_wrap .view_wrap .txt_con .txt strong{display: block;font-size: 16px; color: #fff; font-weight: 700;margin-bottom: 10px;}
.view_st01_wrap .view_wrap .txt_con .txt .p_con{display: flex;flex-direction: column;gap:20px;}
.view_st01_wrap .view_wrap .txt_con .txt .p_con img{width: 100px; height: 100px;}
.view_st01_wrap .view_wrap .txt_con .txt p{font-size: 13px; color: #fff; line-height: 1.5;}
.view_st01_wrap .view_wrap .txt_con .txt p b{display: block;font-size: 15px; 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: 13px;font-weight: 700; }
.view_st01_wrap a.list_btn{display: flex;align-items: center; justify-content: center;width: 120px; height: 40px; font-size: 14px;color: #fff; border:1px solid #fff;margin: 30px auto 0;}

/* sub0101 */
.sub0101_wrap{line-height: 1;}
.sub0101_wrap .con01{display: flex; align-items: center;flex-direction: column;gap:30px;}
.sub0101_wrap .con01 .img{padding: 0;}
.sub0101_wrap .con01 .img img{width: 250px;}
.sub0101_wrap .con01 .txt_wrap .tit{margin-bottom: 20px; padding-bottom: 20px;border-bottom: 1px solid #fff;}
.sub0101_wrap .con01 .txt_wrap .tit p{font-size: 18px; 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: 13px; color: #fff; line-height: 1.5;}
.sub0101_wrap .con01 .txt_wrap .txt p:not(:last-child){margin-bottom: 25px;}
.sub0101_wrap .con01 .txt_wrap .txt p strong{display: block;font-size: 15px; color: #fff;font-weight: 700;margin-bottom: 5px;}

.sub0101_wrap .con02{margin-top: 80px;}
.sub0101_wrap .con02 ul{display: flex;flex-wrap:wrap;border-top: 1px solid #fff;}
.sub0101_wrap .con02 ul li{width: 100%;padding: 20px 10px;border-bottom: 1px solid #fff;}
.sub0101_wrap .con02 ul li strong{display: block;font-size: 15px; color: #fff; font-weight: 700;margin-bottom: 8px;}
.sub0101_wrap .con02 ul li p{font-size: 13px; color: #fff;line-height: 1.4;}

/* sub0102 */
.sub0102_wrap{line-height: 1;}
.sub0102_wrap .con{display: flex;gap:30px;flex-direction: column;align-items: center;}
.sub0102_wrap .con:not(:last-child){margin-bottom: 80px;}
.sub0102_wrap .con .img_wrap{width: 30%;}
.sub0102_wrap .con .img_wrap img{width: 100%;}
.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: 18px; color: #fff; font-weight: 700;}
.sub0102_wrap .con .txt_wrap .tit span{display: block;font-size: 13px; color: #fff;margin-top: 10px;line-height: 1.6;}
.sub0102_wrap .con .txt_wrap .txt p{font-size: 13px; color: #fff; line-height: 1.5;}
.sub0102_wrap .con .txt_wrap .txt > p:not(:last-child){margin-bottom: 15px;}

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

/* sub0104 */
.sub0104_wrap{line-height: 1;}
.sub0104_wrap table.tbl01:not(:last-child){margin-bottom: 40px;}
.sub0104_wrap table.tbl01 th{font-size: 14px;}
.sub0104_wrap table.tbl01 td{font-size: 13px;}

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

/* 영화 상영 일정표 */
@media screen and (max-width:767px) {
.sub0202_wrap{margin-bottom: 40px;}
.sub0202_wrap .tab-con .tb_wrap table.tbl02 {width: 100%; border: 2px solid #000; margin-bottom: 20px;}
.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: 22px; padding: 4px; font-weight: 700; }
.sub0202_wrap .tab-con .tb_wrap table.tbl02 th.th_sub {font-size: 13px; padding: 4px; font-weight: 500; }
.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: 4px; font-size: 12px; }
.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:767px) {
.work_list li .arrow{width: 20px; height: 19px; transform: none; background-image: url(../images/sub/more_btn01_mob.png);}
.sub0202_wrap .tb_wrap td a .tit_arrow{width: 12px; height: 12px; margin-left: 4px; vertical-align: -1px;}
}

@media screen and (max-width:767px) {
.partner li{width: auto; height: 64px;}
.partner li img{max-width: 100%; max-height: 30px;}
}

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