@charset "utf-8"; 

/* main */
main.main { background: #fff; }
.main_contents { max-width: 1260px; margin: auto; padding: 20px; width: 100%; }
.main_contents .tit_box { /* display: flex; */ /* justify-content: space-between; */ /* align-items: center; */ }
.main_contents button.refresh, .main_contents button.more { width: 24px; height: 24px !important; border: 1px solid #e4e6eb; border-radius: 24px; padding: 0; text-indent: -99999px; /* position: relative; */ background-color: transparent; }
.main_contents button:hover, .main_contents .board_area .banner .control button:hover { border: 1px solid #6697d9; }
.main_contents .refresh { position: absolute; right: 30px; top: 13px; background: url(../images/common/ico_refresh.svg) no-repeat center; background-size: 11px !important; }
.main_contents .refresh:hover { background: url(../images/content/ico_refresh_b.svg) no-repeat center; }
.main_contents button.more { position: absolute; top: 18px; right: 20px; }
.main_contents .more:before, .main_contents .more:after { content: ''; position: absolute; width: 9px; height: 1px; background: #888; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.main_contents .more:after { transform: rotate(90deg); }
.main_contents .more:hover:before, .main_contents .more:hover:after { background: #6697d9 }
.main_contents .top_area { display: flex; justify-content: space-between; margin-bottom: 16px; }
.main_contents .top_area .visit { font-size: 14px; display: flex; align-items: center; }
.main_contents .top_area .visit .num { font-size: 18px; color: #6697d9; font-weight: bold; border: 1px solid #e3e5ea; border-radius: 16px; padding: 0 12px; line-height: 26px; height: 30px; display: inline-block; margin: 0 4px 0 8px; }
.main_contents .menu_area { position: relative; padding-left: min(calc(33.3% + 30px), 390px); }
.main_contents .menu_area .mypage { position: absolute; left: 0; top: 0; background: #f8f8f8; width: 33.3%; padding: 22px 20px; border-radius: 16px; max-width: 360px; }
.main_contents .menu_area .mypage .login, .lnb .mypage .login, .sitemap .mypage .login { display: flex; justify-content: space-between; }
.main_contents .menu_area .mypage .login .time, .lnb .mypage .login .time, .sitemap .mypage .login .time { background: #fff; height: 30px; position: relative; border-radius: 16px; border: 1px solid #e4e8eb; padding: 0 100px 0 12px; line-height: 28px; }
.main_contents .menu_area .mypage .login .time .keep, .lnb .mypage .login .time .keep, .sitemap .mypage .login .time .keep { height: 30px !important; position: absolute; right: 0; top: -1px; border-radius: 16px; border: 0; background: #6697d9; color: #fff; line-height: 30px; }
.main_contents .menu_area .mypage .login .time .keep:hover, .lnb .mypage .login .time .keep:hover, .sitemap .mypage .login .time .keep:hover, .main_contents .menu_area .mypage .login .time .keep:focus, .lnb .mypage .login .time .keep:focus, .sitemap .mypage .login .time .keep:focus { background: #5899F2; border-color: #5899F2; }
.main_contents .menu_area .mypage .login .time .keep:active, .lnb .mypage .login .time .keep:active, .sitemap .mypage .login .time .keep:active { background: #346BB4; border-color: #346BB4; }
.main_contents .menu_area .mypage .login .logout, .lnb .mypage .login .logout, .sitemap .mypage .login .logout { border-radius: 16px; border: 0; height: 30px !important; background: #4d7cbc; color: #fff; padding: 0 18px; line-height: 30px; }
.main_contents .menu_area .mypage .login .logout:hover, .lnb .mypage .login .logout:hover, .sitemap .mypage .login .logout:hover { background: #446ba0; border-color: #446ba0 }
.main_contents .menu_area .mypage .member, .lnb .mypage .member { margin: 30px 0; text-align: center; }
.main_contents .menu_area .mypage .member .info, .lnb .mypage .member .info, .sitemap .mypage .member .info { display: flex; align-items: center; justify-content: center; margin-bottom: 6px; }
.main_contents .menu_area .mypage .member .info .reservist, .lnb .mypage .member .info .reservist, .sitemap .mypage .member .info .reservist { margin-right: 4px; font-size: 11px; width: 19px; height: 19px; background: #52a49a; line-height: 19px; border-radius: 19px; color: #fff; text-align: center; }
.main_contents .menu_area .mypage .member .info .position, .lnb .mypage .member .info .position, .sitemap .mypage .member .info .position { margin-right: 6px; }
.main_contents .menu_area .mypage .member .info h2, .lnb .mypage .member .info h2, .sitemap .mypage .member .info h2 { font-size: 18px; font-weight: normal; }
.main_contents .menu_area .mypage .member .info .setting, .lnb .mypage .member .info .setting, .sitemap .mypage .member .info .setting { position: relative; }
.main_contents .menu_area .mypage .member .info .setting .w2trigger, .lnb .mypage .member .info .setting .w2trigger, .sitemap .mypage .member .info .setting .w2trigger { margin-left: 6px; border: 0; text-indent: -99999px; min-width: 24px; height: 24px !important; padding: 0; background: url(../images/common/ico_setting.svg) no-repeat center; background-size: 16px; }
.main_contents .menu_area .mypage .member .info .settingbtn .w2trigger, .lnb .mypage .member .info .settingbtn .w2trigger, .sitemap .mypage .member .info .settingbtn .w2trigger { height: 24px !important; border-radius: 12px; border: 0; background: #6697d9; color: #fff; line-height: 24px; font-size: 12px; margin-left: 8px; }
.main_contents .menu_area .mypage .member .info .setting .setting_inner, .lnb .mypage .member .info .setting .setting_inner, .sitemap .mypage .member .info .setting .setting_inner { position: absolute; background: #fff; left: 6px; white-space: nowrap; padding: 6px 0; border-radius: 5px; border: 1px solid #dfe2e6; z-index: 9; opacity: 0; transition: .2s ease; transform: scaleY(0); transform-origin: top; top: 100%; }
.main_contents .menu_area .mypage .member .info .setting.on .setting_inner, .lnb .mypage .member .info .setting.on .setting_inner, .sitemap .mypage .member .info .setting.on .setting_inner { transform: scaleY(1); opacity: 1; }
.main_contents .menu_area .mypage .member .info .setting .setting_inner li, .lnb .mypage .member .info .setting .setting_inner li, .sitemap .mypage .member .info .setting .setting_inner li { color: #7e858b; line-height: 32px; padding: 0 30px; cursor: pointer; }
.main_contents .menu_area .mypage .member .info .setting .setting_inner li:hover, .lnb .mypage .member .info .setting .setting_inner li:hover, .sitemap .mypage .member .info .setting .setting_inner li:hover { color: #6697d9; background: #e6ebf7; }
.main_contents .menu_area .mypage .details { background: #fff; border-radius: 16px; min-height: 206px; display: flex; align-items: center; justify-content: center; position: relative; }
.main_contents .menu_area .mypage .details h3 { border-bottom: 1px solid #f4f6f7; padding: 10px 30px; }
.main_contents .menu_area .mypage .details .state { flex: 1; }
.main_contents .menu_area .mypage .details .state .list { padding: 15px 14px 10px; }
.main_contents .menu_area .mypage .details .state ul li, .main_contents .menu_area .mypage .details .state .bottom { display: flex; justify-content: space-between; }
.main_contents .menu_area .mypage .details .state ul li span { display: block; width: 67px; text-align: center; padding: 4px 0; color: #fff; border-radius: 13px; font-size: 12px; flex: none; height: 25px; margin-left: 10px; line-height: 16px; }
.main_contents .menu_area .mypage .details .state ul { padding: 0 16px; }
.main_contents .menu_area .mypage .details .state ul li { margin-bottom: 10px; cursor: pointer; align-items: center; }
/* .main_contents .menu_area .mypage .details .state ul li:focus { outline: 0 !important; } */
.main_contents .menu_area .mypage .details .state ul li:hover .w2textbox, .main_contents .menu_area .mypage .details .state ul li:focus .w2textbox { text-decoration: underline; }
.main_contents .menu_area .mypage .details .state ul li span.answer_complete { background: #52a49a; }
.main_contents .menu_area .mypage .details .state ul li span.apply_complete { background: #6697d9; }
.main_contents .menu_area .mypage .details .state ul li span.receive { background: #4d9ebc; }
.main_contents .menu_area .mypage .details .state .bottom { background: #fafafa; border-radius: 14px; padding: 7px 16px 9px; color: #33588a; }
.main_contents .menu_area .mypage .details .state .bottom .amount { position: relative; color: #4d7cbc; font-weight: bold; cursor: pointer; }
.main_contents .menu_area .mypage .details .state .bottom .amount:after { content: ''; position: absolute; width: 100%; height: 1px; background: #4d7cbc; bottom: -1px; left: 0; }
.main_contents .menu_area .mypage .details .no_state .txt { color: #22497e; font-size: 15px; line-height: 24px; text-align: center; }
.main_contents .menu_area .mypage .details .no_state .btn_box { margin-top: 30px; justify-content: center; float: none; width: 100%; }
.main_contents .menu_area .mypage .details .no_state .btn_box .w2trigger { background: #50b8a3; border: 0; color: #fff; border-radius: 15px; min-width: 90px; line-height: 31px; padding: 0 16px; height: 30px !important; }
.main_contents .menu_area .mypage .details .no_state .btn_box .w2trigger:nth-child(2) { background: #2a4f79; margin-left: 20px; }
.main_contents .menu_area .search h1 { font-size: 22px; text-align: center; }
.main_contents .menu_area .search .search_input { margin: auto; max-width: 568px; width: 100%; position: relative; margin-top: 24px; }
.main_contents .menu_area .search .search_input .w2autoComplete { height: 60px !important; border-radius: 30px; border: 2px solid #6697d9; padding: 0 75px 0 35px; }
.main_contents .menu_area .search .search_input .w2autoComplete .w2autoComplete_placeholder:before, .lnb .search_input .w2autoComplete .w2autoComplete_placeholder:before { font-size: 15px; color: #777; }
.main_contents .menu_area .search .search_input .w2autoComplete_table_main td span.w2autoComplete_label, .main_contents .menu_area .search .search_input .w2autoComplete .w2autoComplete_input { font-size: 16px; padding-left: 0 !important; }
.main_contents .menu_area .search .search_input .w2autoComplete_open, .main_contents .menu_area .search .search_input .w2autoComplete_open .w2autoComplete_input { background: #fff; }
.main_contents .menu_area .search .search_input .search_btn { width: 35px; height: 35px !important; right: 30px; text-indent: -99999px; padding: 0; }
.main_contents .menu_area .search .search_input .search_btn:hover, .main_contents .menu_area .search .search_input .search_btn:focus, .header .sitemap .search_input .search_btn:hover, .header .sitemap .search_input .search_btn:focus { border: 0; border-radius: 30px; background: #edf1ff; }
.main_contents .menu_area .search .search_input .search_btn span:before { border: 2px solid #6697d9; }
.main_contents .menu_area .search .search_input .search_btn span:after { background: #6697d9; height: 2px; }
.w2input_table_sb.main_menuSrch { max-height: 184px !important; }
.w2input_table_sb.main_menuSrch .w2input_table_sb_col { font-size: 16px; padding: 0 36px; line-height: 32px; height: 32px; }
.main_contents .menu_area .menu { border: 1px solid #e3e5ea; margin-top: 24px; border-radius: 15px; padding: 0 5%; }
.main_contents .menu_area .menu .service { padding: 18px 0; display: flex; align-items: center; }
.main_contents .menu_area .menu .service:first-child { border-bottom: 1px solid #e3e5ea; margin-bottom: -1px; }
.main_contents .menu_area .menu .service h2 { font-size: 18px; padding: 0 2%; width: max(22%, 145px); }
.main_contents .menu_area .menu .service ul { display: flex; align-items: flex-start; width: 100%; }
.main_contents .menu_area .menu .service ul li { width: 25%; text-align: center; }
.main_contents .menu_area .menu .service ul li a { font-size: 14px; padding-top: 70px; display: inline-block; width: 100%; position: relative; min-width: 50px;}
/* .main_contents .menu_area .menu .service ul li a:focus { outline: 0; } */
.main_contents .menu_area .menu .service ul li a:hover, .main_contents .menu_area .menu .service ul li a:focus { color: #6697d9; font-weight: bold; }
.main_contents .menu_area .menu .service ul li a:before { content: ''; position: absolute; width: 100%; height: 60px; top: 0; left: 0; }
.main_contents .menu_area .menu .service ul li a:after { content: ''; position: absolute; width: 60px; height: 60px; background: #f8f8f8; top: 0; left: calc(50% - 30px); z-index: -1; border-radius: 100%; }
.main_contents .menu_area .menu .service ul li a:hover:after, .main_contents .menu_area .menu .service ul li a:focus:after { background: #e6ebf7; }
.main_contents .menu_area .menu .service.inquiry ul li a.pay:before { background: url(../images/main/main_icon_pay.svg) no-repeat center / auto 42px; }
.main_contents .menu_area .menu .service.inquiry ul li a.benefit:before { background: url(../images/main/main_icon_benefit.svg) no-repeat center / auto 42px; }
.main_contents .menu_area .menu .service.inquiry ul li a.certificate:before { background: url(../images/main/main_icon_certificate.svg) no-repeat center / auto 42px; }
.main_contents .menu_area .menu .service.inquiry ul li a.receipt:before { background: url(../images/main/main_icon_receipt.svg) no-repeat center / auto 44px; }
.main_contents .menu_area .menu .service.inquiry ul li a.complaint:before { background: url(../images/main/main_icon_complaint.svg) no-repeat 53% center / auto 45px; }
.main_contents .menu_area .menu .service.apply ul li a.hope:before { background: url(../images/main/main_icon_hope.svg) no-repeat center / auto 42px; }
.main_contents .menu_area .menu .service.apply ul li a.expenses:before { background: url(../images/main/main_icon_expenses.svg) no-repeat center / auto 47px; }
.main_contents .menu_area .menu .service.apply ul li a.life:before { background: url(../images/main/main_icon_life.svg) no-repeat center / auto 41px; }
.main_contents .menu_area .menu .service.apply ul li a.serverance:before { background: url(../images/main/main_icon_serverance.svg) no-repeat center / auto 42px; }
.main_contents .menu_area .menu .service.inquiry ul li a.hospital:before { background: url(../images/main/main_icon_hospital.svg) no-repeat center / auto 45px; }
.main_contents .menu_area .menu .service.apply ul li a.talk:before { background: url(../images/main/main_icon_talk.svg) no-repeat 55% center / auto 42px; }
.main_contents .menu_area .menu .service.apply ul li a.user:before { background: url(../images/main/main_icon_user.svg) no-repeat center / auto 42px; }
.main_contents .menu_area .menu .service.inquiry ul li a.compensation:before { background: url(../images/main/main_icon_compensation.svg) no-repeat center / auto 42px; }
.main_contents .menu_area .menu .service.inquiry ul li a.retire:before { background: url(../images/main/main_icon_retire.svg) no-repeat center / auto 42px; }
.main_contents .menu_area .menu .service.apply ul li a.salaryaccount:before { background: url(../images/main/main_icon_salaryaccount.svg) no-repeat center / auto 42px; }
.main_contents .menu_area .menu .service.apply ul li a.salarynotice:before { background: url(../images/main/main_icon_salarynotice.svg) no-repeat center / auto 42px;  }
.main_contents .board_area { display: flex; width: 100%; margin-top: 30px; }
.main_contents .board_area>div { flex: 1; margin-left: 30px; border: 1px solid #e3e5ea; border-radius: 15px; padding: 18px 20px; max-height: 290px; width: 33.3%; position: relative; }
.main_contents .board_area>div .tit_box { /* margin-bottom: 20px; */ }
.main_contents .board_area>div h3 { font-size: 18px; margin-bottom: 20px; }
.main_contents .board_area .notice { margin-left: 0; flex: none; width: 33.3%; max-width: 360px; }
.main_contents .board_area ul li { display: flex; justify-content: space-between; cursor: pointer; line-height: 28px; align-items: center; }
/* .main_contents .board_area ul li:focus { outline: 0 !important; } */
.main_contents .board_area ul li span { margin-left: 30px; flex: none; }
.main_contents .board_area ul li span2 { margin-left: 5px; }
.main_contents .board_area ul li h4 { font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; }
.main_contents .board_area ul li:hover h4, .main_contents .board_area ul li:focus h4 { text-decoration: underline; }
.main_contents .board_area ul li.new h4 { padding-right: 24px; }
.main_contents .board_area ul li.new h4:after { content: 'N'; font-size: 10px; background: #e16686; width: 17px; height: 17px; color: #fff; text-align: center; line-height: 16px; border-radius: 17px; position: absolute; right: 0; top: calc(50% - 9px); }
.main_contents .board_area ul li.top_fix { background: #eff1f7; border-radius: 13px; line-height: 30px; margin-bottom: 16px; padding-left: 44px; padding-right: 15px; position: relative; }
.main_contents .board_area ul li.top_fix:before { content: ''; position: absolute; width: 21px; height: 100%; left: 14px; background: url(../images/content/ico_notice.svg) no-repeat center; background-size: 100%; }
.main_contents .board_area .service .w2tabcontrol .w2tabcontrol_tabhost { position: relative; }
.main_contents .board_area .service .w2tabcontrol .w2tabcontrol_tabhost:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #e3e5ea; z-index: -1; }
.main_contents .board_area .service .w2tabcontrol .w2tabcontrol_tab_center a { font-size: 15px; color: #444 !important; background: transparent; font-weight: bold; line-height: 1; padding: 0 20px; border: 0; }
.main_contents .board_area .service .w2tabcontrol .w2tabcontrol_tab_center a:hover, .main_contents .board_area .service .w2tabcontrol_active .w2tabcontrol_tab_center a { color: #6697d9 !important; }
.main_contents .board_area .service .w2tabcontrol .w2tabcontrol_tab_center a:before { content: ''; position: absolute; left: 0; bottom: 0; height: 2px; width: 100%; background: #6697d9; transition: .2s ease; transform: scaleX(0); transform-origin: left; }
.main_contents .board_area .service .w2tabcontrol .w2tabcontrol_tab_center a:after { display: none; }
.main_contents .board_area .service .w2tabcontrol_active .w2tabcontrol_tab_center a:before { transform: scaleX(1); }
.main_contents .board_area .service .w2tabcontrol>ul>li { height: 30px !important; min-height: inherit !important; max-width: inherit; background: transparent; }
.main_contents .board_area .service .w2tabcontrol li, .main_contents .board_area .service .w2tabcontrol_container { border: 0; }
.main_contents .board_area .service .w2tabcontrol_container { max-height: 180px; overflow: hidden; }
.main_contents .board_area .banner h3 { margin-bottom: 16px; /* display: flex; */ /* justify-content: space-between; */ /* align-items: center; */ }
.main_contents .board_area .banner .w2Switch { min-height: auto; height: 205px; background: transparent; }
.main_contents .board_area .banner .w2switch_case { padding: 0; border-radius: 15px; overflow: hidden; }
.main_contents .board_area .banner .w2switch_case img { width: auto; height: 100%; position: relative; top: 0; left: 50%; transform: translateX(-50%); }
.main_contents .board_area .banner .control { position:absolute; right: 20px; top: 12px; }

/* sub */
.pg_sub { height: calc(100% - 48px); }
.sub_contents { position: relative; margin: 0; min-width: 1204px; padding: 20px; }
.sub_contents:after { content: ''; display: block; clear: both; }
.lnb.show+.contents .sub_contents { min-width: 876px; }

/* 컴포넌트 */
/* 모바일 tabControl scrolling */
.w2tabcontrol_contents { -webkit-overflow-scrolling: touch }

/* firefox padding 버그 및 ie padding 버그 */
.w2trigger { display: -moz-inline-stack; overflow: visible }
.w2input_disabled, .w2input_readonly, .w2selectbox_disabled, .w2selectbox_disabled, .w2upload_disabled .w2upload_input, .w2textarea_disabled, .w2upload_input { color: #b4bbc2; background: #ebeced; border: 1px solid #d3dbe3; cursor: default; }
.w2group { background-color: transparent; }
*:not(.pgt_box) + .sch_box_wrap, *:not(.pgt_box, .req_txt) + .sch_box, *+.tb_box, *+.gvw_box, *+.cnt_box, *+.tab_box, *+.tvw_box, *+.brd_box, *+.lybox, *+.guide_box, *+.info_box { margin-top: 30px; }
.pgt_box+.sch_box, .sub_tit_box+* { margin-top: 0; }
.w2span { display: inline-block; }
input[type="button"], input[type="text"], button, .w2inputCalendar_divInput { -webkit-appearance: none; }
input.w2input, .w2selectbox, .w2checkcombobox, .w2inputCalendar_divInput, .w2upload_input, .w2selectbox_native { border: 1px solid #d7d7d7; border-radius: 3px; overflow: hidden; text-overflow: ellipsis; min-width: 60px; width: 100%; padding: 0 8px; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', Verdana, Dotum, Sans-serif; background: #fff; font-size: 13px; height: 28px !important; color: #555; line-height: 28px; }
input.w2trigger, button.w2group { border: 1px solid #d7d7d7; border-radius: 4px; padding: 0 12px; overflow: hidden; text-overflow: ellipsis; background-color: #fff; cursor: pointer; position: relative; height: 28px !important; line-height: 26px; color: #333; font-size: 13px; }
input.w2trigger { min-width: 60px; z-index: 2; }
input::placeholder { color: #777 !important; }
input:focus::placeholder { color: transparent !important; }
.w2tb input.w2trigger, .w2tb input.w2input, .w2tb .w2selectbox, .w2tb .w2checkcombobox, .w2tb .w2inputCalendar_divInput, .w2tb .w2upload_input, .w2tb button.w2group, .w2tb .w2selectbox_native, .w2tb .w2selectbox_native .w2selectbox_native_select { height: 24px !important; font-size: 12px; line-height: 24px; }
.w2tb input.w2trigger, .w2tb button.w2group { line-height: 22px; }
.w2input, .w2textarea, .w2selectbox, .w2autoComplete, .w2selectbox_native, .w2selectbox_native.fixedWidth .w2selectbox_native_select, .w2upload .w2upload_input, .w2checkcombobox { -moz-border-radius: 4px; }
/* .w2upload .w2upload_input:focus { outline: 0; } */
.w2selectbox_native { border: 1px solid #d3dbe3; }
.w2table_sb_col { font-size: 12px; }
.w2trigger+.icon { pointer-events: none; text-indent: -99999px; top: 0; bottom: 0; margin: auto; position: absolute; content: ''; }
input.w2input.w32 { min-width: auto; width: 32px; }

/* checkcombobox */
.w2checkcombobox { height: 26px; width: 100%; border: 1px solid #c1c1c1; }
.w2checkcombobox .w2checkcombobox_table_main { margin-top: -1px; }
.w2checkcombobox_label { text-align: left !important; padding: 0; }
.w2checkcombobox .w2checkcombobox_row_main>.w2checkcombobox_col_label { background-color: transparent; }

/* Radio & Checkbox */
.w2radio, .w2checkbox { display: inline-block; min-height: 24px; }
*+.w2radio, *+.w2checkbox { margin-left: 12px; }
.m_th+.w2radio, .m_th+.w2checkbox { margin-left: 0; }
.w2radio .w2radio_item, .w2checkbox .w2checkbox_item, .w2table_ccb_col_label { min-height: 18px; position: relative; display: inline-flex; vertical-align: middle; padding: 0 0 0 24px; margin: 4px 16px 4px 0; }
.w2radio .w2radio_label, .w2checkbox .w2checkbox_label { display: inline-block; vertical-align: middle; font-size: 13px; word-break: keep-all; line-height: 18px; }
.w2tb .w2radio .w2radio_label, .w2tb .w2checkbox .w2checkbox_label { font-size: 12px; }
.w2radio .w2radio_item:last-child, .w2checkbox .w2checkbox_item:last-child { margin-right: 0; }
.w2radio_input, .w2checkbox_input, .w2table_ccb_col_checkbox { position: absolute; width: 18px; height: 18px; left: 0; top: 0; bottom: 0; margin: auto; /* outline: 0 !important; */ appearance: none; cursor: pointer; }
.w2table_ccb_col_checkbox { left: 10px; }
.w2radio_label:before, table.w2radio_main .w2radio_input:before, .w2grid [type="radio"]:before { content: ''; position: absolute; top: 0; left: 0; display: inline-block; width: 18px; height: 18px; background: #fff; border: 1px solid #c1c1c1; border-radius: 50%; bottom: 0; margin: auto; }
input[type="radio"]:checked+.w2radio_label:before, .w2radio_label.on:before, .w2radio_input:hover+.w2radio_label:before, .w2checkbox_input:hover+.w2checkbox_label:before, .w2table_ccb_col_over .w2table_ccb_col_label:before, .w2radio_input:focus+.w2radio_label:before, .w2checkbox_input:focus+.w2checkbox_label:before, .w2table_ccb_col_focus .w2table_ccb_col_label:before, .w2grid [type="radio"]:checked:before { border-color: #6697d9; }
.w2radio_label:after, table.w2radio_main .w2radio_input:after, .w2grid [type="radio"]:after { content: ''; position: absolute; top: calc(50% - 5px); left: 4px; width: 10px; height: 10px; border-radius: 50%; transform: scale(0); transition: all .2s ease; }
input[type="radio"]:checked+.w2radio_label:after, .w2radio_label.on:after, table.w2radio_main .w2radio_input:checked:after, .w2grid [type="radio"]:checked:after { background: #6697d9; transform: scale(1); }
.w2radio_main .w2radio_row+.w2radio_row .w2radio_td_label, .w2checkbox_main .w2checkbox_row+.w2checkbox_row .w2checkbox_td_label { padding-top: 10px; }
.w2radio_main .w2radio_td_input, .w2checkbox_main .w2checkbox_td_input { position: relative; }
.w2checkbox_td_label .w2checkbox_label, .w2radio_td_label .w2radio_label { line-height: 16px; /* position:relative; */ /* left: -20px; */ /* padding-left: 24px; */ word-break: keep-all; /* top: -1px; */ margin-right: 16px; margin-left: 4px; }
.w2checkbox_td_label:last-child .w2checkbox_label, .w2radio_td_label:last-child .w2radio_label { margin-right: 0; }
.w2checkbox_label:before, .w2table_ccb_col_label:before, .w2treeview_checkbox:before, table.w2checkbox_main .w2checkbox_input:before, .w2grid [type="checkbox"]:before { content: ''; position: absolute; left: 0; top: 50%; width: 18px; height: 18px; background: #fff; border: 1px solid #c1c1c1; border-radius: 4px; bottom: 0; margin-top: -9px; }
.w2checkbox_label:after, .w2table_ccb_col_label:after, .w2treeview_checkbox:after, table.w2checkbox_main .w2checkbox_input:after, .w2grid [type="checkbox"]:after { content: ''; position: absolute; top: 50%; left: 5px; width: 11px; height: 6px; border-left: 2px solid #6697d9; border-bottom: 2px solid #6697d9; transform: rotate(-45deg) scaleX(0); transform-origin: left; }
.w2table_ccb_col_label:before { margin-top: -10px; }
.w2table_ccb_col_label:after { margin-top: -2px; }
input[type="checkbox"]:checked+.w2checkbox_label:before, .w2checkbox_label.on:before, input[type="checkbox"]:checked+.w2table_ccb_col_label:before, .w2treeview_checkbox:checked:before, table.w2checkbox_main .w2checkbox_input:checked:before, .w2grid [type="checkbox"]:checked:before { border-color: #6697d9; }
input[type="checkbox"]:checked+.w2checkbox_label:after, .w2checkbox_label.on:after, input[type="checkbox"]:checked+.w2table_ccb_col_label:after, .w2treeview_checkbox:checked:after, table.w2checkbox_main .w2checkbox_input:checked:after, .w2grid [type="checkbox"]:checked:after { transform: rotate(-45deg) scaleX(1); transition: .2s ease; }
table.w2radio_main td, table.w2checkbox_main td { padding-top: 2px !important; padding-bottom: 4px; }
table.w2radio_main .w2radio_label:before, table.w2radio_main .w2radio_label:after, table.w2checkbox_main .w2checkbox_label:before, table.w2checkbox_main .w2checkbox_label:after { display: none; }

/* calendar */
.w2calendar { padding: 5px; width: 292px; height: auto; border: 1px solid #6697d9; border-radius: 3px; -moz-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.1); padding: 16px 12px; margin-top: -2px; }
.w2inputCalendar_div { position: relative; overflow: visible; width: 116px; }
.w2inputCalendar_div.w2inputCalendar_type_year { width: 80px }
.w2inputCalendar_div.w2inputCalendar_type_yearMonth { width: 96px }
.w2inputCalendar_div.w2inputCalendar_type_yearMonthDateTime { width: 146px; }
.w2inputCalendar_div.w2inputCalendar_type_yearMonthDateTimeSec { width: 166px; }
.w2inputCalendar_div_input { padding-right: 0; width: 100% !important; height: 28px !important; }
.w2tb .w2inputCalendar_div_input { height: 24px !important; }
.w2inputCalendar_divInput { border-radius: 4px; background: #fff; padding: 0 8px; width: 100% !important; height: 100% !important; }
.w2inputCalendar_div_img { position: absolute; top: 0; right: 2px; width: 26px; line-height: 0; }
.w2tb .w2inputCalendar_div_img, .w2grid .w2inputCalendar_div_img { width: 24px; }
.w2inputCalendar_div_img button { position: relative; width: 100%; height: 100%; background: none; }
.w2inputCalendar_div_img button:after, .w2grid .gridBodyDefault[inputtype='calendar'].focusedTr nobr:after { background: url(../images/content/ico_calendar.svg) no-repeat center; content: ''; position: absolute; width: 14px; height: 14px; top: 0; bottom: 0; margin: auto; left: 0; right: 0; margin: auto; background-size: 15px !important; }
.w2inputCalendar_div_img button:hover, .w2inputCalendar_div .w2inputCalendar_button:focus { border: 0 !important; background: none !important; }
.w2inputCalendar_div_img button:not(.w2inputCalendar_img_readOnly, .w2button_disabled):hover:after, .w2inputCalendar_div .w2inputCalendar_button:focus:after { background: url(../images/content/ico_calendar_hover.svg) no-repeat center; }
.w2inputCalendar_img_readOnly, .w2button_disabled { opacity: .5; pointer-events: none; }
.w2inputCalendar_div[disabled] .w2inputCalendar_div_img button, .w2inputCalendar_div[readonly] .w2inputCalendar_div_img button, .dual_input[disabled] button, [readonly] .dual_input button { pointer-events: none; background: transparent !important; }
.w2inputCalendar_div[disabled] .w2inputCalendar_div_img button:after, .dual_input[disabled] button:after, .dual_input[disabled] span { opacity: 0.7; }
.w2inputCalendar_div[readonly] .w2inputCalendar_div_img button:after, [readonly] .dual_input button:after { opacity: .6; }
.w2calendar_wrap { position: relative; height: 100%; }
.w2calendar_header { text-align: center; display: flex; justify-content: center; align-items: center; }
.w2calendar_header button { overflow: hidden; }
.w2calendar_header_last_month, .w2calendar_header_next_month, .w2calendar_header_last_year, .w2calendar_header_next_year { height: 28px; top: 0; left: 34px; background: none; width: 20px; }
.w2calendar_header_last_month:before, .w2calendar_header_next_month:before, .w2calendar_header_last_year:before, .w2calendar_header_last_year:after, .w2calendar_header_next_year:before, .w2calendar_header_next_year:after, .w2calendar_picker_header_last_entity:before, .w2calendar_picker_header_next_entity:after { content: ''; position: absolute; top: 0; left: 8px; width: 8px; height: 8px; border-top: 2px solid #555; border-right: 2px solid #555; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); border-radius: 1px; bottom: 0; margin: auto; }
.w2calendar_header_last_month:hover:before, .w2calendar_header_next_month:hover:before, .w2calendar_header_last_year:hover:before, .w2calendar_header_last_year:hover:after, .w2calendar_header_next_year:hover:before, .w2calendar_header_next_year:hover:after { border-color: #6697d9 }
.w2calendar_header_last_year:before { left: 13px; }
.w2calendar_header_next_month { right: 34px; left: auto; }
.w2calendar_header_next_month:before, .w2calendar_header_next_year:before, .w2calendar_header_next_year:after { transform: rotate(45deg); }
.w2calendar_header_next_month:before { left: auto; right: 8px; }
.w2calendar_header_next_year:after { right: 8px; left: auto; }
.w2calendar_header_next_year:before { right: 13px; left: auto; }
.w2calendar_header_last_year { left: 0; }
.w2calendar_header_next_year { right: 0; left: auto; }
.w2calendar_selectbox_year_native, .w2calendar_selectbox_month_native { position: static; margin-top: 8px; width: auto; font-size: 12px; color: #20252a; font-weight: bold; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', Verdana, Dotum, Sans-serif !important; background: transparent; border: 0; /*appearance:none;-webkit-appearance:none;*/ }
.w2calendar_selectbox_year_native { width: 65px; }
.w2calendar_selectbox_year_native:after { content: ''; display: block; position: absolute; top: 50%; right: 8px; margin-top: -5px; width: 6px; height: 6px; border-top: 1px solid white; border-right: 1px solid white; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); cursor: pointer; }
.w2calendar_selectbox_year_native option, .w2calendar_selectbox_month_native option { color: #000; font-weight: normal; }
.w2calendar_selectbox_year { width: 75px; min-width: auto; }
.w2calendar_selectbox_month { width: auto; min-width: auto; margin-left: 8px; }
.w2calendar_selectbox_month.w2table_sb { margin-left: 0; }
.w2calendar_selectbox_year .w2selectbox_table_main .w2selectbox_col_label { width: 55px; }
.w2selectbox.w2calendar_selectbox_year, .w2selectbox.w2calendar_selectbox_month { position: static; border: 0; }
.w2calendar_selectbox_month .w2table_sb_main { width: 100% !important; }
.w2calendar_selectbox_month .w2table_sb_col { font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', Verdana, Dotum, Sans-serif !important; }
.w2calendar_selectbox_year .w2selectbox_label, .w2calendar_selectbox_month .w2selectbox_label { font-size: 12px; font-weight: bold; line-height: 25px; }
.w2selectbox.w2calendar_selectbox_year .w2selectbox_col_button, .w2selectbox.w2calendar_selectbox_month .w2selectbox_col_button { cursor: pointer; }
.w2selectbox.w2calendar_selectbox_year .w2selectbox_col_button:after, .w2selectbox.w2calendar_selectbox_month .w2selectbox_col_button:after { border-left: 4px solid transparent; border-top: 4px solid #000; border-right: 4px solid transparent; transform: rotate(0); top: 2px; }
.w2selectbox_open.w2calendar_selectbox_year .w2selectbox_col_button:after, .w2selectbox_open.w2calendar_selectbox_month .w2selectbox_col_button:after { transform: rotate(175deg); top: -2px; }
.w2calendar_selectbox_year .w2selectbox_over td, .w2calendar_selectbox_month .w2selectbox_over td, .w2calendar_selectbox_year .w2selectbox_focus td, .w2calendar_selectbox_month .w2selectbox_focus td { background-color: transparent; }
.w2calendar_content { border: 0; }
.w2calendar_content, .w2calendar_content .w2calendar_col_date { background: none; padding: 0; }
.w2calendar_content .w2calendar_col_day:hover button, .w2calendar_content .w2calendar_col_date:hover button { color: #00aa91; background: none; }
.w2calendar_content .w2calendar_col_date { height: 36px; font-size: 12px; position: relative; color: #555; z-index: 1; }
.w2calendar_content .w2calendar_col_date:after { content: ''; position: absolute; top: 0; height: 24px; width: 24px; background: transparent; bottom: 0; left: 0; right: 0; margin: auto; z-index: -1; border-radius: 4px; }
.w2calendar_content .w2calendar_date_off { height: 0; font-size: 0; pointer-events: none; }
.w2calendar_content .w2calendar_date_over:after { background: #edf1ff }
.w2calendar_content .w2calendar_selected:after { background: #6ac9dd; }
.w2calendar_content .w2calendar_selected, .w2calendar_content .w2calendar_today, .w2calendar_content .w2calendar_selected:hover, .w2calendar_content .w2calendar_today:hover { color: #fff !important; }
.w2calendar_content .w2calendar_date_over, .w2calendar_class1 .w2calendar_day_0, .w2calendar_class1 .w2calendar_day_6 { color: #555; font-weight: normal; }
.w2calendar_content .w2calendar_today:after { background: #6697d9; }
.w2calendar_content .w2calendar_selected button { font-weight: bold; }
.w2calendar_content .w2calendar_selected:hover button { color: #fff }
.w2calendar_content .w2calendar_selected button { background: none; }
.w2calendar_col_day .w2calendar_day { position: relative; background: none; font-size: 12px; color: #555; font-weight: normal; height: 27px; line-height: 27px; margin-top: 7px; letter-spacing: 0.5px; }
.w2calendar_content .w2calendar_day0:before { content: 'SUN'; }
.w2calendar_content .w2calendar_day1:before { content: 'MON'; }
.w2calendar_content .w2calendar_day2:before { content: 'TUE'; }
.w2calendar_content .w2calendar_day3:before { content: 'WED'; }
.w2calendar_content .w2calendar_day4:before { content: 'THU'; }
.w2calendar_content .w2calendar_day5:before { content: 'FRI'; }
.w2calendar_content .w2calendar_day6:before { content: 'SAT'; }
button.w2calendar_go_today { width: auto; height: 20px; text-indent: 0; background-image: none; border: 1px solid #ced4da; background: #fff; border-radius: 3px; margin: 3px 0 0; cursor: pointer; }
.w2calendar_footer { width: 100%; font-size: 12px; margin-top: 10px; display: flex; align-items: center; justify-content: start; padding-right: 56px; }
.w2calendar_footer tr { display: flex; gap: 2px; align-items: center; }
.w2calendar_footer>div { float: none; margin: 0 8px 0 4px; }
.w2calendar_footer .w2selectbox_label { line-height: 22px; }
.w2calendar_footer>div .w2selectbox_label { font-size: 12px; line-height: 22px; }
.w2calendar_go_today { width: auto; background: none; height: auto; margin: 0; text-indent: 0; display: inline-block; color: #6697d9; text-decoration: underline; cursor: pointer; margin-right: 8px; }
.w2calendar_go_today:before { content: 'TODAY'; font-weight: 600; }
.w2calendar_footer_date { padding-left: 0; float: none; }
.w2calendar_footer_date_mobile { position: static; padding: 3px 0 0 5px; width: auto; font-size: 14px; text-align: center; visibility: visible; }
.w2calendar_selectbox_hour_mobile, .w2calendar_selectbox_minute_mobile { width: 40px; height: 26px; font-size: 14px; border: 0px; }
.w2calendar_time_confirm { position: absolute; height: 24px; background-color: #566192; background-image: none; border-radius: 3px; width: 24px; right: 24px; top: 0; margin: 0; }
.w2calendar_time_confirm:before { content: ''; position: absolute; top: calc(50% - 4px); left: calc(50% - 6px); width: 12px; height: 6px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); }
.w2calendar_time_cancel { position: absolute; height: 24px; background-color: #f5f5f5; background-image: none; border-radius: 3px; width: 24px; right: -4px; top: 0; }
.w2calendar_time_cancel:before { content: ''; position: absolute; top: calc(50% - 12px); left: calc(50% - 12px); width: 24px; height: 24px; background: linear-gradient(#666, #666), linear-gradient(#666, #666); background-size: 50% 2px, 2px 50%; background-repeat: no-repeat; background-position: center; transform: rotate(45deg); }
.w2calendar_col_date button { font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', Verdana, Dotum, Sans-serif; }
.w2calendar_picker_header { padding: 0; }
.w2calendar_picker_header_dynamic_entity { font-size: 12px; border-radius: 4px; }
.w2calendar_picker_header_dynamic_entity:hover { background: #edf1ff; color: #000; }
.w2calendar_picker_header_dynamic_entity .month { margin-left: 4px; }
.w2calendar_picker_header_last_entity, .w2calendar_picker_header_next_entity { background: none; height: 28px; width: 32px; }
.w2calendar_picker_header_last_entity:hover, .w2calendar_picker_header_next_entity:hover { background: transparent }
.w2calendar_picker_header_last_entity:hover:before, .w2calendar_picker_header_next_entity:hover:after { border-color: #6697d9; }
.w2calendar_picker_header_next_entity:after { transform: rotate(45deg); left: auto; right: 8px; }
.w2calendar_picker_content { margin-top: 8px; }
.w2calendar_picker_content tbody tr td { display: flex; padding: 0; flex-wrap: wrap; }
.w2calendar_picker_content table td div { float: none; display: flex; flex: 17%; align-items: center; justify-content: center; margin: 4px; background: #fff; }
.w2calendar_picker_content table td div:hover { background: #edf1ff; border-color: #edf1ff; color: #555; text-shadow: none; }
.w2calendar_picker_content table td div.active { background: #6697d9; border-color: #6697d9; text-shadow: none; color: #fff !important; }
.w2selectbox.w2calendar_selectbox_hour, .w2selectbox.w2calendar_selectbox_minute, .w2selectbox.w2calendar_selectbox_second { min-width: 42px; width: 100%; margin: 0; height: 24px !important; line-height: 22px; }
.w2calendar_footer>div .w2selectbox_label { font-size: 12px; line-height: 22px; }
.w2table_sb.w2calendar_selectbox_hour, .w2table_sb.w2calendar_selectbox_minute, .w2table_sb.w2calendar_selectbox_second { min-width: 42px; margin-left: 0; }
.dual_calendar { position: relative; }
.dual_calendar .gr_cal { position: absolute; top: 31px; overflow: hidden; box-shadow: rgb(0 0 0/ 10%) 1px 1px 10px 0px; border: 1px solid rgb(206, 212, 218); padding: 8px; z-index: 2000; border-radius: 3px; display: flex; background: #fff }
.dual_calendar .w2calendar { border: none; box-shadow: none }
.dual_ibxCal { position: relative; padding: 0 !important; flex: none !important; }
.dual_input { position: relative; display: flex; gap: 4px; align-items: center; border: 1px solid #c1c1c1; border-radius: 4px; padding: 0 6px; height: 28px; background: #fff; }
.dual_input[disabled] { background: #eee; overflow: hidden; }
[readonly] .dual_input, [readonly] .dual_input input { background: #ebebf2; }
.dual_input.focus { border-color: #6697d9; }
.dual_input input { border: 0 !important; border-radius: 0; padding: 0 !important; text-align: center; height: 26px !important; }
.dual_input input:focus { padding: 0 6px !important; }
.dual_input span { line-height: 24px; }
.dual_input button { width: 26px; position: absolute; border: 0 !important; font-size: 0 !important; right: 0; top: -1px; background: none !important; }
.dual_input button:after { background: url(../images/content/ico_calendar.svg) no-repeat center; content: ''; position: absolute; width: 14px; height: 14px; top: 0; bottom: 0; margin: auto; left: 0; right: 0; margin: auto; background-size: 15px; }
.dual_input button:hover:after, .dual_input button:focus:after { background-image: url(../images/content/ico_calendar_hover.svg); }
.dual_calendar { position: fixed; margin-top: 1px; display: flex; border: 1px solid #6697d9; overflow: hidden; border-radius: 6px; z-index: 999; display: none; }
.dual_calendar .w2calendar { box-shadow: none; border-radius: 0; border: 0; }
.dual_calendar .w2calendar+.w2calendar { margin-left: -1px; border-left: 1px solid #6697d9; }
.dual_ibxCal.on .dual_calendar { display: flex; }
.w2tb .dual_input button.w2group { height: 24px !important; }
.w2tb .dual_input { padding: 0 6px; height: 24px; }
.w2tb .dual_input input.w2input { height: 22px !important; /* outline: 0; */ }
.dual_calendar .w2calendar:first-child .w2calendar_time_confirm, .dual_calendar .w2calendar:first-child .w2calendar_time_cancel { display: none; }
.dual_ibxCal.year .dual_input { width: 126px; gap: 0; }
.dual_ibxCal.year .dual_input input { width: 40px !important; min-width: 40px; }
.dual_ibxCal.yrMon .dual_input { width: 162px; }
.dual_ibxCal.yrMon .dual_input input { width: 54px !important; min-width: 54px; }
.dual_ibxCal.yrMndt .dual_input { width: 198px; }
.dual_ibxCal.yrMndt .dual_input input { width: 72px !important; min-width: 72px; }
.dual_ibxCal.yrMnDtTm .dual_input { width: 274px; }
.dual_ibxCal.yrMnDtTm .dual_input input { width: 110px !important; min-width: 110px; }
.dual_ibxCal.yrMnDtTmSc .dual_input { width: 310px; }
.dual_ibxCal.yrMnDtTmSc .dual_input input { width: 128px !important; min-width: 128px; }
.w2tb .dual_ibxCal.year .dual_input input { width: 38px !important; min-width: 38px; }
.w2tb .dual_ibxCal.yrMon .dual_input { width: 158px; }
.w2tb .dual_ibxCal.yrMon .dual_input input { width: 50px !important; min-width: 50px; }
.w2tb .dual_ibxCal.yrMndt .dual_input { width: 200px; }
.w2tb .dual_ibxCal.yrMndt .dual_input input { min-width: 70px; width: 70px !important; }
.w2tb .dual_ibxCal.yrMnDtTm .dual_input { width: 276px; }
.w2tb .dual_ibxCal.yrMnDtTm .dual_input input { width: 106px !important; min-width: 106px; }
.w2tb .dual_ibxCal.yrMnDtTmSc .dual_input { width: 308px; }
.w2tb .dual_ibxCal.yrMnDtTmSc .dual_input input { width: 122px !important; min-width: 122px; }
.w2tb_td .w2wframe { height: auto !important; }

/* Searchbox */
.w2searchbox { height: 26px }
.w2searchbox input { width: 100% !important; padding: 0 24px 0 4px; color: #20252a; }
.w2searchbox_reset { background: url(../..//cm/images/base/btn_delete.png) no-repeat; }

/* selectbox */
.w2selectbox_table_main { table-layout: auto; position: relative; }
.w2selectbox_co_label { font-size: 12px; }
.w2selectbox_label { padding: 0 8px 0 0; text-align: left !important; font-size: 14px; line-height: 26px; }
.tac .w2selectbox_label { text-align: center !important; }
.w2tb .w2selectbox_label { font-size: 12px; line-height: 22px; }
.w2selectbox .w2selectbox_row_main>.w2selectbox_col_label { background-color: transparent }
.w2selectbox .w2selectbox_col_button, .w2checkcombobox .w2checkcombobox_col_button { min-width: 10px; background: none; position: relative; width: 10px; }

[id*="gridView"] .w2selectbox .w2selectbox_col_button, [id*="gridView"] .w2checkcombobox .w2checkcombobox_col_button { width: 8px; top: calc(50% - 2.5px); right: 0; height: 5px; position: absolute; }
.w2selectbox .w2selectbox_col_button:after, .w2checkcombobox .w2checkcombobox_col_button:after, .w2autoComplete_col_button:after, .w2grid .gridBodyDefault.focusedTr nobr.w2grid_select:after, .w2selectbox_native_innerDiv:after { content: ''; position: absolute; border-right: 2px solid #777; border-top: 2px solid #777; transform: rotate(135deg); transition: all .2s ease; top: -2px; left: 0; height: 7px; width: 7px; border-radius: 1px; right: 0; bottom: 0; margin: auto; }
.w2selectbox_disabled .w2selectbox_col_button:after, .w2checkcombobox_disabled .w2checkcombobox_col_button:after, .w2autoComplete_button_disabled:after { border-color: #c1c1c1; }
.w2selectbox_body_focus .w2selectbox_col_button:after, .w2checkcombobox_focus .w2checkcombobox_col_button:after { border-top-color: #6628a1; }
.w2selectbox_open .w2selectbox_col_button:after, .w2checkcombobox_open .w2checkcombobox_col_button:after, .w2autoComplete_open .w2autoComplete_col_button:after { border-color: #6697d9; transform: rotate(-45deg); top: 3px; }
.w2table_sb, .w2table_ccb { /* outline: 0; */ border: 1px solid #c1c1c1; box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.1); border-radius: 4px; overflow-x: hidden; overflow-y: auto; white-space: nowrap; margin-top: 2px; padding: 8px 0 0; /* z-index: 9999 !important; */ min-height: 40px; }
.w2table_sb_col, .w2table_ccb_col { padding: 0 6px; height: 28px; color: #555; line-height: 27px; border-top: 1px solid #fff; text-align: left; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', Verdana, Dotum, Sans-serif; position: relative; }

[id*="gridView"] .w2table_sb_col, [id*="gridView"] .w2table_ccb_col { text-align: inherit; }
.w2table_sb_col_over, .w2table_ccb_col_over { background-color: #6697d9; color: #fff; }
.w2table_ccb_col_label { position: relative; line-height: 19px; }
.w2table_sb .w2table_sb_main { border-bottom: 5px solid #fff; border-top: 5px solid #fff; width: 100% !important; }
.w2table_sb[style*="width: 0px"] { padding: 0; border: 0; }

/* selectbox navtive */
.w2selectbox_native { position: relative; width: 100%; border: 0; vertical-align: middle; padding: 0; overflow: visible; }
.w2selectbox_native select::-ms-expand { display: none; }
.w2selectbox_native.fixedWidth .w2selectbox_native_innerDiv { height: 100%; position: relative; }
.w2selectbox_native .w2selectbox_native_select { width: 100%; margin-top: 0 !important; height: 100%; background: #fff; border-radius: 3px; border: 1px solid #d7d7d7; color: #555; padding: 0 8px; -webkit-appearance: none; line-height: 28px; }
.w2selectbox_native_innerDiv:after { left: auto; right: 10px; pointer-events: none; }
.w2selectbox_select { display: inline-block; height: 26px; border: 1px solid #dde1e5; transition: border-color ease-in-out .15s; vertical-align: middle; border-radius: 3px; }

/* spinner */
.w2spinner.w2_horizon.type1 .w2input, .w2spinner.w2_horizon.type2 .w2input { margin-right: 0; }
.w2spinner.w2_horizon.type1 { /* padding-right: 16px; */ position: relative; width: 70px; line-height: 1; }
.w2spinner.w2_horizon.type1 .w2input { width: 100% !important; position: static !important; padding-right: 22px; }
.w2spinner.w2_horizon.type1 .w2spinner_up, .w2spinner.w2_horizon.type1 .w2spinner_down, .w2spinner.w2_horizon.type1 .w2spinner_up .w2spinner_up_image, .w2spinner.w2_horizon.type1 .w2s pinner_down .w2spinner_down_image { width: 16px; margin-top: 0; z-index: 9; border: 1px solid #d7d7d7; border-radius: 0 3px 0 0; }
.w2spinner.w2_horizon.type1 .w2spinner_down { margin-top: -1px; height: calc(50% + 1px); border-radius: 0 0 3px 0; }
.w2spinner.w2_horizon.type1 .w2spinner_up:before { content: ""; display: block; position: absolute; left: 0; margin-left: -3px; width: 5px; height: 5px; border-top: 1px solid #20252A; border-right: 1px solid #20252A; transform: rotate(-45deg); cursor: pointer; right: 0; bottom: 0; margin: auto; }
.w2spinner.w2_horizon.type1 .w2spinner_down:before { content: ""; display: block; position: absolute; /* top: 0; */ /* left: 50%; */ /* margin-left: -3px; */ width: 5px; height: 5px; border-top: 1px solid #20252A; border-right: 1px solid #20252A; transform: rotate(135deg); cursor: pointer; bottom: 0; margin: auto; left: 0; right: 0; }
.w2tb .w2spinner.w2_horizon.type1 .w2spinner_up:before { transform: rotate(-45deg) scale(0.9); top: 3px; }
.w2tb .w2spinner.w2_horizon.type1 .w2spinner_down:before { transform: rotate(135deg) scale(0.9); top: -3px; }
.w2spinner.w2_horizon.type1>.w2spinner_up .w2spinner_up_image, .w2spinner.w2_horizon.type1>.w2spinner_down .w2spinner_down_image { background: none; display: none; }
.w2spinner.w2_horizon.type2 { padding: 0 16px; }
.w2spinner.w2_horizon.type2 .w2input { width: 100% !important; position: static !important; }
.w2spinner.w2_horizon.type2 .w2spinner_up, .w2spinner.w2_horizon.type2 .w2spinner_down, .w2spinner.w2_horizon.type2 .w2spinner_up .w2spinner_up_image, .w2spinner.w2_horizon.type2 .w2spinner_down .w2spinner_down_image { width: 16px; }
.w2spinner.w2_horizon.type2 .w2spinner_up:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left: -3px; width: 5px; height: 5px; border-top: 1px solid #20252A; border-right: 1px solid #20252A; transform: rotate(-45deg); cursor: pointer; }
.w2spinner.w2_horizon.type2 .w2spinner_down:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; margin-top: -4px; margin-left: -3px; width: 5px; height: 5px; border-top: 1px solid #20252A; border-right: 1px solid #20252A; transform: rotate(135deg); cursor: pointer; }
.w2spinner.w2_horizon.type2>.w2spinner_up .w2spinner_up_image, .w2spinner.w2_horizon.type2>.w2spinner_down .w2spinner_down_image { background: none; }

/* textarea */
.w2textarea { display: block; width: 100%; margin: 0; padding: 8px; line-height: 1.5; background: #fff; -webkit-appearance: none; font-family: initial; border-radius: 4px; min-height: 160px; border-color: #d7d7d7; }
.w2editor { min-height: 160px; }
.cke_chrome { width: 100% !important; }

/* autoComplete */
.w2autoComplete { width: 100%; border: 1px solid #d7d7d7; transition: border-color ease-in-out .15s; vertical-align: middle; border-radius: 4px; height: 28px; }
.w2autoComplete:hover { border-color: #6697d9; }
.w2autoComplete_col_button { background: none !important; width: 24px; position: relative; }
.w2autoComplete_open { border-color: #6697d9; background: #EDF1FF; }
.w2autoComplete_open .w2autoComplete_col_button:after { transform: rotate(180deg); border-top-color: #6697d9; }
.w2autoComplete_selected .w2autoComplete_col_label { background: none; }
.w2autoComplete_table_main td .w2autoComplete_label { text-align: left; }
.w2autoComplete_table_main td span.w2autoComplete_label { /* padding-left: 8px; */ font-size: 15px; line-height: 20px; padding: 0 8px; }
.w2autoComplete_input { font-size: 15px; height: 26px; /* padding-left: 8px !important; outline: 0; */ font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', Verdana, Dotum, Sans-serif; color: #555; /* border-radius: 4px 0 0 4px; */ line-height: 22px; }
/* .w2autoComplete_input:focus { outline: 0 !important; } */
.w2autoComplete .w2autoComplete_input { padding: 0 8px !important; }
.w2autoComplete_open .w2autoComplete_input { background: #edf1ff; }
.w2tb .w2autoComplete { height: 24px; line-height: 24px; font-size: 12px; }
.w2tb .w2autoComplete .w2autoComplete_input, .w2tb .w2autoComplete .w2autoComplete_label { height: 22px; line-height: 22px; font-size: 12px; }
.w2autoComplete_keyword { color: #4d7cbc; font-weight: normal; }
.w2input_table_sb { border: none; box-shadow: 0 0 6px 0 rgb(0 0 0/ 20%); margin-top: 6px; border-radius: 8px; max-height: 164px !important; border-top: 12px solid #fff; border-bottom: 12px solid #fff; height: auto !important; }
.w2input_table_sb_main { position: static; }
.w2input_table_sb_col { height: 26px; color: #20252a; font-size: 13px; line-height: 26px; text-align: left; background-color: #fff; border-top: 0; width: 100%; padding: 0 16px; }
.w2input_table_sb_col_over { background-color: #e6ebf7; }

/* hover */
input:hover, textarea:hover, .w2inputCalendar_focus, .w2checkcombobox:hover, .w2selectbox_body_over { border-color: #6697d9 }

/* focus */
input.w2input:focus, textarea:focus, .w2inputCalendar_focus, .w2checkcombobox:focus, .w2selectbox_body_focus, .w2selectbox_open, .w2checkcombobox_open, .w2trigger:hover, button:hover:not(.main_contents button, .btn_sitemap, .w2inputCalendar_button, .lnb .search_input .search_btn, .sub_contents .search_input button, .pop_wrap .search_input button, .w2grid .gridBodyDefault.btn_search button, .w2grid .gridBodyDefault.btn_fileDwn button, .size button, .header .sitemap .search_input .search_btn, .kc-dialog button, .btn_chatbot, .btn_top, .chat_mini), .w2trigger:focus, button:focus:not(.main_contents button, .btn_sitemap, .lnb .search_input .search_btn, .sub_contents .search_input button, .pop_wrap .search_input button, .w2grid .gridBodyDefault.btn_search button, .w2grid .gridBodyDefault.btn_fileDwn button, .size button, .header .sitemap .search_input .search_btn, .kc-dialog button, .btn_chatbot, .btn_top, .chat_mini), .w2grid .w2input_focus, .w2popup_window .w2window_header_buttonArea .w2window_header_button:hover, .w2popup_window .w2window_header_buttonArea .w2window_header_button:focus { border: 1px solid #6697d9; /* outline: 0; */ background-color: #edf1ff; color: #000; }
.w2trigger:active, button:active:not(.main_contents button, .btn_sitemap, .search_input .search_btn, .sub_contents .search_input button, .w2grid .gridBodyDefault.btn_search button, .w2grid .gridBodyDefault.btn_fileDwn button, .size button, .kc-dialog button), .w2popup_window .w2window_header_buttonArea span:active { background-color: #6697d9; border-color: #6697d9; color: #fff; }

/* 필수입력 표시 */
/* input, selectbox, checkcombobox, textarea, upload, autoComplete, inputCalendar, multiselect_div, selectbox_native */
.req.w2radio, .req.w2checkbox, .req.w2input, .req.w2selectbox, .req.w2checkcombobox, .req.w2textarea, .req.w2upload .w2upload_input, .req.w2autoComplete, .req.w2multiselect_div .w2multiselect_tr { background-color: #E0FCF9 }
.req.w2inputCalendar_div .w2inputCalendar_divInput, .req.w2selectbox_native, .req.w2selectbox_native.fixedWidth .w2selectbox_native_select { background: #E0FCF9 }
.req.w2selectbox .w2selectbox_col_button { }
.req.w2autoComplete .w2autoComplete_col_button { background-image: none; width: 20px; }
.req .w2selectbox_over .w2selectbox_col_label, .req .w2selectbox_focus .w2selectbox_col_label { background: #E0FCF9; }
.req .w2autoComplete_over .w2autoComplete_col_label, .req .w2autoComplete_selected .w2autoComplete_col_label { background: #E0FCF9; }

/* disabled & readOnly */
input.w2input_readonly, .w2inputCalendar_readOnly, .w2inputCalendar_readOnly:hover, input.w2input_readonly:focus, .w2inputCalendar_readOnly:focus, .w2textarea_readonly, .w2textarea_readonly:hover, .w2textarea_readonly:focus, .w2selectbox[readonly], .w2selectbox_native[readonly] .w2selectbox_native_select { background: #EBEBF2; color: #000; border-color: #d7d7d7; cursor: default; pointer-events: none; /* outline: 0; */ }
.w2trigger_readonly, .w2grid_default_readonly button { color: #000; pointer-events: none; }
.output input.w2input_readonly, input.w2input_readonly.output, .output input.w2input_disabled, input.w2input_disabled.output, .output input.w2input_disabled:hover, input.w2input_disabled.output:hover, .w2inputCalendar_div.output .w2inputCalendar_readOnly, input.w2input_readonly.output:focus, .w2inputCalendar_div.output .w2inputCalendar_readOnly:focus, .output .w2selectbox_disabled, .output .w2selectbox_disabled:hover, .w2selectbox_disabled.output, .w2selectbox_disabled.output:hover, .w2selectbox[readonly].output, .w2textarea_readonly.output, .w2textarea_readonly.output:hover, .w2textarea_disabled.output, .w2textarea_disabled.output:hover { background: none !important; border: 0 !important; font-size: 13px !important; min-width: 50px; padding: 0; }
.output input.w2input_readonly:focus, input.w2input_readonly.output:focus, .w2inputCalendar_div.output .w2inputCalendar_readOnly:focus { outline: 1px dotted #ccc !important; }
input.w2input_readonly::selection, .w2inputCalendar_readOnly::selection, .output input.w2input_readonly::selection, input.w2input_readonly.output::selection, .w2inputCalendar_div.output .w2inputCalendar_readOnly::selection { background: transparent; }
.output button, .output .w2selectbox_disabled .w2selectbox_col_button, .w2selectbox_disabled.output .w2selectbox_col_button, .w2selectbox[readonly].output .w2selectbox_col_button { display: none }
.output .w2selectbox_disabled .w2selectbox_label, .w2selectbox_disabled.output .w2selectbox_label, .w2selectbox[readonly].output .w2selectbox_label { color: #000 !important; font-size: 13px; }
input.w2input_disabled, .w2selectbox_disabled, .w2textarea_disabled, .w2upload_disabled .w2upload_input, .w2autoComplete_disabled, .w2checkcombobox_disabled, input.w2trigger_disabled, .w2selectbox_native.fixedWidth .w2selectbox_native_select:disabled, input.w2input_disabled:hover, .w2selectbox_disabled:hover, .w2textarea_disabled:hover, .w2upload_disabled .w2upload_input:hover, .w2autoComplete_disabled:hover, .w2checkcombobox_disabled:hover, .w2trigger_disabled:hover, .w2selectbox_native.fixedWidth .w2selectbox_native_select:disabled:hover, input.w2input_disabled:focus, .w2selectbox_disabled:focus, .w2textarea_disabled:focus, .w2upload_disabled .w2upload_input:focus, .w2autoComplete_disabled:focus, .w2checkcombobox_disabled:focus, .w2trigger_disabled:focus, .w2selectbox_native.fixedWidth .w2selectbox_native_select:disabled:focus, input[type="checkbox"]:disabled+.w2checkbox_disabled:before, input[type="radio"]:disabled+.w2radio_disabled:before, button:disabled, .w2grid .gridBodyDefault.w2grid_default_readonly .w2radio_label:before, .w2grid .gridBodyDefault.w2grid_default_readonly .w2checkbox_label:before, .w2grid input[type="radio"]:disabled+.w2radio_label:before, .w2grid input[type="checkbox"]:disabled+.w2checkbox_label:before, .w2grid .w2grid_default_disabled [type="checkbox"]:before, .w2grid [type="checkbox"][disabled]:before, .w2grid .w2grid_default_disabled [type="radio"]:before, .w2grid [type="radio"][disabled]:before, .w2grid .gridBodyDefault.w2grid_default_disabled button { background-color: #eee !important; color: #c1c1c1 !important; border-color: #d7d7d7 !important; cursor: default; pointer-events: none; }
input[type="checkbox"]:disabled, input[type="radio"]:disabled { cursor: default; }
input.w2trigger.btn_red.w2trigger_disabled, input.w2trigger.btn_cfm.w2trigger_disabled { border-color: #d7d7d7 !important; }
input[type="checkbox"]:disabled+.w2checkbox_disabled:after, .w2grid .gridBodyDefault.w2grid_default_readonly .w2checkbox_label:after, .w2grid input[type="checkbox"]:disabled+.w2checkbox_label:after, .w2grid .w2grid_default_disabled [type="checkbox"]:after, .w2grid [type="checkbox"][disabled]:after { border-color: #c1c1c1; }
input[type="radio"]:disabled+.w2radio_disabled:after, .w2grid .gridBodyDefault.w2grid_default_readonly .w2radio_label:after, .w2grid input[type="radio"]:disabled+.w2radio_label:after, .w2grid .w2grid_default_disabled [type="radio"]:after, .w2grid [type="radio"][disabled]:after { background: #c1c1c1 }
.w2selectbox_disabled .w2selectbox_col_button:after, .w2checkcombobox_disabled .w2checkcombobox_col_button:after, .w2selectbox_disabled .w2selectbox_native_innerDiv:after, .w2selectbox_native[disabled] .w2selectbox_native_innerDiv:after { border-color: #c1c1c1 !important; }
.w2selectbox_disabled.no_arr .w2selectbox_col_button:after, .w2selectbox[readonly].no_arr .w2selectbox_col_button:after, .w2selectbox_native.no_arr .w2selectbox_native_innerDiv:after { display: none; }
.w2radio_disabled, .w2checkbox_disabled { cursor: default; }
.w2upload_disabled input[type="text"]:focus { border: 1px solid #d4d4d4; box-shadow: none }

/* upload input focus일때 border 및 그림자 제거 */
.w2autoComplete_disabled .w2autoComplete_col_button { width: 20px; background: url(../..//cm/images/base/ico_selectarrow.png) center no-repeat #ebeced; }
.w2checkbox[readonly] .w2checkbox_label:before, .w2radio[readonly] .w2radio_label:before { background: #ebebf2; }
.w2checkbox[readonly] *, .w2radio[readonly] * { cursor: default; pointer-events: none; }

/* placeholder font color */
.w2input_placeholder { color: #777; !important }
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder { color: #777; }
textarea::-webkit-input-placeholder { color: #777; }

/* error */
input.w2input.error, textarea.w2textarea.error, .w2selectbox.error, .w2inputCalendar_div.error .w2inputCalendar_divInput { border-color: #d80000; }

/* input wrap */
.input_wrap { display: flex; gap: 4px; }
.input_wrap>.w2textbox, .input_wrap>.w2span { line-height: 28px; }
.input_wrap>*:not([style*="width"], [class*="Calendar"], [class*="btn"], .w2span, .w2textbox) { flex: 1; }
.w2tb .input_wrap>.w2textbox, .w2tb .input_wrap>.w2span { line-height: 24px; }
.input_wrap [id*='iptUnitMdcd'][style*='hidden'] { display: none !important; }
.input_wrap .w2checkbox, .input_wrap .w2radio { flex: none; }

/* 조회용 input */
.search_input { position: relative; width: 100%; }
.search_input .w2input { padding-right: 30px !important; }
.search_input button { position: absolute; right: 2px; width: 28px; top: 0; bottom: 0; margin: auto; border: 0; background: transparent; padding: 0; }
.m_menu_sch .search_btn .icon, .search_input .search_btn .icon, .w2grid .gridBodyDefault.btn_search button, .w2grid .gridBodyDefault.btn_fileDwn button { position: absolute; overflow: hidden; width: calc(100% - 10px); height: calc(100% - 10px); top: 0; text-indent: -99999px; bottom: 0; left: 0; right: 0; margin: auto !important; border-radius: 4px; }
.m_menu_sch .search_btn .icon:before, .search_input .search_btn .icon:before, .search_input .w2autoComplete+.search_btn .icon:before, .btn_search .icon:before, .w2grid .gridBodyDefault.btn_search button:before { content: ''; width: 85%; height: 85%; border-radius: 100%; z-index: 9; top: 0; left: 0; border: 1px solid #555; position: absolute; }
.m_menu_sch .search_btn .icon:after, .search_input .search_btn .icon:after, .search_input .w2autoComplete+.search_btn .icon:after, .btn_search .icon:after, .w2grid .gridBodyDefault.btn_search button:after { content: ''; position: absolute; width: 50%; height: 1px; background: #555; right: -12%; top: 85%; transform: rotate(45deg); border-radius: 2px; z-index: 2; }
.m_menu_sch .search_btn:hover .icon:before, .m_menu_sch .search_btn:focus .icon:before, .search_input .search_btn:hover .icon:before, .search_input .w2autoComplete+.search_btn:hover .icon:before, .search_input .search_btn:focus .icon:before, .search_input .w2autoComplete+.search_btn:focus .icon:before { border-color: #6697d9 }
.m_menu_sch .search_btn:hover .icon:after, .m_menu_sch .search_btn:focus .icon:after, .search_input .search_btn:hover .icon:after, .search_input .w2autoComplete+.search_btn:hover .icon:after, .search_input .search_btn:focus .icon:after, .search_input .w2autoComplete+.search_btn:focus .icon:after { background: #6697d9; }
.search_input .w2autoComplete .w2autoComplete_col_button { display: none; }
.sub_contents .search_input .search_btn .icon, .pop_wrap .search_input .search_btn .icon { transform: scale(0.75); }
.sub_contents .w2tb .search_input .search_btn, .pop_wrap .w2tb .search_input .search_btn { width: 24px; height: 24px !important; }
.sub_contents .w2tb .search_input .search_btn .icon { /* transform: scale(0.95); */ }
.sub_contents .search_input button, .pop_wrap .search_input button { border: 5.5px solid transparent !important; }
.sub_contents .w2tb .search_input button, .pop_wrap .w2tb .search_input button { width: 24px; }
.sub_contents .search_input button:before, .pop_wrap .search_input button:before { content: ''; width: 85%; height: 85%; border-radius: 100%; z-index: 9; top: 0; left: 0; border: 1px solid #555; position: absolute; }
.sub_contents .search_input button:after, .pop_wrap .search_input button:after { content: ''; position: absolute; width: 50%; height: 1px; background: #555; right: -12%; top: 85%; transform: rotate(45deg); border-radius: 2px; }
.search_input button:hover:before, .search_input button:focus:before { border-color: #6697d9; }
.search_input button:hover:after, .search_input button:focus:after { background: #6697d9; }
.sub_contents .search_input .w2input_disabled+button, .sub_contents .search_input .w2input_readonly+button, .sub_contents .search_input button[disabled], .sub_contents .search_input button[readonly], .pop_wrap .search_input .w2input_disabled+button, .pop_wrap .search_input .w2input_readonly+button, .pop_wrap .search_input button[disabled], .pop_wrap .search_input button[readonly] { pointer-events: none; opacity: .3; /* outline: 0 !important; */ }
.sub_contents .output .search_input .w2input_disabled+button, .sub_contents .output .search_input .w2input_readonly+button, .sub_contents .output .search_input button[disabled], .sub_contents .output .search_input button[readonly], .sub_contents .search_input.output .w2input_disabled+button, .sub_contents .search_input.output .w2input_readonly+button, .sub_contents .search_input.output button[disabled], .sub_contents .search_input.output button[readonly], .pop_wrap .output .search_input .w2input_disabled+button, .pop_wrap .output .search_input .w2input_readonly+button, .pop_wrap .output .search_input button[disabled], .pop_wrap .output .search_input button[readonly], .pop_wrap .search_input.output .w2input_disabled+button, .pop_wrap .search_input.output .w2input_readonly+button, .pop_wrap .search_input.output button[disabled], .pop_wrap .search_input.output button[readonly] { display: none; }

/* 성명 */
[data-title*="성명"] .search_input, [data-title*="이름"] .search_input { width: 116px !important; }
.w2tb [data-title*="성명"] .search_input, .w2tb [data-title*="이름"] .search_input { width: 110px !important; }

[data-title*="주민"] input.w2input, input.w2input[title*="주민"] { width: 122px !important; }
.w2tb [data-title*="주민"] input.w2input, .w2tb input.w2input[title*="주민"] { width: 116px !important; }

[data-title*="계좌"] .w2selectbox, .w2selectbox[title*="은행"] { width: 166px !important; }
.w2tb [data-title*="계좌"] .w2selectbox, .w2tb .w2selectbox[title*="은행"] { width: 160px !important; }
.search_input.name { width: 116px; flex: none; }
.w2tb .search_input.name { width: 110px; }

/* Accordion */
.aodbox { margin: 0 0 16px; border-top: 1px solid #ced4da; }
.wq_aod { border: 0; overflow: unset; }
.wq_aod .w2panels { border: 0; border-bottom: 1px solid #d7d7d7; }
.wq_aod .w2panels_title { padding: 4px 8px; height: auto; background: none; }
.wq_aod .w2panels_title .w2panels_title_image { display: none; background: none; }
.wq_aod .w2panels_title .w2panels_title_image+.w2panel_title_text { display: block; padding-top: 0; padding-right: 30px; color: #000; line-height: 28px; font-weight: bold; -moz-cursor: pointer; }
.wq_aod .w2panels_title .w2panels_title_image+.w2panel_title_text:before, .wq_aod .w2panels_title .w2panels_title_image+.w2panel_title_text:after { content: ''; position: absolute; width: 12px; height: 1px; border-top: 2px solid #555; border-right: 2px solid #555; top: 0; bottom: 0; right: 12px; transition: .2s ease; margin: auto; }
.wq_aod .w2panels_title .w2panels_title_image+.w2panel_title_text:after { transform: rotate(90deg); }
.wq_aod .w2panels_title .w2panels_title_image_open+.w2panel_title_text { color: #6697d9; }
.wq_aod .w2panels_title .w2panels_title_image_open+.w2panel_title_text:before, .wq_aod .w2panels_title .w2panels_title_image_open+.w2panel_title_text:after { border-color: #6697d9; }
.wq_aod .w2panels_title .w2panels_title_image_open+.w2panel_title_text:after { transform: rotate(0) }
.wq_aod .w2panels_content_open { padding: 20px 30px; overflow: auto; background: #fafafa; }
.wq_aod .w2panels_content_closed { padding: 8px; overflow: auto; background: #f0f4f7; }
.wq_aod .w2panels_content_closed .w2textbox { font-size: 12px; line-height: 20px; }

/* 화면상단 공통영역 */
.pgt_box { position: relative; padding: 20px 20px 0; width: 100%; min-height: 44px; display: flex; justify-content: space-between; align-items: center; }
.pgt_box .pgt_tit h1 { display: inline-block; font-size: 18px; font-weight: 600; vertical-align: middle; color: #000; }
.pgt_icobox { display: block; margin: 4px 8px 0 8px; float: right; padding: 0; }
.pgt_icobox:after { content: ''; display: block; clear: both; }
.pgt_icobox span { height: 18px; background: url(../..//cm/images/contents/ico_home.png) no-repeat 0 4px; padding-left: 17px; }
.pgt_box .w2trigger.btn_help { background: #455586; border-color: #455586; color: #fff; margin-left: 22px; padding: 0 10px 0 30px; height: 28px !important; border-radius: 8px; line-height: 26px; }
.pgt_box .btn_box, .pgt_box .btn_box * { margin-top: 0 !important; }
.pgt_box .w2trigger.btn_help:hover { background-color: #3f5bb0; border-color: #3f5bb0 }
.pgt_box .w2trigger.btn_help:active { background-color: #283560; border-color: #283560 }

/* 화면 확대축소 부분 */
.size { display: flex; align-items: center; height: 24px; line-height: 24px; }
.size h2 { font-size: 13px; font-weight: normal; margin-right: 10px; }
.size .size_inner { background: #f6f6f6; position: relative; padding: 0 34px; height: 100%; margin-left: 0 !important; }
.size .size_inner button { position: absolute; left: 0; top: 0; height: 100% !important; text-indent: -99999px; border: 0 !important; border-radius: 3px; background: #5f91d5; width: 24px; }
.size .size_inner .zoom_in { right: 0; left: auto; margin-left: 0; }
.size .size_inner .zoom_out:before, .size .size_inner .zoom_in:before, .size .size_inner .zoom_in:after { content: ''; position: absolute; width: 10px; height: 2px; background: #fff; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.size .size_inner .zoom_in:after { transform: rotate(90deg); }
.size .size_inner .percent { font-size: 14px; margin-left: 0; }
.size .size_inner button:hover { background: #5899F2; }
.size .size_inner button:active { background: #346BB4; }

/* 화면상단 경로영역 */
.breadcrumb { float: right; margin: 8px 0 0; }
.breadcrumb:after { content: ''; display: block; clear: both; }
.breadcrumb li { position: relative; display: inline-block; font-size: 11px; }
.breadcrumb li a { margin-right: 8px; color: #6c757d; }
.breadcrumb li a:after { content: ''; display: inline-block; margin-left: 8px; margin-bottom: 2px; width: 5px; height: 5px; border-top: 1px solid #9da1a9; border-right: 1px solid #9da1a9; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.breadcrumb li span { color: #6A6C6F; }
.breadcrumb li.home:before { content: ''; display: inline-block; padding-right: 8px; width: 10px; height: 9px; background: url(../..//cm/images/base/ico_home.png) no-repeat center; }

/* search table */
.sch_box { background: #f5f6fa; border-radius: 8px; padding: 10px 16px; display: flex; align-items: flex-end; justify-content: space-between; }
.sch_box .sch_inner { flex: 1; margin-right: 24px; }
.sch_box colgroup col.w2group { width: auto !important; }
.sch_box .w2tb .w2tb_td, .sch_box .w2tb .w2tb_th { display: table-cell; background: none; border: none; padding: 0; min-width: 50px; height: 24px; width: auto; }
.sch_box .w2tb { table-layout: auto; border: none; }
.sch_box .w2tb>tbody>tr { display: inherit; }
.sch_box .w2tb .w2tb_th { text-align: left; border: none; font-weight: normal; padding-right: 8px; word-break: keep-all; line-height: 24px; vertical-align: middle; }
.sch_box .w2tb .w2tb_td+.w2tb_th, .sch_box .w2tb .w2tb_td+.w2tb_td { padding-left: 26px; }
.sch_box .w2tb tr+tr>.w2group { padding-top: 4px; }
.sch_box .btn_box .w2trigger { font-size: 12px; height: 24px !important; line-height: 22px; }

/* 하단 조회 영역 */
.sch_box.reg { background: transparent; border-radius: 0; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; justify-content: flex-start; }
.sch_box.reg .sch_inner { flex: none; }

/* 서브타이틀 */
.sub_tit_box { margin-bottom: 16px; display: flex; justify-content: space-between; width: 100%; align-items: flex-end; color: #000; min-height: 28px; gap: 20px; }
*+.sub_tit_box { margin-top: 30px; }
.sub_tit_box h2, .sub_tit_box h3 { line-height: 20px; font-size: 14px; display: flex; color: #000; }
.sub_tit_box h2 { font-size: 16px; position: relative; padding-left: 16px; }
.sub_tit_box h2:before { content: ''; position: absolute; width: 7px; height: 7px; background: #000; border-radius: 7px; top: 7px; left: 0; }
.sub_tit_box h3 { padding-left: 10px; position: relative; /* margin-left: 16px; */ }
.sub_tit_box h3:before { content: ''; position: absolute; width: 2px; height: calc(100% - 7px); background: #6697d9; top: 4px; left: 0; }
.sub_tit_box .btn_box, .sub_tit_box .btn_box>.w2trigger, .sub_tit_box .btn_box>.w2group { margin-top: 0; }
.sub_tit_box .tit_inner { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 8px; }
.sub_tit_box .tit_inner .unit { flex: 1; font-size: 12px; color: #888; margin-right: 24px; }
.sub_tit_box .tit_inner .guide_tit { flex: none; width: calc(100% - 16px); margin-top: 8px; margin-bottom: 0; }
.sub_tit_box .tit_inner .unit+.guide_tit { width: auto; margin: 0; }
.sub_tit_box .sch_box.reg { padding: 0; border: 0; }
.sub_tit_box .sch_box.reg .w2input, .sub_tit_box .sch_box.reg .w2selectbox, .sub_tit_box .sch_box.reg .w2trigger { height: 28px !important; }

/* 단위 */
.sub_tit_box .unit { flex: 1; font-size: 12px; color: #888; margin-right: 24px; }
.tab_box>.unit { position: absolute; right: 0; margin-right: 10px; top: 6px; font-size: 13px; }

/* 공통버튼 */
input.w2trigger.btn_cfm { background: #6697d9; border-color: #6697d9; color: #fff; }
input.w2trigger.btn_cfm:hover, input.w2trigger.btn_cfm:focus { background: #5899F2; border-color: #5899F2; }
input.w2trigger.btn_cfm:active { background: #346BB4; border-color: #346BB4; }

/* 강조 버튼 */
input.w2trigger.btn_red { background: #E63C3C; color: #fff; border-color: #E63C3C; }
input.w2trigger.btn_red:hover, input.w2trigger.btn_red:focus { background: #FF7272; border-color: #FF7272; }
input.w2trigger.btn_red:active { background: #D80000; border-color: #D80000; }

/* 타이틀영역 즐겨찾기 버튼 */
.btn_fav { display: inline-block; margin-right: 9px; position: relative; }
.btn_fav span { content: ''; position: absolute; background: url(../images/common/ico_cm.png) no-repeat 0 -198px; width: 18px; height: 18px; pointer-events: none; top: 1px; bottom: 0; left: 0; right: 0; margin: auto; z-index: 9; }
.btn_fav .w2trigger { height: 24px; width: 24px; padding: 0; border: 0; }
.btn_fav .w2trigger:hover, .btn_fav .w2trigger:focus, .btn_fav .w2trigger:active { background: transparent; }
.btn_fav .w2trigger:hover+span, .btn_fav .w2trigger.on+span { background-position-x: -18px; }

/* 도우미 버튼 */
input.btn_help.w2trigger { min-width: 16px; height: 16px !important; padding: 0; border-radius: 16px; line-height: 1; color: #fff; background: #6697d9; border: 0; margin-left: 5px; }
.sub_contents .btn_help.w2trigger:hover { background: #5899F2; }

/* 버튼 box */
.btn_box { display: flex; justify-content: flex-end; flex-wrap: wrap; align-items: flex-end; align-items: center; margin-top: 10px; gap: 8px; /* z-index: 9; */ }
.sch_box .btn_box { width: auto; margin: 0; }
.sch_box .btn_box>.w2wframe { /* height: 24px !important; */ width: 100% !important; }
.sch_box .btn_box>.w2trigger, .sch_box .btn_box>.w2group, .gvw_bttm .btn_box, .tb_bttm .btn_box { margin-top: 0; }
.btn_box>.w2trigger, .btn_box>.w2group { /*margin-top: 5px;*/ }
.btn_box .btn_inner { display: inline-flex; z-index: 2; gap: 4px; }
.btn_box.center { justify-content: center; width: 100%; }
.btn_box.left { justify-content: flex-start; }
.btn_box.row { flex-direction: column; margin-top: 0; }
.btn_box.row>*+.w2group { margin-left: 0; }
.btn_box.row *+.w2trigger, .btn_box.row>*+.w2group { margin-top: 12px; }
.btn_box+*:not(.sub_tit_box) { clear: both; /* margin-top: 10px; */ }
.btn_box dl { display: flex; align-items: center; background: #f5f6fa; padding: 4px 8px; border-radius: 4px; margin-right: 8px; }
.btn_box dl:last-child { margin-right: 0; }
.btn_box dl dd { display: flex; align-items: center; }
.btn_box dl dt .w2textbox { font-weight: bold; color: #000; margin-right: 4px; font-size: 14px; }
.btn_box dl *+dt { margin-left: 12px !important; }
.sch_box .btn_box { width: auto; gap: 8px; }
.sch_box .btn_box>.w2trigger, .sch_box .btn_box>.w2group { margin-top: 0; }

/* shuffle 버튼 */
.shuffle { float: none; }
.shuffle button { text-indent: -99999px; width: 32px; height: 32px !important; line-height: 32px; }
.shuffle.center *+.w2group { margin-left: 12px; }
.shuffle button:before { content: ''; position: absolute; width: 14px; height: 10px; top: 0; left: 0; bottom: 0; right: 0; margin: auto; pointer-events: none; border-radius: 3px; border-left: 8px solid transparent; border-bottom: 0; border-top: 10px solid #555; border-right: 8px solid transparent; }
.shuffle button:hover:before { border-top-color: #000; }
.shuffle button:focus:before { border-top-color: #6697d9; }
.shuffle button:active:before { border-top-color: #fff; }
.shuffle .btn_shuffleL:before { transform: rotate(-90deg); left: 2px; }
.shuffle .btn_shuffleR:before { transform: rotate(90deg); left: -2px; }
.shuffle .btn_shuffleT:before { transform: rotate(-180deg); left: 0; top: -2px; }
.shuffle .btn_shuffleB:before { left: 0; top: 0px; }
.shuffle button:disabled:before { border-top-color: #ccc; }
.shuffle button.txt { text-indent: 0px; width: auto; padding-right: 34px; }
.shuffle button.txt:before { left: auto; right: 12px; }
.sch_box .shuffle button, .tb_box .shuffle button { height: 24px !important; line-height: 24px !important; }
.sch_box .shuffle button.txt:before, .tb_box .shuffle button.txt:before { transform: scale(0.85); }

/* 아이콘 버튼 */
.w2group[class*='btn_'] { position: relative; }

/* 초기화 버튼 */
.btn_refresh.w2trigger { background: url(../images/content/ico_refresh_w.svg) no-repeat center #455586; text-indent: -99999px; background-size: 14px; border-color: #455586; width: 26px; min-width: auto; }
.btn_refresh.w2trigger.w2trigger_disabled { background-image: url(../images/content/ico_refresh_disabled.svg); }
.btn_refresh.w2trigger:hover { background-color: #3f5bb0; border-color: #3f5bb0 }
.btn_refresh.w2trigger:active { background-color: #283560; border-color: #283560 }

/* 검색 버튼 */
.btn_search, .btn_delete { display: inline-block; flex: none !important; }
.btn_search.txt .w2trigger, .btn_delete.txt .w2trigger { padding: 0 12px 0 30px !important; }
.btn_search .w2trigger { background: #6697D9; border-color: #6697d9; color: #fff; }
.btn_search .w2trigger, .btn_delete .w2trigger { text-indent: -99999px; min-width: 28px; }
.w2tb .btn_search .w2trigger, .w2tb .btn_delete .w2trigger { min-width: 26px; }
.btn_search .icon { width: 14px; height: 14px; overflow: hidden; left: 0; top: 0; bottom: 0; margin: auto !important; right: 0; }
.btn_search .icon:before { border: 2px solid #fff; width: 13px; height: 13px; }
.btn_search .icon:after { background: #fff; height: 2px; margin-top: -1px; top: 13px; right: -2px; }
.btn_search .w2trigger:before { content: ''; left: 10px; width: 14px; height: 14px; position: absolute; background: #000; top: 0; }
.btn_search .w2trigger:hover { background: #5899F2; border-color: #5899F2 }
.btn_search .w2trigger:active { background: #346BB4; border-color: #346BB4 }
.btn_search.txt .w2trigger, .btn_delete.txt .w2trigger, .sch_box .btn_search .w2trigger { text-indent: 0; padding: 0 12px 0 30px; }
.btn_search.txt .icon, .sch_box .btn_search .icon { left: 10px; right: auto; }
.btn_search input.w2trigger_disabled+.icon:before { border-color: #ccc; }
.btn_search input.w2trigger_disabled+.icon:after { background: #ccc; }

/* 삭제 버튼 */
.btn_delete:before { content: ''; position: absolute; top: 0; width: 26px; height: 26px; background: linear-gradient(#666, #666), linear-gradient(#666, #666); background-size: 50% 1px, 1px 50%; background-repeat: no-repeat; background-position: center; transform: rotate(45deg); z-index: 9; pointer-events: none; right: 0; margin: auto; left: 0; right: 0; bottom: 0; }
.btn_delete:active:before { background: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff); background-size: 50% 1px, 1px 50%; background-repeat: no-repeat; background-position: center; }
.btn_delete.txt:before { left: 5px; right: auto; }

/* 화면 이동 버튼 */
.btn_move { min-width: 164px; display: inline-block; }
.btn_move .w2trigger { font-size: 16px; padding: 0 72px 0 24px; width: 100%; border-radius: 20px; height: 40px !important; color: #555; }
.btn_move span { width: 20px; height: 15px; position: absolute; right: 24px; text-indent: -99999px; top: calc(50% - 7.5px); z-index: 2; }
.btn_move span:before, .btn_move span:after { top: 0; content: ''; position: absolute; bottom: 0; margin: auto; }
.btn_move span:before { width: 20px; height: 2px; background: #000; left: 0; }
.btn_move span:after { width: 10px; height: 10px; border-top: 2px solid #000; border-right: 2px solid #000; right: 2px; transform: rotate(45deg); }
.btn_move .w2trigger:hover { background: transparent; color: #6697d9; }
.btn_move .w2trigger:hover+span:before, .btn_move .w2trigger:active { background: #6697d9; }
.btn_move .w2trigger:hover+span:after { border-color: #6697d9; }
.btn_move .w2trigger:active { color: #fff; }
.btn_move .w2trigger:active+span:before { background: #fff; }
.btn_move .w2trigger:active+span:after { border-color: #fff; }

/* 다운로드 버튼 */
.btn_download { background: url(../images/content/ico_download.svg) no-repeat 12px center; padding-left: 32px !important; }
.btn_download:hover, .btn_download:focus { background-image: url(../images/content/ico_download_hover.svg); }
.btn_download:active { background-image: url(../images/content/ico_download_active.svg); }
.btn_download.w2trigger_disabled { background-image: url(../images/content/ico_download_disable.svg); }

/* 업로드 버튼 */
.btn_upload { background: url(../images/content/ico_upload.svg) no-repeat 12px center; padding-left: 32px !important; }
.btn_upload:hover, .btn_upload:focus { background-image: url(../images/content/ico_upload_hover.svg); }
.btn_upload:active { background-image: url(../images/content/ico_upload_active.svg); }
.btn_upload.w2trigger_disabled { background-image: url(../images/content/ico_upload_disable.svg); }

/* 행삭제 버튼 */
.btn_rowDel { background: url(../images/content/ico_rowDel.svg) no-repeat 12px center; padding-left: 28px !important; }
.btn_rowDel:hover, .btn_rowDel:focus { background-image: url(../images/content/ico_rowDel_hover.svg); }
.btn_rowDel:active { background-image: url(../images/content/ico_rowDel_active.svg); }
.btn_rowDel.w2trigger_disabled { background-image: url(../images/content/ico_rowDel_disable.svg); }

/* 행추가 버튼 */
.btn_rowAdd { background: url(../images/content/ico_rowAdd.svg) no-repeat 12px center; padding-left: 28px !important; }
.btn_rowAdd:hover, .btn_rowAdd:focus { background-image: url(../images/content/ico_rowAdd_hover.svg); }
.btn_rowAdd:active { background-image: url(../images/content/ico_rowAdd_active.svg); }
.btn_rowAdd.w2trigger_disabled { background-image: url(../images/content/ico_rowAdd_disable.svg); }

/* 팝업 */
/* 파일 다운로드 버튼 */
.btn_fileDwn, .btn_blank { text-align: left; padding-right: 40px !important; }
.btn_fileDwn { background: url(../images/content/ico_popDownload.png) no-repeat calc(100% - 10px) center; }
.btn_fileDwn:hover, .btn_fileDwn:focus { background-image: url(../images/content/ico_popDownload_hover.png); }
.btn_fileDwn:active { background-image: url(../images/content/ico_popDownload_active.png); }

/* 새창 버튼 */
.btn_blank { background: url(../images/content/ico_popBlank.png) no-repeat calc(100% - 10px) center; }
.btn_blank:hover, .btn_blank:focus { background-image: url(../images/content/ico_popBlank_hover.png); }
.btn_blank:active { background-image: url(../images/content/ico_popBlank_active.png); }

/* 버튼 구분 */
.btn_inner+.btn_inner { padding-left: 8px; }
.btn_inner+.btn_inner:before { content: ''; position: absolute; width: 1px; height: 12px; background: #c1c1c1; left: 0; top: calc(50% - 6px) }
.btn_inner[style*='display: none']+.btn_inner:before { display: none; }

/* table */
.w2tb { width: 100%; }
.w2tb .w2tb_td { background: #fff; padding: 2px 3px; }
.w2tb .w2tb_th, .w2tb .w2tb_td { border-color: #c4cfea; height: 33px; line-height: 18px; }
.w2tb .w2tb_td.m_hideTd { display: table-cell !important; }
.w2tb .w2tb_td.m_showTd, .w2tb .w2tb_td .m_th { display: none !important; }
.w2tb .w2tb_td .w2anchor a, .w2tb .w2tb_td .w2anchor2, .w2tb .w2tb_td .w2selectbox_native, .w2tb .w2tb_td .w2textbox, .w2tb .w2tb_td .w2input, .w2tb .w2tb_td .w2textarea, .w2tb .w2tb_td .w2span, .w2tb .w2tb_td .w2radio, .w2tb .w2tb_td .w2checkbox, .w2tb .w2tb_td .w2checkcombobox, .w2upload, .w2autoComplete_native, .w2tb .w2tb_td .w2inputCalendar_div, .w2tb .w2tb_td .w2selectbox, .w2tb .w2tb_td .w2autoComplete, .w2tb .w2tb_td .w2searchbox input, .w2tb .w2tb_td .w2searchbox, .w2tb .w2tb_td input[type="button"], .w2tb button.w2group { display: inline-block; vertical-align: middle; }
.w2tb .w2tb_td .w2span { display: inline-block; margin: 0 4px; /* line-height: 24px; */ color: #000; }
.w2tb .w2tb_th { text-align: left; background: #f7f9fe; padding: 4px 8px; }
.w2tb .w2tb_th.tit { background: #e5effd; }
.w2tb .w2tb_th .w2textbox { display: inline-block; vertical-align: middle; }
.w2tb .w2tb_th .req:after, .w2tb.w2tb_adaptive_layout .w2tb_td .m_th span.req:after, .req_txt:before { content: '*'; color: #ff0000; vertical-align: middle; display: inline-block; margin-top: -8px; line-height: 8px; margin-left: 4px; font-size: 13px; font-weight: normal; }
.req_txt{ display: block; font-size: 12px; overflow: hidden; color: #666; }
.req_txt:before { margin-top: 0; font-size: 16px; margin-right: 2px; }
.sch_box_wrap .req_txt { margin-bottom: 8px; }
.tb_box:after { content: ''; display: block; clear: both; }
.tb_box .w2tb:not(.noWfix)>colgroup>col { width: auto !important; }
.tb_box .w2tb .w2tb_th { max-width: 132px; min-width: 70px; width: 132px; }
.tb_box .w2tb.noWfix .w2tb_th { width: auto; }
.tb_box .w2tb .w2tb_td { padding: 4px 8px; min-width: 132px; }
.tb_box .w2tb .w2tb_td.m_show { display: none; }
.tb_box .w2tb .w2tb_td>.w2group { padding: 0 8px; display: inline-block; }
.tb_box .w2tb .w2tb_td>.input_wrap, .tb_box .w2tb .w2tb_td>.search_input { display: flex; padding: 0; gap: 4px; }

/* gridview */
.gvw_box { position: relative; }
.w2grid_dataLayer { border: 1px solid #d7d7d7; }
.w2grid { background: #fff; min-height: 150px; /* outline: 0; */  }
.w2grid_scrollX { border: 1px solid #d7d7d7; border-top: 0; max-height: 18px; }
.w2grid_disabled_outer .w2grid_scrollX { pointer-events: none; background: #f4f4f4; }
.w2grid_scrollX div { height: 13px !important; }
.w2grid_scrollY { border: 1px solid #d7d7d7; border-left: 0; }
.w2grid_scrollY[style*="width: 0px;"] { border: 0; }
.w2grid .gridHeaderTableDefault { border-bottom: 0; }
.w2grid .gridBodyDefault.fix_col { position: relative; }
.w2grid .gridBodyDefault.fix_col:after { content: ''; position: absolute; right: 0; height: 100%; width: 1px; background: #000; top: 0; }
.w2grid thead.gridHeaderTableDefault { border: 0; }
.w2grid th.gridHeaderTDDefault { height: 30px !important; color: #000; font-size: 13px; font-weight: bold; background: #f5f6fa; border-color: #d7d7d7; border-top: 0; padding: 4px 8px; }
.w2grid.blue th.gridHeaderTDDefault { background: #ebf3ff; }
.w2grid th.gridHeaderTDDefault nobr, .w2grid th.gridHeaderTDDefault .w2grid_span { padding: 0; }
.w2grid .gridBodyDefault { height: 32px !important; color: #000; font-size: 12px; background-color: #fff; border: 0; border-left: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; position: relative; padding: 0 3px; }
.w2grid .gridBodyDefault.sos { position: relative; font-weight: bold; }
.w2grid .gridBodyDefault.import nobr:before { content: '\2726'; height: 18px; position: absolute; top: calc(50% - 8px); left: 17px; color: #fff; }
.w2grid .gridBodyDefault.sos nobr:before { content: ''; width: 7px; height: 6px; background: #fff; position: absolute; left: 19px; top: 12px; border-radius: 3px 3px 0 0; }
.w2grid .gridBodyDefault.sos nobr:after { content: ''; height: 2px; width: 9px; background: #fff; bottom: 10px; position: absolute; left: 18px; }
.w2grid .gridBodyDefault.sos:before, .w2grid .gridBodyDefault.import:before { content: '중요'; font-size: 11px; background: #6c88ff; color: #fff; margin-left: 8px; padding: 2px 8px 3px 20px; border-radius: 20px; }
.w2grid .gridBodyDefault.sos:before { content: '긴급'; background: #E63C3C; }
.w2grid .gridBodyDefault.file:after { content: ''; width: 14px; height: 14px; background: url(../images/content/ico_cnt.png) no-repeat -14px -88px; vertical-align: middle; margin-top: -2px; display: inline-block; }
.w2grid .gridBodyDefault:last-child, .w2grid th.gridHeaderTDDefault:last-child { /* border-right: 0; */ }
.w2grid .gridBodyDefault[classname="th"] { background: #f7f8fc; }
.w2grid.blue .gridBodyDefault[classname="th"] { background: #f3f8ff; }
.w2grid .gridBodyDefault nobr { padding: 0 6px; }
.w2grid .gridBodyDefault nobr.w2grid_select { padding: 0 11px; overflow: hidden; display: block; text-overflow: ellipsis; }
.w2grid .gridBodyDefault.gridBodyDefault_rowNumber { background: #efefef !important; }
.w2grid .gridBodyDefault.focusedTr { background: #c9defb !important; }
.w2grid .gridBodyDefault.focusedTr .w2grid_input:not(.w2grid_input_readonly), .w2grid .gridBodyDefault[inputtype='calendar'].focusedTr:not(.w2grid_default_readonly) nobr, .w2grid .gridBodyDefault.focusedTr:not(.w2grid_default_readonly) nobr.w2grid_select { display: block; background: #fff; border: 1px solid #c1c1c1; border-radius: 4px; padding: 3px 8px; /* width: calc(100% - 6px); */ min-height: 25px; vertical-align: middle; margin: auto; text-overflow: ellipsis; overflow: hidden; padding: 3px 8px !important; line-height: 16px; }
.w2grid .gridBodyDefault[inputtype='calendar'].focusedTr:not(.w2grid_default_readonly) nobr { padding-right: 26px !important;!i;!; line-height: 17px; height: 25px; min-width: 100px; position: relative; }
.w2grid .gridBodyDefault.focusedTd { background: #6697d9 !important; color: #fff; }
.w2grid .gridBodyDefault a { color: #6697d9; text-decoration: underline; }
.w2grid .gridBodyDefault.focusedTr a { color: #000; }
.w2grid .gridHeaderTableDefault, .w2grid th.gridHeaderTDDefault:first-child, .w2grid .gridBodyDefault:first-child { /* border-left:0; */ margin-left: -1px; }
.w2grid .gridBodyDefault[colmerge="true"][colmerged="0"]:first-child { border-top-width: 1px !important; border-top: 1px solid #c1c1c1; }
.w2grid .gridBodyDefault[inputtype="textImage"] img[src*='btn_ico_search'], .w2grid .gridBodyDefault[imageclickfunction] img[src*='btn_ico_search'] { filter: brightness(12); width: auto !important; height: auto !important; margin-top: 3px; padding: 0 2px; cursor: pointer; }
.w2grid[id*="grdFile"] .gridBodyDefault[imageclickfunction] img[src*='btn_ico_search'] { filter: brightness(0); opacity: 0.5; width: 16px !important; }
.w2grid[id*="grdFile"] .gridBodyDefault[imageclickfunction].focusedTd img[src*='btn_ico_search'], .w2grid[id*="grdFile"] .gridBodyDefault[imageclickfunction].focusedTd img[src*='ico_download'] { filter: brightness(20); opacity: 1; }
.w2grid .gridBodyDefault .w2grid_image[alt*="파일"] { margin: auto; display: block; }
.w2grid .gridBodyDefault.focusedTd .w2grid_image[alt*="파일"] { filter: invert(1); }
.w2grid .w2input { border: 1px solid #6697d9 !important; height: 25px !important; /*margin-left: 4px;*/ font-size: 12px; margin-top: 3px; padding: 2px 8px 3px; min-width: auto; /* outline: 0 !important; */ margin-left: 3px; }
.w2grid .w2selectbox_open, .w2grid .w2input:focus { border-color: #6697d9 !important; background-color: #edf1ff !important; }
.w2grid .w2selectbox_open { padding: 0 8px; /* left: -1px !important; */ overflow: hidden; }
.w2grid .w2selectbox, .w2grid .gridBodyDefault[inputtype='calendar'].focusedTr nobr.w2grid_select { height: 25px !important; font-size: 12px; }
.w2grid .w2selectbox .w2selectbox_table_main { table-layout: fixed; /* position: absolute; */ }
.w2grid .w2selectbox .w2selectbox_row_main>.w2selectbox_col_label { width: 100%; padding-right: 14px; /* height: 25px; */ }
.w2grid .w2selectbox .w2selectbox_label { font-size: 12px; line-height: 24px; text-align: inherit !important; padding-right: 0; margin-top: -1px; display: inline-block; }
.w2grid .w2selectbox .w2selectbox_col_button { position: absolute; right: 0; top: 0; bottom: 0; margin: auto; }
.w2grid .w2selectbox_open .w2selectbox_col_button:after, .w2grid .w2checkcombobox_open .w2checkcombobox_col_button:after, .w2grid .w2autoComplete_open .w2autoComplete_col_button:after{ top: -4px; }
.w2grid th.gridHeaderTDDefault.req nobr:after, .w2grid th.gridHeaderTDDefault.req .w2grid_span:after { content: '*'; color: #d80000; vertical-align: middle; display: inline-block; margin-top: -8px; line-height: 8px; margin-left: 4px; font-size: 13px; font-weight: normal; }
.w2grid .gridBodyDefault[inputtype="button"] { padding: 0 6px; }
.w2grid .gridBodyDefault button { position: relative; display: inline-block; padding: 0 8px; font-size: 12px; background: #fff; border: 1px solid #c1c1c1; cursor: pointer; overflow: hidden; height: 25px !important; border-radius: 4px; }
.w2grid .gridBodyDefault button:hover, .w2grid .gridBodyDefault[class*='choose'] button:hover:before { border-color: #6697d9; }
.w2grid .gridBodyDefault[class*='choose'] button:active:before { border-color: #fff; }
.w2grid .gridBodyDefault button:active, .w2grid .gridBodyDefault.btn_search.txt button:active, .w2grid .gridBodyDefault.btn_fileDwn.txt button:active { border-color: #6697d9 !important; background-color: #6697d9; color: #fff !important; }
.w2grid .gridBodyDefault.btn_search { display: table-cell; }
.w2grid .gridBodyDefault.btn_fileDwn { padding-right: 6px !important; background-image: none; }
.w2grid .gridBodyDefault.btn_search button, .w2grid .gridBodyDefault.btn_fileDwn button { width: 27px !important; padding: 0; border: 0; background: transparent; }
.w2grid .gridBodyDefault.btn_fileDwn button:before { content: ''; position: absolute; background: url(../images/content/ico_download.svg) no-repeat center; width: 16px; height: 16px; top: 0; left: 0; bottom: 0; right: 0; margin: auto; background-size: cover; }
.w2grid .gridBodyDefault.btn_fileDwn button:hover:before { filter: sepia(1) sepia(1) sepia(1) sepia(1) sepia(1) brightness(0.6) contrast(3) hue-rotate(185deg); }
.w2grid .gridBodyDefault.w2grid_default_disabled.btn_fileDwn button:before { opacity: 0.4; }
.w2grid .gridBodyDefault.btn_search button:before { width: 12px; height: 12px; top: 5px; left: 6px; bottom: 0; border-width: 2px; }
.w2grid .gridBodyDefault.btn_search button:after { right: 6px; width: 6px; top: 15px; height: 2px; }
.w2grid .gridBodyDefault.btn_search.txt button:after { right: auto; left: 14px; }
.w2grid .gridBodyDefault.btn_search button:hover:before { border-color: #6697d9; }
.w2grid .gridBodyDefault.w2grid_default_disabled.btn_search button:before { border-color: #c1c1c1; }
.w2grid .gridBodyDefault.w2grid_default_disabled.btn_search button:after { background: #c1c1c1 !important; }
.w2grid .gridBodyDefault.btn_search button:active:before { background-position-x: -28px; }
.w2grid .gridBodyDefault.btn_search.txt button, .w2grid .gridBodyDefault.btn_fileDwn.txt button { text-indent: 0; width: auto !important; margin: auto 6px !important; background: #fff; border: 1px solid #555; border-radius: 28px; padding: 0 28px; }
.w2grid .gridBodyDefault.btn_fileDwn.txt button:before { left: 8px; right: auto; height: 14px; width: 14px; }
.w2grid .gridBodyDefault.btn_fileDwn.txt button:active:before { background-image: url(../images/content/ico_download_active.svg); filter: none; }
.w2grid .gridBodyDefault.btn_search.txt button:active:before { border-color: #fff; }
.w2grid .gridBodyDefault.btn_search.txt button:active:after { background: #fff; }
.w2grid .gridBodyDefault.btn_search.txt button:hover, .w2grid .gridBodyDefault.btn_fileDwn.txt button:hover { border-color: #5f91d5; color: #5f91d5; }
.w2grid .gridBodyDefault.btn_search button:hover:after, .w2grid .gridBodyDefault.focusedTr.btn_search button:hover:after { background: #6697d9; }
.w2grid .gridBodyDefault[class*='choose'] button { text-indent: -99999px; width: 24px !important; }
.w2grid .gridBodyDefault[class*='choose'] button:before { content: ''; position: absolute; width: 8px; height: 8px; left: -2px; top: 1px; bottom: 0; right: 0; margin: auto; border-top: 2px solid #000; border-right: 2px solid #000; transform: rotate(45deg); border-radius: 2px; }
.w2grid .gridBodyDefault[class*='choose'].w2grid_default_disabled button:before { opacity: 0.2; }
.w2grid .gridBodyDefault.chooseL button:before { /* background-position-y: 0; */ transform: rotate(-135deg); left: 2px; }
.w2grid .gridBodyDefault.chooseT button:before { transform: rotate(-45deg); top: 4px; left: 0; }
.w2grid .gridBodyDefault.chooseB button:before { transform: rotate(135deg); top: -2px; left: 0; }
.w2grid .gridBodyDefault[class*='choose'] button:hover:before { background-position-x: -14px; }
.w2grid .gridBodyDefault[class*='choose'] button:active:before { background-position-x: -28px; }
.w2grid .gridBodyDefault_calendar { padding-right: 30px; background-image: url(../..//cm/images/base/ico_calendar.png); background-position: right 10px center; background-repeat: no-repeat; }
.w2grid .gridBodyDefault .w2inputCalendar_div_img button { top: 0 !important; margin: 0; border: 0; text-indent: -9999px; }
.w2grid [id$="_noresult"] { /* top: 50% !important; */ left: 0 !important; width: 100% !important; border: 0 !important; color: #777 !important; background: #fff !important; padding: 10px; font-size: 13px !important; }
.w2grid .gridBodyDefault[inputtype='calendar'].focusedTr nobr:after { left: auto; right: 5px; }
.w2grid .gridBodyDefault.focusedTr:not(.w2grid_default_readonly) nobr.w2grid_select { width: calc(100% - 2px); padding: 3px 22px 3px 8px !important; }
.w2grid .gridBodyDefault.w2grid_default_readonly.focusedTr nobr.w2grid_select { padding: 3px 10px !important; width: auto; }
.w2grid .gridBodyDefault.w2grid_default_readonly.focusedTr nobr.w2grid_select:after, .w2grid .gridBodyDefault[inputtype='calendar'].w2grid_default_readonly.focusedTr nobr:after { display: none; }
.w2grid .gridBodyDefault.focusedTr:not(.w2grid_default_readonly) nobr.w2grid_select:after { /* content: ''; */ /* position: absolute; */ /* border-left: 4px solid transparent; */ /* border-bottom: 0; */ /* border-top: 5px solid #555; */ /* border-right: 4px solid transparent; */ /* transform: rotate(0deg); */ /* transition: all .2s ease; */ /* top: calc(50% - 2.5px); */ /* right: 12px; */ /* height: 5px; */ /* margin: inherit; */ left: auto; right: 14px; }
.w2grid .w2inputCalendar_div { border: 0 !important; min-height: 25px !important; margin-left: 3px; margin-top: 3px; height: auto !important; }
.w2grid .w2inputCalendar_div .w2inputCalendar_div_input { height: 25px !important; width: calc(100% - 1px) !important; }
.w2grid .w2inputCalendar_div .w2inputCalendar_divInput { font-size: 12px; px; */ ; padding-right: 26px; }
.w2grid .w2inputCalendar_div .w2inputCalendar_div_img button { top: 0 !important; }
.w2grid .gridBodyDefault_autoComplete { background: #fff url(../..//cm/images/base/ico_selectarrow.png) center right 9px no-repeat }
.w2grid .gridBodyDefault_select { background: #fff url(../..//cm/images/base/ico_selectarrow.png) center right 9px no-repeat }
.w2grid .gridBodyDefault .w2autoComplete { height: 25px !important; }
.w2grid .gridBodyDefault .w2autoComplete_input { height: 23px; font-size: 12px; padding-left: 6px !important; }
.w2grid .gridBodyDefault .w2autoComplete_open .w2autoComplete_col_button { background: #edf1ff !important; border-radius: 0 4px 4px 0; }
.w2input_table_sb[id*="grd"] { border-radius: 4px; margin-top: 2px; border: 1px solid #c1c1c1; box-shadow: 1px 1px 10px 0px rgb(0 0 0/ 10%); }
.w2input_table_sb[id*="grd"] .w2input_table_sb_main { border-bottom: 5px solid #fff; border-top: 5px solid #fff; }
.w2input_table_sb[id*="grd"]::-webkit-scrollbar { width: 10px; height: 10px; }
.w2input_table_sb[id*="grd"] .w2input_table_sb_col { padding: 0 6px; font-size: 12px; }

/* sort, filter */
.w2grid_head_sort_td { width: 16px; background-position: center; }
input[type="button"].w2grid_customFilter_open { border: none; background: url('../images/content/ico_filter.png') no-repeat center; width: 12px !important; padding: 0; min-width: auto; }
input[type="button"].w2grid_customFilter_open:focus { background: url(../images/content/ico_filter_on.png) no-repeat center; }
.w2grid_customFilter_scrollView { border-color: #6697d9; border-radius: 4px; margin-top: -1px; min-height: 80px; height: 100%; }
.w2scrollView_container { /* border-top: 10px solid #fff; */ /* border-bottom: 10px solid #fff; */ }
.w2grid_contextMenu { overflow-y: auto; color: #000; border: 2px solid #6697d9; border-radius: 12px; font-size: 13px; border: 0; box-shadow: 0 0 6px 0 rgb(0 0 0/ 20%); border-top: 12px solid #fff; border-bottom: 12px solid #fff; }
.w2grid_contextMenu .w2list_listRow { height: 28px !important; line-height: 28px; padding: 0 12px; border: 0; }
.w2grid_contextMenu .w2list_listRow_over { background: #e6ebf7; }
.w2grid_contextMenu .w2list_listRow span { padding: 0; }
.w2grid input[type="checkbox"].w2grid_customFilter_list_listColumn_checkbox { width: 13px; margin-top: -4px; margin-right: 4px; }
.w2grid_customFilter_list_listColumn_text { color: #333; }

/* 상태 아이콘 */
.gridBodyDefault_rowStatus { background-image: none; }
.w2grid_rowStatus_U:before { content: ''; position: absolute; width: 20px; height: 20px; background: url(../images/content/ico_edit.svg) no-repeat center; left: calc(50% - 10px); top: calc(50% - 9px); border-radius: 20px; }
.grid_body_row:hover .w2grid_rowStatus_U:before, .focusedTr.w2grid_rowStatus_U:before { background-image: url(../images/content/ico_edit_hover.svg) }
.w2grid_rowStatus_C:before, .w2grid_rowStatus_C:after, .w2grid_rowStatus_D:before, .w2grid_rowStatus_D:after { content: ''; position: absolute; width: 1px; height: 13px; background: #000; top: calc(50% - 5px); left: calc(50% - 1px); }
.w2grid_rowStatus_C.focusedTd:before, .w2grid_rowStatus_C.focusedTd:after, .w2grid_rowStatus_D.focusedTd:before, .w2grid_rowStatus_D.focusedTd:after { background: #fff !important; }
.w2grid_rowStatus_C:after { transform: rotate(90deg); }
.w2grid_rowStatus_D:before { transform: rotate(45deg); width: 1px; height: 13px; }
.w2grid_rowStatus_D:after { transform: rotate(-45deg); width: 1px; height: 13px; }
.grid_body_row:hover .w2grid_rowStatus_C:before, .grid_body_row:hover .w2grid_rowStatus_C:after, .grid_body_row:hover .w2grid_rowStatus_D:before, .grid_body_row:hover .w2grid_rowStatus_D:after, .focusedTr.w2grid_rowStatus_C:before, .focusedTr.w2grid_rowStatus_C:after, .focusedTr.w2grid_rowStatus_D:before, .focusedTr.w2grid_rowStatus_D:after { background: #6697d9; }

/* 소계, 합계 */
.gridFooterTableDefault { bottom: 1px !important; position: absolute; }
.gridSubtotalDefault_rowStatus, .gridSubtotalDefault, .gridFooterTDDefault { font-weight: bold; color: #000; height: 34px; }
.gridSubtotalDefault_rowStatus, .gridSubtotalDefault { background: #fffae0; position: relative; border: 1px solid #e3d9a3; border-top: 2px solid #e3d9a3; }
.gridFooterTDDefault { background: #C0D4FF; border-right: 1px solid #a5b6cd; font-size: 13px; border-top: 2px solid #6697d9; border-bottom: 2px solid #6697d9; border-left: 1px solid #d7d7d7; }
/*tr[data-subtotal]:hover td, .gridFooterTableDefault tr:hover td{ background:#566192; color:#fff;}*/
.w2grid .gridSubtotalDefault nobr, .w2grid .gridFooterTDDefault nobr { padding: 0 8px; }

/* grid bottom */
.gvw_bttm, .tb_bttm { display: flex; position: relative; min-height: 28px; margin-top: 10px; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }
.gvw_case, .tb_case { display: flex; align-items: center; flex-wrap: wrap; \: 100%; }
.gvw_case .w2wframe, .tb_case .w2wframe, .gvw_bttm .w2wframe, .tb_bttm .w2wframe { height: auto !important; width: 100%; }
.gvw_case .total+.w2selectbox, .tb_case .total+.w2selectbox, .gvw_case .total+.w2selectbox_native, .tb_case .total+.w2selectbox_native { margin-left: 12px; width: auto; z-index: 9; }
.gvw_bttm .btn_box, .tb_bttm .btn_box { flex: 1; }
.gvw_bttm .gvw_case+.btn_box, .tb_bttm .tb_case+.btn_box { /* max-width: calc(100% - 172px); */ }
.gvw_bttm .wq_pglist+.btn_box, .tb_bttm .wq_pglist+.btn_box { padding-left: 66.6%; }
.gvw_bttm .gvw_case+.wq_pglist+.btn_box, .tb_bttm .tb_case+.wq_pglist+.btn_box { width: 33.3%; padding-left: 0; flex: none; }
.btn_box .btn_wrap { width: 100%; text-align: right; display: flex; align-items: flex-end; justify-content: flex-end; flex-wrap: wrap; gap: 4px; }

/* 총 건수 */
.total { display: flex; align-items: center; height: 20px; font-size: 14px; }
.total .num { margin-left: 6px; }

/* embedded */
.w2grid .w2grid_embedded_input, .w2grid .w2grid_embedded_secret { height: 100% !important; }
.w2grid .w2grid_embedded_select { height: 100%; }

/* grid-drilldown */
.w2grid .gridBodyDefault[inputtype="drilldown"] { text-align: left; padding-right: 8px; }
.w2grid .gridBodyDefault[inputtype="drilldown"] nobr { letter-spacing: 0.5px; }
.w2grid .w2grid_plus, .w2grid .w2grid_minus, .w2grid .w2grid_leaf.w2grid_root { vertical-align: text-top; position: relative; margin-right: 6px; border-radius: 20px; width: 17px; height: 17px; background: #fff; border: 1px solid #c1c1c1; }
.w2grid .grid_body_row:hover .w2grid_plus, .w2grid .grid_body_row:hover .w2grid_minus, .w2grid .gridBodyDefault.focusedTr .w2grid_plus, .w2grid .gridBodyDefault.focusedTr .w2grid_minus, .w2grid .gridBodyDefault.focusedTr .w2grid_leaf.w2grid_root { border-color: #6697d9; }
.w2grid .grid_body_row:hover .w2grid_plus:before, .w2grid .grid_body_row:hover .w2grid_plus:after, .w2grid .grid_body_row:hover .w2grid_minus:before, .w2grid .gridBodyDefault.focusedTr .w2grid_plus, .w2grid .gridBodyDefault.focusedTr .w2grid_minus, .w2grid .gridBodyDefault.focusedTr .w2grid_leaf.w2grid_root { background: #6697d9; }
.w2grid .w2grid_plus:before, .w2grid .w2grid_plus:after, .w2grid .w2grid_minus:before, .w2grid .w2grid_leaf.w2grid_root:before { content: ''; position: absolute; width: 7px; height: 1px; background: #555; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transition: .2s ease; }
.w2grid .w2grid_plus:after { transform: rotate(90deg); width: 7px; }
.w2grid .gridBodyDefault.focusedTr .w2grid_plus:before, .w2grid .gridBodyDefault.focusedTr .w2grid_plus:after, .w2grid .gridBodyDefault.focusedTr .w2grid_minus:before, .w2grid .gridBodyDefault.focusedTr .w2grid_leaf.w2grid_root:before { background: #fff; }
.w2grid .w2grid_leaf { background: none; position: relative; margin-right: 4px; margin-left: 10px; }
.w2grid .w2grid_leaf:not(.w2grid_root):before { content: ''; width: 12px; height: 12px; position: absolute; top: 2px; left: -6px; border-bottom: 2px dotted #000; border-left: 2px dotted #000; right: 0; margin: auto; }

/* grid-useFilter */
.w2grid_customFilter { border: 0; border-radius: 5px; overflow: hidden; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2); }
.w2grid_customFilter .w2floatingLayer_topcenter .w2grid_customFilter_title { margin-left: 10px; }
.w2grid_customFilter .w2floatingLayer_topcenter .w2grid_customFilter_btnClose { margin-right: 10px; }
.w2grid_customFilter .w2floatingLayer_topleft { background: #6697d9; }
.w2grid_customFilter .w2floatingLayer_topcenter { background: #6697d9; }
.w2grid_customFilter .w2floatingLayer_topcenter .w2grid_customFilter_title { color: #fff; }
.w2grid_customFilter .w2floatingLayer_topcenter .w2grid_customFilter_btnClose { position: relative; background: none; }
.w2grid_customFilter .w2floatingLayer_topcenter .w2grid_customFilter_btnClose:before, .w2grid_customFilter .w2floatingLayer_topcenter .w2grid_customFilter_btnClose:after { content: ''; position: absolute; width: 2px; background: #fff; height: 16px; top: 0; left: 0; transform: rotate(45deg); right: 0; bottom: 0; margin: auto; }
.w2grid_customFilter .w2floatingLayer_topcenter .w2grid_customFilter_btnClose:after { transform: rotate(135deg); }
.w2grid_customFilter .w2floatingLayer_topright { background: #6697d9; }
.w2grid_customFilter .w2floatingLayer_centerleft, .w2grid_customFilter .w2floatingLayer_centercenter, .w2grid_customFilter .w2floatingLayer_centerright { background: #fff; }
.w2selectbox.w2grid_customFilter_selectbox { left: 10px; width: 140px; height: 27px; position: static !important; flex: 1; }
.w2grid_customFilter_selectbox .w2selectbox_col_label { padding-left: 5px; }
.w2grid_customFilter_selectbox .w2selectbox_col_button { background: none; }
.w2autoComplete.w2grid_customFilter_autocomplete { position: static !important; margin-left: 4px; flex: 1; }
.w2grid_customFilter_autocomplete .w2autoComplete_col_button { background: none; }
.w2grid_customFilter_radio { position: static !important; flex: none; width: 100%; display: flex; align-items: center; justify-content: center; margin: 4px 0; }
.w2grid_customFilter_radio .w2radio_label:before { display: none; }
.w2grid_customFilter_button { padding: 0 15px; height: 27px; color: #6697d9; line-height: 26px; background: #fff; border-color: #6697d9; border-radius: 4px; font-size: 12px; position: static !important; }
.w2grid_customFilter_BC { border: 0; }
.w2grid_customFilter_text { font-weight: 600; font-size: 14px; position: static !important; margin-top: 14px !important; }
.w2grid_customFilter_BC>.w2group { display: flex; padding: 0 10px; position: static !important; flex-wrap: wrap; height: auto !important; margin-bottom: 0 !important; }
.w2grid_customFilter_BC .w2radio_main { display: block; height: auto; }
.w2grid_customFilter_BC>.w2group.w2grid_customFilter_buttonGroup { justify-content: flex-end; margin-top: 20px; }
.w2grid_customFilter_button+.w2grid_customFilter_button { margin-left: 4px; }
.w2grid_customFilter_list { overflow: visible; height: auto !important; }
.w2grid_customFilter_list .w2list_listRow { /* line-height: 26px; */ padding: 6px 8px; height: auto !important; border-color: #ddd; }
.w2grid_customFilter_list .w2list_listRow:last-child { border: 0 }
.w2grid_customFilter_list .w2list_listRow .w2list_listColumn_text { margin-left: 8px; width: calc(100% - 24px); }

/* grid check & radio */
.w2grid th.gridHeaderTDDefault[inputtype="checkbox"] { padding: 0 2px; }
.w2grid input[type="checkbox"], .w2grid input[type="radio"] { display: inline-block; vertical-align: middle; margin: 0; margin-left: 3px; position: relative; margin: -5px 6px 0 5px; appearance: none; width: 18px; height: 18px; cursor: pointer; transition: .2s ease; /* outline: 0; */ }
.w2grid .w2grid_default_disabled input[type="checkbox"], .w2grid .w2grid_default_disabled input[type="radio"], .w2grid .w2grid_default_readonly input[type="checkbox"], .w2grid .w2grid_default_readonly input[type="radio"] { cursor: default; }
.w2grid .w2checkbox_label, .w2grid .w2radio_label { display: inline-block; text-indent: -9999px; margin-top: -5px; }
.w2grid .w2checkbox_label:before, .w2grid .w2checkbox_label:after, .w2grid .w2radio_label:before, .w2grid .w2radio_label:after { display: none; }

/* grid autoComplete */
.w2gridViewItemTable_main { background-color: transparent }
.w2gridViewItemTable_main div { z-index: 999 !important }
.w2gridViewItemTable_main th { background: #edeef3 !important; border: 1px solid #e3e3e3 !important }
.w2gridViewItemTable_main .gridHeaderTableDefault .gridBodyDefault.focusedTr { color: #b61c21; font-weight: bold; background: #fff6fb !important; border: 1px solid #dbadbb !important; }
.w2gridViewItemTable_main .gridHeaderTableDefault { border-top: 3px solid #757984 }

/* treeview */
.w2treeview { padding: 16px 24px; width: 100%; min-height: 100px; border: 1px solid #d7d7d7; }
.w2treeview_group { width: 100%; }
.w2treeview_icon_navi { position: relative; width: 20px; z-index: 9; }
.w2treeview_icon_navi:before, .w2treeview_icon_navi:after, .w2treeview_guideline:before { content: ''; position: absolute; width: 9px; height: 1px; background: #000; left: 0; right: 0; top: 1px; bottom: 0; margin: auto; transition: .2s ease; }
.w2treeview_open_child .w2treeview_icon_navi, .w2treeview_close_child .w2treeview_icon_navi { background: #fff; z-index: 9; }
.w2treeview_open_child .w2treeview_icon_navi:before { transform: rotate(0deg); }
.w2treeview_close_child .w2treeview_icon_navi:before { transform: rotate(-90deg); }
.w2treeview_close_child .w2treeview_icon_navi:after { display: block; }
.w2treeview_leaf .w2treeview_icon_navi { z-index: 8 }
.w2treeview_leaf .w2treeview_icon_navi:before { background: #c1c1c1; top: 2px; left: 12px; width: 6px; background: transparent; border-bottom: 2px dotted #999; }
.w2treeview_leaf .w2treeview_icon_navi:after { display: block; bottom: 8px; top: auto; background: #c1c1c1; width: 1px; z-index: -1; height: 22px; background: transparent; border-left: 2px dotted #999; }
.w2treeview_group:first-child>.w2treeview_leaf .w2treeview_icon_navi:after { height: 12px; }
.w2treeview_row_depth3 .w2treeview_icon_navi:before { width: 18px; height: 18px; background: url(../images/content/ico_tree3.png) no-repeat center; left: 1px; top: 5px; }
.w2treeview_row_depth3 .w2treeview_icon_navi:after { display: none; }
.w2treeview_guideline { background: none; position: relative; z-index: 8; display: table-cell; }
.w2treeview_guideline:before { top: auto; bottom: 0; height: 100%; width: 1px; z-index: -1; background: transparent; border-left: 2px dotted #999; }
.w2treeview_table_node td.w2treeview_col_icon_navi { width: 20px; padding: 0; }
.w2treeview_col_icon_checkbox { width: 28px; position: relative; }
.w2treeview_table_node { margin: 4px 0; }

/*.w2treeview_child{ padding-left: 24px;}*/
.w2treeview_label.w2treeview_select_node { color: #000; }
.w2treeview_table_node td.w2treeview_col_label { text-overflow: ellipsis; overflow: hidden; width: 100%; }

/* PageList */
.wq_pglist { position: absolute; width: 100%; height: 28px; top: 0; }
.gvw_case+.wq_pglist { /* padding-right: 75px; */ }
.wq_pglist .w2pageList_col_label { min-width: 32px; height: 24px; padding: 0 2px; }
.wq_pglist .w2pageList_label { height: 100%; line-height: 20px; color: #000; font-size: 14px; font-weight: normal; -webkit-transition: .2s all; -o-transition: .2s all; transition: .2s all; line-height: 27px; border-radius: 3px; }
.wq_pglist .w2pageList_label_over { background: #f2f3f4; }
.wq_pglist .w2pageList_label_selected { height: 100%; color: #fff; font-weight: normal; background: #6697d9; line-height: 28px; padding: 0 8px; border-radius: 3px; }
.wq_pglist .w2pageList_col_prev, .wq_pglist .w2pageList_col_prevPage, .wq_pglist .w2pageList_col_next, .wq_pglist .w2pageList_col_nextPage { position: relative; width: 30px; height: 100%; background: none; /* outline: 0; */ }
.wq_pglist .w2pageList_col_prev:before, .wq_pglist .w2pageList_col_prevPage:before, .wq_pglist .w2pageList_col_prevPage:after, .wq_pglist .w2pageList_col_next:before, .wq_pglist .w2pageList_col_nextPage:before, .wq_pglist .w2pageList_col_nextPage:after { content: ''; position: absolute; top: calc(50% - 4px); width: 8px; height: 8px; border-top: 2px solid #777; border-right: 2px solid #777; border-radius: 1px; transition: .2s ease; }
.wq_pglist .w2pageList_col_prev:before, .wq_pglist .w2pageList_col_prevPage:before, .wq_pglist .w2pageList_col_prevPage:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
.wq_pglist .w2pageList_col_next:before, .wq_pglist .w2pageList_col_nextPage:before, .wq_pglist .w2pageList_col_nextPage:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.wq_pglist .w2pageList_col_prev:before { left: 7px; }
.wq_pglist .w2pageList_col_prevPage:before { left: 0; right: 0; margin: auto; }
.wq_pglist .w2pageList_col_prevPage:after { left: 6px; }
.wq_pglist .w2pageList_col_next:before { right: 7px; }
.wq_pglist .w2pageList_col_nextPage:before { right: 6px; }
.wq_pglist .w2pageList_col_nextPage:after { right: 0; left: 0; margin: auto; }
.wq_pglist .w2pageList_col_prevPage_over:before, .wq_pglist .w2pageList_col_prevPage_over:after, .wq_pglist .w2pageList_col_prev_over:before, .wq_pglist .w2pageList_col_next_over:before, .wq_pglist .w2pageList_col_nextPage_over:before, .wq_pglist .w2pageList_col_nextPage_over:after, .wq_pglist .w2pageList_col_prev:focus:before, .wq_pglist .w2pageList_col_prevPage:focus:before, .wq_pglist .w2pageList_col_prevPage:focus:after, .wq_pglist .w2pageList_col_next:focus:before, .wq_pglist .w2pageList_col_nextPage:focus:before, .wq_pglist .w2pageList_col_nextPage:focus:after { border-color: #6697d9; }
.wq_pglist .w2pageList_col_next_over:before, .wq_pglist .w2pageList_col_nextPage_over:before, .wq_pglist .w2pageList_col_nextPage_over:after, .wq_pglist .w2pageList_col_next:focus:before, .wq_pglist .w2pageList_col_nextPage:focus:before, .wq_pglist .w2pageList_col_nextPage:focus:after { transform: rotate(45deg) translate(2px, -2px); }
.wq_pglist .w2pageList_col_prevPage_over:before, .wq_pglist .w2pageList_col_prevPage_over:after, .wq_pglist .w2pageList_col_prev_over:before, .wq_pglist .w2pageList_col_prev:focus:before, .wq_pglist .w2pageList_col_prevPage:focus:before, .wq_pglist .w2pageList_col_prevPage:focus:after { transform: rotate(-135deg) translate(2px, -2px); }

/* renderType = list */
.wq_pglist .w2pageList_ul { display: flex; align-items: center; }
.wq_pglist .w2pageList_ul li { width: 20px; height: 20px; padding: 0 2px; text-align: center; }
.wq_pglist .w2pageList_ul li.w2pageList_control_pagePrev, .wq_pglist .w2pageList_ul li.w2pageList_control_prev, .wq_pglist .w2pageList_ul li.w2pageList_control_next, .wq_pglist .w2pageList_ul li.w2pageList_control_pageNext { padding: 0; }
.wq_pglist .w2pageList_ul li a { width: 100%; height: 100%; }
.wq_pglist .w2pageList_ul img { display: none; }

/* Tab */
.tab_box { position: relative; }
.w2tabcontrol { min-height: 100px; height: auto !important; }
.w2tabcontrol:after { content: ''; display: block; clear: both; }
.w2tabcontrol_container { height: 100% !important; }
/* .w2tabcontrol_contents>*:focus { outline: 0 !important; } */
.w2tabcontrol .w2tabcontrol_tabhost { height: auto; }
.w2tabcontrol>.w2tabcontrol_control { overflow: hidden; }
.w2tabcontrol_control .mask { width: calc(100% - 78px); left: 0; margin: 0; }
.w2tabcontrol_control .mask:before { content: ''; position: absolute; width: 100%; height: 1px; top: 0; background: #c1c1c1; left: 0; z-index: 9; }
.w2tabcontrol_tabhost li { margin-right: 0; max-width: 152px; min-width: 96px; width: auto !important; min-height: 30px !important; max-width: 134px; min-width: 70px; height: auto !important; margin-right: 5px; }
.w2tabcontrol.txt_max16 .w2tabcontrol_tabhost>li, .w2tabcontrol_tabhost li.txt_max16 { max-width: 238px; }
.w2tabcontrol_tabhost li:last-child { margin-right: 0; }
.w2tabcontrol_container { border: 0; border-top: 1px solid #d7d7d7; }
.w2tabcontrol_contents_wrapper { min-height: 30px; height: 100% !important; padding-top: 20px; }
.w2tabcontrol_tabhost .w2tabcontrol_tab_center, .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_center, .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_right, .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_right, .w2tabcontrol_tabhost .w2tabcontrol_tab_right, .w2tabcontrol_tab_close { background: transparent !important; }
.w2tabcontrol_tabhost .w2tabcontrol_tab_center a { transition: .2s ease; margin: 0; height: 30px; top: 0; line-height: 30px; width: 100%; padding: 0 26px 0 8px; font-size: 13px; overflow: hidden; text-overflow: ellipsis; font-weight: normal; padding: 0 8px; border-radius: 5px 5px 0 0; /* outline: 0 !important; */ border: 1px solid #d7d7d7; border-bottom: 0; }
.w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center a { color: #fff !important; background: #6697D9; border-color: #6697D9; }
.w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_center a { color: #000; font-weight: bold; }
.w2tabcontrol_tabhost .w2tabcontrol_tab_left { display: none; }
.w2tabcontrol_tabhost .w2tabcontrol_tab_right { width: 18px; right: 8px; display: none; }
.w2tabcontrol_tab_close { width: 24px; height: 24px; top: calc(50% - 12px); left: 0; display: none !important; }
.w2tabcontrol_tab_close:before, .w2tabcontrol_tab_close:after { content: ''; position: absolute; width: 11px; height: 1px; background: #555; top: 0; bottom: 0; right: 0; left: 0; margin: auto; transform: rotate(45deg); }
.w2tabcontrol_tab_close:after { transform: rotate(-45deg); }
.w2tabcontrol_tabhost li.w2tabcontrol_active .w2tabcontrol_tab_close:before, .w2tabcontrol_tabhost li.w2tabcontrol_active .w2tabcontrol_tab_close:after, .w2tabcontrol_tabhost li.w2tabcontrol_selected .w2tabcontrol_tab_close:after, .w2tabcontrol_tabhost li.w2tabcontrol_selected .w2tabcontrol_tab_close:before { background: #fff; }
.w2tabcontrol_tabhost li.w2tabcontrol_over .w2tabcontrol_tab_close { transform: rotate(-90deg); transition: .2s ease; ; }
.w2tabcontrol_control .btn_scrollLeft, .w2tabcontrol_control .btn_scrollRight, .w2tabcontrol_control .btn_submenu { width: 27px; border-left: 1px solid #d7d7d7; background: #fff; border-top: 1px solid #d7d7d7; }
.w2tabcontrol_control .btn_scrollRight { right: 0; border-right: 1px solid #c1c1c1; border-radius: 0 5px 0 0; }
.w2tabcontrol_control .btn_scrollLeft { right: 27px; }
.w2tabcontrol_control .btn_submenu:before, .w2tabcontrol_control .btn_submenu:after, .w2tabcontrol_control .btn_scrollRight:before, .w2tabcontrol_control .btn_scrollLeft:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; }
.w2tabcontrol_control .btn_submenu { right: 54px; position: absolute; border-radius: 5px 0 0 0; }
.w2tabcontrol_control .btn_submenu:before { width: 12px; height: 10px; border-top: 1px solid #6697d9; border-bottom: 1px solid #6697d9; }
.w2tabcontrol_control .btn_submenu:after { width: 12px; height: 1px; background: #6697d9; }
.w2tabcontrol_control .btn_scrollRight:before, .w2tabcontrol_control .btn_scrollLeft:before { width: 9px; height: 9px; border-top: 2px solid #555; border-right: 2px solid #555; transform: rotate(45deg); border-radius: 1px; right: 4px }
.w2tabcontrol_control .btn_scrollLeft:before { transform: rotate(45deg) rotate(180deg); left: 3px; right: 0; }

/* tab list */
.w2table_tabControl { max-width: 150px; margin-top: 0; background: #fff; border-color: #c1c1c1; z-index: 9999 !important; }
.w2table_tabControl_col { background: #fff; height: 28px; padding: 2px 12px; border: 0; text-overflow: ellipsis; font-size: 13px; position: relative; }
.w2table_tabControl_row:last-child .w2table_tabControl_col { line-height: 24px; }
.w2table_tabControl_col_over { background: #6697d9; color: #fff; }
.w2table_tabControl_main { top: 12px; width: 100% !important; table-layout: fixed !important; border-bottom: 12px solid #fff; }

/* sub tab */
*+.w2tabcontrol.sub_tab { margin-top: 24px; }
.w2tabcontrol.sub_tab .w2tabcontrol_tabhost li { border: 0; background: #EFEFEF; border-right: 2px solid #fff; margin-left: 0; max-width: 137px; height: 26px !important; margin-right: 0; }
.w2tabcontrol.sub_tab .w2tabcontrol_tabhost li.w2tabcontrol_selected { border: 2px solid #6697d9; max-width: 139px; }
.w2tabcontrol.sub_tab .w2tabcontrol_tabhost li:first-child { border-radius: 20px 0 0 20px; }
.w2tabcontrol.sub_tab .w2tabcontrol_tabhost li:last-child { border-radius: 0 20px 20px 0; }
.w2tabcontrol.sub_tab .w2tabcontrol_tabhost li a { font-size: 12px; line-height: 30px; padding: 0 14px; border: 0; border-radius: 0; transition: none; }
.w2tabcontrol.sub_tab .w2tabcontrol_tabhost li a:after { display: none; }
.w2tabcontrol.sub_tab .w2tabcontrol_tabhost li.w2tabcontrol_over a { color: #6697d9; font-weight: normal; }
.w2tabcontrol.sub_tab .w2tabcontrol_tabhost li.w2tabcontrol_selected a { background: #fff; color: #6697d9 !important; line-height: 26px; font-weight: bold; }
.w2tabcontrol.sub_tab .w2tabcontrol_tab_close { width: 22px; height: 22px; }
.w2tabcontrol.sub_tab .w2tabcontrol_tabhost li.w2tabcontrol_over .w2tabcontrol_tab_close { top: calc(50% - 11px); }
.w2tabcontrol.sub_tab .w2tabcontrol_container { border: 0; padding-left: 12px; }
.w2tabcontrol.sub_tab .w2tabcontrol_control .mask { width: calc(100% - 48px); }
.w2tabcontrol.sub_tab .w2tabcontrol_control .mask:before { display: none; }
.w2tabcontrol.sub_tab .w2tabcontrol_control .btn_scrollLeft, .w2tabcontrol.sub_tab .w2tabcontrol_control .btn_scrollRight, .w2tabcontrol.sub_tab .w2tabcontrol_control .btn_submenu { height: 26px; border-bottom: 1px solid; border-color: #6697d9; background: #fff; z-index: 9; }
.w2tabcontrol.sub_tab .w2tabcontrol_control .btn_scrollRight { border-radius: 0 20px 20px 0; width: 28px; }
.w2tabcontrol.sub_tab .w2tabcontrol_control .btn_submenu { border-radius: 20px 0 0 20px; overflow: hidden; background: #fff; width: 28px; }
.w2tabcontrol.sub_tab .w2tabcontrol_control .btn_submenu:before, .w2tabcontrol.sub_tab .w2tabcontrol_control .btn_scrollRight:before, .w2tabcontrol.sub_tab .w2tabcontrol_control .btn_scrollLeft:before { border-color: #6697d9 }
.w2tabcontrol.sub_tab .w2tabcontrol_control .btn_submenu:after { background: #6697d9; }

/* 반응형탭 */
.w2tab_adaptive_layout .w2tabcontrol_container { border: 0; }
.w2tab_adaptive_layout .w2tabcontrol_bridge { border: 0; background: #f7f8fc; font-size: 14px; font-weight: 400; padding: 7px 20px; border-radius: 5px; }
.w2tab_adaptive_layout .w2tabcontrol_bridge h3:after, .w2tab_adaptive_layout .w2tabcontrol_bridge.w2tabcontrol_contents_bridge_selected h3:after { border: 0; border-right: 1px solid #666; border-top: 1px solid #666; width: 10px; height: 10px; right: 3px; top: -3px; bottom: 0; margin: auto; transform: rotate(135deg); transition: .2s ease; }
.w2tab_adaptive_layout .w2tabcontrol_bridge.w2tabcontrol_contents_bridge_selected h3:after { transform: rotate(-45deg); top: 3px; }
.w2tab_adaptive_layout .w2tabcontrol_contents { margin-top: 12px; }
.w2tab_adaptive_layout .w2tabcontrol_bridge h3 { overflow: hidden; padding-right: 24px; text-overflow: ellipsis; white-space: nowrap; height: auto !important; }
.w2tab_adaptive_layout .w2tabcontrol_contents_wrapper { min-height: inherit; padding-top: 0; }
.w2tab_adaptive_layout .w2tabcontrol_contents_wrapper.w2tabcontrol_contents_wrapper_selected { margin-top: 16px; padding-bottom: 20px; }
.cnt_box+.cnt_box .w2tab_adaptive_layout, .ly_column+.ly_column .w2tab_adaptive_layout, *+.w2tab_adaptive_layout { border-top: 1px solid #ededed; padding-top: 30px; margin-top: 50px; }
.w2tab_adaptive_layout.w2tabcontrol.sub_tab .w2tabcontrol_container { background: #f2f6ff; padding: 20px; border-radius: 10px; margin: 0 10px; width: calc(100% - 20px); }
.w2tab_adaptive_layout.w2tabcontrol.sub_tab .w2tabcontrol_bridge { color: #6697d9; border-radius: 10px; background: #fff; }
.w2tab_adaptive_layout.w2tabcontrol.sub_tab .w2tabcontrol_bridge.w2tabcontrol_contents_bridge_selected { border: 2px solid #6697d9; }
.w2tab_adaptive_layout.w2tabcontrol.sub_tab .w2tabcontrol_bridge h3:after { border-color: #6697d9; }

/* error page */
.error_wrap { text-align: center; display: flex; flex-direction: column; align-items: center; height: calc(100dvh - 286px); border: 1px solid #efefef; border-radius: 4px; justify-content: center; padding-bottom: 40px; }
.error_wrap h1 { padding-top: 80px; font-size: 18px; color: #000; position: relative; }
.error_wrap h1:before { content: ''; background: url(../images/content/ico_err.png) center; width: 40px; height: 40px; top: 0; left: calc(50% - 20px); position: absolute; }
.error_wrap p { font-size: 14px; line-height: 24px; margin: 32px 0; }

/* popup */
.w2modal, .w2modal_popup, .w2_wframe_modal { background-color: #000 !important; opacity: .72; z-index: 999; }
.w2drag { z-index: 999999 !important; border-color: #6697d9; }
.lnb.show+.win_c .sub_contents ~ .w2_wframe_modal, .lnb.hide+.win_c .sub_contents ~ .w2_wframe_modal, .w2window_wframe .iframe_pop.w2modal_popup { width: calc(100% - 24px) !important }
.w2popup_window:not(.iframe_pop .w2popup_window) { border: none; border-radius: 4px; box-shadow: 0 3px 7px rgb(0 0 0/ 17%); max-height: calc(100dvh - 10%); }
.w2popup_window { overflow: hidden; border: none; max-height: 794px; z-index: 9999; }
.w2popup_window.session { width: 350px !important; text-align: center; }
.w2popup_window.small { width: 480px !important; }
.w2popup_window.medium { min-width: 640px !important; }
.w2popup_window.large { min-width: 840px !important; }
.w2popup_window .w2window_header { padding: 0; position: relative; height: auto; display: flex; align-items: center; justify-content: center; min-height: 50px; background: #6697d9; padding: 0 20px 0 24px; }
.w2popup_window .w2window_header .w2window_header_icon { display: none; }
.w2popup_window .w2window_header .w2window_header_title { left: 0; padding: 0; /* padding-left: 24px; */ height: auto; font-size: 14px; /* line-height: 50px; */ color: #fff; width: 100%; /* padding-right: 48px; */ /* background: #6697d9; */ /* padding: 8px 220px 8px 24px; */ white-space: initial; position: static; /* min-height: 50px; */ }
.w2popup_window .w2window_header .w2window_header_control { width: 24px; height: 24px; /* right: 24px; */ /* top: calc(50% - 12px); */ position: relative; }
.w2popup_window .w2window_body { background-color: transparent; position: relative; /* height: 100%; */ overflow: auto; top: 0; /* flex: 1; */ height: calc(100% - 50px); }
.w2popup_window .w2window_header_buttonArea { position: absolute; left: auto !important; float: none !important; right: 48px; top: calc(50% - 14px); margin-right: 12px; display: flex; gap: 6px; height: 28px; }
.w2popup_window .w2window_header_buttonArea div, .w2popup_window .w2window_header_buttonArea span { margin: auto !important; position: static; height: 100%; width: 100%; }
.w2popup_window .w2window_header_buttonArea .w2window_header_button { background: #fff; border: 1px solid #c1c1c1; border-radius: 4px; line-height: 26px; }
.w2popup_window .w2window_header_buttonArea span { /* line-height: 26px; */ padding: 0 12px; /* border: 1px solid #c1c1c1; */ /* border-radius: 4px; */ cursor: pointer; /* display: inline-block; */ /* background: #fff; outline: 0; display: block; /* width: 100%; */ height: 100%; }
.w2popup_window .w2window_body .w2window_content { right: 0; bottom: 0; left: 0; border: none; width: 100%; height: 100%; /* position: static; */ /* overflow-y: auto; */ }
.w2popup_window .w2window_body .w2window_content .w2window_wframe { display: flex; /* flex-direction: column; */ }
.w2popup_window .w2window_body .w2window_content .w2window_wframe .sub_contents { padding: 24px; min-width: 100%; }
.pop_wrap { padding: 24px; overflow: auto; width: 100%; }
.pop_wrap .pop_inner { overflow: auto; height: calc(100% - 106px); position: absolute; top: 24px; width: calc(100% - 32px); left: 24px; }
.pop_wrap .title { margin-bottom: 16px; display: flex; justify-content: space-between; align-items: center; margin-top: 24px; }
.pop_wrap .title:first-child { margin-top: 0; }
.pop_wrap .title h1 { font-size: 16px; color: #000; /* font-weight: normal; */ }
.pop_wrap .content { color: #000; font-size: 13px; line-height: 24px; }
.pop_wrap .content .w2textbox, .pop_wrap .content_box .w2textbox { width: 100% !important; height: auto !important; }
.pop_wrap .content b { color: #006dff; }
.pop_wrap .content_box { overflow: auto; padding-right: 8px; background: #f2f6ff; line-height: 24px; margin-top: 20px; border-radius: 4px; color: #000; border: 16px solid transparent; border-bottom: 24px solid transparent; border-right: 8px solid transparent; }
.pop_wrap .content_box>.w2group+.w2group { margin-top: 10px }
.pop_wrap .content_box ul { margin: 12px 0; }
.pop_wrap .content_box ul li { line-height: 22px; padding-left: 12px; position: relative; }
.pop_wrap .content_box ul li:before { content: ''; position: absolute; width: 6px; height: 6px; background: #6796da; left: 0; top: 8px; border-radius: 4px; }
.pop_wrap .btn_box:not(.file_upload .btn_box, .file_download .btn_box, .sch_box .btn_box, .sub_tit_box .btn_box, .file_multiUpload .btn_box, [id*="btn_uploadBox"].flex .btn_box, .sub_contents .gvw_bttm .btn_box, .sub_contents .tb_bttm .btn_box, .btn_box:empty) { gap: 10px; }
.session .pop_wrap .title h1 { color: #0055c8; font-weight: bold; }
.session .pop_wrap .btn_box, .pop_wrap .title+.btn_box { margin-top: 16px; float: none; justify-content: center; }
.pop_wrap .title+.btn_box .w2trigger+.w2trigger, .pop_wrap .title+.btn_box>*+.w2group:not(.btn_wrap) { /* margin-left: 10px; */ }
.pop_wrap .btn_box .btn_fileDwn, .pop_wrap .btn_box .btn_blank { width: 172px; }
.pop_wrap .btn_box .w2trigger:hover:not(.btn_search .w2trigger, .btn_refresh .w2trigger) { color: #6697d9; background-color: #fff; }
.pop_wrap .btn_box .w2trigger:active { color: #fff !important; background-color: #6697d9 !important; border-color: #6697d9 !important; }
.pop_wrap .bottom { padding: 16px 24px; bottom: 0; position: absolute; width: 100%; display: flex; justify-content: space-between; align-items: center; background: #efefef; left: 0; }
.pop_wrap .bottom .btn_box { margin-top: -4px; }

/* 아이프레임 팝업 */
.w2modal_popup.iframe_pop { position: absolute; opacity: 1; background-color: rgba(0, 0, 0, 0.72); }
.w2modal_popup.iframe_pop .iframe_wrap { margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 500px; height: 500px; }
.w2modal_popup.iframe_pop .iframe_wrap .close { position: absolute; bottom: 100%; right: 0; margin-bottom: 5px; height: 28px; cursor: pointer; transform: scale(0.9); transition: .2s ease }
.w2modal_popup.iframe_pop .iframe_wrap .close:hover { transform: scale(0.9) rotate(90deg); }
.w2modal_popup.iframe_pop .iframe_wrap iframe { width: 100%; height: 100%; }

/* 세션, 메시지 팝업 */
.w2popup_window.msg { text-align: center }
.w2popup_window.session .w2window_header, .w2popup_window.msg .w2window_header { display: none !important; }
.w2popup_window.session .w2window_body, .w2popup_window.msg .w2window_body { /* top: 0 !important; */ height: 100%; }
.w2popup_window.session .w2window_body .w2window_content .w2window_wframe .title, .w2popup_window.msg .w2window_body .w2window_content .w2window_wframe .title { justify-content: center; margin-bottom: 12px; }
.w2popup_window.session .w2window_body .w2window_content .w2window_wframe .content, .w2popup_window.msg .w2window_body .w2window_content .w2window_wframe .content { font-size: 13px; line-height: 22px; }
.w2popup_window.session .w2window_body .w2window_content .w2window_wframe .content b { color: #000; text-decoration: none; }
.w2popup_window.msg .w2window_body { border: 0; }
.w2popup_window.msg .w2window_body .w2window_content .w2window_wframe { align-items: center; justify-content: center; }
.w2popup_window.msg .w2window_body .w2window_content .w2window_wframe .title { flex-direction: column; margin-bottom: 0; }
.w2popup_window.msg .w2window_body .w2window_content .w2window_wframe .title h1 { font-size: 14px; font-weight: normal; line-height: 20px; }
.w2popup_window.msg .w2window_body .w2window_content .w2window_wframe .title span { text-indent: -99999px; width: 24px; height: 24px; margin-bottom: 20px; border: 2px solid #555; border-radius: 24px; display: flex; align-items: center; justify-content: center; position: relative; }
.w2popup_window.msg .w2window_body .w2window_content .w2window_wframe .title .ico_alert { flex-direction: column; }
.w2popup_window.msg .w2window_body .w2window_content .w2window_wframe .title .ico_alert:before, .w2popup_window.msg .w2window_body .w2window_content .w2window_wframe .title .ico_alert:after { width: 2px; height: 2px; background: #555; content: ''; display: block; }
.w2popup_window.msg .w2window_body .w2window_content .w2window_wframe .title .ico_alert:after { height: 8px; margin-top: 2px; }
.w2popup_window.msg .w2window_body .w2window_content .w2window_wframe .title .ico_del:before, .w2popup_window.msg .w2window_body .w2window_content .w2window_wframe .title .ico_del:after { content: ''; position: absolute; width: 14px; height: 2px; background: #555; transform: rotate(45deg); top: 0; bottom: 0; right: 0; left: 0; margin: auto; }
.w2popup_window.msg .w2window_body .w2window_content .w2window_wframe .title .ico_del:after { transform: rotate(-45deg); }
.w2popup_window.msg .w2window_body .w2window_content .w2window_wframe .title .ico_cfm:before { content: ''; margin-top: -3px; width: 12px; height: 7px; border-left: 2px solid #555; border-bottom: 2px solid #555; transform: rotate(-45deg) scaleX(1); }
.w2popup_window .w2window_close { top: 0; left: 0; width: 100%; height: 100%; transition: .2s ease; background: none; }
.w2popup_window .w2window_close:before, .w2popup_window .w2window_close:after { content: ''; position: absolute; width: 16px; height: 2px; background: #fff; top: 0; bottom: 0; margin: auto; transform: rotate(45deg); left: 0; right: 0; }
.w2popup_window .w2window_close:after { transform: rotate(-45deg); }
.w2popup_window .w2window_close:hover { transform: rotate(90deg); }
.w2popup_window .sub_contents .w2tabcontrol_tabhost li { min-width: 80px; }
.w2popup_window .w2tabcontrol_tabhost .w2tabcontrol_tab_center a { padding: 0 22px 0 4px; }
.w2popup_window .w2tabcontrol_tabhost .w2tabcontrol_tab_right { right: 4px; }

/* 경고 팝업 */
.w2popup_window.warning { border-radius: 8px !important; }
.w2popup_window.warning .w2window_header { background: #ff5555; border-top: 0; height: 80px; }
.w2popup_window.warning .w2window_header>div:not(.w2window_header_icon), .w2popup_window.warning .w2window_header:after { display: none; }
.w2popup_window.warning .w2window_header .w2window_header_icon { display: block; background: url(../images/content/ico_err.png) center; width: 40px; height: 40px; top: 0; left: calc(50% - 20px); /* position: absolute; */ filter: invert(1); bottom: 0; left: 0; right: 0; margin: auto; }
.w2popup_window.warning .w2window_body { top: 80px; }
.w2popup_window.warning .w2window_body .pop_wrap { padding-top: 12px; }
.pop_wrap .warning_wrap { text-align: center; }
.pop_wrap .warning_wrap h1 { font-size: 28px; color: #000; }
.pop_wrap .warning_wrap p { font-size: 14px; margin-top: 18px; line-height: 20px; }
.pop_wrap .warning_wrap .btn_box { justify-content: center; margin-top: 26px; }
.pop_wrap .warning_wrap .w2trigger { background: #444; color: #fff; border: 0; height: 30px !important; width: 90px; border-radius: 30px; line-height: 30px; }
.pop_wrap .warning_wrap .w2trigger:hover, .pop_wrap .warning_wrap .w2trigger:focus { background: #000; color: #fff; }

/* 엑셀업로드 팝업 */
.w2popup_window .exup_wrap { width: 100%; min-height: auto; border: 0; position: relative; }
.w2popup_window .exup_header { background: none !important; margin-top: 8px; }
.w2popup_window .exup_header .title { display: none; }
.w2popup_window .exup_header .title2 { position: relative; padding-left: 22px; cursor: pointer; color: #6697d9; }
.w2popup_window .exup_header .title2:before { content: ''; background: url(../images/common/ico_cm.png) no-repeat -18px -54px; position: absolute; width: 18px; height: 18px; left: 0; top: calc(50% - 10px); }
.w2popup_window .exup_header span { padding-right: 10px; }
.w2popup_window .exup_content { padding: 0 24px; }
.w2popup_window .exup_content .filebox { height: auto; width: 100%; padding: 12px 16px 14px; border: 0; border-radius: 8px; }
.w2popup_window .exup_content .filebox input[type=file] { width: 100% !important; height: 32px !important; padding: 2px 6px; }
.w2popup_window .exup_tbl { background: #f5f8ff; padding: 12px 14px; margin: 0; margin-top: 8px; border-top: 1px solid #6697d9; border-bottom: 1px solid #6697d9; }
.w2popup_window .exup_tbl th .dot { background: none !important; position: relative; padding-left: 12px; color: #000; }
.w2popup_window .exup_tbl th .dot:before { content: ''; position: absolute; width: 2px; height: 2px; background: currentColor; top: 8px; left: 2px; border-radius: 10px; }
.w2popup_window .exup_tbl td .ipt.exup_tbl td .sel, .w2popup_window .exup_tbl td .w2selectbox_select { border: 1px solid #c1c1c1; height: 28px; width: 100%; }
.w2popup_window .exup_tbl td .ipt { width: 100%; }
.w2popup_window .exup_tbl th { width: 90px; min-width: auto; }
.w2popup_window .exup_tbl td { padding-right: 12px; }
.w2popup_window .exup_tbl td+th { padding-left: 12px; }
.w2popup_window .exup_tbl td:last-child { padding: 0; }
.w2popup_window .exup_wrap .foot { padding: 0 24px; overflow: hidden; }
.w2popup_window .btn_exup_file { width: 100px; left: auto; margin-top: 10px; float: right; }

/* 동의 팝업 */
.w2window.w2popup_window.agree_pop { border-radius: 12px; height: 740px !important; }
.w2popup_window.agree_pop .w2window_header { /* display: none; */ min-height: 40px; background: transparent; box-shadow: none; }
.w2popup_window.agree_pop .w2window_header_control { right: -10px; }
.w2popup_window.agree_pop .w2window_close:before, .w2popup_window.agree_pop .w2window_close:after { background: #000; }
.w2popup_window.agree_pop .pop_wrap { padding: 30px; padding-top: 0; }
.w2popup_window.agree_pop .w2window_body { height: calc(100% - 30px); top: -10px; }
.w2popup_window.agree_pop .pop_wrap .tit_box { display: flex; flex-direction: column; gap: 12px; }
.w2popup_window.agree_pop .pop_wrap .tit_box .tit_inner { display: flex; flex-direction: column; gap: 8px; }
.w2popup_window.agree_pop .pop_wrap .tit_box h1 { font-size: 24px; }
.w2popup_window.agree_pop .pop_wrap .tit_box p { font-size: 15px; color: #999; }
.w2popup_window.agree_pop .pop_wrap .tit_box p b { color: #555; font-weight: 500; }
.w2popup_window.agree_pop .pop_wrap .tit_box .w2selectbox { align-self: self-end; }
.w2popup_window.agree_pop .pop_wrap .info_box { padding: 30px 0; margin-top: 12px; border: 0; border-top: 1px solid #ddd; border-radius: 0; display: flex; flex-direction: column; gap: 12px; }
.w2popup_window.agree_pop .pop_wrap .info_box h2 { font-size: 16px; font-weight: 500; color: #6697d9; }
.w2popup_window.agree_pop .pop_wrap .info_box p { color: #999; line-height: 22px; letter-spacing: -0.2px; word-break: break-all;}
.w2popup_window.agree_pop .pop_wrap .info_box p b { color: #555; font-weight: 500; }
.w2popup_window.agree_pop .pop_wrap ul.chk_box { border-top: 1px solid #eee; margin-top: 12px; }
.w2popup_window.agree_pop .pop_wrap .all_chk + ul.chk_box { border-top: 0; margin-top: 0; }
.w2popup_window.agree_pop .pop_wrap ul.chk_box li > .w2group { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ededed; }
.w2popup_window.agree_pop .pop_wrap ul.chk_box li .w2textbox { background: #f5f5f5; padding: 0 20px; height: 0 !important; transform: scaleY(0); transform-origin: top; transition: .2s ease; opacity: 0; }
.w2popup_window.agree_pop .pop_wrap ul.chk_box li.on .w2textbox { height: 100% !important; transform: scaleY(1); opacity: 1; padding: 20px 20px 30px; }
.w2popup_window.agree_pop .pop_wrap ul.chk_box li .w2checkbox, .w2popup_window.agree_pop .pop_wrap .all_chk.w2checkbox { width: 100%; }
.w2popup_window.agree_pop .pop_wrap ul.chk_box li .w2checkbox .w2checkbox_item, .w2popup_window.agree_pop .pop_wrap .all_chk.w2checkbox .w2checkbox_item { display: block; padding-left: 0; }
.w2popup_window.agree_pop .pop_wrap ul.chk_box li .w2checkbox input, .w2popup_window.agree_pop .pop_wrap .all_chk.w2checkbox input { left: 22px; }
.w2popup_window.agree_pop .pop_wrap ul.chk_box li .w2checkbox label, .w2popup_window.agree_pop .pop_wrap .all_chk.w2checkbox label { font-size: 16px; font-weight: 500; display: block; padding: 20px; padding-left: 60px; line-height: 24px; }
.w2popup_window.agree_pop .pop_wrap ul.chk_box li .w2checkbox label:before, .w2popup_window.agree_pop .pop_wrap .all_chk.w2checkbox label:before { display: none; }
.w2popup_window.agree_pop .pop_wrap ul.chk_box li .w2checkbox label:after, .w2popup_window.agree_pop .pop_wrap .all_chk.w2checkbox label:after { transform: rotate(-45deg) scaleX(1); border-color: #ddd; width: 20px; height: 12px; border-width: 3px; left: 24px; }
.w2popup_window.agree_pop .pop_wrap .all_chk { margin-bottom: 14px; margin-left: 0; }
.w2popup_window.agree_pop .pop_wrap .all_chk.w2checkbox label { font-size: 18px; color: #7daae7; font-weight: bold; background: #eff4fb; border-radius: 12px; transition: .2s ease; }
.w2popup_window.agree_pop .pop_wrap ul.chk_box li .view_btn { position: relative; }
.w2popup_window.agree_pop .pop_wrap ul.chk_box li .view_btn:after { content: ''; position: absolute; border-right: 2px solid #555; border-top: 2px solid #555; transform: rotate(135deg); transition: all .2s ease; top: 0; left: 0; height: 9px; width: 9px; border-radius: 1px; right: 0; bottom: 0; margin: auto; z-index: 9; pointer-events: none; }
.w2popup_window.agree_pop .pop_wrap ul.chk_box li.on .view_btn:after { transform: rotate(-45deg); }
.w2popup_window.agree_pop .pop_wrap ul.chk_box li .view_btn .w2trigger { border: 0; font-size: 0; background: none; /* outline: 0; */  height: 64px !important; min-width: 60px; }
.w2popup_window.agree_pop .pop_wrap .all_chk.w2checkbox label:after { border-color: #c3d7f3; }
.w2popup_window.agree_pop .pop_wrap ul.chk_box li .w2checkbox input[type="checkbox"]:checked+.w2checkbox_label:after { border-color: #6697d9; }
.w2popup_window.agree_pop .pop_wrap .all_chk.w2checkbox input[type="checkbox"]:checked+.w2checkbox_label:after { border-color: #fff; }
.w2popup_window.agree_pop .pop_wrap .all_chk.w2checkbox input[type="checkbox"]:checked+.w2checkbox_label { background: #6697d9; color: #fff; font-weight: 500; box-shadow: 1px 2px 12px #6899d999; }
.w2popup_window.agree_pop .pop_wrap .step01 table tr:nth-child(2) td:nth-child(2) { word-break: break-all; }
.w2popup_window.agree_pop .pop_wrap .btn_box input.w2trigger.btn_cfm:not(.sch_box input.w2trigger.btn_cfm) { height: 60px !important; max-width: 250px; width: 100%; border-radius: 60px; font-size: 20px; margin-top: 30px !important; }
.w2popup_window.agree_modal .pop_wrap .tit_box h1 { font-size: 20px; }
.w2popup_window.agree_modal .pop_wrap .tit_box p { color: #999; }
.agr_box { background: #f5f5f5; padding: 30px 20px; margin-top: 30px; color:#555; }
.agr_box table { min-width: 100%; position: relative;}
.agr_box table:before { content: ''; width: 100%; position: absolute; height: 1px; top: 0; left: 0; background: #6697d9; }
.agr_box table th { background: #eff4fb; color: #6697d9; border-right: 1px solid #c5ddff; }
.agr_box .sub_tit_box { margin-bottom: 14px;}
.agr_box .sub_tit_box h2 { color: #6697d9; font-weight: 500;font-size: 14px;}
.agr_box .sub_tit_box h2:before { background: #6697d9; }
.agr_box h3 { margin-top: 40px; color: #000; font-size: 17px; border-bottom: 1px solid #ddd; padding-bottom: 16px; margin-bottom: 16px; text-align: center; }
.agr_box .w2radio { margin: auto; text-align: center; display: block; }
.agr_box .w2radio .w2radio_item { padding: 0; }
.agr_box .w2radio .w2radio_input { left: 18px; z-index: -1; }
.agr_box .w2radio .w2radio_label { font-size: 16px; font-weight: 500; color: #000; background: #fff; width: 100%; padding: 20px; border-radius: 12px; padding-left: 50px; }
.agr_box .w2radio .w2radio_label:before{ display: none; }
.agr_box .w2radio .w2radio_label:after { content: ''; position: absolute; top: 8px; bottom: 0; margin: auto; border-left: 3px solid #ddd; border-bottom: 3px solid #ddd; transform-origin: left; transform: rotate(-45deg) scaleX(1); width: 20px; height: 12px; left: 20px; border-radius: 2px; }
.agr_box .w2radio input[type="radio"]:checked+.w2radio_label{ border: 1px solid #6697d9; color:#6697d9; }
.agr_box .w2radio input[type="radio"]:checked+.w2radio_label:after{ background: none; border-color: #6697d9; transform: rotate(-45deg) scaleX(1); }

/* 개발관련메뉴팝업 */
#_contextMenuLayer { z-index: 999999 !important; }
#_contextMenuLayer>div::-webkit-scrollbar { background: #fff; }
#_contextMenuLayer>div::-webkit-scrollbar-thumb { background-color: #e1dee9; border-radius: 14px; background-clip: padding-box; border: 3px solid #fff; }
#_contextMenuLayer table { border: 0 !important; }

/* 슬라이드 */
.control { display: flex; justify-content: center; align-items: center; }
.control .paging { margin-right: 16px; font-size: 14px; color: #000; }
.control .paging span { font-size: 18px; }
.control .paging .current { color: #6697d9; }
.control .btn_box, .control .btn_box button { margin-top: 0; }
.control .btn_box button { width: 36px; height: 36px !important; margin-left: 5px !important; text-indent: -99999px; border-radius: 36px; }
.control .btn_box button:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }
.control .btn_box .btn_prev:before, .control .btn_next:before { width: 9px; height: 9px; border-top: 2px solid #000; border-right: 2px solid #000; transform: rotate(-135deg); left: 2px; }
.control .btn_box .btn_next:before { transform: rotate(45deg); left: -2px; }
.control .btn_box .btn_pause { margin-right: 0; }
.control .btn_box .btn_pause:before { width: 9px; height: 12px; border-left: 2px solid #000; border-right: 2px solid #000; }
.control .btn_box .btn_play { display: none; }
.control .btn_box .btn_play:before { width: 8px; border-right: 0 solid transparent; border-left: 9px solid #000; border-top: 7px solid transparent; border-bottom: 7px solid transparent; height: 12px; border-radius: 3px; }
.control .btn_box .btn_prev:hover:before, .control .btn_next:hover:before, .control .btn_pause:hover:before { border-color: #6697d9; }
.control .btn_box .btn_play:hover:before { border-left-color: #6697d9; }
.w2Switch { position: relative; min-height: 240px; height: 100%; border-radius: 4px; overflow-y: auto; }
.w2switch_case { position: absolute; width: 100%; height: 100%; padding: 8px; }

/* 시스템메시지 팝업 */
.ly_popup { position: absolute; left: 50%; top: 50%; margin: -250px 0 0 -250px; width: 500px; height: 250px; background: #fff; z-index: 201; border: 1px solid #ced4da; -webkit-box-shadow: 0 5px 10px rgb(30 32 37/ 12%); box-shadow: 0 5px 10px rgb(30 32 37/ 12%); }
.ly_popup .ly_head { position: relative; height: 30px; }
.ly_popup .ly_head .tit { }
.ly_popup .ly_head .btn_pop_close { position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; text-indent: -9999px; background: url(../..//cm/images/base/contents/btn_popclose.png) no-repeat center center; }
.ly_popup .ly_cont { padding: 0 30px; text-align: center; }
.ly_popup .ly_cont .txt1 { margin-bottom: 16px; color: #2D353C; font-size: 16px; font-weight: 600; line-height: 32px; letter-spacing: -1px; }
.ly_popup .ly_cont .txt2 { margin-bottom: 16px; padding: 20px; color: #2D353C; font-size: 12px; line-height: 23px; background: #F2F3F4; }
.ly_popup .ly_cont .btn_pop { }
.ly_popup .ly_cont .btn_pop:hover { }
.dimd { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .4; z-index: 200; }

/* Message */
.msg_box { margin: 0 0 16px; padding: 16px; min-height: 15px; }
.msg_box .txt_msg { padding-left: 23px; font-size: 12px; color: #000; font-weight: bold; }
.msg_box .txt_con { margin-top: 5px; padding-left: 23px; font-size: 12px; color: #000; font-weight: normal; }
.msg_box.error { background: #FDEDEB; }
.msg_box.error .txt_msg { background: url(../..//cm/images/base/ico_error.png) no-repeat; }
.msg_box.warning { background: #FFF2ED; }
.msg_box.warning .txt_msg { background: url(../..//cm/images/base/ico_warning.png) no-repeat; }
.msg_box.success { background: #E8FAEE; }
.msg_box.success .txt_msg { background: url(../..//cm/images/base/ico_success.png) no-repeat; }
.msg_box.info { background: #EDF5FD; }
.msg_box.info .txt_msg { background: url(../..//cm/images/base/ico_info.png) no-repeat; }

/* Text */
.txt_warning { color: #FF8419; vertical-align: middle; }
.txt_warning:before { content: ''; display: inline-block; margin-right: 5px; width: 13px; height: 12px; vertical-align: middle; background: url(../..//cm/images/base/ico_warning.png) no-repeat center; }
.txt_success { color: #1FCC25; vertical-align: middle; }
.txt_success:before { content: ''; display: inline-block; margin-right: 5px; width: 13px; height: 13px; vertical-align: middle; background: url(../..//cm/images/base/ico_success.png) no-repeat center; }
.txt_info { color: #348FE2; vertical-align: middle; }
.txt_info:before { content: ''; display: inline-block; margin-right: 5px; width: 13px; height: 13px; vertical-align: middle; background: url(../..//cm/images/base/ico_info.png) no-repeat center; }
.txt_error { color: #e74c3c; vertical-align: middle; }
.txt_error:before { content: ''; display: inline-block; margin-right: 5px; width: 13px; height: 13px; vertical-align: middle; background: url(../..//cm/images/base/ico_error.png) no-repeat center; }

/* fullcalendar */
.fc, .fc table { font-family: 'Roboto', 'Noto Sans KR', Malgun Gothic, Verdana, sans-serif; font-weight: 500 }
.fc table { }
.fc th { height: 30px; line-height: 28px; background: #F3F3F3; color: #000; font-size: 13px; }
.fc-toolbar h2 { font-size: 18px; font-weight: 600; line-height: 1.2; }
.fc-toolbar { position: relative; }
.fc-toolbar .fc-button-group button { padding: 0 15px; height: 30px }
.fc-toolbar .fc-button-group .fc-button { color: #000; font-size: 12px; background: #f3f3f3; text-shadow: none; border-color: #E6E6E6; }
.fc-toolbar .fc-widget-header { margin-right: 0 !important; }
.fc-toolbar .fc-prev-button { border-radius: 3px 0 0 3px }
.fc-toolbar .fc-next-button { border-radius: 0 3px 3px 0 }
.fc-toolbar .fc-right .fc-button { border-radius: 0; box-shadow: none; }
.fc-toolbar .fc-right .fc-month-button { border-radius: 3px 0 0 3px }
.fc-toolbar .fc-right .fc-basicDay-button { border-radius: 0 3px 3px 0 }

/* header 요일 */
.fc .fc-day-header>span { display: none; }
.fc .fc-day-header:after { display: block; margin-top: 2px }
.fc .fc-day-header.fc-sun:after { content: "Sun" }
.fc .fc-day-header.fc-mon:after { content: "Mon" }
.fc .fc-day-header.fc-tue:after { content: "Tue" }
.fc .fc-day-header.fc-wed:after { content: "Wed" }
.fc .fc-day-header.fc-thu:after { content: "Thu" }
.fc .fc-day-header.fc-fri:after { content: "Fri" }
.fc .fc-day-header.fc-sat:after { content: "Sat" }

/* border-color */
.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td { border-color: #DDDDDD; }
.fc-today-button { display: none; }
.fc-day-number.fc-other-month { opacity: 1; color: #CDCDDB !important; }
.fc-day.fc-sun, .fc-day.fc-sat { background-color: #fff !important; opacity: 1; }
.fc-ltr .fc-basic-view .fc-day-number { padding-top: 6px; padding-right: 7px; font-size: 12px; text-align: left !important; color: #000 }
.fc-basic-view .fc-sat .fc-day-number { color: #006CFF }
.fc-basic-view .fc-sun .fc-day-number { color: #DD1552 }
.w2widget_content .fc-day-grid-container.fc-scroller { height: 224px !important; }
.fc-event.fc-event { text-align: center; background-color: #FF836D; border-color: transparent }
.fc-event .fc-title { font-size: 12px; font-weight: 400; vertical-align: middle; }
.fc a.fc-more { font-size: 12px }

/* messenger */
.messenger { position: fixed; right: 20px; bottom: 20px; width: 407px; height: 656px; color: #20252A; background: #fff; border: 1px solid #D3D5DA; border-radius: 20px; box-shadow: rgb(0 0 0/ 16%) 0 8px 8px; overflow: hidden; }
.messenger .titlebox { position: relative; padding: 24px }
.messenger .titlebox .close { position: absolute; top: 15px; right: 15px; width: 20px; height: 20px; text-indent: -9999em; background: url(../..//cm/images/base/ico_msg_close.png) no-repeat center center; border: none }
.messenger .titlebox .title { margin-right: 8px; font-size: 18px; font-weight: 600; vertical-align: middle; }
.messenger .tab { display: flex; justify-content: center }
.messenger .tab>li { flex: 1 1 33.33%; padding-top: 4px; padding-bottom: 6px; font-size: 13px; font-weight: 600; text-align: center; border-bottom: 3px solid transparent }
.messenger .tab>li.on { border-bottom: 3px solid #1875F0 }
.messenger .tab .badge { margin-left: 8px; padding: 1px 10px; font-size: 12px; font-weight: 600; color: #fff; background: #1875F0; border-radius: 50px; }
.messenger .list { height: 550px; background: #F2F3F4; border-radius: 0 0 20px 20px; overflow-y: auto; }
.messenger .list>li { display: flex; align-items: center; margin-left: 20px; margin-right: 20px; padding: 17px 0; border-bottom: 1px solid #eee; cursor: pointer; }
.messenger .list .profile { flex: 0 0 auto; margin-right: 23px }
.messenger .list .textbox { flex: 1 1 auto; margin-right: 5px; overflow: hidden; }
.messenger .list .name { font-weight: 600; vertical-align: middle; }
.messenger .list .preview { margin-top: 4px; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.messenger .list .time { margin-top: -25px; margin-right: 10px; font-size: 12px; font-weight: 600; color: #707070 }
.messenger .list .badge { margin-left: 5px; min-width: 17px; padding-left: 2px; padding-right: 2px; height: 17px; font-size: 12px; font-weight: 600; color: #fff; text-align: center; background: #1875F0; border-radius: 50px; }
.messenger .profile { display: inline-block; width: 50px; height: 50px; background: #fff; font-size: 0; text-indent: -9999em; vertical-align: top; border-radius: 100px; }
.messenger .chat { position: absolute; top: 0; left: 408px; width: 100%; height: 100%; background: #fff; border-radius: 20px; transition: all 0.3s ease }
.messenger.open .chat { left: 0; transition: all 0.3s ease }
.messenger .chat .titlebox { padding-bottom: 10px }
.messenger .chat .titlebox .title { font-size: 16px; }
.messenger .chat .titlebox .back { margin-right: 10px; width: 20px; height: 25px; text-indent: -9999em; background: url(../..//cm/images/base/btn_left.png) no-repeat center center; border: none }
.messenger .chat .message_wrap { display: flex; flex-direction: column; height: calc(100% - 60px) }
.messenger .chat .message { flex: 1 1 auto; padding: 10px 20px; }
.messenger .chat .message>div+div { margin-top: 15px }
.messenger .chat .receive { text-align: left }
.messenger .chat .send { text-align: right }
.messenger .chat .profile { margin-right: 10px; width: 30px; height: 30px; }
.messenger .msg_wrap { display: inline-block; position: relative; }
.messenger .msg { display: inline-block; margin-bottom: 17px; padding: 12px 20px; font-size: 12px; }
.messenger .receive .msg { background: #F5F7FB; border-radius: 10px 10px 10px 0 }
.messenger .send .msg { background: #1875F0; color: #fff; border-radius: 10px 10px 0 10px }
.messenger .chat .time { position: absolute; right: 5px; bottom: 0; font-size: 10px; font-weight: 600; color: #707070 }
.messenger .chat .dot { width: 8px; height: 8px; background: #C6C6D5; border-radius: 10px; animation-duration: .7s; animation-name: dot_event; animation-iteration-count: infinite; }
.messenger .chat .dot+.dot { margin-left: 5px; }
.messenger .chat .dot:nth-child(1) { animation-delay: .1s; }
.messenger .chat .dot:nth-child(2) { animation-delay: .2s; }
.messenger .chat .dot:nth-child(3) { animation-delay: .3s; }
.messenger .sendbox { display: flex; align-items: stretch; padding: 24px; }
.messenger .sendbox .text_wrap { flex: 1 1 auto; background: #F5F7FB; border-radius: 50px; }
.messenger .sendbox .file { display: inline-block; margin-right: 0 }
.messenger .sendbox .file .w2upload_image { top: 8px; right: 13px; background: url(../..//cm/images/base/ico_msg_file.png) no-repeat center center }
.messenger .sendbox .file .w2upload_input { background: transparent; border-color: transparent }
.messenger .sendbox textarea { display: inline-block; padding: 10px 15px; width: calc(100% - 40px); height: 40px; line-height: 18px; background: transparent; border-color: transparent }
.messenger .sendbox textarea:focus { box-shadow: none }
.messenger .sendbox .btn_send { margin-left: 10px; text-indent: -9999em; border-color: transparent; background: url(../..//cm/images/base/ico_msg_send.png) no-repeat center center }

/* processbar */
.processbar { text-align: center; margin: 0 0 16px; padding: 16px; }
.processbar li { display: inline-block; position: relative; width: 125px; font-weight: 600; color: #C7C8CA; text-align: center; cursor: pointer; }
.processbar .num { display: block; position: relative; margin: 0 auto; width: 28px; height: 28px; line-height: 28px; background: #E6EBF4; border: 3px solid #fff; border-radius: 50px; z-index: 1 }
.processbar li+li:before { content: ""; position: absolute; left: -60px; top: 17px; width: 100%; border-top: 1px solid #ddd; z-index: 0 }
.processbar .finish, .processbar .on { color: #56606b }
.processbar .finish .num, .processbar .on .num { background: #56606b }
.processbar .num:after { content: ""; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.processbar .finish .num:after { display: block; background: url(../..//cm/images/base/ico_check.png) no-repeat center center }
.processbar .on .num:after { display: block; background: url(../..//cm/images/base/ico_write.png) no-repeat center center }
.processbar .on .dot_wrap { visibility: visible; }
.processbar .dot_wrap { display: flex; justify-content: center; margin-bottom: 5px; visibility: hidden; }
.processbar .dot { display: inline-block; margin: 0 1px; width: 6px; height: 6px; background: #EBEBEB; border-radius: 10px }
.processbar .dot.on { background: #56606b }

/* Adaptive */
.tabc_layout.w2tab_adaptive_layout .w2tabcontrol_contents { margin-bottom: 15px; padding: 0; height: auto; border-radius: 3px; }
.tabc_layout.w2tab_adaptive_layout .w2tabcontrol_bridge { background: #368CB2; border: none; box-shadow: 1px 1px 5px rgb(30 32 37/ 12%); border-radius: 5px; }
.tabc_layout.w2tab_adaptive_layout .w2tabcontrol_bridge h3 { font-size: 14px; color: #fff }
.tabc_layout.w2tab_adaptive_layout .w2tabcontrol_bridge h3:after { border-left: 5px solid #fff; top: 13px }
.tabc_layout.w2tab_adaptive_layout .w2tabcontrol_contents_bridge_selected { display: none; }
.tabbox.w2tab_adaptive_layout .w2tabcontrol_container { border-top: 0; }
.tabbox.w2tab_adaptive_layout .w2tabcontrol_contents { border-color: #eaeaea; }
.tabbox.w2tab_adaptive_layout .w2tabcontrol_contents_wrapper { padding-top: 0px; }
.tabbox.w2tab_adaptive_layout .w2tabcontrol_contents_wrapper.w2tabcontrol_contents_wrapper_selected { padding: 15px; }
.tabbox.w2tab_adaptive_layout .w2tabcontrol_bridge { padding: 0 0 0 10px; background: #fff; }
.tabbox.w2tab_adaptive_layout .w2tabcontrol_bridge.w2tabcontrol_contents_bridge_selected { display: block; color: #fff; background: #5a5a5a; }
.tabbox.w2tab_adaptive_layout .w2tabcontrol_bridge.w2tabcontrol_contents_bridge_selected h3:after { border-top: 5px solid #fff; }
.tabbox.w2tab_adaptive_layout .w2tabcontrol_bridge h3 { font-size: 16px; }
.w2tb.w2tb_adaptive_layout .input_wrap { flex-wrap: wrap; width: 100%; align-items: center; }
.w2tb.w2tb_adaptive_layout:not(.sch_box .w2tb) { border: 0; border-bottom: 1px solid #c4cfea; }
.w2tb.w2tb_adaptive_layout .w2tb_td .m_th { display: inline-flex !important; }
.w2tb.w2tb_adaptive_layout.m_th160 .w2tb_td .m_th, .w2tb.w2tb_adaptive_layout .w2tb_td.m_th160 .m_th { /* max-width: 160px; */ width: 160px; }
.w2tb.w2tb_adaptive_layout.m_th160 .w2tb_td, w2tb.w2tb_adaptive_layout .w2tb_td.m_th160 { padding-left: 168px; }
.w2tb.w2tb_adaptive_layout.twoTh { position: relative; }
.w2tb.w2tb_adaptive_layout.twoTh .w2tb_tr:first-child { position: absolute; left: 0; top: 0; z-index: 1; width: 50px; }
.w2tb.w2tb_adaptive_layout.twoTh .w2tb_tr:first-child .w2tb_th { min-width: 50px; width: initial !important; display: flex; align-items: center; justify-content: center; position: static; max-width: 50px; word-break: break-word; }
.w2tb.w2tb_adaptive_layout.twoTh .w2tb_tr:first-child .w2tb_th+.w2tb_th { margin-top: -1px; }
.w2tb.w2tb_adaptive_layout .w2tb_td.rowTh .m_th { z-index: 9; border-bottom: 1px solid #c4cfea; }
.w2tb.w2tb_adaptive_layout.twoTh .w2tb_td .m_th { left: 49px; }
.w2tb.w2tb_adaptive_layout.leftTit .w2tb_tr { padding-left: 72px; }
.w2tb.w2tb_adaptive_layout { position: relative; }
.w2tb.w2tb.w2tb_adaptive_layout .w2tb_th /*.w2tb.w2tb.w2tb_adaptive_layout colgroup, .w2tb.w2tb.w2tb_adaptive_layout col*/
{ position: absolute; }
.w2tb.w2tb.w2tb_adaptive_layout .m_thead { position: absolute; top: 0; left: 0; z-index: 9; width: auto; }
.w2tb.w2tb.w2tb_adaptive_layout .m_thead .w2tb_th { position: static; height: 41px; margin-bottom: -1px; display: flex; align-items: center; max-width: 130px; }
.w2tb.w2tb.w2tb_adaptive_layout .m_thead .w2tb_th.tac { justify-content: center; }
.w2tb.w2tb.w2tb_adaptive_layout .m_th .w2tb_th { position: static; }
.w2tb.w2tb_adaptive_layout thead.multi_th, .w2grid.w2grid_adaptive_crosstab thead.multi_th { display: flex; position: absolute; left: 0; z-index: 9; }
.w2grid.w2grid_adaptive_crosstab thead.multi_th { position: relative; width: 130px !important; }
.w2grid.w2grid_adaptive_crosstab thead.multi_th tr { position: absolute; width: 100%; height: 100%; }
.w2grid.w2grid_adaptive_crosstab thead.multi_th tr.gridHeaderStyle_0 { position: relative; }
.w2grid.w2grid_adaptive_crosstab thead.multi_th th { min-width: auto; max-width: 100%; }
.w2grid.w2grid_adaptive_crosstab thead.multi_th th nobr { word-break: break-all; white-space: normal; }
.w2grid.w2grid_adaptive_crosstab thead.multi_th tr:not(.gridHeaderStyle_0) th { position: absolute; width: calc(100% - 40px); border-left: 0; }
.w2grid.w2grid_adaptive_crosstab thead.multi_th tr:not(.gridHeaderStyle_0) th:first-child[style*="top: 0px"] { border-top: 0 !important; }
.w2tb.w2tb_adaptive_layout thead.multi_th tr+tr, w2grid.w2grid_adaptive_crosstab thead.multi_th tr+tr { margin-left: -1px; }
.w2tb.w2tb_adaptive_layout thead.multi_th .w2tb_th, w2grid.w2grid_adaptive_crosstab thead.multi_th th { width: auto !important; min-width: auto; padding: 4px 10px; }
.w2tb.w2tb_adaptive_layout thead .w2tb_th { position: static !important; display: flex; align-items: center; height: 41px; }
.w2tb.w2tb_adaptive_layout thead .w2tb_th+.w2tb_th { /* border-top: 0; */ margin-top: -1px; }
.w2tb.w2tb_adaptive_layout>tbody>tr { width: 100%; display: block; position: relative; }
.w2tb.w2tb_adaptive_layout.m_horTb tbody tr { /* flex: 1; */ /* display: flex; */ /* flex-direction: column; */ }
.w2tb.w2tb_adaptive_layout.m_horTb tbody { /* display: flex; */ padding-left: 129px; /* width: auto; */ display: grid; grid-auto-flow: column; }
.w2tb.w2tb_adaptive_layout.m_horTb tbody td { height: 40px; white-space: nowrap; padding-left: 8px; }
.w2tb.w2tb_adaptive_layout .w2tb_td { display: flex; align-items: center; flex-flow: wrap; height: auto !important; min-height: 40px; border: 1px solid #c4cfea !important; border-bottom: 0 !important; min-width: auto; width: 100%; padding: 4px 0; /* padding-left: min(calc(30% + 8px), 138px); */ padding-right: 8px; padding-left: 8px; }
.w2tb.w2tb_adaptive_layout .w2tb_td.no_tit, .sch_box .w2tb.w2tb_adaptive_layout .w2tb_td.no_tit { padding-left: 8px; align-items: center; justify-content: center; }
.w2tb.w2tb_adaptive_layout.m_topTh .w2tb_td .m_th, .w2tb.w2tb_adaptive_layout .w2tb_td.m_topTh .m_th { position: static; max-width: inherit; width: calc(100% + 18px); margin: -4px -9px; border-bottom: 1px solid #c4cfea; margin-bottom: 6px; min-height: 43px; justify-content: center; align-items: center; }
.w2tb.w2tb_adaptive_layout.m_topTh .w2tb_td, .w2tb.w2tb_adaptive_layout .w2tb_td.m_topTh { padding: 4px 8px 6px; min-height: 86px; flex-direction: column; }
.w2tb.w2tb_adaptive_layout.m_topTh .w2tb_td .w2textbox:not(.guide_tit, .guide_txt), .w2tb.w2tb_adaptive_layout .w2tb_td.m_topTh .w2textbox:not(.guide_tit, .guide_txt) { padding: 6px 0; }
.w2tb.w2tb_adaptive_layout.m_topTh .w2tb_td:before, .w2tb.w2tb_adaptive_layout .w2tb_td.m_topTh:before, .w2tb.w2tb_adaptive_layout .w2tb_td.no_tit:before, .w2tb.w2tb_adaptive_layout .w2tb_td.no_tit .m_th { display: none !important; }
.w2tb.w2tb_adaptive_layout .w2tb_td .w2textbox { height: auto !important; min-height: auto !important; }
.w2tb.w2tb_adaptive_layout .w2tb_td.m_hideTd { display: none !important; }
.w2tb.w2tb_adaptive_layout .w2tb_td.m_showTd { display: flex !important; }
.w2tb.w2tb_adaptive_layout .w2tb_tr:last-child .w2tb_td:last-child { /* border-bottom: 0 !important; */ }
.w2tb.w2tb_adaptive_layout .w2tb_td .m_th { display: inline-flex; align-items: center; justify-content: flex-start; /* max-width: 138px; */ word-break: keep-all; border-left: 1px solid #c4cfea; border-right: 1px solid #c4cfea; text-align: left; background: #f7f9fe; /* width: 80px; */ /* min-width: 100px; */ min-height: 38px; flex: none; margin-right: 8px; padding: 4px 8px; line-height: 18px; font-weight: bold; height: 100%; position: absolute; left: -1px; top: 0; vertical-align: middle; z-index: 99; word-break: break-word; }
.w2tb.w2tb_adaptive_layout .w2tb_td:before { display: none; }
.w2tb.w2tb_adaptive_layout .w2tb_td>.flex { flex: 1; }
.w2tb.w2tb_adaptive_layout .w2tb_td>.ipt_search { flex: 1; }
.w2tb.w2tb_adaptive_layout input.w2input { margin-top: 0; margin-bottom: 0; }
.w2grid.w2grid_adaptive_crosstab .gridBodyDefault.focusedTr:not(.w2grid_default_readonly) nobr.w2grid_select { width: 100%; line-height: 22px; padding-right: 30px !important; }
.w2grid.w2grid_adaptive_crosstab .gridBodyDefault:not(.w2grid_default_readonly) { padding: 0 4px !important; }
.w2grid.w2grid_adaptive_crosstab .w2selectbox { height: 30px !important; }
.w2grid.w2grid_adaptive_crosstab .w2selectbox.w2selectbox_open, .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.focusedTr .w2grid_input:not(.w2grid_input_readonly) { width: 100% !important; padding: 0 9px; }
.w2grid.w2grid_adaptive_crosstab .w2selectbox_table_main tbody { height: 100%; }
.w2grid.w2grid_adaptive_crosstab .w2selectbox_table_main tbody { overflow: hidden; line-height: 27px; height: 28px; }
.w2grid.w2grid_adaptive_crosstab .w2selectbox tbody tr { vertical-align: middle; /* margin-top: 3px; */ display: block; height: 100%; line-height: 33px; }
.w2grid.w2grid_adaptive_crosstab .w2selectbox .w2selectbox_row_main>.w2selectbox_col_label { padding-right: 20px; text-align: center; display: block; height: 28px; }
.w2grid.w2grid_adaptive_crosstab .w2selectbox, .w2grid.w2grid_adaptive_crosstab .w2grid_input:not(.w2grid_input_readonly) { width: 100% !important; min-width: auto; }
.sch_box .w2tb.w2tb_adaptive_layout .w2tb_td:before, .sch_box .w2tb.w2tb_adaptive_layout .w2tb_td .m_th { border: 0; background: transparent; padding-left: 0; /* width: calc(28% - 10px); */ /* padding-right: 4px; */ margin-right: 0; font-weight: 400; white-space: pre-line; /* height: 100%; */ /* width: 24%; */ flex: none; min-height: 30px; max-width: 116px; width: 30%; }
.sch_box .w2tb.w2tb_adaptive_layout .w2tb_td { border: 0 !important; min-height: 36px; padding: 2px 0; padding-left: min(calc(30% + 2px), 122px); }
.sch_box.reg .w2tb.w2tb_adaptive_layout .w2tb_td.no_tit { padding-left: 0; }
.sch_box .w2tb.w2tb_adaptive_layout .w2tb_td>*, .sch_box .w2tb.w2tb_adaptive_layout .w2tb_td>.input_wrap>*:not(span, [style*="width"]) { flex: 1; }
/*.sch_box .w2tb.w2tb_adaptive_layout .w2tb_td >[style*="width"]{flex: none;}*/
.sch_box .w2tb.w2tb_adaptive_layout tr:last-child .w2tb_td:last-child { padding-bottom: 0; }
.brd_box .w2tb.w2tb_adaptive_layout .w2tb_td, .brd_box .w2tb.w2tb_adaptive_layout tr.file .w2tb_td { padding: 8px !important; padding-left: min(calc(30% + 8px), 138px) !important; }
.brd_box .w2tb.w2tb_adaptive_layout.view tr.file .w2tb_td a { width: 100% !important; flex: none; line-height: 18px; word-break: break-word; }
.brd_box .w2tb.w2tb_adaptive_layout tr.file .w2tb_td a+a { margin-top: 10px; }
.brd_box .w2tb.w2tb_adaptive_layout .w2tb_tr:last-child .w2tb_td:last-child { border-bottom: 0; }
.brd_box .w2tb.w2tb_adaptive_layout .file_upload, .brd_box .w2tb.w2tb_adaptive_layout .file_multiUpload { flex: none; width: 100%; }
.brd_box .w2tb.w2tb_adaptive_layout .file_upload .w2wframe, .brd_box .w2tb.w2tb_adaptive_layout .file_multiUpload .w2wframe { height: auto !important; }
.brd_box .w2tb.w2tb_adaptive_layout .w2multiupload_uploader { margin-top: 0; height: 30px; flex: 1; }
.brd_box .w2tb.w2tb_adaptive_layout .w2multiupload_uploader span:after { font-size: 13px; line-height: 30px; }
.brd_box .w2tb.w2tb_adaptive_layout .file_multiUpload .flex { display: block; }
.brd_box .w2tb.w2tb_adaptive_layout .file_multiUpload .flex .btn_box>* { flex: 1; margin-left: 0; min-width: 90px; }
.brd_box .w2tb.w2tb_adaptive_layout+.tb_bttm { flex: 1 1 40%; gap: 10px; padding-bottom: 80px; }
.brd_box .w2tb.w2tb_adaptive_layout+.tb_bttm>.w2trigger { min-width: 50%; flex: 1; }
.brd_box .w2tb.w2tb_adaptive_layout+.tb_bttm .btn_box { width: auto; margin-top: 0; flex: 1; min-width: 40%; position: static; }
.brd_box .w2tb.w2tb_adaptive_layout+.tb_bttm .btn_box .m_save { position: absolute; left: 0; bottom: 0; }
.w2popup_window .sch_box .sch_inner { margin-right: 16px; }
.w2grid.w2grid_adaptive_crosstab thead .w2grid_head_sort_table_main { height: auto; }
.w2grid.w2grid_adaptive_crosstab thead .w2grid_head_sort_table_main tbody { overflow: inherit; }
.w2grid.w2grid_adaptive_crosstab thead .w2grid_head_sort_table_main tr, .w2grid.w2grid_adaptive_crosstab thead th table tr, .w2grid.w2grid_adaptive_crosstab thead.multi_th th table tr { position: static; gap: 4px; }
.w2grid_head_sort_td { height: 16px; }

/* tooltip */
.w2balloonTip, .w2windowContainer_tooltip { z-index: 99; border-radius: 3px; background: #fffef1 !important; }
.w2balloonTip_label, .w2windowContainer_tooltip, .w2tabcontrol_tooltip, .w2treeview_tooltip { font-size: 12px; background: #fffef1; padding: 3px 12px; color: #000; border-radius: 4px; border: 1px solid #c1c1c1; z-index: 99 !important; }
.w2balloonTip_col_centerleft, .w2balloonTip_col_centerright, .w2balloonTip_col_centercenter { background: transparent; }
.w2balloonTip_col_centerleft, .w2balloonTip_col_centerright { display: none; }
.w2balloonTip_table tr:first-child, .w2balloonTip_table tr:last-child, .w2balloonTip_col_bottomleft, .w2balloonTip_col_bottomcenter, .w2balloonTip_col_bottomright { display: none }

/* 안내글 */
.guide_box { padding: 16px; background: #f3f8ff; border: 1px solid #d1e5ff; border-radius: 4px; line-height: 20px; }
.guide_tit { margin-bottom: 12px; padding-left: 24px; }
.guide_box .guide_tit { margin-bottom: 0; color: #5B9BF8; font-weight: bold; }
.guide_box .guide_txt:before { font-size: 12px; font-weight: normal; left: -2px; }
.btn_box .guide_tit, .btn_box .guide_txt { margin-bottom: 0; }
.guide_tit, .guide_box .depth01>li { font-size: 13px; position: relative; }
.guide_tit:before { content: '!'; position: absolute; width: 17px; height: 17px; left: 0; top: 1px; text-align: center; background: #5B9BF8; border-radius: 18px; color: #fff; font-size: 12px; line-height: 18px; font-family: cursive; }

*+.guide_tit, .guide_box *+.depth01 { margin-top: 16px; }
.guide_box .depth01>li+li { margin-top: 20px; }
.guide_box .depth02 { margin-top: 8px; }
.guide_box .depth02+.depth02 { margin-top: 12px; }
.guide_box .depth02>li { color: #000; font-weight: 500; }
.guide_box .depth02 li { padding-left: 12px; position: relative; }
.guide_box .depth02 li+li { margin-top: 6px; }
.guide_box .depth02 ul { margin: 4px 0; }
.guide_box .depth02 ul:last-child, .guide_box .depth02 ul:last-child ul:last-child { margin-bottom: 0; }
.guide_box .depth02 li b, .guide_txt b { color: #ff0000; }
.guide_box .depth02 ul li { font-weight: normal; color: #555; }
.guide_tit .w2textbox, .guide_box li .w2textbox, .guide_txt .w2textbox { width: 100% !important; height: auto !important; }
.guide_txt { color: #000; font-size: 13px; padding-left: 16px; position: relative; }
.guide_txt:before { content: '※'; position: absolute; left: 0; top: 0; }

*+.guide_txt { margin-top: 8px; }
.dot>li:before { content: ''; position: absolute; width: 2px; height: 2px; background: currentColor; top: 9px; left: 2px; border-radius: 10px; }
.dot>li, .dash>li, .star>li, .number>li { padding-left: 12px; position: relative; }
.depth01.dot>li:before { width: 4px; height: 4px; top: 8px; }
.dash>li:before, .star>li:before { content: '-'; position: absolute; left: 0; top: 0; }
.star>li:before { content: '\273b'; top: 3px; font-size: 11px; left: -2px; height: 12px; line-height: 1; }
.number>li > .w2textbox, .number>li > .w2span { text-indent: -15px; display: block !important; margin-left: 3px; }

/* 안내글(강조) */
.guide_box.red { background: #FFF7F2; border-color: #ffd0d0; }
.guide_box.red .guide_tit, .guide_box.red .depth01>li { color: #D80000; }
.guide_box.red .guide_tit:before, .guide_tit.red:before { background: #D80000; }

/* 게시판 */
/* 리스트 */
.brd_box .w2tabcontrol_contents_wrapper { padding-top: 0; }
.brd_box .w2tb { border-top: 0; table-layout: auto; }
.brd_box .w2tb .w2tb_th .w2textbox, .brd_box .w2tb .w2tb_td .w2textbox, .brd_box .w2tb.view tr.file .w2tb_td a, .brd_box .w2tb.view tr.prev .w2tb_td a, .brd_box .w2tb.view tr.next .w2tb_td a { width: auto !important; height: auto !important; line-height: 30px; }
.brd_box .w2tb.list .w2tb_th .w2textbox, .brd_box .w2tb.list .w2tb_td .w2textbox, .brd_box .w2tb.view tr.prev .w2tb_td a, .brd_box .w2tb.view tr.next .w2tb_td a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 95%; }
.brd_box .w2tb.list .num, .brd_box .w2tb.list .file { width: 80px; }
.brd_box .w2tb.list .date, .brd_box .w2tb.list th.person { width: 160px; }
.brd_box .w2tb.list .team { width: 200px; }
.brd_box .w2tb.list .state { width: 120px; }
.brd_box .w2tb.list tr td { cursor: pointer; }
.brd_box .w2tb.list tr:hover .w2tb_td { background: #e6ebf7; }
.brd_box .w2tb.list .w2tb_th, .brd_box .w2tb.list .w2tb_td { text-align: center; padding: 0 12px; color: #000; }
.brd_box .w2tb.list .w2tb_td.title { text-align: left; }
.brd_box .w2tb.list .w2tb_td.file .icon, .file_name:before { text-indent: -99999px; width: 14px; height: 14px; background: url(../images/content/ico_cnt.png) no-repeat 0 -88px; vertical-align: middle; margin-top: -2px; }
.brd_box .w2tb.list tr.notice td { font-weight: bold; }
.brd_box .w2tb.list tr.notice td.title .w2textbox { position: relative; padding-left: 26px; }
.brd_box .w2tb.list tr.notice td.title .w2textbox:before { content: ''; width: 18px; height: 18px; background: url(../images/content/ico_cnt.png) no-repeat 0 -56px; position: absolute; top: calc(50% - 9px); left: 1px; }
.brd_box .w2tb.list tr.new td.title .w2textbox:after { content: 'N'; width: 18px; height: 18px; background: #ff6a66; border-radius: 18px; color: #fff; font-weight: 600; font-size: 10px; margin-left: 12px; position: absolute; text-align: center; line-height: 18px; top: 0; bottom: 0; margin: auto; right: 0; }
.brd_box .w2tb.list tr.new td.title .w2textbox { position: relative; padding-right: 26px; }

/* 상세 */
.brd_box .w2tb.view .w2tb_th, .brd_box .w2tb.view .w2tb_td { padding: 0 8px; }
.brd_box .w2tb.view tr.title .w2tb_td .w2textbox { line-height: 22px; }
.brd_box .w2tb.view tr.cnt .w2tb_td .w2group { line-height: 24px; min-height: 120px; overflow: auto; border-top: 12px solid #fff; border-bottom: 12px solid #fff; height: calc(100dvh - 470px); }
.brd_box .w2tb.view.faq tr.cnt .w2tb_td .w2group { height: calc(50dvh - 236px); }
.brd_box .w2tb.view .w2tb_th, .brd_box .w2tb.view .date, .brd_box .w2tb.view .first { width: 160px; }
.brd_box .w2tb.view .w2tb_td { width: auto !important; }
.brd_box .w2tb.view tr.prev .w2tb_td a:hover, .brd_box .w2tb.view tr.next .w2tb_td a:hover { text-decoration: underline; }
.brd_box .w2tb.view tr.file .w2tb_td { padding: 4px 8px; }
.brd_box .w2tb.view tr.file .w2tb_td a { display: block; line-height: 26px; }
.file_name { text-decoration: underline; color: #4a4d62; font-weight: bold; padding-left: 18px; position: relative; }
.file_name:before { content: ''; position: absolute; left: 0; top: calc(50% - 7px); margin-top: 0; }
.file_name:hover { color: #6697d9; }
.file_name:hover:before { background-position-x: -14px; }

/* faq 리스트 */
.brd_box .w2tb.list .w2tb_td .person { position: relative; display: inline-block; width: auto; }
.brd_box .w2tb.list .w2tb_td .person .person_name { position: relative; padding-right: 24px; max-width: 100%; }
.brd_box .w2tb.list .w2tb_td .person .person_name:after { content: ''; position: absolute; right: 0; width: 14px; height: 14px; background: url(../images/content/ico_cnt.png) no-repeat 0 -102px; top: calc(50% - 7px); }
.brd_box .w2tb.list .w2tb_td .person .person_name:hover:after, .brd_box .w2tb.list .w2tb_td .person .person_name.on:after { background-position-x: -14px; }
.brd_box .w2tb.list .w2tb_td .person .person_name+.person_info { position: absolute; top: 100%; right: 0; min-width: 196px; background: #fff; border-radius: 4px; padding: 12px; box-shadow: 0px 3px 7px rgb(0 0 0/ 13%); color: #555; opacity: 0; visibility: hidden; transition: .2s ease; transform: scaleY(0); transform-origin: top; z-index: 9; }
.brd_box .w2tb.list .w2tb_td .person .person_name.on+.person_info { opacity: 1; visibility: visible; transform: scaleY(1); }
.brd_box .w2tb.list tr:nth-child(n+9) .w2tb_td .person .person_info { top: auto; bottom: 100%; transform-origin: bottom; }
.brd_box .w2tb.list .w2tb_td .person .person_info h3 { font-size: 12px; font-weight: normal; margin-bottom: 16px; }
.brd_box .w2tb.list .w2tb_td .person .person_info h3 b { font-size: 13px; font-weight: bold; margin: 0 4px 0 8px; }
.brd_box .w2tb.list .w2tb_td .person .person_info ul li { text-align: left; padding-left: 26px; position: relative }
.brd_box .w2tb.list .w2tb_td .person .person_info ul li+li { margin-top: 8px; }
.brd_box .w2tb.list .w2tb_td .person .person_info ul li:before { content: ''; position: absolute; width: 14px; height: 14px; background: url(../images/content/ico_cnt.png) no-repeat 0 -116px; top: calc(50% - 7px); left: 0; }
.brd_box .w2tb.list .w2tb_td .person .person_info ul li:first-child:before { background-position: -20px -58px; }
.brd_box .w2tb.list .w2tb_td .person .person_info .btn_box { float: none; border-top: 1px solid #c1c1c1; padding-top: 12px; margin-top: 12px; flex-wrap: nowrap; }
.brd_box .w2tb.list .w2tb_td .person .person_info .btn_box .w2trigger { border-radius: 24px; width: auto !important; }

/* write */
.brd_box .w2tb.write .w2tb_th { width: 160px; }
.brd_box .w2tb.write .w2tb_th, .brd_box .w2tb.write .w2tb_td { padding: 0 8px; }
.brd_box .w2tb.write tr.cnt .w2tb_td, .brd_box .w2tb.write tr.file .w2tb_td { padding: 4px 8px; }
.brd_box .w2tb.write tr.cnt .w2editor { height: calc(50dvh - 178px) !important; width: 100% !important; }
.brd_box .w2tb.write.quest tr.cnt .w2editor { height: 240px !important; }
.brd_box .w2tb.write.answer tr.cnt .w2editor { height: 180px !important; }

/* upload */
.file_upload, .file_download, .file_upload .w2upload, .file_multiUpload, .w2upload fieldset { position: relative; }
.file_upload .w2upload { width: 100%; }
.w2upload form { height: 26px; }
.w2tb .w2upload form { height: 24px; }
.w2upload .w2upload_image, .file_upload .file_add.w2group, .file_download .file_add.w2group { right: 14px; top: calc(50% - 7px); background: url(../images/content/ico_cnt.png) no-repeat 0 -130px; width: 14px; height: 14px !important; }
.w2upload .w2upload_image:hover { background-position-x: -14px; }
.w2upload_fakeInput { cursor: pointer; position: absolute; height: 22px !important; width: 24px !important; top: -4px; right: -5px; text-indent: -99999px; }
.w2upload .w2upload_input { width: 100% !important; padding: 0 24px 0 4px; height: 26px; color: #20252a; flex: 1; border-color: #c1c1c1; }
.file_upload .btn_box, .file_download .btn_box { position: absolute; right: 0; top: calc(50% - 7px); margin-top: 0; float: none; }
.file_upload .btn_box button, .file_download .btn_box button { text-indent: -99999px; border: 0; padding: 0; border-radius: 0; margin: 0; }
.file_download .file_add.w2group { background-position: 0 -140px; }
.file_upload .file_add:hover, .file_download .file_add:hover { background-position-x: -14px; }
.file_upload .file_del.w2group, .file_download .file_del.w2group { right: 14px; top: calc(50% - 7px); width: 14px; height: 14px !important; background: transparent; text-indent: -99999px; }
.file_download .file_del { margin-left: 8px !important; }
.file_upload .file_del:before, .file_download .file_del:before, .file_upload .file_del:after, .file_download .file_del:after { content: ''; position: absolute; width: 2px; height: 11px; background: #000; top: 0; left: 0; transform: rotate(45deg); right: 0; bottom: 0; margin: auto; }
.file_upload .file_del:after, .file_download .file_del:after { transform: rotate(-45deg); }
.file_upload .file_del:hover:before, .file_download .file_del:hover:before, .file_upload .file_del:hover:after, .file_download .file_del:hover:after, .file_download .file_del:active:before, .file_download .file_del:active:after { background: #6697d9; }
.file_upload .w2input_readonly, .file_download .w2input_readonly { background: #fff !important; padding-right: 56px; }
.file_upload .w2upload.on .w2upload_image { right: 35px; }
.file_upload .w2upload.on+.file_del { position: absolute; border: 0; padding: 0; }

/* multiUpload */
.brd_box .w2tb.write tr.file .w2tb_td .file_multiUpload { margin: 4px 0 }
.file_multiUpload .flex, [id*="btn_uploadBox"].flex { margin-bottom: 8px; justify-content: space-between; align-items: center; display: flex; overflow: hidden; }
.file_multiUpload .detail, [id*="btn_uploadBox"] .detail { flex: 1; float: left; line-height: 28px; }
.file_multiUpload .detail>div, [id*="btn_uploadBox"] .detail>div { display: inline-block; }
.file_multiUpload .ett, [id*="btn_uploadBox"] .ett { font-weight: bold; margin-right: 4px; }
.w2tb .file_multiUpload .ett, [id*="btn_uploadBox"] .ett { font-size: 12px; }
.file_multiUpload .w2textbox+.ett, [id*="btn_uploadBox"] .w2textbox+.ett { margin-left: 16px; }
.file_multiUpload .flex, [id*="btn_uploadBox"].flex .btn_box { margin-top: 0; }
.w2multiupload_uploader { position: relative; width: 78px; height: 28px; margin-left: 3px; margin-top: 4px; }
.w2tb .w2multiupload_uploader { height: 24px; width: 74px; margin-top: 4px; }
.w2multiupload_html5_transparent:after { content: '파일추가'; color: #000; width: 100%; text-align: center; display: block; font-size: 13px; line-height: 28px; z-index: 9; position: absolute; pointer-events: none; }
.w2tb .w2multiupload_html5_transparent:after { font-size: 12px; line-height: 24px; }
.w2multiupload_uploader input { position: absolute; top: 0; left: 0; cursor: pointer; z-index: 9; appearance: none !important; background: transparent; text-indent: -99999px; border: 1px solid #c1c1c1; border-radius: 4px; opacity: 1 !important; }
.w2multiupload_uploader input:hover, .w2multiupload_uploader input:focus { border-color: #6697d9; background: #edf1ff; }
.w2multiupload_html5_transparent:active:after { color: #fff; }
.w2multiupload_uploader input:active { background: #6697d9; }

/* 정보 출력 박스 */
.info_box { border: 1px solid #c4cfea; border-radius: 4px; padding: 12px 20px; line-height: 20px; }
.info_box h4 { font-size: 13px; margin-bottom: 8px; }
.info_box .btn_box { gap: 12px; }
.info_box .btn_box:first-child, .info_box .btn_box:first-child>.w2trigger, .info_box .btn_box:first-child>.w2group { margin-top: 0; }
.info_box .btn_box>.w2trigger:not(.btn_wrap, .icon, :last-child, :last-of-type), .info_box .btn_box>.w2group:not(.btn_wrap, .icon, :last-child, :last-of-type) { /* margin-right: 20px; */ }
.notice_box { display: flex; background: #f5f6fa; border-radius: 5px; margin-top: 12px; }
.notice_box dt, .notice_box dd { padding: 12px 20px; }
.notice_box dt { font-weight: bold; border-right: 1px solid #e4e5e6; }
.notice_box dd { flex: 1; }

/* 내부 로그인 */
.sub_contents .login_wrap { border-radius: 10px; border: 1px solid #dbdbdb; max-width: 430px; height: 310px; position: absolute; top: calc(50% - 155px); width: 100%; left: 0; right: 0; margin: auto; padding: 0 70px; align-items: flex-start; }
.sub_contents .login_wrap .w2selectbox, .sub_contents .login_wrap>input { width: 100%; height: 38px !important; margin-top: 10px; }
.sub_contents .login_wrap .w2selectbox { margin-top: 22px; }
.sub_contents .login_wrap .btn_box { margin-top: 15px; width: 100%; }
.sub_contents .login_wrap .w2trigger { border-radius: 25px; height: 50px !important; font-size: 14px; font-weight: bold; border: 0; margin-top: 20px; }

/* 1089px 이하 해상도(메인 틀어짐 방지) */
@media screen and (max-width: 1089px) and (min-width:999px) { 
	.main_contents .board_area .banner .tit_box { display: block; }
    .main_contents .board_area .banner .tit_box .control { justify-content: flex-end; }
    .main_contents .board_area .banner .w2Switch { height: 180px; } 
}

/* 999px 이하 해상도 */
@media screen and (max-width: 999px) { 
	/* main */ 
	main.main { height: auto !important; overflow: hidden; border-top: 1px solid #eee; }
    .main_contents { padding: 20px; }
    .main_contents .menu_area { padding-left: 0; }
    .main_contents .menu_area .search h1 { margin-top: 20px }
    .main_contents .menu_area .mypage { width: 100%; max-width: 100%; position: static; margin: 25px auto 0; }
    .main_contents .menu_area .menu { border: 0; padding: 0; margin-top: 30px; margin: auto; }
    .main_contents .menu_area .menu .service { display: block; margin-top: 40px; padding: 0; }
    .main_contents .menu_area .menu .service:first-child { border: 0; margin-bottom: 0; }
    .main_contents .menu_area .menu .service h2 { width: 100%; margin-bottom: 15px; }
    .main_contents .board_area { display: block; }
    .main_contents .board_area>div { margin-top: 30px; margin-left: 0; width: 100%; }
    .main_contents .board_area .notice { width: 100%; max-width: 100%; }
    .main_contents .board_area .banner { max-height: inherit; }
    .main_contents .board_area .banner .w2Switch { height: 0; padding: 24% 0; }
    .w2switch_case { top: 0; left: 0; }

    /* sub */ 
	.pgt_box .pgt_tit h1 { display: none; }
    .sub_contents { min-width: 320px !important; min-height: 100%; }

    /* 서브타이틀 */ 
	.sub_tit_box { min-height: auto; flex-wrap: wrap; align-items: center; gap: 10px; }
    .sub_tit_box+.info_box { margin-top: 0; }
    .sub_tit_box .tit_inner .unit+.guide_tit { width: 100%; }
    .sub_contents .sub_tit_box .tit_inner+.btn_box, .sub_tit_box .tit_inner+.w2wframe { /* width: 100%; */ flex: 1; }

    /* 컴포넌트 */ 
	*:not(.pgt_box) + .sch_box_wrap, *:not(.pgt_box, .req_txt) + .sch_box, *+.tb_box, *+.gvw_box, *+.cnt_box, *+.tab_box, *+.tvw_box, *+.brd_box, *+.lybox, *+.guide_box, *+.info_box { margin-top: 40px; }
    .pgt_box+.sch_box, .sub_tit_box+* { margin-top: 0; }
    .scroll_box { overflow: auto; position: relative; }
    input.w2trigger.btn_cfm:not(.sch_box input.w2trigger.btn_cfm) { border-radius: 80px; height: 50px !important; font-size: 16px; font-weight: 600 !important; width: 80%; line-height: 50px; min-width: 300px; margin: 0 auto !important; }
    .w2tb .w2tb_td input.w2trigger.btn_cfm:not(.sch_box input.w2trigger.btn_cfm) { min-width: auto; height: 38px !important; line-height: 1; font-size: 14px; border-color: #6697d9; color: #6697d9; background: #fff; border-radius: 4px; }
    input.w2trigger, input.w2input, .w2selectbox, .w2checkcombobox, .w2inputCalendar_divInput, .w2upload_input, button.w2group, .w2autoComplete, .w2upload form, .w2multiupload_uploader, .w2multiupload_html5_transparent:after, .w2selectbox_native, .w2selectbox_native .w2selectbox_native_select, .dual_input { height: 38px !important; line-height: 36px; font-size: 14px; }
    input.w2triggerinput.w2input, .w2selectbox, .w2autoComplete { min-width: 100px; }
    .w2inputCalendar_div_input { height: 38px !important; }
	.w2grid .w2inputCalendar_div .w2inputCalendar_div_input { width: calc(100% - 4px) !important; margin-left: 1px; }
    .w2inputCalendar_div_img button:after, .w2grid .gridBodyDefault[inputtype='calendar'].focusedTr nobr:after { transform: scale(1.3); top: -2px; }
    .w2tb .w2inputCalendar_div_img { width: 32px; }
    .w2inputCalendar_div_img { right: 0; }
    .w2inputCalendar_div_img, .search_input .search_btn { width: 38px; }
    .w2inputCalendar_div.w2inputCalendar_type_yearMonthDateTimeSec { width: 180px; }
    .w2inputCalendar_div.w2inputCalendar_type_yearMonthDateTime { width: 160px }
    .w2inputCalendar_div.w2inputCalendar_type_yearMonthDate { width: 120px; }
    *+.w2radio, *+.w2checkbox { margin-left: 0; }
    .w2selectbox.w2calendar_selectbox_year, .w2selectbox.w2calendar_selectbox_month { min-width: 80px }
    .w2selectbox { padding-right: 10px; }
    .w2selectbox:not(.w2calendar_wrap .w2selectbox) .w2selectbox_col_button:after, .w2autoComplete_col_button:after, .w2grid .gridBodyDefault.focusedTr nobr.w2grid_select:after, .w2selectbox_native_innerDiv:after { height: 10px; width: 10px; top: -4px; right: 12px; }
    .w2selectbox_open:not(.w2calendar_wrap .w2selectbox_open) .w2selectbox_col_button:after { top: 4px;!; }
    .w2autoComplete_col_button { /* width: 30px; */ }
    .w2autoComplete_open .w2autoComplete_col_button:after { transform: rotate(-45deg); border-color: #6697d9; top: 4px; }
    .w2upload .w2upload_image, .file_upload .file_add.w2group, .file_download .file_add.w2group, .file_download .file_del.w2group { transform: scale(1.2); }
    .sub_contents .file_multiUpload .flex, .sub_contents [id*="btn_uploadBox"].flex, .pop_wrap .file_multiUpload .flex, .pop_wrap [id*="btn_uploadBox"].flex { flex-direction: column; align-items: flex-start; gap: 4px; }
    .sub_contents .file_multiUpload .flex .btn_box, .sub_contents [id*="btn_uploadBox"].flex .btn_box, .pop_wrap .file_multiUpload .flex .btn_box, .pop_wrap [id*="btn_uploadBox"].flex .btn_box { width: 100%; }
    .sub_contents .file_multiUpload .flex .btn_box:not(.sch_box .btn_box) .w2trigger, .sub_contents [id*="btn_uploadBox"].flex .btn_box:not(.sch_box .btn_box) .w2trigger, .pop_wrap .file_multiUpload .flex .btn_box:not(.sch_box .btn_box) .w2trigger, .pop_wrap [id*="btn_uploadBox"].flex .btn_box:not(.sch_box .btn_box) .w2trigger { flex: 1; }
    .file_upload .btn_box, .file_download .btn_box { gap: 15px; flex-wrap: nowrap; }
    .file_multiUpload .detail { line-height: 38px; }
    .file_multiUpload .row_del, .w2multiupload_uploader { /* min-width: 100px !important; */ /* flex: auto !important; */ }
    .w2tb .file_multiUpload .detail { line-height: 30px; }
    .w2tb input.w2trigger:not(.btn_help), .w2tb input.w2input, .w2tb .w2selectbox, .w2tb .w2checkcombobox, .w2tb .w2inputCalendar_divInput, .w2tb .w2inputCalendar_div_input, .w2tb .w2upload_input, .w2tb button.w2group, .w2tb .w2multiupload_uploader, .w2tb .w2selectbox_native, .w2tb .w2autoComplete, .w2tb .w2selectbox_native .w2selectbox_native_select, .w2tb .dual_input, .w2tb .dual_input button.w2group, .w2spinner { height: 30px !important; font-size: 13px; line-height: 30px; }
    .w2tb .w2tb_td .w2span { /* line-height:30px; */  max-width: calc(100% - 8px); }
    [data-title*="메일"] .input_wrap>*:not(span) { flex: 1; width: 100% !important; }
    [data-title*="메일"] .input_wrap input.w2input:first-child, [data-title*="메일"] .input_wrap input.w2input[title*="아이디"] { flex: 2; }
    [data-title*="부대"] .input_wrap .search_input, .input_wrap .search_input[style="width:360px;"] { flex: 1; }
    [data-title*="성명"] .search_input, [data-title*="이름"] .search_input, .search_input[style="width:110px;"] { width: 122px !important; }
    .w2tb [data-title*="성명"] .search_input, .w2tb [data-title*="이름"] .search_input, .w2tb .search_input[style="width:110px;"] { width: 116px !important; }
    [data-title*="주민"] input.w2input, input.w2input[title*="주민"] { width: 128px !important; }
    .w2tb [data-title*="주민"] input.w2input, .w2tb input.w2input[title*="주민"] { width: 122px !important; }
    [data-title*="계좌"] .w2selectbox, .w2selectbox[title*="은행"] { width: 180px !important; }
    .w2tb [data-title*="계좌"] .w2selectbox, .w2tb .w2selectbox[title*="은행"] { width: 166px !important; width: 100% !important; }
    [data-title*="계좌"] .w2selectbox, .w2selectbox[title*="은행"] { width: 180px !important; }
    .sub_contents .w2tb .search_input button, .pop_wrap .w2tb .search_input button { width: 30px; }
    .w2calendar { /* transform: scale(1.2); */ /* max-width: 90%; */ z-index: 99999; left: 5% !important; }
    .dual_ibxCal.on .dual_calendar { display: block; /* transform: scale(120%); */ max-width: 90%; left: 5%; }
    .dual_calendar .w2calendar { width: auto; transform: scale(1); }
    .w2calendar_picker_header_dynamic_entity { padding: 8px 0; }
    .dual_calendar .w2calendar .w2calendar_picker_header { width: 100%; }

    /* Radio & Checkbox */ 
	.w2radio_input, .w2checkbox_input, .w2table_ccb_col_checkbox, .w2radio_label:before, table.w2radio_main .w2radio_input:before, .w2checkbox_label:before, .w2table_ccb_col_label:before, .w2treeview_checkbox:before, table.w2checkbox_main .w2checkbox_input:before, .w2grid [type="checkbox"]:before, .w2grid input[type="checkbox"], .w2grid input[type="radio"], .w2grid [type="radio"]:before { width: 24px; height: 24px; top: 0; margin: auto; bottom: 0; }
    .w2checkbox_label:after, .w2table_ccb_col_label:after, .w2treeview_checkbox:after, table.w2checkbox_main .w2checkbox_input:after, .w2grid [type="checkbox"]:after { width: 16px; height: 8px; left: 6px; border-width: 3px; }
    .w2radio_label:after, table.w2radio_main .w2radio_input:after, .w2grid [type="radio"]:after { width: 16px; height: 16px; }
    table.w2radio_main { min-height: 25px; }
    table.w2radio_main td, table.w2checkbox_main td { padding: 0 !important; }
    table.w2radio_main td.w2radio_td_input, table.w2checkbox_main td.w2checkbox_td_input { width: 25px; }
    table.w2radio_main .w2radio_input:after, .w2radio_label:after, .w2grid [type="radio"]:after { top: 0; bottom: 0; margin: auto; }
    .w2tb .w2radio .w2radio_label, .w2tb .w2checkbox .w2checkbox_label { font-size: 13px; line-height: 20px; padding: 5px 0; }
    .w2radio .w2radio_item, .w2checkbox .w2checkbox_item, .w2table_ccb_col_label { align-items: center; padding: 0 0 0 30px; }
    .w2checkbox_td_label .w2checkbox_label, .w2radio_td_label .w2radio_label { padding-left: 8px; }

    /* 버튼 */ 
	.sub_contents .btn_box:not(.file_upload .btn_box, .file_download .btn_box) { gap: 10px; min-width: 200px;}
    .sub_contents *+.btn_box:not(.file_upload .btn_box, .file_download .btn_box, .sch_box .btn_box, .sub_tit_box .btn_box, .file_multiUpload .btn_box, [id*="btn_uploadBox"].flex .btn_box, .sub_contents .gvw_bttm .btn_box, .sub_contents .tb_bttm .btn_box, .btn_box:empty, .btn_box + .btn_box) { margin-top: 30px; }
    .sub_contents .gvw_bttm .btn_box, .sub_contents .tb_bttm .btn_box, .pop_wrap .gvw_bttm .btn_box, .pop_wrap .tb_bttm .btn_box { margin-top: 20px; }
    .btn_box:empty { margin-top: 0 !important; }
    .sub_contents .column1 { flex-direction: column; width: 100%; flex: none !important; }
    .sub_contents .column1 .w2trigger, .sub_contents .column1 .w2group { width: 100%; }
    .sub_contents .btn_box:not(.sch_box .btn_box) .w2trigger, .pop_wrap .btn_box:not(.sch_box .btn_box) .w2trigger { font-weight: 500; flex: 1 1 40%; margin: 0; }
    .btn_box .btn_inner { display: flex; gap: 10px; padding-right: 0; min-width: 100%; flex-wrap: wrap; padding-left: 0; justify-content: flex-end; }
    .btn_inner:before { display: none; }
    .sub_contents .btn_box .m_save, .pop_wrap .btn_box .m_save { flex: none; width: 100%; margin: 15px 0; text-align: center; }
    .sub_contents .btn_box .m_save + .m_save, .pop_wrap .btn_box .m_save + .m_save { margin-top: 0; }
    .btn_rowAdd, .btn_rowAdd:hover, .btn_rowAdd:focus { background-image: url(../images/content/ico_rowAdd_b.svg); }
    .btn_rowDel, .btn_rowDel:hover, .btn_rowDel:focus { background-image: url(../images/content/ico_rowDel_b.svg); }
    .btn_rowAdd, .btn_rowDel { background-position-x: calc(50% - 26px); }
    .btn_rowAdd.w2trigger, .btn_rowDel.w2trigger { flex: none !important; border-radius: 40px; min-width: 90px; height: 32px !important; line-height: 30px; }
    .btn_rowAdd.w2trigger:not(.w2trigger_disabled, :active), .btn_rowDel.w2trigger:not(.w2trigger_disabled, :active) { border-color: #6697d9; color: #6697d9 !important; font-weight: 600 !important; }
    .btn_download, .btn_upload { /* background-position-x: calc(50% - 66px); */ }
    .sub_contents .btn_box .flex1 .w2trigger, .sub_contents .btn_box .flex1 .w2group { flex: 1 !important; }
    .btn_box.row { flex-direction: row; justify-content: center; }
    .btn_box.shuffle { margin-top: 40px !important; }
    .shuffle button { border-radius: 20px; border-color: #6697d8; color: #6697d9; }
    .shuffle button:active { color: #fff }
    .shuffle button:not(.txt) { min-width: 38px; }
    .shuffle button:before { border-top-color: #6697d9 }
    .shuffle .btn_shuffleR:before { transform: rotate(180deg); left: 0; top: -2px; }
    .shuffle .btn_shuffleL:before { transform: rotate(0); left: 0; top: 2px; }
    .btn_box dl, .btn_box .guide_tit, .btn_box .guide_txt { flex: none !important; width: 100%; text-align: left; }
    .btn_box dl { display: block; padding: 10px; }
    .btn_box dt { padding-bottom: 5px; }
    .btn_box dd>* { flex: 20%; }
    .sub_contents .btn_box:not(.sch_box .btn_box) dd .w2trigger { flex: none !important; border-radius: 30px; display: block; margin: auto !important; padding: 0 30px; color: #6697d9; border-color: #6697d9; }
    .sub_contents .btn_box:not(.sch_box .btn_box) dd .w2trigger:active, .sub_contents .btn_box:not(.sch_box .btn_box) dd .w2trigger:focus { color: #fff; }
    .w2tb .search_input .search_btn { transform: scale(1.2); }
    .btn_search .w2trigger, .btn_delete .w2trigger { text-indent: -99999px; min-width: 38px; }
    .w2tb .btn_search .w2trigger, .w2tb .btn_delete .w2trigger { min-width: 30px; }

    /* search table */ 
    .sch_box_wrap { margin-bottom: 12px; }
	.sub_contents .sch_box .btn_box:not(.file_upload .btn_box, .file_download .btn_box) { /* gap: 0; */ /* padding: 2px 0; */ min-height: 35px; }
    .sch_box.reg { padding: 10px 0; display: block; }
    .sch_box.reg .sch_inner { /* flex: 1; */ margin-right: 0; }
    .sch_box.reg .btn_box { margin-top: 15px; }
    .sch_box.reg .btn_box .w2trigger { flex: 1 1 40%; }
    .sch_box .btn_box>.btn_refresh { /* margin-right: 8px; */ width: 30px; }
    .sch_box .btn_box .w2trigger { height: 30px !important; line-height: 30px; }
    .btn_refresh.w2trigger { width: 30px; }

    /* table */ 
	.tb_box .w2tb .w2tb_th { width: 80px; }
    .tb_box .w2tb .w2tb_th, .tb_box .w2tb .w2tb_td { /* height: 40px; */ }
    .w2tb.w2tb.w2tb_adaptive_layout .w2tb_th.tit { top: auto; left: 0; height: 100%; min-width: 73px; display: flex; justify-content: center; flex-direction: column; text-align: center; width: 72px !important; align-items: center; border-bottom: 0; }
    .sub_contents .w2tb_th.tit .btn_help { margin-left: 0; margin-top: 5px; flex: none; width: 20px; height: 20px !important; font-size: 14px; }
    .w2tb .input_wrap>.w2textbox, .w2tb .input_wrap>.w2span { min-height: 30px; }

    /* grid */ 
	.gvw_box .lybox .ly_column .flex_gvw { position: inherit !important; margin-left: 0; }
    .w2grid .gridBodyDefault, .w2grid .w2selectbox .w2selectbox_label { font-size: 13px; line-height: 30px; }
    .w2grid th.gridHeaderTDDefault { height: 36px !important; line-height: 24px; }
    .w2grid.w2grid_adaptive_crosstab { border: 1px solid #c4cfea; min-height: 80px !important; }
    .w2grid.w2grid_adaptive_crosstab .w2grid_dataLayer { border: 0; }
    .w2grid.w2grid_adaptive_crosstab table.gridHeaderTableDefault { border: 0; overflow: hidden; border-left: 1px solid #c4cfea; }
    .w2grid [id$="_noresult"] { /* padding-left: 130px !important; */ }
    .w2grid_adaptive_crosstab_footer [id$="_noresult"] { /* padding-right: 110px !important; */ }
    .w2grid.w2grid_adaptive_crosstab tbody tr { vertical-align: top; }
    .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault, .w2grid.w2grid_adaptive_crosstab .gridBodyDefault, .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault:nth-child(1) { border-right: 1px solid #c4cfea; border-color: #c4cfea !important; display: flex; justify-content: center; align-items: center; width: auto; margin-left: 0; /* border-left: 1px solid #c4cfea; */ border-top: 1px solid #c4cfea !important; line-height: 16px; max-width: none; }
    .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault:nth-child(1) { border-top: 0; }
    .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault.hidden, .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.hidden {display: none;}
    .w2grid.w2grid_adaptive_crosstab .gridBodyDefault nobr{ white-space: break-spaces; min-height: 16px; }
    .w2grid.w2grid_adaptive_crosstab .gridBodyDefault[style*="text-align: right"], .w2grid.w2grid_adaptive_crosstab .gridBodyDefault[textalign="right"] { justify-content: end; text-align: right; }
    .w2grid.w2grid_adaptive_crosstab .gridBodyDefault[style*="text-align: left"], .w2grid.w2grid_adaptive_crosstab .gridBodyDefault[textalign="left"] { justify-content: start; text-align: left; }
    .w2grid.w2grid_adaptive_crosstab tr:first-child th.gridHeaderTDDefault:nth-child(1), .pop_wrap .w2grid.w2grid_adaptive_crosstab tr:first-child th.gridHeaderTDDefault:nth-child(1) { border-top: 0 !important; }
    .w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault { /* max-width: 130px; */ /* min-width: 70px; */ /* min-width: 80px; */ height: auto !important; min-height: 36px; word-break: break-word; }
    .w2grid th.gridHeaderTDDefault nobr{white-space: break-spaces;}
    .w2grid.w2grid_adaptive_crosstab.multi_file th.gridHeaderTDDefault { min-width: 80px; }
    .w2grid.w2grid_adaptive_crosstab[id*="grdFile"] th.gridHeaderTDDefault[value*="파일다운"] { min-height: 72px; }
    .w2grid.w2grid_adaptive_crosstab .gridBodyDefault.fix_col:after { display: none; }
    .w2grid[id*="grdFile"] td.gridBodyDefault[imageclickfunction] { max-height: 36px; }
    .w2grid_head_sort_table_main tr { display: flex !important; align-items: center; justify-content: center; }
    .w2grid .gridBodyDefault, .gridSubtotalDefault_rowStatus, .gridSubtotalDefault, .gridFooterTDDefault { height: 36px !important; }
    .w2grid.w2grid_adaptive_crosstab .gridSubtotalDefault_rowStatus, .w2grid.w2grid_adaptive_crosstab .gridSubtotalDefault { border-left: 1px solid; border-color: #e3d9a3; }
    .w2grid.w2grid_adaptive_crosstab.w2grid_adaptive_crosstab_footer th.gridHeaderTDDefault { min-width: auto; }
    .w2grid.w2grid_adaptive_crosstab table.gridFooterTableDefault { bottom: 0 !important; border: 0; border-left: 1px solid #6697d9; border-right: 1px solid #6697d9; overflow: hidden; right: -1px; }
    .w2grid.w2grid_adaptive_crosstab table.gridFooterTableDefault tbody { height: 100%; background: #c0d4ff; }
    .w2grid.w2grid_adaptive_crosstab table.gridFooterTableDefault td { border-right: 0; position: absolute; left: 0; }
    .w2grid.w2grid_adaptive_crosstab table.gridFooterTableDefault td.gridFooterTDDefault_rowNumber { left: -9999px; }
    .w2grid.w2grid_adaptive_crosstab table.gridFooterTableDefault td[value="합계"] { border-bottom: 1px solid #6697d9; top: 1px !important; border-top: 0; }
    .w2grid .w2input, .w2grid .gridBodyDefault.focusedTr .w2grid_input:not(.w2grid_input_readonly), .w2grid .gridBodyDefault[inputtype='calendar'].focusedTr nobr, .w2grid .gridBodyDefault.focusedTr nobr.w2grid_select, .w2grid .w2selectbox, .w2grid .gridBodyDefault[inputtype='calendar'].focusedTr nobr.w2grid_select, .w2grid .w2inputCalendar_div .w2inputCalendar_divInput, .w2grid .w2inputCalendar_div .w2inputCalendar_div_input, .w2grid .gridBodyDefault button { /* height: 30px !important; line-height: 22px; font-size: 13px; */ }
	.w2grid .gridBodyDefault[inputtype='calendar'].focusedTr:not(.w2grid_default_readonly) nobr { white-space: nowrap; padding-right: 30px !important; line-height: 22px; width: 100%; }
	.w2grid .w2inputCalendar_div .w2inputCalendar_divInput { padding-right: 30px; line-height: 30px; }
    .w2grid .w2input { margin-top: 4px; font-size: 13px; }
    .gvw_case, .tb_case { width: 100%; }
    .wq_pglist { height: 38px; position: static; margin-top: 12px; }
    .wq_pglist .w2pageList_label, .wq_pglist .w2pageList_label_selected { width: 38px; line-height: 38px; }
    .w2pageList_col_prev, .w2pageList_col_next { display: none; }
    .w2grid .gridBodyDefault[class*='chooseR'] button:before { transform: rotate(135deg); left: 0; top: -2px; }
    .w2grid .gridBodyDefault[class*='chooseL'] button:before { left: 0; transform: rotate(-45deg); top: 4px; }
    .w2grid .w2inputCalendar_div_img { height: 27px; bottom: 1px; margin: auto; right: 2px; width: 30px; }
    .w2grid .gridBodyDefault[inputtype='calendar'].focusedTr nobr:after { right: 6px; }
    .w2grid .w2inputCalendar_div_img button:after { top: -4px; }
    .w2grid .w2inputCalendar_div { /* margin-top: 5px; */ /* margin-left: 4px; */ }
    .w2grid .w2inputCalendar_div .w2inputCalendar_div_img button { top: 1px !important; right: 0; }
    .w2grid .gridBodyDefault.btn_search button { transform: scale(1.3); height: 26px !important; }
    .w2grid .w2grid_plus, .w2grid .w2grid_minus, .w2grid .w2grid_leaf.w2grid_root { transform: scale(1.3); }
    .w2grid .w2grid_leaf:not(.w2grid_root) { width: 20px; height: 20ox; }
    .w2grid .w2grid_leaf:not(.w2grid_root):before { width: 16px; height: 16px; top: -2px; }
    .gvw_case .total+.w2selectbox, .tb_case .total+.w2selectbox, .gvw_case .total+.w2selectbox_native, .tb_case .total+.w2selectbox_native { min-width: 80px; }
    .gvw_bttm .btn_box, .tb_bttm .btn_box { width: 100% !important; flex: none; max-width: 100% !important; }

    /* 정보 출력 박스 */ 
	.notice_box { display: block; }
    .notice_box dt { border: 0; font-size: 14px; padding-bottom: 0; }
    .notice_box dd { /* padding-top: 6px; */ }
    .info_box .btn_box { gap: 10px }

    /* 안내글 */ 
	guide_tit:before { width: 15px; height: 15px; top: 2px; font-size: 10px; line-height: 14px; }
    .guide_tit { line-height: 20px; }

    /* popup */ 
	.w2window.w2popup_window:not(.iframe_pop .w2popup_window, .w2popup_window.msg, .w2popup_window.success, .w2popup_window.messagebox, .w2popup_window.session) { min-width: auto !important; width: 100% !important; left: 0 !important; right: 0; margin: auto; display: flex; flex-direction: column; max-width: 100%; height: 100% !important; max-height: 100%; border-radius: 0; top: 0 !important; position: fixed; }
    .w2popup_window.agree_pop .w2window_body { top: 0; }
    .iframe_pop .w2popup_window, .w2popup_window.msg, .w2popup_window.success, .w2popup_window.messagebox, .w2popup_window.session { max-width: 90%; }
    .pop_wrap .bottom .btn_box { width: 30%; margin-left: 20px; }
    .pop_wrap .bottom .btn_box input.w2trigger.btn_cfm, .pop_wrap .bottom .btn_box .m_save { width: 100%; min-width: 100%; }
    .pop_wrap .control .btn_box button { height: 26px !important; width: 26px !important; }
    .pop_wrap .pop_inner { height: calc(100% - 124px); }

    /* tree */ 
	.w2treeview_table_node td.w2treeview_col_label { height: 30px; padding: 0 4px; }
    .w2treeview_partialdiv { position: absolute; top: 0; bottom: 0; margin: auto; height: 25px; }
    .w2treeview_checkbox { width: 24px; height: 24px; appearance: none; }
    .w2treeview_leaf .w2treeview_icon_navi:after { height: 30px; }

    /* 내부 로그인 */ 
	.sub_contents .login_wrap { padding: 0 50px; }

    /* 640px 해상도 이상 */ 
	@media screen and (min-width: 639px) { 
		.main_contents .menu_area .mypage { padding: 30px; text-align: center; }
		.main_contents .menu_area .mypage .member { transform: scale(1.1); display: inline-flex; justify-content: center; align-items: center; margin: 20px auto; position: relative; padding-right: 32px; max-width: calc(100% - 60px); }
		.main_contents .menu_area .mypage .member .info { margin-bottom: 0; }
		.main_contents .menu_area .mypage .member .unit { margin-left: 15px; padding-left: 15px; border-left: 1px solid #ddd; text-align: left; }
		.main_contents .menu_area .mypage .details h3 { padding: 12px 35px; }
		.main_contents .menu_area .mypage .details .state .list { padding: 20px; }
		.main_contents .menu_area .mypage .member .info .setting { position: absolute; right: 0; top: 1px; bottom: 0; margin: auto; }
		.main_contents .menu_area .mypage .member .info .setting .setting_inner { left: auto; right: 0; } 
	} 
}

/* 640px 해상도 이하 */
@media screen and (max-width: 639px) { 
	/* main */ 
	.main_contents .top_area * { font-size: 13px !important; font-weight: 500; }
    .main_contents .top_area .visit .num { line-height: 22px; height: 24px; font-weight: 600; }
    .main_contents .menu_area .search h1 { display: none; }
    .main_contents .menu_area .search .search_input .w2autoComplete { height: 42px !important; padding: 0 55px 0 22px; }
    .main_contents .menu_area .search .search_input .search_btn { width: 30px; height: 31px !important; right: 20px; }
    .main_contents .menu_area .search .search_input .w2autoComplete_table_main td span.w2autoComplete_label, .main_contents .menu_area .search .search_input .w2autoComplete .w2autoComplete_placeholder:before, .main_contents .menu_area .search .search_input .w2autoComplete .w2autoComplete_input { font-size: 14px }
    .w2input_table_sb.main_menuSrch .w2input_table_sb_col { padding: 0 22px; font-size: 13px; }
    .main_contents .menu_area .mypage { padding: 15px 22px; }
    .main_contents .menu_area .mypage .login .time, .lnb .mypage .login .time { height: 26px; line-height: 24px; }
    .main_contents .menu_area .mypage .login .time .keep, .lnb .mypage .login .time .keep, .main_contents .menu_area .mypage .login .logout, .lnb .mypage .login .logout { height: 26px !important; line-height: 24px; padding: 0 12px; font-size: 13px; }
    .main_contents .menu_area .mypage .member, .lnb .mypage .member { margin: 15px 0 22px; }
    .main_contents .menu_area .mypage .member .info h2 { font-size: 18px; }
    .main_contents .menu_area .mypage .member .info .setting { margin-top: 1px; }
    .main_contents .menu_area .mypage .member .unit { font-size: 12px; }
    .main_contents .menu_area .mypage .details { min-height: auto; }
    .main_contents .menu_area .mypage .details h3 { padding: 10px 20px; }    
    .main_contents .refresh {top: 10px;}    
    .main_contents .menu_area .mypage .details .state ul li { margin-bottom: 5px; }
    .main_contents .menu_area .mypage .details .state ul li span { height: 22px; line-height: 22px; padding: 0; }
    .main_contents .menu_area .mypage .details .state ul { padding: 0 6px; }
    .main_contents .menu_area .mypage .details .state .bottom { margin-top: 10px; }
    .main_contents .menu_area .menu .service h2 { font-size: 16px; }
    .main_contents .menu_area .menu .service ul { gap: 10px; flex-wrap: wrap; justify-content: center;}
    .main_contents .menu_area .menu .service ul li { width: calc(25% + 30px); }
    .main_contents .menu_area .menu .service ul li a { font-size: 14px; padding-top: 58px; }
    .main_contents .menu_area .menu .service ul li a:before { background-size: auto 32px !important; height: 50px; background-position: center !important; }
    .main_contents .menu_area .menu .apply ul li a.expenses:before, .main_contents .menu_area .menu .inquiry ul li a.hospital:before{ background-size: auto 35px !important; }
    .main_contents .menu_area .menu .service ul li a:after { width: 50px; height: 50px; left: calc(50% - 25px); }
    .main_contents .board_area .notice { padding: 15px; }
    .main_contents .board_area>div h3 { font-size: 16px; margin-bottom: 18px; }
    .main_contents .board_area ul li.top_fix { margin-bottom: 10px; line-height: 25px; padding-left: 40px; }
    .main_contents .board_area ul li.top_fix:before { width: 18px; }
    .main_contents .board_area ul li { line-height: 30px; }
    .main_contents .board_area ul li:nth-child(n+6) { display: none; }
    .main_contents .board_area .service .tit_box { margin-bottom: 16px; }
    .main_contents .board_area .service .w2tabcontrol>ul>li, .main_contents .board_area .service .w2tabcontrol .w2tabcontrol_tab_center a { /* line-height: 20px; */ height: 26px !important; }
    .main_contents .board_area .service .w2tabcontrol .w2tabcontrol_tab_center a { font-size: 14px; padding: 0 12px; }
    .main_contents .board_area .service .w2tabcontrol_active .w2tabcontrol_tab_center a:before { height: 1px; }
    .main_contents .board_area .banner .control { top: 18px; }
    .control .paging span { font-size: 14px; }
    .control .btn_box button { width: 24px; height: 24px !important; margin-left: 0 !important; padding: 0; }
    .control .btn_box .btn_prev:before, .control .btn_next:before { width: 6px; height: 6px; border-width: 1px; }
    .control .btn_box .btn_pause:before { width: 6px; height: 8px; border-width: 1px; }
    .control .btn_box .btn_play:before { border-right: 0 solid transparent; border-left: 7px solid #000; border-top: 6px solid transparent; border-bottom: 6px solid transparent; height: 10px; width: 7px; }

    /* 컴포넌트 */ 
	[data-title*="주소"] input.w2input { flex: none !important; width: 100% !important; }
    /*[data-title*="메일"] .input_wrap { display: grid !important; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; }*/
    [data-title*="메일"] .input_wrap { display: grid !important; grid-template-columns: 1fr 3fr 3fr; }
    [data-title*="메일"] .input_wrap input.w2input:first-child, [data-title*="메일"] .input_wrap input.w2input[title*="아이디"] { grid-column: 1/span 7; /* grid-row: 1 / span 2; */ width: auto !important; }
    [data-title*="메일"] .input_wrap span.w2textbox { margin-right: 0 !important; }
    /*[data-title*="메일"] .input_wrap .w2selectbox{grid-column: 1 / span 2; width:auto !important;}
	[data-title*="메일"] .input_wrap .w2selectbox + input.w2input{grid-column: 3 / span 4;width:auto !important;}*/ [data-title*="메일"] .input_wrap .w2selectbox, [data-title*="메일"] .input_wrap .w2selectbox+input.w2input, [data-title*="메일"] .input_wrap input.w2input[title*="아이디"]+span+input.w2input { grid-column: 1/span 8; width: auto !important; margin-right: 0 !important; }

    /* search table */ 
	.sch_box:not(.reg) { display: block; }
    .sch_box:not(.reg) .sch_inner { margin-right: 0; }
    .sch_box:not(.reg) .btn_box { margin-top: 8px; }
    .sch_box:not(.reg) .btn_box .btn_box { margin-top: 0; }
    .sch_box .btn_box .btn_refresh { width: min(calc(30% - 8px), calc(120px - 8px)); }
    .sch_box .btn_box .btn_refresh input[type="button"] { width: 100%; }
    .sch_box .btn_box .btn_search { /* width: calc(80% - 10px); */ flex: 1 !important; }
    .sch_box .btn_box .btn_search .w2trigger { min-width: 100%; }
    .sch_box .btn_search .icon { width: 15px; height: 15px; left: -37px; right: 0; }
    .sch_box .btn_box .w2trigger { font-size: 15px; height: 37px !important; }
    .w2editor { height: 100% !important; }
    .w2popup_window .w2window_header { /* display:block; */ min-height: 66px; padding: 0 10px 0 24px; gap: 10px; box-shadow: 0 0 20px rgb(0 0 0 / 15%); z-index: 9; }
    .w2popup_window .w2window_header .w2window_header_title { /* padding-right: 190px; */ font-size: 16px; word-break: break-all; }
    .w2popup_window .w2window_header_buttonArea { /* position: static; */ height: 60px; /* margin-bottom: 10px; */ /* margin-left: 10px; */ /* margin: 0 80px 10px 20px; */ /* width: 50%; */ gap: 10px; /* max-width: 60%; */ /* width: 60%; */ /* width: 60px; */ top: calc(50% - 30px); right: 46px; }
    .w2popup_window .w2window_header_buttonArea div, .w2popup_window .w2window_header_buttonArea span { text-align: center; line-height: 16px; /* border-radius: 100px; */ /* width: 50px; */ height: auto; padding: 0; letter-spacing: -0.5px; }
    .w2popup_window .w2window_header_buttonArea .w2window_header_button { display: flex; justify-content: center; align-items: center; height: 50px; /* background: #f7f9fe; */ border-radius: 50px; padding: 0; width: 50px; color: #6697d9; font-weight: bold; border: none; }
    .w2popup_window .w2window_header_buttonArea .w2window_header_button[btn_index="1"] span { padding: 0 10px; word-break: initial; }
    .w2popup_window .w2window_header .w2window_header_control { width: 44px; height: 44px; /* top: calc(50% - 22px); */ /* right: 10px; */ }
    .w2popup_window .w2window_close:before, .w2popup_window .w2window_close:after { width: 22px; } 
    .w2popup_window.agree_modal .pop_wrap .agr_box .w2radio { flex-direction: column; display: flex; text-align: left; }
    .w2popup_window.agree_modal .pop_wrap .agr_box .w2radio_item { margin-right: 0; }
}

/* 360px 이하 해상도 */
@media screen and (max-width: 359px) { 
	/* 메인 */ 
	.main_contents .top_area { flex-direction: column; gap: 18px; }
    .main_contents .top_area .size { place-content: flex-end; }
    .main_contents .menu_area .menu .service ul { flex-wrap: wrap; gap: 20px; }
    .main_contents .menu_area .menu .service ul li { width: calc(50% - 10px); } 
}

/* 1월부터 12월까지 버튼 그룹 */
@media ( max-width : 430px){   
 .button-group .w2trigger{     
  width: calc(100% / 5 - 4px);
 } 
 .button-group .w2trigger:nth-of-type(5),
 .button-group .w2trigger:nth-of-type(10){
  margin-right: 0 !important;
 }
}  
 
@media ( min-width : 431px)and ( max-width : 
999px){
 .button-group .w2trigger{
  width: calc(100% / 6 - 4px);
  } 
  
  .button-group .w2trigger:nth-of-type(6),
  .button-group .w2trigger:nth-of-type(12){  
   margin-right: 0 !important;
  }
  
}