@charset "UTF-8";

@media screen and (max-width: 1400px){ 
    /* 프로그램 - 미디어아트(20251016) */
    .program2_view {width: 95%;margin: 10px auto 120px;}
}
@media screen and (max-width: 1280px){ 
    .location_view .direct_btn_wrap {margin: 0 auto 50px;}
	
}
@media screen and (max-width: 1080px){
    /* 페스티벌 개요 */
    .festa_intro .title {padding: 20px 0 25px;}
    .festa_intro .title .text {font-size: 26px; line-height: 36px;}
    .festa_intro .title p {font-size: 18px;}
	.festa_intro .intro_view {padding: 40px 0 60px 0;}
	.festa_intro .intro_view .intro_container .img_area {width: 300px;bottom:-25px}
    .festa_intro .intro_view .intro_container .text_area {padding: 0 0 0 30px;}
    .festa_intro .intro_view .intro_container .text_area .desc {margin: 0 0 30px 0; font-size: 16px; line-height: 26px;}
    .festa_intro .intro_view .intro_container .text_area .desc br {display: none;}
    .festa_intro .intro_view .intro_container .text_area .info_list .item_list li {margin: 8px 0 0;}
    .festa_intro .intro_view .intro_container .text_area .info_list .item_list li .tit {font-size: 16px; line-height: 26px;}
    .festa_intro .intro_view .intro_container .text_area .info_list .item_list li .tit:before {top: 7px;}
    .festa_intro .intro_view .intro_container .text_area .info_list .item_list li .text {font-size: 16px; line-height: 26px;}
    /* // 페스티벌 개요 */

    /* 20250831 수정 */
    .location_view .direct_btn_wrap {margin: 0 auto 50px;}
    .location_view .direct_btn_wrap a {padding: 30px 25px;width: 40%;}
    .location_view .direct_btn_wrap a.direct_btn01 {background-size: 50px auto;}
    .location_view .direct_btn_wrap a.direct_btn02 {background-size: 62px auto;}
    .location_view .direct_btn_wrap a span {font-size: 20px;}
    /* 20250831 수정 끝 */

    /* 20251006 수정 */
    .intro_video {flex-direction: column}
    .intro_video .intro_video_wrap:last-child {margin:30px auto 0;}
    .intro_video .intro_video_wrap {width: 90%;margin: 0 auto;}

    /* 관람안내 */
    .festa_intro .intro_view.intro2_view .intro_container .img_area {width:450px}
    .festa_intro .intro_view.intro2_view .intro_container .text_area .info_list .item_list li .tit {width: 100px;}

    /* 프로그램 - 미디어아트(20251016) */
    .program2_view > h3 {font-size: 32px;}
    .program2_view > img {margin-bottom: 70px;}
    .program2_view .cont_box .sub_ttl {font-size: 24px;}
    .program2_view .cont_box .txt {font-size: 18px;}

    /* 뮤지움 slick */
    .program2_slick_wrap .slick-arrow.slick-prev {left: 25%;}
    .program2_slick_wrap .slick-arrow.slick-next { right: 25%;}

    /* stage_item */
    .stage_item { flex-direction: column;}
    .stage_item .stage_img { width: 100%;}
    .stage_item .stage_txt { width: 100%;}
    
}


@media screen and (max-width: 767px){
    .festa_intro .title {margin: 0 0 15px 0; padding: 0; text-align: center;}
    .festa_intro .title .text {font-size: 22px; line-height: 32px;}
    .festa_intro .title p {font-size: 16px;margin-top: 10px;}
    .festa_intro .intro_view {padding: 30px 0;}
    .festa_intro .intro_view:before {height: 100%;}
    .festa_intro .intro_view .intro_container {text-align: center;flex-direction: column;}
    .festa_intro .intro_view .intro_container .img_area {display: inline-block; position: relative; max-width: 280px;bottom: 0;width: 90%;}
    .festa_intro .intro_view .intro_container .text_area {margin: 30px auto 0; padding: 0; text-align: left;width: 90%;}
    .festa_intro .intro_view .intro_container .text_area .desc {margin: 0 0 15px 0; font-size: 14px; line-height: 20px;}
    .festa_intro .intro_view .intro_container .text_area .info_list .item_list li {margin: 20px 0 0;}
    .festa_intro .intro_view .intro_container .text_area .info_list .item_list li .tit {font-size: 14px; line-height: 20px;display: block;}
    .festa_intro .intro_view .intro_container .text_area .info_list .item_list li .tit:before {top: 3px;}
    .festa_intro .intro_view .intro_container .text_area .info_list .item_list li .text {font-size: 14px; line-height: 20px;width: 100%;}

    /* 20250831 수정 */
    .location_view .map {height: 400px!important;}
    .location_view .direct_btn_wrap a {padding: 20px;width: 45%;margin: 0 10px;}
    .location_view .direct_btn_wrap a.direct_btn01 {background-size: 38px auto;}
    .location_view .direct_btn_wrap a.direct_btn02 {background-size: 48px auto;}
    .location_view .direct_btn_wrap a span {font-size: 18px;}
    /* 20250831 수정 끝 */

    /* 관람안내 */
    .festa_intro .intro_view.intro2_view .intro_container .img_area {width: 90%;max-width: 90%;}
    .festa_intro .intro_view .intro_container .text_area .info_list .item_list li .text.flex_text {flex-direction: column;align-items: flex-start;}
    .direct_btn2 {margin-left: 0;margin-top: 10px;}

    .festa_intro .intro2_view_bottom {margin-top: 50px;}
    .festa_intro .intro2_view_bottom .intro_container .text_area .info_list .item_list li .text .direct_btn {margin-top: 10px;height: 38px;line-height: 38px;}
    .festa_intro .intro2_view_bottom .right {margin-top: 15px;margin-left: 10%;text-align: left;max-width: 55%;min-width: 220px;}
    .festa_intro .intro2_view_bottom .right .img_area {width: 100%;max-width: 100%;}
    .festa_intro .intro2_view_bottom .right span {font-size: 16px;}    

    /* 프로그램 - 미디어아트(20251016) */
    .program2_view > h3 {font-size: 26px;margin-bottom: 30px;}
    .program2_view > img {margin-bottom: 50px;}
    .program2_view .cont_box .sub_ttl {font-size: 22px;}
    .program2_view .cont_box .txt {font-size: 16px;padding: 28px 25px;}

    .program2_view .poster_box {margin-top: 50px;}

    /* 뮤지움 */
    .program2_img { display: none;}
    .program2_img_m { display: block; width: 100%;}

    /* .program2_view { padding: 0 22px;} */
    /* .program2_slick_wrap { width: calc(100% - 44px) !important; left: 50% !important; transform: translateX(-50%);} */
        

    /* 20251016 프로그램3 */
    .pop_program .pop_close {width: 32px;height: 32px;}

    /* 프로그램4 */
    .program4_view .tab_lst_wrap .button_area {flex-wrap: wrap;}
    .program4_view .tab_lst_wrap .button_area button {width: 33.33%;border-bottom: 1px solid #ddd;font-size: 16px;}

    /* 부대행사 */
    .pop_incident .pop_cont .pop_ttl {margin-bottom: 25px;width: 100%;font-size: 25px;}
    .pop_incident .pop_cont .text_area .item_list {padding: 10px 10px 20px 10px;}
    .pop_incident .pop_cont .text_area .item_list li .tit {display: block;font-size: 20px;margin-bottom: 5px;width: 100%;}
    .pop_incident .pop_cont .text_area .item_list li .text {width: 100%;padding: 0;font-size: 18px;}

    /* 메타버스*/
    .pop_meta .pop_cont p {font-size: 20px;}

    /* 이벤트 */
    .img_box .gnbEvent_img { display: none;}
    .img_box .gnbEvent_img_m { display: block; width: 100%;}

    /* 레고 AI·자율주행 코딩 경진대회 */
    .img_box .legoAI_img { display: none;}
    .img_box .legoAI_img_m { display: block; width: 100%;}
    .img_box > a { position: absolute; bottom: 49.1%; right: 57%; width: 21.5%; height: 2.1%; border-radius: 22px; }

    .stage_half             { gap:0px; flex-direction: column; }
    .stage_half + .stage_half       { margin-top:60px; }
    .stage_half .stageSection { width: 100%;}
    .stage_half .stageSection + .stageSection       { margin-top:60px; }
    .stage_half .stageSection .tit { font-size: 20px; }
    .stage_half .stageSection .txt { font-size: 16px; }

    .toggleProgram dt { padding: 12px 0; }
    .toggleProgram dt a { padding: 0 50px 0 0; }
    .toggleProgram dt a::after      { content:''; width:16px; height:16px; }
    .toggleProgram dt a span { font-size: 14px; }
    .toggleProgram dt a strong { font-size: 18px; }
    .toggleProgram dd { padding: 12px 0; }
    .toggleProgram dd ul        { gap:12px; padding: 12px; }
    .toggleProgram dd ul li     { gap: 12px; }
    .toggleProgram dd ul li strong { font-size: 14px; min-width:60px; }
    .toggleProgram dd ul li strong::before { transform: translateY(8px); }
    .toggleProgram dd ul li p   { font-size: 14px; }
}

@media screen and (max-width: 525px){
    .stage_item {gap: 15px;}
    .stage_item .stage_txt .stage_title h3 { font-size: 20px;}
    .stage_item .stage_txt .stage_title > p {font-size: 14px;}
    .stage_item .stage_txt .stage_table_wrap > p {font-size: 16px;}
    button.program2_img_btn {font-size: 14px; padding: 3px 11px;}
    .pg2_4_logo { flex-direction: column; align-items: center;}
    .stage_item .stage_txt .stage_zone img:hover { transform: none;}
    .stage_ul {flex-direction: column; row-gap: 7px;}
    button.program2_img_btn {display: none;} 
    a.program2_img_btn_m {display: block;} 
    .stage_item .stage_txt .stage_zone img {width: 100%;}
    .stage_item .stage_txt .stage_zone img:nth-child(2){display: none;}
    .stage_item .stage_txt .stage_zone img:nth-child(3){display: block;}
    .program2_img_btn {font-size: 14px; padding: 3px 9px; margin-left: 5px;}
}

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

    /* 20250831 수정 */
    .festa_intro .title p {font-size: 14px;margin-top: 10px;}

    .location_view .direct_btn_wrap {flex-direction: column;align-items: center;}
    .location_view .direct_btn_wrap a {padding: 20px;width: 90%;}
    .location_view .direct_btn_wrap a.direct_btn01 {background-size: 40px auto;margin-bottom: 15px;}
    .location_view .direct_btn_wrap a.direct_btn02 {background-size: 50px auto;}
    .location_view .direct_btn_wrap a span {font-size: 18px;}
    /* 20250831 수정 끝 */

    /* 프로그램 - 미디어아트(20251016) */
    .program2_view {margin:20px auto 50px}
    .program2_view > h3 {font-size: 22px;margin-bottom: 25px;}
    .program2_view .cont_box:last-child {margin-top: 35px;}
    .program2_view .cont_box .sub_ttl {font-size: 20px;}
    .program2_view .cont_box .txt {padding: 20px 15px;font-weight: 500;}

    /* 부대행사 */
    .pop_incident .pop_cont .pop_ttl {font-size: 23px;} 	
    .pop_incident .pop_cont .text_area .item_list li .text {font-size: 16px;}


    /* 뮤지움 slick */

    .program2_slick_wrap .slick-dots {bottom: 10px;}
    .program2_slick_wrap .slick-arrow {bottom: 6px;}
    .program2_slick_wrap .slick-arrow.slick-prev {left: 10%;}
    .program2_slick_wrap .slick-arrow.slick-next { right: 10%;}

}