/* 헤더 */

header .header-busan {background: #323232; height: 60px;}
header .header-busan .logo-busan {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
header .header-busan .login-state {color: #777c7f; position: absolute; left: 5px; top: 50%;}
header .header-busan .login-state li a {padding: 0 15px;}
header .header-busan .login-state li {position: relative; float: left;}
header .header-busan .login-state li:after {content: ""; width: 1px; height: 18px; background: #777c7f; display: block; position: absolute; right: 0; top: 1px;}
header .header-busan .login-state li:last-child::after {display: none;}
header .header-busan .search-wrap {width: 208px; height: 40px; line-height: 40px; border: 1px solid #656565; color: #777c7f; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
header .header-busan .header-search input {background: transparent; border: none; height: 40px; line-height: 40px;}
header .header-busan .header-search button {position: absolute; right: 10px; top: 1px;}
header .header-nav {width: 100%; background-color: #37a8ec; height: 85px; z-index: 11; position: relative; overflow: hidden; transition: all 0.3s ease-in-out;border-bottom: 3px solid #273d5b;}
header .header-nav.active {height: 208px;}
header .header-nav #logo {position: absolute; left: 20px; top: 30px; z-index: 12;}
header .header-nav nav > ul {position: relative; top: 30px;}
#gnb-bg {overflow: hidden; position: absolute; left: 0; top: 60px; width: 100%; height: 200px; background: #37a8ec; z-index: 10; transition: height 0.3s ease-in-out, opacity 0.2s ease-in-out;}
.header-nav.active #gnb-bg {height: 200px;}
header .header-nav nav > ul > li > a {padding-bottom: 30px;}
header .header-nav nav ul li a {color: #fff; font-size: 16px; padding: 0 25px; font-weight: 600;}
header .header-nav nav ul ul {padding: 35px 0;}
header .header-nav nav ul ul li a {display: block; padding: 0; font-size: 14px;}
header .header-nav.active nav ul ul {opacity: 1; z-index: 99;}
header .header-nav.active nav ul ul li a {display: block;}
header .mobile-login, header .mobile-search-wrap, .mobile-gnb {display: none;}

/* 스마트폰영상제 게시글 view play_view */
	/*
	.contest5_bo_view #bo_v #bo_v_title {line-height: 1.3;border-top: 2px solid #006191;border-bottom: 1px solid #006191;}
	.contest5_bo_view #event_view2 .info_ {margin: 30px 0 0 0;width: 100%;box-sizing: border-box;}
	.contest5_bo_view #event_view2 .info_ dt {width: 100%;}
	.contest5_bo_view #event_view2 .info_ dl {width: auto;}
	.contest5_bo_view #event_view2 .info_ dd {padding: 20px 15px;width: auto;}
	.contest5_bo_view #bo_v_con #event_view2 .info_ dl div {display: flex;}
	.contest5_bo_view #event_view2 .info_ {width: 100%;margin: 30px 0 0 0;box-sizing: border-box;}
	.contest5_bo_view #event_view2 .info_ div dt {width: 25%;padding: 20px 15px 20px;font-size: 18px;color: #fff;background: #8f9ad3;word-break: keep-all;line-height: 1.3; text-align: center; vertical-align: middle; display: flex; align-items: center; justify-content: center; border: 1px solid #ebebeb;}
	.contest5_bo_view #event_view2 .info_ div dd {padding: 32px 35px 23px;width: 75%;border: 1px solid #ebebeb;}
	.contest5_bo_view #event_view2 .info_ dl {width: 100%;}
	.contest5_bo_view #bo_v_title {border-top: 2px solid #006191;border-bottom: 1px solid #006191;}
	.contest5_bo_view #event_view2 .info2_ dt {margin: 20px auto;width: 230px;border: none;border-radius: 50px;background: #7767eb;}
	.contest5_bo_view #event_view2 .info2_ {margin-top: 35px;border: none;}
	.contest5_bo_view #event_view2 .info2_ dt {padding: 0;box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);transition: all 0.3s ease 0s;}
	.contest5_bo_view #event_view2 .info2_ dt:hover {transform: translateY(-3px);}
	.contest5_bo_view #bo_v_con a {padding: 20px 0;display: block;}
	*/
	
/* 푸터 */
/*
footer {position: relative; width: 100%; background: #e9e9e9; padding: 30px 0;}
footer ul {position: relative; font-size: 12px; text-align: center; color: #666;}
footer ul span {display: inline-block; padding-right: 13px; margin-right: 10px;}
footer ul li:first-child span {position: relative;}
footer ul li:first-child span:after {content: ''; display: block; position: absolute; width: 1px; height: 10px; right: -4px; top: 50%; transform: translate(0,-50%); background: #ccc;}
footer ul li:first-child span:last-child:after {display: none;}
*/

.footer {
    position: relative;
    z-index: 1;
    background: rgba(248, 248, 248, 1.0);
	box-shadow: 0px -8px 16px rgba(0, 0, 0, 0.04);
    color: var(--sepia-text);
    padding: 24px;
    text-align: center;
}

.footer-logo {
    height: 60px;
    /* filter: brightness(0) invert(1); */ 
	margin: 0 auto;
}

.footer-text {
    font-size: 16px;
	margin-top: 16px;
}

.footer-text a {
    color: var(--sepia-text);
    text-decoration: none;
}

@media (max-width: 320px) {
	footer ul li:first-child span:after {display: none;}
}

/* 2차 메뉴 */
.tab {width: 100%; border-bottom: 1px solid #ddd;}
.tab ul {display: flex; flex-wrap: wrap;}
.tab ul li {flex: 1; text-align: center;}
.tab ul li a {display: block; padding: 10px; border-right: 1px solid #ddd; transition: all 0.3s ease-in-out; color: #333;}
.tab ul li a:hover, .tab ul li a.active {background-color: #333; color: #fff;}
.tab ul li:first-child a {border-left: 1px solid #ddd;}
@media (max-width: 767px) {
	.tab ul {padding: 0; white-space: nowrap; overflow-x: auto; overflow-y: hidden; flex-wrap: inherit !important; scrollbar-width: none;}
	.tab ul::-webkit-scrollbar {display: none;}
	.tab ul li a {padding: 10px; font-size: 14px;}
	.tab ul li:first-child a, .tab ul li:last-child a {border-left: none;}
}
/* right side */
.notice_cont {width: 70%; display: inline-block;}
.notice_cont2 {display: inline-block; float: right;}
.play_2021side {background: url(../../img/play_side1_2024_1.png) no-repeat; width: 300px; height: 885px;}
.play_2021side .side_more {position: relative;top: 13px;right: 20px; float: right;}
.corp2021 {position: relative; top: 57px;}
.corp2021 ul li{border: 1px solid; border-color: rgba(0, 0,0, 0.0); height: 62px; width: 298px;}
.corp2021 ul li a {display: block; width: 100%; height: 100%}
/*2021라이트사이드메뉴:e*/
ul.list_btn {position:relative;overflow:hidden;margin:10px 20px 20px}
ul.list_btn li {display:block;}
ul.list_btn li a {display:block;line-height:40px;color:#666;border-bottom:1px solid #ddd;padding:0 10px}
ul.list_btn li a:hover {font-weight:600;color:#333;background:#f9f9f9}
/* 게시판 */
.board_lst {display:block;padding:15px;position: relative; top: 53px;}
.board_lst li {display:block;width:100%;}
.board_lst li a {font-size: 13px;display:block;color:#666;background:url(https://test3.busan.com/new_img/dot01.png) no-repeat 0 10px;padding-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:6px}
.board_lst li a:hover {text-decoration:underline}
@media (max-width: 1309px) {    .notice_cont {width: 60%; display: inline-block;}
}
@media (max-width: 991px) {    .notice_cont {width: 100%;} .notice_cont2 {display: none;}
}

/*------------------------------------------------------이벤트 리스트-------------------------------------------------------*/

.event_lst_box {position:relative;display:block;overflow:hidden;}
.event_lst_box ul.event_lst {display:block;overflow:hidden;width:100%;margin:0 auto;}

.event_lst_box ul.event_lst > li {position:relative;width:30%;display:block;overflow:hidden;float:left;margin:0 32px 50px 6px;border-left:1px solid #efeeee;border-right:1px solid #efeeee;border-bottom:1px solid #dbdbdb;background:#fff; border-radius: 10px;}
.event_lst_box ul.event_lst li span.box_txt {position:absolute;top:0;left:10px;width:46px;height:58px;text-align:center;padding-top:6px;color:#fff;z-index:20}
.event_lst_box ul.event_lst li div.tit_img_box {position:relative;display:block;height:255px;overflow:hidden;}
.event_lst_box ul.event_lst li div.tit_img_box img {width:100%; height: 235px; border-radius: 10px;}
.event_lst_box ul.event_lst li div.tit_img_box span.tit_box span.s_txt {display:inline-block;margin-bottom:2px;font-size:11px;font-family:"돋움",Dotum;padding:2px 5px;line-height:20px;height:18px;}
/*.event_lst_box ul.event_lst li div.tit_img_box span.tit_box span.tit {display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;}*/
.event_lst_box ul.event_lst li div.tit_img_box span.tit_box span.tit {display:block;font-size:13px;font-weight:600;/*white-space:nowrap;*/overflow:hidden;text-overflow:ellipsis;width:100%;position:absolute;left:0;margin-top:-15px; background-color: #000;}

.event_lst_box div.event_botm {display:block;padding:15px;}
.event_lst_box ul.event_lst li ul.txt_list {display:block;overflow:hidden;margin-bottom:10px;}
.event_lst_box ul.event_lst li ul.txt_list li {display:block;padding-bottom:3px;letter-spacing:-0.05em;}
.event_lst_box a {display:block;line-height:40px;color:#fff;text-align:center}
.event_lst_box a.event_btn {background:#6966d9; border-radius: 10px;}
.event_lst_box a.anno_btn {display:inline-block;width:77px;background:#0db9b7;}
.event_lst_box a.review_btn {display:inline-block;width:77px;background:#9b9b9b;}

.event_lst_box ul.event_lst li.ing_event span.box_txt {background:url(../../new_img/event_ing_bg2.png) no-repeat 0 0}
.event_lst_box ul.event_lst li.ing_event div.tit_img_box span.tit_box span.s_txt {background:#e23672;}
.event_lst_box ul.event_lst li.end_event span.box_txt {background:url(../../new_img/event_end_bg.png) no-repeat 0 0}
.event_lst_box ul.event_lst li.end_event div.tit_img_box span.tit_box span.s_txt {background:#0db9b7;}
/* 2022play 인기상 :s */
.price_4 {border: 1px solid rgba(0, 0, 0, 0); display: block; height: 534px;}
.price_4_2025 {display: flex; justify-content: center;} 
.price_4 #price_list {width: 30%; float: left; height: 580px;     border: 1px solid #cdcdcd;position: relative; margin-left: 10px;}
.price_4 .price_list_2025 {float: none;}
.price_4 #price_list ul li a {display: block; width: 95%; border: 1px solid rgba(255, 5, 243, 0); height: 100%; color: rgb(51, 51, 51);font-size: 15px; text-align: left!important; padding-left: 20px; line-height: 30px }
.price_4 .price_2020 {margin-top: 30px; width: 46%; float: left; height: 406px;     border: 1px solid #cdcdcd;position: relative; margin-left: 10px;}
.price_4 .price_2020 ul li a {display: block; width: 95%; border: 1px solid rgba(255, 5, 243, 0); height: 100%; color: rgb(51, 51, 51);font-size: 15px; text-align: left!important; padding-left: 20px; line-height: 30px }
@media (max-width: 737px) {
	.price_4 #price_list{width: 100%; margin-left:0px; margin-top:20px} 
.price_4 #price_list ul li {border: 1px solid rgba(255, 89, 89, 0);margin: 8px 0px;}
.price_4_2025 {display: bolck!important;}
}
@media (max-width: 737px) {
	.price_4 .price_2020{width: 100%; margin-left:0px; margin-top:20px}
} 
/* .price_4 .price_2_list  ul {margin-left: 21px;} .price_3_list ul {margin-left: 43px;} */
/* 2022play 인기상 :e */
/*------------------------------------------------------라이트컨테츠-------------------------------------------------------*/

#right_cont {position:relative;width:300px;overflow:hidden;float:right;}

.food_search {position:relative;display:block;overflow:hidden;padding:20px;}
.search_cont {position:relative;display:block;overflow:hidden;padding:0 0 20px 78px;}
.search_cont span.ico_search {position:absolute;top:0;left:0;background:url(../../new_img/food_search_img.png) no-repeat;width:68px;height:68px;}
.search_cont span.tit {display:block;font-size:20px;color:#333;line-height:24px}
.search_cont span.search_input {position:relative;display:block;background:url(../../new_img/input_box_bg.png) repeat-x #fff;height:24px;padding:4px 0 4px 5px;border:1px solid #d2d2d2;overflow:hidden;margin-top:10px;}
.search_cont span.search_input input {height:24px;line-height:24px;background:#fff;border:none;width:130px;float:left;}
.search_cont span.search_input a {display:block;position:absolute;top:3px;right:0;width:30px;height:24px;background:url(../../new_img/btn_search.png) no-repeat center center;border-left:1px solid #e5e5e5;text-indent:-99999px;}

.search_list {display:block;padding:20px 0;background:url(../../new_img/dot_line.png) repeat-x top;}
.search_list span.tit {display:block;font-size:14px;color:#333;margin-bottom:10px;font-weight:600}
.search_list a {display:inline-block;width:81px;height:26px;line-height:24px;color:#666;border:1px solid #e0e0e0;margin-bottom:3px;text-align:center;font-size:12px;}
.search_list a:hover {background:#494949;border:none;width:83px;height:27px;color:#fff}

.rcontBox {position:relative;display:block;overflow:hidden;}

@media (max-width: 1534px) {
	.event_lst_box ul.event_lst {width: 80%;}
}
@media (max-width: 1309px) {   .event_lst_box ul.event_lst {width: 94%;}
}
@media (max-width: 991px) {     .event_lst_box ul.event_lst {width:100%;}
.event_lst_box ul.event_lst > li {width: 31%;}
}
@media (max-width: 580px) {    
.event_lst_box ul.event_lst > li {width: 31%;}
.event_lst_box ul.event_lst li div.tit_img_box span.tit_box span.tit {width: 100%;}
.event_lst_box ul.event_lst li div.tit_img_box img{height: 200px;}
.event_lst_box ul.event_lst li div.tit_img_box {height: 200px;}
.event_lst_box ul.event_lst > li {width: 100%;}

}
.board-type-gallery-three .body h4 {margin-right: 120px;}
.bg_tit2 {padding: 0px 28px;
    border-right: 1px solid #b7b7b7;}
	@media (max-width: 631px){.bg_tit2 {padding: 0px 17px;} }
	#sec03 .l_con .lat ul {    border-top: 2px solid #fff;}


@media (max-width: 1024px) {

}

@media (max-width: 768px) {
    header .header-busan,
    header .header-nav,
    #gnb-bg {
        height: auto !important;
        background: transparent !important;
        background-color: transparent !important;
        border: none !important;
        overflow: visible !important;
        top: 0 !important;
    }
    
    header .header-nav nav > ul {
        position: static !important;
        top: 0 !important;
    }
    
    header .header-busan .logo-busan,
    header .header-busan .search-wrap,
    header .header-nav #logo {
        display: none !important;
    }
    
    header .header-nav nav {
        display: block !important;
        background: #ffffff !important;
    }
    header .header-nav nav .mobile-login-state {
        display: block !important; 
    }
    header .header-nav nav .mobile-login-state * {
        display: inline-block !important;
    }
    header .header-nav nav .mobile-login-state ul {
        display: flex !important;
    }
    
    header .header-busan .login-state li {
        float: none !important;
    }
}

/* 응모 페이지 스타일 수정 */

#event_view2 .img {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin-bottom: 30px !important;
}
#event_view2 .img img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}

#event_view2 .info_ {
    margin-top: 25px !important;
    border-top: 2px solid #0fb3f0 !important; 
}
#event_view2 .info_ dl {
    margin: 0 !important;
    padding: 0 !important;
    border-left: 1px solid #0fb3f0 !important; 
    border-right: 1px solid #0fb3f0 !important; 
}
#event_view2 .info_ dl > div {
    display: flex !important;
    align-items: stretch !important; 
    border-bottom: 1px solid #0fb3f0 !important; 
    margin-bottom: 0 !important; 
}

#event_view2 .info_ dt {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #0fb3f07d !important; 
    color: #1e293b !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    width: 150px !important; 
    padding: 15px 10px !important;
    border-right: 1px solid #0fb3f0 !important; 
    flex-shrink: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

#event_view2 .info_ dd {
    align-items: center !important; 
    margin: 0 !important;
    padding: 15px 20px !important; 
    font-size: 18px !important;
    color: #334155 !important;
    line-height: 1.6 !important;
    flex-grow: 1 !important;
    background-color: #ffffff !important;
    box-sizing: border-box !important;
}

#event_view2 .recommend-button.like {
    width: 200px !important;
    height: 48px !important;
    line-height: 48px !important;
    background-color: #3f7ab9 !important;
    border-radius: 30px !important;
    box-shadow: 0 4px 12px rgba(0, 70, 255, 0.15) !important;
    transition: all 0.2s ease !important;
    text-align: center !important;
    margin: 40px auto 0 auto !important;
}

#event_view2 .recommend-button.like:hover {
    background-color: #438bd9 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px rgba(0, 70, 255, 0.25) !important;
}

#event_view2 .recommend-button.like a {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    text-decoration: none !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

/* 반응형 */
@media (max-width: 768px) {
    #event_view2 .img {
        margin-bottom: 20px !important;
    }
    #event_view2 .info_ dt {
        width: 90px !important;
        font-size: 13px !important;
        padding: 12px 5px !important;
    }
    #event_view2 .info_ dd {
        padding: 12px 15px !important;
        font-size: 13px !important;
    }
    #event_view2 .recommend-button.like {
        width: 180px !important;
        height: 44px !important;
        line-height: 44px !important;
    }
}

/* 하단 버튼(수정, 삭제, 목록) 스타일 수정*/

.board-read-list {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 15px !important;
    margin-top: 40px !important;
    margin-bottom: 60px !important;
    padding: 0 10px !important;
}

.board-read-list .button-small.flex {
    display: flex !important;
    gap: 8px !important; 
}

.board-read-list a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 42px !important;
    padding: 0 24px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
}

/* 반응형 */
@media (max-width: 768px) {
    .board-read-list {
        flex-direction: row !important; 
        justify-content: space-between !important;
        align-items: center !important;
        gap: 10px !important;
        margin-top: 30px !important;
        margin-bottom: 40px !important;
    }

    .board-read-list > div {
        flex: 1 !important;
        display: flex !important;
    }
    
    .board-read-list .button-small.flex {
        flex: 2 !important;
        width: 100% !important;
        gap: 6px !important;
    }

    .board-read-list .button-small:not(.flex),
    .board-read-list .button-medium {
        flex: 1 !important;
        width: 100% !important;
        justify-content: flex-end !important;
    }

    .board-read-list a {
        width: 100% !important; 
        height: 44px !important; 
        padding: 0 !important;  
        font-size: 13px !important;
    }
}