@charset "utf-8";

/* header */
header{position: absolute; z-index: 21;  left: 0; top:0; width: 100%; height: 120px; background-color:transparent; transition: 0.1s;}
header.pos.fixed{position: fixed; z-index: 99; height: 80px; background: #fff; transition: 0.4s;}
header .inner .homepage_link{position: absolute; top: 24px; display: block; z-index: 4; text-indent: -9999px; width: 139px; height: 24px; background: url(../img/logo_homelink_wh.png) 0 0 / 100% 100% no-repeat;}
header.header_black .inner .homepage_link{background-image: url(../img/logo_homelink_bk.png);}
header .inner nav{display: flex; align-items: center; position: relative; top:80px;}
header .inner nav > ul{display: flex; justify-content: flex-start; align-items: center;}
header .inner nav > ul li{margin-right: 40px;}
header .inner nav > ul li:last-child{margin-right: 0;}
header .inner nav > ul li a{display: flex; align-items: center; font-size: 20px; font-weight: 700; color: #fff; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);}
header .inner nav .main_search{margin-left: auto; width: 32px; height: 32px; padding:0; background:url(../img/search_btn.png) no-repeat center / 32px 32px; border:0;}
header.header_black .inner nav .main_search{background-image: url(../img/search_btn_bk.png);}
header .inner nav .scroll .main_pick,
header.header_black .inner nav .main_pick {background: url(../img/icon_pick_off.png) no-repeat center / 32px 32px;}
header .inner nav .main_pick {background: url(../img/icon_pick_off_white.png) no-repeat center / 32px 32px; width: 32px; height: 32px; border: 0; padding: 0;  pointer-events: auto !important;}
header .inner nav .nav_pick {position: absolute; right: 52px; top: 50%; transform: translateY(-50%); height: 32px; z-index: 3;}
header .inner nav .main_pick_btn {background: url(../img/icon_pick_off.png) no-repeat center / 24px 24px; width: 24px; height: 24px; border: 0;}
header .inner nav .main_pick_bubble {display: none; border: 1px solid #000; background: #FFF; border-radius: 8px; position: absolute; right: -18px; top: 54px; width: 164px; padding: 26px 26px 16px 25px;}
header .inner nav .main_pick_bubble::after {content: ""; background: url(../img/icon_nav_pick.png) no-repeat center / cover; width: 16px; height: 13px; position: absolute; right: 25px; top: -13px;}
header .inner nav .main_pick_bubble p {text-align: center; font-weight: 400; font-size: 14px; line-height: 18px; color: #1A1A24; padding: 0 0 8px 0;}
header .inner nav .main_pick_bubble p strong {font-weight: 700;}
header .inner nav .main_pick_bubble a {font-weight: 700; font-size: 12px; line-height: 18px; color: #fff; width: 113px; height: 28px; background: #7A45E5; border-radius: 50px; display: flex; justify-content: center; align-items: center;}
header .inner nav .main_pick_close { position: absolute; top: 9px; right: 9px; background: url(../img/pick_close.png) no-repeat center / 16px 16px; width: 16px; height: 16px; border: 0;}


/* 서브 헤더 */
header.header_black .inner nav > ul li a{color: #333; text-shadow: none;}
header .inner nav ul.sub_menu li .home{display: block; width: 24px; height: 24px; background: url(../img/main_ico.png) 0 0 / 100% 100% no-repeat; text-indent: -9999px;}
header.header_black .inner nav ul.sub_menu li .home{background-image: url(../img/main_black_ico.png);}
header .inner nav ul.sub_menu li:first-child{position: relative;}
/* header .inner nav ul.sub_menu li:first-child::after{content: ''; display: inline-block; width: 1px; height: 16px; background: rgba(255,255,255,0.6); position: absolute; top: 50%; transform: translateY(-50%); right: -18px;} */
header.header_black .inner nav ul.sub_menu li:first-child::after{background: rgba(26, 26, 26, 0.6);}
header .inner nav ul.sub_menu li a.on{position: relative;}
header .inner nav ul.sub_menu li a.on::after{content: ''; position: absolute; bottom: -2px; left: 0; display: block; width: 100%; height: 2px; background-color: #7A45E5; }

/* 서브 헤더 - 스크롤 */
header .inner nav.scroll_theme{display: none; position: fixed; height: 80px; top:0; left:0; z-index: 99; width: 100%; background: #fff;}
header .inner nav .scroll{position: relative; display: flex; width: 928px; height: 100%; max-width: 100%; align-items: center; margin:0 auto;}
header .inner nav .scroll .home{display: flex; align-items: center; text-shadow: none; width: auto; height: 24px; padding-left: 35px; text-indent: 0; background: url(../img/main_black_ico.png) 0 0 / 24px 24px no-repeat; color: #333; font-weight: 700; font-size: 20px;}
header .inner nav .scroll .main_search{background-image: url(../img/search_btn_bk.png);}
/* header */

.m_visual{display: none;}

/* footer */
.scroll_footer{display: block;}
footer{width: 100%; background: #FFFFFF; border-top: solid 1px #E6E6EB; }
footer .footer_inner{max-width: 928px; margin:0 auto;}
footer .footer_inner .top_util{padding-bottom: 17px; border-bottom: solid 1px #E6E6EB ;}
footer .footer_inner .top_util_ul{padding-top: 37px;}
footer .footer_inner .top_util_ul::after{content: ''; display: block; clear: both;}
footer .footer_inner .top_util_ul li{float:left; margin-right: 12px;}
footer .footer_inner .top_util_ul li:last-child{margin-right: 0;}
footer .footer_inner .top_util_ul li a{font-size: 14px; font-weight: 400; color:#666670 ;}
footer .footer_inner .top_util_ul .term {color: #2c47dc; font-weight: 700;}
footer .footer_inner address{padding-top: 3px;}
footer .footer_inner address ul{padding-top: 6px;}
footer .footer_inner address ul::after{content: ''; display: block; clear: both;}
footer .footer_inner address ul li{float: left;  margin-right: 12px; font-size: 14px; font-weight: 400; color:#666670 ;}
footer .footer_inner address ul li:last-child{margin-right: 0;}
footer .footer_inner .footer_bottom{display: flex; align-items: center; padding: 18px 0 30px 0;}
footer .footer_inner .footer_bottom .copyright{margin-right: auto; font-size: 14px; font-weight: 400; color:#666670 ;}
footer .footer_inner .footer_bottom .family_f_logo{margin-left: auto; display: flex;; justify-content: space-between; align-items: center; }
footer .footer_inner .footer_bottom .family_f_logo .mo{display: none;}
footer .footer_inner .footer_bottom .family_f_logo li{margin-right: 30px;}
footer .footer_inner .footer_bottom .family_f_logo li:last-child{margin-right: 0;}

.wrap > section:first-of-type{padding-top: 130px;}
/* no visual festival */
.wrap.no_visual{/*padding-top: 85px;*/ position: relative;}

.wrap h2{font-size: 36px; font-weight: 700; color: #000; margin: 15px 0 24px;}
.wrap h2 em{font-weight: 400;}

.spacing-div {
    height: 85px; /* 또는 원하는 간격 */
    position: relative;
}


/* search */
.search_area{padding-top: 130px;}
.search_area .search_title{padding: 25px 0; font-size: 36px; font-weight: 400; color:#666670;}
.search_area .search_title span{font-weight: 600; color:#7A45E5 ;}
.search_area .fieldset form{position: relative;}
.search_area .fieldset span{display: flex; width: 100%;}
.search_area .fieldset span input{ align-items: center; width: 100%;   margin-top: 3px; border:solid 1px #00000A; border-radius: 8px; }
.search_area .fieldset .form_control{height: 56px; padding:0 46px 0 15px; border-radius: 8px; font-size: 16px; font-weight: 400; color:#00000A ;}
.search_area .fieldset button{position: absolute; top:19px; right: 20px; width: 24px; height: 24px; padding:0; background: url(../img/form_btn.png) no-repeat center; background-size: 24px 24px; border:0; }
.search_area .fieldset span.search_chk_area{justify-content: flex-start;}
.chbox_label{display: inline-flex; align-items: center; margin-top: 15px; font-size: 16px; color: #000;}
.chbox_label::before{content: ''; display: block; width:18px; height: 18px; margin-right: 8px; background: url(../img/chk_off_btn.png) no-repeat center; background-size: 18px 18px; }
.chbox_label.on::before{content: ''; display: block; width:18px; height: 18px; margin-right: 8px; background: url(../img/chk_on_btn.png) no-repeat center; background-size: 18px 18px; }
.search_slide_wrap{padding-top:130px; text-align:center;}
.search_slide_wrap.main_section{padding-top:0 !important;}
.search_slide_wrap.main_festival_section{padding-top:0 !important;}
.search_slide_wrap.main_festival_section .visual_height{height:840px}
.search_slide_wrap.main_festival_section .tab_area.festival_list{padding-top:142px;padding-bottom:38px}
.search_slide_wrap.main_festival_section .inner_full .visula_bg{overflow:hidden;}
.search_slide_wrap.main_festival_section .inner_full .visula_bg .visula_content_box{margin:0}
.search_slide_wrap .slide_tit{font-size:32px;font-weight:400;color: #1A1A24;line-height:40px;text-align:left; margin: 0;}
.search_slide_wrap .slide_tit em{font-weight:700}
.search_slide_wrap .tab_area.festival_list{padding-top:152px; padding-bottom: 21px;}
.search_slide_wrap .tab_area{margin-top:-20px;}
.search_slide_wrap .tab_area::after{content:'';display:block;clear:both;}
.search_slide_wrap .tab_area li{float:left;position:relative;margin-right:16px;padding-right:16px;}
.search_slide_wrap .tab_area li:last-child{margin-right:0;padding-right:0;}
.search_slide_wrap .tab_area li::after{content:'';position:absolute;right:0;top:50%;width:1px;height:24px;margin-top:-12px;background:#1a1a24;opacity:0.4;}
.search_slide_wrap .tab_area.festival_list li::after{content:'';position:absolute;right:0;top:50%;width:1px;height:24px;margin-top:-12px;background:#1A1A24;opacity:0.4;}
.search_slide_wrap .tab_area li:last-child:after{display:none;}
.search_slide_wrap .tab_area li.calendar a{display: block; margin-top: 4px; opacity: 1; width: 40px; height: 40px; background: url(../img/calendar/icon_bigcal.png) 0 0 / 100% 100% no-repeat; text-indent: -9999px;}
.search_slide_wrap .tab_area a{font-size:40px;color:#1a1a24;line-height:48px;opacity:0.4;}
.search_slide_wrap .tab_area.festival_list a{position: relative; z-index: 4; font-size:40px;color:#1A1A24;line-height:48px;opacity:0.4;}
.search_slide_wrap .tab_area .active a{font-weight:600;opacity:1;}
.search_slide_wrap .search_box_wrap{display:flex;}
.search_slide_wrap .search_box_wrap .select_box{flex:1;position:relative;margin-right:12px;}
.search_slide_wrap .search_box_wrap .select_box:last-child{margin-right:0;}
.search_slide_wrap .search_box_wrap .select_box select{width:100%;height: 48px;padding: 0 0 0 52px;border:1px solid #000;border-radius:8px;background:transparent url(../img/select_ico.svg) no-repeat right 20px center / 24px;-webkit-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none; font-size: 16px; font-weight: 400; color: #00000A;}
.search_slide_wrap .search_box_wrap .select_box select option{width: 100% !important;}
.search_slide_wrap .search_box_wrap .select_box.select_date{background:url(../img/date_ico.svg) no-repeat 20px center / 24px;}
.search_slide_wrap .search_box_wrap .select_box.select_area{background:url(../img/area_ico.svg) no-repeat 20px center / 24px;}
.search_slide_wrap .search_box_wrap .select_box.select_cate{background:url(../img/cate_ico.svg) no-repeat 20px center / 24px;}
.search_slide_wrap .search_box_wrap .select_box.select_date.on{background-image:url('../img/date_ico_on.svg');}
.search_slide_wrap .search_box_wrap .select_box.select_area.on{background-image:url('../img/area_ico_on.svg');}
.search_slide_wrap .search_box_wrap .select_box.select_date.on select,
.search_slide_wrap .search_box_wrap .select_box.select_area.on select,
.search_slide_wrap .search_box_wrap .select_box.select_cate.on select{color:#7A45E5;}
.search_slide_wrap .tag_box{overflow:hidden;position:relative;}
.search_slide_wrap .tag_box .swiper-wrapper{padding:28px 0;box-sizing:border-box;}
.search_slide_wrap .tag_box .swiper-wrapper .swiper-slide{float:left;width:auto;}
.search_slide_wrap .tag_box .swiper-wrapper .swiper-slide input{display:none;}
.search_slide_wrap .tag_box .swiper-wrapper .swiper-slide a{display:block;}
.search_slide_wrap .tag_box .swiper-wrapper .swiper-slide p{position:relative;width:32px;margin:0 auto;}
.search_slide_wrap .tag_box .swiper-wrapper .swiper-slide img{width:32px;height:32px;-webkit-filter:grayscale(100%) brightness(1.6);filter:grayscale(100%) brightness(1.6);}
.search_slide_wrap .tag_box .swiper-wrapper .swiper-slide span{display:block;padding-top:3px;font-size:12px;font-weight:500;color:#9999A3;line-height:16px;white-space:nowrap;}
.search_slide_wrap .tag_box .swiper-wrapper .swiper-slide a.active img{-webkit-filter:grayscale(0) brightness(1); filter:grayscale(0) brightness(1);
    -moz-filter:grayscale(0) brightness(1);-o-filter:grayscale(0) brightness(1);-ms-filter:grayscale(0) brightness(1);-webkit-transform: translateZ(0);-webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;}
.search_slide_wrap .tag_box .swiper-wrapper .swiper-slide .active span{color:#7a45e5;}
.search_slide_wrap .tag_box .swiper-tag-prev{-webkit-box-pack:start;-moz-box-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;justify-content:flex-start;position:absolute;top:50%;left:0;z-index:1;margin-top:-36px;width:64px;height:72px;background:url(../img/btn_prev_bg.png)no-repeat 50% / 64px 72px;color:transparent;cursor:pointer;text-indent:-9999px;}
.search_slide_wrap .tag_box .swiper-tag-next{-webkit-box-pack:end;-moz-box-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;justify-content:flex-end;position:absolute;top:50%;right:0;z-index:1;margin-top:-36px;width:64px;height:72px;background:url(../img/btn_next_bg.png)no-repeat 50% / 64px 72px;color:transparent;cursor:pointer;text-indent:-9999px;}
.search_slide_wrap .tag_box .swiper-tag-prev::after{content:''; display: flex; position:absolute;left:0%;width:32px;height:37px;background:url(../img/btn_prev.png)no-repeat center / 32px 37px;text-indent:-9999px;color:transparent;}
.search_slide_wrap .tag_box .swiper-tag-next::after{content:'';display: flex; position:absolute;right:0%;width:32px;height:37px;background:url(../img/btn_next.png)no-repeat center  / 32px 37px;text-indent:-9999px;color:transparent;}
.search_slide_wrap .tag_box .swiper-tag-prev.swiper-button-disabled, .tag_box .swiper-tag-next.swiper-button-disabled{display:none !important;}
.search_slide_wrap .tag_box .swiper-notification{display:none;}
.search_slide_wrap .btn_search{padding:15px 73px 13px 39px;border:0;border-radius:8px;background:#7a45e5;font-size:20px;font-weight:600;color:#fff;line-height:20px;}
.search_slide_wrap .btn_reset{display:inline-block;padding:11px 10px;margin-right: 12px; border:0;border-radius:8px;background: #FFF url(../img/reset_ico.png) no-repeat 50% 50% / 20px; border: 1px solid #CCCCD1;font-size:20px;font-weight:600;color:#666670;line-height:20px;vertical-align: top;}
.search_slide_wrap .btn_search span{position:relative;}
.search_slide_wrap .btn_reset span{position: relative;font-size:10px;color:transparent;white-space: nowrap;}
/* .search_slide_wrap .btn_reset span::after{content:'';position:absolute;right:-32px; top:50%;transform: translateY(-50%); width:21px;height:20px;margin-top:0px;background:url(../img/reset_ico.png) no-repeat 50% 50% / 20px;} */
.search_slide_wrap .btn_search span::after{content:'';position:absolute;right:-32px;top:50%;transform: translateY(-50%); width:20px;height:20px; background:url(../img/search_ico.svg) no-repeat 50% 50% / 20px;}

/* search-layer */
/* 검색창 기본 상태 */
.search_box {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    display: block; /* 항상 DOM에 유지 */
    position: absolute;
    z-index: 4;
    left: 0;
    top: 0;
    width: 100%;
    padding: 40px 48px;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0px 8px 16px rgba(20, 25, 50, 0.08);
    border-radius: 8px;
}

/* 검색창 보일 때 */
.search_box.show {
    visibility: visible;
    opacity: 1;
}


.search_box fieldset{position: relative; width: calc(100% - 87px); border-left: 0; border-right: 0; border-top: 0;border: 0;margin: 0;padding: 0;}
.search_box fieldset input{width: 100%; padding-right: 40px; padding-left: 16px;  font-size: 18px; font-weight: 400;     color: #1A1A24; border:0;}
.search_box fieldset button{position: absolute; top:0; right: 0;  width: 24px; height: 24px; padding:0; background:url(../img/search_box_btn.png) no-repeat center;border:0; background-size: 24px 24px; }

.search_box .search_list_area{display: flex; margin-top: 40px;}
.search_box .search_list_area strong{color: #1A1A24; font-size: 18px; display: block; margin-bottom: 16px;}
.search_box .search_list_area a{color: #666670;}
.search_box .search_list_area .last{border-right: 1px solid #E6E6EB; width: 33%; flex-shrink: 0; padding-right: 30px;}
.search_box .search_list_area .last p{color: #666670;}
.search_box .search_list_area .last li {display: flex; align-items: center; width: 100%; justify-content: space-between; margin-bottom: 20px;}
.search_box .search_list_area .last li:last-child{margin-bottom: 0;}
.search_box .search_list_area .last li a{width: 100%; margin-right: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.search_box .search_list_area .last li button{width: 16px; height: 16px; flex-shrink: 0; padding: 0; border: none; background: url(../img/ico_searchlist_close.png) 0 0 / 100% 100% no-repeat; text-indent: -9999px; display: block;}

.search_box .search_list_area .popular{padding-left: 48px; width: 67%; position: relative;}
.search_box .search_list_area .popular p{position: absolute; top: 5px; right: 0; color: #80808A; font-size: 12px;}
.search_box .search_list_area .popular p::before{content: ''; display: inline-block; vertical-align: -3px; margin-right: 4px; width: 14px; height: 14px; background: url(../img/ico_notice.png) 0 0 / 100% 100% no-repeat;}
.search_box .search_list_area .popular ul{display: grid; row-gap: 20px; grid-auto-flow: column dense; grid-template-rows: repeat(5, auto); grid-template-columns: repeat(2, 50%);}
.search_box .search_list_area .popular li{padding-right: 20px;}
.search_box .search_list_area .popular a{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;}
.search_box .search_list_area .popular a span{width: 24px; display: inline-block; text-align: center; color: #4D4D57; font-weight: 700; margin-right: 4px;}
.search_box .search_list_area .popular li:first-child .num, .search_box .search_list_area .popular li:nth-child(2) .num, .search_box .search_list_area .popular li:nth-child(3) .num{color: #7A45E5;}


.search_box .search_box_close{position: absolute; right: 50px; bottom:-20px; width: 40px; height: 40px; padding:0; border: 1px solid #FFFFFF; border-radius: 50%; background: #000;}
.search_box .search_box_close::after{content: ''; display: flex; width: 14px; height: 14px; margin:auto; background: url(../img/search_box_close_btn.png) no-repeat center; background-size: 14px 14px; }
.search_detail_area{display: flex; align-items: center; padding-bottom: 14px; border-bottom: 1px solid #1A1A24; }
.selectBox2 * { box-sizing: border-box; }
.selectBox2 {position: relative;width: calc(100% - 198px);height: 24px;margin-left: auto;border-radius: 4px;background: #163669;background-size: 20px;cursor: pointer;}
.selectBox2.size {position: relative;width: calc(100% - 321px);height: 24px;margin-left: auto;border-radius: 4px;background: #163669;background-size: 20px;cursor: pointer;}
.selectBox2.size2 {position: relative;width: 87px;height: 24px;margin-left: auto;background-color:transparent; cursor: pointer;}
.selectBox2:after {content: '';display: block; width: 2px;height: 100%; position: absolute; top: 0; }
.selectBox2 .label {display: flex; align-items: center; position: relative;width: 100%;height: 24px; padding:0; background-color:transparent;    border: 0 ; border-radius: 4px; cursor: pointer; text-align: left; font-size: 14px; font-weight: 700; color:#1A1A24; ;}
.selectBox2 .label::after{content: ''; display: block; position: absolute; top:50%; transform: translateY(-50%); right:0; width: 16px; height: 16px;  background:url('../img/select_down_ico.png') no-repeat center; background-size: 16px 16px;}
.selectBox2.active .label::after{content: ''; display: block; position: absolute; top:50%; transform: translateY(-50%); right:0; width: 16px; height: 16px;  background:url('../img/select_up_icon.png') no-repeat center; background-size: 16px 16px;}
.selectBox2 .optionList {overflow: hidden; display: block;  max-height: 0; position: absolute;visibility:hidden;z-index: 5;top: 30px;left: -4px;width: 100%;background: #fff; color: rgba(207, 209, 217, 1); border: 1px solid #E6E6EB; box-shadow: 0px 8px 16px rgba(20, 25, 50, 0.08); border-radius: 4px; font-size: 14px;font-weight: 400; color: #1A1A24; list-style-type: none;padding: 0;transition: .2s ease-in;}
.selectBox2.active .optionList {visibility:visible ; width: 87px; max-height: 500px; padding:8px 0;}

.selectBox2.active .optionList{ scrollbar-width: thin; scrollbar-color: #232C3F transparent; border-radius: 10px;}
.selectBox2 .optionItem{display: flex; align-items: center; width: 100%; height: 32px; padding-left: 10px; line-height: normal;  transition: .1s;}
.selectBox2 .optionItem button{background-color:transparent; border:0; padding:0; margin:0; color: #1A1A24; font-size: 14px;}
.selectBox2 .optionItem:hover {background: #F2F2F7; font-size: 14px; font-weight: 700; color:#1A1A24 ;}
.selectBox2 .optionItem:hover button{font-weight: 700;}
.selectBox2 .optionItem:last-child {border-bottom: 0 none;}
/* search */

/* theme_detail */
/*.inner.theme_detail{padding-top: 130px;}*/
.editor{width: 100%;  margin-top: 25px;}
.editor_box{min-height: 800px;}
.editor img{max-width:100%; margin:0 auto; display:inherit;}

/* visual */
.visual_height{height: 720px;}
.visual .inner_full .visula_bg{width: 100%; height: 100%;}
.visual .inner_full .visula_bg .mark_content{display: none;}
.visual .inner_full .visula_bg.mark .mark_content{display: block; position: absolute; z-index: 2; top:0; left:0; width: 100%; height: 100%;}
.visual .inner_full .visula_bg.mark .mark_content .mark_cotent_top{position: absolute; top:0; left:0; width: 496px; height: 306px; background: url(../img/mark_top_bg.png) no-repeat center; background-size: 496px 306px; }
.visual .inner_full .visula_bg.mark .mark_content .mark_cotent_bottom{position: absolute; bottom:-4px; right:0; width: 316px; height: 250px; background: url(../img/mark_bottom_bg.png) no-repeat center; background-size: 316px 250px; }
.visual .inner_full .visula_bg .dim{position: absolute; left:0; top:0; width: 100%; height: 160px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);}
.poster_title .visula_content_box{position: relative; }
.poster_title .visula_content_box .festival_title{position: relative; padding-top:48px;}
.poster_title .visula_content_box .festival_title .sub_title {display:block;margin-bottom:16px;font-size:24px; font-weight: 700;color: #00000A;line-height:32px;letter-spacing:-1px;}
.poster_title .visula_content_box .festival_title h2{font-size: 40px; font-weight: 800; color: #00000A; line-height: 48px; letter-spacing: -1px;}
.poster_title .visula_content_box .festival_subinfo{display: flex; margin: 24px 0;}
.poster_title .visula_content_box .timer-area{display: table; padding:10px 18px; background-color:#7A45E5; backdrop-filter: blur(10px);border-radius: 8px; isolation: isolate;}
.poster_title .visula_content_box .timer-area.open {background-color: #E60A59; }
.poster_title .visula_content_box .timer-area.end {background-color: #33333D; }
.poster_title .visula_content_box .timer-area.cancel {background-color: #767676; }
.poster_title .visula_content_box .timer-area.undetermined {background-color: #cb1cb8; }
.poster_title .visula_content_box .timer-area p{display: table-cell; vertical-align: middle; color: #fff;}
.poster_title .visula_content_box .timer-area p.time_num{font-size: 20px; font-weight: 700;line-height: 20px;}
.poster_title .visula_content_box .timer-area p.time_font_area{font-size: 20px; font-weight: 600; padding-left: 4px;}
.poster_title .visula_content_box .timer-area p.time_font_area span{padding:0 8px}
.poster_title .visula_content_box .weather{width: 136px; padding: 0 15px; margin-left: 24px; display: flex; align-items: center; border-radius: 8px; background-color: #DBF7FF; border: 1px solid #62ABBF;}
.poster_title .visula_content_box .weather.sunny{background-color: #FFEFF2; border-color: #E78699;}
.poster_title .visula_content_box .weather.cloud{background-color: #F0F0F0; border-color: #B1B1B1;}
.poster_title .visula_content_box .weather .weather_type{width: 26px; margin-right: 10px;}
.poster_title .visula_content_box .weather span{font-size: 17px; font-weight: 500;}
.poster_title .visula_content_box .weather .low{color: #2572E4; position: relative; padding-right: 6px;}
.poster_title .visula_content_box .weather .low::after{content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: inline-block; width: 1px; height: 10px; background-color: #9999A3;}
.poster_title .visula_content_box .weather .high{color: #E50A59; padding-left: 6px;}
.poster_title .visula_content_box .schedule{display: table;}
.poster_title .visula_content_box .schedule span:last-child{display: table-cell; vertical-align: middle;  font-size: 16px; font-weight: 700; color: #00000A;}
.poster_title .visula_content_box .location{display: table; }
.poster_title .visula_content_box .location span:first-child{display: table-cell; vertical-align: middle; width: 24px; height: 24px; background: url(../img/location_ico.png) no-repeat center; background-size: 24px 24px;}
.poster_title .visula_content_box .location span:last-child{display: table-cell; vertical-align: middle; padding-left: 8px; font-size: 16px; font-weight: 600; color: #fff;}
/* .visual .inner_full .visula_bg .visula_content_box a{display: flex; justify-content: center; align-items: center; width: 446px; height: 48px; border:solid 1px #fff; border-radius: 8px; isolation: isolate; text-align: center; }
.visual .inner_full .visula_bg .visula_content_box a span:first-child{font-size: 16px; font-weight: 600; color: #fff;}
.visual .inner_full .visula_bg .visula_content_box a span:last-child{ width: 25px; height: 24px; padding-left: 16px; background:url(../img/homepage_ico.png) no-repeat center; background-size: 25px 24px;  } */
/* //visual */

/* 좋아요, 공유하기, 조회수 */
.poster_slide .inner .like_share_cnt_box{display: flex; justify-content: flex-start; position: relative; z-index: 20; padding: 10px 0;}
.poster_slide .inner .like_share_cnt_box li{display: flex; align-items: center;}
.poster_slide .inner .like_share_cnt_box li span{font-size: 16px; font-weight: 400; color: #000; }
.poster_slide .inner .like_share_cnt_box li:first-child{padding-right: 15px;}
.poster_slide .inner .like_share_cnt_box li:first-child button.off{width: 24px; height: 24px; padding:0; margin-right: 8px; background:url(../img/hart_off_btn.png) no-repeat center;background-size: 24px 24px; background-color: transparent; border:0; }
.poster_slide .inner .like_share_cnt_box li:first-child button.on{width: 24px; height: 24px; padding:0; margin-right: 8px; background:url(../img/hart_of_btn.png) no-repeat center; background-size: 24px 24px; background-color: transparent; border:0; }
.poster_slide .inner .like_share_cnt_box li .share_box{display: none; position: absolute; z-index: 2; top:45px; left:0; width: 244px; padding:19px 24px 10px 24px; box-sizing: border-box; background-color: #fff;  border: 1px solid #1A1A24; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1); border-radius: 8px; isolation: isolate;}
.poster_slide .inner .like_share_cnt_box li .share_box::before{content: ''; display: block; position: absolute; left:30%; transform: translateX(-50%); top:-10px; width:16px; height: 10px; background: url(../img/Subtract.jpg) no-repeat center; background-size: 16px 10px;}
.poster_slide .inner .like_share_cnt_box li .share_box strong{display: inline-block; font-size: 16px; font-weight: 600; color: #000;}
.poster_slide .inner .like_share_cnt_box li .share_box .share_close{position: absolute; top:19px; right: 13px; width: 16px; height: 17px; background: url(../img/share_close_btn.png) no-repeat center; background-size: 16px 17px;}
.poster_slide .inner .like_share_cnt_box li .share_box .share_box_ul::after{content: ''; display: block; clear: both;}
.poster_slide .inner .like_share_cnt_box li .share_box .share_box_ul{padding-top: 9px;}
.poster_slide .inner .like_share_cnt_box li .share_box .share_box_ul li{display: block; float: left; width: 22%;  padding-right: 0; margin-right: 4%;}
.poster_slide .inner .like_share_cnt_box li .share_box .share_box_ul li:nth-child(4){margin-right:0px;}
.poster_slide .inner .like_share_cnt_box li .share_box .share_box_ul li button{width: 40px; height: 41px; padding:0; margin:0; background-color:transparent; }
.poster_slide .inner .like_share_cnt_box li .share_box .share_box_ul li button.facebook{width: 40px; height: 41px; margin-bottom: 11px; background: url(../img/facebook_btn.png) no-repeat center; background-size: 40px 41px;}
.poster_slide .inner .like_share_cnt_box li .share_box .share_box_ul li button.twitter{width: 40px; height: 41px; margin-bottom: 11px; background: url(../img/twitter_bt.png) no-repeat center; background-size: 40px 41px;}
.poster_slide .inner .like_share_cnt_box li .share_box .share_box_ul li button.kakao{width: 40px; height: 41px; margin-bottom: 11px; background: url(../img/kakako_btn.png) no-repeat center; background-size: 40px 41px;}
.poster_slide .inner .like_share_cnt_box li .share_box .share_box_ul li button.stroy{width: 40px; height: 41px; margin-bottom: 11px; background: url(../img/kakao_stroy_btn.png) no-repeat center; background-size: 40px 41px;}
.poster_slide .inner .like_share_cnt_box li .share_box .share_box_ul li button.naver{width: 40px; height: 41px; background: url(../img/naver_btn.png) no-repeat center; background-size: 40px 41px;}
.poster_slide .inner .like_share_cnt_box li .share_box .share_box_ul li button.blog{width: 40px; height: 41px; background: url(../img/blog_btn.png) no-repeat center; background-size: 40px 41px;}
.poster_slide .inner .like_share_cnt_box li .share_box .share_box_ul li button.attach{width: 40px; height: 41px; background: url(../img/attach_btn.png) no-repeat center; background-size: 40px 41px;}
.poster_slide .inner .like_share_cnt_box li:nth-child(2){padding-right: 15px;}
.poster_slide .inner .like_share_cnt_box li:nth-child(2) button{width: 24px; height: 24px; padding:0; margin-right: 10px; background:url(../img/share_btn.png) no-repeat center; background-size: 24px 24px; background-color: transparent; border:0; }


/* 팝업 */
.inner_popup .slick-list{top:50%; transform: translateY(-50%) !important; height: 85vh;}
.events__swiper-btn {display: block; position: absolute; z-index: 10; right:4%;top: 55%; transform: translateY(-50%); width: 50px; height: 50px; background-color: #ececec; border-radius: 50%; isolation: isolate;cursor: pointer;}
.inner_popup .slick-list{padding:0 !important }
.swiper-container{width: 100%; }
.swiper-container.mobile{width: 100%; padding-left: 20px; }
.wrap-layer-popup {display: none; align-items: center;justify-content: center;position: absolute; z-index: 991;left: 0;top: 0;width: 100%;height: 100%;}
.abImg{position: absolute; z-index: 2; left: 0; top:0; width: 100%; height: 100%; background: rgba(225,225,225, 0.8);}
.wrap-layer-popup.popup-open {display: flex;}
.wrap-layer-popup.popup-open > .inner-layer-popup {opacity: 1;}
.wrap-layer-popup.prev-popup {z-index: 989;}
.wrap-layer-popup .inner-layer-popup {display: flex; flex-wrap: wrap; align-content: stretch; position: fixed; top:0;  width: 100%;  height: 100vh; border-radius: 5px; isolation: isolate; background-color: rgba(0,0,0,.55);}
.wrap-layer-popup .wrap-layer-popup-title {position: absolute; width: 100%;}
.wrap-layer-popup .wrap-layer-popup-title h1 {margin: 0;font-size: 18px;font-weight: 700;line-height: 30px; color: #000;}
.wrap-layer-popup .layer-popup-contents {width: 100%;height: 100%;}
.wrap-layer-popup .layer-popup-contents > .inner { box-sizing: border-box;}
.wrap-layer-popup .layer-popup-bottom { display: flex;width: 100%;}
.wrap-layer-popup .layer-popup-bottom button {width: 100%;height: 40px;border: 0;background-color: #666;color: #fff;box-sizing: border-box;border: 1px solid transparent;}
.wrap-layer-popup .layer-popup-bottom button[popup-cancle] {background-color: #fff;color: #000;border-top-color: #ccc;}
.scroll-lock {overflow: hidden;}
.wrapper { width: 600px;margin: 0 auto;}
.hidden {display: inline-block; overflow: hidden; position: relative;z-index: -1;  width: 1px;height: 1px;border: 0;clip: rect(1px,1px,1px,1px);clip-path: inset(50%); word-break: initial;word-wrap: initial;}
.btn-layer-close {position: absolute;right: 24px;top: 24px;width: 48px;height: 48px;padding: 0;background: transparent;border: 0;border-radius: 0; isolation: isolate;}
.btn-layer-close::before{content: ''; display: block; width: 48px; height: 48px; background:url(../img/popup_close_bnt.png) no-repeat center; background-size: 48px 48px; }

#closePopup {position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
#closePopup .pc{display: block;}
#closePopup .mo{display: none;}
#closePopup .dimmed { position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6);}
#closePopup .layerpop{position: relative; max-width: 500px; width: 100%; border-radius: 8px; overflow: hidden;}
#closePopup a{position: absolute; z-index: 10; cursor: pointer; bottom: 81px; left: 50%; transform: translateX(-50%); width: calc(100% - 76px); height: 76px; text-indent: -9999px;}
#closePopup .viewNone,
#closePopup .viewNone button {color: #4D4D57; font-size: 16px; line-height: 20px; font-weight: 400;}
#closePopup .viewNone { position: relative; height: 48px; padding: 14px 24px; background: #F2F2F7; display: flex; justify-content: space-between;}
#closePopup .viewNone button {background: none; border: none; padding: 0; text-decoration: underline; text-underline-offset: 2px;}
#closePopup input[type="checkbox"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0; display: block;}
#closePopup input[type="checkbox"] + label {position: relative; padding-left: 26px; display: inline-block; vertical-align: middle; min-height: 20px;}
#closePopup input[type="checkbox"]:focus + label{outline: 2px solid #000; outline: -webkit-focus-ring-color auto 5px;}
#closePopup input[type="checkbox"] + label:before {content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: url(../img/main/icon_check_none.png) 0 0 / 100% 100% no-repeat;}
#closePopup input[type="checkbox"]:checked + label:after {content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: url(../img/main/icon_checked.png) 0 0 / 100% 100% no-repeat;}


/* 슬라이드 영역 */
.slide_wrap{padding-top: 28px;}
.out_swiper{position: relative; width: 100%;overflow: hidden; }
.out_swiper .out_swiper_container .swiper-slide{ height: 288px; border-radius: 8px; isolation: isolate;}
.out_swiper .out_swiper_container .swiper-slide a{display: block; width: 100%; height: 100%; border:0; padding:0; border-radius: 8px; isolation: isolate; cursor: pointer; background-position: center !important;}
.out_swiper .arrow button{position: relative; padding:0; border:0;}
.out_swiper .arrow button .arrow_ico{position: absolute; width: 100%; height: 100%; }
.slide_inner .swiper-button-next{width: 48px; right:0px; top:-147px; height: 48px;}
.slide_inner .swiper-button-prev{width: 48px; left:0px; top:-147px; height: 48px;}
.slick-next{position: absolute; z-index: 2; right:24px; top:50%; transform: translateY(-50%); width: 48px; height: 48px; padding:0; border:0; background: url(../img/next_white_off_btn.png) no-repeat center; background-size: 48px 48px;  text-indent:-99999px}
.slick-next:hover{position: absolute; z-index: 2; right:24px; top:50%; transform: translateY(-50%); width: 48px; height: 48px; padding:0; border:0; background: url(../img/next_on_btn.png) no-repeat center; background-size: 48px 48px;  text-indent:-99999px;transition-duration: 0.5s;}
.slick-next:focus{position: absolute; z-index: 2; right:24px; top:50%; transform: translateY(-50%); width: 48px; height: 48px; padding:0; border:0; background: url(../img/next_on_btn.png) no-repeat center; background-size: 48px 48px;  text-indent:-99999px;transition-duration: 0.5s;}
.slick-prev{position: absolute; z-index: 2; left:24px; top:50%; transform: translateY(-50%); width: 48px; height: 48px; padding:0;  border:0; background: url(../img/pre_white_off_btn.png) no-repeat center; background-size: 48px 48px; text-indent: -99999px;}
.slick-prev:hover{position: absolute; z-index: 2; left:24px; top:50%; transform: translateY(-50%); width: 48px; height: 48px; padding:0;  border:0; background: url(../img/pre_on_btn.png) no-repeat center; background-size: 48px 48px; text-indent: -99999px; transition-duration: 0.5s;}
.slick-prev:focus{position: absolute; z-index: 2; left:24px; top:50%; transform: translateY(-50%); width: 48px; height: 48px; padding:0;  border:0; background: url(../img/pre_on_btn.png) no-repeat center; background-size: 48px 48px; text-indent: -99999px; transition-duration: 0.5s;}
.slide_inner .swiper-pagination{bottom: -44px !important;}
.swiper-button-next::after,
.swiper-button-prev::after {display: none;}
.slick-dots li button:before{display: none;}
.swiper-pagination-bullet { width: 8px !important; height: 8px !important; background: #CCCCD1 !important;  opacity: 1 !important; }
.slick-disabled{opacity: 0 !important; cursor: auto !important; pointer-events: none !important;}
.slick-dots li button:focus{outline: 2px solid #000; outline-offset: 1px;}
.slick-dots li button{width: 8px; height: 8px; padding:0; margin:0 4px; background: transparent; border-radius:50%; border:0; isolation: isolate;  opacity: 1; text-indent: -99999px; border: 1px solid #fff;}
.swiper-pagination-bullet-active { width: 24px !important; transition: width .5s !important;  background: #7A45E5 !important; border-radius: 5px !important;isolation: isolate !important; }
.slick-active button{width: 24px !important; transition: width .5s;  background: #fff !important;     border-radius: 5px !important; isolation: isolate;}
.slick-dots li{width: auto;}
.slide_inner .button-next{width: 48px; right:0px; top:-147px; height: 48px; position: absolute;}
.slide_inner .button-prev{width: 48px; left:0px; top:-147px; height: 48px; position: absolute;}
.arrow_ico{position: relative; width: 100%; height: 100%; padding:0;border:0; background-color:transparent; }
.arrow_ico img{position: absolute; top:0; left:0; width: 100%;}
/*.arrow_ico img:first-child{opacity: 0;}*/
.inner_popup .slick-initialized .slick-slide{display: flex; justify-content: center; align-items: center;}
.inner_popup .slick-initialized .slick-slide img{position: relative; max-width: 100%; max-height: 100%;  margin:0 auto; object-fit: cover;}
.slick-prev:before, .slick-next:before{display: none;}
.slick-dots{position: absolute; left:50%; transform: translateX(-50%); bottom:16px; display: flex !important; justify-content: center;}
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* 포스터 상세 */
.homepage_link_btn{display: flex; justify-content: center; align-items: center; position: relative; margin-top: 20px; bottom:0; width: 199px; height: 48px; backdrop-filter: blur(10px); border: 1px solid #CCCCD1; border-radius: 64px; }
.homepage_link_btn .fst{font-size: 16px; font-weight: 700; color:#1A1A24;}
.homepage_link_btn .lst{width: 24px; height: 24px; padding-left: 12px; background: url(../img/home_page_link.png) no-repeat center; background-size: 24px 24px;}
.poster_detail{padding-top: 17px;}
.poster_detail .inner .detail_img_box{width: 300px; height: 436px; border-radius: 8px; isolation: isolate;}
.poster_detail .inner .detail_img_box img{width: 100%; height: 100%; object-fit: cover; border-radius: 8px; isolation: isolate;}
.poster_detail .inner .m_more_btn{display: none;}
.poster_detail .inner .slide_content{font-size: 16px; font-weight: 500; line-height: 32px; color: #33333D;}
.poster_detail .inner .poster_info_content .slide_content.fst{padding-bottom: 32px;}
.poster_info_content{padding-bottom:30px; border-bottom:solid 1px #E6E6EB}
.poster_detail .inner .poster_detail_wrap{position: relative; margin-top:0px;}
.poster_detail .inner .poster_detail_title{display: block; padding-top: 48px;  font-size: 24px; font-weight: 700; color: #33333D;}
.poster_detail .inner .poster_detail_title.alio {text-indent: -9999px; background: url(../img/alio_icon.png) left bottom no-repeat; background-size: 153px 30px;}
.poster_detail .inner .poster_detail_title.youtube{margin-bottom: 15px;}
.poster_detail .inner .poster_detail_title.youtube::before{content: ''; display: inline-block; vertical-align: middle;  align-items: center; width: 24px; height: 25px; margin-right: 6px; background: url(../img/youtube_ico.png) no-repeat center; background-size: 24px 25px; }
.poster_detail .inner .poster_detail_area{display: flex; position: relative;  padding: 48px 0 48px 0; border-bottom: solid 1px #E6E6EB;}
.update_area span{width: 16px; height: 16px; padding-right: 6px; background: url(../img/update_ico.png) no-repeat center; background-size: 16px 16px;}
.poster_detail .inner .img_info_box{position: relative; flex:1; padding-left: 52px;}
.poster_detail .inner .img_info_box ul li{display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 16px;}
.poster_detail .inner .img_info_box ul li a {width: calc(100% - 60px);}
.poster_detail .inner .img_info_box ul li a.btn-popfood {display: flex; align-items: center;}
.poster_detail .inner .img_info_box ul li:last-child{margin-bottom: 0;}
.poster_detail .inner .img_info_box ul li .info_ico{position: relative;width: 48px; height: 48px; background-color:#F2F2F7; border-radius: 50%; isolation: isolate;}
.poster_detail .inner .img_info_box ul li .info_ico.data::before{content: ''; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width: 38px; height: 38px; background: url(../img/valentine_day.png) no-repeat center; background-size: 38px 38px;}
.poster_detail .inner .img_info_box ul li .info_ico.tell::before{content: ''; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width: 38px; height: 38px; background: url(../img/call_ico.png) no-repeat center; background-size: 38px 38px;}
.poster_detail .inner .img_info_box ul li .info_ico.instar::before{content: ''; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width: 34px; height: 34px; background: url(../img/instagram_ico.png) no-repeat center; background-size: 34px 34px;}
.poster_detail .inner .img_info_box ul li .info_ico.location::before{content: ''; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width: 38px; height: 38px; background: url(../img/location_ico.png) no-repeat center; background-size: 38px 38px;}
/* .poster_detail .inner .img_info_box ul li .info_ico.addr::before{content: ''; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width: 24px; height: 24px; background: url(../img/location_pin_ico.png) no-repeat center; background-size: 28px 28px;} */
.poster_detail .inner .img_info_box ul li .info_ico.partner::before{content: ''; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width: 34px; height: 34px; background: url(../img/megaphone_ico.png) no-repeat center; background-size: 34px 34px;}
.poster_detail .inner .img_info_box ul li .info_ico.price::before{content: ''; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width: 40px; height: 40px; background: url(../img/coin_ico.png) no-repeat center;background-size: 40px 40px;}
.poster_detail .inner .img_info_box ul li .info_ico.food::before{content: ''; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width: 36px; height: 36px; background: url(../img/food_ico.png) no-repeat center;background-size: 36px 36px;}
.poster_detail .inner .img_info_box ul li .info_content{width:calc(100% - 60px); padding-left: 12px; font-size: 16px; font-weight: 500; color: #1A1A24; line-height: 29px;}
.poster_detail .inner .map_wrap{position: relative; width: 100%; height: 302px; margin: 20px 0 48px 0;}
.poster_detail .inner .map_wrap .map_shortcut{display: flex; justify-content: center; align-items: center; position: absolute; z-index: 2; bottom:14px; right: 14px; width: 116px; height: 51px; background: #7A45E5; border-radius: 24px; font-size: 16px; color: #fff; font-weight: 600;}
.poster_detail .inner .map_wrap .map_shortcut span{display: inline-block; width: 18px; height: 17px; margin-left: 8px; background: url(../img/direction_btn.png) no-repeat center; background-size: 18px 17px;}
.poster_detail .inner .youtube_area{padding: 0; border-top:solid 1px #E6E6EB; border-bottom:solid 1px #E6E6EB;padding-bottom: 48px;}
.poster_detail .inner .youtube_area iframe{width: 100%; height: 522px; }
.poster_detail .inner .video_wrap{position: relative;}
.poster_detail .inner .video_wrap img{width:100%;height:522px;}
.poster_detail .inner .video_wrap .video_area{position: absolute;left: 0;top: 0;z-index: 10;width: 100%;height: 100%;}
.poster_detail .inner .related_posts{padding:0 0 44px 0; border-bottom:solid 1px #E6E6EB}
.poster_detail .inner .related_posts .related_ul{margin-top: 22px;}
.poster_detail .inner .related_posts .related_ul li{margin-bottom: 12px;}
.poster_detail .inner .related_posts .related_ul li:last-child{margin-bottom: 0;}
.poster_detail .inner .related_posts .related_ul li a{display: flex;flex-wrap: wrap; width: 100%; padding:19px 30px 19px 28px; box-sizing: border-box; background-color:#F7F7F7; border-radius: 8px; isolation: isolate;  }
.poster_detail .inner .related_posts .related_ul li a span:first-child{display: -webkit-box; overflow: hidden; width: 88%; margin-right: auto; margin-bottom: 0; justify-content: center; font-size:16px; font-weight: 600;-webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #1A1A24; line-height: 23px; }
.poster_detail .inner .related_posts .related_ul li a span:last-child{width: 24px; height: 24px; margin-left: auto;}
.poster_detail .inner .related_posts .related_ul li a span:last-child img{position: absolute; width: 18px; height: 18px;}
.poster_detail .inner .big_data{padding:0 0 48px 0; border-bottom:solid 1px #E6E6EB}
.poster_detail .inner .big_data_ul{display: flex; width: 100%; padding-top: 16px;}
.poster_detail .inner .big_data_ul li{width: 30%; margin-right: 5%;}
.poster_detail .inner .big_data_ul li:last-child{margin-right: 0;}
.poster_detail .inner .big_data_ul li a{display: flex; align-items: center;}
.poster_detail .inner .big_data_ul li a .ico{position: relative; width: 56px; height: 56px; border-radius: 30px; isolation: isolate; background-color:#F2F2F7;}
.poster_detail .inner .big_data_ul li a .data_content{padding-left: 18px;}
.poster_detail .inner .big_data_ul li a .data_content strong{display: inline-block; padding-bottom: 8px; font-size: 20px; font-weight: 700;}
.poster_detail .inner .big_data_ul li a .data_content p{display: -webkit-box; overflow: hidden; width: 200px; margin-right: auto; margin-bottom: 0; justify-content: center; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 16px;font-weight: 500; color:#666670;}
.poster_detail .inner .big_data_ul li a .asia::before{content: ''; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width: 56px; height: 56px; background: url(../img/asia.png) no-repeat center; background-size: 56px 56px;}
.poster_detail .inner .big_data_ul li a .coffee::before{content: ''; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width: 56px; height: 56px; background: url(../img/coffee.png) no-repeat center; background-size: 56px 56px;}
.poster_detail .inner .big_data_ul li a .korea::before{content: ''; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width: 56px; height: 56px; background: url(../img/korea.png) no-repeat center; background-size: 56px 56px;}
.poster_detail .inner .big_data_ul li a .western::before{content: ''; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width: 56px; height: 56px; background: url(../img/western.png) no-repeat center; background-size: 56px 56px;}
.poster_detail .inner .big_data_ul li a .japan::before{content: ''; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width: 56px; height: 56px; background: url(../img/japan.png) no-repeat center; background-size: 56px 56px;}
.poster_detail .inner .big_data_ul li a .china::before{content: ''; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width: 56px; height: 56px; background: url(../img/china.png) no-repeat center; background-size: 56px 56px;}
.poster_detail .inner .big_data_ul li a .family::before{content: ''; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width: 56px; height: 56px; background: url(../img/family.png) no-repeat center; background-size: 56px 56px;}
.poster_detail .inner .big_data_ul li a .exotic::before{content: ''; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width: 56px; height: 56px; background: url(../img/exotic.png) no-repeat center; background-size: 56px 56px;}
.poster_detail .inner .big_data_ul li a .vegetable::before{content: ''; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width: 56px; height: 56px; background: url(../img/vegetable.png) no-repeat center; background-size: 56px 56px;}
.poster_detail .inner .related_posts .related_ul li a span:last-child .on{opacity: 0;}
.poster_info_title{display: block; padding:4px 0 8px 0; font-size: 18px; font-weight: 700; color:#1A1A24 ;}
.poster_detail .inner .m_more{display: none;}
.more_pc_btn{display: block; position: absolute; right: 0; bottom:0;padding:0; margin:0; background-color:transparent; border:0; font-size: 15px; font-weight: 600; color:#7A45E5; line-height:32px;}
.m_img_fst.down .more_pc_btn {display:none}
.poster_detail .inner .poster_info_content .slide_content.fst {overflow: hidden; position: relative; width: 100%; height: 160px;  padding-right: 50px; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.slide_content.fst.down{overflow: auto !important; width: 100% !important; display: block !important; padding-right: 0 !important;}


/* 축제 리스트 */
.other_list .inner .other_festival_img{position: relative; height: 212px; border-radius: 8px; }
.other_list .inner .other_festival_img.data_img{display: block;}
.other_list .inner .other_festival_img.noImg .data_img{display: none;}
.other_list .inner .other_festival_img.none_img{display: none;}
.other_list .inner .other_festival_img.noImg .none_img{display: block;}
.other_list .inner .recommend_festival_img.data_img{display: block;}
.other_list .inner .recommend_festival_img.noImg .data_img{display: none;}
.other_list .inner .recommend_festival_img.none_img{display: none;}
.other_list .inner .recommend_festival_img.noImg .none_img{display: block;}
.other_list .inner .other_festival{padding:48px 0 48px 0; border-bottom: solid 1px #E6E6EB;}
.other_list.type2 .inner .other_festival{padding:60px 0 100px 0;}
.other_list .inner .other_festival.list_height {padding: 64px 0 100px 0;}
.other_list .inner .other_festival.no_list_height {padding: 46px 0 100px 0;}
.other_list .inner .poster_detail_title{display: block;  font-size: 24px; font-weight: 700; color: #33333D;}
.other_list .inner .other_festival_ul{display: flex; flex-wrap: wrap;  margin-top: 15px;}
.other_list .inner .other_festival_ul::after{content: ''; display: block; clear: both;}
.other_list .inner .other_festival_ul li{float: left; position:relative; width: 32%; height: 350px; margin-right: 2%; border-radius: 8px; isolation: isolate;}
.other_list .inner .other_festival_ul.detail li{float: left; position:relative; width: 32%; height: 261px; margin-right: 2%; border-radius: 8px; isolation: isolate;}
.other_list .inner .other_festival_ul li:nth-child(3n) {margin-right: 0;}
.other_list .inner .other_festival_ul li a{display: block;}
.other_list .inner .other_festival_ul li:last-child{margin-right: 0;}
.other_list .inner .other_festival_ul li a img{display: block; width: 100%; height: 100%; border-radius: 8px;}

.other_list .inner .other_festival_ul li a .other_festival_img span.open{display: block; position: absolute; top:8px; left: 8px; width: auto; padding: 0 4px; height: 24px; background-color:#7A45E5; border-radius: 4px; isolation: isolate; font-size: 12px; font-weight: 600; line-height: 24px; color: #fff; text-align: center;}
.other_list .inner .other_festival_ul li a .other_festival_img .icon_alio {position: absolute; top: 0; right: 0;}
.other_list .inner .other_festival_ul li a .other_festival_img .icon_alio span{margin: 0; position: absolute; top: 5px; right: 4px; width: 50px; height: 50px; backface-visibility: hidden;}
.other_list .inner .other_festival_ul li a .other_festival_img .icon_alio .front{transform: rotateY(0deg); transition: transform 0.8s; backface-visibility: hidden; transform-style: preserve-3d;}
.other_list .inner .other_festival_ul li a .other_festival_img .icon_alio .back{transform: rotateY(180deg); transition: transform 0.8s; backface-visibility: hidden; transform-style: preserve-3d;}
.other_list .inner .other_festival_ul li a:hover .other_festival_img .icon_alio .front{transform: rotateY(180deg);}
.other_list .inner .other_festival_ul li a:hover .other_festival_img .icon_alio .back{transform: rotateY(0deg);}


.other_list .inner .other_festival_ul li a .other_festival_img .sing_area{display: none;}
.other_list .inner .other_festival_ul li a .other_festival_img.sing .sing_area{display: block; position: absolute; right: 0px; bottom:0px; width: 120px; height: 88px; background: url(../img/recommend_ico.png); background-size: 120px 88px; }
.other_list .inner .other_festival_ul li a .other_festival_content{padding:0 8px; box-sizing: border-box;}
.other_list .inner .other_festival_ul li a .other_festival_content strong{display: inline-block; width: 100%; padding:14px 0 0 0; font-size: 20px; font-weight: 700; color:#1A1A24 ; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.other_list .inner .other_festival_ul li a .other_festival_content .date{padding:12px 0 10px 0; font-size: 16px; font-weight: 400; color:#1A1A24 ;}
.other_list .inner .other_festival_ul li a .other_festival_content .loc{padding-bottom: 10px; font-size: 16px; font-weight: 500; color:#1A1A24 ;}
.other_list .inner .recommend_festival_img{position: relative; height: 212px;  border-radius: 8px;}
.other_list .inner .recommend_trvl{padding:48px 0 48px 0;  border-bottom: solid 1px #E6E6EB;}
.other_list .inner .recommend_festival_ul{display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top: 15px;}
.other_list .inner .recommend_festival_ul::after{content: ''; display: block; clear: both;}
.other_list .inner .recommend_festival_ul li{float: left; position:relative; width: 32%; height: 350px; margin-right: 2%;  border-radius: 8px; isolation: isolate;}
.other_list .inner .recommend_festival_ul.detail li{float: left; position:relative; width: 32%; height: 261px; margin-right: 2%;  border-radius: 8px; isolation: isolate;}
.other_list .inner .recommend_festival_ul li a{display: block;}
.other_list .inner .recommend_festival_ul li:last-child{margin-right: 0;}
.other_list .inner .recommend_festival_ul li a img{display: block; width: 100%;  height: 100%; object-fit: cover; border-radius: 8px;}
.other_list .inner .recommend_festival_ul li a .recommend_festival_img.open::before{content: '개최중'; display: block; position: absolute; top:8px; left: 8px; width: 40px; height: 24px; background-color:#7A45E5; border-radius: 4px; isolation: isolate; font-size: 12px; font-weight: 600; line-height: 24px; color: #fff; text-align: center;    }
.other_list .inner .recommend_festival_ul li a .recommend_festival_img .sing_area{display: none;}
.other_list .inner .recommend_festival_ul li a .recommend_festival_img.sing .sing_area{display: block; position: absolute; right: -1px; bottom:-1px; width: 103.5px; height: 82px; background: url(../img/recommend_ico.png); background-size: 103.5px 82px;}
.other_list .inner .recommend_festival_ul li a .recommend_festival_content{padding:0 8px; box-sizing: border-box;}
.other_list .inner .recommend_festival_ul li a .recommend_festival_content strong{display: inline-block; padding:14px 0 11px 0; font-size: 20px; font-weight: 700; color:#1A1A24 ;}
.other_list .inner .recommend_festival_ul li a .recommend_festival_content .date{padding-bottom: 10px; font-size: 16px; font-weight: 400; color:#1A1A24 ;}
.other_list .inner .recommend_festival_ul li a .recommend_festival_content .loc{padding-bottom: 10px; font-size: 16px; font-weight: 500; color:#1A1A24 ;}
.other_list.type2 .inner .other_festival{border-bottom:0;}

/* 문화관광축제 배너 추가*/
.other_list.type2 .festival_banner{position: relative;max-width: 928px;padding:60px 0 0;margin:0 auto;}
.other_list.type2 .festival_banner .mo{display:none;}
.other_list.type2 .festival_banner h3{padding:0 0 15px;font-size: 24px;line-height: 29px;color: #33333D;font-weight: 700;}
.other_list.type2 .festival_banner .swiper-slide{width:288px;}

/* 문화관광축제 지도 추가*/
.festival_map_quick{position: fixed;left: 0;bottom: 0;right: 0;z-index: 100;transition: bottom .5s ease-in-out;}
.festival_map_quick .inner {position: relative;width: 928px;margin: 0 auto;}
.festival_map_quick .btn_go {position: absolute;right: -185px;bottom: 40px;width: 130px;height: 130px;background: url(../img/travel_box_quick.png) 0 0 no-repeat;text-indent: -9999px;}
.festival_map_quick .close {border:0;display: inline-block;width: 18px;height: 18px;position: absolute;right: -185px;bottom: 153px;background: none;text-indent: -9999px;}


.other_list.type2 .festival_ul_top::after{content:'';display:block;clear:both;}
.other_list.type2 .festival_ul_top p{float:left;font-size:16px;font-weight:500;color:#000;}
.other_list.type2 .festival_ul_top p em{font-weight:700;color:#7a45e5;;}
.other_list.type2 .festival_ul_top .tab_area{float:right;}
.other_list.type2 .festival_ul_top .tab_area li{float:left;position:relative;margin-right:8px;padding-right:8px;}
.other_list.type2 .festival_ul_top .tab_area li:last-child{margin-right:0;padding-right:0;}
.other_list.type2 .festival_ul_top .tab_area li::after{content:'';position:absolute;right:0;top:50%;width:1px;height:16px;margin-top:-8px;background:#e6e6eb;}
.other_list.type2 .festival_ul_top .tab_area li:last-child:after{display:none;}
.other_list.type2 .festival_ul_top .tab_area li button{padding:0;border:0;background:transparent;font-size:16px;font-weight:500;color:#000;line-height:20px;}
.other_list.type2 .festival_ul_top .tab_area li button.btn_alio{width: 102px; height: 20px; background: url(../img/foodalio/btn_alio.png) 0 0 / 100% auto no-repeat; text-indent: -9999px;}
.other_list.type2 .festival_ul_top .tab_area li.active button.btn_alio{background-position: 0 -20px;}
.other_list.type2 .festival_ul_top .tab_area .active button{font-weight:700;color:#7a45e5;}
.other_list.type2 .festival_ul_top .tab_area li .btn_alio img{height: 20px;}
.other_list.type2 .tab_cont_area{padding-top:12px;}
.other_list.type2 .tab_cont_area .tab_cont{display:none;margin-top:0;}
.other_list.type2 .tab_cont_area .tab_cont.active{display:block; }
.tab_cont_area .list_more_btn{display: flex; justify-content: center; align-items: center; width: 288px; height: 40px; margin: 40px auto auto auto; background: #F2F2F7; border: 1px solid #E6E6EB; border-radius: 4px; font-size: 16px; font-weight: 400; color:#666670;}
.other_list.type2 .inner .other_festival_ul{display:block;}
.other_list .inner .other_festival_ul li:nth-child(3n){margin-right: 0;}
.other_list.type2 .inner .other_festival_ul li a .other_festival_content strong{display: -webkit-box; width: 100%; word-break: break-word;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;white-space: break-spaces;}
.other_list.type2 .inner .other_festival_ul li a .other_festival_content .loc{padding-bottom:32px;color:#666670;}
.paging_box{padding-top:22px;text-align:center;}
.paging_box.mobile{display:none;}
.paging_box li{display:inline-block;}
.paging_box li .ico{width:24px;height:24px;padding:0;color:transparent;}
.paging_box li .btn_first{background:url(../img/first_ico.svg) no-repeat 50% 50% / 24px;}
.paging_box li .btn_prev{padding-right:12px;background:url(../img/prev_ico.svg) no-repeat 50% 50% / 24px;}
.paging_box li .btn_next{padding-left:12px;background:url(../img/next_ico.svg) no-repeat 50% 50% / 24px;}
.paging_box li .btn_last{padding:0 5px;background:url(../img/last_ico.svg) no-repeat 50% 50% / 24px;}
.paging_box li a{padding:0 8px;font-size:14px;color:#6b7682;line-height:20px;}
.paging_box .active a{font-weight:700;color:#2c3238;}
.search_box_wrap option{display: flex; width: 100%; background-color: #fff; padding:12px 5px !important; color: #00000A; white-space:normal; min-height: auto; }
/* //축제 리스트 */

/* 축제 리스트 > 비주얼 포커스 */
.festival_search{margin-top: 18px;}
.visual_wrap{margin-top:40px;}
.visual_wrap .pc_wrap ul{height:380px;}
.visual_wrap .pc_wrap ul::after{content:'';display:block;clear:both;}
.visual_wrap .pc_wrap li{float:left;width:16%;height:100%;margin-left:2%;border-radius:8px;}
.visual_wrap .pc_wrap .visual1{margin-left:0;}
.visual_wrap .pc_wrap .visual a{overflow:hidden;display:block;position:relative;height:100%;border-radius:8px;background:url(../img/visual_img.jpg) no-repeat 50% 0 / cover;}
.visual_wrap .pc_wrap .visual a::before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 60.68%);opacity: 0.3;}
.visual_wrap .pc_wrap .visual.active a::before{background: linear-gradient(180deg, rgba(0, 0, 0, 0) 48.7%, #000000 100%);}
.visual_wrap .pc_wrap .visual2 a{background:url(../img/visual_img2.jpg) no-repeat 50% 50% / cover;}
.visual_wrap .pc_wrap .visual3 a{background:url(../img/visual_img3.jpg) no-repeat 50% 50% / cover;}
.visual_wrap .pc_wrap .visual .txt_area{position:absolute;left:50%;top:66px;width:100%;-webkit-transform:translateX(-50%) rotate(90deg);-o-transform:translateX(-50%) rotate(90deg);-ms-transform:translateX(-50%) rotate(90deg);transform:translateX(-50%) rotate(90deg);color:#fff;}
.visual_wrap .txt_area .flag{padding:5px 8px;border-radius:4px;background:#7a45e5;font-size:12px;font-weight:600;line-height:24px;}
.visual_wrap .pc_wrap .visual .txt_area strong{display:block;padding-top:12px;font-size:20px;font-weight:600;line-height:28px;white-space:nowrap;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);}
.visual_wrap .pc_wrap .visual .txt_area .tit_desc{display:none;}
.visual_wrap .pc_wrap .visual .txt_area .tit_desc span{display:block;padding-top:8px;font-size:18px;font-weight:600;line-height:20px;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);}
.visual_wrap .pc_wrap .visual .txt_area .tit_desc .area_name{font-weight:400;}
.visual_wrap .pc_wrap .visual .txt_area .tit_desc p{padding-top:20px;font-weight:300;white-space:nowrap;}
.visual_wrap .pc_wrap .visual .txt_area .tit_desc .btn_more{margin-top:16px;padding-top:0;width:20px;height:20px;background:url(../img/more_ico.svg) no-repeat 0 0 / 20px;}
.visual_wrap .pc_wrap .visual.active{width:64%;transition:transform .3s;}
.visual_wrap .pc_wrap .visual.active .txt_area strong{font-size:28px;line-height:36px;}
.visual_wrap .pc_wrap .visual.active .txt_area{left:7%;top:48%;width:90%;margin-left:0;-webkit-transform:unset;-o-transform:unset;-ms-transform:unset;transform:unset;}
.visual_wrap .pc_wrap .visual.active .txt_area .tit_desc{display:block;}
.visual_wrap .mobile_wrap{display:none;overflow:hidden;margin:0 -20px;}
.visual_wrap .mobile_wrap .swiper-slide{width:300px !important;height:400px;border-radius:8px; margin-right: 20px;}
.visual_wrap .mobile_wrap .swiper-slide a{display:block;overflow:hidden;height:100%;position:relative;border-radius:8px;}
.visual_wrap .mobile_wrap .swiper-slide a::before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 48.7%, #000000 100%);opacity: 0.3;}
.visual_wrap .mobile_wrap .swiper-slide.visual1{background:url(../img/visual_img.jpg) no-repeat 27% 50% / cover; background-position: center !important;}
.visual_wrap .mobile_wrap .swiper-slide.visual2{background:url(../img/visual_img2.jpg) no-repeat 27% 50% / cover; background-position: center !important;}
.visual_wrap .mobile_wrap .swiper-slide.visual3{background:url(../img/visual_img3.jpg) no-repeat 27% 50% / cover; background-position: center !important;}
.visual_wrap .mobile_wrap .swiper-slide:last-child{margin-right:20px;}
.visual_wrap .mobile_wrap .swiper-slide .txt_area{position:absolute;left:25px;bottom:30px;color:#fff;}
/* .visual_wrap .pc_wrap .txt_area .tit_box{width: 148px; height: 64px; } */
.visual_wrap .mobile_wrap .swiper-slide .txt_area .tit_box strong{display:block;padding-top:12px;font-size:28px;font-weight:700;line-height:36px;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);}
.visual_wrap .mobile_wrap .swiper-slide .txt_area .tit_desc span{display:block;padding-top:8px;font-size:16px;font-weight:700;line-height:20px;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);}
.visual_wrap .mobile_wrap .swiper-slide .txt_area .tit_desc .area_name{font-size:16px;}
.visual_wrap .mobile_wrap .swiper-pagination-bullet{width:8px;height:8px;border-radius:8px;}
.visual_wrap .mobile_wrap .swiper-pagination-bullet-active{width:24px;background:#7a45e5;}
.info_update{padding: 20px 0 100px 0;}
.info_update .inner .info_inner{display: flex; align-items: center; font-size: 14px; font-weight: 400; color: #666670; word-break: keep-all;}
.info_update .inner .info_inner ul{ display: flex; align-items: center; margin-right: auto; }
.info_update .inner .info_inner ul li:first-child{padding-right: 14px;}
.info_update .inner .info_inner ul li a {display: inline-block;}
.info_update .inner .info_inner .update_area{display: flex; align-items: center; margin-left: auto;}
.info_update .faq_info{display: flex; align-items: center; gap: 4px; margin-top: 8px;}
.info_update .faq_info span{font-weight: 600; color: #666670; font-size: 14px;}
.info_update .faq_info .btn{display: flex; gap: 4px;}
.info_update .faq_info a{display: inline-block; font-size: 13px; font-weight: 500; color: #666670; height: 24px; padding: 0 12px; line-height: 24px; border-radius: 25px; background: #f2f2f7;}
.info_update .faq_info a::after{content: ''; display: inline-block; margin-left: 5px; width: 5px; height: 8px; background: url(../img/faq/faq_btn_arrow.png) 0 0 / 100% 100% no-repeat;}
/* //축제 리스트 > 비주얼 포커스 */

/* no list */
.no_list{display: flex; justify-content: center; align-items: center; flex-direction: column; padding-top: 33px;}
.no_list .no_img{width: 140px; height: 110px; background: url(../img/no_list_ico.png) no-repeat center; background-size: 140px 110px;}
.no_list strong{display: inline-block; padding-top: 40px; font-size: 20px; font-weight: 600; color:#1A1A24;}
.no_list p{padding-top: 7px; font-size: 16px; font-weight: 400; color:#666670;}
/* no list */

/* 문화관광 축제 */
.select_box.select_date label{display: block; overflow: hidden; position: relative; z-index: -1;height: 1px;width: 1px;border: 0;clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);word-break: initial; word-wrap: initial;}
.select_box.select_area label{display: block; overflow: hidden; position: relative; z-index: -1;height: 1px;width: 1px;border: 0;clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);word-break: initial; word-wrap: initial;}
.select_box.select_cate label{display: block; overflow: hidden; position: relative; z-index: -1;height: 1px;width: 1px;border: 0;clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);word-break: initial; word-wrap: initial;}
.festival_section{position: relative; z-index: 3; padding-top: 150px;}
.festival_section .tit_wrap{display: flex;position:relative; margin-bottom: 40px;}
.mark_content{position: absolute; z-index: 5; bottom:0; right: 0;}
.festival_section_mark{display: flex; margin-left: auto; width: 230px; height: 180px; background:url(../img/festival_mark_bottom.png) no-repeat center; background-size: 230px 180px;}
.festival_list.swiper-pagination{bottom:-100px !important; }
.festival_list_swiper.swiper-container {width: 100%; margin-top: 72px; }
.festival_list_swiper .swiper-slide {overflow: hidden; width: 365px; background-position: center; background-size: cover; background-color: #fff; border-radius: 7.2px; }
.festival_list_swiper .picture {width: 365px;height: 356px; overflow: hidden; }
.festival_list_swiper .picture img {display: block;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.festival_list_swiper .detail {display: flex; flex-direction: column; padding: 28px; font-weight: 600; text-align: left;}
.festival_list_swiper .detail h3 {padding-top: 13px; font-size: 32px; font-weight: 600; line-height: 38px; color: #1A1A24;}
.festival_list_swiper .detail span {display: inline-block; padding-top: 10px; font-size: 16px; font-weight: 400; line-height: 19px; color: #1A1A24;}
/* 문화관광 축제 */

/* 문화관광축제 */
.festival_list_wrap{width: 100%; background:url(../img/main_temp5.png) no-repeat center; background-size: cover;}
#mainBusinessCon{ position: relative; max-width: 928px; margin: 0 auto; overflow: visible;}
#mainBusinessCon.no-festival { height: 297px;display: block;}
#mainBusinessCon.no-festival::after {content: ""; background: url(../img/main_bg_no.png) no-repeat; width: 567px; height: 100%; position: absolute; right:42px; top:0;}
#mainBusinessCon.no-festival .main-business-txt .month {padding-top: 36px;}
#mainBusinessCon .mo{display: none;}


.clip-object01{top: 430px; left: 50%; margin-left: -960px; width: 100%; height: 768px; clip:rect(0,0,767px,0);}
.clip-object01.aos-animate {clip:rect(0,1920px,767px,0);}
.main-business-inner{ height: 440px;}
.main-business-link{display:block;}
.main-business-link:focus{position: relative;}
.main-business-link:focus::after{content: ""; width: 99.57%; height: 99.091%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); outline: 2px solid red;}
.main-business-img-inner {display: flex; justify-content: flex-end;}

.main-business-img{position: relative; display: block; width: 700px; height: 0; padding-top: 440px; border-radius: 234px; overflow: hidden;}
.main-business-img .img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 8px;  transition: all 0.6s; }
.main-business-txt{text-align:left; position: absolute;left: 0;top: 0; z-index: 5;}
.main-business-txt .month{color: #7A45E5;font-weight: 700;font-size: 60px; padding-top: 186px; line-height: 57px;display: block;}
.main-business-txt .msg{margin-top: 35px;font-weight: 400;font-size: 24px; line-height: 30px; color: #000;}
.main-business-txt .bold{font-weight: 700;}
.main-business-txt .name {margin: 23px 0; color: #fff; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

.main-business-txt .name span{background: #7A45E5; font-weight: 700; font-size: 48px; line-height: 57px; padding: 0 10px 3px 10px; box-decoration-break: clone; -webkit-box-decoration-break: clone; overflow-wrap: break-word;}
.main-business-txt .name.type01 { max-width: 363px;}
.main-business-txt .name.type02 span{max-width: 928px; box-sizing: border-box;}
.main-business-txt .name.type03 {max-width: 60%;}
.main-business-txt .category,
.main-business-txt .location {font-weight: 500; font-size: 16px; line-height: 19px; letter-spacing: 0.48px; color: #171717; display: flex; align-items: center; gap: 8px;}
.main-business-txt .category{margin-top:13px;}
.main-business-txt .category::before{content: ""; background: url(../img/icon-date.png) no-repeat; width: 21px; height: 21px;display: block;}
.main-business-txt .location::before{content: ""; background: url(../img/icon-location.png) no-repeat; width: 21px; height: 19px; display: block;}

.festival_expln_btn{width: 40px; height: 40px; padding:0; border:0; background-color:transparent; background:url(../img/festival_expln_btn.svg) no-repeat center; background-size: 40px 40px;}
.festival_expln_box{display: none;  position: absolute; left: -1px; top:47px;z-index:10; width: 440px; padding:16px 22px; box-sizing: border-box; background-color: #fff; border-radius: 8px; border:solid 1px #1A1A24; text-align: left; }
.festival_expln_box::after{content:'';position:absolute;top:-12px;right:147px;width:16px;height:12px;background:url(../img/ico_tooltip.png) no-repeat 0 0 / 16px 12px}
.festival_expln_box strong{display: inline-block; padding-bottom: 10px; font-size: 16px; font-weight: 600; color: #000; }
.festival_expln_box p{font-size: 16px; font-weight: 400; color:#1A1A24; line-height: 24px; word-break: keep-all;}
.festival_expln_box p .block{display:inline}
.festival_expln_close{position: absolute; z-index: 3; top:18px; right: 24px; width: 16px; height: 16px; padding:0; background:url(../img/festival_expln_close_btn.png) no-repeat center; background-size: 16px 16px; background-color:transparent;  border:0; }
.area-box{position: relative;}
.bg_gray{background:#f7f7f7;}

.swiper-control {z-index: 10; position: absolute; bottom: 0; left:0; display: flex; align-items: center;}
.swiper-control .swiper-pagination {position: initial !important; width: auto !important; display: flex;}
.swiper-control .swiper-pagination .swiper-pagination-bullet { box-sizing: border-box; width: 10px !important; height: 10px !important; background: transparent !important;  opacity: 1 !important; border: 1px solid #000 !important;}
.swiper-control .swiper-pagination .swiper-pagination-bullet-active { width: 24px !important; transition: width .5s !important;  background: #000 !important; border-radius: 8px !important;isolation: isolate !important;}
.swiper-control .swiper-pagination .swiper-pagination-bullet:focus {outline: 2px solid red; outline-offset: 1px;}
.swiper-control .swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;}
.swiper-control .swiper-pagination .swiper-pagination-bullet:last-child {margin-right:0;}

.main-business-prev, .main-business-next {text-indent: -9999px;}
.main-business-prev{width: 9px; height: 14px; padding:0; background:url(../img/main-left.png) no-repeat center; border:0; margin-right: 16px;}
.main-business-prev:hover{width: 9px; height: 14px; padding:0; background:url(../img/main-left.png) no-repeat center; border:0; transition: .4s;}
.main-business-prev:focus{width: 9px; height: 14px; padding:0; background:url(../img/main-left.png) no-repeat center; border:0; transition: .4s;}
.main-business-next{width: 9px; height: 14px; padding:0; background:url(../img/main-right.png) no-repeat center; border:0; margin-left: 16px; order: 3;}
.main-business-next:hover{width: 9px; height: 14px; padding:0; background:url(../img/main-right.png) no-repeat center; border:0; transition: .4s;}
.main-business-next:focus{width: 9px; height: 14px; padding:0; background:url(../img/main-right.png) no-repeat center; border:0; transition: .4s;}
.swiper-control .swiper-button-disabled {opacity: 0;}

/* .bg_lottie{position: absolute; left:-270px;  width: 2400px; top:-770px} */
.bg_lottie{position: absolute; left:620px; width: 872px; top:-260px}
.ico_lottie{position: absolute; z-index: 1; top:-16px; left:100px;  width: 50px; height: 100px; transform: rotate(30deg); }
.ico_lottie_title{position: absolute; z-index: 1; top:-62px; left:140px;  width: 64px; height: 90px;  }
.ico_lottie_title2{position: absolute; z-index: 1; top:-62px; left:68px;  width: 36px; height: 90px;  }
.lottie{width: auto !important; height: auto !important;}


/* loading */
.loading_area{padding: 100px 0;}
.loading_title{display: flex; justify-content: center; align-items: center;}
.loading_title button{width: 100px; height: 40px; font-size: 20px; font-weight: 600; background-color:transparent;}
.loading.active{position: fixed; z-index: 15; left: 0; top:0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .55);}
.loading .loading_start{display: none;}
.loading.active .loading_start{display: block; position: absolute; left: 50%; top:50%; transform: translate(-50% ,-50%);}
/* loading */

/* 2024.01.02 추가 시작 */
/* 포커스 색상변경 */
.search_slide_wrap .search_box_wrap .select_box select:focus {outline: none; border: 2px solid red;}
.search_slide_wrap .btn_reset:focus {outline: 2px solid red;}
.search_slide_wrap .btn_search:focus {outline: 2px solid red;}
.visual_wrap .pc_wrap .visual a:focus {outline: none; border: 2px solid red;}
.top_bannr_box li a:focus, .bottom_banner_box li a:focus {outline: none; border: 2px solid red;}
.search_box .search_box_close:focus {outline: none; border: 2px solid red;}
#foodPop .btn-foodinfo:focus {outline: none; border: 2px solid red;}
.out_swiper .out_swiper_container .swiper-slide a:focus {outline: 2px solid red;}
.out_swiper .out_swiper_container .swiper-slide:last-child {padding-right: 2px;}


.swiper-container.out_swiper.hide .swiper-notification {display: none;}
.out_swiper {padding: 3px;}

/* Skip Navigation */
#skipToContent{position:relative;width:100%;overflow:hidden;margin:0 auto;z-index:100}
#skipToContent a{display:block;height:1px;margin-top:-2px;overflow:hidden;text-align:center;font-size:0;line-height:0;background:#333}
#skipToContent a:active,#skipToContent a:focus{height:auto;padding:7px 0;font-size:0;font-size:1em;line-height:1;font-weight:800;color:#fff;z-index:10000;}
#skipToContent a:active:after,#skipToContent a:focus:after{content:'';display:block;width:100%;box-sizing: border-box;height: 100%;position:absolute;left:0;top:0;border:4px solid red;}
/* 2024.01.02 추가 끝 */

/* 2024.02.05 추가 시작 */
.blinds {text-indent: -99999px;}
/* 2024.02.05 추가 끝 */



@media all and (max-width:1090px){
    .top_bannr_box li a{height: 100%;}
    .top_bannr_box li{ height: 100%;}
    .top_bannr_box li a img{object-fit: contain; height: 100%;}
    .top_bannr_box{width: 820px; height: 420px; margin:0 auto;}
    .top_bannr{width: 100%; padding: 0 20px;}
    .bottom_banner_box{width: 820px; margin:0 auto;}
    .poster_slide .inner_full .slide_wrap{padding:0 10px}
    .poster_slide .inner_full .inner .out_swiper{max-width: 860px; margin:0 auto;}
    .main_section .main_visual_content.swiper-container .swiper-slide .swiper-slide-container{width: 100%;}
    .swiper-slide-container-box{position: relative; left:80px}
    .main_pagination{left:80px; margin:0;}
}

@media all and (max-width:1160px){
    .next_prev_bnt_wrap {display:none;}
}

@media all and (max-width:1300px){
    .festival_map_quick .inner {width: 100%;}
    .festival_map_quick .btn_go{position: fixed;right:0;}
    .festival_map_quick .close{position: fixed;right:0;}
}



/*************************************************모바일&태블릿*************************************************/
@media all and (max-width:1008px){
    .inner{width: 100%; max-width: 100%; padding:0 20px; margin:0;}
    .slide_wd_poster{padding:0;}
    .visual .inner_full .visula_bg {width: 100%; height: 100%; background-position: center !important;}

    /* header */
    header .inner .homepage_link{top: 12px; width: 116px; height: 20px;}
    header .inner nav.main_nav{top: 0;}
    header .inner nav.main_nav .main_menu{display: none;}
    header .inner nav .main_search{position: absolute; top: 12px; right: 0; width: 20px; height: 20px; background: url(../img/search_btn_mo.png) no-repeat center; background-size: 20px 20px;}
    header .inner nav{top: 60px;}

    header .inner nav > ul li{margin-right: 11px;}
    header .inner nav > ul li a{font-size: 18px;}
    header .inner nav ul li:last-child button.search_head_btn{position: relative; top: -50px; right: 0;}
    header .inner nav ul li.search_flex_left button.search_head_btn{position: relative; right: 0;}
    header .inner nav ul.main_menu li .main_search{width: 20px; height: 20px; top:-31px;    background: url(../img/search_btn.png) no-repeat center; background-size: 20px 20px;}
    header.header_black .inner nav .main_pick,
    header .inner nav .scroll .main_pick {background: url(../img/icon_pick_off.png) no-repeat center / 20px 20px;}
    header .inner nav .scroll .nav_pick {top: 12px; right: 50px; transform: none;}
    header .inner nav .main_pick {background: url(../img/icon_pick_off_white_mo.png) no-repeat center / 20px 20px; width: 20px; height: 20px;}
    header .inner nav .nav_pick {top: -50px; right: 30px; transform: none; height: 20px;}
    header .inner nav .main_pick_bubble { top: 42px; right: -21px;}


    /* 서브헤더 */
    header .inner nav ul.sub_menu li:first-child:after{right: -9px;}
    header .inner nav.sub_nav .main_search{top: -50px;}

    /* 서브헤더 - 스크롤 */
    header .inner nav.scroll_theme{display: none; position: fixed; height: 50px; top:0; left:0; z-index: 99; width: 100%; background: #fff;}
    header .inner nav .scroll{width: 100%; padding: 0 20px;}
    header .inner nav .scroll .home{font-size: 18px; background-size: 24px 24px; padding-left: 30px; height: 24px;}
    header .inner nav .scroll .main_search{right: 20px;}


    .header_black .inner nav ul.sub_menu li:last-child button{background-size:20px;}
    header .inner nav ul.sub_menu.search li.lst .search_box{top:0px}
    header .inner nav ul.sub_menu.festival li.lst .search_box{top:0px}
    header .inner nav ul.sub_menu.festival{top:0 !important; padding-top: 13px;}
    header .inner.scroll_menu nav ul li.search_flex_left button.search_head_btn{top:-65px}
    /* //header */

    /* footer */
    footer .footer_inner{padding:0 20px}
    footer .footer_inner .top_util_ul {padding-top: 33px;}
    footer .footer_inner .top_util {padding-bottom: 17px; border-bottom: 0;}
    footer .footer_inner .footer_bottom{flex-direction: column; align-items: flex-start; padding: 8px 0 30px 0;}
    footer .footer_inner .footer_bottom .family_f_logo{width: 100%; margin-left: 0; padding-top: 23px; justify-content:flex-start;}
    .scroll_footer{display: none;}
    footer .footer_inner address{padding-top: 0;}
    footer .footer_inner address ul{padding-top: 0;}
    footer .footer_inner .top_util_ul li a{line-height: 24px;}
    ooter .footer_inner address ul li{line-height: 24px;}
    footer .footer_inner .footer_bottom .family_f_logo .mo{display: block;}
    footer .footer_inner .footer_bottom .family_f_logo .pc{display: none;}
    footer .footer_inner .footer_bottom .family_f_logo li{margin-right: 20px;}
    footer .footer_inner .footer_bottom .family_f_logo a img{width: 100%;}
    footer .footer_inner .footer_bottom .family_f_logo li:first-child img{width: 41px;}
    footer .footer_inner .footer_bottom .family_f_logo li:nth-child(2) img{width: 30px;}
    footer .footer_inner .footer_bottom .family_f_logo li:nth-child(3) img, footer .footer_inner .footer_bottom .family_f_logo li:nth-child(4) img{width: 25px;}

    /* //footer */

    /* search */
    /*  .inner.theme_detail {padding-top: 100px;}*/
    .search_area .search_title{padding: 0 0 27px; font-size: 24px;}
    .search_area {padding-top: 125px;}
    .editor_box{max-width: 100%;  height: 100%; min-height: 500px; margin:0 auto;}
    .search_slide_wrap{padding-top:100px;}
    .search_slide_wrap .slide_tit {font-size:24px;line-height: 32px; margin: 0;}
    .festival_expln_btn {width:32px;height:32px;background-size:32px 32px; margin: 0;}
    .search_slide_wrap .tab_area a{font-size:28px;line-height:48px;}
    .search_slide_wrap .tab_area.festival_list a{font-size:28px;line-height:48px;}
    .search_slide_wrap .tab_area li{margin-right: 13px; padding-right: 13px}
    .search_slide_wrap .tab_area li.calendar a{width: 36px !important; height: 36px !important; margin-top: 6px;}
    .search_slide_wrap .tab_area.festival_list{margin-top: 0px; padding-top: 80px;}
    .search_slide_wrap.main_festival_section .visual_height{height:640px}
    .search_slide_wrap.main_festival_section .tab_area.festival_list{padding-top:50px;padding-bottom:22px}
    .search_slide_wrap .search_box_wrap{display:block;}
    .search_slide_wrap .search_box_wrap .select_box{flex:unset;margin-right:0;margin-bottom:12px;}
    .search_slide_wrap .tag_box .swiper-tag-prev{left:-20px;}
    .search_slide_wrap .tag_box .swiper-tag-next{right:-20px;}
    .btn_box{display: flex; justify-content: space-between;}
    .search_slide_wrap .btn_search{position: relative;width: 50%; border-radius:8px; }
    .search_slide_wrap .btn_search span::after{margin-top: 0;top:50%; transform: translateY(-50%);}
    .search_slide_wrap .btn_reset{width: 50%; padding:12px 73px 12px 39px;border-radius:8px;background:none}
    .search_slide_wrap .btn_reset span{display: inline-block; vertical-align: middle; padding-left: 0;line-height: 20px; font-size:20px;color: #666670;}
    .search_slide_wrap .btn_reset span::after{content:'';position:absolute;top:50%;right:-32px;width:20px;height:20px;background:url(../img/reset_ico.png) no-repeat 50% 50% / 20px;transform: translateY(-50%);}
    .search_box fieldset input{height: 20px; font-size: 16px;}
    .search_box fieldset button{width: 20px; height: 20px; background: url(../img/search_box_btn.png) no-repeat center; background-size: 20px 20px; }
    .search_box{position: fixed; z-index: 4; top:0px; border-radius: 0px 0px 8px 8px;  padding:32px 31px;}
    .search_box .search_box_close{width: 32px; height: 32px; bottom:-18px; right: 32px;}
    .search_box .search_box_close::after{width: 12px; height: 12px;background: url(../img/search_box_close_btn.png) no-repeat center; background-size: 12px 12px; }
    .search_slide_wrap .tag_box .swiper-tag-next::after{content:'';position:absolute;left:50%;top:50%;margin:-18.5px -16px;width:32px;height:37px;background:url(../img/btn_next.png)no-repeat 50% / 32px 37px;text-indent:-9999px;color:transparent;}
    .search_slide_wrap .tag_box .swiper-tag-prev::after{content:'';position:absolute;left:50%;top:50%;margin:-18.5px -16px;width:32px;height:37px;background:url(../img/btn_prev.png)no-repeat 50% / 32px 37px;text-indent:-9999px;color:transparent;}
    .search_detail_area{padding-bottom: 7px;}

    .search_box .search_list_area{flex-direction: column; margin-top: 24px;}
    .search_box .search_list_area strong{font-size: 14px;}
    .search_box .search_list_area .last{width: 100%; padding: 0; border: none;}
    .search_box .search_list_area .last p{font-size: 12px;}
    .search_box .search_list_area .last ul{display: flex; flex-wrap: wrap; gap: 8px;}
    .search_box .search_list_area .last li{width: auto; max-width: 100%; box-sizing: border-box; padding: 0 13px; margin-bottom: 0; border: 1px solid #e6e6eb; height: 30px; border-radius: 99px;}
    .search_box .search_list_area .last li a{font-size: 12px; width: auto; max-width: 100%; margin-right: 4px;}
    .search_box .search_list_area .last li button{width: 14px; height: 14px;}
    .search_box .search_list_area .popular{width: 100%; padding: 0; margin-top: 24px;}
    .search_box .search_list_area .popular ul{row-gap: 16px;}
    .search_box .search_list_area .popular a{font-size: 14px;}
    .search_box .search_list_area .popular a span{width: 20px;}
    .search_box .search_list_area .popular p{top: 0;}

    .selectBox2.active .optionList{padding:8px 0;}
    /* search */


    .wrap h2{font-size: 24px; margin: 20px 0 16px;}
    .wrap > section:first-of-type{padding-top: 100px;}

    .popular_festival_btn{display: none;}
    .mobile_menu{display: block; position: relative; z-index: 3; top:-12px; width: 100%; background-color: #fff; border-radius: 16px; }
    .mobile_menu_head{padding:16px 0; border-bottom: solid 1px #E6E6EB;}
    .mobile_menu_head::after{content: ''; display: block; clear: both;}
    .mobile_menu_head li{position: relative; float: left; width: 50%;}
    .mobile_menu_head li::before{content: ''; display: block; position: absolute; right: 0; top:50%; transform: translateY(-50%); width: 1px; height: 36px; background: #E6E6EB;  }
    .mobile_menu_head li:last-child::before{display: none;}
    .mobile_menu_head li a{display: flex; justify-content: center; align-items: center;}
    .mobile_menu_head li a .mobile_menu_dept{display: flex; flex-direction: column;}
    .mobile_menu_head li a .mobile_menu_dept span{display: inline-block; padding-bottom: 5px; font-size: 12px; font-weight: 400; color:#666666 ;}
    .mobile_menu_head li a .mobile_menu_dept strong{display: inline-block; font-size: 18px; font-weight: 600; color: #000; }
    .mobile_menu_head li a::after{content: ''; display: block; width: 24px; height: 24px; margin-left: 30px; background: url(../img/m_menu_link_btn.png) no-repeat center;  background-size: 24px 24px;}
    .mobile_menu .m_popular_festival_box{padding:24px 0 0; box-sizing: border-box; background-color: #fff;}
    .mobile_menu .m_popular_festival_box .popular_festival_title{display: flex; align-items:center; font-size: 18px; font-weight: 400; color: #1A1A24; padding: 0 24px 24px;}
    .mobile_menu .m_popular_festival_box .popular_festival_title .confetti_ico {width:32px; height: 32px; margin-right:16px;background: url(../img/ico_confetti.png) no-repeat center; background-size:32px 32px}
    .mobile_menu .m_popular_festival_box .popular_festival_title .em{margin:0 4px; font-weight:700;}
    .m_popular_festival_link li{display: flex; flex-wrap: wrap; align-items:center; position:relative; padding:12px 24px}
    .m_popular_festival_link li:last-child{margin-bottom: 0;}
    .m_popular_festival_link li:nth-child(odd) {background: #F2F2F7;}
    .m_popular_festival_link li span{display: flex; justify-content: center; width: 32px; font-size: 20px; font-weight: 700; color: #000;}
    .m_popular_festival_link li a{overflow: hidden; display: inline-block; width: calc(100% - 52px); padding-left: 16px; font-size: 16px; font-weight: 400; color: #000;     white-space: nowrap;text-overflow: ellipsis;}
    .m_popular_festival_link li .ico_rank1{position:absolute;top:50%;right:24px;width:32px;height:32px;margin-top:-16px;background:url(../img/ico_rank1.png) no-repeat center;background-size:32px 32px;}
    .m_popular_festival_link li .ico_rank2{position:absolute;top:50%;right:24px;width:32px;height:32px;margin-top:-16px;background:url(../img/ico_rank2.png) no-repeat center;background-size:32px 32px;}
    .m_popular_festival_link li .ico_rank3{position:absolute;top:50%;right:24px;width:32px;height:32px;margin-top:-16px;background:url(../img/ico_rank3.png) no-repeat center;background-size:32px 32px;}

    .reload_btn{position: absolute; z-index: 3; right: 20px; top:62px; display: block; width: 24px; height: 24px; padding:0; background: url(../img/reload_btn.png) no-repeat center; background-size: 24px 24px; border:0;}

    .pc_visual{display: none !important;}
    .m_visual{display: block !important;}
    .video-js{min-width: 100% !important;min-height: 700px !important; width: 0; height: auto;}
    .main_section .main_visual_content.swiper-container .swiper-wrapper .swiper-slide .video-js .vjs-tech{min-height: 100%;}
    .wrap-layer-popup{height: 100%;}
    .wrap-layer-popup .inner-layer-popup{width: 100%; max-width: 100%; height: 104vh;}
    .inner_popup .slick-initialized .slick-slide img{width: 100%; height: 100%; object-fit: contain;}
    .inner_popup{width: 100%; max-width: 100%; margin:0;}
    .slick-next{right: 20px; width: 28px; height: 28px; background-size: 28px 28px;}
    .slick-prev{left: 20px; width: 28px; height: 28px; background-size: 28px 28px;}
    .slick-next:hover{right: 20px; width: 28px; height: 28px; background-size: 28px 28px;}
    .slick-prev:hover{left: 20px; width: 28px; height: 28px; background-size: 28px 28px;}
    .slick-next:focus{right: 20px; width: 28px; height: 28px; background-size: 28px 28px;}
    .slick-prev:focus{left: 20px; width: 28px; height: 28px; background-size: 28px 28px;}
    .btn-layer-close{right: 0px; width: 28px; height: 28px; background-size: 28px 28px;}
    .btn-layer-close::before{content: ''; display: block; width: 28px; height: 28px; background:url(../img/popup_close_bnt.png) no-repeat center; background-size: 28px 28px; }
    .popup_div{position:absolute; right: 20px; top: 20px;}
    .slick-dots{bottom:9px}
    .top_bannr_box .slick-list{height: 100% !important;}
    .top_bannr_box .slick-track{height: 100% !important;}
    .slick-vertical .slick-slide{height: inherit !important;}
    .top_bannr_box li a img{object-fit: contain; width: 255px; height: auto;}
    .main_select_box{padding: 69px 0 30px 0;}
    .main_select_box ul{display: block; width: 162px; margin:0 auto;}
    .main_select_box ul::after{content: ''; display: block; clear: both;}
    .main_select_box ul li{ float: left; width: 48px; height: 48px; margin-right:8.25px; border-radius: 8px; }
    .main_select_box ul li:last-child{margin-right: 0;}
    .main_select_box ul li button{display: block; position: relative; padding:0; margin:0; border:0; width: 100%; height: 100%; border-radius: 8px; background-color:transparent;}
    .main_select_box ul li button::after{content: ''; display: block; position: absolute; top:0; left:0; width: 100%; height: 100%; background:rgba(0, 0, 0, .6); border-radius: 8px;}
    .main_select_box ul li.active button::after{display: none;}
    .main_select_box ul li button img{display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 8px;}
    .top_bannr_box .tab_cont{display: none;}
    .top_bannr_box .tab_cont.active{display: block;}
    /* //main visual */

    /* visual */
    .visual_height {height: 540px;}
    .visual .inner_full .visula_bg .visula_content_box a{width: 100%; height: auto;border-radius: 8px;isolation: isolate;}
    .visual .inner_full .visula_bg .visula_content_box .festival_title h2{font-size: 32px; line-height: 40px;}
    .visual .inner_full .visula_bg .visula_content_box .timer-area p.time_num{font-size: 16px;}
    .visual .inner_full .visula_bg .visula_content_box .timer-area{padding:10px 15px; margin: 15px 0 14px 0;}
    .visual .inner_full .visula_bg .visula_content_box .timer-area p.time_font_area span{padding:0 7px}
    .visual .inner_full .visula_bg .visula_content_box .timer-area p.time_font_area{padding-left: 0px;}
    .visual .inner_full .visula_bg .visula_content_box{margin: 296px auto 60px auto;}
    .visual .inner_full .visula_bg .visula_content_box .schedule{padding-bottom: 8px;}
    .visual .inner_full .visula_bg.mark .mark_content .mark_cotent_top{display: none;}
    .visual .inner_full .visula_bg.mark .mark_content .mark_cotent_bottom{width: 180px; height: 134px; background: url(../img/m3_mark_bottom_bg.png) no-repeat center; background-size: 180px 134px;}

    /* 팝업 */
    #closePopup .pc{display: none;}
    #closePopup .mo{display: block; width: 100%; object-fit: cover;}
    #closePopup .layerpop {max-width: 90%;}
    #closePopup a{height: 13%; bottom: 12.5%; width: 82%;}
    #closePopup .viewNone,
    #closePopup .viewNone button {font-size: 15px;}
    #closePopup input[type="checkbox"] + label:before {width: 20px; height: 20px; background: url(../img/main/icon_check_none_mo.png) 0 0 / 100% 100% no-repeat;}
    #closePopup input[type="checkbox"]:checked + label:after {width: 20px; height: 20px; background: url(../img/main/icon_checked_mo.png) 0 0 / 100% 100% no-repeat;}

    /* 슬라이드 */
    .slide_inner{display: none;}
    .poster_slide .inner_full .slide_wrap{padding:0;}
    .poster_slide .inner_full .inner .out_swiper{max-width: 100%; margin:23px auto 0 auto;}
    .out_swiper .out_swiper_container .swiper-slide{height: 335px;}
    .swiper-pagination{bottom:-28px !important}
    /* //슬라이드 */

    /* 포스터 상세 */

    .m_visual.swiper_cnt{display: flex !important; justify-content: center; align-items: center; position: absolute; z-index: 2; right: 9px; bottom:9px; width: 42px; height: 28px; background: rgba(26, 26, 36, 0.6); border-radius: 20px;}
    .m_visual.swiper_cnt span{font-size: 12px; font-weight: 700; color: #fff; }
    .homepage_link_btn{position: relative; margin: 24px auto 0 auto;}
    .poster_detail {padding-top: 0px;}
    .poster_detail .inner .youtube_area iframe{height: 189px;}
    .poster_detail .inner .video_wrap img{height:189px;}
    .poster_detail .inner .poster_info_content .slide_content.fst{padding-bottom: 0px; color:#1A1A24 ;}
    .poster_detail .inner .m_more_btn{display: block; border:0; padding:0; background-color:transparent; font-size: 16px; font-weight: 500; color: #7A45E5; }
    .poster_detail .inner .m_more{display: none;}
    .m_img_fst{overflow: hidden; max-height: 160px; position: relative;}
    .poster_detail .inner .poster_info_content .slide_content.fst{ overflow: hidden; width: 90%; padding-right: 0; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
    .m_img_fst.down .slide_content.fst{overflow: auto; width: 100% !important; display: block !important;}
    .poster_detail .inner .poster_info_content .slide_content.lst{padding: 30px 0 0 0; border-bottom: 0;}
    .m_img_fst::after{content: '더 보기'; display: inline-block; position: absolute; bottom:0; right: 0; font-size: 16px; font-weight: 500; color: #7A45E5; line-height:32px; cursor: pointer; }
    .m_img_fst.down::after{display: none;}
    .m_img_fst.down{max-height: 100% !important;}
    .poster_detail .inner .poster_info_content{padding-bottom:48px; border-bottom: solid 1px #E6E6EB;}
    .poster_detail .inner .poster_detail_area{flex-direction: column;     padding: 48px 0 48px 0; }
    .poster_detail .inner .detail_img_box{width: 100%; height: 100%;}
    .poster_detail .inner .detail_img_box img{width: 100%;}
    .poster_detail .inner .img_info_box{width: 100%; padding: 24px 0 0;}
    .poster_detail .inner .poster_detail_wrap{margin-top: 0;}
    .poster_detail .inner .poster_detail_title{font-size: 20px; color: #1A1A24; padding-top: 48px;}
    .poster_detail .inner .poster_detail_title.alio {background: url(../img/alio_icon_mo.png) left bottom no-repeat; background-size: 127px 25px;}
    .poster_detail .inner .update_area{top:4px}
    .poster_detail .inner .map_wrap{margin:24px 0 48px 0; height: 220px;}
    .poster_detail .inner .youtube_area{padding: 0 0 48px 0;}
    .poster_detail .inner .related_posts .related_ul{margin-top: 17px;}
    .poster_detail .inner .related_posts .related_ul li a{ padding: 18px 24px 18px 21px;}
    .poster_detail .inner .related_posts{padding: 0px 0 49px 0;}
    .poster_detail .inner .big_data_ul{display:flex; flex-direction: column;}
    .poster_detail .inner .big_data_ul li{width: 100%; margin-bottom: 18px;}
    .poster_detail .inner .big_data_ul li:nth-child(2){margin-bottom: 0;}
    .poster_detail .inner .big_data_ul li:nth-child(3){display: none;}
    .poster_detail .inner .big_data{padding: 0px 0 47px 0;}
    .poster_detail .inner .big_data_ul li a .data_content{width: calc(100% - 48px); padding-left: 14px;}
    .poster_detail .inner .big_data_ul li a .data_content p{width: 100%; font-size: 14px;}
    .poster_detail .inner .big_data_ul li a .data_content strong{padding-bottom: 5px; font-size: 16px;}
    .more_pc_btn{display: none;}

    .poster_title .visula_content_box .festival_title .sub_title {margin-bottom:8px;font-size:18px;line-height:24px;}
    .poster_title .visula_content_box .festival_title h2 {font-size:24px;line-height:32px;}
    .poster_title .visula_content_box .festival_subinfo{margin: 16px 0;}
    .poster_title .visula_content_box .timer-area {padding:10px 16px;}
    .poster_title .visula_content_box .timer-area p.time_num {font-size:16px;line-height:20px;}
    .poster_title .visula_content_box .weather{margin-left: 16px; padding: 0 20px;}
    .poster_title .visula_content_box .weather span{font-size: 14px;}
    /* //포스터 상세 */

    /* 축제 리스트 */
    .other_list .inner .other_festival_img{height: 128px;}
    .other_list .inner .recommend_festival_img{height: 128px;}
    .other_list .inner .poster_detail_title{font-size: 20px;}
    .other_list .inner .recommend_trvl{padding: 48px 0 38px 0;}
    .other_list .inner .other_festival_ul li{width: 49%; height: auto;}
    .other_list .inner .other_festival_ul.detail li{width: 49%; height: 248px;}
    .other_list .inner .other_festival_ul.detail li{height: 160px;}
    .other_list .inner .other_festival_ul li:nth-child(odd){margin-right: 2%;}
    .other_list .inner .other_festival_ul li:nth-child(2n){margin-right: 0;}
    .other_list .inner .other_festival_ul li.last{display: none;}
    .other_list .inner .other_festival_ul li a .other_festival_img .icon_alio span{width: 38px; height: 38px;}
    .other_list .inner .other_festival_ul li a:hover .other_festival_img .icon_alio .back{display: none;}
    .other_list .inner .other_festival_ul li a:hover .other_festival_img .icon_alio .front{transform:none;}
    .other_list .inner .other_festival_ul li a:hover .other_festival_img .icon_alio .back{transform: none;}
    .other_list .inner .other_festival_ul li a .other_festival_content strong{padding: 7px 0 0 0;font-size: 16px;}
    .other_list .inner .other_festival_ul li a .other_festival_content .date{padding:6px 0 5px 0;font-size: 14px;}
    .other_list .inner .other_festival_ul li a .other_festival_content .loc{font-size: 14px;}
    .other_list .inner .other_festival_ul li a .other_festival_img.sing .sing_area{right: -1px; bottom:-1px; width: 80px; height: 60px; background:url(../img/m2_mark_bottom_bg.png) no-repeat center; background-size:80px 60px ; border-bottom-right-radius: 8px}
    .other_list .inner .recommend_festival_ul li a .recommend_festival_img.sing .sing_area{right: -1px; bottom:-1px; width: 80px; height: 60px; background:url(../img/m2_mark_bottom_bg.png) no-repeat center; background-size:80px 60px ; border-bottom-right-radius: 8px}
    .other_list .inner .recommend_festival_ul li{width: 49%; }
    .other_list .inner .recommend_festival_ul.detail li{width: 49%; height: 160px;}
    .other_list .inner .recommend_festival_ul li:nth-child(2){margin-right: 0;}
    .other_list .inner .recommend_festival_ul li:nth-child(3){display: none;}
    .other_list .inner .recommend_festival_ul li a .other_festival_content .date{padding-bottom: 5px;font-size: 14px;}
    .other_list .inner .recommend_festival_ul li a .other_festival_content .loc{font-size: 14px;}
    .other_list.type2 .inner .other_festival{padding: 65px 0 100px 0;}
    section.other_list .inner .other_festival{padding: 48px 0 38px 0;}
    .other_list .inner .other_festival.list_height {padding: 48px 0 100px 0;}
    .other_list .inner .other_festival.no_list_height {padding: 40px 0 38px 0;}
    .other_list .inner .recommend_festival_ul li a .other_festival_img.sing .sing_area{width: 32px; height: 32px;}
    .other_list .inner .recommend_festival_ul li a .other_festival_img.sing .sing_area::before{width: 19.92px; height: 15.62px; background: url(../img/recommend_ico.png); background-size: 19.92px, 15.62px; }
    .other_list .inner .recommend_festival_ul li a .recommend_festival_content .loc{font-size: 14px; padding-bottom: 5px;}
    .other_list .inner .recommend_festival_ul li a .recommend_festival_content strong{padding: 7px 0 6px 0;font-size: 16px;}
    .other_list.type2 .tab_cont_area{padding-top:0;}
    .tab_cont_area .list_more_btn{display: flex; justify-content: center; align-items: center; width: 200px; height: 40px; margin: 13px auto auto auto; background: #F2F2F7; border: 1px solid #E6E6EB; border-radius: 4px; font-size: 16px; font-weight: 400; color:#666670 ; }


    .other_list.type2 .festival_banner {padding: 40px 0 0px;border:0;}
    /* .other_list.type2 .festival_banner:after{content:'';display:block;position:absolute;left:20px;right:20px;bottom:0;height:1px;background:#E6E6EB;} */
    .other_list.type2 .festival_banner .swiper-container{position:static;margin-left: auto;margin-right: auto;overflow: hidden;padding: 0 0 0 20px;}
    .other_list.type2 .festival_banner img{width:100%;}
    .other_list.type2 .festival_banner h3{padding:0 20px 15px;font-size:20px;line-height:24px;}
    .other_list.type2 .festival_banner .mo{display:block;}
    .other_list.type2 .festival_banner .pc{display:none;}
    .other_list.type2 .festival_banner .swiper-slide {width: 80%;}
    .other_list.type2 .festival_banner .swiper-pagination{display:block;bottom: 30px !important;}

    .paging_box.pc{display:none;}
    .paging_box.mobile{display:block;}
    .festival_list_wrap{width: 100%; height: 755px; background: url(../img/m_main5.png) no-repeat center; background-size: cover; }

    .mobile_wrap  .swiper-pagination{display: block!important;}
    .swiper-scrollbar{display: none;}
    #mainBusinessCon {margin: 0; max-width: none;}
    #mainBusinessCon.no-festival{height: auto;}
    #mainBusinessCon.no-festival::after {display: none;}
    #mainBusinessCon.no-festival .main-business-txt {height: auto; min-height: auto;}
    #mainBusinessCon.no-festival .main-business-txt .month {padding-top: 0; font-size: 36px; line-height: 38px;}
    #mainBusinessCon .mo{display: block; width: 100%;}
    .main-business-inner {height:100%;}
    .main-business-img{padding-top: 280px; border-radius: 149px 0 0 149px !important; width: 100% !important; margin-left: 20px;}
    .main-business-img-inner {justify-content:start;}
    .main-business-txt{position: initial !important; margin: 0 20px; min-height: 160px;}
    .main-business-txt .month{font-size: 32px; padding-top: 10px; line-height: 32px;}
    .main-business-txt .msg{ margin-top: 10px; font-size: 20px; line-height: 24px;}
    .main-business-txt .name{margin: 8px 0; max-height: 56px;}
    .main-business-txt .name span {font-size:24px;line-height:28px; padding: 0 6px;}
    .main-business-txt .name.type01,
    .main-business-txt .name.type02 span,
    .main-business-txt .name.type03 {max-width: 100%;}
    .main-business-txt .category,
    .main-business-txt .location {font-size: 14px; line-height: 17px; letter-spacing: 0.48px;}
    .main-business-txt .location::before{background: url(../img/icon-location_m.png) no-repeat; background-size: cover;}
    .main-business-txt .category{margin-top:6px;}
    .main-business-txt .category::before{background: url(../img/icon-date_m.png) no-repeat;  background-size: cover;}

    .main-business-con{margin-top: 0px;}
    .swiper-control {position: initial; padding: 16px 0 3px 20px;}
    .main-business-prev, .main-business-next {display: none;}
    .swiper-control .swiper-pagination .swiper-pagination-bullet {width: 8px !important; height: 8px !important; margin: 0 3px !important;}
    .swiper-control .swiper-pagination .swiper-pagination-bullet:first-child {margin-left: 0 !important;}
    .swiper-control .swiper-pagination .swiper-pagination-bullet:last-child {margin-right: 0 !important;}
    .swiper-control .swiper-pagination .swiper-pagination-bullet-active {width: 19px !important; border-radius: 6px !important;}

    .festival_section{z-index: 4; padding-top: 125px;}
    .festival_section .tit_wrap{margin-bottom: 10px;}
    .festival_section_mark{width: 160px; height: 126px; background: url(../img/festival_mark_bottom.png) no-repeat center; background-size: 160px 126px;}
    .festival_expln_box{left:0;width: 260px;padding:14px;}
    .festival_expln_box::after{right:auto;left:207px}
    .mark_content{position: absolute; z-index: 5; bottom:0; right: 0; width: 100%;}
    /* 축제 리스트 */

    /* 축제 리스트 > 비주얼 포커스 */
    .visual_wrap{margin-top:40px;}
    .visual_wrap .pc_wrap{display:none;}
    .visual_wrap .mobile_wrap{display:block;}
    .info_update .inner .info_inner{flex-direction: column;}
    .info_update .inner .info_inner ul{order: 2; padding-top: 20px; flex-direction: column; align-items: baseline;}
    .info_update .inner .info_inner ul li:first-child{padding-right: 0; margin-bottom: 5px;}
    .info_update .faq_info{flex-wrap: wrap; gap: 8px;}
    .info_update .faq_info .btn{gap: 8px;}
    .info_update .faq_info a{height: 32px; line-height: 32px;}

    .bg_lottie{position: absolute; left:auto; right: -164px;top:-118px; width: 370px;}
    .lottie{width: auto !important; height: 340px !important;}
    .ico_lottie_title{position: absolute; top: -50px; left: 98px;  width: 46px; height: 77px;}
    .ico_lottie_title2{position: absolute; top: -62px; left: 59px;  width: 36px; height: 90px;}
    .m_scroll_ico_area{position: fixed; z-index: 10; left:50%; transform: translateX(-50%); bottom:12px; display: block;  width: 28px; height: 28px; background:rgba(0, 0, 0, .55); border-radius: 100%; text-align: center;}
    .m_scroll_ico_area .m_scroll_ico{display: inline-block; vertical-align: middle; position: fixed; left:50%; transform: translateX(-50%); top:0px; width: 20px; height: 20px;background: url(../img/mobile_scroll_ico.png) no-repeat center; background-size: 20px 20px;}
    /* //축제 리스트 > 비주얼 포커스 */

    /* no list */
    .no_list{display: flex; justify-content: center; align-items: center; flex-direction: column; padding-top: 23px;}
    .no_list .no_img{width: 88px; height: 136px; background: url(../img/mo_no_list_ico.png) no-repeat center; background-size: 88px 136px;}
    .no_list strong{display: inline-block; padding-top: 34px; font-size: 20px; font-weight: 600; color:#1A1A24 ;}
    .no_list p{padding-top: 7px; font-size: 16px; font-weight: 400; color:#666670 ;}
    .top_bannr_box li{margin-right: 0;}
    .arrow_ico img:first-child.on{display: none;}
    /* no list */

    .festival_expln_box p .block {display:block}
}
/*************************************************모바일*************************************************/
@media all and (max-width:630px){
    .poster_detail .inner .poster_info_content .slide_content.fst{width: 85%;}
    /* .swiper-slide.main-business-item {width:295px !important} */
}
@media all and (max-width:430px){
    .search_slide_wrap .btn_search{padding: 15px 43px 13px 19px;}
    .search_slide_wrap .btn_reset{padding: 15px 43px 13px 19px;}
    .top_bannr_box li a{padding: 0;}
    .bottom_banner_box li a{padding:0}


}
@media all and (max-width:390px){
    .main_section .main_visual_content.swiper-container .slide_title h2 {font-size: 28px;}
    .search_box{padding: 32px 20px;}

}