@charset "utf-8";

/* 이벤트 공통 */
.event_page {min-width:100%;background:#adaaa3;margin:0 auto;padding:100px clamp(24px, 5.2vw, 100px) 110px;}
.event_page > .area {background:#fff;padding:clamp(40px, 5.2vw, 80px) clamp(40px, 5.2vw, 100px) clamp(60px, 5.2vw, 100px);}
.event_head {margin:0;padding:0 0 36px;border-bottom:1px solid #ddd;}
.event_head h2 {margin:0;font-size:45px;font-weight:700;color:#222;letter-spacing:-0.04em;line-height:1.2;}
.event_head p {margin:18px 0 0;font-size:16px;color:#222;line-height:1.7;letter-spacing:-0.03em;}

.event_board {position:relative;margin-top:0 !important;}
.event_toolbar {display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 36px;}
.event_tabs {display:flex;gap:32px;margin:0;padding:18px 0 0;list-style:none;}
.event_tabs li {margin:0;padding:0;}
.event_tabs a {position:relative;display:inline-block;padding:0 0 14px;font-size:16px;color:#b0b0b0;font-weight:400;letter-spacing:-0.03em;text-decoration:none;}
.event_tabs a:hover {color:#222;text-decoration:none;}
.event_tabs a.on {color:#111;font-weight:700;}
.event_tabs a.on:after {content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#111;}
.event_admin_bar {display:flex;align-items:center;gap:8px;padding-bottom:8px;}
.event_write_btn {display:inline-block;min-width:88px;height:36px;padding:0 18px;background:#4a4a4a;color:#fff !important;font-size:14px;line-height:36px;text-align:center;border:0;box-sizing:border-box;}
.event_write_btn:hover {background:#333;text-decoration:none;}
.event_admin_chk {margin:0 0 16px;font-size:13px;color:#666;}
.event_admin_chk button {height:30px;margin-left:8px;padding:0 10px;border:0;background:#555;color:#fff;cursor:pointer;}
.event_chk {position:absolute;top:8px;right:8px;z-index:2;}

/* 목록 그리드 */
.event_grid {display:grid;grid-template-columns:repeat(4, 1fr);gap:48px 22px;margin:0;padding:0;list-style:none;}
.event_item {position:relative;min-width:0;}
.event_item a {display:block;color:inherit;text-decoration:none;}
.event_item a:hover {text-decoration:none;}
.event_thumb {position:relative;overflow:hidden;background:#f3f3f3;}
.event_thumb img {width:100%;height:100%;object-fit:cover;display:block;}
.event_thumb .no_image {display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#ececec;color:#aaa;font-size:13px;text-transform:uppercase;}
.event_badge {position:absolute;top:12px;left:12px;z-index:1;background:rgba(255,255,255,0.88);color:#333;font-size:12px;line-height:1;padding:8px 10px;letter-spacing:-0.03em;}
.event_tit {display:block;margin:16px 0 8px;font-size:16px;font-weight:700;color:#111;letter-spacing:-0.04em;line-height:1.45;word-break:keep-all;}
.event_meta {display:none;}
.event_period {display:block;font-size:13px;color:#9a9a9a;font-weight:400;letter-spacing:-0.02em;}
.event_empty {grid-column:1 / -1;padding:120px 0;text-align:center;color:#888;font-size:15px;}

/* 페이징 */
.event_paging {margin:50px 0 30px;text-align:center;}
.event_paging .pg_wrap {float:none;display:block;text-align:center;}
.event_paging .pg {display:inline-block;}
.event_paging .pg_start,
.event_paging .pg_end {display:none;}
.event_paging .pg_page,
.event_paging .pg_current {min-width:32px;height:32px;margin:0 2px;padding:0 8px;border:0;border-radius:0;background:transparent;color:#333;font-size:15px;font-weight:400;line-height:32px;text-indent:0;overflow:visible;}
.event_paging .pg_prev,
.event_paging .pg_next {background:none !important;text-indent:0 !important;overflow:visible !important;font-size:0;color:#333;}
.event_paging .pg_prev:before {content:"<";font-size:16px;}
.event_paging .pg_next:before {content:">";font-size:16px;}
.event_paging .pg_current {background:#ececec;color:#111;font-weight:600;}
.event_paging .pg_page:hover {background:#f5f5f5;text-decoration:none;}

/* 검색 */
.event_sch {margin:10px 0 0;padding:0;border:0;text-align:center;}
.event_sch select {height:40px;padding:0 10px;border:1px solid #ddd;background:#fff;font-size:14px;color:#555;vertical-align:middle;}
.event_sch .sch_input {width:280px;height:40px;margin:0 6px;padding:0 14px;border:1px solid #ddd;background:#fff;font-size:14px;color:#333;vertical-align:middle;box-sizing:border-box;}
.event_sch .sch_btn {height:40px;padding:0 22px;border:0;background:#4a4a4a;color:#fff;font-size:15px;vertical-align:middle;cursor:pointer;}
.event_sch .sch_btn:hover {background:#333;}

/* 보기 */
.event_page #bo_v {width:100% !important;margin-top:40px;}
.event_page #bo_v_title {position:relative;margin:0;padding:0;border:0;font-size:inherit;color:#222;}
.event_page #bo_v_title .bo_v_tit {display:block;font-size:22px;font-weight:600;letter-spacing:-0.04em;}
.event_page #bo_v_info {position:static;margin:0;border:0;}
.event_page #bo_v_atc {border:0;min-height:0;border-bottom:1px solid #eee;}
.event_page #bo_v_con {min-height:120px;}
.event_page .bo_v_com {display:flex;float:none;margin:18px 0 0;padding:0;list-style:none;justify-content:flex-end;flex-wrap:wrap;gap:6px;}
.event_page .bo_v_com li {float:none;margin:0;}
.event_page .bo_v_com .btn {display:inline-block;min-width:72px;height:36px;padding:0 16px;border:1px solid #ddd;background:#fff;color:#333;font-size:14px;line-height:34px;text-align:center;box-sizing:border-box;}
.event_page .bo_v_com .btn:hover {background:#4a4a4a;border-color:#4a4a4a;color:#fff;text-decoration:none;}
.event_view_head {display:flex;align-items:flex-start;justify-content:space-between;padding:28px 0 22px;border-bottom:1px solid #eee;}
.event_view_cate {display:inline-block;margin:0 0 10px;font-size:13px;color:#888;}
.event_view_period {margin:10px 0 0;font-size:14px;color:#999;}
.event_status {display:inline-block;min-width:72px;padding:6px 12px;background:#222;color:#fff;font-size:13px;text-align:center;line-height:1.4;}
.event_status.end {background:#e4e4e4;color:#222;}

#bo_v {margin-bottom:20px;background:#fff;box-sizing:border-box}
#bo_v_con {margin:10px 0 30px;width:100%;line-height:1.7em;min-height:120px;word-break:break-all;overflow:hidden}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}
#bo_v_img {width:100%;overflow:hidden;zoom:1}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}

#bo_v_top {zoom:1}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_com {margin:20px 0;float:right}
.bo_v_com > li {position:relative;float:left;margin-left:5px}
.bo_v_nb {position:relative;margin:20px 0;clear:both;text-align:left}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {border-top:1px solid #f1f1f1;padding:13px}
.bo_v_nb li:last-child {border-bottom:1px solid #f1f1f1}
.bo_v_nb li .nb_tit {display:inline-block;padding-right:20px;color:#b3b3b3}
.bo_v_nb li .nb_date {float:right;color:#b3b3b3}

.more_opt {display:none;position:absolute;top:45px;right:0;background:#fff;border:1px solid #b8bfc4;z-index:999}
.more_opt li {border-bottom:1px solid #f1f1f1;padding:10px;float:inherit;width:90px;margin:0;color:#6b757c;text-align:left}
.more_opt li a {width:100%;border:0;background:#fff;color:#6b757c}

#bo_v_file h2,
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul,
#bo_v_link ul {margin:0;list-style:none}
#bo_v_file li,
#bo_v_link li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;}

/* 글쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;border:1px solid #565656;background:#fff;}
#bo_w .write_div {margin:10px 0;position:relative}
#bo_w .write_div:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input {float:left;margin-bottom:1%}
#bo_w #wr_password, #bo_w #wr_homepage {margin-left:1%}
#bo_w .bo_w_tit .frm_input {padding-right:120px}
#bo_w .btn_submit {padding:0 20px;font-size:1.167em;background:#4a4a4a;color:#fff;border:0;height:45px;cursor:pointer;}
#bo_w .btn_cancel {border-radius:3px;font-size:1.167em}
#bo_w .event_date_row {display:flex;gap:16px;}
#bo_w .event_date_field {flex:1;}
#bo_w .event_date_field label {display:block;margin:0 0 8px;font-size:14px;color:#333;}
#bo_w .event_date_field .frm_input {width:100%;height:42px;box-sizing:border-box;}
#bo_w .event_file_label {position:absolute;top:0;left:42px;height:38px;line-height:38px;font-size:13px;color:#888;pointer-events:none;}
#bo_w .bo_w_flie .file_wr {position:relative;border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#bo_w .bo_w_flie .lb_icon {position:absolute;top:0;left:0;height:38px;line-height:38px;width:40px;text-align:center;color:#b2b2b2}
#bo_w .bo_w_flie .frm_file {padding-left:110px;margin-top:3px}
#bo_w .bo_w_select select {border:1px solid #d0d3db;width:100%;height:40px;border-radius:3px}
#bo_w .bo_v_option li {display:inline-block;float:left;text-align:left;margin:0 5px 0 0}

.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box {position:relative}
.chk_box input[type="checkbox"] + label {position:relative;padding-left:20px;color:#676e70}
.chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box input[type="checkbox"]:checked + label span {background:#3a8afd;border-color:#1471f6}

@media (max-width: 1400px) {
    .event_grid {grid-template-columns:repeat(3, 1fr);}
}
@media (max-width: 1023px) and (min-width: 701px) {
    #bbs_contents.event_page {padding:80px 24px 60px;}
    #bbs_contents.event_page > .area {padding:40px 32px 50px;}
    .event_page #bo_gall,
    .event_page #bo_v,
    .event_page #bo_w form {width:100% !important;max-width:100%;box-sizing:border-box;}

    .event_head h2 {font-size:32px;}
    .event_head p {font-size:15px;}

    .event_toolbar {flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 28px;}
    .event_tabs {flex-wrap:wrap;gap:20px;padding:8px 0 0;}
    .event_tabs a {font-size:15px;}

    .event_grid {grid-template-columns:repeat(2, 1fr);gap:28px 16px;}
    .event_thumb {aspect-ratio:4 / 3;}

    .event_sch form {display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:8px;}
    .event_sch select {height:40px;}
    .event_sch .sch_input {flex:1;width:auto;min-width:160px;max-width:100%;margin:0;}
    .event_sch .sch_btn {flex-shrink:0;}

    #bo_w .event_date_row {flex-wrap:wrap;}
}
@media (max-width: 700px) {
    #bbs_contents.event_page {padding:0;}
    #bbs_contents.event_page > .area {padding:40px 36px 60px;}
    .event_page #bo_gall,
    .event_page #bo_v,
    .event_page #bo_w form {width:100% !important;}

    .event_head {padding:0 0 28px;border-bottom:1px solid #e0e0e0;}
    .event_head h2 {font-size:40px;color:#000;}
    .event_head p {margin:12px 0 0;font-size:24px;color:#888;line-height:1.55;word-break:keep-all;}

    .event_toolbar {flex-direction:column;align-items:stretch;margin:0 0 36px;border-bottom:1px solid #e0e0e0;}
    .event_tabs {padding:8px 0 0;gap:36px;}
    .event_tabs a {padding:22px 0 16px;font-size:24px;color:#b0b0b0;}
    .event_tabs a:hover {color:#000;}
    .event_tabs a.on {color:#000;font-weight:700;}
    .event_tabs a.on:after {height:3px;background:#333;}
    .event_admin_bar {justify-content:flex-end;padding:12px 0;}

    .event_grid {display:flex;flex-direction:column;gap:48px;}
    .event_thumb {aspect-ratio:16 / 10;background:#f2f2f2;}
    .event_thumb .no_image {background:#f2f2f2;color:transparent;font-size:0;}
    .event_badge {top:16px;left:16px;border-radius:6px;background:#fff;color:#888;font-size:20px;padding:10px 14px;box-shadow:0 1px 4px rgba(0,0,0,.06);}
    .event_tit {margin:18px 0 10px;font-size:28px;color:#000;font-weight:700;}
    .event_meta {display:block;font-size:24px;color:#888;}
    .event_period {display:none;}
    .event_empty {padding:80px 0;font-size:24px;}

    .event_paging {margin:52px 0 32px;}
    .event_paging .pg_page,
    .event_paging .pg_current {min-width:80px;height:80px;margin:0 1px;padding:0 6px;font-size:24px;line-height:80px;color:#888;}
    .event_paging .pg_prev,
    .event_paging .pg_next {color:#888;}
    .event_paging .pg_prev:before,
    .event_paging .pg_next:before {font-size:24px;}
    .event_paging .pg_current {background:#f2f2f2;color:#000;font-weight:600;}
    .event_paging .pg_page:hover {background:#f5f5f5;}

    .event_sch {margin:24px 0 0;}
    .event_sch form {display:flex;align-items:stretch;width:100%;}
    .event_sch select {display:none;}
    .event_sch .sch_input {flex:1;width:auto;min-width:0;height:100px;margin:0;padding:0 24px;border:1px solid #ddd;border-right:0;font-size:28px;}
    .event_sch .sch_btn {flex-shrink:0;height:100px;padding:0 42px;background:#878787;font-size:28px;}
    .event_sch .sch_btn:hover {background:#9a9a9a;}
}