@charset "UTF-8";

@media screen and (max-width: 1770px) {
    .footer .container {padding: 0 10px;}
}

@media screen and (max-width:1600px){
    .header .gnb_header > .container .logo {top: 50%; transform: translateY(-50%);}
    .header .gnb_header .container .gnb {padding: 30px 100px;}
    .header .gnb_header .container .gnb > li > a {padding: 0 30px; font-size: 16px;}
    .header .gnb_header > .container .gnb > li > .sub_gnb_container .sub_gnb li {padding: 6px 0;}
    .header .gnb_header > .container .gnb > li > .sub_gnb_container .sub_gnb li a {font-size: 14px; line-height: 18px;}
    .pop_up {width: 650px;}

	/* .header .gnb_header .container .gnb > li:nth-child(1) .sub_gnb_container {width: 210px;}
	.header .gnb_header .container .gnb > li:nth-child(2) .sub_gnb_container {width: 550px;}
	.header .gnb_header .container .gnb > li:nth-child(3) .sub_gnb_container {width: 260px;}
	.header .gnb_header .container .gnb > li:nth-child(6) .sub_gnb_container {width: 270px;} */
}

@media screen and (max-width:1280px){ 
	/* common */
	.container {padding:0 5px;}
	#real_contents {padding-bottom: 0!important;}

	/* footer */
	.footer {position: relative;}
	.footer::before {display: none;}
	.footer .ft_btm {display: block; width: auto;}
	.footer .ft_btm .box {display: block;}
	.footer .ft_btm .box:last-child {margin: 10px 0 0; padding: 0;}
    .footer .ft_top .box .ft_list > .list > li > a {font-size: 16px;}
    .footer .ft_top .box .logo_box_list .logo_box {margin: 0 0 0 30px;}
    .footer .ft_top .box .logo_box_list .logo_box .item_list li {padding: 0 8px;}
    .footer .ft_btm .box .fb_right .sns_list_container .title .text {font-size: 16px;}

	.footer .ft_top .box .logo_box_sns {position: static; display: flex; justify-content: center; align-items: center;}
}

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

	/* head_logo */
	.head_logo {left: 15px;}
}


@media screen and (max-width:1080px){
	/* footer */	
	.footer .ft_top {text-align: center; padding: 15px 0 10px 0;}
	.footer .ft_top .box {padding: 0;}
	.footer .ft_top .box .logo_box_list {position: relative; top: auto; right: auto; transform: none; flex-direction: column; gap: 30px;}

	.footer .ft_top .box .ft_list > .list > li {margin: 0 0 0 10px; padding: 0 0 0 10px;}
	.footer .ft_top .box .site_box {position: inherit; top: inherit; right: inherit; margin: 10px 0 0;}
	.footer .ft_top .box .site_box .baro_box .site_btn {border: 1px solid rgba(79, 82, 84, 0.5);}
	.footer .ft_top .box .site_box .baro_box .site_btn .arr_btn {width: 39px; height: 39px; border: none;}
	.footer .ft_btm {text-align: center;}
	.footer .ft_btm .box .txt_box .list li br {display: block;}
	.footer .ft_btm .box .logo_box a:last-child {margin: 0 0 0 15px;}
	.footer .ft_top .box .site_box .baro_box .site_link > li > a {text-align: left;}
    .footer .ft_btm .box .fb_right {position: relative; top: auto; right: auto;}
    .footer .ft_btm .box .ft_list > .list > li > a {line-height: 40px;}
    .footer .ft_btm .box .site_box .baro_box .site_btn { width: 200px; height: 40px; padding: 0 30px 0 20px; line-height: 40px; border-radius: 20px;}
    .footer .ft_btm .box .site_box .baro_box .site_link {bottom: 40px;}
    .footer .ft_btm .box .ft_list {display: block; margin: 0;}
	/* footer */

    .program3 .program4_view .tab_lst_wrap .tab_img ul li h3 {font-size: 40px; padding-left: 50px;}

	/* header */
	.gnb {display: none !important;}
	.gnb_header .container {height:40px;}
	
	.header .header_top_box {display: none;}
	
	.header .gnb_header .header_top_box .inner {overflow: hidden; padding: 8px 0;}

	.header .gnb_header {padding: 15px 0;}
	.header .gnb_header .container .logo {display: block; width: 150px; transform: translateY(-40%);}
	.header .gnb_header > .container .inner_area {display: none;}
	.header .gnb_header > .container .inner_area.m_cont {display:block;}
	.header .gnb_header > .container .inner_area.m_cont .m_gnb_btn {display: inline-block; vertical-align: middle;}
	.header .gnb_header > .container .inner_area.m_cont .head_btn_com {display: inline-block; vertical-align: middle;}
	.header .gnb_header > .container .inner_area .head_btn_com {display: none;}
    
    .header .gnb_header .header_top_box .inner .inner_list {float: right; position: inherit; top: inherit; right: inherit; margin: 0 5px 0 0;}
	/* scrolled */
	.header.scrolled {padding-top:110px;}
	

	/* common */
	.contents {padding-bottom: 321px;}
	.quick_box {right: 10px; bottom: 50px;}
	.quick_box .top_btn {width: 43px; height: 43px; background-size: 13px 16px;}


	/* 댓글 비밀번호 팝업 */
    .layer_popup .layer_pop_container .layer_pop_inner .pop_container {padding: 20px;}
    .layer_popup .layer_pop_container .layer_pop_inner .pop_container .pop_body .title {margin: 5px 0 20px 0;}
    .layer_popup .layer_pop_container .layer_pop_inner .pop_container .pop_body .title .text {font-size: 26px;}
    .layer_popup .layer_pop_container .layer_pop_inner .pop_container .pop_body .pop_contents .btn_area .pop_btn {padding: 0 30px;}
    .layer_popup .layer_pop_container .layer_pop_inner .pop_container .pop_body .pop_contents .btn_area .pop_btn .text {line-height: 45px;}
    /* 댓글 비밀번호 팝업 */
    
    .pop_up {width: 600px;}

	/* 푸터 후원 추가 수정(20251013) */
	.footer .ft_top .box .logo_box_list.sponsor_box .logo_box {padding-bottom: 20px;}
	.footer .ft_top .box .logo_box_list.logo_in {right: auto;left: 0;bottom: 0;}
	.footer .ft_top .box .logo_box_list.logo_in .logo_box {padding-bottom: 0;}

    /* ai.sw 아레나 추가 */

    .program4 table {width: auto;}
    .program4 td {height: auto;}
}

@media screen and (max-width:767px){
	.header .gnb_header .container .logo {transform: translateY(-50%);}
    .header.scrolled .gnb_header > .container .logo a img {width: 158px;}
	/* footer */
	.footer {padding: 0 0 95px 0;}
    .footer .ft_top {padding: 30px 0 0 0;}
	.footer .ft_top .box .logo_box_list.sponsor_box .logo_box {padding-bottom: 0;}
	.footer .ft_top .box .logo_box_footerLogo {width: 200px; margin: 15px auto;}
    .footer .ft_top .box .logo_box_list {width: 100%; gap: 14px;margin: 20px auto 5px;}
    .footer .ft_top .box .logo_box_list .logo_box {display: flex; width: 100%; margin: 15px 0 0;}
    .footer .ft_top .box .logo_box_list .logo_box:first-child {margin: 0; display: flex; gap: 0.3rem;flex-wrap: wrap;}
    .footer .ft_top .box .logo_box_list .logo_box .title .text {padding: 0 10px; font-size: 14px; line-height: 26px; border-radius: 13px;}
   	.footer .ft_top .box .logo_box_list .logo_box .item_list {display: flex; flex-wrap: wrap; width: calc(100% - 130.2px);}
    .footer .ft_top .box .logo_box_list .logo_box .item_list li {margin: 5px 0 0; }
	.footer .ft_top .box .logo_box_list .logo_box .item_list + .title .text {margin-left: 0;}

	.footer .ft_top .box .site_box .baro_box .site_btn {width: 250px; height: 35px; padding: 0 35px 0 15px; font-size: 13px; line-height: 35px;}
	.footer .ft_top .box .site_box .baro_box .site_btn .arr_btn {width: 35px; height: 34px;}
	.footer .ft_top .box .site_box .baro_box .site_btn .arr_btn .arr {font-size: 10px;}
	.footer .ft_top .box .site_box .baro_box .site_link {bottom: 35px;}
	.footer .ft_top .box .site_box .baro_box .site_link > li > a {padding: 7px; font-size: 13px; line-height: 20px;}
	.footer .ft_top .box .ft_list > .list > li > a {font-size: 13px; line-height: 20px;}
	.footer .ft_btm {padding: 0;}
	.footer .ft_btm .box .txt_box .list li {margin: 3px 0 0; font-size: 12px; line-height: 18px;}
	.footer .ft_btm .box .txt_box .list li:first-child {margin: 0;}
	.footer .ft_btm .box .copy_box {margin: 3px 0 0;}
	/* footer */
    .footer .ft_btm .box .fb_right .sns_list_container {display: block;}
    .footer .ft_btm .box .fb_right .sns_list_container .title {display: block; padding: 0;}
    .footer .ft_btm .box .fb_right .sns_list_container .title .text {font-size: 15px;}
    .footer .ft_btm .box .fb_right .sns_list_container .item_list li a {width: 32px; height: 32px;}
    .footer .ft_btm .box .fb_right .sns_list_container .item_list li a .icon {background-size: 18px auto;}
    .footer .ft_btm .box .site_box {display: block; margin: 10px 0 0;}
    
   .footer .ft_top .box .logo_box_list .logo_box {justify-content:center;}
	
	.m_gnb .m_menu_list_area .menu_cont > .list > li a {font-size: 14px; line-height: 21px;}

    .program3 .program4_view .tab_lst_wrap .tab_img ul li h3 {font-size: 28px; padding-left: 22px;}
    .program3 .program4_view .tab_lst_wrap .button_area button span {display: block;}


    /* 댓글 비밀번호 팝업 */
	.layer_popup {padding: 0 10px;}
	.layer_popup .layer_pop_container .layer_pop_inner .pop_container {width: 100%; padding: 15px;}
    .layer_popup .layer_pop_container .layer_pop_inner .pop_container .pop_body .title .text {font-size: 20px;}
    .layer_popup .layer_pop_container .layer_pop_inner .pop_container .pop_body .pop_contents .row {display: table; width: 100%; table-layout: fixed;}
    .layer_popup .layer_pop_container .layer_pop_inner .pop_container .pop_body .pop_contents .row label {display: table-cell; line-height: 40px;}
    .layer_popup .layer_pop_container .layer_pop_inner .pop_container .pop_body .pop_contents .row input[type="password"]{display: table-cell; max-width: none; height: 40px;}
    .layer_popup .layer_pop_container .layer_pop_inner .pop_container .pop_body .pop_contents .emphasis {font-size: 14px; line-height: 20px;}
    .layer_popup .layer_pop_container .layer_pop_inner .pop_container .pop_body .pop_contents .btn_area .pop_btn {padding: 0 20px;}
    .layer_popup .layer_pop_container .layer_pop_inner .pop_container .pop_body .pop_contents .btn_area .pop_btn .text {font-size: 14px; line-height: 40px;}
	/* 댓글 비밀번호 팝업 */
	
	.pop_up_wrap.else_pop {width: 96%;}
	.pop_up {width: 100%;}

	/* 푸터 후원 추가 수정(20251013) */
	.footer .ft_top .box .logo_box_list.logo_in .logo_box {justify-content: flex-start;}

	.footer .ft_top .box .logo_box_list .logo_box {}
	.footer .ft_top .box .logo_box_list.sponsor_box { margin-bottom: 0;}
	.footer .ft_top .box .logo_box_list.sponsor_box .logo_box:first-child {align-items: flex-start;}
	.footer .ft_top .box .logo_box_list.sponsor_box .logo_box .title {align-items: baseline;}
	.footer .ft_top .box .logo_box_list.sponsor_box .logo_box .title .text {margin-top: 0;line-height: 1.5;}
	.footer .ft_top .box .logo_box_list.sponsor_box .logo_box .item_list li {margin: 0 25px 10px 0;}
	.footer .ft_top .box .logo_box_list .logo_box:nth-child(1) .item_list li {margin: 0 25px 15px 0;}
	.footer .ft_top .box .logo_box_list .logo_box .item_list li {margin:0;}

	.footer .ft_top .box .logo_box_list:not(.sponsor_box) .logo_box:nth-child(1) .item_list li .img_wrapper img {max-height: 30px;}
	.footer .ft_top .box .logo_box_list.logo_in .logo_box:first-child {align-items: center;}
	
	.footer .ft_top .box .logo_box_list .logo_box .item_list + .title .text {padding: 0 10px; }


    /* 241011 추가 */
    .road_wrap {flex-direction: column;}
    .road_wrap .road_box { width: 100% !important;}
    table { width: auto; min-width: auto !important;}
     td, th { font-size: 16px !important;}


    /* popup layout*/

    .pg_popup_wrap .pg_popup { width: 90%;}

    /* 뮤지엄 */

    .pg2_popup_wrap .pg2_popup_box .pg2_popup_body .pg2_popup_img { height: 400px !important;}

    /* 부대행사 */
    .incident table {width: 750px; border-spacing: 5px;}

}

@media screen and (max-width:480px){
	/* common */
	body {font-size:14px;}
	.contents {padding-bottom: 316px;}
	.footer .ft_top .box .logo_box_list .logo_box .item_list li {margin:0; padding: 0;}

	.footer .ft_top .box .logo_box_list .logo_box .item_list li .img_wrapper img {/*width: 75%;*/max-height: 13px;}
	
	.footer .ft_top .box .logo_box_list:not(.sponsor_box) .logo_box:nth-child(1) .item_list li .img_wrapper img {max-height: 23px;}

	.footer .ft_top .box .logo_box_list .logo_box:nth-child(2) .item_list li .img_wrapper img, 
	.footer .ft_top .box .logo_box_list .logo_box:nth-child(3) .item_list li .img_wrapper img {max-height: 30px;}
	.footer .ft_top .box .logo_box_list .logo_box:last-child .item_list li:last-child {margin-top: 0;}
	.footer .ft_top .box .logo_box_list .logo_box:nth-child(1) .item_list li {margin: 0 25px 10px 0;}

	.m_gnb .m_menu_list_area .menu_cont > .list > li.gnb_04 a .icon {right: 5px; width: 8px; height: 8px; margin: -4px 0 0;}
	.m_gnb .m_menu_list_area .menu_cont > .list > li.gnb_04 a .icon:before {height: 8px;}
	.m_gnb .m_menu_list_area .menu_cont > .list > li.gnb_04 a .icon:after {width: 8px;}
	
	.footer .ft_top .box .logo_box_list  {display:flex;flex-direction: column;align-items: center;justify-content: center;}
	.footer .ft_top .box .logo_box_list .logo_box:first-child {display:flex; align-items: flex-start;}
	.footer .ft_top .box .logo_box_list .logo_box .title {display:flex;align-items:center; }
	.footer .ft_top .box .logo_box_list .logo_box .item_list {display:flex;align-items:center;}
	.footer .ft_top .box .logo_box_list .logo_box .title .text {padding:0 10px;}
	
	.footer .ft_top .box .logo_box_list .logo_box {margin:0;}
	.footer .ft_btm .box .txt_box .list li {font-size:10px;}
	.footer .ft_top .box .logo_box_list:last-child {margin:20px 0;}
	.footer .ft_top .box .logo_box_list .logo_box .title .text {}
	.footer .ft_btm .box .txt_box .list li:last-child {margin:0;}
	
	.footer .ft_btm .box .txt_box {margin:10px 0 0 0;}
	
	.footer .container {font-size:10px;}

	.footer .ft_top .box .logo_box_sns ul li { width: 35px; height: 35px;}

    .program1 .titleH2 {font-size: 28px; margin-bottom: 15px;}


    /* //table // */
    td {font-size: 14px !important;}
    .brd_scroll {padding-top: 15px; background: url('/festival/2025/resources/images/festival/kor/user/sub/lr_arr_ico.png') center 10px no-repeat;  background-size: 18px auto; animation: tblScrollAni 2s infinite;}
    .program4_view .brd_scroll {background: url('/festival/2025/resources/images/festival/kor/user/sub/lr_arr_ico_wh.png') center 10px no-repeat;  background-size: 18px auto;}
    
@keyframes tblScrollAni {
    0% {
        background-position: 48% 10px;
    }

    50% {
        background-position: 52% 10px;
    }

    100% {
        background-position: 48% 10px;
    }
}

/* 뮤지엄 */

.pg2_popup_wrap .pg2_popup_box .pg2_popup_body .pg2_popup_img { height: 150px !important;}

}