@charset "utf-8";

:root{
--board-color-1:#53A29D;
}

/* 함양관광홍보 목록 */
.promo_wrap{display:flex;flex-direction:column;}
.promo_cate{margin-bottom:30px;}
.promo_cate ul{display:flex;flex-wrap:wrap;gap:8px;}
.promo_cate a{display:block;padding:7px 20px;border:1px solid #ddd;border-radius:2em;font-size:16px;font-weight:500;letter-spacing:-0.02em;line-height:1.5;color:#555;}
.promo_cate a:hover{border-color:var(--board-color-1);color:var(--board-color-1);}
.promo_cate #bo_cate_on{border-color:var(--board-color-1);background:var(--board-color-1);font-weight:700;color:#fff;}

.promo_top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;}
.promo_top .lt{display:flex;flex-direction:column;align-items:flex-start;gap:10px;}
.promo_top .total{font-size:16px;font-weight:400;letter-spacing:-0.02em;line-height:1.5;color:#555;}
.promo_top .total strong{font-weight:700;color:var(--board-color-1);}
.promo_top .chk_all{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;letter-spacing:-0.02em;line-height:1.4;color:#424242;cursor:pointer;}
.promo_top .chk_all input{width:18px;height:18px;accent-color:var(--board-color-1);cursor:pointer;}
.promo_top .btns{display:flex;gap:8px;}
.promo_top .btns a,.promo_top .btns button{display:block;padding:8px 18px;border:0;border-radius:5px;font-size:15px;font-weight:600;letter-spacing:-0.02em;line-height:1.4;text-align:center;color:#fff;cursor:pointer;}
.promo_top .btn_admin{background:#616161;}
.promo_top .btn_admin:hover{background:#424242;}
.promo_top .btn_write{background:var(--board-color-1);}
.promo_top .btn_write:hover{background:#3f8c87;}
.promo_top .btn_del{background:#e53935;}
.promo_top .btn_del:hover{background:#c62828;}

.promo_list{display:flex;flex-wrap:wrap;gap:30px;border-top:2px solid #212121;padding-top:40px;}
.promo_list .item{position:relative;display:flex;flex-direction:column;flex:0 0 calc((100% - 60px) / 3);min-width:0;}
.promo_list .item > a{display:flex;flex-direction:column;gap:18px;height:100%;}
.promo_list .thumb{width:100%;aspect-ratio:3/4;border:1px solid #e0e0e0;border-radius:10px;background:#f7fbfb;object-fit:contain;}
.promo_list .no_img{display:flex;justify-content:center;align-items:center;background:#f2f4f5;}
.promo_list .no_img img{width:60%;height:auto;aspect-ratio:auto;object-fit:contain;}
.promo_list .con{display:flex;flex-direction:column;gap:8px;}
.promo_list .tit{font-size:20px;font-weight:700;letter-spacing:-0.02em;line-height:1.4;color:var(--board-color-1);}
.promo_list .desc{font-size:16px;font-weight:400;letter-spacing:-0.02em;line-height:1.6;color:#424242;}
.promo_list .item:hover .tit{text-decoration:underline;}
.promo_list .btn_modify{position:absolute;top:10px;right:10px;padding:5px 14px;border:1px solid var(--board-color-1);border-radius:5px;background:#fff;font-size:14px;font-weight:600;letter-spacing:-0.02em;line-height:1.4;color:var(--board-color-1);}
.promo_list .item > a.btn_modify{height:auto;display:block;}
.promo_list .btn_modify:hover{background:var(--board-color-1);color:#fff;}
.promo_list .chk{position:absolute;top:10px;left:10px;display:flex;align-items:center;cursor:pointer;}
.promo_list .chk input{width:20px;height:20px;accent-color:var(--board-color-1);cursor:pointer;}
.promo_list .promo_empty{flex:1;padding:80px 0;font-size:16px;letter-spacing:-0.02em;color:#9e9e9e;text-align:center;}

@media screen and (max-width: 1024px){
.promo_list{gap:24px;padding-top:30px;}
.promo_list .item{flex-basis:calc((100% - 24px) / 2);}
.promo_list .tit{font-size:18px;}
}

@media screen and (max-width: 768px){
.promo_top{flex-wrap:wrap;}
.promo_list{gap:30px;padding-top:24px;}
.promo_list .item{flex-basis:100%;}
.promo_list .item > a{gap:14px;}
.promo_list .thumb{aspect-ratio:auto;}
.promo_list .tit{font-size:17px;}
.promo_list .desc{font-size:15px;}
}

/* 함양관광홍보 보기 */
.promo_view{display:flex;flex-direction:column;align-items:center;gap:24px;}
.promo_view .head{width:100%;padding-bottom:20px;border-bottom:2px solid #212121;}
.promo_view .head h3{font-size:26px;font-weight:700;letter-spacing:-0.02em;line-height:1.4;color:#212121;text-align:center;}
.promo_view .poster{max-width:720px;border-radius:10px;}
.promo_view .con{width:100%;font-size:17px;font-weight:400;letter-spacing:-0.02em;line-height:1.7;color:#424242;text-align:center;}
.promo_view .btn_link{display:flex;align-items:center;padding:15px 32px;border:1px solid var(--board-color-1);border-radius:2em;transition:background-color .3s,color .3s;font-size:17px;font-weight:600;letter-spacing:-0.02em;line-height:1.2;color:var(--board-color-1);background:#fff;}
.promo_view .btn_link:hover{background:var(--board-color-1);color:#fff;}
.promo_view .btns{display:flex;justify-content:center;gap:10px;width:100%;margin-top:20px;padding-top:30px;border-top:1px solid #e0e0e0;}
.promo_view .btns a{min-width:120px;padding:12px 20px;border-radius:5px;font-size:16px;font-weight:600;letter-spacing:-0.02em;line-height:1.4;text-align:center;}
.promo_view .btn_list{background:var(--board-color-1);color:#fff;}
.promo_view .btn_modify{border:1px solid #bdbdbd;color:#424242;}
.promo_view .btn_del{border:1px solid #e53935;color:#e53935;}
.promo_view .con > * + *{margin-top:20px;}
.promo_view .con .tbl_wrap{max-width:720px;margin-inline:auto;overflow-x:auto;}
.promo_view .con table{width:100%;border-collapse:collapse;border-top:2px solid #212121;font-size:16px;line-height:1.5;}
.promo_view .con .tbl_tit{margin-bottom:12px;font-size:18px;font-weight:700;line-height:1.4;color:#212121;}
.promo_view .con th{padding:12px 10px;border-bottom:1px solid #bdbdbd;background:#f5f9f9;font-weight:700;color:#212121;}
.promo_view .con td{padding:12px 10px;border-bottom:1px solid #e0e0e0;word-break:keep-all;}
.promo_view .con td:last-child{white-space:nowrap;}

@media screen and (max-width: 768px){
.promo_view{gap:20px;}
.promo_view .head h3{font-size:20px;}
.promo_view .con{font-size:15px;}
.promo_view .con table{font-size:14px;}
.promo_view .con .tbl_tit{font-size:16px;}
.promo_view .con th,.promo_view .con td{padding:10px 6px;}
.promo_view .btn_link{padding:13px 24px;font-size:15px;}
.promo_view .btns a{min-width:0;flex:1;font-size:15px;}
}

/* 함양관광홍보 등록 */
.promo_write .wr_list{display:flex;flex-direction:column;border-top:2px solid #212121;}
.promo_write .wr_list > li{display:flex;align-items:flex-start;gap:20px;padding:20px 10px;border-bottom:1px solid #e0e0e0;}
.promo_write .lb{flex:0 0 160px;padding-top:10px;font-size:16px;font-weight:600;letter-spacing:-0.02em;color:#212121;}
.promo_write .lb strong{margin-left:3px;color:#e53935;}
.promo_write .fd{display:flex;flex-direction:column;flex:1;gap:8px;min-width:0;}
.promo_write .fd input[type=text],
.promo_write .fd select,
.promo_write .fd textarea{width:100%;padding:10px 14px;border:1px solid #ddd;border-radius:5px;font-size:16px;letter-spacing:-0.02em;line-height:1.5;color:#212121;}
.promo_write .fd textarea{resize:vertical;}
.promo_write .help{font-size:14px;letter-spacing:-0.02em;color:#9e9e9e;}
.promo_write .del_file{font-size:14px;letter-spacing:-0.02em;color:#616161;}
.promo_write .wr_btn{display:flex;justify-content:center;gap:10px;margin-top:30px;}
.promo_write .wr_btn > *{min-width:140px;height:50px;padding:0 20px;border:0;border-radius:5px;font-size:16px;font-weight:600;letter-spacing:-0.02em;line-height:50px;text-align:center;cursor:pointer;}
.promo_write .btn_cancel{background:#eceff1;color:#424242;}
.promo_write .btn_submit{background:var(--board-color-1);color:#fff;}

@media screen and (max-width: 768px){
.promo_write .wr_list > li{flex-direction:column;gap:8px;padding:16px 0;}
.promo_write .lb{flex:none;padding-top:0;}
.promo_write .wr_btn > *{min-width:0;flex:1;}
}