@charset "utf-8";
/***************************************************** style.css *****************************************************/
*, *::before, *::after {box-sizing: border-box;}

/* color */
:root {
    --color-blue: #2D5E9B;
    --color-ruby: #E85641;
    --color-green: #32B0AE;
    --color-yellow: #F5BB1D;
    --color-light-gray: #666;
    --color-black: #000;
    --color-white: #fff;
}

.re_ver #header {background:#fff;height:56px;z-index:10;position:relative;display:flex;align-items:center;border-bottom:1px solid #E0E0E0;}
.re_ver #header h1 {padding-left:20px;}
.re_ver #header h1 a {display:block;padding-left:44px;background:url(../img/common/logo.png) no-repeat 0 0;font-size:20px;line-height:30px;color:#000;font-weight: 800;background-size:32px;}
.re_ver #tm {display:flex;}
.re_ver #tm li>a {display:block;line-height:20px;color:#000;font-weight:700;}
.re_ver #tm li::before {content:unset;}
.re_ver #gnb {position:absolute;top:0;left:0;width:230px;bottom:0;color:#fff;border-right:1px solid #E0E0E0;background-color:#e7f4fe;}
.re_ver #gnb:before {content:none;}
.re_ver #m_contents {float:left;width: calc(100% - 530px);padding:15px;margin-left: 230px;position:relative;}

.re_ver ul.tab_gnb {display:flex;margin-top:0;align-items:center;position:absolute;left:310px;}
.re_ver ul.tab_gnb li {background:#E0E0E0;border-radius:5px;margin-left:5px;width:auto;padding-bottom:0;color:#aaa;}

.re_ver ul.tab_gnb li:nth-child(1) {position:unset;}
.re_ver ul.tab_gnb li:nth-child(2) {position:unset;}
.re_ver ul.tab_gnb li:nth-child(3) {position:unset;}
.re_ver ul.tab_gnb li:nth-child(4) {position:unset;}
.re_ver ul.tab_gnb li:nth-child(1) a {background-image:none;}
.re_ver ul.tab_gnb li:nth-child(2) a {background-image:none;}
.re_ver ul.tab_gnb li:nth-child(3) a {background-image:none;}
.re_ver ul.tab_gnb li:nth-child(4) a {background-image:none;}

.re_ver ul.tab_gnb li:before {content:unset;}
.re_ver ul.tab_gnb li.active {background:#052B57 !important;}
.re_ver ul.tab_gnb li.active a {color:#fff;font-weight:bold;background:none;}
.re_ver ul.tab_gnb li a {padding:3px 7px;height:auto;color:#aaa;opacity:1;}
.re_ver ul.tab_gnb li a:hover {text-decoration:none;}
.re_ver .tab_gnb_content {display:none;position:relative;background-color:#fff;}
.re_ver .tab_gnb_content:before {content:'';position:absolute;top:0;left:0;bottom:0;width:0;background:none;}
.re_ver .tab_gnb_content.on {display:block;}
.re_ver .tab_gnb_content.schedule_area {display:block !important;}
.re_ver .right_area.chatbot-active .tab_gnb_content.schedule_area {display:none !important;}
.re_ver .tab_gnb_content .t_area {padding:18px 15px;background:none !important;margin-bottom:0;display:flex;justify-content:center;}
.re_ver .tab_gnb_content .t_area .profile .ph {width:60px;height:60px;margin:0 0 10px;}
.re_ver .tab_gnb_content .t_area .profile .name {font-size:16px;line-height:18px;color:#000;text-align:center;}
.re_ver .tab_gnb_content .menu>li {padding-bottom:0;}
.re_ver .tab_gnb_content .menu>li:before {content:unset;}
.re_ver .tab_gnb_content .menu>li>a {display:block;background-color:#E7F4FE;line-height:54px;padding:0 30px;font-size:15px;font-weight:700;color:#2D5E9B;transition:none;-webkit-transition:none;}
.re_ver .tab_gnb_content .menu>li>a:not(.jca-not-submenu):after {content:'';position:absolute;top:24px;right:31px;width:10px;height:10px;background:url(../img/common/ic_lm_r_arrow.png) no-repeat;opacity:1;-webkit-opacity:1;transform:rotate(90deg);}
.re_ver .tab_gnb_content .menu>li.on>a {font-size:15px;font-weight:700;box-shadow:unset;}

.re_ver .tab_gnb_content .menu>li.on>a:not(.jca-not-submenu):after {content:'';position:absolute;top:18px;right:31px;width:10px;height:10px;background:url(../img/common/ic_lm_r_arrow.png) no-repeat;opacity:1;-webkit-opacity:1;transform:rotate(270deg);}
.re_ver #tab_gnb_c01 .menu>li.on:hover>ul {display:block;}
.re_ver #tab_gnb_c02 .menu>li.on:hover>ul {display:block;}
.re_ver #tab_gnb_c03 .menu>li.on:hover>ul {display:block;}
.re_ver #tab_gnb_c04 .menu>li.on:hover>ul {display:block;}
.re_ver #tab_gnb_c01 .menu>li.on>a {background:#E7F4FE}
.re_ver #tab_gnb_c02 .menu>li.on>a {background:#E7F4FE}
.re_ver #tab_gnb_c03 .menu>li.on>a {background:#E7F4FE}
.re_ver #tab_gnb_c04 .menu>li.on>a {background:#E7F4FE}
.re_ver #tab_gnb_c01:before {border-right:none;}
.re_ver #tab_gnb_c02:before {border-right:none;}
.re_ver #tab_gnb_c03:before {border-right:none;}
.re_ver #tab_gnb_c04:before {border-right:none;}
.re_ver .tab_gnb_content .menu>li.on>a:not(.jca-not-submenu):after {opacity:1;-webkit-opacity:1;}
.re_ver .tab_gnb_content .menu>li>ul {display:none;visibility:unset;background:unset !important;position:unset;padding:7px 24px 7px 24px;width:252px}
.re_ver .tab_gnb_content .menu>li>ul li a:before {content:'';position:absolute;top:16px;left:0;width:2px;height:2px;background:#000;}
.re_ver .tab_gnb_content .menu>li>ul li a {display:block;padding-left:10px;font-size:13px;line-height:35px;color:#000;}
.re_ver .tab_gnb_content .menu>li>ul li a i {position:absolute;top:6px;right:0;font-size:12px;line-height:21px;color:#fff;text-align:center;background:#E85641;border-radius:5px;font-weight:bold;padding:0;width:20px;}

/* main */
.re_ver .m_top_notice {display:none;margin:0 -20px 11px;height:59px;line-height:59px;background:#fff;border-bottom:1px solid #dbdde2;padding:0 320px 0 75px;}
.re_ver .m_capacity {display:none;margin:0 -5px 20px;position:relative;}
.re_ver .m_a_state_board {padding:20px;background:#fff;border:1px solid #dbdde2;margin-bottom:10px;position:relative;border-radius:7px;}
.re_ver ul.tab_m_state {background:none;}
.re_ver ul.tab_m_state:after {content:'';clear:both;display:block;height:0;visibility:hidden;}
.re_ver ul.tab_m_state li {float:left;margin-right:1%;width:15.83%;position:relative;background:#fff;}
.re_ver ul.tab_m_state li:last-child {margin-right:0;}
.re_ver ul.tab_m_state li a {display:block;padding:20px 20px;font-size:16px;line-height:16px;color:#222;font-weight: 700;text-align:left;border:1px solid #e2e6ee;border-radius:5px;}
.re_ver ul.tab_m_state li a:hover {text-decoration:none !important;}
.re_ver ul.tab_m_state li.active a i {color:#E85641}

.re_ver ul.tab_m_state li a span {transition:none;-webkit-transition:none;position:relative;}
.re_ver ul.tab_m_state li a i {font-size:20px;color:#2D5E9B;font-weight: 800;top:20px;background:none;position:absolute;right:20px;}
.re_ver ul.tab_m_state li.active a span i {background:none;}

/* .m_mid_sec.frame */
.re_ver .m_mid_sec.frame .unit {float:left;width:calc(50% - 72px);height:auto;padding: 20px;border:1px solid #dbdde2;color:#000;border-radius:7px;background:#fff;margin:0 5px;position:relative;}
.re_ver .m_mid_sec.frame .unit h2 {margin-bottom:0;height:auto;font-size:15px;line-height:20px;color:#222;font-weight:700;text-align:center;border-bottom:none}

/* 공지사항영역 */
.re_ver .notice_area {padding:15px 30px;}
.re_ver .notice_area .bt_view_more {position:absolute;top:25px;right:6px;line-height:100%;color:#000;padding-right:14px;background:none;}

/* 비율 */
.re_ver .m_mid_sec.frame .unit.w100 {width: calc(100% - 10px);}
.re_ver .m_mid_sec.frame .unit.w70 {width:calc(70% - 72px);}
.re_ver .m_mid_sec.frame .unit.w30 {width:calc(30% - 72px);}

/* title size */
.re_ver .tit_h2 {padding-bottom:20px;font-size:20px;line-height:20px;color:#222;font-weight: 800;text-align:left;}

.re_ver .right_area {position:absolute;right:0;top:0;bottom:0;width:300px;background-color:#fff;}

/**************************************************** common.css *****************************************************/
.re_ver .wrap {display:flex;min-width:1600px;width:100%;align-items:center;justify-content:space-between;}

/* schedule widget */
.re_ver .schedule_widget {padding:18px 15px;}
.re_ver .schedule_widget .view_all {font-size:13px;color:#000;text-decoration:underline !important;text-underline-offset:3px;}
.re_ver .schedule_widget .day_group {margin-bottom:18px;}
.re_ver .schedule_widget .day_heading {font-size:15px;font-weight:bold;color:#222;margin:30px 0 8px;}
.re_ver .schedule_widget .list {list-style:none;margin:0;padding:0;}
.re_ver .schedule_widget .item {display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;}
.re_ver .schedule_widget .badges {display:flex;gap:6px;min-width:64px;}
.re_ver .schedule_widget .badge {display:inline-block;padding: 2px 5px;font-size:12px;border-radius: 5px;background:#e9ecef;color:#555;font-weight:700;border:1px solid #dee2e6;line-height: 13px;}

/* badge variants */
.re_ver .schedule_widget .badge.type-share {color:#fff;background:#2D5E9B;}
.re_ver .schedule_widget .badge.type-private {background:#666;color:#fff;}
.re_ver .schedule_widget .badge.type-holiday {background:#fff;color:#E85641;border-color:#E85641;}
.re_ver .schedule_widget .badge.type-cat {background:#fff;color:#2D5E9B;border-color:#2D5E9B;}
.re_ver .schedule_widget .badge.type-duty {background:#32B0AE;color:#FFF;}
.re_ver .schedule_widget .badge.type-hr {background:#FFF;color:#32B0AE;}
.re_ver .schedule_widget .badge.type-attn {background:#F5BB1D;color:#000;}

/* card */
.re_ver .schedule_widget .card {background:#F5F5F5;border:1px solid #e2e6ee;border-radius:8px;padding:10px 12px;flex:1;}
.re_ver .schedule_widget .card .title {font-size:14px;color:#222;font-weight:700;max-width: 160px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;vertical-align: middle;}
.re_ver .schedule_widget .card .sub {font-size:13px;line-height:13px;color:#666;margin-top:7px;font-weight:bold}

.schedule_widget .tit_h2 {padding-bottom:0;}

.tit_menu {display:block;background-color:#2D5E9B;line-height:40px;padding:0 30px;font-size:15px;font-weight:700;color:#fff !important;transition:none;-webkit-transition:none;}

/* 1뎁스 메뉴 텍스트 색상 강제 적용 */
.tab_gnb_content .tit_menu,
.tab_gnb_content .tit_menu:hover,
.tab_gnb_content .tit_menu:visited,
.tab_gnb_content .tit_menu:active {color:#fff !important;}

.re_ver #tm li.ico_logout>a {position:relative;padding-left: 18px;}
.re_ver #tm li.ico_logout>a:before {content:'';position:absolute;top: 3px;left: 2px;width: 13px;height: 12px;background:url(../img/renewal/icon_logout.png) no-repeat 0 0;background-size: 13px 12px;}

.re_ver #tm li.ico_my>a {position:relative;padding-left: 19px;}
.re_ver #tm li.ico_my>a:before {content:'';position:absolute;top: 3px;left: 2px;width: 12px;height: 13px;background:url(../img/renewal/icon_my.png) no-repeat 0 0;background-size: 12px 13px;}

.re_ver #tm li.ico_center>a {position:relative;padding-left: 19px;}
.re_ver #tm li.ico_center>a:before {content:'';position:absolute;top: 3px;left: 1px;width: 14px;height: 14px;background:url(../img/renewal/icon_question.png) no-repeat 0 0;background-size: 14px 14px;}

.re_ver #tm li.ico_noti>a {position:relative;padding-left: 18px;}
.re_ver #tm li.ico_noti>a:before {content:'';position:absolute;top: 3px;left: 3px;width: 12px;height: 13px;background:url(../img/renewal/icon_bell.png) no-repeat 0 0;background-size: 12px 13px;}

/* 캘린더 스타일 */
.calendar_wrap {background:#fff;padding: 20px 13px;height:100%;box-sizing:border-box;}

.calendar_header {display:flex;align-items:center;justify-content: center;margin-bottom:20px;padding-bottom:15px;}

.calendar_nav {display:flex;align-items:center;}

.bt_prev, .bt_next {color:#000;border:none;padding: 8px 6px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:bold;}
.bt_next::after{content: '';display: inline-block;width: 8px;height: 13px;background: url(../img/renewal/icon_arrow_right.png) no-repeat 0 0;background-size: 8px 13px;vertical-align: middle;}
.bt_prev::after{content: '';display: inline-block;width: 8px;height: 13px;background: url(../img/renewal/icon_arrow_left.png) no-repeat 0 0;background-size: 8px 13px;vertical-align: middle;}
.bt_next.end::after{content: '';display: inline-block;width: 11px;height: 11px;background: url(../img/renewal/icon_double_arrow_right.png) no-repeat 0 0;background-size: 11px 11px;vertical-align: -2px;}
.bt_prev.end::after{content: '';display: inline-block;width: 11px;height: 11px;background: url(../img/renewal/icon_double_arrow_left.png) no-repeat 0 0;background-size: 11px 11px;vertical-align: -2px;}

.btn_schedule_add {border: 2px solid #2D5E9B;color:#2D5E9B;background-color:#fff;padding:8px 8px;border-radius:6px;cursor:pointer;font-size: 14px;font-weight: 800;line-height: 13px;position: absolute;right: 20px;}

.calendar_title {margin:0 25px;font-size:20px;font-weight: 800;color: #000;}

.calendar_table {width:100%;border-collapse:separate;border-spacing: 10px 0;margin-bottom:20px;}

.calendar_table th {padding:12px 8px;text-align:center;font-weight:bold;color: #000;border-top:1px solid #aaa;border-bottom:1px solid #aaa;font-size: 16px;}

.calendar_table th.sunday {color:#E85641;border-top:1px solid #E85641;border-bottom:1px solid #E85641;}

.calendar_table th.saturday {color:#007bff;border-top:1px solid #3B9CE9;border-bottom:1px solid #3B9CE9;}

.calendar_table td {padding:20px 8px 0;text-align:center;vertical-align:top;height:80px;width:14.28%;position:relative;}

.calendar_table td.today {background:#e3f2fd;font-weight:bold;}

/* 일정 표시 스타일 - schedule_widget badge와 동일 */
.schedule_item {display:inline-block;padding: 2px 5px;margin-right:3px;font-size:12px;border-radius: 4px;font-weight:700;border: 1px solid;margin: 0px 3px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height: 13px;}

.schedule_duty {background:#32B0AE;color:#FFF;border-color:#32B0AE;}

.schedule_overtime {background:#F5BB1D;color:#000;border-color:#F5BB1D;}

.schedule_holiday {background:#fff;color:#E85641;border-color:#E85641;}

.schedule_leave {background:#fff;color:#E85641;border-color:#E85641;}

.schedule_hr {background:#fff;color:#32B0AE;border-color:#32B0AE;}

.schedule_private {background:#666;color:#fff;}

/* 날짜 표시 */
.date_number {font-size:16px;font-weight:bold;margin-bottom:5px;color: #000;}

.weekend .date_number {color:#E85641;}

.sunday .date_number {color:#dc3545;}

/* 정관 관리 페이지 스타일 */
.articles_header {display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;}

.articles_header>.location {margin:0;}

.articles_page_title {font-size:20px;font-weight: 800;color:#333;}

.articles_breadcrumb {text-align:right;color:#666;font-size:12px;}
.articles_breadcrumb>i {color:#000;font-weight:bold;}

.articles_search_toggle {float:right;color:#000;cursor:pointer;font-size:14px;}
.articles_search_toggle::after{content: '';display: inline-block;width: 12px;height: 7px;background: url(../img/renewal/icon_arrow_down.png) no-repeat 0 0;background-size: 12px 7px;vertical-align: middle;margin-left: 6px;}
.articles_search_toggle.active::after{transform: rotate(180deg);vertical-align:2px}

.articles_section {background:white;padding:25px;border-radius:8px;margin-bottom:40px;border:1px solid #E0E0E0;}

.articles_search_title {font-size:18px;font-weight: 800;margin-bottom:15px;color:#333;}

.articles_search_form {display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:20px;align-items:end;}

.articles_form_group {display:flex;flex-direction:column;}

.articles_form_group label {font-weight:bold;margin-bottom:8px;color:#555;}

.articles_form_group select,
.articles_form_group input {padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;}

.articles_form_group select:focus,
.articles_form-group input:focus {outline:none;border-color:#337dde;}

.articles_date_range {display:flex;align-items:center;gap:10px;}

.articles_date_separator {color:#666;font-weight:bold;}

.articles_search_buttons {display:flex;align-items:center;justify-content:center;}

.articles_btn {padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:bold;line-height:14px;}

/* 버튼 활성화 */
.articles_btn_primary {background-color:#fff;color:#2D5E9B;border:1px solid #2D5E9B;padding: 9px 20px;}
.articles_btn_secondary {background-color:#2D5E9B;color:#fff;}
.articles_btn_gray {background-color:#666666;color:#fff;}

/* 버튼 비활성화 */
.articles_btn_primary.dim {background-color:#fff;color: #AAAAAA;border: 1px solid #AAAAAA;}
.articles_btn_secondary.dim {background-color:#E0E0E0;color:#AAAAAA;}
.articles_btn_gray.dim {background-color: #666666;color: #fff;}


.articles_results_section {background:white;overflow:hidden;}

.articles_results_header {margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;}

.articles_results_count {color:#666666;font-weight:bold;font-size:14px;}
.articles_results_count>span {color:#e74c3c;}

.articles_results_actions {display:flex;gap:10px;align-items:center;}

.articles_btn_new {background-color:#2D5E9B;color:white;padding: 9px 10px;}

.articles_page_size_select {padding:4px 9px;border:1px solid #E0E0E0;border-radius:4px;background-color:#fff;color:#000;}

.articles_table_container {overflow-x:auto;overflow-y:auto;height:540px;}
.articles_table {width:100%;border-collapse:collapse;border-top:1px solid #E0E0E0;}
.articles_table th,
.articles_table td {padding:10px 12px;text-align:left;border-bottom:1px solid #E0E0E0;}
.articles_table th {background-color:#fff;font-weight:bold;color:#000;font-size:14px;text-align:center;}
.articles_table td {font-size:14px;color:#000;}

.articles_table.vertical_type1 {width:100%;border-collapse:collapse;border-top:1px solid #E0E0E0;}
.articles_table.vertical_type1 th,
.articles_table.vertical_type1 td {padding:10px 12px;text-align:center;border-bottom:1px solid #E0E0E0;}
.articles_table.vertical_type1 th {background-color:#fff;font-weight: 800;color:#000;font-size:14px;text-align:center;}
.articles_table.vertical_type1 td {font-size:14px;color:#000;}

.articles_table.vertical_type2 {width:100%;border-collapse:collapse;border-top:1px solid #E0E0E0;}
.articles_table.vertical_type2 th,
.articles_table.vertical_type2 td {padding:10px 12px;text-align:left;border: 1px solid #aaa;}
.articles_table.vertical_type2 th {background-color:#F5F5F5;border:1px solid #aaa;font-weight:bold;color:#000;font-size:14px;text-align:center;}
.articles_table.vertical_type2 td {font-size:14px;color:#000;}

.articles_title_link {color:#000 !important;text-decoration:underline !important;max-width: 200px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; vertical-align: middle;}

.articles_title_link:hover {text-decoration:underline;}

.articles_tools_buttons {display:flex;gap:8px;}

.articles_btn_small {padding:6px 12px;font-size:12px;}

.articles_btn_modify {background-color:#2D5E9B;color:#fff;}

.articles_btn_print {background-color:white;color:#2D5E9B;border:1px solid #2D5E9B;}

.icon_file {width:16px;height:16px;vertical-align:middle;}

/* 정관 관리 페이지 반응형 */
@media (max-width: 768px) {
    .articles_search_form {grid-template-columns:1fr;}
    .articles_results_header {flex-direction:column;gap:15px;align-items:stretch;}
    .articles_table_container {font-size:12px;}
    .articles_table th,
    .articles_table td {padding:10px 8px;}
}

/* 정관 관리 검색 테이블 스타일 */
.articles_table {width:100%;border-collapse:collapse;margin-bottom:20px;border-top:1px solid #E0E0E0;}

.articles_table th,
.articles_table td {padding:5px 12px;border-bottom:1px solid #E0E0E0;vertical-align:middle;}

.articles_table th {background-color:#F5F5F5;font-weight:bold;color:#000;font-size:14px;text-align:left;width:100px;vertical-align:middle;}

.articles_table td {background-color:#fff;}

.articles_select {width:200px;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;margin-right:15px;}
.articles_select:focus {outline:none;border-color:#337dde;}

.articles_input {padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;width: 200px;}
input[type="text"].articles_input {padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:100%;height:34px;}

.articles_input:focus {outline:none;border-color:#337dde;}

.articles_date_range {display:inline-block;margin-left:10px;}

.articles_date_range>span.txt {color:#000;font-size:14px;display:inline-block;padding-right:6px;vertical-align:middle;}

.articles_date_separator {color:#000;font-weight:bold;margin:0 8px;}

.articles_search_buttons {text-align:center;}

.articles_search_buttons .articles_btn {margin:0 5px;}

.noti_txt{font-size:13px;color:#F5881D;}

.red {color:#E85641;font-weight:bold;}

/* 진행 단계 표시기 스타일 */
.articles_progress_stepper {position: relative; display: flex; justify-content: space-between; align-items: center; margin: 21px 0; padding: 0 30px; border-radius: 8px;}
.stepper_line {position: absolute; top: 17%; left: 49px; right: 50px; height: 2px; background: #D2ECFF; z-index: 1;}
.stepper_line_active {position: absolute; top: 0; left: 0; right: 0; height: 2px; background: #052B57; z-index: 1;}
.stepper_step {position: relative; display: flex; flex-direction: column; align-items: center; z-index: 2;}
.stepper_node {width: 20px; height: 20px; border-radius: 50%; background: #D2ECFF; margin-bottom: 10px;}
.stepper_step.active .stepper_node {background: #052B57;}
.stepper_label {padding: 2px 7px; background: #D2ECFF; color: #2D5E9B; font-size: 12px; font-weight: bold; border-radius: 4px; white-space: nowrap; text-align: center;}
.stepper_step.active .stepper_label {background: #052B57; color: #fff;}
.articles_editor ul.tab_nav {display: flex; list-style: none; margin-bottom: 15px; padding: 0; background: #F5F5F5;}
.articles_editor ul.tab_nav li {position: relative; margin: 0; padding: 12px 20px; border-bottom: none; cursor: pointer; text-align: center;}
.articles_editor ul.tab_nav.w25 li{width: 25%;}
.articles_editor ul.tab_nav.w50 li{width: 50%;}
.articles_editor ul.tab_nav li a{font-size: 14px; color: #666;}
.articles_editor ul.tab_nav li:hover {background: #e9ecef; color: #333;}
.articles_editor ul.tab_nav li.active {background: #2D5E9B; z-index: 1;}
.articles_editor ul.tab_nav li.active a {color: #fff; font-weight: bold;}
.articles_editor ul.tab_nav li.active::after {content: ''; position: absolute; bottom: -2px; left: 0; right: 0; height: 2px; background: #fff; z-index: 2;}

.articles_table_footer {display:flex;justify-content: center;background: #F5F5F5;border-bottom: 1px solid #aaa;border-right: 1px solid #aaa;border-left: 1px solid #aaa;padding: 10px 0;}
.articles_table_footer ul {display:flex;gap:10px;}
.articles_table_footer ul li {display:flex;gap:10px;align-items: center;}
.articles_table_footer ul li p {font-size:14px;color: #2D5E9B;font-weight: bold;}
.articles_table_footer ul li button {padding:6px 12px;font-size: 14px;color: #3B9CE9;background: #D2ECFF;font-weight: bold;border-radius: 4px;}
.articles_table_footer ul li button:hover {background-color:#3B9CE9;color:#fff;}

/* 정관 보기 영역 */
.articles_section.viewer {height:550px;overflow-y:auto}

/* 챗봇영역 */
.chatbot_widget .ai_tit {background:#3B9CE9;padding: 20px 20px 20px 0;text-align:center;color:#fff;font-weight:bold;font-size:16px;}

.chatting_area {padding:20px;height:650px;overflow-y:auto;}
.chatting_area .chat_message {padding:10px;border-radius:10px;margin-bottom:10px;}
.chatting_area .chat_message.you {background:#596e7e;color:#fff;}
.chatting_area .chat_message.i {background:#f5f5f5;color:#000;}
.chat_message_input {position:fixed;bottom:0;border: 1px solid #3B9CE9;border-radius: 5px;margin: 20px;background-color: #fff;}
.chat_message_input textarea {width: 98%;height: 60px;margin: 1%;border: none;}
.chat_message_input textarea:focus{outline: none;}
.chat_message_input .btn_send {margin: 5px 8px;color: #3B9CE9;font-size: 13px;font-weight: bold;cursor: pointer;}


.icon_chatbot{width:30px;height:31px;position:absolute;top:12px;margin-left:6px;}

.preview_link {text-align:right;margin-bottom:10px;}
.preview_link a {color:#3B9CE9;font-size:14px;font-weight:bold;}
.preview_link .chatbot_helper {color:#F5881D;font-size:12px;font-weight:bold;float: left;}
.chatbot_helper::before{content: '';display: inline-block;width: 14px;height: 14px;background: url(../img/renewal/icon_noti.png) no-repeat 0 0;background-size: 14px 14px;vertical-align: -3px;margin-right: 5px;}

.layerpop .wrap_btn_btm .btn_left.three {float: left; width: 33.3%; padding: 16px 0; background: #2D5E9B; color: #fff;}
.layerpop .wrap_btn_btm .btn_center.three {float: left; width: 33.3%; padding: 16px 0; background: #666666; color: #fff;}
.layerpop .wrap_btn_btm .btn_right.three {float: right; width: 33.3%; padding: 16px 0; background: #F5F5F5; color: #555;}

.ai_tit .btn_close{ overflow: hidden; position: absolute;top: 20px;right: 25px;width: 19px;height: 17px;text-indent: -9999px;background: url(../img/common/btn_popclose.png) repeat 0 0;}

/* 챗봇 버튼 */
.btn_chat .open_chatbot {position: fixed; bottom: 30px; right: 30px; width: 50px; height: 50px; background: #3B9CE9; color: #ffffff; border: none; border-radius: 50%; font-size: 13px; font-weight: bold; cursor: pointer; z-index: 1000; box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3); transition: all 0.3s ease; display: flex; align-items: center; justify-content: center;}
.btn_chat .open_chatbot:hover {background: #0056b3; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0, 123, 255, 0.4);}
.btn_chat .open_chatbot:active {transform: translateY(0); box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);}

/* 정관 미리보기 영역 */
.preview_container .preview_editor_content{background-color: #fff;width: 700px;margin: 30px auto;}
.preview_container .preview_inner{width: 100%;height: 650px;overflow-y: scroll;}
.preview_container .pagination_wrapper {margin: 30px 0; text-align: center;}
.preview_container .pagination {display: inline-flex; align-items: center; gap: 8px; margin-bottom: 10px;}
.preview_container .pagination_btn {display: inline-block; padding: 8px 16px; background: #f8f9fa; color: #495057; text-decoration: none; border: 1px solid #dee2e6; border-radius: 4px; font-size: 14px; transition: all 0.2s ease;}
.preview_container .pagination_btn:hover:not(.disabled) {background: #e9ecef; border-color: #adb5bd;}
.preview_container .pagination_btn.disabled {background: #f8f9fa; color: #6c757d; cursor: not-allowed; opacity: 0.6;}
.preview_container .pagination_numbers {display: flex; gap: 4px; align-items: center;}
.preview_container .pagination_num {display: inline-block; width: 36px; height: 36px; line-height: 36px; text-align: center; background: #fff; color: #495057; text-decoration: none; border: 1px solid #dee2e6; border-radius: 4px; font-size: 14px; transition: all 0.2s ease;}
.preview_container .pagination_num:hover {background: #e9ecef; border-color: #adb5bd;}
.preview_container .pagination_num.active {background: #007bff; color: #fff; border-color: #007bff;}
.preview_container .pagination_dots {padding: 0 8px; color: #6c757d; font-size: 14px;}
.preview_container .pagination_info {color: #6c757d; font-size: 13px;}

.wrap_btn_btm button {width: 100%; height: 50px; background: #F5F5F5; color: #000; border: none; font-size: 16px; font-weight: 500; cursor: pointer;}