@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&family=Nanum+Myeongjo&display=swap');

 @font-face { font-family: 'NanumSquareRound'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 

/* 怨듯넻 */
:root { --theme-color: #111; } 

body { height: 100%; } 
#wrap { background-color: #F3F3F3; } 
#wrapper .container_wrap { overflow-y: auto; height: calc(100vh - 48px); padding:0; } 
.bottom-container { display: flex; justify-content: right; flex: none; } 
#wrapper { width: calc(100% - 212px); overflow-x: auto; } 
#wrapper.full { width: 100%; } 
table { cursor: default; } 
table.list_table > thead > tr > th, table.form_table > thead > tr > th { position: sticky; top: 0; padding: 12px 5px; font-size: 13px; background-color: #f5f5f5; box-shadow: 0px 1px 0px rgb(150 150 150 / 30%); } 
table.list_table > tbody > tr > td, table.form_table > tbody > tr > td { color: rgba(0, 0, 0, 0.78); font-size: 13px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } 
table.form_table > tbody > tr > td { position: relative; height:34px; padding: 8px 0 8px 12px; } 
table.form_table > tbody > tr > td.chk { padding: 0; text-align: center; } 
table.list_table > tbody > tr > th, table.form_table > tbody > tr > th { padding: 8px 0px 8px 12px; font-size: 13px; background-color: #f5f5f5; border-top: 1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align: left; } 
table.list_table > tbody > tr:first-child td, table.form_table > tbody > tr:first-child td { border-top: 1px solid #e1e1e1; } 
table.list_table > tbody > tr:last-child th, table.form_table > tbody > tr:last-child th { border-bottom: 1px solid #e1e1e1; } 
table.list_table > tbody > tr > td input, table.form_table > tbody > tr > td input { color: rgba(0, 0, 0, 0.78) !important; } 
table thead th.sort { background-repeat: no-repeat; background-position: right 8px center; background-size:6px; cursor: pointer; } 
table thead th.asc { background-image: url("/images/admin/icon_arrow_up_triangle.png"); } 
table thead th.desc { background-image: url("/images/admin/icon_arrow_down_triangle.png"); } 
input[type=checkbox] + label, input[type=radio] + label { cursor: pointer; } 
select::-ms-expand { display:none; } 
select.select_transpar { background-color: transparent; border: 2px solid #fff; color: #fff; font-weight: bold; height: 30px; background: url("/images/admin/icon_small_arrow_white.png") no-repeat right 8px center; } 
select.select_transpar option { color: #000; } 
select.sel_underline { border:none; border-bottom: 1px solid #ddd; background-image: url("/images/admin/icon_small_arrow_black.png"); background-repeat: no-repeat; background-position: right 8px center; border-radius: 0; font-weight: bold; font-size: 12px; color: rgba(0, 0, 0, 0.78); } 
select.select_trg { background-image: url("/images/admin/icon_arrow_down_triangle_grey.png"); } 
.btn_search { background: url("/images/admin/icon_search_white.png") no-repeat center; } 
.info_text { position: relative; display: inline-block; padding-left: 7px; color: rgba(0, 0, 0, 0.38); font-size: 12px; font-weight: 400; line-height: 1.6; } 
.info_text::before { display: inline-block; content: ''; position: absolute; top: 7px; left: 0; width: 3px; height: 3px; background-color: #547BD0; border-radius: 50%; } 
.info_text.fc_red::before {background-color: #d50505;}
.info_text.c_none::before { display:none; } 
.button_box { display: inline-block; margin-top: 6px; } 
.btn_more { padding:0 15px; background: url("/images/admin/icon_more_2x.png") no-repeat center; background-size: 14px; font-size: 0; } 
.round_box { margin-bottom:8px; background: #fff; box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1); border-radius: 8px; padding: 8px 16px 18px; } 
.round_box:last-child { margin-bottom: 0; } 
.border_box { padding: 8px 16px; background-color: #fff; border: 1px solid #eee; box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1); border-radius: 8px; } 

.input_bar { position: relative; top: 2px; display: inline-block; width: 6px; height: 1px; margin: 0 4px 0 3px; background-color: rgba(0, 0, 0, 0.3); } 
.input_list::after { display: block; content: ''; clear: both; } 
.input_list > * { width: 32%; float: left; margin-right: 4px; } 
.input_list > *:last-child { margin-right: 0; } 
.info_bubble { position: absolute; width:342px; height:62px; padding: 18px 0 18px 16px; background:url("/images/admin/speech_bubble.png"); text-align: left; z-index: 9; } 
.info_bubble > strong { margin-right: 10px; color: var(--theme-color); font-size: 12px; } 
.info_bubble > span { font-size: 13px; color: rgba(0, 0, 0, 0.78); } 

input.readonly { height: auto; line-height: normal; border: none; padding: 0; background-color:#fff; color: rgba(0, 0, 0, 0.78); font-size: 13px; } 
input[readonly].readonly_white { background-color:#fff; } 
input.disabled { background-color:#f4f4f4; color: rgba(0, 0, 0, 0.78); } 
select.readonly { background-color:#f4f4f4; border: 1px solid #ddd; } 

.form_align span { display:inline-block; margin-right: 8px; vertical-align: middle; } 
.form_align span:last-child { margin-right: 0; } 

#progressIndicator { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); z-index: 99999; } 
.spinner { top:50% !important; left:50% !important; } 

/* icon */
.icon { display:inline-block; vertical-align: middle; } 
.icon.user { width:18px; height:18px; background:url("/images/admin/icon_user_2x.png") no-repeat center; background-size:18px 18px; } 
i.i_plus { width: 8px; height: 8px; background:url("/images/admin/icon_plus_2x.png") no-repeat center; background-size:8px 8px; } 
i.i_minus { width: 8px; height: 2px; background:url("/images/admin/icon_minus_2x.png") no-repeat center; background-size:8px 2px; } 
i.searchGrey { width: 14px; height: 14px; background:url("/images/admin/icon_search_grey_2x.png") no-repeat center; background-size:14px 14px; } 
i.search_white { width:14px; height:14px; background:url("/images/admin/icon_search_white_2x.png") no-repeat; background-size:14px 14px; } 
i.save_theme { width:13px; height:12px; background:url("/images/admin/icon_save_2x.png") no-repeat; background-size:13px 12px; margin-right: 6px; margin-top: -2px; } 
i.complete { width: 48px; height: 37px; background: url("/images/admin/icon_complete_2x.png") no-repeat 0 0; background-size: 48px 37px; } 
i.warning { width: 80px; height: 80px; background: url("/images/admin/icon_warning_2x.png") no-repeat 0 0; background-size: 80px 80px; } 
i.required { width: 16px; height: 17px; display: inline-flex; justify-content: center; align-items: center; } 
i.dot { width: 3px; height: 3px; background-color: var(--theme-color); border-radius: 50%; } 
i.excel { width: 23px; height: 23px; background: url("/images/admin/icon_excel_2x.png") no-repeat 0 0; background-size: 23px 23px; } 
i.notice { width: 15px; height: 15px; background: url("/images/admin/icon_notice_2x.png") no-repeat 0 0; background-size: 15px 15px; } 
i.franchisee { width: 87px; height: 23px; background: url("/images/admin/iocn_franchisee_2x.png") no-repeat 0 0; background-size: 87px 23px; font-size: 0; } 
i.setting { width: 12px; height: 15px; background: url("/images/admin/icon_setting.png") no-repeat 0 0; background-size: 12px 15px; } 
i.home { width: 16px; height: 15px; background: url("/images/admin/mymap_home_2x.png") no-repeat 0 0; background-size: 16px 15px; } 
i.tooltip { width: 16px; height: 16px; background: url(/images/admin/ico_n_info_2x.png) no-repeat 0px 0px; background-size: 16px 16px; display: inline-block; margin-bottom: 0px; top: 0px; position: relative; cursor:pointer; margin-left: -1px; background-color: var(--theme-color); border-radius: 20px; } 
i.tooltip:hover .tooltip_box { display: block; } 
i.tooltip.top { top: -1px; } 
i.tooltip.right01 .tooltip_box { left: -10px; } 
i.tooltip.right02 .tooltip_box { left: -230px; } 
i.tooltip .tooltip_box { display: none; position: absolute; top: 22px; left: 0; width: 260px; padding: 16px; background: #45546b; box-shadow:0px 2px 4px 0px #00000029; border-radius: 8px; z-index: 99; } 
i.tooltip .tooltip_box span { line-height: 1.2; font-weight: 400; letter-spacing: -1px; font-size: 13px; word-break: keep-all; color: #fff; font-style: normal; } 

i.tooltip.type_title { top: 3px; }
i.tooltip.type_title .tooltip_box { display: none !important; width: 220px; }
i.tooltip.type_title.on .tooltip_box { display: block !important; }
i.tooltip.type_title .tooltip_box span { display: block; line-height: 20px; }

i.grid_drag { width:9px; height:13px; background:url("/images/admin/icon_grid_drag.png") no-repeat center; background-size:9px 13px; } 
i.more { width: 10px; height: 12px; background: url("/images/admin/ico_more_2x.png") no-repeat center / contain; margin-right: 0 !important; margin-left: 8px; } 
i.more_white { width: 10px; height: 12px; background: url("/images/admin/ico_more_white_2x.png") no-repeat center / contain; margin-right: 0 !important; margin-left: 8px; } 
i.del { width: 10px; height: 10px; background: url(/images/admin/icon_close_2x.png) no-repeat center / contain; } 
i.del_count { width: 12px; height: 12px; background: url('/images/admin/count_del_btn_2x.png') no-repeat center / contain; } 
i.down { width: 16px; height: 16px; background:url("/images/admin/download.png") no-repeat; background-size: 16px 16px; margin-right: -3px !important; margin-left: 6px !important; } 
i.consult { width: 16px; height: 16px; background: url("/images/admin/ic_consult_2x.png") no-repeat; background-size: 16px 16px; margin-right: 3px !important; } 
i.ic_profile_modal { position: relative; display: block; width: 56px; height: 56px; background: url(/images/admin/ic_common_profile.png) no-repeat center / contain; top: 50%; left: 50%; transform: translate(-50%, -50%); } 

/* layout */
.show { display: block; } 
.hide { display: none; } 
.row { display: flex; margin-bottom: 8px; } 
.row:last-child { margin-bottom: 0px; } 
.row.show { display: flex; } 
.row.hide { display: none; } 
.row_list { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } 
.row_list li { width: calc(50% - 8px); margin-bottom: 16px; } 
.col { padding: 0 6px; } 
.col:first-child { padding-left: 0; } 
.col:last-child { padding-right: 0; } 
.col:last-child.pr-6 { padding-right: 6px; } 
.col_10 { width: 10%; } 
.col_15 { width: 15%; } 
.col_20 { width: 20%; } 
.col_25 { width: 25%; } 
.col_30 { width: 30%; } 
.col_33 { width: 33.333%; } 
.col_35 { width: 35%; } 
.col_40 { width: 40%; } 
.col_45 { width: 45%; } 
.col_50 { width: 50%; } 
.col_60 { width: 60%; } 
.col_70 { width: 70%; } 
.col_75 { width: 75%; } 
.col_80 { width: 80%; } 
.col_90 { width: 90%; } 
.col_100 { width: 100%; } 
.col_leftFix { width: calc(100% - 514px); } 
.col_rightFix { width: 514px; } 
.col_leftFix_550 { width: calc(100% - 550px); } 
.col_rightFix_550 { width: 550px; } 
.col_leftFix_675 { width: calc(100% - 675px); } 
.col_rightFix_675 { width: 675px; } 
.col_leftFix_420 { width: 420px; } 
.col_rightFix_420 { width: calc(100% - 420px); } 
.col_leftFix_220 { width: calc(100% - 220px); } 
.col_rightFix_220 { width: 220px; } 
.col_title { padding-top: 8px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; } 
.col_title span.title { position: relative; display: block; font-size: 14px; font-weight: 700; line-height: 1.4; letter-spacing: -0.05em; text-align: left; } 
.col_title .btn_wrap button { padding: 0 8px; background-color: #fff; } 
.ws_nowrap { white-space: nowrap; } 

.w100p { width: 100% !important; }

.gap8 { gap: 8px; }

.mb-0 { margin-bottom: 0 !important; } 
.mb-2 { margin-bottom: 2px !important; } 
.mb-4 { margin-bottom: 4px !important; } 
.mb-8 { margin-bottom: 8px !important; } 
.mb-10 { margin-bottom: 10px !important; } 

.mr-0 { margin-right: 0px !important; } 
.mr-2 { margin-right: 2px !important; } 
.mr-4 { margin-right: 4px !important; } 
.mr-8 { margin-right: 8px !important; } 
.mr-16 { margin-right: 16px !important; } 

.ml-0 { margin-left: 0 !important; } 
.ml-2 { margin-left: 2px !important; } 
.ml-4 { margin-left: 4px !important; } 
.ml-8 { margin-left: 8px !important; } 

.mt-0 { margin-top: 0px !important; } 
.mt-2 { margin-top: 2px !important; } 
.mt-4 { margin-top: 4px !important; } 
.mt-8 { margin-top: 8px !important; } 
.mt-12 { margin-top: 12px !important; } 
.mt-m2 { margin-top: -2px !important; } 
.mt-m3 { margin-top: -3px !important; } 
.mt-m5 { margin-top: -3px !important; } 
.mt-m6 { margin-top: -6px !important; } 

.p-0 { padding :0 !important; } 
.p-8 { padding :8px !important; } 

.pb-0 { padding-bottom: 0 !important; } 
.pb-4 { padding-bottom: 4px !important; } 

.pl-0 { padding-left: 0 !important; } 
.pl-4 { padding-left: 4px !important; } 
.pl-8 { padding-left: 8px !important; } 

.pr-0 { padding-right: 0 !important; } 

.pt-0 { padding-top : 0 !important; } 
.pt-12 { padding-top : 12px !important; } 
.pt-54 { padding-top: 54px !important } 

.bb-0 { border-bottom: 0 !important; } 

.disb { display: block !important; } 
.flex-fs { display:flex; justify-content:flex-start; align-items:center; } 
.flex-fs.sel_pd { width: calc(100% - 8px); } 
.flex-fs>* { margin-right: 2px; } 
.flex-fs>*:last-child { margin-right:0; } 
.flex-fs>button { word-break: keep-all; white-space: nowrap; } 
.flex-sb { display:flex; justify-content:space-between; align-items:center; } 
.flex-ai-fs { align-items: flex-start; } 
.fg-1 { flex-grow : 1; } 
.fs-col { display: flex; flex-direction: column; } 

.tab_box.mt-30 { margin-top:-30px; } 

.flex-box { display: flex; align-items: center; } 
.jcc { justify-content: center; } 
.jce { justify-content:flex-end !important; } 
.jcr { justify-content: right; } 
.dib { display:inline-block; } 
.ws-nowrap { white-space: nowrap; } 
.width-max-init { max-width:initial !important; } 

.board_wrap { padding: 0 12px; } 
.board_wrap .board { margin-bottom: 8px; } 
.board_wrap .board:last-child { margin-bottom: 0; } 
.row_box { margin-bottom: 16px; } 
.row_box:last-child { margin-bottom: 0; } 
.row_box .row_title { display: flex; flex-wrap: wrap; -webkit-justify-content: left; justify-content: left; align-items: center; margin-bottom: 4px; } 
.row_box .row_title h4 i.required { position: relative; top:-2px; margin-left: 6px; } 
.board_map_scroll { max-height: 547px; overflow-y: auto; } 

.row_content .btext { display: block; font-size:14px; font-weight: bold; } 
.row_content .stext { display: block; color: rgba(0, 0, 0, 0.78); } 
.od_list .btext { display: inline-block; border-bottom: 1px solid var(--theme-color); color: var(--theme-color); } 

.board_header { position: relative; display: flex; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; min-height: 31px; margin-bottom:4px; } 
.board_header.single_title_header { min-height: 28px } 
.board_header h3 { margin-bottom: 4px; } 
.board_header .btn_wrap { display: flex; flex-wrap: wrap; align-items: center; -webkit-justify-content:right; justify-content: right; margin-left: auto; } 
.board_header .checkboxA + label { margin-left: 4px; font-weight: 400; color: rgba(0, 0, 0, 0.78); } 
.board_header .checkboxA:first-child + label { margin-left: 6px; font-weight: 400; color: rgba(0, 0, 0, 0.78); } 
h3.cnt { margin-bottom:0; font-weight: normal; color: rgba(0, 0, 0, 0.78); min-height: 31px; line-height: 31px; } 
h3.cnt .num { margin-left:3px; margin-right: 3px; font-weight: bold; color: var(--theme-color); } 
h3.cnt strong, h3.cnt b { color: rgba(0, 0, 0, 0.78); margin-right: 2px; } 

.btn_toggle { display: flex; justify-content: center; align-items: center; padding: 0 12px; background: #4820f2; border: 2px solid #4820f2; color: #fff; } 
.btn_toggle:hover { background: #320dd1; border: 2px solid #320dd1; } 
.btn_toggle_menu { position: absolute; top: 107%; right: 0; display: none; border: 1px solid #4820f2; z-index: 99999; background: #fff; border-radius: 4px; padding: 16px 16px 8px; box-shadow: 0px 6px 20px 8px rgba(66, 66, 66,0.07); } 
.btn_toggle_menu>li>a { position: relative; display: block; margin-bottom: 12px; font-size: 12px; font-weight: 600; line-height: 1.2; text-align: center; } 
.btn_toggle_menu>li>a:hover { color: var(--theme-color); } 
.btn_toggle_menu>li:last-child>a { border-bottom: 0; } 

.h_overflow { max-height: 590px; overflow-y: auto; } 
.lg_hidden { overflow: auto; } 
.lg_hidden > div { min-width: 1024px; } 


/* component */
input.input_file { padding: 0; border: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.upload_file { display: flex; align-items: center; margin-bottom: 8px; } 
.upload_file:last-child { margin-bottom: 0; } 
.upload_file .input_file { width: 180px; margin-right: 8px; } 
.search_input_box { position: relative; width: 180px; } 
.search_input_box i { position: absolute; top: 7px; left: 10px; } 
.search_input_box .sch_input { width: 180px; padding-left: 32px; } 

.multi_file_download .upload_file { margin-bottom: 3px; } 
.multi_file_download .upload_file:last-child { margin-bottom: 0; } 
.multi_file_download .upload_file .input_file { max-width: calc(100% - 50px); width: auto; min-width: 120px; color: #888; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.multi_file_download .upload_file .input_file[readonly] { background-color: transparent; } 
.multi_file_download .file_edit_wrap > * { margin-right: 0; } 

.radioA { position: relative; display: inline-block; vertical-align: middle; margin-right: 4px; } 
.radioA:last-child { margin-right: 0; } 
.radioA input { display:none; } 
.radioA input + label::before { content:''; position: absolute; left: 0; top: 1.5px; display: inline-block; width: 17px; height: 17px; margin-right: 2px; cursor: pointer; border-radius: 50%; background-image: url('/images/admin/icon_radio_default_2x.png'); background-size: 17px 17px; background-repeat: no-repeat; background-color: #fff; } 
.radioA input:checked + label::before { width: 8px; height: 8px; background: var(--theme-color); left: 4px; top: 6px; } 
.radioA input:checked + label::after { content: ''; position: absolute; width: 14px; height: 14px; border: 1px solid #ddd; left: 0; top: 2px; border-radius: 50%; } 
.radioA input:disabled + label::before { background-image: url('/images/admin/icon_radio_disabled_2x.png'); } 
.radioA label { position: relative; display: inline-block; padding-left:20px; line-height: 20px; cursor: pointer; vertical-align: middle; margin-left: 4px; } 
.radioA input:first-child + label { margin-left: 0; } 
.radioA label span { margin-left: 28px; color: rgba(0, 0, 0, 0.78); } 

.checkboxA { display:none; } 

.checkboxA +label { position: relative; display: inline-flex; justify-content: flex-start; align-items: normal; margin-right: 3px; align-items: center; } 
.checkboxA +label + input + label {margin-left: 8px;}
.checkboxA:checked +label { } 

.checkboxA +label::before { content: ''; margin-right: 3px; margin-top: 2px; display: inline-block; width: 16px; height:16px; vertical-align: middle; background: url("/images/admin/checkbox_off_2x.png") no-repeat; background-size: 16px 16px; cursor: pointer; margin-top: -2px; } 
.checkboxA:checked +label::before { content: ''; width: 16px; height: 16px; background: var(--theme-color); background-image: url("/images/admin/checkbox_on_check_2x.png"); background-repeat: no-repeat; background-position: 3px 4px; background-size: 10px 7px; } 
.checkboxA:disabled:not(:checked) +label::before{ background-image: url("/images/admin/checkbox_disabled_2x.png"); }

/*.checkboxA:disabled +label { background-image: url("/images/admin/checkbox_disabled_2x.png"); } */
.checkboxA:first-child + label { margin-left: 0; } 
.checkboxB { display:none; } 
.checkboxB +label { display: inline-block; height:16px; margin-left: 8px; padding-left: 22px; vertical-align: middle; line-height: 16px; background: url("/images/admin/checkboxB_off_2x.png") no-repeat; background-size: 16px 16px; cursor: pointer; } 
.checkboxB:checked +label { background-image: url("/images/admin/checkboxB_on_2x.png"); } 
.checkboxB:first-child + label { margin-left: 0; } 

.date-box { } 
.ui-datepicker .ui-widget-header .ui-icon { background-image: url("/images/admin/icon_datepicker_2x.png"); background-size:14px 10px; } 
.ui-datepicker-prev span { width:7px; height:10px; background-position: 0px 0px; } 
.ui-datepicker-next span { width:7px; height:10px; background-position: -7px 0px; } 
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { cursor: pointer; } 
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { margin-left: -3.5px; margin-top: -5px; } 

.search_button_box { position: relative; width: 180px; } 
.search_button_box .box_input { max-width:180px; padding-right: 34px; } 
.search_button_box .box_search { position: absolute; top: 1px; right: 1px; width: 26px; height: 26px; background: url("/images/admin/icon_box_search_white_2x.png") no-repeat center; background-size: 12px 12px; background-color: var(--theme-color); border-radius: 0 3px 3px 0; } 
.btable .search_button_box { width: 100%; display: inline-block; vertical-align: middle; } 
.btable .search_button_box .box_input { max-width:100%; } 

.bar { display: inline-block; width: 8px; height: 1px; margin:0 3px 0 4px; background-color: rgba(0, 0, 0, 0.3); vertical-align: middle; } 
.price { color: #45546B; font-weight: bold; font-size: 12px; letter-spacing: -0.05em; } 
.price span { font-size: 13px; color: rgba(0, 0, 0, 0.78); } 
.price strong { margin: 0 4px; font-size: 13px; color: var(--theme-color); } 

.file_edit_wrap:after { display: block; content: ''; clear: both; } 
.file_edit_wrap > * { float: left; margin-right: 2px; } 
.file_btn { display: inline-block; width: 20px; /*height: 20px; */cursor: pointer; border: 1px solid #ddd; border-radius: 4px; } 
.file_del, .file_download { width: 50px; font-size: 11px; color: #999; text-align: center; } 
.file_wrap { margin-bottom: 8px; } 
.file_wrap:last-child { margin-bottom: 0; } 
.file_edit_wrap .file_add { background:url("/images/admin/icon_plus_grey_2x.png") no-repeat center; background-size:8px 8px; font-size: 0; text-indent: -999px; } 
.file_edit_wrap .file_addDel { background:url("/images/admin/icon_minus_grey_2x.png") no-repeat center; background-size:8px 2px; font-size: 0; text-indent: -999px; } 
.img_control { display: flex; align-items: center; justify-content:space-between; } 
.img_control .img_thumb { position: relative; width: 60px; height: 60px; margin-right: 10px; border: 2px solid #ddd; border-radius: 4px; overflow: hidden; } 
.img_control .img_thumb img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 56px; max-height: 56px; margin: auto; } 
.img_control button { height: 28px; margin-right: 4px; flex: none; } 

/* 230525 Z-INDNEX 99 => 9999 濡� �닔�젙 { */
#ui-datepicker-div { z-index: 9999 !important; } 
/* } */
.datepicker { max-width:100px; background: url("/images/admin/icon_date_2x.png") no-repeat right 10px center / 14px 15px; color: rgba(0, 0, 0, 0.78) !important; font-size: 12px; font-weight: normal; } 
.date-box.small .datepicker { max-width: 94px; background: url("/images/admin/icon_date_2x.png") no-repeat right 6px center / 14px 15px; color: rgba(0, 0, 0, 0.78) !important; font-size: 12px; } 
.date-box.small .datepicker[disabled] { background-color : #f4f4f4; } 
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { line-height: 160%; padding-top: 3px; display: flex; justify-content: center; align-items: center; } 
.ui-state-active, .ui-widget-content .ui-state-active { color: #fff; background-color: var(--theme-color); border-radius: 4px; border-color: var(--theme-color); } 
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { color: var(--theme-color); border: 1px solid var(--theme-color); border-radius: 4px; } 
.ui-datepicker-current-day.ui-datepicker-today .ui-state-highlight, .ui-datepicker-current-day.ui-datepicker-today .ui-widget-content .ui-state-highlight { color: #fff; } 

.exel_btn, .exel_up_btn { width:29px; height:29px; padding: 0; } 
.exel_btn i { display: inline-block; width: 27px; height: 27px; margin-right: 4px; background: url("/images/admin/ico_excel_down_2x.png") no-repeat center; background-size:23px 23px; } 
.exel_up_btn.btn i { display: inline-block; width: 27px; height: 27px; margin-right: 4px; background: url("/images/admin/ico_excel_up_2x.png") no-repeat center; background-size:23px 22px; margin-top: 0; } 
#excel_upload { display: none; } 
.excel-list-box { padding: 16px 0; } 


/* tab */
/* 230524 臾몄옄諛쒖넚 �꺆�쁺�뿭 { */
.sns_send_header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; width: 100%; } 
.sns_send_right { display: flex; justify-content: flex-start; align-items: center; } 
.sns_send_right .user-info { display: flex; justify-content: flex-start; align-items: center; } 
.sns_send_right .user-info p { margin-right: 12px; } 
.sns_send_right .user-info .dot-tit { display: inline-block; vertical-align: middle; white-space: nowrap; } 
.sns_send_right .user-info .dot-tit .ico.dot { display: inline-block; margin-right: 2px; vertical-align: middle; } 
.sns_send_right .dot-tit span { vertical-align: middle; } 
.sns_send_right .sms-info { float: right; white-space: nowrap; } 
.sns_send_right .sms-info .sms-balance { display: inline-block; margin-right: 16px; font-weight: bold; font-size: 13px; vertical-align: middle; } 
.sns_send_right .sms-info .sms-balance span { padding-left: 18px; font-weight: normal; color: rgba(0, 0, 0, 0.78); background: url("/images/admin/icon_point_2x.png") no-repeat center left; background-size: 14px 16px; } 
.sns_send_right .sms-info .sms-balance strong { margin: 0 4px; color: #e50a0a; } 
.sns_send_header .tab_list { width: inherit; border: 0; } 
/* } 230525 臾몄옄諛쒖넚 �꺆�쁺�뿭 */

.tab_list_wrap { width: 100%; overflow: auto; } 
.tab_list_wrap::-webkit-scrollbar { display: none; } 
.tab_list { width: 100%; min-width: max-content; border-bottom: 1px solid #ECECEC; } 
.tab_list:after { display:block; content: ''; clear: both; } 
.tab_list > li { position: relative; float: left; } 
.tab_list > li > a { display:block; min-width: 104px; padding: 12px 16px; font-weight: bold; font-size: 13px; color: rgba(0, 0, 0, 0.3); text-align: center; cursor: pointer; } 
.tab_list > li > a::after { position: absolute; left: 0; bottom: -1px; display: block; content: ''; width: 100%; height: 1px; background-color: #ECECEC; } 
.tab_list > li > a.current { color: var(--theme-color); } 
.tab_list > li > a.current::after { bottom:0; height: 3px; background-color: var(--theme-color); } 

.tab_btn_wrap { margin-bottom: 2px; display: flex; flex-wrap: wrap; } 
.tab_button:after { display:block; content: ''; clear: both; } 
.tab_button > li { float: left; margin-right: 4px; } 
.tab_button > li:last-child { margin-right: 0; } 
.tab_button > li > a { position: relative; display: block; height: 28px; line-height: 26px; padding: 0 16px; text-align: center; font-weight: bold; font-size: 13px; background-color: #fff; border: 1px solid #DDDDDD; box-sizing: border-box; border-radius: 4px; color: rgba(0, 0, 0, 0.3); transition: all 0.2s; } 
.tab_button > li > a:hover { background-color: #f3f3f3; color: rgba(0, 0, 0, 0.78); } 
.tab_button > li > a.active { background-color: #45546B; border: 1px solid #45546B; color: #fff; } 
/*.tab_contents_wrap > .tab_box { display: none; } */
/*.tab_contents_wrap > .tab_box.current { display: block; } */
.tab_box .btn_wrap { text-align:right; } 
.tab_btn_wrap .btn_wrap { margin-left: auto; display: flex; } 
.tab_btn_wrap .btn_wrap.show { display: flex; } 
.tab_btn_wrap .btn_wrap.hide { display: none; } 
.tab_btn_wrap .btn_wrap .btn_save { display: block; } 
.tab_btn_wrap .btn_wrap .btn_save.active { display: block; } 


/* header */
#header { position: fixed; margin-right: 16px; z-index: 999; width:100%; } 
#header .head_top { position: relative; height: 48px; background-color: #fff; border-radius: 0; border-bottom: 1px solid #ddd; z-index: 9; } 
#header .head_inner { display: flex; justify-content: flex-start; align-items: center; } 
#m_menu { display: none; width: 24px; height: 24px; } 
#m_menu .icon_menu { display: inline-block; width: 24px; height: 24px; background: url("/images/admin/icon_mobile_menu_2x.png") no-repeat; background-size: 24px 48px; } 
#m_menu .icon_menu.close { background-position: 0 -24px; } 
#logo { padding: 0 0 0 16px; } 
#logo a img { max-width: 100px; max-height: 40px; object-fit: contain; vertical-align: middle; } 
#logo a span { display:inline-block; height: 20px; text-align: center; line-height: 20px; margin-left: 8px; box-sizing: border-box; border-radius: 3px; font-weight: 500; font-size: 12px; color: rgba(0, 0, 0, 0.78); vertical-align: middle; } 
#logo a span::before { content: ''; position: relative; display: inline-block; margin-right: 4px; border-radius: 12px; width: 2px; height: 10px; background-color: rgba(0, 0, 0, 0.78); } 
#header .logo_wrap { position: relative; min-width: 212px; height: 48px; display: flex; justify-content: flex-start; align-items: center; padding:0; background:#fff; border-right: 1px solid #ddd; border-bottom: 1px solid #fff; } 
#header .logo_wrap.on { border-bottom: 1px solid #ddd; } 

#header .logo_wrap .header_opt_btn { position: absolute; right: 0px; display: flex; align-items: center; justify-content: center; border-radius: 0 8px 8px 0; border: 1px solid #ddd; border-left: 0; height: 24px; width: 44px; right: -44px; z-index: 99; background-color: #fff; } 
#header .header_opt_btn .menu_btn { height: 40px; padding-right: 4px; } 
#header .header_opt_btn .menu_btn svg { margin-top: 3px; } 
#header .header_opt_btn .menu_btn.on svg { transform: rotate(180deg); } 

#header .header_opt_btn .rock_btn { margin-right: 4px; height: 40px; padding-left: 4px; } 
#header .header_opt_btn .rock_btn i { display: block; width: 16px; height: 16px; margin: 0 auto; background: url("/images/admin/ic_header_rock_2x.png") no-repeat center; background-size: contain !important; } 
#header .header_opt_btn .rock_btn.on i { background: url("/images/admin/icon_header_unrock_2x.png") no-repeat center; } 

.mb_guide_wrap { display: none; }
.mb_guide_wrap.dp_show { display: flex; }
.mb_guide_wrap a { display: flex
; gap: 8px; justify-content: center; align-items: center; width: calc(100% - 26px); height: 30px; border-radius: 4px; border: 1px solid #999; }
.mb_guide_wrap span { line-height: 30px; }

#page_title { position: relative; display: flex; align-items: center; padding-bottom: 1px; padding-top: 1px; padding-left: 8px; padding-right:8px; border-bottom: 1px solid #ddd; justify-content:space-between; background: #fff; width: calc(100% - 212px); margin-left: auto; } 
#page_title.close { width: 100%; } 
#page_title h2 { display: flex; justify-content: flex-start; align-items: center; } 
#page_title h2 span::before { content: ''; position: relative; display: block; background: url(/images/admin/ic_navi_arrow_2x.png) no-repeat center / contain; width: 8px; height:8px; margin-right: 8px; margin-top: -3px; } 
#page_title h2 span { display: flex; justify-content: flex-start; align-items: center; margin-right: 8px; font-size: 12px; font-weight: 500; } 
#page_title h2 img { margin-right: 4px; margin-top : -1px; width: 16px; } 
#page_title .navi { position: relative; display: flex; } 
#page_title .navi a.like { position: relative; display: block; width: 18px; height: 18px; margin-top: 1px; } 
#page_title .navi a.like>*:first-child { display: block; } 
#page_title .navi a.like>*:last-child { display: none; } 
#page_title .navi a.like.on>*:first-child { display: none; } 
#page_title .navi a.like.on>*:last-child { display: block; } 

#page_title .navi .home { display: flex; justify-content: flex-start; align-items: center; margin-right: 10px; } 
#page_title .navi .home img { width: 14px; height: 14px; margin-right: 5px; } 
#page_title .navi .home b { font-size: 12px; font-weight: 400; line-height: 1.4; text-align: left; } 

.header_call { padding-top: 10px; margin-left: 8px; width: calc(100% - 16px); } 
.header_call h2 { display: flex; justify-content : space-between; align-items: center; } 
.header_call h2 span { color: var(--theme-color); margin-left: 4px; font-weight: 700; font-size: 14px; } 

.head_right_wrap { position: absolute; right: 8px; } 
.btn_favorite { width: 16px; height: 16px; background: url("/images/admin/favorite_off_2x.png") no-repeat center; background-size: 16px 16px; font-size: 0; text-indent: -999px; } 
.btn_favorite.on { background: url("/images/admin/favorite_on_2x.png") no-repeat center; background-size: 16px 16px; } 
.academy_nav { margin-top: 10px; } 
.academy_nav .tnb_left li { margin-right: 8px; } 
.academy_nav .tnb_left li:last-child { margin-right: 0; } 
#tnb { display: flex; align-items: center; height: 48px; } 
#tnb > ul { display: flex; align-items: center; } 
#tnb > ul > li { display: flex; justify-content: flex-start; align-items: center; } 
#tnb > ul > li:after { display:inline-block; content:''; width:1px; height:12px; background-color:#c4c4c4; margin:-1px 16px; } 
#tnb > ul > li:last-child:after { display:none; } 
#tnb .tnb_campus { margin-right: 8px; font-weight: bold; color: rgba(0, 0, 0, 0.78); } 
#tnb .tnb_campus::after { display: none; } 
#tnb .tnb_point { padding-left:18px; font-weight:bold; color: #45546B; background: url("/images/admin/icon_point_2x.png") no-repeat left center; background-size: 14px 16px; } 
#tnb .tnb_point span { font-family: Noto Sans; color: rgba(0, 0, 0, 0.78); } 
#tnb .tnb_point strong { margin: 0 4px; color: var(--theme-color); } 
#tnb .tnb_point button { margin-left: 2px; } 
#tnb .tnb_user { font-size: 13px; } 
#tnb .tnb_user > a { margin: 0 16px; line-height: 48px; } 
#tnb .tnb_user i.user { margin-right: 2px; } 
#tnb .tnb_user .user_auth { margin-left:6px; font-weight: normal; font-size: 13px; color: rgba(0, 0, 0, 0.78); } 
#tnb .tnb_btn a { margin-right:2px; font-weight:bold; color: rgba(0, 0, 0, 0.78); display: flex; justify-content: flex-start; align-items: center; border: 0; } 
#tnb .tnb_btn a.consulting { margin-right: 4px } 
#tnb .tnb_btn a.consulting span { font-weight:bold; color: rgba(0, 0, 0, 0.78); } 
#tnb .tnb_btn a:last-child { margin-right:0 } 
#tnb .tnb_btn a:hover { color: #547BD0; background-color: #fff; } 
#tnb .tnb_user .user-img-box { position: relative; display: inline-block; width: 24px; height: 24px; border: 1px solid #eee; border-radius: 50%; background-color: #fff; overflow: hidden; display:inline-block; vertical-align:middle; margin-right: 8px; } 
#tnb .tnb_user .user-img-box img { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); } 

#tnb .common_btn { display: flex; justify-content: flex-start; align-items: center; } 
#tnb .common_btn>* { margin-right: 16px; } 
#tnb .common_btn>*:last-child { margin-right: 8px; } 
#tnb .common_btn>*>i.ic_question { position: relative; display: block; width: 24px; height: 24px; background: url(/images/admin/ic_common_question.png) no-repeat center / contain; } 
#tnb .common_btn>*>i.ic_service { position: relative; display: block; width: 32px; height: 32px; background: url(/images/admin/ic_common_service.png) no-repeat center / contain; } 

#tnb .common_btn>*.service_info { border-radius: 50%; width: 28px; height: 28px; } 
#tnb .common_btn>*.service_info .profile_img { width: 100%; height: 100%; overflow: hidden; border-radius: 50%; border: 1px solid #ddd; } 
#tnb .common_btn>*.service_info .profile_img:hover { box-shadow: 0px 4px 4px 0px #00000014; } 
#tnb .common_btn>*.service_info .profile_img img { object-fit: cover; width: 100%; height: 100%; } 
#tnb .common_btn>*.service_info .profile_none { position: relative; display: block; border-radius: 50%; width: 100%; height: 100%; } 
#tnb .common_btn>*.service_info .profile_none i.ic_profile { position: relative; display: block; width: 100%; height: 100%; background: url(/images/admin/ic_common_profile.png) no-repeat center / contain; border-radius: 50%; } 
#tnb .common_btn>*.service_info .profile_none:hover i.ic_profile { box-shadow: 0px 4px 4px 0px #00000014; } 
#tnb .common_btn>*.service_info .profile_none:active i.ic_profile { background: url(/images/admin/ic_common_profile_active.png) no-repeat center / contain; box-shadow: none; } 

#tnb .common_btn>* { position: relative; display: block; } 
#tnb .common_btn>* .tooltip { height: 35px; position: absolute; display: block; top: 30px; left: -16px; border: none; transition: all 0.2s ease-in-out; height: 0; overflow: hidden; } 
#tnb .common_btn>*.service_info .tooltip { top: 31px; left: -9px; } 
#tnb .common_btn>*.service_guide .tooltip { top: 26px; left: -21px; } 
#tnb .common_btn>*:hover .tooltip { height: 35px; } 
#tnb .common_btn>* .tooltip i { position: absolute; top: -1px; left: 50%; transform: translateX(-50%); background: url(/images/admin/service_sb_2x.png) no-repeat center / contain; width: 31px; height: 8px; z-index: 9; } 
#tnb .common_btn>* .tooltip span { position: relative; display: block; white-space: nowrap; font-size: 12px; font-weight: 600; line-height: 1.4; color: rgba(0, 0, 0, 0.78); padding: 4px 6px; border: 1px solid #ddd; margin-top: 6px; border-radius: 4px; background-color: #fff; } 

/* 230622 硫붾돱 異붽� */
.header_menu { display: flex; justify-content: flex-start; align-items: center; } 
.header_menu>li { margin-right: 10px; } 
.header_menu>li>a { position: relative; display: block; font-size: 15px; font-weight: 700; line-height: 1.4; color: rgba(0, 0, 0, 0.78); padding: 5PX 8px 3px; border-radius: 4px; margin:0 3px; } 
.header_menu>li>a:hover { color: var(--theme-color); } 
.header_menu>li>a.active { color: #fff !important; background-color: var(--theme-color); } 

.header_right { position: relative; display: flex; justify-content: flex-start; align-items: center; width: 100%; padding-left: 52px; } 

.menu-trigger, .menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box; z-index: 9999999999; } 
.menu-trigger { position: relative; display: block; width: 23px; height: 23px; border: 1px solid #ddd; margin-right: 0; border-radius: 4px; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.08); margin-right: 6px; } 
.menu-trigger span { position: absolute; left: 50%; transform: translateX(-50%); width: 12.5px; height: 1px; border-radius: 2px; background-color: #999; border-radius: 0.5208vw; } 
.menu-trigger span:nth-of-type(1) { top: 5.5px; } 
.menu-trigger span:nth-of-type(2) { top: 9.8px; } 
.menu-trigger span:nth-of-type(3) { top: 14.1px; } 
.menu-trigger.active-1 span:nth-of-type(1) { -webkit-transform: translateY(5.5px) rotate(45deg); transform: translateX(-50%) translateY(5.5px) rotate(45deg); left: 10.9px; top: 4.4px; background: #999; width: 12.2px; } 
.menu-trigger.active-1 span:nth-of-type(2) { opacity: 0; } 
.menu-trigger.active-1 span:nth-of-type(3) { -webkit-transform: translateY(5.5px) rotate(-45deg); transform: translateX(-50%) translateY(5.5px) rotate(-45deg); left: 11px; top: 4.4px; background: #999; width: 12px; } 

.new_page_btn { position: relative; border: 1px solid #DDDDDD; padding: 3px 6px 4px 6px; display: flex; justify-content: center; align-items: center; margin-left: 16px; border-radius: 4px; } 
.new_page_btn::before { content: ''; position: absolute; left: -9px; top: 50%; transform: translateY(-50%); display: block; height: 8px; width: 1px; background: #DDDDDD; } 
.new_page_btn>img { height: 16px; width: 8px; object-fit: contain; margin-right: 4px; margin-top: -2px; } 
.new_page_btn>span { font-size: 12px; font-weight: 700; line-height: 17px; letter-spacing: 0px; text-align: left; } 

#gnb .menu_select { position: relative; width: 100%; padding: 16px; padding-right: 6px; padding-bottom: 6px; padding-top: 10px; margin-bottom: 16px; border-radius: 0px 0px 8px 8px; font-size: 11px; z-index: 1; border-bottom: 1px solid #EEEEEE; border-radius: 0; } 
#gnb .menu_select ul { display: flex; -webkit-justify-content:center; justify-content: flex-start; } 
#gnb .menu_select li a { position: relative; display: inline-block; padding: 2px 0; font-weight: bold; color:rgba(0, 0, 0, 0.3); margin-right: 16px; } 
#gnb .menu_select li a.active { color: rgba(0, 0, 0, 0.78); } 
#gnb .menu_select li a.active .gnb_menu_tgl { background: url("/images/common/icon_plus_2x.png") no-repeat center; background-size: 8px 8px; } 
#gnb .menu_select li a.active .gnb_menu_tgl.on { background: url("/images/common/icon_minus_2x.png") no-repeat center; background-size: 8px 8px; } 
#gnb .menu_select li a.active::after { content: ''; position: absolute; top: calc(100% + 4px); left: 0; width: 100%; height: 2px; background: #444; } 
#gnb .menu_select .gnb_menu_tgl { display: inline-block; width: 12px; height: 12px; margin-left:4px; vertical-align: super; background: url("/images/common/icon_plus_grey_2x.png") no-repeat center; background-size: 8px 8px; font-size: 0; text-indent: -999px; } 

/* nav */
#gnb { display: block; position: fixed; top: 48px; left:0 !important; width: 212px; height: 100%; background-color: #fff; z-index: 999; border-right: 1px solid #ddd; } 
#gnb.menu_hidden { display: none; } 
#gnb.show .gnb_point { display:flex; } 
#gnb .gnb_point { display: none; -webkit-justify-content:right; justify-content: right; align-items: center; margin-right:10px; padding:8px 0; font-weight:bold; color: #45546B; border-bottom: 1px solid #ddd; } 
#gnb .gnb_point i { display:inline-block; width:14px; height:16px; margin-right:4px; background: url("/images/admin/icon_point_2x.png") no-repeat left center; background-size: 14px 16px; } 
#gnb .gnb_point span { font-family: Noto Sans; color: rgba(0, 0, 0, 0.78); } 
#gnb .gnb_point strong { margin: 0 4px; color: var(--theme-color); } 
#gnb .gnb_point button { margin-left: 4px; } 
#gnb .academy_nav { display: none; } 
#gnb nav { color: rgba(0, 0, 0, 0.78); overflow-y: auto; } 
#gnb nav a { color: rgba(0, 0, 0, 0.78); transition: all 0.3s; } 

#gnb nav .gnb_sub > li { padding-right: 10px; } 
#gnb nav .gnb_sub > li > a { margin-bottom: 4px; } 
#gnb nav .gnb_sub > li > a:hover { border: 1px solid #DDDDDD; z-index: 9; } 
#gnb nav .gnb_sub > li > a span { transition: all 0.2s; } 
#gnb nav .gnb_sub > li > a:hover::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0px 2px 4px 0px #00000029; } 

#gnb nav::-webkit-scrollbar { width: 10px; } 
#gnb nav::-webkit-scrollbar-thumb { background-color: #d1d1d1; border-radius: 10px; background-clip: padding-box; border: 3px solid transparent; } 
#gnb .icon-plus { font-size: 10px; } 
#gnb .icon-minus { font-size: 10px; } 

#gnb nav { padding: 0 6px; border-bottom: 1px solid #DDDDDD; } 
#gnb nav .menu_title { position: relative; display: block; margin-bottom: 16px; line-height:22px; cursor: pointer; font-weight: bold; font-size:14px; margin-left: 10px; margin-right: 10px; } 
#gnb nav .menu_title i { position: absolute; top: 50%; right: 0; display: block; width: 12px; height: 12px; margin-top: -4px; background-size: 8px 8px; transform: rotate(180deg); } 
#gnb nav .menu_title i svg { stroke: #000; } 
#gnb nav .menu_title.on { background-size: 8px 8px; transform: rotate(0); } 
#gnb nav .menu_title.on svg { stroke: var(--theme-color); transform: rotate(180deg); } 
#gnb nav .on { color: var(--theme-color); } 

#gnb nav .gnb_sub, #gnb nav .gnb_ssub { display: none; padding-bottom: 12px; } 
#gnb nav .gnb_sub > li > a { position: relative; display: flex; justify-content: space-between; align-items: center; font-size: 13px; line-height: 1.6; padding: 5px 8px 3px; font-weight: bold; color: rgba(0, 0, 0, 0.58); border-radius: 4px; border: 1px solid #fff; margin-left: 10px; } 
#gnb nav .gnb_sub > li > a.on { background-color: var(--theme-color); border: 1px solid var(--theme-color); box-shadow: none; } 
#gnb nav .gnb_sub > li > a.on span { color: #fff; display: inline-block; border-radius: 4px; margin-top: -1px; } 
#gnb nav .gnb_sub > li > a i { display: block; width: 16px; height: 16px; margin-top: -2px; } 
#gnb nav .gnb_sub > li > a.on i { background: url(/images/admin/ic_menu_arrow.png) no-repeat center / contain !important; } 
#gnb nav .gnb_sub > li > a:hover i { background: url(/images/admin/ic_menu_arrow_hover.png) no-repeat center / contain; } 
#gnb nav .gnb_sub > li > a:active { background-color: var(--theme-color); border: 1px solid var(--theme-color); margin-bottom: 5px; } 
#gnb nav .gnb_sub > li > a:active i { background: url(/images/admin/ic_menu_arrow.png) no-repeat center / contain !important; } 
#gnb nav .gnb_sub > li > a:active span { color: #fff; display: inline-block; border-radius: 4px; margin-top: -1px; } 
#gnb nav .gnb_sub > li > a:active::after { box-shadow: none; } 

#gnb .gnb_ul { padding-bottom: 16px; } 

#gnb nav .gnb_ssub > li:last-child { margin-bottom: 20px; } 
#gnb nav .gnb_ssub > li > a { position: relative; display: block; height: 23px; line-height: 22px; font-size: 12px; height: 19px; line-height: 19px; margin:0 0 4px 24px; padding-left: 16px; } 
#gnb nav > ul { display: none; } 
#gnb nav > ul.current { display: block; } 
#gnb nav .gnb_ssub > li > a.on { background-color: var(--theme-color); border-radius: 4px; color: #fff; } 
#gnb nav .gnb_ssub > li > a:hover { background-color: var(--theme-color); border-radius: 4px; color: #fff; } 
#gnb.show .academy_nav { display:block; position: absolute; left: 0; top: 0; float: none; width:100%; margin-top: 0; padding: 8px 16px; background-color: #fff; } 
#gnb.show .academy_nav .tnb_left li { width: 31.5%; } 
#gnb.show .academy_nav .tnb_left li select { width: 100%; } 
#gnb.show select { padding: 0 18px 0 8px; } 

#gnb .system_admin { display: flex; justify-content: flex-start; align-items: center; padding: 16px 0; margin: 0 16px; border-bottom: 1px solid #eee; } 
#gnb .system_admin img { width: 24px; height: 24px; margin-right: 6px; } 
#gnb .system_admin span { margin-right: 3px; font-size: 12px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: center; color: rgba(0, 0, 0, 0.78); } 
#gnb .system_admin p { font-size: 12px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: center; color: #00000094; } 

#gnb .customer_center { position: relative; display: block; padding: 16px; } 
#gnb .customer_center span { position: relative; display: block; font-size: 12px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: left; } 
#gnb .customer_center strong { font-size: 16px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; color: var(--theme-color); } 
#gnb .copywrite { padding: 16px; padding-top: 8px; } 
#gnb .copywrite p { font-size: 9px; font-weight: 500; line-height: 1.6; text-align: left; color: rgba(0, 0, 0, 0.38); text-transform: uppercase; } 

.leftmenu_fav_ex { position: relative; display: block; margin-bottom: 16px; } 
.leftmenu_fav_ex>div { display: flex; justify-content: flex-start; align-items: center; padding-right: 16px; } 
.leftmenu_fav_ex>div>span { position: relative; display: block; font-size: 12px; font-weight: 400; line-height: 1.6; letter-spacing: -0.05em; text-align: left; } 
.leftmenu_fav_ex>div>i { width: 47%; height: 1px; background: #ddd; margin-top: 2px; margin-left: auto; } 
.leftmenu_fav_ex>div>img { width: 18px; height: 18px; margin: 1px; margin-top: 0px; } 

.leftmenu_favorites { position: relative; display: none; padding-bottom: 32px; padding-left: 14px; } 
.leftmenu_favorites a { position: relative; display: flex; justify-content: space-between; align-items: center; font-size: 13px; line-height: 1.6; letter-spacing: -1px; font-weight: 700; color: rgba(0, 0, 0, 0.58); text-align: left; padding: 4px 6px; margin-bottom: 4px; border-radius: 4px; border: 1px solid #fff; transition: all 0.3s ease-in-out; } 
.leftmenu_favorites a:hover { border: 1px solid #DDDDDD; z-index: 9; } 
.leftmenu_favorites a:hover::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0px 2px 4px 0px #00000029; } 
.leftmenu_favorites a:hover i { display: block; width: 16px; height: 16px; background: url(/images/admin/ic_menu_arrow_hover.png) no-repeat center / contain; } 
.leftmenu_favorites a:last-child { margin-bottom: 0; } 
.leftmenu_favorites a.active { box-shadow: none; color: #fff !important; background: var(--theme-color); padding: 4px 6px !important; border-radius: 4px; } 
.leftmenu_favorites a.active::after { box-shadow: none; } 
.leftmenu_favorites a.active i { display: block; width: 16px; height: 16px; background: url(/images/admin/ic_menu_arrow.png) no-repeat center / contain !important; margin-top: -2px; } 
.leftmenu_favorites a:active { box-shadow: none; color: #fff !important; background: var(--theme-color); padding: 4px 6px !important; border-radius: 4px; } 
.leftmenu_favorites a:active i { display: block; width: 16px; height: 16px; background: url(/images/admin/ic_menu_arrow.png) no-repeat center / contain !important; } 
.leftmenu_favorites a:active::after { box-shadow: none; } 

#favorite_menu_list { overflow-y: auto; max-height: calc(100vh - 192px); padding-right: 16px; } 

.service_sb { position: absolute; top: 31px; right: 50px; display: block; z-index: 10000; border-radius: 8px; max-width: 306px; height: 0px; overflow: hidden; transition: all 0.2s ease-in-out; } 
.service_sb_pos { margin-top: 23px; padding: 16px; border: 1px solid #ddd; box-shadow: 0px 4px 4px 0px #00000012; background-color: #fff; border-radius: 8px; } 
.service_sb::before { content: ''; position: absolute; top: 12px; right: 0; width: 51px; height: 12px; display: block; background: url('/images/admin/service_sb_2x.png') no-repeat center / contain; } 
.service_sb .service_list_wrap h6 { white-space: nowrap; display: flex; justify-content: flex-start; align-items: center; font-size: 15px; font-weight: 600; line-height: 1.2; letter-spacing: -0.3px; text-align: left; padding: 8px 0 16px; } 
.service_sb .service_list_wrap h6::after { content: ''; position: relative; width: 100%; height: 1px; background-color: #EEEEEE; margin-left: 16px; } 
.service_sb .service_list_wrap .list { display: flex; justify-content: flex-start; align-items: center; padding-bottom: 8px; flex-wrap: wrap; } 
.service_sb .service_list_wrap .list li { width: 25%; padding-bottom: 12px; } 
.service_sb .service_list_wrap .list li a { min-width: 60px; overflow: hidden; display: flex; justify-content: center; flex-direction: column; align-items: center; border: 1px solid transparent; margin: 0 8px; } 
.service_sb .service_list_wrap .list li:nth-child(4n-3) a { margin-left: 0; } 
.service_sb .service_list_wrap .list li:nth-child(4n) a { margin-right: 0; } 
.service_sb .service_list_wrap .list li a span { position: relative; font-size: 12px; font-weight: 400; line-height: 1.5; letter-spacing: -0.05em; text-align: left; padding-bottom: 4px; } 
.service_sb .service_list_wrap .list li a img { width: 33px; height: 32px; margin-top: 2px; } 
.service_sb .service_list_wrap .list li a:hover { border: 1px solid #eee; border-radius: 8px; box-shadow: 0px 4px 4px 0px #00000014; } 
.service_sb .service_list_wrap .list li a:active { background-color: #F5F5F9; } 
.service_sb .service_list_wrap .list li div.service_list_icon { width: 60px; height: 40px; background-repeat: no-repeat !important; background-size: cover !important; background-position: 1px 0px !important; } 
.service_sb .service_list_wrap .list li a:hover .service_list_icon { background-position: 1px -60px !important; } 
.service_sb .service_list_wrap .list li a:active .service_list_icon { background-position: 1px 0 !important; } 
.service_sb .service_list_wrap .list li div.service_list_icon.mswitch { background: url('/images/admin/service_list_mswitch.png'); } 
.service_sb .service_list_wrap .list li div.service_list_icon.mtalk { background: url('/images/admin/service_list_mtalk.png'); } 
.service_sb .service_list_wrap .list li div.service_list_icon.mcom { background: url('/images/admin/service_list_mcom.png'); } 
.service_sb .service_list_wrap .list li div.service_list_icon.mmall { background: url('/images/admin/service_list_mall.png'); } 
.service_sb .service_list_wrap .list li div.service_list_icon.mreserve { background: url('/images/admin/service_list_reserve.png'); } 
.service_sb .service_list_wrap .list li div.service_list_icon.mconnect { background: url('/images/admin/service_list_mconnect.png'); } 
.service_sb .service_list_wrap .list li div.service_list_icon.mtest { background: url('/images/admin/service_list_mtest.png'); } 
.service_sb .service_list_wrap .list li div.service_list_icon.mnote { background: url('/images/admin/service_list_note.png'); } 
.service_sb .service_list_wrap .list li div.service_list_icon.mpod { background: url('/images/admin/service_list_pdf.png'); } 
.service_sb .service_list_wrap .list li div.service_list_icon.mstore { background: url('/images/admin/service_list_store.png'); } 
.service_sb .service_list_wrap .list li div.service_list_icon.mpay { background: url('/images/admin/service_list_mpay.png'); } 
.service_sb .service_list_wrap .list li div.service_list_icon.home { background: url('/images/admin/service_list_home.png'); } 
.service_sb .service_list_wrap .list li div.service_list_icon.group { background: url('/images/admin/service_list_group.png'); } 
.service_sb .service_list_wrap .list li div.service_list_icon.busi_info { background: url('/images/admin/service_list_busi_info.png'); } 
.service_sb .service_list_wrap .list li div.service_list_icon.aca { background: url('/images/admin/service_list_aca.png'); } 
.info_box { position: absolute; display: block; top: 36px; right: 4px; z-index: 999; height: 0; overflow: hidden; transition: all 0.2s ease-in-out; } 
.info_box.active { height: 235px; } 
.info_box::before { content: ''; position: absolute; top: 6px; right: 0; width: 51px; height: 12px; display: block; background: url('/images/admin/service_sb_2x.png') no-repeat center / contain; } 
.info_box_pos { border: 1px solid #ddd; border-radius: 8px; padding: 16px; background-color: #fff; width: 204px; max-width: 292px; box-shadow: 0px 4px 4px 0px #00000012; overflow: hidden; margin-top: 17px; } 
.info_box .personal { display: flex; justify-content: flex-start; align-items: center; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #EEEEEE; } 
.info_box .personal img { width: 32px; height: 32px; margin-right: 8px; overflow: hidden; border-radius: 50%; object-fit: cover; border: 1px solid #ddd; } 
.info_box .personal img.personal_img_none { border: 0; } 
.info_box .personal .profile { position: relative; display: block; } 
.info_box .personal .profile span { position: relative; display: block; font-size: 12px; font-weight: 600; line-height: 1.6; letter-spacing: -1px; color: #000000C7; } 
.info_box .personal .profile strong { position: relative; display: block; font-size: 12px; font-weight: 600; line-height: 1.6; letter-spacing: -1px; color: #00000061; } 
.info_box .list { margin-bottom: 8px; border-bottom: 1px solid #eee; } 
.info_box .list li { display: flex; justify-content: space-between; align-items: center; padding-bottom: 8px; } 
.info_box .list a { position: relative; display: block; font-size: 12px; font-weight: 600; line-height: 1.6; letter-spacing: -1px; } 
.info_box a.logout { position: relative; display: block; background-color: #F6F6F6; padding: 4px 0; border: 1px solid #ddd; font-size: 12px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: center; border-radius: 4px; color: #00000094; } 

.info_box .list li span { font-size: 12px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; } 
.info_box .list li .lang_btn { display: flex; justify-content: center; align-items: center; } 
.info_box .list li .lang_btn a { padding-bottom: 0; font-size: 12px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: center; text-decoration: underline; margin-left: 4px; } 
.info_box .list li .lang_btn a.active { color: var(--theme-color); } 

.sitemap { position: absolute; top: 48px; left: 0; display: none; width: 100%; height: calc(100% - 48px); z-index: 999999999; background: #fff; padding-top: 40px; padding-left: 220px; overflow-x: auto; } 
.sitemap::-webket-scrollbar { background: #fff; } 
.sitemap::-webket-scrollbar-thumb { width: 6px; height: 6px; background: #f8f8f8; border-radius: 4px; } 
.sitemap.active { display: block; } 
.sitemap_wrap { display: flex; justify-content: flex-start; align-items: center; } 
.sitemap_menu { flex: none; margin-right: 40px; } 
.sitemap_menu>h4>a { position: relative; display: block; font-size: 16px; font-weight: 700; line-height: 1.6; text-align: left; margin-bottom: 24px; } 

.sitemap_menu_list { position: relative; display: flex; flex-direction: column; flex-wrap: wrap; height: 750px; justify-content: flex-start; } 
.sitemap_menu_list>li { position: relative; display: block; margin-right: 40px; margin-bottom: 24px; min-width: 148px; } 
.sitemap_menu_list>li>span { position: relative; display: flex; justify-content: space-between; align-items: center; padding-bottom: 12px; font-size: 11px; font-weight: 700; line-height: 1; color: var(--theme-color); } 
.sitemap_menu_list>li>span::after { content: ''; position: relative; display: block; flex-grow: 1; margin-left: 8px; height: 1px; background: #EEEEEE; } 
.sitemap_menu_list>li>a { position: relative; display: block; font-size: 13px; font-weight: 400; line-height: 1.8; color: rgba(0, 0, 0, 0.78); } 
.sitemap_menu_list>li>a:active { font-weight: 700; } 
.sitemap_menu_list>li>a:hover { color: var(--theme-color); } 
.sitemap_menu_list>li>a.act { color: #fff !important; background: var(--theme-color) !important; box-shadow: none !important; font-weight: 700; } 


/* container */
#container { position: relative; padding: 47px 0 12px 0; } 
#container .search_wrap { position: relative; } 
#container .search_wrap > .round_box { padding-bottom: 0; border-radius: 0; padding-top: 42px; } 
#container .search_btn_wrap:first-child { margin-bottom: 8px; } 
#container .search_wrap .search_form .search_btn_wrap button { width: 75px; padding:0; } 
.search_form { display: flex; -webkit-justify-content:space-between; justify-content: space-between; } 
.modal_body .search_form { padding-top: 0; } 
.search_group { float: left; margin-right: 6px; line-height:28px; } 
.search_group:last-child { margin-right: 0; } 
.search_group > * { float: left; margin-right: 6px; } 
.search_group > *:last-child { margin-right: 0; } 

.search_group.flex-box > * { margin-bottom: 0; } 
.search_group.flex-box { padding-bottom: 8px; } 

.search_form .search_btn_wrap { display: flex; flex: none; } 
.search_form .search_btn_wrap button { height: calc(100% - 8px); margin-left: 8px; font-weight: bold; line-height: 140%; } 
.search_form .search_btn_wrap button i { position: relative; top: 0px; margin-right: 6px; } 
/* .search_form .search_btn_wrap .btn_save { background-color: #fff; color: #547BD0; border: 2px solid var(--theme-color); } */
.search_form .search_content .search_group > *:not(.search_btn_wrap) { margin-bottom: 8px; } 
.search_form .search_content .search_group.flex-box > *:not(.search_btn_wrap) { margin-bottom: 0px; } 
.search_form .search_content .search_group .search_btn_wrap button { line-height: 26px; height: 28px; } 
.search_form .search_content .search_group .datepicker + .bar { margin-top: 13px; margin-right: 6px; margin-left: 0; } 

.search_wrap { padding-bottom: 12px; } 
.search_wrap .border_box { padding-bottom: 0; } 
.sch_tit i.dot { position: relative; top:-2px; margin-right: 4px; } 
.search_group .sch_tit { margin-right: 6px; } 
.search_group .sch_tit + * { margin-left: 0; } 
.search_group strong { display: inline-block; font-size: 13px; font-weight: 600; color: var(--theme-color); } 

#container .search_wrap.floating > .round_box { padding-top: 0; margin-top: 52px; border-radius: 4px; } 
.search_wrap.floating .search_form { padding-top : 8px; } 
.search_wrap.floating .search_form .search_content .search_group .datepicker + .bar { margin-top: -1px; margin-right: 2px; margin-left: 5px; } 


#container .board_wrap::after { display: block; content: ''; clear: both; } 
table .btn_wrap > * { margin-right: 0; } 
.btn_wrap > * { position: relative; margin-left: 4px; margin-bottom: 2px; } 
.btn_wrap > *:first-child { margin-left: 0; } 
.btn_wrap > .search_group { margin-right: 0; } 
.btn_wrap .btn_list { background-color: #fff; border: 1px solid #ddd; box-sizing: border-box; border-radius: 4px; } 
.btn_wrap .btn_list li { float: left; } 
.btn_wrap .btn_list li button, .btn_wrap .btn_list li a { display: block; font-family: "Roboto", "Noto Sans KR", sans-serif; position: relative; height: 27px; line-height: 16px; padding: 5px 8px; font-weight: bold; font-size: 12px; color: rgba(0, 0, 0, 0.78); } 
.btn_wrap .btn_list li button.exel_btn { width: auto; padding-top: 2px; } 
.btn_wrap .btn_list li button.exel_btn i { display: inline-block; vertical-align: middle; margin-top: -1px; } 
.btn_wrap .btn_list li button:hover, .btn_wrap .btn_list li a:hover { color: var(--theme-color); } 
.btn_wrap .btn_list li button:active, .btn_wrap .btn_list li a:active { color: var(--theme-color); } 
.btn_wrap .btn_list li button::after, .btn_wrap .btn_list li a::after, .btn_wrap .btn_list li .r-line::after { position: absolute; top: 9.5px; right: 0; display: inline-block; content:''; width: 1px; height: 8px; background-color: #ddd; } 
.btn_wrap .btn_list li:last-child button::after, .btn_wrap .btn_list li:last-child a::after { display: none; } 

.btn_list li button:hover { color: var(--theme-color); } 
.btn_list li button:active { color: var(--theme-color); } 

.btn_wrap .btn_list i.excel { position: relative; top: -1px; vertical-align: top; } 
.btn_wrap .btn_submit { position: relative; font-weight: bold; } 
.btn_wrap input[type="file"] { display:none; } 
.btn_wrap .btn_list input[type="file"] + label { display: inline-block; font-family: "Roboto", "Noto Sans KR", sans-serif; position: relative; height: 27px; line-height: 16px; padding: 6px 8px; font-weight: bold; font-size: 12px; color: rgba(0, 0, 0, 0.78); cursor: pointer; } 
.btn_wrap .btn_list input[type="file"] + label:hover { color: var(--theme-color); } 

.email_save>* { margin-left: 3px; } 

.sch_input_wrap { border: 1px solid #ddd; border-radius: 4px; } 
.sch_input_wrap .btn_search { width: 26px; height: 26px; background: var(--theme-color); } 

.tip_wrap { display: inline-block; } 
.tip { display:inline-block; width:13px; height:13px; margin-left:4px; background:url("/images/admin/icon_info_2x.png") no-repeat 0 0; background-size: 13px 13px; cursor: pointer; overflow: hidden; line-height:0; font-size: 0; text-indent:-999px; } 
.tip:hover + .tip_text { display:block; } 
.tip_text { display:none; position: absolute; top: 22px; left: 0; width: 200px; padding: 6px; line-height: 140%; font-size: 12px; word-break: keep-all; color:#fff; background:#45546b; box-shadow: 0px 18px 18px rgba(68, 68, 68, 0.06), 0px 0px 1px rgba(68, 68, 68, 0.31); border-radius: 8px; z-index: 1; } 
.tip_wrap.point_tip .tip { position: relative; top:1px; } 
.tip_wrap.point_tip .tip_text { top: 34px; left: 20px; width:230px; } 

.information { padding: 16px; } 
.information h4 { margin-bottom: 8px; padding-left: 26px; background: url("/images/admin/icon_infomation_2x.png") no-repeat left center; background-size: 18px 22px; color: var(--theme-color); } 
.information .content { word-break: keep-all; } 

/* table */
table td { position: relative; } 

.htable tr { height: 35px; } 
.htable th { padding: 8px 0; background-color: #f5f5f5; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; font-size:13px; text-align: center; } 
.htable td { padding: 8px 4px; text-align: center; border-bottom: 1px solid #e1e1e1; color: rgba(0, 0, 0, 0.78); } 
.htable .checkboxA + label { margin-bottom: 2px; } 
.htable .frm_full { width: 100%; } 

.board_table {border: 1px solid #ccc; overflow: auto;}
.htable-2 {position: relative;}
.htable-2.fixed-header thead {position: sticky;top: 0;z-index: 10;}
.htable-2.fixed-header.fixed-cell-1 td:nth-child(1), .htable-2.fixed-header.fixed-cell-1 th:nth-child(1) {position: sticky;left: 0;z-index: 5;}
.htable-2.fixed-header.fixed-cell-2 td:nth-child(1), .htable-2.fixed-header.fixed-cell-2 th:nth-child(1) {position: sticky;left: 0;z-index: 5;}
.htable-2.fixed-header.fixed-cell-2 td:nth-child(2), .htable-2.fixed-header.fixed-cell-2 th:nth-child(2) {position: sticky;left: 40px;z-index: 5;}
.htable-2 th, .htable-2 td {background-color: #fff;border-bottom: 1px solid #eee;border-left: 1px solid #eee;}
.htable-2 th:first-child, .htable-2 td:first-child {border-left: none;}
.htable-2 tr { height: 30px; } 
.htable-2 tr.em-row td {background-color: #f4f4f4 !important;}
.htable-2 tr.current-row td {background-color: #e5f6ff !important;}
.htable-2 th { background-color: #f5f5f5; font-size:13px; text-align: center; } 
.htable-2 td { padding: 2px 6px; color: rgba(0, 0, 0, 0.78); } 
.htable-2 td.editing {position: relative;}
.htable-2 td.editing::after {content:'';position: absolute;top: -1px;left: -1px;width: calc(100% - 1px);height: 100%;border: 1px solid #00a9ff;z-index: 1;}
.htable-2 td span, .htable-2 td b {display: block;}
.htable-2 input[type=checkbox] {display: block;margin: 0 auto;}
.htable-2 input[type=text]:focus {background-color: #fff;}
.htable-2 input[readonly],.htable-2 input[disabled] {border: none;color: rgba(0, 0, 0, 0.98);}
.htable-2 .frm_full { width: 100%; } 



.row_content.scroll { overflow: auto; } 
.result-set { min-height: 217px; } 
/*.result-set { min-width:500px; } */
.htable.result-set td { padding: 4px 4px; } 
.htable.result-set td input { max-width: 100px; } 
.result-set select { max-width: 100px; } 
.result-set .checkboxA +label { padding-left: 16px; } 

.btable tr { height: 35px; } 
.btable tr > th { padding: 3px 0 3px 7px; background-color: #f5f5f5; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; text-align: left; font-size: 12px; } 
.btable tr > th > .btn_wrap { display: inline-block; margin-top: 4px; } 
.btable tr > td > .btn_wrap { display: inline-block; } 
.btable tr > td { padding: 3px 0px 3px 8px; background-color: #fff; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; color: rgba(0, 0, 0, 0.78); } 
.btable tr > td input { color: rgba(0, 0, 0, 0.78); vertical-align: middle; } 
.btable tr > td select { vertical-align: middle; } 
.btable tr > td .checkboxA + label:last-child { margin-right: 0; } 
.btable tr > td input.readonly + .checkboxA + label:last-child { margin-top: 1px; } 
.btable tr > td textarea:last-child { display:block; } 
.btable tr > td.sub_th { background:#f5f5f5; border: 1px solid #e1e1e1; } 
.btable.bt-0 { margin-top:-1px; } 
.btable tr > td.bt-0 { border-top: 0; } 
.btable tr > td.bb-0 { border-bottom: 0; } 

th i.required { position: relative; top:-2px; } 

.t_hidden { overflow: auto; } 
.t_hidden > table { min-width: 476px; } 
.t_hidden table.btable { min-width: 476px; } 
.t_hidden table.btable.w512 { min-width: 512px; } 

.table_scroll { overflow-y: auto; height: 710px; } 
.table_scroll .t_hidden table.btable { min-width: 459px; } 

.m_option_layer .layer_btn { display: none; } 

.btable tr > td input.url_link { width: calc(100% - 61px); } 

/* flex */
.xlist { display: flex; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } 
.xlist .xlist_4 { width: 25%; padding:12px 0; text-align: center; } 
.xlist .xlist_2 { width: 50%; padding:12px 0; text-align: center; } 


/* board */
.bo_title { padding-bottom:16px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #eee; } 
.bo_title .bo_notice { margin-right: 8px; } 
.bo_file { border-bottom: 1px solid #eee; } 
.file_list { margin-top: 16px; } 
.file_list li { display: inline-block; margin-right: 6px; margin-bottom:16px; } 
.file_list li a { display: block; width: auto; padding:6px 16px; border:1px solid #dbdbdb; border-radius:22px; font-weight: bold; font-size: 12px; } 
.file_list li span { display: block; white-space: normal; line-height: 20px; height: 21px; font-size: 12px; color: rgba(0, 0, 0, 0.78); word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } 
.bo_content { padding:24px 0; } 
.bo_info { padding-bottom:16px; border-bottom: 1px solid #eee; text-align: right; font-weight: bold; } 
.bo_info .w_name { margin-right: 4px; color: var(--theme-color); } 
.bo_info .w_date { color: rgba(0, 0, 0, 0.38); } 
.bo_nav { margin-top: 16px; } 
.bo_nav .page_btns { text-align: right; } 
.bo_nav .page_btns button { position: relative; height:45px; padding: 0 24px; border-radius: 8px; line-height: inherit; } 
.page_btns .btn_prev { margin-right: 15px; } 
.page_btns .btn_prev::after { display: inline-block; content: ''; position: absolute; top: 16.5px; right: -10px; width: 1px; height: 8px; background-color: #C4C4C4; } 
.page_btns .btn_prev span { padding-left: 9px; background: url("/images/admin/icon_arrow_left_sm_2x.png") no-repeat left center; background-size: 5px 8px; } 
.page_btns .btn_next span { padding-right: 9px; background: url("/images/admin/icon_arrow_right_sm_2x.png") no-repeat right center; background-size: 5px 8px; } 

.board_empty { padding:8px 0 24px; text-align: center; } 
.board_empty .text { display: block; margin-bottom: 10px; color: rgba(0, 0, 0, 0.78); word-break: keep-all; } 
.board_empty .btn_setting { background: var(--theme-color); border:1px solid var(--theme-color); color: #fff; line-height:22px; } 
.board_empty .btn_setting i { position: relative; top:-1px; margin-right: 6px; } 

/* modal popup */
.modal_wrap { /* display: none; */position:fixed; top:0; right:0; width: 100%; height:100%; text-align:center; background-color: rgba(0, 0, 0, 0.3); z-index: 999; display: flex; } 
.modal_wrap .modal_content { position: relative; display:inline-block; width: 80%; max-width: 963px; max-height: 90%; padding:32px; background:#fff; border: 1px solid #eee; box-sizing: border-box; vertical-align:middle; box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.07); border-radius: 12px; text-align: left; /* overflow: auto; */ overflow: hidden; } 
.modal_wrap .modal_content.modal_right { position: absolute; top: 0; right: 0; border-radius: 0; height: 100%; max-height: 100%; padding: 16px; } 
.modal_wrap .modal_content.exel-content { max-width: 400px; } 
.modal_wrap::after { display:inline-block; content: ''; width:0; height:100%; vertical-align:middle; } 
.modal_header { display: flex; -webkit-justify-content:space-between; justify-content: space-between; align-items: center; margin-bottom: 8px; padding-bottom:16px; border-bottom: 1px solid #aaa; } 
.modal_header h2 { font-size: 16px; line-height: 160%; } 
.modal_header .modal_close { width: 16px; height: 26px; background: url("/images/admin/icon_close_2x.png") no-repeat center; background-size: 16px 16px; font-size: 0; text-indent: -999px; cursor: pointer; } 
.modal_footer { padding-top: 32px; text-align: center; } 
.modal_footer button, .modal_footer button.btn { position: relative; height: 38px; padding: 0 32px; margin-left: 8px; } 
.modal_footer button:first-child, .modal_footer button.btn:first-child { margin-left: 0; } 
.modal_wrap .modal_content::-webkit-scrollbar { width: 10px; height: 10px; } 
.modal_wrap .modal_content::-webkit-scrollbar-thumb { background-color: #d1d1d1; border-radius: 10px; background-clip: padding-box; border: 3px solid transparent; } 
.modal_wrap .modal_content::-webkit-scrollbar-corner { display: none; } 

.profile-img-wrap { display: block; text-align: center; padding: 16px 0; } 
.profile-img-box { position: relative; display: inline-block; vertical-align: middle; } 
/* .profile-img-box .profile-img { width: 80px; height: 80px; }  */
.profile-img-box .profile-no-img::before { display: inline-block; content: ''; position: absolute; top: 2px; left: 2px; width: 74px; height: 74px; background-color: #383838; background-color: var(--theme-color); border-radius: 50%; } 
.profile-img-box .profile-no-img span { position: relative; display: block; line-height: 76px; font-weight: bold; color: #FFF; text-align: center; z-index: 1; } 
.profile-img-box .img-input { position: absolute; bottom: 0; right: 0; z-index: 2; } 
.profile-img-box .img-input input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } 
.profile-img-box .img-input label { display: inline-block; width: 24px; height: 24px; background: #FFF; border-radius: 50%; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08); overflow: hidden; cursor: pointer; } 
.profile-img-box .img-input label span { display: block; width: 100%; height: 100%; background: url("/images/admin/ico_profile_input_2x.png") no-repeat center; background-size: 8.5px 8.5px; } 

.profile-img { position: relative; display: inline-block; width: 56px; height: 56px; margin-top: 0; border: 1px solid #eee; border-radius: 50%; background-color: #fff; box-shadow: 0px 10px 10px rgb(68 68 68 / 6%), 0px 0px 1px rgb(68 68 68 / 21%); overflow: hidden; } 
.profile-img img { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); } 
.profile-img.no-profile span { position: absolute; top: 1px; left: 1px; display: block; width: 44px; height: 44px; line-height: 44px; font-weight: bold; color: #FFF; text-align: center; z-index: 1; } 
.profile-img.no-profile::before { display: inline-block; content: ''; position: absolute; top: 1px; left: 1px; width: 44px; height: 44px; background: url("/images/no_profile.png") no-repeat; background-size: cover; border-radius: 50%; } 
.profile-img.no-profile::after { display: inline-block; content: ''; position: absolute; top: 1px; left: 1px; width: 44px; height: 44px; background-color: #383838; background-color: var(--theme-color); border-radius: 50%; opacity: 0.68; } 

/* window pop */
.pop_wrap { width:100%; height:100%; background:#fff; } 
.pop_wrap .pop_content { padding: 16px; } 

/* modal iframe */
.iframe_modal_wrap { display:none; } 
.modal_wrap { width: 100%; } 
.modal_wrap .modal_content { display: flex; margin: auto; } 
.modal_wrap .flex-box { display: flex; flex-direction: column; width: 100%; align-items: stretch; } 
.modal_wrap iframe { border: 0; background-color: transparent; max-width: 100%; height: 100%; overflow-y: auto; } 
.modal_wrap .frame-scroll-box { overflow-y: auto; padding-top: 8px;} 
.modal_wrap .frame-scroll-box::-webkit-scrollbar { width: 10px; height: 10px; } 
.modal_wrap .frame-scroll-box::-webkit-scrollbar-thumb { background-color: #d1d1d1; border-radius: 10px; background-clip: padding-box; border: 3px solid transparent; } 
.modal_wrap .frame-scroll-box::-webkit-scrollbar-corner { display: none; } 
.iframe_modal_wrap .modal_content { max-width: 94%;} 
.modal_header { margin-bottom: 0; } 
.modal_body { } 
.modal_body .board_wrap { padding:0; } 
.modal_content_wrap { padding: 0 2px; } 
.window_modal { height:100%; overflow: auto; display: none; padding: 12px; } 
.window_modal .modal_header { margin-bottom: 8px; } 
.window_modal .flex-box { display: flex; flex-direction: column; width: 100%; align-items: normal; } 
.window_modal .round-box { box-shadow:none; } 
.window_modal .modal_content_wrap { padding:0; } 

/* iframe_modal_right_fixed_wrap */
.modal_right_fixed_wrap { display:none; } 
.modal_right_fixed_wrap .modal_wrap .frame-scroll-box { padding-top: 0; } 
.modal_right_fixed_wrap .modal_wrap { justify-content: flex-end; align-items: center; } 
.modal_right_fixed_wrap .modal_wrap .modal_content { max-width: 546px; max-height: 100%; height: 100%; padding: 16px; margin: 0; border-radius : 12px 0 0 12px } 
.modal_right_fixed_wrap .modal_wrap .modal_content .modal_header { justify-content: flex-start; padding-bottom: 8px; } 
.modal_right_fixed_wrap .modal_wrap .modal_content .modal_header .modal_close { position: absolute; top: 12px; right: 18px; } 
.modal_right_fixed_wrap .modal_wrap .modal_content .modal_header i.tooltip { top: 0; margin-left: 6px; } 
.search_form.search_form_right .search_content .search_group:first-child { display: flex; flex-grow: 1; } 
.search_form.search_form_right .search_content .search_group>*.fg { flex-grow: 1; } 

/* 湲� 萸� �젟癰� modal */
.product_info { display: flex; align-items: center; } 
.product_info .product_img { flex-shrink: 0; width: 320px; text-align: center; } 
.product_info .product_img img { max-width: 100%; max-height: 244px; filter: drop-shadow(0px 10px 10px rgba(68, 68, 68, 0.1)) drop-shadow(0px 0px 1px rgba(68, 68, 68, 0.21)); } 
.product_info .product_text { flex-grow: 1; padding-left:24px; } 
.product_info .product_name { margin-bottom: 16px; font-size: 16px; } 
.product_detail_text { margin-top: 24px; padding: 16px 0; border-top: 1px solid #eee; font-size: 14px; } 


/* 諛고룷, �쟻�슜 諛뺤뒪 */
.deploy_wrap { position: relative; display: flex; -webkit-justify-content:space-between; justify-content: space-between; align-items: center; } 
.deploy_wrap .deploy_left { width:47%; } 
.deploy_wrap .deploy_right { width:47%; } 
.deploy_top { display: flex; flex-wrap: wrap; -webkit-justify-content:left; justify-content: left; align-items: center; min-height:32px; } 
.deploy_top .deploy_search { display: flex; flex-wrap: wrap; -webkit-justify-content:left; justify-content: right; align-items: center; margin-left: auto; } 
.deploy_top .deploy_search > * { margin-left: 4px; margin-bottom: 4px; } 
.deploy_top .deploy_search .btn { height: 30px; } 
.deploy_top .deploy_search .btn.btn_box_theme, .deploy_top .deploy_search .btn.btn_theme { border: none; } 
.deploy_top .deploy_search .search_button_box { max-width: 140px; } 
.deploy_top .deploy_search .search_button_box .box_input { max-width: 140px; } 
.deploy_grid { margin-top:4px; } 

.deploy_wrap .deploy_btn { margin: 36px 4px 0; } 
.deploy_wrap .deploy_btn button { display:block; width: 32px; height: 32px; margin: 10px auto; padding: 0; border: none; } 
.deploy_wrap .deploy_btn button i { display: block; width: 32px; height: 32px; background:url("/images/admin/icon_box_arrow_2x.png") no-repeat; background-size:63px 63px; } 
.deploy_wrap .deploy_btn button.left i { background-position: 1px 1px; } 
.deploy_wrap .deploy_btn button.right i { background-position: -33px 0; } 
.distribute_wrap .btn_wrap > * { margin-bottom:0 !important; } 

.deploy_column_wrap { position: relative; display: flex; flex-direction: column; } 
.deploy_column_wrap .deploy_btn { margin: 0; padding: 16px 0 8px; text-align: center; } 
.deploy_column_wrap .deploy_btn button { display:inline-block; width: 30px; height: 30px; margin: 0 4px; padding: 0; border: none; } 
.deploy_column_wrap .deploy_btn button i { display: block; width: 30px; height: 30px; background:url("/images/admin/icon_box_arrow_2x.png") no-repeat; background-size:63px 63px; } 
.deploy_column_wrap .deploy_btn button.top i { background-position: 0 -33px; } 
.deploy_column_wrap .deploy_btn button.bottom i { background-position: -33px -33px; } 
.deploy_column_wrap .btn_wrap > * { margin-bottom:0 !important; } 

/* */
.result_msg { padding: 48px 0; text-align: center; } 
.result_msg i { display: block; margin: 0 auto; } 
.result_msg strong { display: block; margin: 30px 0 14px; font-weight: bold; font-size: 20px; line-height: 120%; } 
.result_msg p { color: rgba(0, 0, 0, 0.78); line-height: 160%; } 
.result_msg button { margin-top: 30px; } 


/* 濡쒓렇�씤 */
.admin_wrap .modal_wrap { background-color: #F8F8FA; } 
.admin_wrap .modal_wrap.login_wrap { display: flex; } 
.admin_wrap .modal_wrap .modal_content { max-width: 616px; padding: 0 24px; border: none; background: transparent; box-shadow: none; display: flex; flex-direction: column; } 
.admin_wrap .modal_wrap h2 { display: flex; -webkit-justify-content:center; justify-content: center; align-items: center; margin-bottom: 32px; } 
.admin_wrap .modal_wrap h2 img { width: 120px; } 
.admin_wrap .modal_wrap h2 span { font-family: 'NanumSquareRound'; display: inline-block; margin-left: 8px; padding: 4px 8px 3px; font-weight: 800; font-size: 13px; line-height: 140%; color: var(--theme-color); border: 1px solid rgba(75, 128, 176, .38); box-sizing: border-box; border-radius: 4px; vertical-align: middle; } 
.admin_wrap .modal_wrap .cont_box { padding: 28px 20px 20px; background-color: #fff; box-shadow: 0px 18px 24px rgba(0, 0, 0, 0.12); border-radius: 8px; } 
.login_wrap .form dt { margin-bottom: 8px; font-weight: bold; font-size: 11px; color: rgba(0, 0, 0, 0.78); } 
.login_wrap .form dd input { width: 100%; height: 44px; margin-bottom: 20px; padding: 0 8px; border: none; box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.07); font-weight: bold; font-size: 14px; color: rgba(0, 0, 0, 0.78); } 
.login_wrap .form dd input::placeholder { font-weight: bold; font-size: 14px; color: rgba(0, 0, 0, 0.3); } 
.login_wrap .checkboxB + label { font-size: 12px; color: rgba(0, 0, 0, 0.78); } 
.login_wrap .text { display: block; margin-top: 24px; line-height: 160%; font-size: 12px; color: rgba(0, 0, 0, 0.78); text-align: center; letter-spacing: 0; font-family: 'NanumSquareRound'; text-align: center; } 
.admin_wrap .modal_wrap.ie_message { display: block; } 
.admin_wrap .ie_message .modal_content { padding-bottom: 40px; } 
.ie_message .text { text-align: center; font-size: 14px; color: rgba(0, 0, 0, 0.78); font-family: 'NanumSquareRound'; } 
.btn_wrap .lbtn { width: 100%; height: 60px; margin-top: 20px; padding: 0; background: #FFF; border: 2px solid var(--theme-color); box-sizing: border-box; border-radius: 8px; text-align: center; line-height: 55px; font-weight: 700; font-size: 16px; color: var(--theme-color); transition: background .3s, color .3s; font-family: "Roboto", "Noto Sans KR", sans-serif; } 
.btn_wrap .lbtn:hover { background:var(--theme-color); color: #fff; } 

/* 231113 �떎援��뼱 濡쒓렇�씤 */
.lo_area .lang_pos { position: relative; display: block; } 
.lo_area .language { position: relative; display: flex; justify-content: flex-end; align-items: center; margin-top: -5px; } 
.lo_area .language span { min-width: 22.5px; font-size: 12px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: center; margin-top: -7px; } 
.lo_area .language i.ico.lang { margin-top: -5px; margin-right: 3.5px; width: 12px; height: 12px; background:url('/images/admin/ico_lang_2x.png') no-repeat center / contain; } 
.lo_area .language i.ico.lang_check { margin-left: 2px; width: 27px; height: 27px; background:url('/images/admin/ico_lang_check_2x.png') no-repeat center / contain; } 

/* 231113 �떎援��뼱 愿�由ъ옄 �럹�씠吏� */
.lang_menu_pos { position: relative; display: block; margin-right: 18px; } 
.lang_menu_pos::after { display: none !important; } 
.lang_menu_pos a { display: flex; justify-content: flex-start; align-items: center; } 
.lang_menu_pos i.ico.lang_main { position:relative; display:block; width: 16px; height: 16px; background: url('/images/admin/ico_lang_default_2x.png') no-repeat center / contain; } 
.lang_menu_pos span { position: relative; display: block; font-size: 13px; font-weight: 400; line-height: 1.5; margin-left: 4px; margin-top: -1px; } 


/* 議고쉶議곌굔 */
.search_form .search_btn_wrap button:first-child { margin-left: 0; } 
.search_form .search_btn_wrap button.search-btn { position: relative; display: flex; justify-content: center; align-items: center; } 
.search_form .search_btn_wrap button.search-btn i { margin: 0; } 
.search_form .search_btn_wrap button.search-btn .txt-search { display: none; } 
#container .search_form .search_content .search_group .search_btn_wrap button.search-btn { width: 32px; } 


/* button */
.btn_wrap { text-align: center; } 
.single_title .btn_wrap, .cnt .btn_wrap { display: inline-block; vertical-align: middle; margin-left: 4px; } 
.btn_wrap i { margin-right: 6px; margin-top: -2px; } 
.btn_wrap i.dot { margin-top: 0; } 
.btn_wrap .btn, .row_box .row_title .btn { height: 28px; } 
.row_box .row_title .btn i { margin-right: 6px; margin-top: -2px; } 
.single_title + .btn_wrap { margin-bottom: 0; margin-left: auto; /* margin-right: 8px; */ } 
.single_title + .btn_wrap .btn_list { margin-bottom: 0px; } 
.single_title + .btn_wrap.multi .btn_list { margin-bottom: 4px; } 
.single_title .icon.required { margin-top: -3px; margin-left: 4px; } 
.search_form .search_content .search_group .search_btn_wrap button.search-btn { width: 32px; padding: 0; } 
.modal_wrap .search_form .search_content .search_group .search_btn_wrap button i { top: 0; } 
.btn_wrap .sch_single { width: 30px; margin-left: 4px; padding: 0; } 
.btn_wrap .sch_single i { margin-right: 0; } 

.btn_wrap .exel_btn, .btn_wrap .exel_up_btn { padding: 0; width: 30px; } 
.exel_upload_box input { display: none; } 
.exel_btn i { margin-top: 0; } 

.btn_sssmall { font-size: 11px; padding: 0 7px; } 
.btn_ssmall { vertical-align: middle; } 
.btn_wrap .lbtn { height: 60px; } 

/* ���씠�� */
.single_title { margin-top: 6px; margin-bottom: 7px; } 
.single_title .info_text { margin-left: 4px; } 
.board_header .single_title { margin: 0; } 
.big-title { font-size: 15px; font-weight: 700; } 


/* input, select */
.w38 { width: 38px !important; } 
.w44 { width: 44px !important; } 
.w60 { width: 60px !important; } 
.w64 { width: 64px !important; } 
.w70 { width: 70px !important; } 
.w80 { width: 80px !important; } 
.w90 { width: 90px !important; } 
.w100 { width: 100px !important; } 
.w120 { width: 120px !important; } 
.w150 { width: 150px !important; } 
.w170 { width: 170px !important; } 
.w200 { width: 200px !important; } 
.w100-per { width: 100%; } 
.h100-per { height: 100%; } 

.sel_pd .select2-container { width: calc(100% - 8px) !important; }

.h333 { height: 333px !important; } 
select.h29 { height: 29px; line-height: 26px; padding-bottom: 1px; } 
table input[type=text], table select, table textarea { width: 100%; } 
table input[type=text].sel-half, table select.sel-half { width: calc(50% - 2px); } 
table input[type=text].sel_33, table select.sel_33 { width: calc(33.3% - 1.5px); } 
table input[type=text].sel_35, table select.sel_35 { width: calc(35% - 1.5px); margin-left:4px; } 
table input[type=text].sel_40, table select.sel_40 { width: calc(50% - 52.5px); margin-left: 0px; } 
table input[type=text].sel_pd, table select.sel_pd { width: calc(100% - 8px); } 
table input[type=text].sel-link { width: calc(100% - 56px); } 
table input[type=text].sel-zip { width: 60px; } 
table input[type=text].sel-address { width: calc(100% - 130px); } 
table input[type=text].sel-file { width: calc(100% - 155px); } 

div.phone { display: flex; justify-content: flex-start; align-items: center; } 
div.phone select, div.phone input[type=text] { margin-right:4px; width:33.33%; } 
div.phone select, div.phone.phone_service input[type=text] { width: calc(33.333% - 4px); } 
div.phone>*:last-child { margin-right:0 !important; } 

div.address { display:flex; justify-content:flex-start; align-items:center; } 
div.address select, div.address input[type=text], div.address button { margin-right:4px; } 
div.address button { width:62px !important; } 
div.address *:last-child { margin-right:0 !important; } 

.btable tr > th.txt-small { font-size: 12px; } 
.btable tr > td .point { display: block; } 
.btable tr > td .point .file_del { width: auto; } 
.btable tr > td .point select { width: 56px; } 
.btable tr > td .point select.level { width: 56px; } 

.btable tr > td .point input[type=text] { width: calc(100% - 107px - 92px); margin: 0 0px; margin-top: 4px; } 
.btable tr > td .point:first-child input { margin-top: 0; } 

.btable .file_list { border-bottom: 0; margin-top: 0px; } 
.btable .file_list li { margin-bottom: 4px; } 


/* 怨듭��궗�빆 */
input[type=text].notice-sub { width: calc(100% - 128px); } 
input[type=text].notice-link { width: calc(100% - 53px); } 


/* �솉蹂댁옄猷� */
input[type=text].schedule-sub { width: calc(100% - 57px); } 
input[type=text].promoto-sub { width: calc(100% - 80px); } 


/* 湲곌�HP �솚寃쎌꽕�젙 */
input[type=text].hpset-domain { width: calc(100% - 228px); } 
input[type=text].hpset-domain2 { width: calc(100% - 268px); } 
select.hpset-domain2 { width: calc(100% - 267px); } 
input[type=text].hpset-schkey { width: calc(100% - 80px); } 
button.btn.sch-use-domain { display: block; margin-top: 4px; } 
button.btn.sch-use-domain.hide { display: none; } 
button.btn.sch-use-domain.show { display: block; } 
input[type=checkbox] + label.domain-tab2.hide { display: none; } 
input[type=checkbox] + label.domain-tab2.show { display: inline-block; } 
input[type=text].gtm_prefix { width: calc(100% - 40px); margin-left: 2px; } 
input[type=text].ga_prefix { width: calc(100% - 22px); margin-left: 2px; } 
input[type=text].gtag_prefix { width: calc(100% - 25px); margin-left: 2px; } 

.domain_wrap { padding-top: 10px; } 
.sch-use-domain.modal_wrap .search_form input[type=text] { margin: 0 4px; width: 100%; max-width: 180px; } 
.sch-use-domain.modal_wrap .search_group.flex-box { padding-bottom: 4px; } 
.sch-use-domain.modal_wrap .border_box { padding-bottom: 30px; padding-top: 16px; position: relative; } 
.sch-domain-result { display: flex; flex-direction: column; justify-content: center; align-items:center; width: 100%; /*position: absolute; bottom: 1px; left: 0; */ } 
.sch-domain-result .info_text { display: flex; } 
.sch-domain-result .info_text::before { display:none; } 
.sch-domain-result .info_text span { padding-left:7px; position:relative; } 
.sch-domain-result .info_text span::before { display: inline-block; content: ''; position: absolute; top: 9px; left: 0; width: 3px; height: 3px; background-color: #547BD0; border-radius: 50%; } 
.sch-domain-result .info_text span:empty::before { display:none; } 


/* 洹몃９媛뺤궗 �냼媛쒓�由� */
input[type=text].lecset-view-num { width: calc(100% - 71px); } 
input[type=text].lecset-video { width: calc(100% - 100px); } 


/* 湲곌�HP 硫붾돱愿�由� */
select.school-mngt-default { width: calc(100% - 138px); } 
.btable .search_button_box.school-mngt-cont-sch { width: calc(100% - 84px); } 
.html-box { display: flex; } 
.btable .school-mngt-html { width: calc(100% - 61px); display: block; } 
.btable .school-mngt-html + .btn { vertical-align: top; margin-left: 2px; height: auto; display: block; flex: none; } 


/* 釉뚮옖�뱶HP �솚寃쎌꽕�젙 */
input[type=text].brand-set-domain { width: calc(100% - 44px); } 



/* HP肄섑뀗痢� �꽕�젙 */
select.cont-set-auth { width: calc(100% - 26px); } 
select.cont-set-auth.sel_pd { width: calc(100% - 34px); } 



/* �솃 怨듭��궗�빆 愿�由� */
input[type=text].home-notice-set { width: calc(100% - 105px); } 


/* 援먯쑁湲곌�, �꽱�꽣 �꼫鍮� 怨좎젙 */
.hp-group { width: 100px; } 
.hp-center { width: 122px; } 
.hp-brand { width: 122px; } 
.deploy_search .hp-group { width: 60px; } 
.deploy_search .hp-center { width: 80px; } 



/* �븞�궡�궗�빆 */
.reference-box { font-size: 14px; color: rgba(0, 0, 0, 0.78); background: #f1f7f9; border: 1px solid #DDDDDD; border-radius: 4px; padding: 16px; margin-top: 10px; letter-spacing: -1px; } 
.reference-box .title { color: #000; margin-bottom: 8px; } 
.reference-box p { line-height: 1.5; position: relative; margin-top: 8px; margin-left: 7px; } 
.reference-box p:first-of-type { margin-top: 0; } 
.reference-box p span { margin-left: 8px; display: inline-block; vertical-align: middle; } 
.reference-box p span b { font-weight: inherit; } 
.reference-box p i.dot { position: absolute; left: 0; top: 10px; } 


/* disable 臾멸뎄 */
.disable-txt { font-size: 14px; color: rgba(0, 0, 0, 0.78); background: #F9F9F9; border: 1px solid #DDDDDD; border-radius: 4px; padding: 16px; letter-spacing: -1px; } 


/* 筌뤴뫀�뼎 */
.modal_body textarea { padding: 16px; font-size: 13px; color: rgba(0, 0, 0, 0.78); letter-spacing: -0.5px; } 
.modal_right .modal_header { padding-bottom: 8px; } 
.modal_right .modal_body .sub_tab_box { min-height: 475px; } 
.modal_right .modal_body textarea { padding: 4px 8px; margin-bottom: 8px; max-height: 461px; color: #000; font-size: 14px; } 
.modal_footer button.btn { height: 38px; } 

/* color , etc */
.color_black { color: rgba(0, 0, 0, 0.78); } 
.color_red { color: #B7654B; } 
.color_theme { color: var(--theme-color); } 
h3.cnt strong + .info_text { margin-left: 4px; } 
/* 230614 異붽� { */
h3.cnt span.info_text::before { top: 7px; } 
/* } 230614 異붽� */
.search_content { display: flex; justify-content: flex-start; flex-wrap: wrap; } 
.search_content.flex-sb { justify-content: space-between; } 
.search_content .checkboxA +label { margin-top: 6px; margin-left: 0; } 
td .checkboxA + label { top: 4px; } 

.layer_mask { position: relative; } 
.layer_mask:before { display:block; content:''; position: absolute; top:0; left:0; width:100%; height:100%; background-color: transparent; z-index: 9; } 

/* error page */
#error { background-color:#fff; } 
.error-cont { position: absolute; top: 50%; left: 50%; width: 100%; margin: 0 auto; transform: translate(-50.3%, -50.3%); text-align: center; } 
.error-cont .title { margin: 14px 0; word-break: keep-all; font-weight: bold; font-size: 20px; color: #000; } 
.error-cont .text { margin-bottom: 14px; font-size: 13px; color: rgba(0, 0, 0, 0.78); word-break: keep-all; } 
.error-cont .errorText { margin-bottom: 14px; font-size: 13px; } 
.error-cont .errorText .code { margin-right: 4px; } 
.error-cont .btn { width: 152px; height: 42px; background-color: #fff; border-radius: 19px; border-width: 2px; font-weight: bold; color: #000; border: 1px solid #000; transition: inherit; cursor: pointer; } 
.error-cont .btn.btn-theme:hover { background-color: #000; color:#fff; } 
.page-error svg circle { stroke: #000; } 
.page-error svg path { fill: #000; } 


/* spectrum color picker */
.sp-original-input-container { display: flex; width: calc(100% - 8px); } 
.sp-original-input-container input { cursor: pointer; } 
.sp-original-input-container input[type=text][readonly] { background-color: #fff; } 
.sp-button-container { display: flex; width: 100%; justify-content: right; } 
.sp-container button { font-family: "Roboto", "Noto Sans KR", sans-serif !important; display: flex; align-items: center; justify-content: center; height: 26px; } 
.sp-container button.sp-choose { background-color: var(--theme-color); } 
.sp-container button.sp-cancel { color: rgba(0, 0, 0, 0.78); } 
.sp-container button:hover { opacity: 1; } 
.sp-fill { padding-top: 76%; } 
.sp-picker-container { width: 170px; } 


/* �뿉�뵒�꽣 */
.cke { box-sizing:border-box !important; } 


/* ���떆蹂대뱶 */
/* 怨듭��궗�빆 modal */
.modal_wrap.notice .modal_content { overflow: hidden; display: flex; flex-direction: column; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding-bottom: 0; } 
.modal_wrap.notice .modal_body { overflow: auto; padding-bottom: 32px; } 

.dash-right { padding-right:8px; padding-bottom: 9px; min-height: 598px; } 
.my-service { display: flex; flex-wrap: wrap; } 
.my-service li { display: flex; align-items: center; width: calc(50% - 8px); justify-content: center; height: 264px; border: 1px solid #ddd; border-radius: 20px; margin-right: 8px; flex-direction: column; text-align: center; margin-bottom: 8px; } 
.my-service li em.title { font-size: 15px; font-weight: 700; display: block; color: rgba(0, 0, 0, 0.78); } 
.my-service li > span { font-size: 12px; color: rgba(0, 0, 0, 0.78); font-weight: 400; margin-top: 4px; } 
.my-service li em.title:empty + span { font-size: 15px; font-weight: 700; display: block; color: rgba(0, 0, 0, 0.78); } 
.my-service li .btn-box { display: flex; justify-content: center; width: 100%; } 
.my-service li .btn-box a, .my-service li .btn-box button { display: flex; margin-top: 16px; height: 30px; border-radius: 4px; border: 1px solid #999999; max-width: 90px; width: 100%; justify-content: center; align-items: center; padding-top: 2px; font-size: 13px; font-weight: 700; transition: all 0.4s; } 
.my-service li .btn-box a span, .my-service li .btn-box button span { font-weight: 700; color: rgba(0, 0, 0, 0.78); display: flex; align-items: center; } 
.my-service li .btn-box a i, .my-service li .btn-box button i { position: relative; width: 6px; height: 10px; margin-left: 8px; } 
.my-service li .btn-box a i::before, .my-service li .btn-box button i::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 6px; height: 10px; background: url(/images/admin/icon_left_arrow_default_2x.png) no-repeat center / 6px 10px; margin-top: -1px; transition: all 0.4s; } 
.my-service li .btn-box a i::after, .my-service li .btn-box button i::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 6px; height: 10px; background: url(/images/admin/icon_left_arrow_active_2x.png) no-repeat center / 6px 10px; margin-top: -1px; opacity: 0; transition: all 0.4s; } 
.my-service li .btn-box a:hover, .my-service li .btn-box button:hover { background-color: #45546B; border-color: #45546B; } 
.my-service li .btn-box a:hover span, .my-service li .btn-box button:hover span { color: #fff; } 
.my-service li .btn-box a:hover i::before, .my-service li .btn-box button:hover i::before { opacity: 0; } 
.my-service li .btn-box a:hover i::after, .my-service li .btn-box button:hover i::after { opacity: 1; } 
.my-service li .btn-box.app a { width: 64px; height: 64px; border: 1px solid #ddd; border-radius: 8px; /*margin-left: 8px; */ margin-left: 4px; margin-right:4px; padding-top: 0; } 
.my-service li .btn-box.app a:first-child { /*margin-left: 0; */ } 
.my-service li .btn-box.app a::before { content:""; display: block; width: 64px; height:64px; margin: 0 auto; } 
.my-service li .btn-box a.apple::before { background: url(/images/admin/icon_apple_store_2x.png) no-repeat center / 22px 26px; } 
.my-service li .btn-box a.google::before { background: url(/images/admin/icon_play_store_2x.png) no-repeat center / 18px 21px; } 
.my-service li .btn-box.app a:hover { background-color: #fff; } 

/* 鍮꾪솢�꽦�솕 */
.my-service li.disabled { background-color: #F3F3F3; position:relative; } 
.my-service li.disabled::after { content: ""; position:absolute; display: block; top: 0; left:0; width: 100%; height: 100%; z-index:5; } 
.my-service li.disabled .btn-box a, .my-service li.disabled .btn-box button { border-color: #ddd; color:rgba(0,0,0,.38); background-color: #F3F3F3; cursor: default; } 
.my-service li.disabled .btn-box a:hover, .my-service li.disabled .btn-box button:hover { border-color: #ddd; background-color: #F3F3F3; } 
.my-service li.disabled .btn-box a span, .my-service li.disabled .btn-box button span, .my-service li.disabled .btn-box a:hover span, .my-service li.disabled .btn-box button:hover span, .my-service li.disabled em.title, .my-service li.disabled em.title + span { color:rgba(0,0,0,.3); } 
.my-service li.disabled .btn-box a i::before { opacity:0.3; } 
.my-service li.disabled .btn-box a i::after { opacity:0; } 
.my-service li.disabled .btn-box.app a::before { filter: grayscale(100%); opacity: 0.5; } 


/* board */
.bo_title { padding-bottom: 8px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #eee; } 
.bo_title .bo_notice { margin-right: 8px; } 
.bo_title .date { font-size: 12px; display: block; color: rgba(0, 0, 0, 0.38); font-weight: 400; } 
.bo_title>strong { font-size: 18px; color: rgba(0, 0, 0, 0.78); font-weight: 700; line-height: 1.6; } 
.bo_file { } 
.file_list { margin-top: 16px; border-bottom: 1px solid #eee; } 
.file_list li { display: inline-block; margin-right: 6px; margin-bottom:16px; } 
.file_list li a { display: flex; width: auto; padding:6px 16px; border:1px solid #dbdbdb; border-radius:22px; font-weight: bold; font-size: 12px; } 
.file_list li a>* { margin-right: 8px; } 
.file_list li a>*:last-child { margin-right: 0px; } 
.file_list li span { display: block; white-space: normal; line-height: 20px; height: 21px; font-size: 12px; color: rgba(0, 0, 0, 0.78); word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } 
.bo_content { padding:24px 0; overflow-y: auto; font-size: 15px; line-height: 180%; color: #1a1818; font-weight: normal; letter-spacing: -0.3px; text-rendering: optimizeLegibility; } 
.bo_content .bo_inner { } 
.bo_info { padding-bottom:16px; border-bottom: 1px solid #eee; text-align: right; font-weight: 400; } 
.bo_info .w_name { margin-right: 4px; color: var(--theme-color); } 
.bo_info .w_date { color: rgba(0, 0, 0, 0.38); } 
.bo_nav { margin-top: 16px; } 
.bo_nav .page_btns { text-align: right; } 
.bo_nav .page_btns button { position: relative; height:45px; padding: 0 24px; border-radius: 8px; line-height: inherit; } 
.page_btns .btn_prev { margin-right: 15px; } 
.page_btns .btn_prev::after { display: inline-block; content: ''; position: absolute; top: 16.5px; right: -10px; width: 1px; height: 8px; background-color: #C4C4C4; } 
.page_btns .btn_prev span { padding-left: 9px; background: url("/images/admin/icon_arrow_left_sm_2x.png") no-repeat left center; background-size: 5px 8px; } 
.page_btns .btn_next span { padding-right: 9px; background: url("/images/admin/icon_arrow_right_sm_2x.png") no-repeat right center; background-size: 5px 8px; } 

.board_empty { padding:8px 0 24px; text-align: center; } 
.board_empty .text { display: block; margin-bottom: 10px; color: #B7654B; word-break: keep-all; } 
.board_empty .btn_setting { background: var(--theme-color); border:1px solid var(--theme-color); color: #fff; line-height:22px; } 
.board_empty .btn_setting i { position: relative; top:-1px; margin-right: 6px; } 
.bo_content img { max-width: 100%; height: auto !important; } 


/* 諛곕꼫 ���엯 */
.radioA.bnr-type input + label::before { display: none; } 
.radioA.bnr-type label span { margin-left: 0; } 
.radioA.bnr-type input + label { padding-left: 0; } 
.radioA.bnr-type input + label .txt { position: relative; padding-left: 20px; margin-top: 2px; } 
.radioA.bnr-type input + label .txt::before { content:''; position: absolute; left: 0; top: 1.5px; display: inline-block; width: 17px; height: 17px; margin-right: 2px; cursor: pointer; border-radius: 50%; background-image: url('/images/admin/icon_radio_default_2x.png'); background-size: 17px 17px; background-repeat: no-repeat; background-color: #fff; } 
.radioA.bnr-type input:checked + label .txt::before { background-image: url('/images/admin/icon_radio_check_2x.png'); } 
.radioA.bnr-type input[disabled] + label .txt::before { background-image: url('/images/admin/icon_radio_disabled_2x.png'); } 
.bnr-type { display: flex; } 
.bnr-type .bnr-box { margin-left: 20px; } 
.bnr-type .bnr-box:first-child { margin-left: 0; } 
.bnr-type span { display: block; } 
.bnr-type .img-icon { width: 80px; height: 107px; background: url(/images/admin/img_bnr_type1_2x.png) no-repeat center / 80px 107px; margin: 0 auto; } 
.bnr-type .img-icon.type2 { background-image: url(/images/admin/img_bnr_type2_2x.png); } 
.bnr-type .img-icon.type3 { background-image: url(/images/admin/img_bnr_type3_2x.png); } 
.bnr-type .img-icon.type4 { background-image: url(/images/admin/img_bnr_type4_2x.png); } 
.bnr-type label { margin-left: 0; margin-top: 0px; } 
.bnr-type.radioA input:checked + label::after {display:none;}

.bnr-type .img-icon.quick_type1 { background-image: url(/images/admin/img_quick_bnr_type1_2x.png); } 
.bnr-type .img-icon.quick_type3 { background-image: url(/images/admin/img_quick_bnr_type3_2x.png); } 


/* �뙆�씪 �뾽濡쒕뱶 */
.n-upload-box { display: flex; width: 100%; } 
.n-upload-box form { display: flex; width: 100%; } 
.n-upload-box input[type=file] { display: none; } 
.n-upload-box .f-upload-btn { flex: none; width: 64px; padding: 0; height: 55px; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; border-radius: 8px; font-size: 12px; flex-direction: column; padding-top: 7px; cursor: pointer; transition: all 0.4s; font-weight: 400; } 
.n-upload-box .f-upload-btn i.sch-file { display: block; width: 18px; height: 17px; background: url(/images/admin/icon_file_upload_2x.png) no-repeat center / 18px 17px; margin-bottom: 4px; } 
.n-upload-box .info-box { display: flex; flex-direction: column; justify-content: center; margin-left: 12px; width: calc(100% - 77px); } 
.n-upload-box .info-box span { display: block; font-size: 12px; line-height: 25px; } 
.n-upload-box .info-box span.file-name { margin-bottom: 4px; display: flex; } 
.n-upload-box .info-box span.file-name:last-child { margin-bottom: 0; } 
.n-upload-box .info-box span.file-name .file { font-size: 12px; height: 25px; display: inline-block; align-items: center; justify-content: center; padding: 0 12px; border-radius: 8px; border: 1px solid #d8d8d8; vertical-align: middle; line-height: 22px; font-weight: 700; color: rgba(0, 0, 0, 0.78); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: calc(100% - 27px); } 
.n-upload-box .info-box span.file-name .btn-delete { width: 25px; height: 25px; border: 1px solid #d8d8d8; border-radius: 8px; vertical-align: middle; padding: 0; background: url(/images/admin/icon_file_delete_2x.png) no-repeat center / 9px 10px; flex: none; margin-left: 4px; } 
.n-upload-box .info-box span.file-name .btn-delete:hover { background-color: #f4f4f4 } 
.n-upload-box .info-box span.file-name .btn-download { width: 25px; height: 25px; border: 1px solid #d8d8d8; border-radius: 8px; vertical-align: middle; padding: 0; background: url(/images/admin/icon_tui_download_3x.png) no-repeat center / 15px 15px; flex: none; margin-left: 4px; } 
.n-upload-box .info-box span.file-name .btn-download:hover { background-color: #f4f4f4 } 
.n-upload-box .info-box span.info { padding-top: 5px; border-top: 1px solid #d8d8d8; display: flex; line-height: 17px; } 
.n-upload-box .info-box span.info i { flex: none; width: 18px; height: 20px; background: url(/images/admin/icon_info_big_2x.png) no-repeat center / 18px 20px; margin-right: 4px; } 

.n-upload-box .f-upload-btn { position: relative; overflow: hidden; } 
.n-upload-box .f-upload-btn img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 56px; max-height: 56px; margin: auto; transition: all 0.4s; } 
.n-upload-box .f-upload-btn img.other-file { width: 22px; height: 20px; } 

.n-upload-box .f-upload-btn img ~ * { opacity:0 } 
.n-upload-box .f-upload-btn:hover { background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); } 

.n-upload-box.n-upload-box-custom .f-upload-btn { width: 55px; height: 55px; } 
.n-upload-box.n-upload-box-custom .info-box { margin-left: 8px; width:calc(100% - 64px); } 

/* 230524 鍮꾪쉶�썝 臾몄옄 諛쒖넚 css 異붽� :: mswitch css 李몄“ { */
.message-wrap .sms-set-cont { margin-bottom: 4px; } 
.message-wrap .sms-set-cont::after { display: block; content: ''; clear: both; } 
.message-wrap .sms-set-cont .checkboxAdm { position: relative; vertical-align: middle; top: 4px; } 
.sms-message-table .sms-set { float: right; } 
.sms-message-table .sms-set .sms-byte { display: inline-block; margin-right: 8px; color: rgba(0, 0, 0, 0.78); vertical-align: middle; } 
.sms-message-table .sms-set .sms-byte .nowByte { font-weight: bold; color: var(--theme-color); } 
.sms-message-table .sms-set .sms-byte .infoByte::before { display: inline-block; content: '/'; margin: 0 2px; } 
.sms-textfeld .smsTextarea { height: 204px; } 
/* 230612 �닔�젙�궗�빆 泥섎━ */
.t_hidden>table.sms-message-table { min-width:393px; } 

.message-wrap .edit-area .edit-box { display: inline-block; } 
.message-wrap .edit-area .edit-box .btn-list { display: flex; font-size: 11px; padding: 1px 0 2px 0; border: 1px solid #ddd; border-radius: 4px; max-width: 156px; width: 100%; } 
.message-wrap .edit-area .edit-box .btn-list li { width: 100%; display: flex; align-items: center; justify-content: center; position: relative; } 
.message-wrap .edit-area .edit-box .btn-list li::after { content: ""; width: 1px; height: 8px; background-color: #ddd; position: absolute; display: block; left: -1px; top: 1px; bottom: 0; margin: auto 0; } 援щ텇�꽑
.message-wrap .edit-area .edit-box .btn-list li:first-child::after { display: none; } 
.message-wrap .edit-area .edit-box .btn-list li button { padding: 2px 7px; font-weight: 800; font-family: "Roboto", "Noto Sans KR", sans-serif; color: rgba(0, 0, 0, 0.78); width: 100%; } 
.message-wrap .edit-area .edit-box .btn-list li button[disabled] { color:rgba(0,0,0,0.2); cursor:default; } 
/* message-wrap �� Mswitch �뿉�꽌 媛��졇���꽌, 以묐났�맆 �뿬吏�媛� �엳�쑝�굹 �떎�쓬�뿉 �삤�뒗 �겢�옒�뒪�뱾濡� 以묐났�쓣 �뵾�븿 */

/* �삁�빟 */
.reserve-wrap .set-group { display: flex; align-items: center; justify-content: space-between; } 
.reserve-wrap .set-group.auto-group { justify-content: left; } 
.reserve-wrap .set-group .sub { font-size: 12px; color: rgba(0, 0, 0, 0.78); } 
.reserve-wrap .set-group select { height: 24px; line-height: 22px; color: rgba(0, 0, 0, 0.78); letter-spacing: -1px; } 
.reserve-wrap .detail-set-area .set-group { padding: 2px 0; } 

.reserve-wrap .time-input { width: 54px; height: 27px; border: 1px solid #ddd; border-radius: 4px; padding: 0 8px; position: relative; } 
.reserve-wrap .time-input .contrl { position: absolute; width: 16px; height: 13px; } 
.reserve-wrap .time-input .contrl.top { background: url(/images/admin/ico_arrow_top_2x.png) no-repeat center / 6px 5px; top: 0; right: 5px; } 
.reserve-wrap .time-input .contrl.bottom { background: url(/images/admin/ico_arrow_bottom_2x.png) no-repeat center / 6px 5px; bottom: 0; right: 5px; } 
.reserve-wrap .time-input input[type=text] { height: 100%; width: 22px; border: none; font-size: 12px; padding: 0; color: rgba(0, 0, 0, 0.78); } 
.reserve-wrap .time-input input[type=text][readonly] { background-color: #fff; } 

.reserve-wrap .colon { margin: 0 4px 0 4px; } 
.reserve-wrap .time-input.disabled { background-color: #f5f5f5; } 

.sms_text_contents { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px 0; overflow-y:auto; } 

/* �삁�쇅泥섎━ { */
/* reserve-wrap, tab_board_send, .tab_board_address �겢�옒�뒪�뒗 M connect '鍮꾪쉶�썝臾몄옄諛쒖넚' �럹�씠吏��뿉�꽌留� �궗�슜 以�. */
.message-wrap .sms-set-cont input { margin-top: 0; } 
.reserve-wrap .set-group input { margin-top: 0; } 

/* board_header_new �깉濡쒖슫 style 異붽�, �븵�쑝濡� 遺��젣紐⑹쓣 '�젣紐�(00)'�쑝濡� 蹂�寃쏀븷 �삁�젙 */
.board_header_new h3.cnt .num, .board_header_new h3.cnt .num { margin-right: 0; } 
.board_header_new .info_text { margin-right: 4px; } 

/* btn_wrap �븞�뿉 search_box 瑜� �꽔�뼱�꽌 寃��깋 踰꾪듉�쓽 �뒪���씪 議곗젙, btn_wrap �븞�뿉 �꽔�뒗 寃쎌슦�뒗 留ㅼ슦 �씠濡��쟻�씤 寃쎌슦. */
.btn_wrap .search_group .search_btn_wrap button.search-btn { width: 32px; padding: 0 9px; } 

/* 紐⑤떖 愿��젴 Mswitch �뿉�꽌 李몄“ */
/* modal_wrap layer �겢�옒�뒪媛� �뱾�뼱媛� �럹�씠吏��뒗 '鍮꾪쉶�썝 臾몄옄諛쒖넚 �뙘�뾽�씠 �쑀�씪' */
.modal_wrap.layer .modal_content { width: 100%; max-width: 100%; height: 100%; border: none; border-radius: 0; max-height: 100%; box-shadow: none; background: #f8f8f8; } 
.modal_wrap.layer .modal_content .search_wrap .round_box { padding: 0 16px; } 
.modal_wrap.layer { display: block !important; height:100% !important; } 
 /* } �삁�쇅泥섎━ */

.modal_wrap.layer .modal_body { width: 100%; } 

/* } 鍮꾪쉶�썝 臾몄옄 諛쒖넚 css 異붽� :: mswitch css 李몄“, 李몄“�뻽�쑝�굹 M connect�뿉留� �엳�뒗 怨좎쑀 css */

/* 230601 �겢由��떆 蹂듭궗�릺�뒗 �뀓�뒪�듃 :: �몴 �궡遺��쓽 info_text 愿��젴 �닔�젙 */
.info_text_copy { display:flex; justify-content:flex-start; align-items:center; } 
.info_text_copy a { width:16px; height:14px; background:url('/images/admin/btn_copy.gif') no-repeat center / contain; margin-left: 4px; margin-top: 2px; } 

/* 230602 css �꽭遺�議곗젙 :: 鍮꾪쉶�썝 臾몄옄諛쒖넚 �젅�씠�뼱 �뙘�뾽 */
.board_header>.search_group>.search_btn_wrap>.search-btn.btn { padding:0 8px; } 

/* url異붿쟻 寃곌낵 �뙘�뾽 �뒪���씪 230614 { */
/* 蹂꾨룄 愿�由� �븘�슂 �쑀臾대뒗 異붽��쟻�쑝濡� �궗�슜�맆 寃쎌슦 */
/* text style */
.fwb { font-weight: bold; } 

/* icon */
i { display: block; } 
i.search-white { width: 13px; height: 14px; background: url(/images/admin/icon_search_white.png) no-repeat center / 13px 14px; } 

/* table */
.url-result-pop table { line-height: 1.5; } 
.url-result-pop table td, .url-result-pop table th { text-align: center; border: 1px solid #ddd; } 
.url-result-pop table td:first-child, .url-result-pop table th:first-child { border-left: none; } 
.url-result-pop table td:last-child, .url-result-pop table th:last-child { border-right: none; } 
.url-result-pop table thead th { background-color: #f5f5f5; padding: 6px 0; font-size: 12px; font-weight: 700; } 
.url-result-pop table td { padding: 8px; font-size: 12px; color: rgba(0, 0, 0, 0.78); } 
.url-result-pop table td.txt-left { text-align: left; } 

/* �럹�씠吏� �뒪���씪 */
.pagination-wrap { margin-top: 26px; font-family: "Roboto", "Noto Sans KR", sans-serif; font-weight: normal; text-align: center; } 
.paging button { width: 30px; height: 42px; background: url(/images/admin/ico_pagination_2x.png) no-repeat; background-size: 120px 42px; } 
.paging button span { display: inline-block; font-size: 0; text-indent: -999px; } 
.paging .first-btn { background-position: 0 0; } 
.paging .prev-btn { background-position: -30px 0; } 
.paging .next-btn { background-position: -60px 0; } 
.paging .last-btn { background-position: -90px 0; } 
.paging .paging-num { display: inline-block; margin: 0 12px; vertical-align: middle; } 
.paging .paging-num .page { display: inline-block; width: 30px; height: 46px; line-height: 46px; font-size: 16px; color: rgba(0, 0, 0, 0.78); cursor: pointer; } 
.paging .paging-num .page.active, .paging .paging-num .page:hover { font-weight: bold; color: #383838; color: var(--theme-color); } 
.paging .paging-num .now-num, .paging .paging-num .last-num { display: none; } 

/* �뿉�윭�럹�씠吏� */
.error-cont { position: absolute; top: 50%; left: 50%; width: 100%; margin: 0 auto; transform: translate(-50.3%, -50.3%); text-align: center; } 
.error-cont .title { margin: 14px 0; word-break: keep-all; font-weight: bold; font-size: 20px; color: #000; } 
.error-cont .text { margin-bottom: 14px; font-size: 13px; color: rgba(0, 0, 0, 0.78); word-break: keep-all; } 
.error-cont .errorText { margin-bottom: 14px; font-size: 13px; } 
.error-cont .errorText .code { margin-right: 4px; } 
.error-cont .btn { width: 152px; height: 42px; border-radius: 19px; color: #fff; transition: inherit; background-color: #000; border: none; margin: 0 auto; } 
.error-cont .btn.btn-theme:hover { background-color: var(--theme-color); } 
/* .page-error svg circle { stroke: var(--theme-color); } 
.page-error svg path { fill: var(--theme-color); } */

/* url異붿쟻 寃곌낵 �뙘�뾽 �뒪���씪 */
body { overflow-x: auto; } 
.pop-cont { padding: 16px; background-color: #e5e5e5; min-width: 1300px; } 
.url-result-pop { min-width: 1024px; } 
.url-result-pop .round-box { padding: 0; } 
.url-result-pop .col { margin-top: 14px; padding: 0; } 
.url-result-pop .col:first-child { margin-top: 0; } 
.round-box { background-color: #fff; padding: 8px 16px 20px; box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1); border-radius: 8px; } 
.url-result-pop .title-box { padding-bottom: 8px; display: flex; justify-content: space-between; align-items: center; } 
.url-result-pop .title-box .title { font-size: 14px; font-weight: 700; } 
.url-result-pop .title-box .title.single { margin: 3.6px; } 
.url-result-pop .title-box .btn-box { display: flex; } 
.url-result-pop .title-box .search-box { display: flex; } 
.url-result-pop .title-box .btn-box .btn { position: static; width: initial; height: 30px; flex: none; background-color: var(--theme-color); border: none; color: #fff; display: block; border-radius: 4px; line-height: 30px; padding: 0 16px; text-align: center; transition: all 0.3s; font-weight: 700; font-size: 13px; font-family: "Roboto", "Noto Sans KR", sans-serif; } 
.url-result-pop .title-box .btn-box .btn.btn-theme:hover { background-color: var(--theme-color); } 

.url-result-pop .search-box .search { width: 180px; margin-left: 8px; } 
.url-result-pop .btn-box { margin-left: 8px; } 

.url-result-pop .camp-info-table .cp-state { width: 70px; } /* �긽�깭 */
/* .url-result-pop .camp-info-table .cp-name { } *//* 罹좏럹�씤紐� */
.url-result-pop .camp-info-table .cp-andate { width: 150px; } /* 遺꾩꽍湲곌컙 */
.url-result-pop .camp-info-table .cp-submit-num { width: 100px; } /* 諛쒖넚���긽嫄댁닔 */
.url-result-pop .camp-info-table .cp-sms-type { width: 70px; } /* 臾몄옄���엯 */
.url-result-pop .camp-info-table .cp-price { width: 120px; } /* 諛쒖넚鍮꾩슜(�썝) */
.url-result-pop .camp-info-table .cp-date { width: 120px; } /* 諛쒖넚�씪�떆 */

.url-result-pop .result-table td { /* overflow: hidden; */ } 
.url-result-pop .result-table input[type=text] { border: 0; padding: 0; font-size: 12px; height: auto; } 

.url-result-pop .result-table .re-num { width: 40px; } /* No */
.url-result-pop .result-table .re-type { width: 50px; } /* �쉶�썝援щ텇 */
.url-result-pop .result-table .re-grade { width: 50px; } /* �븰�뀈 */
.url-result-pop .result-table .re-name { width: 70px; } /* �쉶�썝紐� */
.url-result-pop .result-table .re-name a { text-decoration: underline; color: var(--theme-color); } 
.url-result-pop .result-table .re-phone-num { width: 100px; } /* �쑕���룿踰덊샇 */
.url-result-pop .result-table .re-click-chk { width: 70px; } /* �겢由��뿬遺� */
.url-result-pop .result-table .re-submit-type { width: 70px; } /* 諛쒖넚援щ텇 */
.url-result-pop .result-table .re-submit-state { width: 70px; } /* �쟾�넚�긽�깭 */
.url-result-pop .result-table td.re-alert { padding-right: 0; } 
.url-result-pop .result-table .re-click-date { width: 100px; } /* URL �겢由��씪�떆 */

/* 遺꾩꽍 �븞�궡硫섑듃 */
.url-result-pop .col .state-info-box { font-size: 14px; font-weight: 400; color: rgba(0, 0, 0, 0.78); background-color: #F7F7F7; border: 1px solid #ddd; border-radius: 8px; text-align: center; padding: 8px 0; letter-spacing: -0.5px; } 
.url-result-pop .col .state-info-box span { font-weight: 700; color: #9F5165; } 

.url-result-pop .col.chart { /* display: flex; */ overflow:hidden; } 
.url-result-pop .col.chart .chart-item { width: calc(33.33% - 11px); margin-left: 16px; float:left; } 
.url-result-pop .col.chart .chart-item:first-child { margin-left: 0; } 
.url-result-pop .col.chart .chart-item .title { font-size: 14px; font-weight: 700; margin-top: 4px; margin-bottom: 8px; } 
.url-result-pop .col.chart .chart-item .sub-text { display: inline-block; margin-left:12px; font-size: 12px; font-weight: normal; } 

.url-result-pop .col.chart .chart-item .chart-area { width: 100%; height: 240px; border: 1px solid #ddd; text-align: center; } 

.url-result-pop .paging-box { margin-top: 26px; } 
.url-result-pop .col.chart .range-item { display: inline-block; font-size: 13px; } 
.url-result-pop .col.chart .range-item { margin-left: 8px; } 
.url-result-pop .col.chart .range-item:first-child { margin-left: 0; } 
.url-result-pop .col.chart .range-item i { width: 10px; height: 10px; border-radius: 50%; display: inline-block; margin-right: 4px; } 
.url-result-pop .col.chart .range-item span { line-height:2.2; } 

/* url �겢由� 李⑦듃 �쁺�뿭 */
.url-result-pop .col.chart.url-click-chk { flex-wrap: wrap; } 
.url-result-pop .col.chart.url-click-chk .chart-item { width: calc(25% - 12px); margin-left: 0; margin-right: 16px; margin-bottom:16px; } 
.url-result-pop .col.chart.url-click-chk .chart-item:nth-child(4n+0) { margin-right: 0; } 

/* �닔�떊���긽�옄 */
.url-result-pop .col.customer-info-table { margin-top: 0; } 
.url-result-pop .search-result-wrap { display: flex; flex-wrap: wrap; } 
.url-result-pop .search-result-wrap .row { margin-right: 16px; width: 100%; } 
.url-result-pop .search-result-wrap .row:last-child { margin-right: 0; } 
.url-result-pop .search-result-wrap .left-fix { width: calc(100% - 531px); } 
.url-result-pop .search-result-wrap .right-fix { width: 515px; } 

.url-result-pop .result-table .de-num { width: 50px; } 
.url-result-pop .result-table .de-click-cnt { width: 50px; } 
.url-result-pop .result-table .de-date { width: 120px; } 
.url-result-pop .result-table td.de-url { text-align: left; width: 100%; padding-right: 0; } 
.url-result-pop .result-table td input { width: 100%; letter-spacing: -1px; } 

/* 李⑦듃 踰붽퀎 而щ윭 */
/* �룄�꽋洹몃옒�봽 */
.url-result-pop .col.chart .range-item .p-circle { background-color: #1AD0C1; } 
.url-result-pop .col.chart .range-item .n-circle { background-color: #e5e4e2; } 
.url-result-pop .col.chart .range-item .s-circle { background-color: #FFB800; } 

/* 留됰�洹몃옒�봽 */
.url-result-pop .col.chart .range-item .p-square { background-color: #1AD0C1; border-radius: 0; } 
.url-result-pop .col.chart .range-item .n-square { background-color: #e5e4e2; border-radius: 0; } 

@media screen and (max-width:1400px) { /* 230615 */
 .url-result-pop .search-result-wrap.search-result-wrap-1300 { display:block; } 
 .url-result-pop .search-result-wrap.search-result-wrap-1300 .left-fix { width: 100%; } 
 .url-result-pop .search-result-wrap.search-result-wrap-1300 .right-fix { width: 100%; } 
 }
/* } 230614 */

/* 230621 text-banner */
.text-banner { position: relative; width: 100%; max-width:800px; height: 56px; padding:12px 16px; border-radius:100px; background:var(--theme-color); margin:0px auto; margin-top:8px; margin-bottom:32px; } 
.text-banner-flex { display: flex; justify-content: space-between; align-items: center; height: 100%; } 
.text-banner-icon { width:32px; height:32px; } 
.text-banner-icon img { width:100%; height:100%; object-fit:contain; } 

.swiper-text-banner { height:100%; flex-grow:1; } 
.swiper-text-banner a { display:flex; justify-content: flex-start; align-items: center; } 
.swiper-text-banner a .text-banner-popup-icon { opacity:0; width:24px; height:24px; transition:opacity 0.3s ease-in-out; } 
.swiper-text-banner a:hover .text-banner-popup-icon { opacity:1; } 
.swiper-text-banner a .text-banner-title { font-size: 15px; font-weight: 800; line-height: 1.4; text-align: center; color:#fff; padding-left:8px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; max-width:90%; } 
.swiper-text-banner a:hover .text-banner-title { text-decoration: underline; } 


.text-banner-close { width:24px; height:24px; } 
.text-banner-close img { width:100%; height:100%; object-fit:contain; } 
.text-banner-pagination { position: absolute; top: 60px !important; right: inherit !important; left: 50% !important; transform: translateX(-50%) !important; display: flex; } 
.text-banner-pagination .swiper-pagination-bullet { width:6px; height:6px; background:rgba(0, 0, 0, 0.3); margin-right:8px !important; } 
.text-banner-pagination .swiper-pagination-bullet-active { width: 6px; height: 6px; background: var(--theme-color) !important; } 
.swiper-wrapper.disabled { transform: translate3d(0px, 0, 0) !important; } 



/* progress bar */
#progress_bar_wrapper::before { content:''; z-index: 1000; border: none; margin: 0px; padding: 0px; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgb(0, 0, 0); opacity: 0.6; cursor: wait; position: fixed; } 
#progress_bar_content { z-index: 1011; position: fixed; padding: 15px; margin: 0px; max-width: 388px; width: 80%; top: 40%; left: 50%; transform: translate(-50%, 0); text-align: center; color: rgb(255, 255, 255); font-weight: bold; border: none; background-color: rgb(0, 0, 0, 0.5); cursor: wait; border-radius: 10px; } 
#progress_bar_msg { opacity: 0.7; } 
.progress_bar_boxA { width: 100%; } 
.progress_bar_boxA .percentage_text { font-size: 18px; opacity: 0.9; } 
.progress_bar_boxA .uploading_text { margin-top: 6px; opacity: 0.7; } 
.progress_bar_boxA progress { width: 100%; margin-top: 8px; opacity: 0.8; appearance: none; } 
.progress_bar_boxA progress::-webkit-progress-bar { background:#f0f0f0; border-radius:12px; } 
.progress_bar_boxA progress::-webkit-progress-value { border-radius:12px; background: #416cd8; } 

.info_edu_mng { border: 1px solid #eee; padding: 3px 10px 3px; margin-top: 6px; } 
.info_edu_mng.show { display:inline-block; } 



/* 留덉씠留� 湲곗〈 css */
.my-map-wrap { height:calc(100% - 86px); position: fixed; bottom:-29px; left:0; width:100%; } 
.my-map-wrap * { letter-spacing:-1px; } 
.my-map-wrap i { display:block; } 
.my-map-wrap i.icon { display:inline-block; } 
.my-map-wrap .ico.map-maker { width:31px; height:41px; background: url(/static/images/common/ico_maker_2x.png) no-repeat center / 31px 41px; } 
.my-map-wrap #map { position: fixed; position:absolute; bottom:-45px; left:0; height:100%; width:100%; } 

/* 留덉씠留� 湲곗〈 css 硫붿씤 踰꾪듉 */
.my-map-wrap .float-main-btn { position: absolute; z-index: 100; right: calc(100% + 60px); bottom: 60px; padding:10px; } 
.my-map-wrap .hover-area { width:100px; height:100px; background-color:#fff; border:1px solid #d8d8d8; box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.15); display:flex; justify-content:center; align-items:center; flex-direction: column; border-radius: 50%; right:24px; bottom: 24px; } 
.my-map-wrap .hover-area span { font-weight:700; color: var(--theme-color); margin-top: 2px; font-size: 16px; letter-spacing: -1px; } 
.my-map-wrap .btn-box { position:absolute; bottom: calc(100% + 6px); display:flex; background-color:#fff; border-radius:4px; border: 1px solid #d8d8d8; justify-content:center; align-items:center; flex-direction: column; padding: 6px 0; box-shadow: 0px 18px 18px rgba(68, 68, 68, 0.06), 0px 0px 1px rgba(68, 68, 68, 0.31); opacity:0; visibility:hidden; transition: all 0.3s; } 
.my-map-wrap .btn-box::after { content:""; position:absolute; display:block; width:12px; height: 10px; background: url(/static/images/common/img_n_tip_tail_2x.png) no-repeat center / 12px 10px; top:100%; left:0; right:0; margin: 0 auto; transform:rotate(180deg); } /* 留먰뭾�꽑 瑗щ━ */
.my-map-wrap .btn-box .btn { padding:0; border:none; border-radius:0; height:auto; width: 100px; } 
.my-map-wrap .btn-box .btn:hover { background-color:transparent; text-decoration: underline; } 
.my-map-wrap .float-main-btn:hover .btn-box { opacity:1; visibility:visible; } 


/* 留덉씠留� 湲곗〈 css 留덉씠留� 由ъ뒪�듃 */
.my-map-wrap .map-list { position: absolute; height:100%; width:auto; right:0; top:0; z-index: 20; } 
.my-map-wrap .map-list .console.card { display:flex; flex-direction: column; height:100%; border-radius: 8px 0 0 0; box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.1); background-color: #fff; } 
.my-map-wrap .map-list .card-header { position:relative; display:flex; align-items:center; padding-bottom:4px; padding: 16px; padding-bottom:14px; box-shadow: 0px -1px 12px rgba(0,0,0,.1); } 
.my-map-wrap .map-list .card-header::after { content:""; position: absolute; left:0; right:0; bottom:0; width: 100%; margin:0 auto; display:block; height:1px; background-color: #ddd; } /* 諛묒쨪 */
.my-map-wrap .map-list .card-header .card-title { font-size:16px; font-weight:700; } 
.my-map-wrap .map-list .card-header .btn { margin-left: auto; background: url(/static/images/common/icon_close_2x.png) no-repeat center / 16px 16px; width:32px; height:32px; padding:0; border:none; } 
.my-map-wrap .map-list .card-body { width:500px; padding: 16px; padding-top: 0; height:100%; overflow-y:auto; } 
.my-map-wrap .map-list .card-body .item { padding:16px 0; border-top: 1px solid #eee; padding-bottom:16px; } 
.my-map-wrap .map-list .card-body .cnt { text-align:center; font-size:14px; padding:8px 0; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; font-weight: 700; } 
.my-map-wrap .map-list .card-body .cnt:first-child { border-top: none; } 
.my-map-wrap .map-list .card-body .cnt b { font-weight:700; color: var(--theme-color); margin: 0 2px; } 
.my-map-wrap .map-list .card-body .multi-box { display:flex; justify-content: space-between; align-items: center; } 

.my-map-wrap .map-list .card-body .cnt + .item { border-top: none; } 
.my-map-wrap .map-list .card-body .item .name { display:flex; align-items:center; width:calc(100% - 87px); } 
.my-map-wrap .map-list .card-body .item .name a { text-decoration:underline; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; display: inline-block; } 
.my-map-wrap .map-list .card-body .item .addr { padding-left:19px; background: url("/static/images/common/ico_location_grey_2x.png") no-repeat left 2px / 11px 16px; margin-top:4px; } 
.my-map-wrap .map-list .card-body .item .info { padding-left:19px; background: url("/static/images/common/ico_info_grey_2x.png") no-repeat left 2px / 10px 16px; } 
.my-map-wrap .map-list .card-body .item .info span { display: inline-block; position: relative; margin-right: 13px; } 
.my-map-wrap .map-list .card-body .item .info span:last-child { margin-right:0; } 
.my-map-wrap .map-list .card-body .item .info span::after { content:""; position:absolute; display:block; width:1px; height:11px; background: #ddd; right:-9px; top:0; bottom:0; margin: auto 0; } /* 援щ텇�꽑 */
.my-map-wrap .map-list .card-body .item .info span:last-child::after { display:none; } 
.my-map-wrap .map-list .card-body .item .price-box { margin-top: 7px; display: flex; font-size:15px; font-weight:700; padding-left:9px; position:relative; } 
.my-map-wrap .map-list .card-body .item .price-box span:first-child { margin-right: 3px; color:#000; } 
.my-map-wrap .map-list .card-body .item .price-box::before { content:""; margin:auto 0; position:absolute; display:block; top:0; bottom:0; left:0; width:2px; height:calc(100% - 7px); background-color:#547BD0; } 
.my-map-wrap .map-list .card-body .item .price-box span:nth-child(2) { color: #547BD0; } 
.my-map-wrap .map-list .card-body .btn_wrap { flex:none; display:flex; justify-content: left; } 


/* 留덉씠留� 湲곗〈 css �븰援곗젙蹂�, �꽭���닔 */
.my-map-wrap .edu-location, .my-map-wrap .house-hold { position: absolute; right: calc(100% + 92px); top:0; bottom:0; margin:auto 0; } 
.my-map-wrap .left-penel { height:56px; width:56px; border-radius:4px; background-color: #fff; text-align: center; border:1px solid #d8d8d8; box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.15); } 
.my-map-wrap .left-penel span { font-size:12px; color: rgba(0,0,0,.78); font-family: "Roboto", "Noto Sans KR", sans-serif; font-weight: 700; position: relative; } 
.my-map-wrap .edu-location { height:56px; width:56px; top:-160px; padding-left:16px; right: calc(100% + 108px) } 
.my-map-wrap .edu-location button span { padding-top: 18px; } 
.my-map-wrap .edu-location button span::before { content: ""; position: absolute; top:0; left:0; right:0; margin:0 auto; width:23px; height:19px; background: url(/static/images/common/ico_school_district_2x.png) no-repeat center / 23px 19px; } 
.my-map-wrap .edu-location ul { opacity:0; visibility:hidden; transition: all .3s; position: absolute; right: 100%; border-radius: 4px; border:1px solid #d8d8d8; box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.15); bottom: 2px; } 
.my-map-wrap .edu-location:hover ul { opacity:1; visibility:visible; } 
.my-map-wrap .edu-location ul::after { content:""; position:absolute; display:block; width:12px; height: 10px; background: url(/static/images/common/img_n_tip_tail_2x.png) no-repeat center / 12px 10px; right:-11px; bottom: 22px; transform:rotate(90deg); } 
.my-map-wrap .edu-location ul li { width: 70px; background-color: #fff; font-weight: 400; font-size:13px; padding: 9px 0; text-align: center; position: relative; cursor: pointer; } 
.my-map-wrap .edu-location ul li:first-child { border-radius:4px 4px 0 0; } 
.my-map-wrap .edu-location ul li:last-child { border-radius: 0 0 4px 4px; } 
.my-map-wrap .edu-location ul li span { position: relative; } 
.my-map-wrap .edu-location ul li span::before { content:""; position: absolute; display:block; width: 0; left:50%; transform:translate(-50%); height:8px; background-color:var(--theme-color); opacity:0.25; transition: all .3s; bottom:-1px; } 
.my-map-wrap .edu-location ul li.on span { font-weight: 700; } 
.my-map-wrap .edu-location ul li.on span::before { width:100%; } 
.my-map-wrap .edu-location ul li:hover span::before { width:100%; } 
.my-map-wrap .house-hold { top:-30px; } 
.my-map-wrap .house-hold li { display:flex; align-items: center; justify-content:center; cursor: pointer; height: 100%; } 
.my-map-wrap .house-hold li span { padding-top:18px; margin-top: 5px; } 
.my-map-wrap .house-hold li span::before { content: ""; position: absolute; top:0; left:0; right:0; margin:0 auto; width:23px; height:19px; background: url(/static/images/common/ico_household_2x.png) no-repeat center / 23px 19px; } 


/* 留덉씠留� 湲곗〈 css 留덉씠留� 由ъ뒪�듃 �긽�꽭蹂닿린 */
.my-map-wrap .detail-list { height:100%; } 
.my-map-wrap .detail-list .card-body { height:calc(100% - 63px); } 
.my-map-wrap .detail-list .card-body .item { border-top:none; } 
.my-map-wrap .detail-list .card-body .item .name { font-size:14px; display: block; width:100%; } 
.my-map-wrap .detail-list .name .state { display:inline-block; margin-right:4px; } 
.my-map-wrap .detail-list .desc-box { margin-top: 8px; padding:8px; padding-right:0; border-top:1px solid #000; border-bottom:1px solid #eee; white-space:pre-line; } 
.my-map-wrap .detail-list .detail .sub-title { font-size:14px; font-weight:700; } 
.my-map-wrap .detail-list .detail .sub-title + .table-box { margin-top:8px; } 
.my-map-wrap .detail-list td .tc { font-size:16px; color:#547BD0; font-weight: 700; } 

.my-map-wrap .detail-list .state.complete { color:rgba(0, 0, 0, 0.38) !important; } 
.my-map-wrap .detail-list .state.waiting { color:#FF9800 !important; } 
.my-map-wrap .detail-list .state.success { color:var(--theme-color) !important; } 
.my-map-wrap .detail-list .state.ing { color:red !important; } 
.my-map-wrap .detail-list .card-body .btn_wrap { justify-content: center; margin-top:16px; } 
.my-map-wrap .detail-list .card-body .btn_wrap .btn { height: 38px; padding: 0 32px; } 

/* 231030 my map */
.mymap_zoom { position: absolute; right: 14px; top: 48px; background: url('/images/admin/zoom_in_2x.png') no-repeat center / contain; width: 28px; height: 28px; margin-right: -8px; } 
.mymap_zoom:hover { background: url('/images/admin/zoom_in_hover_2x.png') no-repeat center / contain; } 
.mymap_zoom.out { background: url('/images/admin/zoom_out_2x.png') no-repeat center / contain; width: 28px; height: 28px; margin-right: -10px; margin-top: -40px; } 
.mymap_zoom.out:hover { background: url('/images/admin/zoom_out_hover_2x.png') no-repeat center / contain; } 

.mymap_search_result { z-index: 9; position: fixed; top: 176px; right: -355px; display: block; width: 364px; height: calc(100% - 8px); background-color: #fff; border-top: 1px solid #eee; border-left: 1px solid #eee; transition: all 0.3s ease-in-out; } 
.mymap_search_result.active { right: 0; } 
.mymap_search_result.zoom-in { z-index: 999999; top: 52px; } 
.mymap_toggle_btn { position: absolute; top: -1px; left: -21px; background-color: var(--theme-color); width: 20px; height: 48px; border-radius: 4px 0 0 4px; } 
.mymap_toggle_btn>i { position: absolute; top: 15px; left: 6px; background: url('/images/admin/mymap_arrow_white_2x.png') no-repeat center / contain; transform: rotate(180deg); width: 8px; height: 16px; } 
.mymap_toggle_btn>i.active { transform: rotate(0); } 
.mymap_content { position: relative; display: flex; flex-direction: column; padding: 16px; } 

.mymap_top { position: relative; display: block; border-bottom: 1px solid #DDDDDD; } 
.mymap_top>span { position: relative; display: flex; justify-content: flex-start; align-items: end; font-size: 16px; font-weight: 700; line-height: 1.2; letter-spacing: -0.05em; text-align: left; padding-bottom: 8px; border-bottom: 1px solid #aaa; } 
.mymap_top>span>strong { font-size: 13px; font-weight: 700; line-height: 1.2; letter-spacing: -0.05em; text-align: left; color: var(--theme-color); margin-left: 4px; } 

.mymap_top>select { margin: 16px 0; width: 100%; } 
.mymap_search_list { position: relative; height: calc(100vh - 300px); overflow-y: scroll; } 
.mymap_search_list::-webkit-scrollbar { background-color: #f8f8f8; width: 6px; height: 6px; } 
.mymap_search_list::-webkit-scrollbar-thumb { background-color: var(--theme-color); } 
.mymap_search_result.zoom-in .mymap_search_list { height: calc(100vh - 215px); } 
.mymap_search_list>li { position: relative; display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid #EEEEEE; padding: 12px 0; padding-right: 4px; cursor: pointer; } 
.search_result_con { display: flex; justify-content: flex-start; align-content: center; flex: 1; } 

.mymap_img { width: 48px; height: 47px; margin-right: 12px; } 
.mymap_icon_list .mymap_img { width: 32px; } 
.mymap_img>img { position: relative; display: block; margin: 0 auto; width: 32px; height: 51px; object-fit: contain; } 

.mymap_text { display: flex; flex-wrap: wrap; flex: 1; } 
.mymap_text>span { display: flex; align-items: center; width: 100%; font-size: 15px; font-weight: 700; line-height: 1.2; letter-spacing: -0.05em; text-align: left; width: 100%; color: rgba(0, 0, 0, 0.78); margin-bottom: 2px; } 
.mymap_text>b { position: relative; display: flex; align-items: center; font-size: 12px; font-weight: 400; line-height: 1.2; letter-spacing: -0.05em; text-align: left; margin-right: 17px; } 
.mymap_text>b::after { content: ''; position: absolute; top: 4px; right: -11px; width: 1px; height: 10px; background-color: #ddd; } 
.mymap_text>b:last-child:after { display: none; } 

.search_result_link>a { display: flex; align-items: center; } 
.search_result_link>a .link_home { display: flex; flex-direction: column; align-items: center; padding: 9.5px 15px; border-radius: 8px; border: 1px solid #eee; } 
.search_result_link>a .link_kakao { display: flex; justify-content: flex-start; align-items: center; } 
.search_result_link>a span { font-size: 12px; font-weight: 700; line-height: 0.66; letter-spacing: -1px; text-align: left; color: rgba(0, 0, 0, 0.78); margin-top: 7px; } 
.search_result_link>a .link_kakao span { margin-top: 0; } 
.search_result_link>a .link_kakao i { position: relative; display: block; background: url('/images/admin/mymap_arrow_2x.png') no-repeat center / contain; width: 15px; height: 24px; margin-top: 2px; } 

.mymap_paging { display: flex; justify-content: center; align-items: center; max-width: 300px; margin: 0 auto; } 
.mymap_paging .paging .paging-num .page { text-align: center; height: 51px; } 

.mymap_paging>.paging_first { background: url('/images/admin/mymap_paging_first.png') no-repeat center; opacity: 0.3; } 
.mymap_paging>.paging_last { background: url('/images/admin/mymap_paging_last.png') no-repeat center; opacity: 0.3; } 
.mymap_paging>.paging_prev { background: url('/images/admin/mymap_paging_prev.png') no-repeat center; opacity: 0.3; } 
.mymap_paging>.paging_next { background: url('/images/admin/mymap_paging_next.png') no-repeat center; opacity: 0.3; } 

.mymap_paging .paging { position: relative; display:block; margin: 0 auto; } 
.mymap_paging .paging .paging-num { margin: 0 auto; } 
.mymap_popup .paging .paging-num { margin: 0 auto; } 
.mymap_popup .paging .paging-num .page { width: 24px; height: 50px; text-align: center; } 

.mymap_detail_pos { position: relative; display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid #EEEEEE; padding: 20px 0; } 
.mymap_detail_pos>div { padding: 0 !important; } 
.mymap_detail { position: absolute; display: none; top: 0; left: 0; width: 100%; height: 100%; padding: 16px; background-color: #fff; max-height: calc(100vh - 140px); overflow-y: scroll; } 
.mymap_detail.active { display: block; } 
.mymap_detail::-webkit-scrollbar { background-color: #f8f8f8; width: 6px; height: 6px; } 
.mymap_detail::-webkit-scrollbar-thumb { background-color: var(--theme-color); } 
.mymap_search_result.zoom-in .mymap_detail { max-height: calc(100vh - 55px); } 

.mymap_popup .mymap_detail { max-height: calc(100% - 60px); } 

.detail_top { } 
.detail_top>span { display: block; font-size: 16px; font-weight: 700; line-height: 1.6; letter-spacing: -0.05em; text-align: left; padding-bottom: 8px; border-bottom: 1px solid #ddd; width: 100%; } 
.detail_top .search_result_con { padding: 20px 0; } 
.detail_body .board { padding-bottom: 24px; } 

.detail_site { padding-bottom: 16px; border-bottom: 1px solid #D8D8D8; margin-bottom: 16px; } 
.detail_site>span { position: relative; display: block; font-size: 15px; font-weight: 700; line-height: 1.3; letter-spacing: -0.05em; text-align: left; padding-bottom: 16px; } 
.detail_site>div.detail_ref { display: flex; justify-content: flex-start; } 
.detail_site>div.detail_ref>span { font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: -0.05em; text-align: left; margin-right: 8px; min-width: 22px; padding-top: 10px; } 
.detail_site>div.detail_ref a { position: relative; display: inline-block; margin-bottom: 8px; margin-right: 4px; border: 1px solid #ddd; border-radius: 50px; font-size: 12px; font-weight: 400; line-height: 1.6; letter-spacing: -0.05em; text-align: left; padding: 8px 16px; color: rgba(0, 0, 0, 0.78); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 300px; } 

.detail_link_wrap a { text-decoration: underline; text-underline-offset: 2px; } 
.detail_file_wrap a { font-weight: 700 !important; } 

.mymap_detail>a.list_btn { position: relative; display: block; width: 94px; text-align: center; border-radius: 8px; border: 1px solid #d8d8d8; font-size: 13px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; color: rgba(0, 0, 0, 0.78); margin: 0 auto; padding: 12px 0; } 
.mymap_icon_pos { position: relative; display: block; padding: 16px; padding-top: 4px; border-radius: 16px; width: 100%; } 
.mymap_icon { position: relative; display: block; padding: 16px; background-color: #fff; width: 100%; height: 100%; } 

.mymap_icon_wrap { display: flex; justify-content: flex-start; margin-bottom: 16px; } 
.mymap_icon_wrap>span { padding-top: 25px; min-width: 46px; margin-right: 16px; font-size: 13px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: left; } 
.mymap_icon>div.mymap_icon_wrap:nth-child(1)>span { padding-top: 9px; } 
.mymap_icon_wrap.mb_32 { margin-bottom: 32px; } 

.mymap_icon_list_wrap { position: relative; display: block; } 
.mymap_icon_list_wrap>ul:first-child { margin-top: 0; } 
.mymap_icon_list { position: relative; display: flex; justify-content: flex-start; align-items: center; margin: 16px 0; } 
.mymap_icon_list.mr_16 { margin-right: 16px; } 
.mymap_icon_list.estate>li { margin-right: 0px; } 
.mymap_icon_list.estate>li.mr_10 { margin-right: 10px; } 
.mymap_icon_list.estate span { min-width: 33px; position: relative; display: block; text-align: center; font-size: 13px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; text-align: center; color: rgba(0, 0, 0, 0.78); } 

.mymap { width: 100%; height: calc(100% - 86px); position: relative; } 
.mymap.zoom-in { position: fixed; top: 0; left: 0; z-index: 9999; height: 100%; } 
.mymap>div>div>div>div>img { object-fit: contain; } 
#container .search_wrap.zoom-in { position: fixed; top: 0; left: 0; z-index: 999999; width: 100%; } 
#container .search_wrap.zoom-in > .round_box { padding: 8px 16px 0; } 
#container .search_wrap.zoom-in .search_form { padding-top: 0; } 

.mymap_info { position: absolute; display: block; width: 32px; height: 47px; } 
.mymap_info_btn { display: flex; justify-content: flex-start; align-items: center; } 
.mymap_info_btn>span { white-space: nowrap; display: flex; justify-content: flex-start; align-items: center; font-size: 12px; font-weight: 400; line-height: 1.2; letter-spacing: -0.05em; text-align: left; margin-right: 6px; } 
.mymap_info_box_pos { position: relative; display: block; width: 44px; height: 58px; margin-top: -46px; } 
.mymap_info_box { position: absolute; display: block; top: -32px; left: 50%; transform: translate(-50%, -50%); background: #fff; padding: 12px; border-radius: 8px; border: 1px solid #ddd; } 

.mymap_info_box.enlarge { top: -108px; } 
.mymap_info_box::after { content: ''; position: absolute; top: 98.5%; left: 50%; transform: translateX(-50%); background: url(/images/admin/mymap_info_box_arrow_2x.png) no-repeat center / contain; width: 14px; height: 12px; z-index: 9; } 
.mymap_info_box>span { position: relative; display: flex; justify-content: space-between; align-items: center; font-size: 13px; font-weight: 700; line-height: 1.3; letter-spacing: -0.05em; text-align: left; color: rgba(0, 0, 0, 0.78); margin-bottom: 8px; } 
.mymap_info_btn>span::after { content: ''; position: relative; display: block; width: 1px; height: 10px; background-color: #ddd; margin-left: 6px; margin-top: 2px; } 
.mymap_info_btn>span:last-child::after { display: none; } 
.mymap_info_btn>button { white-space: nowrap; display: flex; justify-content: flex-start; align-items: center; font-size: 11px; font-weight: 700; letter-spacing: -0.05em; text-align: left; color: var(--theme-color); } 
.mymap_info_btn>button>i { position: relative; margin-left: 1px; width: 8px; height: 8px; background: url('/images/admin/mymap_info_detail_arrow_2x.png') no-repeat center /contain; } 

.mymap_info_box_close { position:relative; display: none; width: 16px; height: 16px; background: url('/images/admin/mymap_tooltip_close_2x.png') no-repeat center / contain; } 

/* window popup custom */
#wrapper.mymap_popup { width: 100%; height: 100%; } 
#wrapper.mymap_popup .container_wrap { height: 100%; } 
.mymap_popup #container { padding :0; height: 100%; } 
.mymap_popup #container .search_wrap > .round_box { padding-top: 0; } 
.mymap_popup .mymap_zoom { display: none; } 
.mymap_popup .search_form { padding-top: 8px; } 
.mymap_popup .mymap_search_list { height: calc(100vh - 268px); } 

.on_off_switch { position: relative; display: flex; justify-content: space-between; align-items: center; background-color: #ddd; border-radius: 100px; padding: 2px 5px; padding-bottom: 2px; cursor: pointer; min-width: 36px; max-width: 36px; height: 24px; } 
.on_off_switch.active { background-color: var(--theme-color); } 
.on_off_switch>span { font-size: 11px; line-height: 22px; font-weight: 600; color: #fff; padding: 0 3px; } 
.on_off_switch .circle { position: absolute; top: 12px; left: 2px; display: block; border-radius: 50%; width: 18px; height: 18px; background-color: #fff; transform: translateY(-50%); transition: all 0.3s ease-in-out; } 
.on_off_switch .circle.active { left: calc(100% - 20px); transition: all 0.3s ease-in-out; } 

/* 由ъ뒪�듃 */
.round_box.list { padding: 24px; } 
.round_box.list .list_up li { border-bottom: 1px solid #DDDDDD; margin-bottom: 24px; display: flex; justify-content: space-between; align-items: center; padding-bottom: 24px; } 
.round_box.list .list_up li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } 
.round_box.list .list_up .text-box .flex-fs { margin-bottom: 8px; } 
.round_box.list .list_up .text-box span { position: relative; display: block; font-size: 14px; font-weight: 700; line-height: 1; letter-spacing: -0.5px; text-align: left; margin-right: 16px; } 
.round_box.list .list_up .text-box a { color: #547BD0; display: flex; justify-content: flex-start; align-items: center; font-size: 13px; font-weight: 400; line-height: 1; letter-spacing: -0.5px; text-align: left; } 
.round_box.list .list_up .text-box p { font-size: 12px; font-weight: 400; line-height: 1.2; letter-spacing: -0.5px; text-align: left; color: rgba(0, 0, 0, 0.58); } 
.round_box.list .list_up .text-box a i { width: 12px; height: 12px; background: url('/images/admin/go_link_arrow_2x.png') no-repeat center / contain; } 
.round_box.list .data-none { text-align: center; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; } 
.round_box.list .data-none i { background:url('/images/admin/data_none_2x.png') no-repeat center / contain; width: 60px; height: 60px; margin-bottom: 8px; } 
.round_box.list .data-none span { position: relative; display: inline-block; font-size: 14px; font-weight: 600; line-height: 1.2; color: rgba(0, 0, 0, 0.78); padding-bottom: 8px; } 


/* �긽�떞�궡�슜 �뙘�뾽 */
.modal_right .file_list { border-bottom: 0; margin-top: 0px; } 
.modal_right .file_list li { margin-bottom: 8px; } 
.modal_right .bo_file { border-bottom: 0; } 
.modal_right .file_list li span { color: rgba(0, 0, 0, 0.78); font-weight: 700; } 
.modal_right .search_wrap { padding-bottom: 0px; padding: 0 8px; padding-top: 8px; background: #f5f5f5; } 

.modal_right .tab_list li a::after { width: 100%; } 
.modal_right .tab_list { margin-bottom: 8px; } 

.modal_right .tab_contents_wrap { padding-top: 8px; } 
.modal_right .tab_btn_wrap { margin-bottom: 4px; } 
.modal_right .tab_btn_wrap h3.cnt { font-size: 16px; } 
.modal_right .select2-container .select2-choice { background: #fff; } 
.select2-drop { max-width: 200px; } 

.Consultation { padding-top: 0; } 
.Consultation > li { position: relative; display: block; padding: 12px 0 4px; border-top: 1px solid #ddd; } 
.Consultation > li:first-child { border-top: 2px solid #40454E; } 
.Consultation > li:last-child { margin-bottom: 0; } 
.Consultation > li > div.content { margin-bottom: 4px; } 
.Consultation > li > div.content p { font-size: 15px; font-weight: 400; line-height: 1.4; color: rgba(0, 0, 0, 0.78); } 
.Consultation > li > div.content pre { white-space: break-spaces; position: relative; display: block; width: 93%; word-break: break-word; font-size: 14px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; text-align: left; color: #000; font-family: "Roboto", "Noto Sans KR", "留묒� 怨좊뵓", Malgun Gothic, sans-serif; } 
.Consultation > li > div.info { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 4px; } 
.Consultation > li > div.info>* { margin-right: 4px; } 
.Consultation > li > div.info>span { position: relative; display: block; font-size: 13px; font-weight: 400; line-height: 1.2; letter-spacing: -1px; text-align: left; color: rgba(0, 0, 0, 0.38); } 
.Consultation > li > div.info>strong { font-size: 13px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; text-align: left; color: rgba(0, 0, 0, 0.38); } 
.Consultation > li > div.info>b { font-size: 13px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; text-align: left; color: rgba(0, 0, 0, 0.38); } 
.Consultation > li a.del_btn { position: absolute; top: 8px; right: 0px; display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; border-radius: 4px; border: 1px solid #DDDDDD; } 
.Consultation > li a.del_btn i { width: 12px; height: 11px; } 
.Consultation > li.data-none { text-align: center; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; padding: 24px 0;} 
.Consultation > li.data-none i { background:url('/images/admin/data_none_2x.png') no-repeat center / contain; width: 60px; height: 60px; margin-bottom: 8px; } 
.Consultation > li.data-none span { position: relative; display: inline-block; font-size: 14px; font-weight: 600; line-height: 1.2; color: rgba(0, 0, 0, 0.78); } 

.Consultation .image_box { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-bottom: 4px; } 
.Consultation .image_box>* { width: 80px; height: 80px; border-radius: 8px; margin-right: 8px; margin-bottom: 8px; } 
.Consultation .image_box img { object-fit: cover; } 

.Consultation .file_list li a { border: 1px solid rgba(0, 0, 0, 0.78); padding: 2px 12px; } 
.Consultation .file_list li a span { font-size: 13px; } 


/* ���씠怨쇱젙 �뙘�뾽 */
.modal_wrap.modal_exam_process .modal_content { background-color: #fff; padding: 16px 32px; } 
.modal_wrap.modal_exam_process .modal_content .row { height: 100%; } 
.modal_wrap.modal_exam_process .modal_content .board_wrap .row { height: calc(100% - 128px); } 
.modal_exam_process .board_wrap { height: 100%; } 

.modal_exam_process .search_wrap { padding-bottom: 16px; border-bottom: 1px solid #AAAAAA; margin-bottom: 16px; } 
.modal_exam_process .search_content { align-items: center; } 
.modal_exam_process .search_content .search_group { display: flex; justify-content: flex-start; align-items: center; } 
.modal_exam_process .search_content .search_group .name { margin-right: 15px; } 
.modal_exam_process .search_content .search_group .name strong { color: rgba(0, 0, 0, 0.78); } 

.modal_exam_process .status { display: flex; justify-content: flex-start; align-items: center; margin-right: 10px; } 
.modal_exam_process .status span { padding: 3px 6px; border-radius: 4px; font-size: 13px; font-weight: 500; line-height: 1.2; text-align: center; margin-right: 8px; } 
.modal_exam_process .status span:last-child { margin-right: 0; } 
.modal_exam_process .status span.no_submit { color: #A60028; border: 1px solid #d27e92; background-color: #faf2f4; } 
.modal_exam_process .status span.complete { color: #002EA6; border: 1px solid #7e95d2; background-color: #f2f4fa; } 
.modal_exam_process .status span.fail { color: #555; border: 1px solid rgba(85, 85, 85, 0.48); background-color: rgba(85, 85, 85, 0.05); } 
.modal_exam_process .status span.wait { color: #d78000; border: 1px solid rgba(215, 128, 0, 0.48); background-color: rgba(215, 128, 0, 0.05); } 

.modal_exam_process .status::after { content: ''; position: relative; display: block; width: 1px; height: 12px; background-color: #ddd; margin-left: 16px; } 
.modal_exam_process .sch_tit i.dot { width: 4px; height: 4px; margin-right: 0px; } 
.modal_exam_process .sch_tit { font-size: 12px; font-weight: 700; line-height: 1.6; letter-spacing: -0.05em; text-align: left; color: rgba(0, 0, 0, 0.58); } 

.modal_exam_process .board_header { min-height: inherit; margin-bottom: 8px; } 
.modal_exam_process h3.cnt { color: rgba(0, 0, 0, 0.78); font-size: 14px; font-weight: 700; line-height: 1.6; letter-spacing: -0.05em; text-align: left; min-height: inherit; } 
.modal_exam_process .problem_box { border: 1px solid #ddd; height: calc(100vh - 190px); border-radius: 8px; } 
.modal_exam_process .problem_box .problem { position: relative; display: block; overflow: auto; height: calc(100vh - 194px); padding: 16px; } 
.modal_exam_process .problem_box .problem img { } 

.modal_exam_process .problem_box .problem .data-none { display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 32px 0; height: 100%; } 
.modal_exam_process .problem_box .problem .data-none img { width: 80px; height: 80px; } 
.modal_exam_process .problem_box .problem .data-none span { font-size: 16px; font-weight: 500; line-height: 1.4; color: rgba(0, 0, 0, 0.78); } 

.modal_wrap.modal_exam_process .modal_content .board_wrap .board_grid { height: calc(100% - 30px); } 


/* �씤蹂댁씠�뒪 */
.create-invoice-wrap {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #fff;z-index: 99;}
.create-invoice-wrap > div {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.create-invoice {position: relative;margin-top: 12px;padding: 32px 0; text-align: center;}
.create-invoice .btn-close {position: absolute;top: 0;right: 0;}
.create-invoice .btn-close i.del {width:18px;height:18px;}
.create-invoice > h3 {font-size: 16px;}
.create-invoice .file-name {display: inline-block;margin: 40px 0;padding: 16px 32px;border: 1px solid #d8d8d8;border-radius: 8px;color: #1E5DF8C7;font-weight: bold;}
.create-invoice .btn-wrap button {height: 37px;margin: 0 4px;padding: 0 40px;line-height: 37px;}

/* v-select reset */
.v-select.w50p { min-width: calc(50% - 1px); }
.v-select.w33p { min-width: calc(33.33% - 1px); }
.v-select.w66p { min-width: calc(66.66% - 1px); }
.v-select.w100p { min-width: 100%; }
.vs__search, .vs__search:focus { padding: 0 !important; margin: 0 !important; font-size: 12px !important; font-family: "Roboto", "Noto Sans KR", "留묒� 怨좊뵓", Malgun Gothic, sans-serif !important; color: rgba(0, 0, 0, 0.78) !important; }
.vs__actions { display: none !important; }
.vs__dropdown-toggle { height: 28px !important; line-height: 26px !important; color: rgba(0, 0, 0, 0.78) !important; padding: 0 24px 0 8px !important; -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important; background: url(/images/admin/icon_arrow_normal_2x.png) no-repeat right 8px center !important; background-size: 10px 6px !important; background-color: #fff !important; border: 1px solid #d4d4d4 !important; background-color: #fff !important; border-radius: 4px !important; font-size: 12px !important; font-family: "Roboto", "Noto Sans KR", "留묒� 怨좊뵓", Malgun Gothic, sans-serif !important; }
.vs__selected-options { width: 100% !important; padding: 0 !important; flex-wrap: unset !important; }
.vs__selected { display: block !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; width: 100% !important; line-height: 26px !important; margin: 0 !important; padding: 0 !important; }
.vs--single.vs--loading .vs__selected, .vs--single.vs--open .vs__selected { position: relative !important; }
.vs--open .vs__selected { display: none !important; }


/* �뿞�뵆�젅�씠 �꽕臾몄“�궗 */
.rch_result_modal .modal_content { padding: 16px !important; }
.rch_result_modal .modal_body h2 { padding-bottom: 8px; font-size: 16px; border-bottom: 1px solid #D8D8D8; }
.rch_result_modal .rst_num_wrap { padding: 16px 0; border-bottom: 1px solid #D8D8D8; }
.rch_result_modal .rst_num_wrap p { font-size: 12px; }
.rch_result_modal .rst_num_wrap p span { font-size: 16px; font-weight: 700; }
.rch_result_modal .rst_num_wrap p span.num { color: var(--theme-color); }
.rch_result_modal .desc_tit { padding-bottom: 4px; border-bottom: 1px solid #EEEEEE; font-size: 13px; font-weight: 700; }
.rch_result_modal .rst_list_wrap { padding-bottom: 8px; }
.rch_result_modal .rst_list_wrap > li { margin-top: 8px; padding: 8px; background: #F5F5F5; border: 1px solid #DDDDDD; border-radius: 8px; }
.rch_result_modal .rst_list_wrap > li .rst_box { margin-top: 8px; padding: 16px; background: #fff; border: 1px solid #D8D8D8; border-radius: 8px; }
.rch_result_modal .etc_answer li { padding: 12px 0; border-bottom: 1px solid #EEEEEE; }
.rch_result_modal .etc_answer li:last-child { border: 0; }
.rch_result_modal .etc_answer .answer_desc { white-space: pre-line; }
.rch_result_modal .etc_answer .user_desc { padding-top: 8px; font-size: 12px; color: #00000061; }


/* 소마 생각자람 */
.pre_interview .board + .board { margin-top: 32px; }
.pre_interview .interview_board .board_header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.pre_interview .interview_status { display: inline-flex; align-items: center; min-height: 28px; padding: 0 12px; border: 1px solid var(--theme-color); border-radius: 20px; color: var(--theme-color); font-size: 12px; font-weight: 700; box-sizing: border-box; }
.pre_interview .interview_list { display: grid; gap: 14px; }
.pre_interview .interview_item { padding: 20px 22px; border: 1px solid #e1e4e8; border-radius: 10px; background: #fff; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.04); box-sizing: border-box; }
.pre_interview .interview_question_row { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
.pre_interview .interview_number { display: inline-flex; flex: 0 0 32px; width: 32px; height: 32px; align-items: center; justify-content: center; border-radius: 50%; background: var(--theme-color); color: #fff; font-family: Arial, sans-serif; font-size: 11px; font-weight: 700; line-height: 1; letter-spacing: -0.2px; font-variant-numeric: tabular-nums; box-sizing: border-box; }
.pre_interview .interview_question { min-width: 0; margin: 0; flex: 1 1 auto; color: #222; font-size: 15px; font-weight: 700; line-height: 1.6; word-break: keep-all; }
.pre_interview .interview_required { display: inline-flex; min-height: 23px; padding: 0 8px; flex: 0 0 auto; align-items: center; justify-content: center; border: 1px solid #efb8b8; border-radius: 12px; background: #fff6f6; color: #d94848; font-size: 10px; font-weight: 700; line-height: 1; box-sizing: border-box; }
.pre_interview .interview_choices { display: grid; gap: 8px; width: 100%; margin: 0; padding: 0; list-style: none; }
.pre_interview .interview_choices li { position: relative; min-height: 43px; padding: 11px 18px 11px 42px; border: 1px solid transparent; border-radius: 8px; background: #f7f8f9; color: #666; font-size: 14px; line-height: 1.5; word-break: keep-all; box-sizing: border-box; }
.pre_interview .interview_choices li::before { content: ""; position: absolute; top: 13px; left: 15px; width: 17px; height: 17px; border: 1px solid #c8cdd2; border-radius: 50%; background: #fff; box-sizing: border-box; }
.pre_interview .interview_choices li.is_selected { border-color: var(--theme-color); background: #f7faf8; background: color-mix(in srgb, var(--theme-color) 7%, #fff); color: var(--theme-color); font-weight: 700; }
.pre_interview .interview_choices li.is_selected::before { content: ""; border: 5px solid var(--theme-color); background: #fff; }
.pre_interview .interview_choice_label { display: block; min-height: 21px; line-height: 1.5; }
.pre_interview .interview_choices li.has_etc_answer { padding-bottom: 10px; }
.pre_interview .interview_choices.is_multiple li::before { border-radius: 4px; }
.pre_interview .interview_choices.is_multiple li.is_selected::before { content: ""; border: 1px solid var(--theme-color); border-radius: 4px; background: var(--theme-color); }
.pre_interview .interview_choices.is_multiple li.is_selected::after { content: ""; position: absolute; top: 16px; left: 21px; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); transform-origin: center; box-sizing: border-box; }
.pre_interview .interview_etc_answer { margin-top: 8px; padding: 10px 13px; border: 1px solid #dfe3e7; border-radius: 7px; background: #fff; box-sizing: border-box; }
.pre_interview .interview_etc_answer.is_active { border-color: #d3ded7; border-color: color-mix(in srgb, var(--theme-color) 18%, #dfe3e7); background: #fff; background: color-mix(in srgb, var(--theme-color) 2%, #fff); }
.pre_interview .interview_etc_answer p { margin: 0; color: #444; font-size: 14px; font-weight: 400; line-height: 1.65; word-break: keep-all; overflow-wrap: anywhere; white-space: pre-line; }
.pre_interview .interview_text_answer { padding: 12px 14px; border: 1px solid #dfe3e7; border-radius: 8px; background: #f7f8f9; box-sizing: border-box; }
.pre_interview .interview_text_answer p { margin: 0; color: #444; font-size: 14px; line-height: 1.65; word-break: keep-all; overflow-wrap: anywhere; white-space: pre-line; }

.pre_interview .interview_header_option { display: inline-flex; align-items: center; justify-content: flex-end; gap: 10px; margin-left: auto; }
.pre_interview .answer_view_toggle { position: relative; display: inline-flex; align-items: center; gap: 8px; min-height: 28px; cursor: pointer; user-select: none; box-sizing: border-box; }
.pre_interview .answer_view_toggle input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }
.pre_interview .answer_view_toggle_text { color: #555; font-size: 12px; font-weight: 700; line-height: 1; white-space: nowrap; transition: color 0.15s ease; }
.pre_interview .answer_view_toggle_switch { position: relative; display: inline-flex; width: 38px; height: 20px; flex: 0 0 auto; align-items: center; border-radius: 20px; background: #d6dbe0; transition: background-color 0.18s ease; box-sizing: border-box; }
.pre_interview .answer_view_toggle_knob { position: absolute; top: 3px; left: 3px; width: 14px; height: 14px; border-radius: 50%; background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18); transition: left 0.18s ease; box-sizing: border-box; }
.pre_interview .answer_view_toggle input:checked ~ .answer_view_toggle_text { color: var(--theme-color); }
.pre_interview .answer_view_toggle input:checked ~ .answer_view_toggle_switch { background: var(--theme-color); }
.pre_interview .answer_view_toggle input:checked ~ .answer_view_toggle_switch .answer_view_toggle_knob { left: 21px; }
.pre_interview .answer_view_toggle input:focus-visible ~ .answer_view_toggle_switch { outline: 2px solid var(--theme-color); outline-offset: 2px; }
.pre_interview .interview_list.is_selected_only .interview_choices li:not(.is_selected) { display: none; }

@media (max-width: 768px) {
    .pre_interview .interview_status { display: none; }
    .pre_interview .interview_item { padding: 16px; }
    .pre_interview .interview_question_row { align-items: flex-start; gap: 8px; margin-bottom: 14px; }
    .pre_interview .interview_number { flex-basis: 30px; width: 30px; height: 30px; }
    .pre_interview .interview_question { font-size: 14px; }
    .pre_interview .interview_required { margin-top: 3px; }
    .pre_interview .interview_choices li.has_etc_answer { padding-right: 10px; }
    .pre_interview .interview_etc_answer { padding: 9px 11px; }
    .pre_interview .interview_text_answer { padding: 11px 12px; }
    .pre_interview .interview_header_option { gap: 8px; }
    .pre_interview .answer_view_toggle_text { font-size: 11px; }
    .pre_interview .answer_view_toggle_switch { width: 34px; height: 18px; }
    .pre_interview .answer_view_toggle_knob { top: 3px; left: 3px; width: 12px; height: 12px; }
    .pre_interview .answer_view_toggle input:checked ~ .answer_view_toggle_switch .answer_view_toggle_knob { left: 19px; }
}


/* 관찰기록 */
.observation_admin { --observation-line: #dfe3e7; --observation-soft: #f7f8f9; --observation-blue: #3578bd; --observation-blue-soft: #eef6ff; --observation-gray: #747b84; --observation-gray-soft: #f3f4f5; }
.observation_admin .observation_panel { display: grid; gap: 14px; margin-top: 14px; }
.observation_admin .observation_info { display: grid; gap: 6px; padding: 8px; border: 1px solid #dce1e5; border-radius: 8px; background: linear-gradient(135deg, #f8fafb 0%, #f2f5f7 100%); box-shadow: 0 3px 10px rgba(35, 45, 55, 0.04); }
.observation_admin .observation_info p { display: grid; grid-template-columns: 66px minmax(0, 1fr); min-height: 36px; margin: 0; padding: 6px 9px; align-items: center; gap: 8px; border: 1px solid #e2e6e9; border-radius: 6px; background: #fff; color: #3d4349; font-size: 12px; line-height: 1.5; word-break: keep-all; box-sizing: border-box; }
.observation_admin .observation_info strong { display: inline-flex; width: max-content; min-height: 22px; padding: 0 7px; align-items: center; gap: 5px; border-radius: 4px; background: var(--theme-color); color: #fff; font-size: 11px; font-weight: 700; line-height: 1; box-sizing: border-box; }
.observation_admin .observation_info strong::before { content: ""; display: block; width: 4px; height: 4px; flex: 0 0 auto; border-radius: 50%; background: #fff; opacity: 0.9; }
.observation_admin .observation_info p > span { min-width: 0; color: #454b51; }
.observation_admin #observation_class_list { display: grid; gap: 14px; }
.observation_admin .observation_section { display: grid; gap: 6px; }
.observation_admin .observation_section_header { display: flex; min-height: 24px; align-items: center; gap: 6px; justify-content: space-between;}
.observation_admin .observation_section_title { margin: 0; color: #333; font-size: 14px; font-weight: 800; line-height: 1.3; }
.observation_admin .observation_status { display: inline-flex; flex: 0 0 auto; min-height: 22px; padding: 0 8px; align-items: center; border: 1px solid; border-radius: 12px; font-size: 11px; font-weight: 700; line-height: 1; box-sizing: border-box; }
.observation_admin .observation_status.is_complete { border-color: #a9c9eb; background: var(--observation-blue-soft); color: var(--observation-blue); }
.observation_admin .observation_status.is_pending { border-color: #d2d6da; background: var(--observation-gray-soft); color: var(--observation-gray); }
.observation_admin .tab_button > li > a { padding: 0 8px; }
.observation_admin .tab_button .observation_status { margin-left: 3px; padding: 2px 6px; min-height: 18px; border-radius: 4px; font-weight: 800; font-size: 10px; vertical-align: middle; }

.observation_admin .observation_group_list { display: grid; gap: 6px; }
.observation_admin .observation_group { display: grid; grid-template-columns: 108px minmax(0, 1fr); overflow: hidden; border: 1px solid var(--observation-line); border-radius: 7px; background: #fff; }
.observation_admin .observation_group_header { display: flex; min-width: 0; min-height: 0; padding: 12px 9px; align-items: flex-start; gap: 7px; border-right: 1px solid #e5e8eb; background: var(--observation-soft); color: #333; font-size: 12px; line-height: 1.45; box-sizing: border-box; }
.observation_admin .observation_group_header strong { min-width: 0; font-weight: 700; word-break: keep-all; }
.observation_admin .observation_group_dot { display: block; width: 6px; height: 6px; margin-top: 5px; flex: 0 0 auto; border-radius: 50%; background: var(--theme-color); }
.observation_admin .observation_question_list { min-width: 0; background: #fff; }
.observation_admin .observation_question { display: grid; grid-template-columns: minmax(0, 1fr) 150px; min-height: 46px; padding: 7px 10px; align-items: center; gap: 10px; border-bottom: 1px solid #eceff1; box-sizing: border-box; }
.observation_admin .observation_question:last-child { border-bottom: 0; }
.observation_admin .observation_question_text { min-width: 0; margin: 0; color: #444; font-size: 12px; line-height: 1.45; word-break: keep-all; }
.observation_admin .score_selector { display: grid; grid-template-columns: repeat(5, 26px); align-items: center; justify-content: end; gap: 5px; }
.observation_admin .score_option { position: relative; display: block; cursor: pointer; }
.observation_admin .score_option input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.observation_admin .score_option span { display: flex; width: 26px; height: 26px; align-items: center; justify-content: center; border: 1px solid #cbd0d5; border-radius: 50%; background: #fff; color: #777; font-size: 11px; font-weight: 700; line-height: 1; transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease; box-sizing: border-box; }
.observation_admin .score_option:hover span { border-color: var(--theme-color); color: var(--theme-color); }
.observation_admin .score_option input:checked + span { border-color: var(--theme-color); background: var(--theme-color); color: #fff; }
.observation_admin .score_option input:focus-visible + span { outline: 2px solid var(--theme-color); outline-offset: 2px; }
.observation_toast { position: fixed; bottom: 32px; left: 0; z-index: 300; width: max-content; padding: 13px 20px; border-radius: 24px; background: rgba(25, 25, 25, 0.86); color: #fff; font-size: 12px; font-weight: 700; line-height: 1.5; text-align: center; word-break: keep-all; box-shadow: 0 12px 30px rgba(25, 26, 23, 0.2); opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%, 14px); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease; box-sizing: border-box; }
.observation_toast.is_visible { opacity: 1; visibility: visible; transform: translate(-50%, 0); }

@media (max-width: 1200px) {
	.observation_admin .observation_group { grid-template-columns: 100px minmax(0, 1fr); }
	.observation_admin .observation_question { grid-template-columns: minmax(0, 1fr) 140px; gap: 8px; }
	.observation_admin .score_selector { grid-template-columns: repeat(5, 24px); gap: 5px; }
	.observation_admin .score_option span { width: 24px; height: 24px; }
}

@media (max-width: 768px) {
	.observation_admin .observation_panel { gap: 12px; margin-top: 12px; }
	.observation_admin .observation_info { padding: 6px; }
	.observation_admin .observation_info p { grid-template-columns: 60px minmax(0, 1fr); padding: 6px 8px; gap: 7px; }
	.observation_admin #observation_class_list { gap: 12px; }
	.observation_admin .observation_group { grid-template-columns: 92px minmax(0, 1fr); }
	.observation_admin .observation_group_header { padding: 10px 8px; gap: 6px; }
	.observation_admin .observation_question { grid-template-columns: minmax(0, 1fr) 136px; padding: 7px 8px; gap: 8px; }
	.observation_admin .score_selector { grid-template-columns: repeat(5, 24px); gap: 4px; }
	.observation_toast { bottom: 16px; padding: 11px 16px; }
}

@media (max-width: 560px) {
	.observation_admin .observation_info p { grid-template-columns: 1fr; gap: 4px; padding: 8px; }
	.observation_admin .observation_group { display: block; }
	.observation_admin .observation_group_header { min-height: 32px; padding: 7px 10px; align-items: center; border-right: 0; border-bottom: 1px solid #e5e8eb; }
	.observation_admin .observation_group_dot { margin-top: 0; }
	.observation_admin .observation_question { grid-template-columns: 1fr; min-height: 0; padding: 8px 10px; gap: 7px; }
	.observation_admin .score_selector { width: 100%; grid-template-columns: repeat(5, 28px); justify-content: end; gap: 6px; }
	.observation_admin .score_option span { width: 28px; height: 28px; }
}