@charset "UTF-8";

@import url("/festival/2025/resources/css/sub2.css");
@import url("/festival/2025/resources/css/sub3.css");

.sub_cont {font-family: 'Noto Sans KR', 'sans-serif';}


.container {max-width: 1400px;}
/* sub_top */
.sub_top {font-family: 'gongGothic', 'sans-serif'; margin: 0 0 35px; border-bottom:10px solid #003AFF; }
.sub_top .sub_top_area {padding: 150px 0 89px; background-image: url('/festival/2025/resources/img/subBg.png'); background-position: center center; background-size: cover; background-repeat: no-repeat;}
.sub_top .sub_top_area .box {position: relative; padding: 15px 0; text-align: center;}

.sub_top .sub_top_area .box .sub_page_title {}
.sub_top .sub_top_area .box .sub_page_title .text {font-size: 42px; line-height: 72px; color: #000; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.sub_top .sub_top_area .box .bread_list {margin: 2px 0 0; font-size: 0;}
.sub_top .sub_top_area .box .bread_list li {display: inline-block; margin: 0 15px 0 0; padding: 0 22px 0 0; background-image: url('/festival/2025/resources/images/festival/kor/user/sub/bread_arrow.png'); background-position: right center; background-size: 6px auto; background-repeat: no-repeat; font-weight: 400; font-size: 14px; line-height: 26px; color: #000;}
.sub_top .sub_top_area .box .bread_list li.home a {display: block;}
.sub_top .sub_top_area .box .bread_list li.home a .icon {display: inline-block; width: 14px; height: 13px; background-image: url("/festival/2025/resources/images/festival/kor/user/sub/bread_home.png"); background-position: center center; background-size: 14px auto; background-repeat: no-repeat; font-size: 0; text-indent: -9999px; vertical-align: middle;}
.sub_top .sub_top_area .box .bread_list li:last-child {margin: 0; padding: 0; background-image: inherit;}
.sub_top .sub_top_area .box .bread_list li a:hover, .sub_top .sub_top_area .box .bread_list li a:focus {font-weight: 700;}

/* 서브페이지 기본틀 */
.sub_cont {width: 100%; max-width: 1400px; min-height: 1000px; margin: 0 auto; padding: 0 0 130px; text-align: center;}
.main_title {margin: 50px 0 20px; font-weight: 700; font-size: 42px; line-height: 63px; color: #000000; text-align: center;}

.sub_tab_list {margin: 0 0 52px; }
.sub_tab_list .list {width: 100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap;  border-bottom: 1px solid #e6e6e6; text-align: center;}
/* width */
.sub_tab_list .list::-webkit-scrollbar {width: 3px; height: 3px;}
/* Track */
.sub_tab_list .list::-webkit-scrollbar-track {background: #f1f1f1;}
/* Handle */
.sub_tab_list .list::-webkit-scrollbar-thumb {background: #888;}
/* Handle on hover */
.sub_tab_list .list::-webkit-scrollbar-thumb:hover {background: #555;}
.sub_tab_list .list > li {display: inline-block; margin: 0 0 0 43px;}
.sub_tab_list .list > li:first-child {margin: 0;}
.sub_tab_list .list > li > .btn {display: block; position: relative; font-weight: 500; font-size: 18px; line-height: 50px; color: #1d1d1d; padding: 0 7px;}
.sub_tab_list .list > li.on > .btn {color: #003AFF;}
.sub_tab_list .list > li.on > .btn:after {content: ''; display: inline-block; position: absolute; left: 50%; bottom: 0; width: 100%; height: 3px; background-color: #003AFF; transform: translate(-50% , 1px);}
.sub_tab_list .list > li > .btn .text_box {}
.sub_tab_list .list > li > .btn .text_box .text {}

/* // 20250926 추가 // */

.sub_cont .readyWrap {height: 100%;}
.sub_cont .readyWrap .readyContent {width: auto;height: 75%;background-color: #f5f5f5; display: flex; align-items: center; justify-content: center; padding: 0 20px;}
.sub_cont .readyWrap .readyContent .readyImgBox{width: 390px;}
.sub_cont .readyWrap .readyContent .readyImgBoxMobile{width: 260px;display: none;}
.sub_cont .readyWrap .readyContent .readyImgBox img{width: 100%;}


/* 221013 */
.only_pc {}
.application_search {padding: 90px; background-color: #f7f7f7;}
.application_search .search_container {display: table; width: 100%; table-layout: fixed;}
.application_search .search_container .left_box {display: table-cell; width: 50%; padding: 0 23px 0 0; text-align: center; vertical-align: middle;}
.application_search .search_container .left_box .contents_wrapper {text-align: center;}
.application_search .search_container .left_box .contents_wrapper .img_wrapper {}
.application_search .search_container .left_box .contents_wrapper .img_wrapper img {}
.application_search .search_container .left_box .contents_wrapper .title {margin: 13px 0 0; font-weight: 500; font-size: 34px; line-height: 50px; color: #333;}
.application_search .search_container .left_box .contents_wrapper .text {margin: 17px 0 0; font-weight: 400; font-size: 16px; line-height: 26px; color: #6e6e6e;}
.application_search .search_container .left_box .contents_wrapper .text .green {display: inline-block; color: #329734;}
.application_search .search_container .right_box {display: table-cell; position: relative; width: 50%; padding: 0 0 0 23px; text-align: center; vertical-align: middle;}
.application_search .search_container .right_box:before {content:''; display: inline-block; position: absolute; top: 50%; left: 0; width: 1px; height: 250px; background-color: #e4e4e4; transform: translateY(-50%);}
.application_search .search_container .right_box .search_form {}
.application_search .search_container .right_box .search_form .form_list {}
.application_search .search_container .right_box .search_form .form_list .item {display: table; width: 100%; margin: 8px 0 0; table-layout: fixed;}
.application_search .search_container .right_box .search_form .form_list .item:first-child {margin: 0;}
.application_search .search_container .right_box .search_form .form_list .item label {display: table-cell; width: 75px; font-weight: 500; font-size: 16px; color: #494949; text-align: left;}
.application_search .search_container .right_box .search_form .form_list .item .input_wrapper {display: table-cell;}
.application_search .search_container .right_box .search_form .form_list .item .input_wrapper input[type="text"]{max-width: 370px;}
.application_search .search_container .right_box .btn_area {max-width: 445px; margin: 30px 0 0; padding: 0 0 0 75px; text-align: center;}

.link_tab {margin: 0 0 60px;}
.link_tab .item_list {margin: 0 -17px; font-size: 0;}
.link_tab .item_list .item {display: inline-block; width: 33.3333%; padding: 0 17px; vertical-align: top;}
.link_tab .item_list .item a {display: block; position: relative; border: 1px solid #329734; padding: 0 25px; border-radius: 5px;}
.link_tab .item_list .item a .text {display: inline-block; width: 100%; padding: 0 76px 0 37px; background-position: left center; background-size: 27px auto; background-repeat: no-repeat; font-weight: 500; font-size: 16px; line-height: 75px; color: #191919;}
.link_tab .item_list .item.link01 a .text {background-image: url('/festival/2025/resources/images/festival/kor/user/sub/icon_link01.png');}
.link_tab .item_list .item.link02 a .text {background-image: url('/festival/2025/resources/images/festival/kor/user/sub/icon_link02.png');}
.link_tab .item_list .item.link03 a .text {background-image: url('/festival/2025/resources/images/festival/kor/user/sub/icon_link03.png');}
.link_tab .item_txt {margin: 15px 0 0; font-weight: 500; font-size: 16px; color: #494949;} 

.link_tab .item_list .item.link03 a {border: 1px solid #193658; background-color: #193658;}
.link_tab .item_list .item.link03 a .text {color: #fff;}

.link_tab .item_list .item a .shortcut_tag {display: inline-block; position: absolute; top: 50%; right: 25px; padding: 0 10px; background-color: #329734; font-weight: 500; font-size: 15px; line-height: 24px; color: #fff; border-radius: 12px; transform: translateY(-50%);}
.link_tab .item_list .item.link03 a .shortcut_tag {background-color: #fff; color:#193658;}

.link_tab .item_list .item a:hover {background-color: #329734;}
.link_tab .item_list .item.link03 a:hover {background-color: #1c4a7f;}
.link_tab .item_list .item a:hover .text {color: #fff;}
.link_tab .item_list .item a:hover .shortcut_tag {background-color: #fff; color: #329734;}
.link_tab .item_list .item.link03 a:hover .shortcut_tag {color: #1c4a7f;}
.link_tab .item_list .item.link01 a:hover .text {background-image: url('/festival/2025/resources/images/festival/kor/user/sub/icon_link01_hover.png');}
.link_tab .item_list .item.link02 a:hover .text {background-image: url('/festival/2025/resources/images/festival/kor/user/sub/icon_link02_hover.png');}
/* 221013 */
/*참여기관*/
.inst_logo {margin: 40px 0 0;}
.inst_logo .logo_list {margin: 50px 0 0;}
.inst_logo .logo_list:first-child {margin: 0;}
.inst_logo .item_list {margin: 15px -10px; font-size: 0;}
.inst_logo .item_list li {display: inline-block; width: 20%; padding: 0 10px; vertical-align: top;}
.inst_logo .item_list li:nth-child(n + 6) {margin: 20px 0 0;}
.inst_logo .item_list li .img_wrapper {border: 1px solid #e0e0e0;}
.inst_logo .item_list li .img_wrapper img {width: 100%;}
/*//참여기관*/


.pop_up_wrap {display: none;}
.pop_up_wrap.coming_soon {display: none;}
.pastival_txt_list_area {}
.pastival_txt_list_area > .list {}
.pastival_txt_list_area > .list > li {margin: 0 0 100px;}
.pastival_txt_list_area > .list > li:last-child {margin: 0;}
.pastival_txt_list_area > .list > li.bg_1 {}
.pastival_txt_list_area > .list > li.bg_2 {}
.pastival_txt_list_area > .list > li .box {position:relative; padding: 209px 75px 0;}
.pastival_txt_list_area > .list > li .box .title_area {position:absolute; top: 0; left: 0; right: 0; padding: 64px 30px 120px 115px; background-size: cover; background-repeat: no-repeat; font-family: 'gongGothic'; font-weight: 700; font-size: 28px; line-height: 45px; color: #ffffff; z-index: -1;}
.pastival_txt_list_area > .list > li.bg_1 .box .title_area {background-image: url('/festival/2025/resources/images/festival/kor/user/sub/past_bg1.png');}
.pastival_txt_list_area > .list > li.bg_2 .box .title_area {background-image: url('/festival/2025/resources/images/festival/kor/user/sub/past_bg2.png');}
.pastival_txt_list_area > .list > li.bg_1 .box .title_area .ft_c {color: #fff55c;}
.pastival_txt_list_area > .list > li.bg_2 .box .title_area .ft_c {color: #93daff;}
.pastival_txt_list_area > .list > li .box .text_box {padding: 32px 40px 56px; background-color: #ffffff; background-position: right 100px bottom; background-repeat: no-repeat; font-weight: 300; font-size: 18px; line-height: 32px; color: #333333;}
.pastival_txt_list_area > .list > li.bg_1 .box .text_box {background-image: url('/festival/2025/resources/images/festival/kor/user/sub/past_tit1.png'); background-size: 244px 28px;}
.pastival_txt_list_area > .list > li.bg_2 .box .text_box {background-image: url('/festival/2025/resources/images/festival/kor/user/sub/past_tit2.png'); background-size: 148px 25px;}
/*개막식*/
.ceremony_wrap {}
.ceremony_wrap .video_wrap {position: relative; padding: 0 0 50px;}
.ceremony_wrap .video_wrap:after {content:''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 394px; background-color: #f4f4f4; z-index: -1;}
.ceremony_wrap .video_wrap .video_inner {max-width: 990px; position: relative; margin: 0 auto;}

.ceremony_wrap .video_wrap .video_inner .embed-responsive {overflow: hidden;  display: block; position: relative; height: 0; padding-bottom: 56.25%;}
.ceremony_wrap .video_wrap .video_inner .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0;}

.ceremony_info_wrap {}
.ceremony_info_wrap .info_list {}
.ceremony_info_wrap .info_list > li {display: table; table-layout: fixed; width: 100%; border-bottom: 1px solid #e1e1e1; padding: 48px 0; vertical-align: top;}
.ceremony_info_wrap .info_list > li:last-child {border-bottom: 0;}
.ceremony_info_wrap .info_list > li .left_txt_box {display: table-cell; width: 640px; vertical-align: top;}
.ceremony_info_wrap .info_list > li .left_txt_box .left_txt {display: inline-block; position: relative; padding: 0 0 0 75px; font-family: "gongGothic"; font-weight: 400; font-size: 30px; line-height: 48px; color: #1d1d1d;}
.ceremony_info_wrap .info_list > li .left_txt_box .left_txt .ft_green {color: #329734;}
.ceremony_info_wrap .info_list > li .left_txt_box .left_txt:before {content: ''; position: absolute; top: 0; left: 0; width: 48px; height: 48px; display: block; font-family: "gongGothic"; font-weight: 400; font-size: 18px; line-height: 48px; color: #fff; background-color: #329734; border-radius: 50%; text-align: center;}
.ceremony_info_wrap .info_list > li .left_txt_box .left_txt.num1:before {content: '01'}
.ceremony_info_wrap .info_list > li .left_txt_box .left_txt.num2:before {content: '02'}
.ceremony_info_wrap .info_list > li .left_txt_box .left_txt.num3:before {content: '03'}
.ceremony_info_wrap .info_list > li .right_txt_box {display: table-cell; width: 100%; vertical-align: top;}
.ceremony_info_wrap .info_list > li .right_txt_box .right_txt {display: block; margin: 0 0 10px; font-family: "Noto Sans KR"; font-weight: 500; font-size: 18px; line-height: 32px; color: #333333;}
.ceremony_info_wrap .info_list > li .right_txt_box .right_info_list {}
.ceremony_info_wrap .info_list > li .right_txt_box .right_info_list > li {display: table; table-layout: fixed; width: 100%; margin: 3px 0 0; padding: 0 0 0 4px; vertical-align: top;}
.ceremony_info_wrap .info_list > li .right_txt_box .right_info_list > li:first-child {margin: 0;}
.ceremony_info_wrap .info_list > li .right_txt_box .right_info_list > li .right_tit {display: table-cell; width: 94px; vertical-align: top; }
.ceremony_info_wrap .info_list > li .right_txt_box .right_info_list > li .right_tit .right_tit_inner {display: block; width: 94px; font-family: "Noto Sans KR"; font-size: 17px; line-height: 28px; color: #333333; background-color: #f0f0f0; border-radius: 15px; text-align: center; vertical-align: top; }
.ceremony_info_wrap .info_list > li .right_txt_box .right_info_list > li .right_txt {display: table-cell; width: 100%; padding: 0 0 0 12px; vertical-align: top;} 
.ceremony_info_wrap .info_list > li .right_txt_box .right_logo_list {font-size: 0; vertical-align: top;} 
.ceremony_info_wrap .info_list > li .right_txt_box .right_logo_list > li {display: inline-block; margin: 2px 0 0 5px; border: 1px solid #e6e6e6;} 
.ceremony_info_wrap .info_list > li .right_txt_box .right_logo_list > li:first-child {margin: 0;}



/* 20250831 추가 */
.location_view .map {max-width: 1200px;margin: 0 auto 50px;width: 90%;}
.location_view .map .cont       { display: none !important; }
.root_daum_roughmap {width: 100%!important;}
.location_view .direct_btn_wrap {max-width: 1200px;margin: 0 auto;display: flex;justify-content: center;width: 90%;position: relative;z-index: 5;}
.location_view .direct_btn_wrap a {padding: 44px 41px;max-width: 405px;width: 45%;border-radius: 33px;margin: 0 20px;}
.location_view .direct_btn_wrap a.direct_btn01 {background: url(/festival/2025/resources/images/festival/kor/user/sub/ico_car.png) no-repeat right 15% center #0f167c;}
.location_view .direct_btn_wrap a.direct_btn02 {background: url(/festival/2025/resources/images/festival/kor/user/sub/ico_parking.png) no-repeat right 15% center #0a3894;}
.location_view .direct_btn_wrap a span {font-size: 24px;color: #fff;font-weight: 700;}
.location_view .direct_btn_wrap a span::after {content: '';width: 18px;height: 16px;display:block;margin-top:15px;background: url(/festival/2025/resources/images/festival/kor/user/sub/direct_btn_arrow.png) no-repeat center;}

/* 20250831 추가 끝 */